html
{

}
body {
  overflow-y:scroll;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, Verdana, sans-serif; 
  font-size: 12px;
  color:#87795a;
  height:100%; 
  background: url(pic/hatter0.jpg) repeat-x #f5f1e6;
}



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

}

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

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



b, strong
{
  font-size: 12px;
  font-weight: bold;
  color:#77694a;
}






#mask 
{
  position:relative;/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear:both;
  float:left;
  width:100%;/* width of whole page */
  overflow:hidden;/* This chops off any overhanging divs */
  height:100%;
}

#colmid 
{
  float:left;
  width:50%;
  position:relative;
  left:50%;
  margin-left:-50%;
}











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


/* 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;
}

.menu
{


}
.menualatti
{
  width:596;
  height:69px;
  background: url(pic/menualatti.jpg) no-repeat top right;
  text-align:right;
}




.logo
{
  clear:left;

}

.felso
{
  position:relative;
  top:0px; 
  left:0px;
  z-index:111;
}





#bal0 
{
  width: 50%; 
  float: left; 
  margin: 0 -400px 0 0;


}

#bal0 div {
  background-image: url(pic/bal0.jpg);
  background-repeat: no-repeat;
  background-position: top right;
  margin: 0 400px 0 0; 
  min-height: 750px; 


}


* > #bal0 
{
  width: 50%; 
  float: left; 
  margin: 0 -400px 0 0;
}

* > #bal0 div {
  background-image: url(pic/bal0.jpg);
  background-repeat: no-repeat;
  background-position: top right;
  margin: 0 400px 0 0; 
  min-height: 750px; 
}


#jobb0 {
  width: 50%; 
  float: right; 
  margin: 0 0 0 -400px;
}
#jobb0 div {
  background-image: url(pic/jobb0.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0 0 0 400px; 
  min-height: 750px; 
}
#kozep0 
{
  width: 800px; 
  min-height: 750px; 
  float: left; 
  position:relative;
}

                	
* html #bal0 div,* html #jobb0 div, * html #kozep0 {height: 750px; /* min-height for IE6 */}

.logo
{
  float:left;

}

.felso
{
  clear:left;

}

.felso2
{
  clear:left;
}

.felso2b
{
  float:left;
}

#m_akt
{
  float:left;

}


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



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



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



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


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


#m6_cont
{
  float:left;
  width:126px;
  height:54px;
  display:block;
  z-index:100;
  background: url(pic/m6.jpg) no-repeat;
}



* 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;
}

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

* html #m6 a*{
  position:absolute;
}
* html #m6_cont a*{
  position:absolute;
}
* html #m7 a*{
  position:absolute;
}
* html #m7_cont a*{
  position:absolute;
}
* html #m8 a*{
  position:absolute;
}
* html #m8_cont a*{
  position:absolute;
}

* html #m9 a*{
  position:absolute;
}
* html #m9_cont a*{
  position:absolute;
}


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

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

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

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

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





#fbal
{
  float:left;
  width:253px;
  margin-right:11px;
  min-height:180px;
}

#fkozep
{
  height:275px;
  float:left;
  width:251px;
  margin-left:0px;
  margin-right:0px;
  padding-left:10px;
  padding-right:10px;
  min-height:180px;
  border-left:1px solid #cbc0aa;
  border-right:1px solid #cbc0aa;
}
#fjobb
{
  float:left;
  width:253px;
  margin-left:10px;
  min-height:180px;

}

#fjobb .cimke
{
   clear:left;
   margin-bottom:18px;

}



#also
{
  clear:left;
  width:100%;
  background: url(pic/also.jpg) repeat;
  text-align:center;
  height:108px;
  color:#baad92;
  line-height:25px;
  padding-top:10px;
  padding-bottom:10px;
  font-size:12px;

}
#also a 
{
  color:#ffffff;
  text-decoration:none;
  font-size:12px;
}
.feher
{
  color:#ffffff;

}

#also .cont
{
  width: 800px; 
  margin:0 auto;
  text-align:left;
}


#also .abal
{
  float:left;
  width:476px;
  text-align:right;
  margin-top:22px;
  padding-right:10px;
}

#also .aelvalaszt
{
  float:left;
  border-left:1px solid #7d7052;
  border-right:1px solid #c0b69f;
  height:85px;
  margin-top:21px;
}

#also .ajobb
{
  float:left;
  width:300px;
  text-align:left;
  padding-left:10px;
}

#also .ajobb .cimke
{
   text-align:center;
   argin-left:-50px;
}

#also .ajobb .tovabb
{
   text-align:right;
   float:right;

}

#bal
{
  float:left;
  width:274px;
}

#kozep
{
  float:left;
  width:526px;
}
#kozep .tartalom
{
   padding-left:9px;
   padding-bottom:15px;
}

#kozep .tartalom .cim a
{
  font-weight:bold !important;
  font-size:15px !important;
  color: #009277 !important;
  text-decoration:none;
}
#kozep .tartalom .cim 
{
  padding-bottom:10px;
}

/* ------ galeria -------------------------------------------------------- */

