@font-face {
    font-family: 'Roboto condensed';
    src: url('../fonts/robotocondensed-regular.eot');
    src: url('../fonts/robotocondensed-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-regular.woff') format('woff'),
         url('../fonts/robotocondensed-regular.ttf') format('truetype'),
         url('../fonts/robotocondensed-regular.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body, div {   margin: 0; padding: 0; border: 0; text-align: left; }
body { background-color : #ccd1c1;}
a {  text-decoration: none; color: #58900f; }
h1 {	font: normal 30px "Roboto condensed";	color: #3d6c00;	padding-bottom: 8px;	background-image: url(../images/h1_290.gif);}
h2 {	font: normal 30px "Roboto condensed";	color: #58900f;	padding-bottom: 8px;	text-align:left;}
h3 {	font: normal 16px "Roboto condensed";	color: #3d6c00;	padding-bottom: 8px;}
.input 	{	min-height:30px; width:230px;	background:none;	padding:6px 10px;	font-size:14px;	color:#6b6b6b;	height:15px;	margin:0}
.bg 		{	float:left; background:#fff;	border-left:2px solid #bfbfbf;	border-top:2px solid #bfbfbf;	border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;	position:relative}
.button_login 	{	display:inline-block;	background:url(../images/button_2.png) 0 0 no-repeat;	width:129px;	height:42px;	margin: 0px 0px 0 60px;	padding: 0;	font-weight:bold;	text-align:center;	text-decoration:none;	line-height:36px}
.button_login:hover {color:#76a300}

/* Layout */
#container1 	{	width: 100%; 	height: 100%; 	top: 0; 	left: 0;	background-image: url(../images/belepes/body_pl1.png);	background-repeat: repeat-x;   }
#container2 	{	width: 100%; 	height: 100%; 	top: 0; 	left: 0;	background-image: url(../images/belepes/body_pl2.png);	background-repeat: repeat-x;   }
#main_page 	{   width: 100%;    height: 100%;   margin-bottom: -130px;}
#details 	{	width: 1060px; 	height: 100%; 	margin: 0 auto 0 auto;}

/* Header */
#header 		{	width: 1060px;	height: 150px;	background-image: url(../images/belepes/header.png);	position: relative;	margin: 0 auto 30px auto;}
#title 		{	width: 800px; 	height: 120px;	margin-left:60px;	padding-top: 15px }
#title h1 	{	background-image: none; }

/* Menü */
#zold_menu1	{  	height: 50px;	width: 600px;	position: relative;	margin-top : -25px;	margin-left : 60px;	background-color: #9bbb59;	}
#zold_menu2	{  	height: 50px;	width: 600px;	position: relative;	margin-top : -25px;	margin-left : 60px;	background-color: #5e891f;	}
#nav .nav_li1 {   width: 150px;  text-align: center;  color: white;  font: normal 16px "Roboto condensed";  padding: 13px 0 0 0;  height: 37px; margin-left:0px;}
#nav .nav_li2 {   width: 150px;  text-align: center;  color: white;  font: normal 16px "Roboto condensed";  padding: 13px 0 0 0;  height: 37px; margin-left:0px;}
#nav li 		{ 		float: left;}
#nav .nav_li1:hover { background-color: #3d6c00;	}
#nav .nav_li2:hover { background-color: #0f2e00;	}
#nav .nav_li a {   color: #fff;  text-decoration: none;}

/* Belépés, face box  */
#sav_690 	{	width: 690px;	float: left; margin: 0px 0 0 30px;	}
.details_690{	width: 666px;	float: left;	padding: 12px 12px 12px 12px;	margin-bottom: 20px; 	border-radius: 8px;	background-color: #f4f4f4;}
.details_290{	width: 236px;	float: left;	padding: 12px 12px 12px 12px;	margin-left: 20px;	border-radius: 8px;	background-color: #f4f4f4;}
.details_290_ures {	width: 280px;	float: left;	padding: 0;	margin-left: 20px;}
.details_450{	width: 450px;	float: left;	}
#facebook 	{	margin-left: 0pxpx;	}

/* Footer */
#footer_background1 {	height: 130px;	background-image: url(../images/belepes/footer1.png);	background-repeat: repeat-x;}
#footer_background2 {	height: 130px;	background-image: url(../images/belepes/footer2.png);	background-repeat: repeat-x;}

#foot1 {	height: 100px;	width: 190px;	padding-top: 20px; margin: 0 5px 0 5px;  float: left; }
#foot2 {	height: 100px;	width: 190px;	padding-top: 20px; margin: 0 5px 0 5px;  float: left; }
#foot3 {	height: 100px;	width: 190px;	padding-top: 20px; margin: 0 5px 0 5px;  float: left; }
#foot4 {	height: 100px;	width: 190px;	padding-top: 20px; margin: 0 5px 0 5px;  float: left; }
#foot5 {	height: 100px;	width: 190px;	padding-top: 20px; margin: 0 5px 0 5px;  float: left; }
.footer_1new {	height: 100px;	width: 190px;	padding-top: 20px; margin: 0 5px 0 5px;  float: left; background-image: url(../images/belepes/footer_naplo.png) }
.footer_2new {	height: 100px;	width: 190px;	padding-top: 20px; margin: 0 5px 0 5px;  float: left; background-image: url(../images/belepes/footer_konyveles.png) }
.footer_3new {	height: 100px;	width: 190px;	padding-top: 20px; margin: 0 5px 0 5px;  float: left; background-image: url(../images/belepes/footer_hotel.png) }
.footer_4new {	height: 100px;	width: 190px;	padding-top: 20px; margin: 0 5px 0 5px;  float: left; background-image: url(../images/belepes/footer_tanfolyam.png) }
.footer_5new {	height: 100px;	width: 190px;	padding-top: 20px; margin: 0 5px 0 5px;  float: left; background-image: url(../images/belepes/footer_website.png) }

#footer_main {	margin: 0 auto 0 auto;	width: 1020px; height: 130px; }
.footer_friends {	height: 80px;	width: 170px; padding: 10px 10px 10px 10px;	background-color: #333333;	float: left;	border-radius: 6px;}
.footer_friends:hover { background-color: #555555; }
#footer_main h1 {	font: normal 16px "Roboto condensed";	color: #b5b5b5;	padding-bottom: 4px;	background-image: none;}
#footer_main h2 {	font: normal 16px "Roboto condensed";	color: #b5b5b5;	text-align:center;}
.kockak {	height: 6px;	width: 170px;	background-image: url(../images/kockak.png);	margin-bottom:8px;	}