html
{

}
body {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, Verdana, sans-serif; 
  font-size: 12px;
  color:#444;
  background: url(/theme/pic/hatter.jpg) no-repeat #e4f3f2;
}



td {

}

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

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



b, strong
{
  font-weight: bold;
}










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


/* 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:963px;
  clear:left;
  float:left;
}

#alap2
{
  width:963px;
  clear:left;
  float:left;

}




.felso
{
  clear:left;

}

.felsoattila
{
  float:left;

}

.cimlapcont
{
  float:left;
  width:700px;
  height:238px;
  background:#f1f1f1;
}
.cimlap
{
   clear:left;
   padding-top:25px;
   padding-left:25px;
}

.logo
{
  clear:left;

}

.m1, .m2, .m3, .m4
{
  float:left;
}



#menu
{
  clear:left;
  width:903px;
  height:34px;
  background: url(/theme/pic/menu.jpg) no-repeat;
  padding-left:60px;
}

#menu ul {list-style:none;margin:0;padding:0;padding-left:10px;}
#menu li {float:left;width:97px;margin:0;padding:0;text-align:center;padding-top:1px;}
#menu li a {display:block;padding:9px 0px;height:100%;color:#FFF;text-decoration:none;font-weight:bold;font-size:10px;}
#menu li a {background:url(/theme/pic/menubg.jpg) repeat-x 0px -34px; }
#menu li a:hover, li a:focus, li a:active {ackground-position:0px -200px;color:#5CADCE;}




#bal
{
  float:left;
  width:165px;
  min-height:500px;

}


#bal .balmenu
{
  width:165px;
  background: url(/theme/pic/bmenuhatter.jpg);
  padding-top:20px;
}

.balmenupont
{
   width:140px;
   padding-left:10px;
   border-bottom:1px solid #054145;
   clear:left;
   text-align:right;
   padding-top:5px;
   padding-bottom:5px;
}

.balmenupont a
{
  font-family: "impact",Arial, Helvetica, Verdana, sans-serif; 
  text-transform:uppercase;
  font-size:13px;
  color:#054145;
  text-decoration:none;

}


.balmenualso
{
  clear:left;
  width:165px;
  height:9px;
  background: url(/theme/pic/bmenualso.jpg) no-repeat;

}

#kozep
{
  width:500px;
  float:left;
  margin:15px;
  min-height:400px;
}


#jobb
{
  float:left;
  width:251px;
  margin-left:10px;


}

#kozep.galwidth
{
  width:760px !important;

}

#kozep .tartalom.galwidth
{
  width:740px !important;

}



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

}



#also
{
  clear:left;
  width:100%;
  height:49px;
  background: #111;;

}

#also #almenupontok
{


}

#also #almenupontok li
{
   float:left;
}

#also .cont
{
  clear:left;
  width:960px;
  margin: 0 auto;

}

#also .tartalom
{
  float:left;
  font-size:10px;
  width:806px;
  height:38px;
  padding-top:11px;
  padding-left:10px;
  background: url(/theme/pic/also.jpg) no-repeat;
  color:#fff;
}

#also .tartalom a
{
  font-size:10px;

}
#also .thunder
{
  float:left;


}

#also .linkek
{
  clear:left;

}


/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

/* Most common stuff you'll need to change */
           	
	.coda-slider-wrapper { padding: 0px 0 }
	.coda-slider { }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 850px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 940px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 0px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	




.blog
{
  clear:left;
  margin-bottom:30px;


}

.blog .share
{
  margin-top:20px;
  background: url(/theme/pic/bmenuhatter.jpg);
  padding:5px;
}


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

.blog .cim 
{
  clear:left;
  margin-bottom:10px;
}
.blog .cim a
{
  color:#054145;
  text-decoration:none;
  text-transform:uppercase;
  font-size:13px;
  font-weight:bold;
  
  
}


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


.lapozo 
{
   padding:4px;
   width:14px;
   height:14px;
   text-align:center;
   float:left;
   margin-right:5px;
   margin-left:5px;
}

.lszoveg
{
   width:auto;
   margin-right:5px;
   margin-left:5px;
}



.lapozo  a
{
   text-decoration:none;
   color:#888888;
}

.lapozo  a:hover
{
   text-decoration:none;
   color:#888888;
}


.kivalasztottszam
{
   color:#ffffff;
   background:#999999;


}


.almenu
{
  float:left;
  width:250px;
  margin-bottom:15px; 

}

.almenu .cimke
{
   font-weight:bold;
   font-size:12px;
   margin-bottom:5px; 
   color:#054145;
   text-transform:uppercase;
}

.almenu a
{
  text-decoration:none;
  font-size:11px;
  color:#555;
}

h2
{
 font-size:16px;
 margin-top:25px;
}


#fotogaleria
{
  height:500px;
  margin-bottom:30px;
}







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


.fotoalbum-keplista
{

   float:left;
   font-size: 11px;
   font-weight: normal;
   margin-top:0px;
   margin-bottom:5px;
   margin-right:4px;
   background: #fff;
   width: 150px;
   height:160px;
   
}