.galeriakep {
    width: 150px;
    min-height: 140px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 2px;
    zoom: 1;
    *display: inline;
   _height: 140px;
   ackground:#d4d2bf;
   padding-top:8px;
   margin-right:8px;
   margin-bottom:4px;
}

.galeriakep .kep
{
  margin:0 auto;

  width:150px;
  text-align:center;
    *display: inline;
   _height: 140px;
    vertical-align:center;

}

.galeriakep .kep img
{
   border:2px solid #d4d2bf;

}



/* -------- fotoalbum ------------------------------------ */


.fotoalbum-keplista
{

   clear:left;
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 11px;
   font-weight: normal;
   margin-top:0px;
   margin-bottom:15px;

}

.fotoalbum-keplista .kiskep
{
 width: 144px;
 float:left;
 margin:0 auto;
 text-align:center;
 padding:2px;
 background: #ffffff;
 margin-right:0px;

}


.fotoalbum-keplista .szoveg
{

 float:left;
 padding-left:15px;
 width:210px;
}

.fotoalbum-keplista .szoveg .cim
{
  width:210px;
  padding:0px !important;
  padding-bottom:1px;
  float:left;

}
.fotoalbum-keplista .szoveg .cim h1
{
 margin:0px;
 padding:0px;
}
.fotoalbum-keplista .szoveg .kepszam
{
  text-align:left;
  width:210px;
  clear:left;
}

.fotoalbum-keplista .szoveg .datum
{
  text-align:left;
  clear:right;
  width:210px;
}





.fotoalbum-keplista a {text-decoration: underline; color:#FA8EA0; font-size: 14px;font-weight: bold;}
.fotoalbum-keplista a:hover {text-decoration: underline; color: #E54652; font-size: 14px;font-weight: bold;}




.fb
{
  clear:left;
  margin-top:20px;
  
}





 .error
{
  color:#ff0000;
  background:none;
  in-width:20px;
  float:left;
  margin-top:4px;
}
*  .error
{
 idth:20px;
}

input[type="text"]
{
  float:left;
  width:300px;
}
 .checked
{
  float:left;
  color:#ff0000;
  padding-left:20px;
  background: url(pic/icon_ok.png?a=2) no-repeat 3px 0px;
  width:20px;
}


.ui-datepicker-trigger
{
  float:left;
  padding-top:4px;

}


.ui-datepicker
{
  -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.55);
  -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.55);
}


.balfmenu
{
  width:256px;
  ackground-image: url(pic/bal-nyil.jpg);
  ackground-repeat: no-repeat;
  ackground-position: center right;
  min-height:17px;
  color:#87795a;
  padding-bottom:4px;
  padding-top:4px;
  font-weight:bold;
  padding-left:8px;
}

.nyilbe
{
  background-image: url(pic/bal-nyilb.jpg) !important;

}

.nyilki
{
  background-image: url(pic/bal-nyil.jpg);

}


.balmenu-elvalaszt
{
  width:265px;
  border-bottom:1px solid #dbd1be;
  height:0px;
}

.balmenu a
{
  color:#87795a;
  text-decoration:none;
}


#bal .htartalom {
   background: url(/theme/pic/bal-hatter.jpg) repeat-y;
   width:255px;
   padding-bottom:5px;
   padding:8px;
   padding-top:10px;
  color:#87795a;

}


#bal .tartalom {
   background: url(/theme/pic/bal-hatter.jpg) repeat-y;
   width:265px;
   padding-bottom:5px;
   adding:5px;
  color:#87795a;

}

#fjobb .tartalom {
   width:243px;
   padding:5px;
   color:#87795a;

}

.hirlevelform
{
  padding-left:0px;
  padding-top:10px;

}
.hirleveltxt
{
  float:left;
  padding-right:12px;
  padding-top:5px;
  width:66px;
}
.hirleveltxtbox_cont
{
   float: right;
   text-align:right; 
   padding-right:10px;   
}
.hirleveltxtbox
{
	overflow: hidden;
	display: inline;
	border: solid 0px #ccbbbb;
	padding:2px;
        height:16px;
        margin-top:2px;
        color:#656565;
        width:158px !important;

}





#reszletesleiras_cont
{
  float:right;
  width:127px;
  height:21px;
  display:block;
  z-index:100;
  background: url(pic/tovabb-reszletesleiras.jpg) no-repeat;
}

* html #reszletesleiras a*{
  position:absolute;
}
* html #reszletesleiras_cont a*{
  position:absolute;
}


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



#osszesprogram_cont
{
  float:right;
  width:127px;
  height:21px;
  display:block;
  z-index:100;
  background: url(pic/tovabb-osszesprogram.jpg) no-repeat;
}                     

* html #osszesprogram a*{
  position:absolute;
}
* html #osszesprogram_cont a*{
  position:absolute;
}


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





#programok_cont
{
  float:left;
  width:127px;
  height:44px;
  display:block;
  z-index:100;
  background: url(pic/gomb-programok.jpg) no-repeat;
}

* html #programok a*{
  position:absolute;
}
* html #programok_cont a*{
  position:absolute;
}


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





