/* @charset "utf-8"; */
/* CSS Document */
html {
	height: 100%;
}
body {
	padding: 0;
	margin: 0;background-color: #fff;background-image: url(pagebg.jpg);background-repeat: no-repeat;background-position: top center;background-attachment: scroll;font-size: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #666666;
}
p {
	text-align: justify;
}
form, ul, li, h1, h2, h3, h4, h5, h6, h7 {
	padding: 0; margin: 0;}
table {
	border-collapse: collapse;
}
img {
	border: 0;}
a{
	text-decoration: none;
	color: #405A97;
}
a:link{
	color: #405A97;
}
a:visited {
	color: #405A97;
}
a:hover {
	color: #405A97;
}
.clearer {
	clear: both;}
#wrapper {
	width: 980px;
	margin: auto auto;
	}
#pheader {
	position: relative;
	border: none;
	z-index: 1;height: 240px;background-image: url(header.jpg);
}
#logo {
	position: absolute;
	z-index: 10;
}

/* CONTENT */
#contentwrapper {
	position: relative;
	/*top: -20px;*/
	float: left;
	width: 100%;
}
#leftside {
	float: left;
	height: relative;width: 180px;margin-right: 10px;
}
#rightside {
	float: right;
	height: relative;width: 180px;
}
#content {
	float: left;
	height: relative;width: 600px;
}
#content a, #contentwrapper a {
	color: #405A97;
}

/* cim */
#content h2, #contentwrapper h2 {
	font-size: 14px;
	text-align: center;
	/*color: #666666;*/
	padding-bottom: 4px;
	margin-bottom: 8px;
	margin-top: 8px;
}

#content table.felsorolas, #contentwrapper table.felsorolas {
	width: 100%;
}

#content table.felsorolas tr, #contentwrapper table.felsorolas tr {border-bottom-width: 1px;border-bottom-color: #CDCEEC;border-bottom-style: solid;
}

#content td.caption, #contentwrapper td.caption {
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	/*color: #666666;*/
	padding-top: 15px;border-bottom-width: 1px;border-bottom-color: #CDCEEC;border-bottom-style: solid;
}

#content td.caption .small, #contentwrapper td.caption .small {
	font-size: 10px;
	font-weight: normal;
}

#content td.spacer, #contentwrapper td.spacer {
	font-size: 4px;
}

#content div.kod, #contentwrapper div.kod {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* FOOTER */
#footer {
	clear: both;height: 50px;
	/*padding-top: 10px;*/
	text-align: center;
}


/* TOPMENU */

#topmenu {
	position: relative;
	z-index: 2;
	background-repeat: repeat-x;border-style: none;height: 20px;margin-top: -20px;margin-bottom: 5px;font-size: 12px;font-style: normal;font-weight: bold;color: #243355;
}

#topmenu table {
	height: 100%;
	width: 100%;
	/*border-collapse: separate;
	border-spacing: 0px;*/
}

#topmenu td {
	text-align: center;
}
#topmenu td a {
	text-decoration: none;font-weight: bold;color: #243355;
}

#topmenu td a:hover {
	color: #243355;
}

/* TERMEKLISTA */
ul.termeklista li {
	list-style-type: none;
}

/* URLAP ELEMEK */
.gomb {
	font-weight: bold;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	color: #FFFFFF;font-size: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;background-color: #405A97;border-color: #405A97;
}

.szovegdoboz {
	text-align: left;
	color: #000000;font-size: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;border-width: 1px;border-color: #CDCEEC;border-style: solid;
}

.szovegablak {
	text-align: left;
	color: #000000;font-size: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;border-width: 1px;border-color: #CDCEEC;border-style: solid;
}

/* FŐOLDAL */

.cimlap table {
	width: 100%;
	border-collapse: collapse;
}
.cimlap table tr.bottom_dotted_bg {
	background: url(h_dot.gif) repeat-x bottom left;
}
.cimlap table td {
	font-size: 11px;
	vertical-align: top;
	padding: 2px;
}
.cimlap table td.szelso {
	width: 49%;
}
.cimlap table td.kozep {
	width: 2%;
	background: url(v_dot.gif) repeat-y top center;
}
.cimlap div.tipus {
	font-weight: bold;
	margin-bottom: 5px;
}
.cimlap div.leiras {
	font-size: 10px;
}
.cimlap td.ar {
	font-weight: bold;
	font-size: 11px;
	color: #990000;
	text-align: center;
}

/* TERMEKEK TABLAZAT */

.termekek {
	font-size: 11px;
}
.termekek .szuro {
	margin-top: 10px;
	margin-bottom: 10px;
}
.termekek .page {
	text-align: center;
}
.termekek .page ul {
	display: -moz-box;
}
.termekek .page li {
	list-style-type: none;
	margin-left: 4px;
	margin-right: 4px;
}
.termekek .page .top {
	padding-bottom: 4px;border-bottom-width: 1px;border-bottom-color: #CDCEEC;border-bottom-style: solid;
}
.termekek .page .bottom {
	padding-top: 4px;
}

