/* cf hozzáadása azokhoz a dobozokhoz aminek nincs magassága és van alja és teteje és van egy fehér ki nem töltött rész iebe*/
/*CLEARFIX BUG iehez*/
.cf:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.cf { display: inline-block; }
* html .cf { height: 1%; }
.cf { display: block; }
* { zoom: 1; }
strong { font-weight:bold; }
textarea,input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; } 
a  { text-decoration:none;} 

/*CLASSES*/
/* oszlop */
.column { display:inline; float:left; overflow:hidden; } 
.columnright { display:inline; float:right; overflow:hidden; } 
.rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/*PAGE*/

html , body { font-family: Arial,Helvetica,Garuda,sans-serif; background:#5E6581; }
#page { margin: 0 auto; width:1010px; margin-top:20px; color:#6C6C6C; font-size:0.8em; }

#page #nav { background:#C0C2C7; width:125px; height:200px; border:1px solid #3B425F; margin:4px 5px 0 0;
						-moz-box-shadow: 0 0 1em #3B425F; -webkit-box-shadow: 0 0 1em #3B425F; }
						
						
	#page #nav ul { margin:9px 0 0 0; }
	#page #nav ul li { display:block; }
	#page #nav ul li a { font-weight:bold; display:block;padding:4px 0; padding-left:7px;  color:#4C4C4C;}
	#page #nav ul li a:hover, #page #nav ul li a.active { color:#C0C2C7; background:#3B425F; }
					 
#page #container { background:url(../images/bg_content.png); border-bottom:1px solid #000066; }

#page #container #container_help { width:874px; background:url(../images/bg_page.png) no-repeat; min-height:402px; height:auto; }
* html #page #container #container_help { height:402px; }	
		
/*HEADER*/

#page #container #header { height:117px; position:relative; }
  #page #container #header #contact { position:absolute; width:240px; font-weight:bold; height:200px; top:15px; font-size:0.9em; left:640px; text-align:center; }

#page #container #infoline { height:18px; color:#000; }
	#page #container #infoline .column { font-size:0.9em; margin:2px 0 0 5px; }
	#page #container #infoline .columnright { margin:2px 15px 0 0; font-weight:bold; font-size:0.9em; }

/*CONTENT*/

#page #container #big_content { width:708px; border-right:2px solid #7F7F7F; }
	#page #container #big_content #adv { height:267px; position:relative; }
		#page #container #big_content #adv h3 { position:absolute; top:10px; left:16px; font-weight:bold; font-size:1.3em; }
		#page #container #big_content #adv .info1 { border:3px solid #D8D8D8; width:655px; height:170px; position:absolute; padding:5px; left:20px; top:40px; }
		#page #container #big_content #adv .info2  { border:3px solid #D8D8D8; width:300px; height:170px; position:absolute; padding:5px; left:370px; top:40px }
		/* ha kezeli a shadowot */
		#page #container #big_content #adv div:nth-of-type(1) {
		-moz-box-shadow: 0 0 1em #C7C7C7; -webkit-box-shadow: 0 0 1em #C7C7C7; border:0; left:20px; width:655px; }
    #page #container #big_content #adv div:nth-of-type(2) {
    -moz-box-shadow: 0 0 1em #C7C7C7; -webkit-box-shadow: 0 0 1em #C7C7C7; border:0; left:380px; }
    }
		#page #container #big_content #adv ul { position:absolute; bottom:0; left:30px;}
		#page #container #big_content #adv ul li { display:inline; float:left; }
		#page #container #big_content #adv ul li a { display:inline; float:left; padding:10px; color:#4C4C4C; font-weight:bold; }
		#page #container #big_content #adv ul li a:hover, #page #container #big_content #adv ul li a.active { color:#E3E3E3; background:#808080; }
		
	#page #container #big_content #content { height:0; overflow:hidden; background:#fff; border-left:1px solid #000066;  }
		#page #container #big_content #content .info_box { width:214px; height:160px; border-bottom:2px solid #7F7F7F; padding:10px;
																										-moz-box-shadow:inset 0 0 4em #C7C7C7; -webkit-box-shadow:inset 0 0 4em #C7C7C7;
																										}
		#page #container #big_content #content .info_box_mid { width:215px; height:160px; background:#E3E3E3; padding:10px;
																												border-left:2px solid #7F7F7F; border-right:2px solid #7F7F7F; border-bottom:2px solid #7F7F7F;
																												-moz-box-shadow:inset 0 0 4em #C7C7C7; -webkit-box-shadow:inset 0 0 4em #C7C7C7; 
																												}
		#page #container #big_content #content .info_box h3, #page #container #big_content #content .info_box_mid h3 {
		text-align:center; font-size:1.4em; margin:10px 0; }

#page #container #aside { width:161px; background:#ccc; position:relative; left:-2px;
												border-left:2px solid #7F7F7F; }	
	#page #container #aside .small_box { border:1px solid #7F7F7F; padding:5px; width:130px; margin:10px 0; margin-left:11px; }
		#page #container #aside .small_box h3 { background:#E3E3E3; padding:5px; font-weight:bold; }
		#page #container #aside .small_box div { background:#E3E3E3; padding:5px; margin-top:5px; font-size:0.9em; }
			#page #container #aside .small_box div h4 { text-align:center; }
			#page #container #aside .small_box div p {  margin:5px 0; text-align:justify; }
				#page #container #aside .small_box div p label { float:left; }
				#page #container #aside .small_box div p input { width:60px; float:right; }
			
/*FOOTER*/