.fotoalbum-keplista .kiskep
{
  float:left;
  margin:0 auto;
  text-align:center;
  width: 150px;
  margin-right:0px;
  padding-top:5px;
  height:105px;
  clip:rect(0px,144px,90px,0px);
  overflow:hidden;
  margin-bottom:10px;
}

.fotoalbum-keplista .kiskep img
{
}

.fotoalbum-keplista .szoveg
{

 clear:left;
 text-align:center;
}

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

}

.fotoalbum-keplista .szoveg .cim h1
{
 margin:0px;
 padding:0px;
}

.fotoalbum-keplista .szoveg .kepszam
{
  text-align:left;
  clear:left;
  text-align:center;
  padding-bottom:6px;

}

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





.fotoalbum-keplista a 
{
  color: #537697;
  font-weight:normal;
  font-size:12px;
  text-transform:uppercase;
  text-decoration:none;
  font-family: Helvetica, Verdana, sans-serif; 
  ont-weight: bold;
}
.fotoalbum-keplista a:hover 
{
  text-decoration:underline;
}


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

.galeriakep .kep
{
  margin:0 auto;

  width:125px;
  text-align:center;
    *display: inline;
   _height: 120px;
    vertical-align:center;

}

.galeriakep .kep img
{

}




































a#megrendel, a#megrendel:visited {
display:block;
background: url(pic/simple_button.png) repeat-x; 
width: 200px;
padding:10px 0;
text-align:center;
border:1px solid #608925;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
font-weight:bold;
text-transform:uppercase;
border-radius: 5px;  
-moz-border-radius: 5px;  
-webkit-border-radius: 5px;
color:#FFF;
text-decoration: none;
opacity:.85;
}

a#megrendel:hover {
border-color:#49671d;
color:#dfffcf;
opacity:.95;
}

a#megrendel:active {
background-position:  0 -200px;
padding:11px 0 9px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}





a#kosargomb, a#kosargomb:visited {
display:block;
font-size:11px;
background: url(pic/simple_button.png) repeat-x; 
width: 120px;
padding:5px 0;
text-align:center;
border:1px solid #608925;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
font-weight:bold;
text-transform:uppercase;
border-radius: 3px;  
-moz-border-radius: 3px;  
-webkit-border-radius: 3px;
color:#FFF;
text-decoration: none;
opacity:.85;
}

a#kosargomb:hover {
border-color:#49671d;
color:#dfffcf;
opacity:.95;
}

a#kosargomb:active {
background-position:  0 -120px;
adding:11px 0 9px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}



#megrendelgomb_cont
{
  margin:0 auto;
  width:485px;
  clear:left;
}






.termekvalaszto
{
  loat:left;
  width:480px;
  lear:left;
  margin:0 auto;
  text-align:center;
  padding:8px;
  border-radius: 8px;  
  -moz-border-radius: 8px;  
  -webkit-border-radius: 8px;
}



.hatter
{
  background: rgba(200,200,200,0.3);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19C8C8C8',EndColorStr='#19C8C8C8'); 
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19C8C8C8,EndColorStr='#19C8C8C8')";

}


.keret
{
  border: 1px solid #efefef;
  border: 1px solid rgba(200,200,200,0.3);

}

.termekvalaszto .termekinfo
{
}

.termekvalaszto .termekleiras1
{
 float:left;
 margin-right:15px;
}
.termekvalaszto .termekleiras2
{
  float:left;
  width:275px;
  font-size:10px;
  line-height:110%;
  margin-top:5px;
  text-align:left;
}



#megrendel_cont
{
  clear:left;
  margin-top:20px;
}


.termekvalaszto .kosar
{
  margin:0 auto;
  margin-top:8px;
  width:122px;
  text-align:center;

}

.termekdb_cont
{
  height:20px;
  margin:0 auto;
}

.dbszam
{
   font-size:10px !important;
   width:20px !important;
  float:none !important;

}
.termekfoto
{
  margin-top:8px;

}

.termekleiras2 .nev
{
  font-size:14px;
  clear:left;
  margin-top:10px;
}

.termekleiras2 .ar
{
  font-size:16px;
  clear:left;
  margin-top:10px;
}


#megrendel_cont .nev
{
  font-size:14px;
  clear:left;
  margin-top:6px;
}

#megrendel_cont .ar
{
  background:#aaaaaa;
  color:#ffffff;
  border-radius: 4px;  
  -moz-border-radius: 4px;  
  -webkit-border-radius: 4px;
  width:80px;

  padding:2px;
  margin:0 auto;
  margin-top:5px;
  margin-bottom:5px;
  clear:left;
}


label
{
  width:120px;
  display:block;
  float:left;
  clear:left;
  height:23px;
}
input[type=text] {

  float:left;
  font-size:11px;
  width:300px;
  padding:0px;
}

select {

  float:left;
  font-size:11px;
  width:120px;
  padding:0px;
}

