body{
	background-color:#FFF;
}

html,body { height: 100%; margin: 0px; padding: 0px; }


#hatter{
	margin:0px;
	background-color:#FFF;
	position:relative;
	
    height:100%;   
 
	
	/*width:100%;
	min-width:1000px; /*??????????????? a hátteret lehet, imageként kéne betenni*/

	
	/*hatter*/	
	background: url(../png/bg-nyito.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


#kontener{
	left:0px;
	position:absolute;
	top:50%;
	margin-top:-270px;
	height:540px;
	
	width:100%;
	
	/*border-top:1px solid #999;
	border-bottom:1px solid #999;*/
}

#jobbwrapper{
	float: left;
	width: 100%;

	height:540px;
	overflow:hidden;	
}

#jobb{ /* minimum méret: 710x540*/
	margin-left: 250px; /* bal szélessége*/

	padding-left:4%;
	height:540px;
}


#bal{
	width:250px;
	height:540px;
	padding-left:4%;

	
	float:left;
	margin-left: -100%;
}

/**************** termékekhez ****************/
#kontener_termek{
	display:none; /* none */
	overflow:hidden;
	z-index:10;
	left:0px;
	position:absolute;

	height:100%; /*max height kb 960px.     1024x768 a jobb tartalom width kb 310px a kép meg kb670    */ 
	width:100%;
	
	background-color:rgba(35,35,35,0.95);
	color:#FFF;
}

#keppreloader{
	display:none;
	position:absolute; 
	z-index:80; 
	color:#CCC; 
	font-size:10px; 
	font-family:Hielvetica-l; 
	width:100%; 
	height:100%; 
	text-align:center; 
	background-color:rgba(35,35,35,0.8);
}

#jobbwrapper_termek{
	float: left;
	width: 100%;
	overflow:hidden;
	height:100%;	
}

#jobb_termek{ 
	margin-left: 600px; /* bal szélessége*/
	height:100%;
}

#bal_termek{
	width:600px;
	height:100%;
	background-color:#FFF;
	float:left;
	margin-left: -100%;
}

#jobb_termek_szoveg{
	width:310px; height:420px; margin:0px auto; text-align:center;
	/* 310x375 volt */
}

#gyuruszam{
	/*font-family:Hielvetica-l;*/
}

.szfont{
	color:#06C;
}

.kicsikep{
	width:50px; height:50px;
}

/**************** termékekhez vége ****************/


/*********** Térképhez **************/
.mapinfowindow{
	width:auto;
	height:auto;
	clear:both;
	display:block;
	overflow:hidden;
}

/*********** Térképhez vége **************/






.clear{
	clear:both;
	
}

#bal a{
	text-decoration:none;
	color:#FFF;	
}


#bal ul{
	display:table;
	font-size:16px;
	color:#FFF;
}

#bal li{
	list-style:none;
	display:block;
	float:none;
	text-align:left;
	width:170px;
	padding: 5px 0px 5px 30px;
	margin:20px 0px 20px 0px;
        font-family:Hielvetica-l;
}
.btn{
	background-color:#231f20;
}

.btnhover{
	background-color: #bcbcbc;
	color: #000;
}

.selected{
	background-color:#978146;
	color:#FFF;
	cursor:default;
}




.vertikalisankozep{

}

/***************/

.kockaoszlop{
	width:264px;
	float:left;
	clear:none;
}


.kocka{
	width:258px;
	height:258px;
	margin:3px 3px 3px 3px;

}


.keret{
		border:#CCC 1px solid;	
}

.keret:hover{
	/*border:#978146 1px solid;*/
	cursor:pointer;
}


.termekfoto{
	width:258px;
	height:258px;
}


#tartalomresz{
	display:block;
	height:540px;
	overflow:hidden;
}

.oszlop{
	 height:540px; display:inline; clear:none; float:left;
}

.oszlop p, .oszlop li{
	 font-family:Hielvetica-l, Helvetica, Arial, sans-serif;
	 font-size:19px;	
}

.fb-logo {
    background-image: url(../png/facebook_35x35.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 35px;
    width: 35px;
    margin: 0px auto 5px 82px;
    display: block;
    text-decoration: none;
}

.popup {
    display: none;
}

div#banner {
    
}

div#banner a.banner {
    display: block;
    text-decoration: none;
    width: 750px;
    height: 500px;
    margin: 0px auto 0px auto;
    background-image: url(../banner/banner_750x500.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}