@charset "iso-8859-2";
/* CSS Document */

body { background-color:#333333; font-family:Tahoma, sans-serif, Verdana, Geneva, sans-serif; font-size:11pt;}

/* Begin: #page */
#page { width:800px; margin:30px auto 50px auto;}
	#page #top #logo a img { text-decoration: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float:left; margin-right:60px;}
	#page a img { text-decoration: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

/* Begin: #top */
#top { height:53px; background-image:url('../images/page/top_bg.png');}

	#nav {padding:0 0 5px 0; margin:0; list-style:none; position:relative; z-index:200;}
	#nav ul {padding:0 0 5px 0; margin:0; list-style:none; border:1px solid #999; border-width:1px; background:#fff; position:relative; z-index:200;}
	#nav {padding:0; margin-left: 50px; width:750px;}
	
	#nav table {border-collapse:collapse;}
	#nav li {float:left; padding:15px 10px 0 10px;}
	#nav li li {float:none; padding:0 20px 0 10px;}
	/* a hack for IE5.x and IE6 */
	#nav li a li {float:left;}
	
	#nav li a {display:block; float:left; color:#000; font-weight:bolder; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;}
	#nav li li a {height:20px; line-height:20px; float:none; color:#666; font-size:10pt; font-weight:normal;}
	
	#nav li:hover {position:relative; z-index:300;}
	#nav a:hover {position:relative; z-index:300; color:#666;}
	#nav li li a:hover { color:#CCC;}
	
	#nav :hover ul {left:12px; top:40px;}
	/* another hack for IE5.5 and IE6 */
	#nav a:hover ul {left:-10px;}
	
	#nav ul {position:absolute; left:-9999px; top:-9999px;}
	
	/* it could have been this simple if all browsers understood */
	/* show next level */
	#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
	/* keep further levels hidden */
	#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
	/* show path followed */
	#nav li:hover > a {}
	
	
	/* but IE5.x and IE6 need this lot to style the flyouts*/
	/* show next level */
	#nav a:hover a:hover ul,
	#nav a:hover a:hover a:hover ul,
	#nav a:hover a:hover a:hover a:hover ul,
	#nav a:hover a:hover a:hover a:hover a:hover ul
	{left:100%; top:-1px;}
	
	/* keep further levels hidden */
	#nav a:hover ul ul,
	#nav a:hover a:hover ul ul,
	#nav a:hover a:hover a:hover ul ul,
	#nav a:hover a:hover a:hover a:hover ul ul
	{position:absolute; left:-9999px; top:-9999px;}

/* Begin: #header */
#header { height:325px; background-image:url('../images/page/header.png');}
	#header span { display:none;}

/* Begin: #center */
#center { height:139px; background-image:url('../images/page/center_bg.png');}
#center a { color:#cc6906; font-size:10pt;}
	/* Begin: .center_blokk */
    .center_blokk { float:left; width:200px;}
    .center_blokk img { width:30px; height:90px; padding:40px 5px 0 17px; float:left;}
    .center_blokk .pia_nev { font-size:11pt; font-weight:bold; margin:0; padding:0; clear:both; }
    #center .center_blokk .pia_nev a { text-decoration:none; color:#000; font-size:11pt; }
    .center_blokk .pia_ar {font-size:10pt; color:#cc6906; margin:0; font-weight:bolder; clear:both;}
    .center_blokk .mennyiseg { width:20px; margin:15px 0 0 25px; text-align:center;}
    .center_blokk .menny_szoveg { font-size:10pt; margin:15px 0 0 0; clear:both; font-weight:bold;}
    .center_blokk .kosarba_gomb { margin:10px 5px 0 25px; padding: 0;}
    
    /* Begin: .bejelentkezes */
    .bejelentkezes { float:left; width:190px;}
        .bejelentkezes form { margin:13px 15px 3px 15px; font-size:9pt; color:#666666;}
		.bejelentkezes .udv { font-size:11pt; color:#666666; text-align:center;}
        .bejelentkezes .belepes_gomb { margin:0; padding:0;}
		.bejelentkezes .kilepes_gomb
		.bejelentkezes #kilepes { margin-top:10px;}

/* Begin: #bottom */
#bottom { width:800px; background-color:#b6b6b6; background-image:url('../images/page/bottom_top.png'); background-repeat:no-repeat; margin:0;}

    /* Begin: #content */
    #content { width:560px; float:left; margin:50px 10px 30px 30px; text-align:justify;}    
    	#content h1 { font-size:15pt; }
		#content .pia_box {background-image:url('../images/page/pia_box_bg.png'); background-repeat:no-repeat; width:540px; height:145px; margin:30px 0 30px 8px;}
        #content a { color:#cc6906;}
		.pia_box img { padding:20px 20px 0 25px; float:left;}
		.pia_box .pia_r_nev { font-size:11pt; font-weight:bold; margin:0; padding:0; clear:both; }
		.pia_box .pia_r_nev a { text-decoration:none; color:#000; }
		.pia_box .pia_r_leiras {font-size:10pt; margin:0; padding:0; float:left; width:250px; height:40px;}
		.pia_box .pia_r_ar {font-size:15pt; color:#cc6906; margin:0 0 10px 0; font-weight:bolder;}
		.pia_box .mennyiseg { width:30px; margin:0; float:left; text-align:center;}
		.pia_box .menny_szoveg { font-size:10pt; clear:both; font-weight:bold;}
		.pia_box input[type="image"] { margin:15px 5px 0 0; padding: 0; text-align:right;}
        
		#pia_leiras .pia_h_nev { font-weight:bold; margin:0; padding:0; clear:both; }
		#pia_leiras .pia_h_nev a { text-decoration:none; color:#000; }
		#pia_leiras img { padding:0 30px 0 10px; float:left;}
		#pia_leiras .pia_h_leiras {font-size:10pt; margin:10px; padding:0; float:left; width:250px;}
		#pia_leiras .pia_h_ar {font-size:20pt; color:#cc6906; margin:0 0 10px 0; font-weight:bolder;}
		#pia_leiras .mennyiseg { width:20px; margin:0; float:left; text-align:center;}
		#pia_leiras .menny_szoveg { font-size:10pt; clear:both; font-weight:bold;}
		#pia_leiras input[type="image"] { margin:15px 15px 0 0; padding: 0; text-align:right;}
		#pia_leiras .vissza { clear:both; font-size:9pt;}
	
		#content #megerosit .kosar_tartalma_fejlec { font-size:10pt; font-weight:bold;color:white; background:#600; font-size:10pt;}
		#content #megerosit .kosar_tartalma_nev { font-size:10pt; font-weight:bold; margin:3px;}
		#content #megerosit .kosar_tartalma_egysegar { font-size:10pt; text-align:left; margin:3px;}
		#content #megerosit .kosar_tartalma_mennyiseg { font-size:10pt; text-align:center; margin:3px;}
		#content #megerosit .kosar_tartalma_osszeg { font-size:10pt; text-align:right; margin:3px;}
		
		#content #osszegzes .vasarloi_adatok { text-align:right; width:150px; font-weight:bold;}
	
	/* Begin: #sidebar_right */
    #sidebar_right { width:200px; float:right; margin-top:50px;}
	#sidebar_right .right_blokk_title { font-size:13pt; text-align:center; font-weight:bolder;}
		/* Begin: #kosar_tartalma_box */
		#kosar_tartalma_box, #kosar_top, #kosar_bottom { margin:0; padding:0; width:168px;}
		#kosar_tartalma_box { margin:10px 0 30px 10px; }
		#kosar_content { background-image:url('../images/page/kosar_blokk_bg.png'); width:168px; padding:1px 0 1px 0;}
			
			#kosar_content table { padding:3px 8px 3px 8px; font-size:11px; width:152px;}
				#kosar_content table table .termek { font-weight:bold; text-align:left;}
				#kosar_content table table .delete { width:10px; text-align:right;}
				#kosar_content table table .darab { width:60%; text-align:left;}
				#kosar_content table table .ar { width:40%; text-align:left;}
				#kosar_content table .ossz { font-weight:bolder; color:#900; font-size:13px;}
				#kosar_content table .vegossz { font-weight:bold; text-align:left; font-size:13px;}
				
			#kosar_content table input[type="image"] { margin:15px 0 0 0; text-align:center;}
    
    /* Begin: #footer */
    #footer { clear:both; height:63px; background:url('../images/page/footer.png'); text-align:center; font-size:10px;  }


form.regform fieldset { margin-bottom: 10px; }
form.regform legend { padding: 0 2px; font-weight: bold; }
form.regform label { display: inline-block; line-height: 1.8; vertical-align: top; font-size:10pt; }
form.regform fieldset fieldset { border: none; margin: 3px 0 0; }
form.regform fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
form.regform em { font-weight: bold; font-style: normal; color: #f00;}
form.regform fieldset .text { font-size:9pt; display:block; float:left; width:150px;}
form.regform .inpdiv1{background:url("../images/page/inpbg1.png") no-repeat;padding-left:7px}
form.regform .inpdiv2{background:url("../images/page/inpbg3.png") top right no-repeat;padding-right:7px}
form.regform .inpdiv3{height:25px;background:url("../images/page/inpbg2.png") repeat-x}
form.regform .inpdiv3 input{ display:block; font-size:10pt;color:#6D6D6D;font-weight:normal;margin:0;border:none;width:150px; clear:both;}
form.regform .inpdiv3 .hszam{ display:block; font-size:10pt;color:#6D6D6D;font-weight:normal;margin:0;border:none;width:100px; clear:both;}
form.regform .inpdiv3 .irszam{ display:block; font-size:10pt;color:#6D6D6D;font-weight:normal;margin:0;border:none;width:40px; clear:both;}form.regform .inpdiv3 .db{ display:block; font-size:10pt;color:#6D6D6D;font-weight:normal;margin:0;border:none;width:28px; clear:both;}