@charset "utf-8";



/***************/
/*  STRUCTURE  */ 

body {
	padding: 0px;
	margin: 0px;
	background: #fff;
	font-family: Tahoma; 
	font-size: 12px;
	color: #706756;
	background: #323335  url(../design/body_bg.jpg) repeat-x; 
}

#page {
	width: 100%;
  height: 100%;
	font-size: 12px;
 
}

#container {
	width: 990px;
	/*height: 100%;*/
	position: relative;	
	        
	border: 0px solid #ddd;
	text-align: left;
		
}


.fb {
  position: absolute; top:-60px; right: 121px;
  width: 23px;
  height:23px; 
  border: 0px solid #b60000;
  background: url(../../belso/design/fbyt.png) no-repeat;
  cursor: pointer;
}

.fb:hover {
  position: absolute; top:-60px; right: 121px;
  width: 23px;
  height:23px; 
  border: 0px solid #b60000;
  background: url(../../belso/design/fbyt_on.png) no-repeat;
  cursor: pointer;
}

.yt {
  position: absolute; top:-60px; right: 62px;
  width: 58px;
  height:23px; 
  border: 0px solid #b60000;
  background:url(../../belso/design/fbyt.png) no-repeat top right;
  cursor: pointer;
}

.yt:hover {
  position: absolute; top:-60px; right: 59px;
  width: 58px;
  height:23px; 
  border: 0px solid #b60000;
  background:url(../../belso/design/fbyt_on.png) no-repeat top right;
  cursor: pointer;
}

.header_hun, .header_eng, .header_deu {
  position: relative;
  width: 990px;
  height: 177px;
  border: 0px solid #b60000;
  padding:0px;
  margin:0px;
  
}

.header_hun {
  background: url(../design/header_hun.jpg) no-repeat;  
}

.header_eng {
  background: url(../design/header_eng.jpg) no-repeat;  
}

.header_deu {
  background: url(../design/header_deu.jpg) no-repeat;  
}

#main {
	 background: url(../design/cnt_bg.jpg) no-repeat;  
   height: 470px;
}

div.bemutatoterem {
  background: url(../design/bemutatoterem.png) no-repeat;  
  width: 170px;
  height: 117px; 
  position:absolute; 
  top:190px; left:5px;
  cursor:pointer;
}

div.bterem {
  position:absolute; 
  top:50px; left:60px;
}

.iwlogo {
  background: url(../design/iw_logo.jpg) no-repeat;  
  position: absolute; right: 0px ; top:16px;
}

#main_content {
	width: 100%;
	margin: 0px 0px 0px 0px;
     
/*	background:url(../design/bg_content_top.jpg) no-repeat top left;*/
}


.termekcseppko {
  position: absolute;   height: 434px; width: 102px; background:#aaa; z-index:2; background: url(../design/termekcsepp_bg.jpg) no-repeat;
  cursor:pointer; font-size:11px;
  
}

#termek1 { top: -277px; left: 189px;  background: url(../design/csepp_kerites.jpg) no-repeat; }
#termek2 { top: -277px; left: 289px;  background: url(../design/csepp_tamfal.jpg) no-repeat; }
#termek3 { top: -277px; left: 389px;  background: url(../design/csepp_kertbe.jpg) no-repeat; }
#termek4 { top: -277px; left: 489px;  background: url(../design/csepp_vizpart.jpg) no-repeat; }
#termek5 { top: -277px; left: 589px;  background: url(../design/csepp_zaj.jpg) no-repeat; }
#termek6 { top: -277px; left: 689px;  background: url(../design/csepp_fal.jpg) no-repeat; }
#termek7 { top: -277px; left: 789px;  background: url(../design/csepp_murva.jpg) no-repeat; }
#termek8 { top: -277px; left: 889px;  background: url(../design/csepp_tanyag.jpg) no-repeat; }


a.nostyle:link, a.nostyle:active, a.nostyle:visited {
  text-decoration: none;
  color: #fff;
  font-size:11px;
}

a.nostyle:hover {
  text-decoration: none;
}

.iwlogo {
  position: absolute; width: 151px; height: 16px; top: 16px; right: 0px; cursor: pointer; border: 0px solid #b60000;
  background: url(../design/iw_logo.jpg) no-repeat;
}

#footer {
	position:relative;
	border: 0px solid #b60000;
}

#footer a:link, #footer a:visited, #footer a:active {
	padding: 0px;
	color: #3A84BB;
	font-size: 12px;
	text-decoration:underline;
}

#footer a:hover {
  text-decoration:none;
}
/*  structure END  */ 
/*******************/

a.menutop:link, a.menutop:active, a.menutop:visited {
  text-decoration: none;
  color: #fff;
}

a.menutop:hover {
  text-decoration: underline;
}

.footertext {
  padding-top:15px;
  color: #fff;
}
 
#transpar
{
	position: fixed; 
	display: none; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%; 
	background: #000; 
	z-index: 999; filter: alpha(opacity=80); opacity: 0.8;
}

.transparency {
	cursor: pointer; 
	position: fixed; 
	height: 100%; 
	display: none; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	background: #000; 
	z-index: 999; 
	filter: alpha(opacity=80); 
	opacity: 0.8;
}

* html #transpar {
	position: absolute;
}

div.clear {
	clear: both;
	float: none;
}