body {
        overflow-y:scroll;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
        color:#ddd;
        background:#111;
        height:100%; 
}

h1 {
	font-size: 16px;
        color:#888888;

}

td {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
        color:#A8A8A8;

}

img {
	behavior:	url("pngbehavior.htc");
}


a {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#dddddd; font-size: 12px; ;font-weight: normal;}
a:hover {font-family:  Arial, Helvetica, sans-serif; text-decoration:underline; color:#aaaaaa; font-size: 12px; font-weight:normal;}



b, strong
{
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px;
  font-weight: bold;
  color: color:#c8c8c8;
}

 


/* ----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


#alap
{
  width: 883px;
  margin:0 auto;
  background: url(pic/tartalomhatter.jpg) no-repeat #303133;
}

#alap2
{
  width: 833px;
  margin:0 auto;
  min-height:800px;
}







#m1_cont
{
  float:left;
  width:165px;
  height:33px;
  background: url(pic/m1.jpg) no-repeat;
  display:block;
  z-index:100;
}

#m2_cont
{
  float:left;
  width:168px;
  height:33px;
  background: url(pic/m2.jpg) no-repeat;
  display:block;
  z-index:100;
}

#m3_cont
{
  float:left;
  width:151px;
  height:33px;
  background: url(pic/m3.jpg) no-repeat;
  display:block;
  z-index:100;
}


#m4_cont
{
  float:left;
  width:163px;
  height:33px;
  background: url(pic/m4.jpg) no-repeat;
  display:block;
  z-index:100;
}


#m5_cont
{
  float:left;
  width:186px;
  height:33px;
  background: url(pic/m5.jpg) no-repeat;
  display:block;
  z-index:100;
}


* html #m1 a*{
  position:absolute;
}

* html #m1_cont a*{
  position:absolute;
}


* html #m2 a*{
  position:absolute;
}

* html #m2_cont a*{
  position:absolute;
}


* html #m3 a*{
  position:absolute;
}

* html #m3_cont a*{
  position:absolute;
}


* html #m4 a*{
  position:absolute;
}

* html #m4_cont a*{
  position:absolute;
}


* html #m5 a*{
  position:absolute;
}






#m1
{
  -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0;
  position:absolute;
  width:165px;
  height:33px;
  display:block;
  zoom:1;
  z-index:10000;
} 

#m2
{
  -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0;
  position:absolute;
  width:168px;
  height:33px;
  display:block;
  zoom:1;
  z-index:10000;
} 

#m3
{
  -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0;
  position:absolute;
  width:151px;
  height:33px;
  display:block;
  zoom:1;
  z-index:10000;
} 

#m4
{
  -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0;
  position:absolute;
  width:163px;
  height:33px;
  display:block;
  zoom:1;
  z-index:10000;
} 


#m5
{
  -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0;
  position:absolute;
  width:186px;
  height:33px;
  display:block;
  zoom:1;
  z-index:10000;
} 

























#also
{
  clear:left;
  text-align:center;
  width: 883px;
  margin:0 auto;
  background: #000;
  padding-top:7px;
  padding-bottom:7px;
}

#also a { text-decoration: underline; color:#aaa; font-size: 13px; ;font-weight: normal;}
#also a:hover { text-decoration:underline; color:#fff; font-size: 13px; font-weight:normal;}





.menu
{
  clear:left;
  margin-bottom:14px;

}

.menukieg
{
  margin-bottom:4px !important;
}
#bal
{
  width:270px;
  float:left;
}

.balkieg
{
  width:140px !important;
  float:left;


}

.balkieg2
{
  width:10px !important;
  float:left;


}

.jobbkieg2
{
  width:803px !important;
  float:left;


}


#kozep
{
  float:left;
  width:563px;

}

#kozep .cimke
{

  margin-bottom:25px;
}




.hirek
{
  margin-bottom:5px;
  padding-bottom:4px;
  clear:left;
  border-bottom:1px dotted #444444;

}
.hirek .datum
{
   clear:left;
  font-size:9px;
}

.hirek .cim 
{
  clear:left;
  margin-bottom:5px;
}

.hirek .cim a
{
  font-size: 18px;
  color: #aaa;
  text-decoration:none;
}
.hirek .cim a:hover
{
  text-decoration:underline;
}

.hirek .tovabb
{
   text-align:right;

}


.tovabb
{
   text-align:right;

}


#bal .fooldal-udvozoljuk 
{
  width:563px;
  min-height:200px;
  background: rgba(0,0,0, 0.10);
  border-radius:9px;
  -moz-border-radius:9px;
  -webkit-border-radius:9px;
  margin-bottom:35px;


}

#bal .fooldal-udvozoljuk .cimke
{
  padding-top:3px;
  padding-left:4px;

}



#bal .bal-termekeink
{
  width:248px;
  margin-left:12px;
  min-height:120px;
  background: rgba(255,255,255, 0.10);
  border-radius:9px;
  -moz-border-radius:9px;
  -webkit-border-radius:9px;
  margin-bottom:35px;


}

.termekeink
{
  width:823px;
  margin:0 auto;
  argin-left:12px;
  background: rgba(255,255,255, 0.10);
  margin-bottom:15px;
  padding-top:9px;
  padding-bottom:9px;
  text-align:center;
  padding-left:10px;
}

.termekeink_cont
{
  clear:left;
  margin:0 auto;
  text-align:center;
}


.termekeink .cimke
{
  padding-top:13px;
  padding-left:5px;

}


.almenu
{
  padding-left:20px;
  padding-right:20px;
  order-bottom:1px solid #555;

  float:left;
}


.almenu a
{
  color:#ccc;
  text-decoration:none;
  font-weight:bold;
}

.almenu a:hover
{
  color:#fff;

}
#bal .almenu
{
  margin-left:10px;
  padding-bottom:4px;
  margin-bottom:4px;
  border-bottom:1px solid #555;
  width:220px;
  padding-left:2px;
}


#bal .almenu a
{
  color:#aaa;
  text-decoration:none;

}

#kozep .fooldal-udvozoljuk 
{
  width:563px;
  min-height:110px;
  background: rgba(0,0,0, 0.30);
  border-radius:9px;
  -moz-border-radius:9px;
  -webkit-border-radius:9px;
  margin-bottom:15px;


}

#kozep .fooldal-udvozoljuk .cimke
{
  padding-top:8px;
  padding-left:12px;
  margin-bottom:10px !important;

}


#kozep .fooldal-udvozoljuk .tartalom
{
  padding-left:12px;
  padding-right:12px;
  padding-bottom:15px;

}

#kozep .fooldal-rolunk
{
  padding:12px;
}





#bal .fooldal-referencia-cont
{
  width:226px;
  argin-left:12px;
  min-height:300px;
  background: rgba(255,255,255, 0.10);
  border-radius:9px;
  -moz-border-radius:9px;
  -webkit-border-radius:9px;
  margin-bottom:35px;


}


#bal .fooldal-referenciak-cont .cimke
{
  padding-top:0px;
  padding-left:0px;

}


#bal .fooldal-referencia-cont
{
  padding:11px;

}

.fooldal-referencia
{
  clear:left;
  margin-bottom:10px; 
  width:248px;
}


.fooldal-referencia .kep
{
  float:left;
  width:50px;
  margin-right:7px;
  border:2px solid rgba(255,255,255,0.3);
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}
.fooldal-referencia .kep img
{

  width:50px;
  width:heightpx;
}

.fooldal-referencia .txt
{
  float:left;
  width:163px;

}

.fooldal-referencia .cim
{
  clear:left;


}

.fooldal-referencia .cim a
{
  font-weight:bold; 
  color:#fff;
  text-decoration:none;



}

.fooldal-referencia .szoveg
{
  clear:left;
  color:#aaa;
  font-size:10px;
  line-height:120%;
}

.btermek
{
        argin:0 auto;
	argin-left:12px;
	clear: left;
	margin-bottom: 20px;
	background: #fff;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	text-align: center;
	padding:10px;
	padding-top:24px;
	padding-bottom:24px;
	width: 228px;

}

.btermek_foto
{
        margin:0 auto;
}


.khover
{
  margin-bottom:5px;
}

.tooltip {
	display:none;
	background:transparent url(/theme/pic/box.png?a=2) no-repeat;
	font-size:12px;
	height:585px;
	width:661px;
	padding:25px;
	color:#fff;	
	top: 163px !important;
}

.tooltipbelso {
     width:515px;
     margin:0 auto;
	text-align:center;
margin-left:0px;	
}


.termekblokk
{
  clear:left;
  width:543px;
  min-height:100px;
  background: #535353;
  background: rgba(0,0,0, 0.50);
  border-radius:9px;
  -moz-border-radius:9px;
  -webkit-border-radius:9px;
  margin-bottom:7px;
  padding:10px;

}


.termekblokk .kep
{
  float:left;
  margin-right:15px;
  width:140px;
}

.termekblokk .info
{
  float:left;
  width:385px;
}

.termekblokk .info .nev
{
   clear:left;
   margin-bottom:10px;
}

.termekblokk .info .bevezeto
{
   clear:left;

}


.termekblokk .info .nev a
{
  font-size: 18px;
  color: #aaa;
  text-decoration:none;
}
.termekblokk .info .nev a:hover
{
  text-decoration:underline;
}