input[type=checkbox] {

  float:left;
  font-size:11px;
  width:20px;
  padding:0px;
}

textarea {

  float:left;
  font-size:11px;
  width:420px;
  height:60px;
  padding:0px;
  margin-bottom:4px;
}


.orszaginfo
{
  color: #b9ac7a; 
  font-weight:normal;
  text-align:center;
  background:#f8f1c9;
  border:1px solid #f2e097;
  width:70%;
  min-width:400px;
  margin:0 auto;
  margin-top:14px;
  margin-bottom:4px;
  padding:6px;
  display:block;
}


#megrendel_cont #formdiv
{

  width:485px;
  margin-bottom:20px;
  float:left;
  margin-right:9px;
  padding:10px;
  border-radius: 8px;  
  -moz-border-radius: 8px;  
  -webkit-border-radius: 8px;
  background: rgba(200,200,200,0.1);
  border: 1px solid #efefef;
  border: 1px solid rgba(200,200,200,0.3);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19C8C8C8',EndColorStr='#19C8C8C8'); 
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19C8C8C8,EndColorStr='#19C8C8C8')";


}


#megrendel_cont #formdiv2
{

  width:468px;
  margin-bottom:20px;
  float:left;
  margin-right:9px;
  padding:10px;
  border-radius: 8px;  
  -moz-border-radius: 8px;  
  -webkit-border-radius: 8px;
  background: rgba(200,200,200,0.1);
border: 1px solid #efefef;
border: 1px solid rgba(200,200,200,0.3);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19C8C8C8',EndColorStr='#19C8C8C8'); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19C8C8C8,EndColorStr='#19C8C8C8')";

}



a#elkuldgomb, a#elkuldgomb:visited {
margin-top:15px;
display:block;
font-size:11px;
background: url(pic/simple_button2.png) repeat-x; 
width: 190px;
padding:9px 0;
text-align:center;
border:1px solid #1b786f;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
font-weight:bold;
text-transform:uppercase;
border-radius: 3px;  
-moz-border-radius: 3px;  
-webkit-border-radius: 3px;
color:#FFF;
text-decoration: none;
opacity:.85;
}

a#elkuldgomb:hover {
border-color:#1b786f;
color:#ffffff;
opacity:.95;
}

a#elkuldgomb:active {
background-position:  0 -160px;
adding:11px 0 9px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
}


iframe
{
  border:1px solid #aaa;

}

a:active, a:focus
{
 outline-style:none;
 -moz-outline-style:none;

}


.fizetendo
{
  background: #dddddd;
  padding:7px;
  margin-top:10px;
}


.osszesen-txt
{
   float:left;
   padding-right:15px;
   padding-top:2px;
}

#ossz
{
  font-size:15px;
  font-weight:bold;

}



.eredmeny
{

  width:485px;
  margin-bottom:20px;
  float:left;
  margin-right:9px;
  padding:12px;
  border-radius: 8px;  
  -moz-border-radius: 8px;  
  -webkit-border-radius: 8px;
  background: rgba(200,200,200,0.3);
  border: 1px solid rgba(200,200,200,0.5);

filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19C8C8C8',EndColorStr='#19C8C8C8'); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19C8C8C8,EndColorStr='#19C8C8C8')";


}

.kozlemeny
{
  margin:0 auto;
  width:120px;
  padding:3px;
  border-radius: 3px;  
  -moz-border-radius: 3px;  
  -webkit-border-radius: 3px;
  background: rgba(200,200,200,0.6);
  border: 1px solid rgba(200,200,200,0.7);
  font-weight:bold;


filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99C8C8C8',EndColorStr='#99C8C8C8'); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99C8C8C8,EndColorStr='#99C8C8C8')";
}


a.rolam
{
  font-size:13px;
  font-weight:bold;
  color:#444444;

}


.almenupont a
{
  font-size:13px;
  font-weight:bold;
  color:#444444;
  padding:2px;
}

.almenupont a:hover
{
  background:#ccc;
  color:#054145;


}

#cimlap
{
  clear:left;
  padding-top:20px;
  padding-left:20px;

}



ul#slider1
{
  margin:0px;
  padding:0px;
  list-style-type:none;
  background:#333;
  width:653px;
  height:188px;
  clip:rect(653,0,188,0);
  overflow:hidden;
}

ul#slider1 li
{
  height:188px;
  width:653px;
  lear:left;
}

ul#slider1  .left {
	width: 312px;
	float: left;
	background: url(/theme/pic/fejlechatter.png?a=2) no-repeat; 0px 0px;
        height:188px;
}

.demo-wrap .right {
	width: 206px;
	float: left;

}

ul#slider1  .left .cim
{
  padding:8px;
  margin-bottom:12px;

}

ul#slider1  .left .cim a
{
  font-family: Helvetica, arial, serif; 
  font-size:15px;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
}

ul#slider1  .left .bevezeto
{
  padding:8px;
  margin-bottom:12px;
  color:#aaa;
  font-size:10px;
  width:245px;
}