.termekek .info {
	width: 100%;
	padding-bottom: 5px;
	padding-top: 5px;
}

.termekek .termekinfo {
	font-size: 9px;
	margin-top: 10px;
}

.termekek .sor {
	width: 100%;
	height: 85px;
	padding-bottom: 5px;
	padding-top: 5px;border-bottom-width: 1px;border-bottom-color: #CDCEEC;border-bottom-style: solid;
}
.termekek .kep {
	text-align: center;
	width: 100px;
	vertical-align: middle;
	margin-right: 10px;
}
.termekek .termek {
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}
.termekek .termek .nev {
	font-weight: bold;
	margin-bottom: 4px;
}
.termekek .termek .leiras {
	font-size: 9px;
	margin-bottom: 4px;
}
.termekek .gar {
	width: 120px;
	text-align: right;
	vertical-align: top;
}
.termekek .gar .kosar {
	padding-top: 25px;
}
.termekek .gar .kosar .ar {
	font-weight: bold;
	font-size: 11px;
	color: #990000;
	text-align: right;
	padding-right: 50px;
	padding-bottom: 4px;
}

/* BOX */
.box {
	position: relative;
	width: relative;
	height: relative;
	background-repeat: repeat-x;
	margin-bottom: 15px;
	padding: 5px;background-color: #F5F5F5;background-image: url(headerbg.png);border-width: 1px;border-color: #CDCEEC;border-style: solid;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;color: #666666;
	border-top: none;
}

.boxheader {
	position: relative;
	width: relative;
	height: relative;
	padding: 6px;
	background-repeat: repeat-x;background-color: #F5F5F5;background-image: url(headerbg.png);border-width: 1px;border-color: #CDCEEC;border-style: solid;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;font-style: normal;color: #405A97;
}

/*******************************************************/
/*	CSS Box tutorial							   */
/* 	Made by: ViziUbi					 		   */
/* 	Date: 2008.12.09					 		   */
/* 	Tutorial: http://www.tutorial.hu/css-box/		  	  */
/*	Email: viziubi@gmail.com			 		   */
/*	GNU GENERAL PUBLIC LICENSE				  */
/*******************************************************/

.box_menu_container {
	/*width: 		200px; /* A CSS Box szélessége, tetszőlegesen állítható */
	background:	url(border_l.png) repeat-y left; /* Bal oldali keret képe */
	background-color: #D2B48C
}

.box_border_right {
	background:	url(border_r.png) repeat-y right; /* Jobb oldali keret képe */
}

.box_border_top {
	height:		34px;
	background:	url(border_t.png) repeat-x top; /* Felső keret képe */
}

.box_border_bottom {
	height:		10px;
	background:	url(border_b.png) repeat-x bottom; /* Alsó keret képe */
}

.box_corner_top_left { /* Jobb felső sarok képe  */
	float: 		left;
	width: 		10px;
	height: 	34px;
	background:	url(corner_tl.png) no-repeat left top;
}

.box_corner_top_right { /* Bal felső sarok képe */
	float: 		right;
	width: 		10px;
	height: 	34px;
	background:	url(corner_tr.png) no-repeat right top;
}

.box_corner_bottom_left { /* Bal alsó  sarok képe  */
	float: 		left;
	width: 		10px;
	height: 	10px;
	background:	url(corner_bl.png) no-repeat left bottom;
}

.box_corner_bottom_right { /* Jobb alsó  sarok képe  */
	float: 		right;
	width: 		10px;
	height: 	10px;
	background:	url(corner_br.png) no-repeat right bottom;
}

.box_header_text {
	padding: 	9px 21px 0px 21px; /* A szöveg igazításánál figyelembe vesszük a corner_top_left és corner_top_right szélességét */font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;font-style: normal;color: #405A97;
	text-align:	center;
}

.box_content {
	position: 	relative;
	margin: 	5px; /* A szöveg igazításánál figyelembe vesszük a menu_container jobb és bal oldali keretének szélességét */
	padding: 	5px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;color: #666666;
	/* A CSS Box magassága opcionálisan állítható. Ha ki van kommentezve a "height: 400px;" akkor tartalomhoz igazodik a CSS Box mérete */
	/* Ha a kommentezést eltávolítod akkor fix magasság adható meg. FIGYELEM! Ebben az esetben a szöveg túlfuthat a doboz területén, 	*/
	/* ezt leginkább fix tartalomnál (pl.: kép)  használd, az alsó és felső keret nagysága pedig ebben az értékben nincs benne */
	/* height: 400px; */
}

.box_header_center {
	/*width: 		200px; /* A CSS Box szélessége, tetszőlegesen állítható */
	height: 	32px;
	background:	url(header_c.png) repeat-x left top; /* háttér */
	background-color: #D2B48C
}

.box_header_right { /* Jobb oldal képe  */
	float: 		right;
	width: 		10px;
	height: 	32px;
	background:	url(header_r.png) no-repeat right top;
}

.box_header_left { /* Bal oldal képe */
	float: 		left;
	width: 		10px;
	height: 	32px;
	background:	url(header_l.png) no-repeat left top;
}