#teljescsapat_cont
{
  float:left;
  width:127px;
  height:21px;
  display:block;
  z-index:100;
  background: url(pic/tovabb-teljescsapat.jpg) no-repeat;
}

* html #teljescsapat a*{
  position:absolute;
}
* html #teljescsapat_cont a*{
  position:absolute;
}


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




#feliratkozok_cont
{
  float:left;
  width:124px;
  height:43px;
  display:block;
  z-index:100;
  background: url(pic/gomb-feliratkozok.jpg) no-repeat;
}

* html #feliratkozok a*{
  position:absolute;
}
* html #feliratkozok_cont a*{
  position:absolute;
}










#teljeslista_cont
{
  float:left;
  width:127px;
  height:21px;
  display:block;
  z-index:100;
  background: url(pic/alsotovabb-teljeslista.jpg) no-repeat;
}

* html #teljeslista a*{
  position:absolute;
}
* html #teljeslista_cont a*{
  position:absolute;
}


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



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

#feliratkozok_cont0
{
  float:right;
  adding-right:5px;
}

.hirlevel
{
  clear:left;
}



#bal #feliratkozok_cont
{
  float:left;
  width:124px;
  height:43px;
  display:block;
  z-index:100;
  background: url(pic/bgomb-feliratkozok.jpg) no-repeat;
}

* html #bal #feliratkozok a*{
  position:absolute;
}
* html #bal #feliratkozok_cont a*{
  position:absolute;
}


#bal #feliratkozok
{
  -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0;
  position:absolute;
  width:124px;
  height:43px;
  display:block;
  zoom:1;
  z-index:10000;
} 

#bal #feliratkozok_cont0
{
  ackground: url(/theme/pic/bal-hatter.jpg) repeat-y;
   idth:255px;
   adding:5px;
}

.mbalmenu_cont
{
  width:252px;
  min-height:17px;
  color:#87795a;
  margin-left:1px;
  padding-left:8px;
  padding-top:3px;
  padding-bottom:3px;
  font-weight:bold;
  cursor:pointer;cursor:hand;
}
.mbalmenu
{
  width:242px;
  min-height:17px;
  color:#87795a;
  margin-left:1px;
  padding-left:8px;
  font-weight:bold;
  padding-top:2px;
  background-image: url(pic/bal-nyil.jpg);
  background-repeat: no-repeat;
  background-position: center right;
}

.mbalmenu-elvalaszt
{
  width:265px;
  border-bottom:1px solid #dbd1be;
  height:0px;
}

.balfmenu-elvalaszt2
{
  width:265px;
  border-bottom:1px solid #fbf1de;
  border-top:1px solid #dbd1be;
  height:0px;
}

.mbalmenu a
{
  color:#87795a;
  text-decoration:none;

}





.kiv
{
   background: #e4dbca;

}
.mkiv_cont
{
   background: #e4dbca;

}

.mkiv
{
  background-image: url(pic/bal-nyilakt.jpg) !important;

}








#fbal .tartalom .cim 
{
   clear:left;
  padding-bottom:12px;
}

#fbal .tartalom .bevezeto
{
   clear:left;
   width:100%;

}
#fbal .tartalom .szoveg
{
   clear:left;
   width:100%;
   padding-top:10px;
}

#fbal .tartalom .tovabb
{
   float:right;
   clear:left;
   width:100%;

}

#fbal .tartalom .cim a
{
  color: #d23a8b;
  font-size:16px;
  text-decoration:none;
}

#fbal .tartalom .tovabb
{
   clear:left;
   padding-top:12px;
   float:right;
}

#fbal .cimke
{
   clear:left;
   margin-bottom:18px;

}


#fkozep .tartalom .cim 
{
   clear:left;
  padding-bottom:12px;
}

#fkozep .tartalom .cim a
{
  color: #d23a8b;
  font-size:16px;
  text-decoration:none;
}


#fkozep .tartalom .bevezeto
{
   font-style: italic;
   padding-top:8px;
}

#fkozep .tartalom .szoveg
{
   clear:left;
   width:100%;
}


#fkozep .tartalom .tovabb
{
   clear:left;
   padding-top:12px;
   float:right;
}

#fkozep  .cimke
{
   clear:left;
   margin-bottom:18px;

}


#jobb
{
  float:left;
  width:214px;
}



.rendelo img
{
  border:3px solid #fff;

}


.termek
{
  clear:left;
  margin-bottom:8px;
  padding-bottom:8px;
  border-bottom:1px solid #d7d0be;

}


.termek .termekfoto
{
  float:right;
  margin-left:8px;
}



.termek .cim a
{
  color: #d23a8b;
  font-size:16px;
  text-decoration:none;
}


.ar
{
  font-size:13px;
  font-weight:bold;
}

.akcios
{
  color:#973333 !important;
}



#termekek_cont
{
  float:right;
  width:187px;
  height:66px;
  display:block;
  z-index:100;
  background: url(pic/gomb-termekek.png?a=2) no-repeat;
  margin-right:8px;
}

* html #termekek a*{
  position:absolute;
}
* html #termekek_cont a*{
  position:absolute;
}


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