html {overflow-x: hidden;}

body {
        overflow-x:hidden;
        overflow-y:scroll;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
        color:#dddddd;
        background:url(pic/hatter.jpg);
  zoom:1;
}

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

}

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

}

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


a:link {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#F8941D; font-size: 11px; ;font-weight: normal;}
a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#F8941D;font-size: 11px;font-weight: normal;}
a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#F8941D; font-size: 11px; font-weight: normal;}
a:hover {font-family:  Arial, Helvetica, sans-serif; text-decoration:underline; color:#ffffff; font-size: 11px; font-weight:normal;}



b
{
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px;
  font-weight: bold;
  color: #ccacac;
}






#alap
{
  padding-left:12px;
  width: 898px;
  margin:0 auto;
  min-height:800px;
}

* html #alap
{
  height:800px;
}


#alap2
{
  clear:left;
  width: 898px;
  margin:0 auto;
}


#felso
{
  background: url(pic/felso.jpg) no-repeat;
  height:33px;
  color:#F8941D;
}


#felso #felsohirek1
{
  padding-top: 6px;
  padding-left: 43px;
}
#felso #felsohirek2
{
  padding-top: 6px;
  padding-left: 43px;
	
}

#felso #felsohirek3
{
  padding-top: 6px;
  padding-left: 43px;
	
}

#felso #felsohirek4
{
  padding-top: 6px;
  padding-left: 43px;
	
}




#fejlec
{
  width:898px;
  clear:left;
  background:#000000;
 z-index:10001;
}

#foto
{
 z-index:1;
}
#menu
{
  ackground: url(pic/menuhatter.jpg) no-repeat;
  height:33px;
  padding:0px;
  margin:0px;
  margin-bottom:8px;
  clear:left;

}


#kozep
{
  float:left;
  width:621px;
  margin-left:0px;
  margin-right:8px;
  min-height:1450px;
  background: url(pic/kozep-hatter.jpg);
  margin-bottom:30px;
}

* html #kozep
{
  height:1450px;
}



#kozep .cimke
{

  float:left;
  padding-left:43px;
  padding-top:7px;
  height:50px;
  color:#F7941D;
  font-size:18px;
}

#kozep .tartalom
{
  clear:left;
  ackground: url(pic/kozep-hatter.jpg);
  padding-left:43px;
  width:540px;
  min-height:1000px;
}

* html #kozep .tartalom
{
  height:1000px;
}



#kozep .cimke2
{

  float:left;
  padding-left:43px;
  padding-top:7px;
  width:248px;
  height:50px;
  color:#F7941D;
  font-size:18px;
}

#kozep .tartalom2
{
  padding-left:43px;
  width:248px;
  min-height:1000px;
}

* html #kozep .tartalom2
{
  height:1000px;
}




#kozep .tartalom ul.fellepes
{
  padding:0px;
  margin:0px;
  list-style-type: none;
}

#kozep .tartalom li.fellepes
{
  list-style-type: none;
 padding-bottom:9px;
 margin-bottom:4px;
 border-bottom:1px solid #222222;


}

#kozep .tartalom h3.fellepes 
{
  margin-bottom:0px;
  padding-bottom:0px;
 
  font-size: 14px;
  color:#888888;

}






#jobb a:link {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#F8941D; font-size: 11px; ;font-weight: normal;}
#jobb a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#F8941D;font-size: 11px;font-weight: normal;}
#jobb a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#F8941D; font-size: 11px; font-weight: normal;}
#jobb a:hover {font-family:  Arial, Helvetica, sans-serif; text-decoration:underline; color:#ffffff; font-size: 11px; font-weight:normal;}

#jobb ul
{
  padding:0px;
  margin:0px;
  list-style-type: none;
}

#jobb li
{
  padding:0px;
  margin:0px;
  padding-left:1px;
  padding-bottom:1px;
}

#jobb .almenu2 li
{
  padding:0px;
  margin:0px;
  padding-left:11px;
  padding-bottom:1px;
}

#jobb li a:link {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#F8941D; font-size: 11px; ;font-weight: normal;}
#jobb li a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#F8941D;font-size: 11px;font-weight: normal;}
#jobb li a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#F8941D; font-size: 11px; font-weight: normal;}
#jobb li a:hover {font-family:  Arial, Helvetica, sans-serif; text-decoration:none; color:#ffffff; font-size: 11px; font-weight:normal;}


#jobb
{
  width:269px;
  float:left;

}

#jobb .cimke
{
  width:269px;
  clear:left;

}

#jobb .also
{
  width:269px;
  clear:left;
  margin-bottom:8px;

}


#jobb .tartalom
{
  clear:left;
  padding:14px;;
  
  background: url(pic/jobb-hatter.jpg);
  width:241px;
}



.clear

{

  clear: both;
  height: 0px;
  overflow: hidden;
  margin: 0;

}




                           

#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;}
#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(pic/menubg.jpg) no-repeat 0px -64px; }
#menu li a:hover, li a:focus, li a:active {ackground-position:0px -200px;color:#F7941D;}






/* urlapkezelo!!! */











.form_container
{

  width: 480px;
  argin:0 auto;
  ackground:#eeeeee;
  padding:0px;
  font-family: Arial, Helvetica, sans-serif; 
  order:1px solid #ff0000;
  font-size:10px;
  color:#cccccc;
}


.urlapsor 
{
  lear:left;
  min-height:22px;
  height:auto !important;
  height:22px;
  font-family: Arial, Helvetica, sans-serif; 
  clear: both;
  verflow: hidden;
  margin-top:4px;
  color:aaaaaa;
}

.form_container .form-label
{
  float:left;
  display: block;
  padding: 1px 5px;
  margin: 0 0 5px 0;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif; 
  font-size:11px;
  color:#aaaaaa;
}

.form_container .form-label-belso
{
  float:left;
  order:1px solid #ff00f0;
  display: block;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}
.form_container .form-urlapsor_belso_nemhasznalt
{
  background:#ffffff;
  order:1px solid #A88F4C;
  height:100%;
  padding-top:2px;
  padding-left:2px;
}

.form_container .form-textbox
{
  position:relative;
  float:left;
  border:1px solid #aaaaaa;
  background:#ffffff;
  margin-right:3px;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif; 
  padding:1px;
}

.form_container .form-textarea
{
position:relative;
  float:left;
  border:1px solid #aaaaaa;
  margin-right:3px;
  background:#ffffff;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif; 
  padding:1px;
  
}
.form_container .form-select
{
position:relative;
  float:left;
  order:1px solid #DED5C2;
  margin-right:3px;
  border:0px solid #aEa592;
  background:#ECECEC;
  font-size:10px;
  font-family: Arial, Helvetica, sans-serif; 
  padding:1px;
}

.form_container .form-upload
{
position:relative;
  float:left;
  margin-right:3px;
  border:1px solid #aaaaaa;
  font-family: Arial, Helvetica, sans-serif; 
  font-size:10px;
  padding:1px;

}

.form_container .form-password
{
  position:relative;
  float:left;
  margin-right:3px;
  border:1px solid #aaaaaa;
  background:#ffffff;
  font-family: Arial, Helvetica, sans-serif; 
  font-size:10px;
  padding:1px;
  
}

.form_container .form-iframe
{
position:relative;
  float:left;
  order:1px solid #DED5C2;
  margin-right:3px;
  order:1px solid #aEa592;
  background:#ECECEC;
  
}
.form_container .form-checkbox
{
  position:relative;
  float:left;
  background:#ECECEC;
  background:url(pic/urlapmezohatter.jpg) repeat-x #ECECEC;
  margin-right:3px;
  font-family: Arial, Helvetica, sans-serif; 
  font-size:10px;
  
}

.form_container .form-buttonOLD
{
  float:left;
  order:1px solid #DED5C2;
  margin-right:3px;
  font-size:10px;
  margin-top:2px;
}
.form_container .form-button
{
  float:left;
  border:0px;
  background:url(pic/form-button.jpg) no-repeat top left ;
  color: #ffffff;
  font-family: arial, helvetica, sans-serif;
  font-size:10px;
  cursor:pointer;
  padding-left:10px;
  padding-top:2px;
  padding-bottom:2px;
  font-weight:bold;
  margin-bottom:10px;
}


.form_container .form-button-end
{
  display: inline;
  ackground:#B71308;
  width:4px;
  height:18px;
  float:left;
  background:url(pic/form-button-end.jpg) no-repeat;
  margin-bottom:10px;

}
.form_container .szoveg
{
  float:left;
  order:1px solid #ff00f0;
  display: block;
  margin-top:3px;
  margin-right:4px;
  clear:none ! important;
}


.form_container .form-uzenet
{
  font-size:11px;
  
}


.form_container .form-hibauzenet
{
  text-align:center;   
  padding-top:10px;
  padding-bottom:0px;
  color:#ff0000;
  clear:left;
  font-weight:bold;
  margin-bottom:2px;
  in-height:22px;
  in-height:22px;
  eight:auto !important;
  eight:22px;
  font-size:11px;
}

.form_container .form-sugouzenet
{
  clear:left;
  padding-top:3px;
  padding-left:10px;
  font-size:11px;
}
.form_container .form-eredmeny
{
  float:left;
  order:1px solid #DED5C2;
  color:#fffffff;
  margin-right:3px;
  font-weight:bold;
  font-size:12px;
  order:1px solid #ff0000;
}


.form_container h1
{
  order:1px solid #ff0000;
  padding:5px;
  margin:0px;
  margin-top:20px;
  margin-bottom:20px;
  font-size:14px;
  clear:left;
  color:#ffffff;
}


.form_container .cimke
{
   font-size:15px;
  font-weight:bold;
  margin-bottom:20px;
}

#postakoltseg
{
  margin:0px;
  padding:0px;
  display:inline;

}










/* -----  hirek  ---------------------------------------- */

.hirek {

  font-weight:normal;
  padding-bottom:0px;
  margin-bottom:20px;
  width:100%;
}

.hirek .cim {

  color: #ffffff;
  font-size:16px;
  font-weight:bold;
  height:38px;
  width:100%;
  
}


.hirek .datum {
  clear:left;
  color: #777777;
  font-size:10px;
  margin-bottom:5px;
  font-weight:normal;
}



.hirek .hirszoveg
{
  clear:left;
  font-size:11px;
  font-weight:normal;
  width:100%;
  margin-bottom:5px;



}


.hirek .tovabb
{
  background:#222222;
  clear:left;
  margin-top:5px;
  padding-top:2px;
  padding-bottom:5px;
  padding-right:8px;
  margin-bottom:8px;
  text-align:right;
}

.hirek .cim a:link {font-family: Arial, Helvetica, sans-serif; Arial, Helvetica, sans-serif;   text-decoration: none; color:#ffffff; font-size: 16px;font-weight: bold;}
.hirek .cim a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#ffffff; font-size: 16px;font-weight: bold;}
.hirek .cim a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#ffffff; font-size: 16px;font-weight: bold;}
.hirek .cim a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#dddddd; font-size: 16px;font-weight: bold;}

.hirek .tovabb a:link {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#aaaaaa; font-size: 11px;font-weight: normal;}
.hirek .tovabb a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:##aaaaaa; font-size: 11px;font-weight: normal;}
.hirek .tovabb a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#aaaaaa; font-size: 11px;font-weight: normal;}
.hirek .tovabb a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#ffffff; font-size: 11px;font-weight: normal;}

.hirek img 
{
  padding:4px;
  background:#555555;
}


.hireklista {

  color: #4A4537;
  font-size:11px;
  font-weight:bold;
  margin-left:10px;
  margin-right:3px;
}



/* ----- minihirek -------------------------------------- */


.minihirek {

  color: #ffffff;
  font-size:11px;
  font-weight:normal;
  margin:0px;
  padding:0px;
  width:420px;
  background: url(pic/kozep-hatter2.jpg) no-repeat;
  height:90px;
  cursor:hand;
  cursor:pointer;
}

.minihirek .cont
{
  float:left;
  width:270px;
  margin-left:6px;
}

.minihirek .kep 
{
  float:left;
  width:87px;
  margin-left:12px;
  margin-right:8px;
  margin-top:10px;
  padding-left:4px;
  padding-top:5px;
}

* > .minihirek .kep 
{
  float:left;
  width:87px;
  margin-left:23px;
  margin-right:8px;
  margin-top:10px;
  padding-left:4px;
  padding-top:5px;
}


.minihirek .kep img
{
  border:1px solid #940000;
}


.minihirek .cim {

  color: #dddddd !important;
  font-size:12px !important;
  font-weight:bold !important;
  margin-left:0px;
  margin-top:0px;
  margin-bottom:0px;
  float:left;
  clear:left;
  width:280px;

}


.minihirek .datum {

  color: #FB6000;
  font-size:10px;
  font-weight:normal;
  margin-left:0px;
  margin-top:8px;
  float:left;
}




.minihirek .hirbevezeto
{
  clear:left;
  float:left;
  font-size:11px;
  font-weight:normal;
  width:280px;
  margin-left:0px;
  line-height:13px;
}


.minihirek .tovabb
{
  float:left;

}

.minihirek .cim a:link {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#F8C710 !important; font-size: 12px !important;font-weight: bold; !important;}
.minihirek .cim a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#F8C710 !important; font-size: 12px !important;font-weight: bold !important;}
.minihirek .cim a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#F8C710 !important; font-size: 12px !important;font-weight: bold !important;}
.minihirek .cim a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#ffffff !important; font-size: 12px !important;font-weight: bold;}

.minihirek .tovabb a:link {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#ffffff; font-size: 11px;font-weight: normal;}
.minihirek .tovabb a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:##ffffff; font-size: 11px;font-weight: normal;}
.minihirek .tovabb a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#ffffff; font-size: 11px;font-weight: normal;}
.minihirek .tovabb a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#ffffff; font-size: 11px;font-weight: normal;}






/* -------- 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: 90px;
 float:left;
 margin:0 auto;
 text-align:center;
 padding:4px;
 background: #f1f1f1;
 margin-right:0px;

}


.fotoalbum-keplista .szoveg
{

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

.fotoalbum-keplista .szoveg .cim
{
  width:130px;
  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:130px;
  clear:left;
}

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





.fotoalbum-keplista a:link {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#FA8EA0; font-size: 14px;font-weight: bold;}
.fotoalbum-keplista a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#FA8EA0 font-size: 14px;font-weight: bold;}
.fotoalbum-keplista a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color:#FA8EA0; font-size: 14px;font-weight: bold;}
.fotoalbum-keplista a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #E54652; font-size: 14px;font-weight: bold;}




/* ----- galeriakep -------------------------------------- */

.galeriakep
{

   float:left;
   padding:0px;
   margin-right:4px;
   border:3px solid #555555;
   margin-bottom:5px;
   cursor:hand;
}
.galeriakep .kep
{
   width:70px;
   height:70px;
   clip: rect(0px,0px,70px,70px);
   overflow: hidden;
   cursor:hand;
}


.galeriakep img
{
  border:0px !important;
}
















#loginform
{
 width:200px;

}




.loginform1 *a{position:relative;}
.loginform1
{
  float:left;
  position:relative;
  margin-left:0px;
  margin-top:0px;
  width:210px;
}

* > .loginform1
{
  float:left;
  position:relative;
  margin-left:0px;
  margin-top:0px;
  width:210px;
}

.loginform1 label
{
   float:left;
   width:45px;
   clear:left;
   padding-left:12px;
}

.loginform2 *a{position:relative;}
.loginform2
{
  
  float:left;
  position:relative;
  margin-left:25px;
  padding-top:52px;
  width:133px;
}

.loginurlap1 *a{position:relative;}
.loginurlap1
{
   ackground:url(pic/ures.gif); 
   color:#585858;
   font-size: 10px;
   float:left;
   width:125px;
   padding:0px;
   border: 0px solid #dddddd;
   margin-top:3px;
   margin-bottom:8px;
}
.loginurlap2 *a{position:relative;}
.loginurlap2
{
   ackground:url(pic/ures.gif); 
   color:#585858;
   font-size: 10px;
   float:left;
   width:125px;
   padding:0px;
   border: 0px solid #dddddd;
   margin-top:0px;
   padding-top:2px;
   margin-bottom:8px;
}






.logingomb *a{position:relative;}
.logingomb
{
  float:left;
  position:relative;
  padding-left:57px;
  padding-top:0px;
  margin:0px;
  width:160px;
}

.logingomb2 *a{position:relative;}
.logingomb2
{
  float:left;
  position:relative;
  padding-left:55px;
  padding-top:0px;
  margin:0px;
  width:112px;

}






#jobb-banner
{
  float:left;
  margin-left:9px;
  margin-top:19px;
  padding-top:9px;
  padding-bottom:9px;
  width:470px;
  font-size:9px;
  color:#676767;
  text-align:center;
  background:#3e3e3e;
}


/* ------ shop -----------------------------------  */



.shop
{
}
.shop .shopkategoria
{
  float:left;
  text-align:center;
}

.shop .shopajanlo
{
  margin-top:5px;
  float:left;
  clear:left;
}



.shop h1
{
  padding:0;
  margin:0;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 13px;
  font-weight:bold;
  color:#aaaaaa;
  height:38px;
}

.shop .termeklista a:link {font-family: Arial, Helvetica, sans-serif;  text-decoration: none; color:#ffffff; font-size: 9px; ;font-weight: bold; text-transform:uppercase;background:#4AACBE;padding:2px;}
.shop .termeklista a:active {font-family: Tahoma, Geneva, Kalimati, sans-serif ;text-decoration: none; color:#ffffff;font-size: 9px;font-weight: bold;text-transform:uppercase;background:#4AACBE;padding:2px;}
.shop .termeklista a:visited {font-family: Arial, Helvetica, sans-serif;  text-decoration: none; color:#ffffff; font-size: 9px; font-weight: bold;text-transform:uppercase;background:#4AACBE;padding:2px;}
.shop .termeklista a:hover {font-family: Arial, Helvetica, sans-serif;  text-decoration:underline; color:#000000; font-size: 9px; font-weight: bold;text-transform:uppercase;background:#9d9d9d;padding:2px;}



.shop .termeklista 
{
  eight:80px;
  loat:left;
}

.shop .termeklista .termekfoto
{
  clear:left;
  width:115px;
  float:left;
}

.shop .termeklista .info
{
  width:290px;
  float:left;

}



.shop .termeklista .info form
{
   padding:0px;
   margin:0px;
   margin-bottom:5px;
   display:inline;
}

.shop .termeklista .info form input
{
   border:1px solid #111111;
   color:#000000;
   font-size:12px;
   background:#aaaaaa;
}

.shop .termeklista .kep
{
  border:3px solid #dddddd;
  float:left;
  clear:left;
  argin-top:3px;
  margin-bottom:3px;
  margin-right:3px;
}

.shop .termeklista .kep img
{
	order-color: #302002;


}
.shop .termeklista .kep2 img
{
	order-color: #302002;
  border:3px solid #333333;
  float:left;
  clear:left;
  margin-top:3px;
  margin-bottom:3px;
  margin-right:3px;


}


.shop .termeklista .info .leiras
{
  float:left;
  clear:left;
  padding-top:18px;
  padding-bottom:8px;
  font-family: arial, Helvetica, sans-serif;
  font-size: 12px;

  font-family: Arial, Helvetica, sans-serif; 
  text-decoration: none; 
  color:#aaaaaa; 
  font-weight: normal;
  width:290px;
  order:1px solid #ff0000;
}
.shop .termeklista .info  .cim
{
  float:left;
  lear:left;
  padding-bottom:8px;
  font-family: Arial, Helvetica, sans-serif; 
  text-decoration: none; 
  color:#aaaaaa; 
  font-size: 13px; 
  line-height: 17px; 
  font-weight: bold;
  width:300px;
}                                                                                  
.shop .termeklista .info .cim a:link {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#aaaaaa; font-size: 13px; ;font-weight: bold;background:#131313;}
.shop .termeklista .info .cim a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#aaaaaa;font-size: 13px;font-weight: bold;background:#131313;}
.shop .termeklista .info .cim a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#aaaaaa; font-size: 13px; font-weight: bold;background:#131313;}
.shop .termeklista .info .cim a:hover {font-family:  Arial, Helvetica, sans-serif; text-decoration:underline; color:#d1810E; font-size: 13px; font-weight: bold;background:#131313;}

.shop .termeklista .ar
{
  clear:left;
  float:left;
  padding-bottom:20px;
  font-size:12px;
  font-weight:bold;
  color:#585858;
  width:290px;
}
.shop .termeklista .ar b
{
  font-size:13px;
  font-weight:bold;
  color:#A92727;

}

.shop .termeklista .db
{
  clear:left;
  loat:left;
  height:13px;
  color: #111111;
  width:20px;
}

.shop .termeklista .tovabb
{
  float:left;
  clear:left;
  width:290px;
  margin-bottom:4px;
}







/* -- shop termekinfo ------------------------  */



.shop .termekinfo .info a:link {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#ffffff; font-size: 10px; ;font-weight: bold; text-transform:uppercase;background:#4AACBE;padding:2px;}
.shop .termekinfo .info a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#ffffff;font-size: 10px;font-weight: bold;text-transform:uppercase;background:#4AACBE;padding:2px;}
.shop .termekinfo .info a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#ffffff; font-size: 10px; font-weight:bold ;text-transform:uppercase;background:#4AACBE;padding:2px;}
.shop .termekinfo .info a:hover {font-family:  Arial, Helvetica, sans-serif; text-decoration:underline; color:#000000; font-size: 10px; font-weight: bold;text-transform:uppercase;background:#9d9d9d;padding:2px;}



.shop .termekinfo 
{
  float:left;
  width:100%;
}

.shop .termekinfo .termekfoto
{
  clear:left;
  width:135px;
  float:left;
}

.shop .termekinfo .info
{
  width:260px;
  float:left;
  margin-top:3px;
}



.shop .termekinfo .info form
{
   padding:0px;
   margin:0px;
   margin-bottom:5px;
   display:inline;
}

.shop .termekinfo .info form input
{
   border:1px solid #111111;
   color:#000000;
   font-size:12px;
   background:#aaaaaa;
}

.shop .termekinfo .kep
{
  border:3px solid #555555;
  float:left;
  clear:left;
  margin-top:3px;
  margin-bottom:3px;
  margin-right:3px;
}

.shop .termekinfo .kep img
{

}
.shop .termekinfo .kep2 img
{
  border:3px solid #555555;
  float:left;
  clear:left;
  margin-top:3px;
  margin-bottom:3px;
  margin-right:3px;


}


.shop .termekinfo .leiras
{
  float:left;
  clear:left;
  padding-top:18px;
  padding-bottom:8px;
  font-family: Arial, Helvetica, sans-serif; 
  text-decoration: none; 
  color:#ffffff; 
  font-weight: normal;
  width:450px;
  order:1px solid #cfc000;
}
.shop .termekinfo .info  .cim
{
  float:left;
  lear:left;
  padding:3px;
  font-family: Arial, Helvetica, sans-serif; 
  text-decoration: none; 
  color:#eeeeee; 
  font-size: 15px; 
  line-height: 17px; 
  font-weight: bold;
  background:#000000;
  text-transform:uppercase;
}
.shop .termekinfo .info .cim a:link {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#aaaaaa; font-size: 13px; font-weight: bold;background:#000000;}
.shop .termekinfo .info .cim a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#aaaaaa;font-size: 13px;font-weight: bold;background:#000000;}
.shop .termekinfo .info .cim a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#aaaaaa; font-size: 13px; font-weight: bold;background:#000000;}
.shop .termekinfo .info .cim a:hover {font-family:  Arial, Helvetica, sans-serif; text-decoration:underline; color:#d1810E; font-size: 13px; font-weight: bold;background:#000000;}

.shop .termekinfo .ar
{
  clear:left;
  float:left;
  padding-bottom:20px;
  font-size:12px;
  font-weight:bold;
  color:#585858;
  width:250px;
}
.shop .termekinfo .ar b
{
  font-size:13px;
  font-weight:bold;
  color:#D6FF33;

}

.shop .termekinfo .db
{
  clear:left;
  loat:left;
  height:13px;
  color: #111111;
  width:20px;
}

.shop .termekinfo .tovabb
{
  float:left;
  clear:left;
  width:300px;
}







/*  shop  megrendel */



.shop .megrendel
{
  float:right;
  clear:right;
  padding-top:0px;

}

.shop .megrendel b
{
  font-size:12px;
  font-weight:bold;
  color:#A92727;

}



.fellepesmini
{
 padding-top:7px;
 padding-left:10px;
 width:226px;

}


.fellepesmini ul
{
  margin:0px;
  padding:0px;
  padding-left:0px;
  list-style-type:none;

}

.fellepesmini li
{
  width:210px;
  list-style-type:none;
  margin:0px;
  padding:0px;
  margin-top:0px;
  padding-top:0px;
  padding-left:23px;
  margin-left:6px;
  background-image:url(pic/jobb-listagomb.jpg);
  background-repeat: no-repeat;
  background-position:4px 4px; 
  border-bottom:1px solid #575757;
  float:left;
  text-align:left;
  color:#ffffff;

}


.jbanner1
{
 float:left;
 margin-left:18px;
 margin-top:11px;
 width:150px;
}


.jbanner2
{
 margin-top:11px;
 width:118px;

 float:left;
}

.sikk
{
 margin-left:7px;
 margin-top:11px;
 float:left;
 width:165px;
}

.sikk img
{
 border:3px solid #464646;
}



#also
{

  width: 970px;
  margin:0 auto;
  background:url(pic/hatter.jpg);
  clear:left;
  text-align:center;
  padding-top:5px;
  padding-bottom:15px;
}


#also .linkek
{
  border-top:1px solid #444444;
  text-align:center;
  padding-top:8px;
  width:700px;
  margin:0 auto;

}

#also a:link {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#D6FF33; font-size: 9px; ;font-weight: normal;}
#also a:active {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#D6FF33;font-size: 9px;font-weight: normal;}
#also a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color:#D6FF33; font-size: 9px; font-weight: normal;}
#also a:hover {font-family:  Arial, Helvetica, sans-serif; text-decoration:underline; color:#ffffff; font-size: 9px; font-weight:normal;}



/* ----- hatterkep --------------------------- */

.hatterkep
{
  width:400px;
  float:left;
  padding-right:35px;
  padding-bottom:20px;
}

.hatterkep .cim h1
{
  madding:0px;
  margin:0px;
  font-size:16px;
  color:#595959;
  width:300px;


}

.hatterkep .kep
{
  clear:left;
  float:left;
  width:150px;
  height:130px;
}


.hatterkep .leiras
{
  padding-left:10px;
  float:left;
  width:210px;
}



/* ----- kerdes --------------------------- */


.szavazas
{

  margin-left:8px;
  width:202px;
  background:#555555;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
}

.szavazas .radiogomb
{
  clear:left;
  float:left;
  width:25px;
}

.szavazas .kerdes
{
  clear:left;
  float:left;
  text-transform: uppercase; 
  width:99%;
}

.szavazas .valasz
{

  float:left;

}

/* ---- kommentek ---------------------------------- */




.komment
{
  clear:left;
  width:444px;
  margin-top:20px;
}

.komment .fejlec
{
   background-image:url(pic/komment-felso.jpg);
   background-repeat: no-repeat;
   background-position: bottom left;  
   height:33px;
   clear:left;
   padding-bottom:20px;

}

.komment .fejlec .nev
{
  float:left;
  padding:5px;
  padding-bottom:11px;
  font-weight:bold;
}

.komment .fejlec .datum
{

  float:left;
  padding:5px;
  margin-bottom:5px;
  color:#777777;

}

.komment .szoveg
{
  clear:left;
  background:url(pic/komment-hatter.jpg) repeat-y;  
  padding:5px;
  padding-left:9px;
  padding-right:9px;
}

.komment .also
{
   background:url(pic/komment-also.jpg) no-repeat;  
   clear:left;
   width:444px;
   height:10px;
}










/* ---- jobb fotok ---------------------------------- */







div.sc_menu {
/* Set it so we could calculate the offsetLeft */
position: relative;
height: 105px;
width: 237px;
overflow: auto;

}
div.sc_menu img{
border:0px
}

ul.sc_menu {
display: block;
height: 130px;

/* max width here, for users without javascript */
width: 1500px;
padding: 15px 0 0 15px; 

/* removing default styling */
margin: 0;
list-style: none;

}

.sc_menu li {
display: block;
float: left;
padding: 0 4px;
}

.sc_menu a {
display: block;
text-decoration: none;

}

.sc_menu span {

display: none;
margin-top: 3px;
text-align: center;
font-size: 12px;
color: #fff;

}

.sc_menu a:hover span {

display: block;

}


.sc_menu a:hover img {

filter:alpha(opacity=50);
opacity: 0.5;

}

/* ----komment ---------------------------- */




.komment
{
  clear:left;
  width:547px;
  margin-top:20px;
}

.komment .fejlec
{
   background-image:url(pic/komment-felso.jpg);
   background-repeat: no-repeat;
   background-position: bottom left;  
   height:21px;
   clear:left;


}

.komment .fejlec .nev
{
  float:left;
  padding:5px;
  padding-bottom:11px;
  font-weight:bold;
}

.komment .fejlec .datum
{

  float:left;
  padding:5px;
  margin-bottom:5px;
  color:#777777;

}

.komment .szoveg
{
  clear:left;
  background:url(pic/komment-hatter.jpg) repeat-y;  
  padding:5px;
  padding-left:9px;
  padding-right:9px;
}

.komment .also
{
   background:url(pic/komment-also.jpg) no-repeat;  
   clear:left;
   width:547px;
   height:9px;

}








/* --- video  --------------------------------------------------- */

.videolista
{
  padding-bottom:8px;
  clear:left;

}

.videolista .kep
{
  padding:3px;
  margin:0px;
  background:#292929;
  text-align:center;
  float:left;
}

.videolista .leiras
{
  float:left;
  padding-left:10px;
}

.videolista .info
{
  float:left;
  padding-left:10px;
}

.videolista .info .cim
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #AC1421;
}
.videolista .info .szoveg
{
 padding-top:5px;
 clear:left;
 float:left;

}

.videolista .info .cim a:link
{
 font-family:  arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight:bold;
 color: #AC1421;
 height:13px;
 clear:left;
 float:left;

}


.videolista .info .cim a:active
{
 font-family:  arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight:bold;
 color: #AC1421;
 height:13px;
 clear:left;
 float:left;

}

.videolista .info .cim a:visited
{
 font-family:  arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight:bold;
 color: #AC1421;
 height:13px;
 clear:left;
 float:left;

}

.videolista .info .cim a:hover
{
 font-family:  arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight:bold;
 color: #000000;
 height:13px;
 clear:left;
 float:left;

}





.videolista .elvalaszto
{
   clear:left;
   eight:5px;
   padding-top:5px;
}





/* -------- video ------------------------------------ */
.video *a{position:relative;} 

.video
{

   clear:left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   margin-top:0px;
   margin-bottom:0px;
   padding-bottom:3px;
   width:100%;
}


.video .kep
{
 width: 354px;
 float:left;
 text-align:center;
 padding:4px;
}


.video .leiras
{
  width: 230px;
  float:left;
  padding-left:6px;
}

.video .leiras .cim
{

   width: 230px;
   clear:left;
   font-family: Arial, Helvetica, sans-serif;
   color: #AC1421;
   font-size:14px;
   float:left;
   padding-bottom:10px;
   font-weight:bold;
}

.video .leiras .szoveg
{
  width: 230px;
   clear:left;
   float:left;
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
   float:left;
   font-weight:normal;
}



.video .elvalaszto
{
   clear:left;
   padding-top:4px;
   padding-bottom:3px;
   height:5px;
   
}







/* --- diszkografia --------------------------------------- */


.diszkografialista
{
 font-family:  arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight:bold;

 float:left;
 width:124px;
}

.diszkografialista .cont
{
 width:105px;
 padding-left:5px;
 padding-top:5px;
 padding-bottom:5px;
 background:#222222;
 height:160px;
 margin-bottom:10px;
}

.diszkografialista a:link {font-family: arial,Helvetica ;text-decoration: none; color:#ffffff; font-size: 11px; ;font-weight: normal; }
.diszkografialista a:active {font-family:  arial, Helvetica;text-decoration: none; color:#ffffff;font-size: 11px;font-weight: normal; }
.diszkografialista a:visited {font-family: arial,Helvetica ;text-decoration: none; color:#ffffff; font-size: 11px; font-weight: normal; }
.diszkografialista a:hover {font-family:  arial,Helvetica ;text-decoration:underline; color:#F58D48; font-size: 11px; font-weight: normal; }


.diszkografialista .kep
{
 margin-top:0px;
 margin-bottom:8px;
}

.diszkografialista .kep img
{
  width:100px;

}

.diszkografialista .albumcim
{
  width:100px;
  padding-left:1px;
  font-size:9px;
}
.diszkografia .kep
{
  margin-top:4px;
  height:240px;
  float:left;

}
.diszkografia .kep img
{
  border:2px solid #222222;

}
.diszkografia .info1
{
 float:left;
 width:250px;
 margin-left:20px;
 margin-bottom:20px;
}

.diszkografia .info2
{

 float:left;
 width:226px;
 margin-top:10px;
 margin-left:2px;
 margin-right:15px;
 margin-bottom:10px;
}

.diszkografia .info1 .cimke
{
 padding:0px !important;
 margin:0px !important;
 margin-bottom:5px;
  font-size:12px !important
  font-weight:bold;
}
.diszkografia .info2 .cimke
{

  padding:0px !important;
  margin:0px !important;
  margin-bottom:5px;
  font-size:12px !important
  font-weight:bold;
}



.diszkografia ul
{
  clear:left;
  margin:1px 0px 0px 0px;
  padding:0px 0px 0px 0px;

}

.diszkografia .info1 li
{
  margin:1px 2px 2px 21px;
  padding:0px 0px 0px 4px;
  width:250px;
  list-style:square;
  color:#ffffff;
}
.diszkografia .info2 li
{
  margin:1px 2px 2px 21px;
  padding:0px 0px 0px 4px;
  list-style:square;
  color:#ffffff;
}


.diszkografia .albumcim
{
  margin-bottom:9px;
  font-size:15px;
  font-weight:bold;
}


/* ----- dalszoveg ---------------------------------- */

.dalszoveg .kep
{
  margin-top:4px;
  width:110px;
  height:120px;
  float:left;

}
.dalszoveg .kep img
{
  border:2px solid #222222;

}
.dalszoveg .info1
{
 float:left;
 width:320px;;
 margin-top:4px;
 margin-left:10px;
 margin-bottom:20px;
}

.dalszoveg .info2
{

  float:left;
  width:99%;
  margin-top:10px;
  margin-left:10px;
  margin-bottom:10px;
  text-align:left;
}

.dalszoveg .info1 .cimke
{
  margin:0px !important;
  padding:0px !important;
  margin-bottom:5px;
  font-size:13px !important;
  height:auto !important;
  padding-left:0px !important;
  padding-bottom:0px !important;
}

.dalszoveg .info1 .cimke2
{
  margin:0px !important;
  padding:0px !important;
  margin-bottom:5px;
  font-size:13px !important;
  height:auto !important;
  padding-left:0px !important;
  padding-bottom:0px !important;

}









/* -------- dalszoveg listav ------------------------- */


.listNav { margin:0 0 10px;}
.listNav a { font-size:0.9em; display:block; float:left; padding:2px 6px;
    border:1px solid silver; border-right:none; text-decoration:none }
.listNav a.ln-last { border-right:1px solid #555555; }
.listNav a:hover,
.listNav a.ln-selected { background-color:#444444;}
.listNav a.ln-disabled { color:#ccc }
.listNav .ln-letterCount { text-align:center; font-size:0.8em; line-height:1;
    margin-bottom:3px; color:#888888; } /* extra styling using jquery.listnav.js internally used class name */




.linkek ul
{
 list-style-type:none;
  margin-left:0px;
  padding-left:0px;
}

.linkek li
{
  margin-left:2px;
  margin-bottom:8px;
  list-style-type:none;
  width:100%;
  border-bottom:1px solid #2a1010;
  padding-bottom:5px;
}