body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Tahoma, Arial, verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: #3D3D3D;
        olor:#969982;
        color:#C2C7A1
}

td {
	font-family: Tahoma, Arial, verdana, Helvetica, sans-serif;
	font-size: 10px;
        color:#333333;

}


.eu {
    transition: all 0.4s;
    // width: 100%;
    /* float: right; */
    top: 0;
    right: 0;
    position: absolute;

    z-index: 343333;
}
.eu   img {

        float: right;
        width: 250px
    }
 



a:link {font-family: Tahoma, Arial, verdana, Helvetica, sans-serif;text-decoration: none; color:#30B4EE; font-size: 12px; ;font-weight: bold;}
a:active {font-family: Tahoma, Arial, verdana, Helvetica, sans-serif;text-decoration: none; color:#30B4EE;font-size: 12px;font-weight: bold;}
a:visited {font-family: Tahoma, Arial, verdana, Helvetica, sans-serif;text-decoration: none; color:#30B4EE; font-size: 12px; font-weight: bold;}
a:hover {font-family:  Tahoma, Arial, verdana, Helvetica, sans-serif;text-decoration:underline; color:#272727; font-size: 12px; font-weight: bold;}



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


#alap
{
  width: 985px;
  adding-top:15px;
  margin:0 auto;
}

#alap2
{
  width: 985px;
  margin:0 auto;
  background: url(/theme/rulez2007/pic/hatter.jpg) repeat-y;
  ackground: url(/theme/rulez2007/pic/hatter.gif) repeat-y;
}

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

#kozep
{
  width:490px;
  float:left;
}

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

#bal .content
{
}


#kozep  .content
{
  width:478px;
}

#jobb .cimke
{
  padding:0px;
  margin:0px;
}

#jobb .content
{
  padding-left:10px;
  padding-right:17px;
  idth:165px;
  padding-top:0px;
  margin-top:0px;

}





.loginform
{
  
  padding-left:20px;
  padding-top:2px;
  margin:0px;

}

.logingomb
{
  
  padding-left:20px;
  padding-top:2px;
  margin:0px;

}

.fcimke
{
  width:50px;
  float:left;
  padding-top:2px;
}

.hirlevel1
{
   background-color: #ffffff; 
   color:#111111;
   font-family: verdana, arial, helvetica;
   font-size: 11px;
   float:left;
   width:100px;
   padding:1px;
   border: 0px solid #dddddd;
   margin-top:2px;
   margin-bottom:3px;
}



.fomenu 
{

  font-weight:bold;
  font-size:12px;
  padding-left:18px;
  padding-right:8px;
  margin-bottom:5px;
}


.almenu
{

  font-weight:bold;
  font-size:12px;
  padding-top:1px;
  padding-left:5px;
  padding-right:4px;
  margin-bottom:5px;

}

.almenu2 
{

  font-weight:bold;
  color:#ffffff;
  padding-top:3px;
  padding-left:5px;
  padding-right:10px;
  padding-bottom:10px;
}

.almenu2 a:link {font-family: Tahoma, Arial, verdana, Helvetica, sans-serif;text-decoration: none; color:#ffffff; font-size: 11px; ;font-weight: bold;}
.almenu2 a:active {font-family: Tahoma, Arial, verdana, Helvetica, sans-serif;text-decoration: none; color:#ffffff;font-size: 11px;font-weight: bold;}
.almenu2 a:visited {font-family: Tahoma, Arial, verdana, Helvetica, sans-serif;text-decoration: none; color:#ffffff; font-size: 11px; font-weight: bold;}
.almenu2 a:hover {font-family:  Tahoma, Arial, verdana, Helvetica, sans-serif;text-decoration:underline; color:#322222; font-size: 11px; font-weight: bold;}


#kerdes
{
  font-family: Tahoma, Arial, verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:bold;
  color:#fe3333;
}

#valasz
{
  font-family: Tahoma, Arial, verdana, Helvetica, sans-serif;
  font-size: 11px;
  color:#333333;
  margin-bottom:8px;
}
.kerdes
{
  font-family: Tahoma, Arial, verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:bold;
  color:#fe3333;
}

.valasz
{
  font-family: Tahoma, Arial, verdana, Helvetica, sans-serif;
  font-size: 11px;
  color:#333333;
}



#jobb ul 
{
  margin: 2px;
  padding: 0px;
  padding-left:5px;
  padding-bottom:3px;
  isplay: block;
}           

#jobb li
{
  margin:0px;
  padding:0px;
  padding-bottom:3px;
  float:left;
  list-style: none;
  font-family: Tahoma, Arial, verdana, Helvetica, sans-serif;
  font-size: 10px;
  color:#cccccc;
  font-weight:normal;
  width:230px;
}           
#jobb a:link {font-family: Tahoma, Arial, verdana, Helvetica, sans-serif;text-decoration: none; color:#cccccc; font-size:10px; ;font-weight: normal;}
#jobb a:active {font-family: Tahoma, Arial, verdana, Helvetica, sans-serif;text-decoration: none; color:#cccccc;font-size:10px;font-weight: normal;}
#jobb a:visited {font-family: Tahoma, Arial, verdana, Helvetica, sans-serif;text-decoration: none; color:#cccccc; font-size:10px; font-weight: normal;}
#jobb a:hover {font-family:  Tahoma, Arial, verdana, Helvetica, sans-serif;text-decoration:underline; color:#373737; font-size:10px; font-weight: normal;}



/* -------- arlista  ------------------------------------ */

.arlista
{

}

.arlista .arkep
{
  width:97px;
  float:left;
}

.arlista .arinfo
{
  width:300px;
  float:left;
  padding-left:5px;
}




.arlista .cimke
{
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   color: #ffffff;
   float:left;
   clear:left;
   padding-top:9px;
   padding-bottom:0px;
   margin-bottom:5px;
}
.arlista .datum {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-weight: normal;
   color: #E8C322;
   float:left;
   clear:left;
}



.arlista .elvalaszto
{

}

  



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

.hirek
{

}

.hirek .cim
{
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   color: #ffffff;
   float:left;
   clear:left;
   padding-bottom:10px;
}
.hirek .datum {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-weight: normal;
   color: #E8C322;
   float:left;
   clear:left;
}

.hirek  .szoveg
{
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #C2C7A1;
   float:left;
   clear:left;
   padding-bottom:10px;
   width:100%;

}

.hirek  .tovabb
{
   float:left;
   clear:left;

}




.hirek .elvalaszto
{

 margin-bottom:10px;

}

  

.hirek .szoveg img
{
 padding:3px;
 background:#424242;


}






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


.termeklista
{

  float:left;
  clear:left;
  order:1px solid #ff0000;
  width:489px;
  padding-bottom:13px;
}

.termeklista .kep
{
  order:1px solid #444444;
  ackground:#f3f3f3;
  width:133px;
  float:left;
  margin-right:5px;
  text-align:center;
  eight:90px;
}


.termeklista .termeknev
{
  font-size:15px;
  width:345px;
  float:left;
}

.termeklista .termeknev a:link
{
  font-size:15px;
  font-weight:bold;
  color:#C2350B;
  text-decoration:underline;
}

.termeklista .termeknev a:visited
{
  font-size:15px;
  font-weight:bold;
  color:#C2350B;
  text-decoration:underline;
}

.termeklista .termeknev a:activ
{
  font-size:15px;
  font-weight:bold;
  color:#C2350B;
  text-decoration:underline;
}

.termeklista .termeknev a:hover
{
  font-size:15px;
  font-weight:bold;
  color:#222222;
  text-decoration:underline;
}


.termeklista .elvalaszto
{
  border-bottom:1px solid #F6DC23;
  width:100%;
  padding-top:9px;
}


.termeklista .ar
{
  width:345px;
  float:left;
  order:1px solid #f444f4;
} 

.termeklista .dbform
{
  display:inline;
  padding:0px;
  margin:0px;
}
.termeklista .db
{
  font-size:9px;
  font-weight:bold;
  width:20px;
  border:1px solid #bdbdbd;
  margin-left:1px;
  text-align:right;
  padding:1px;
} 

.termeklista .tovabb
{
  width:345px;
  float:left;
} 





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


.termekinfo
{

  float:left;
  clear:left;
  order:1px solid #ff0000;
  width:489px;
  padding-bottom:13px;
}

.termekinfo .kep
{
  order:1px solid #444444;
  ackground:#e3e3e3;
  width:220px;
  float:left;
  margin-right:9px;
  adding:4px;
  text-align:center;
}

.termekinfo .termeknev
{
  font-size:15px;
  width:479px;
  float:left;
  padding-bottom:5px;
  font-weight:bold;
}

.termekinfo .termeknev a:link
{
  font-size:15px;
  font-weight:bold;
  color:#C2350B;
  text-decoration:underline;
}

.termekinfo .termeknev a:visited
{
  font-size:15px;
  font-weight:bold;
  color:#C2350B;
  text-decoration:underline;
}

.termekinfo .termeknev a:active
{
  font-size:15px;
  font-weight:bold;
  color:#C2350B;
  text-decoration:underline;
  font-weight:bold;
}

.termekinfo .termeknev a:hover
{
  font-size:15px;
  font-weight:bold;
  color:#222222;
  text-decoration:underline;
}


.termekinfo .elvalaszto
{
  border-bottom:1px solid #F6DC23;
  width:100%;
  padding-top:9px;
}


.termekinfo .info
{
 float:left;
 width:250px;
}

.termekinfo .leiras
{
 margin-top:5px;
 margin-left:2px;
 float:left;
 clear:left;
 width:487px;
}

.termekinfo .kiskepek
{
 margin-top:15px;
 float:left;
 clear:left;
 width:489px;
}

.termekinfo .kiskepek img
{
 border:2px solid #dedede; 
}
.termekinfo .kep img
{
 border:3px solid #dedede; 
}

.termekinfo .ar
{
  width:345px;
  float:left;
  border:2px solid #eeeeee;
  background:#F66844;
  font-size:12px;
  font-weight:bold;
  width:240px;
  padding:4px;
  margin-bottom:5px;
  color:#ffecec;

} 
.termekinfo .ar b
{
  color:#ffffff;
  font-size:15px;
}
.termekinfo .tovabb
{
  float:left;
} 


.termekinfo .db
{
  font-size:9px;
  font-weight:bold;
  width:20px;
  border:1px solid #bdbdbd;
  margin-left:2px;
  text-align:right;
  padding:1px;
 
} 



.elvalaszto2
{
  padding-bottom:1px;
  margin-bottom:25px;
  border-bottom:1px solid #eeeeee;

}




/* -- termeklista oldalkosar -------------------------------- */




.termeklista_oldalkosar
{



}

.termeklista_oldalkosar .cim
{

  font-size:13px;

}


.termeklista_oldalkosar .ar
{
  border-bottom:1px solid #648D13;
  padding-bottom:2px;
  margin-bottom:2px;
  

}
/* -- keresform -------------------------------- */


.keresform
{


}

.kgomb
{
padding-left:50px;
}



.clear
{

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

}




/* urlapkezelo!!! */











.form_container
{

  width: 480px;
  argin:0 auto;
  ackground:#eeeeee;
  padding:5px;
  font-family: arial, verdana, sans;
  order:1px solid #ff0000;
  font-size:10px;
  color:#333333;
}

.urlapsor 
{
  lear:left;
  border-bottom:1px solid #f5f5f5;
  eight:22px;
  ackground:#eeeeee;
  argin-bottom:2px;
  min-height:22px;
  height:auto !important;
  height:22px;
  font-family: arial, verdana, sans;
  clear: both;
  verflow: hidden;
  margin-top:4px;
}

.form_container .form-label
{
  float:left;
  order:1px solid #ff00f0;
  display: block;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
  font-family: arial, verdana, sans;
 font-size:11px;
}

.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:#cccccc;
  order:1px solid #ff0000;
  height:100%;
  padding-top:2px;
  padding-left:2px;
}

.form_container .form-textbox
{
  float:left;
  order:1px solid #aEa592;
  ackground:#f3f3f3;
  margin-right:3px;
  font-size: 10px;
  font-family: arial, verdana, sans;
}

.form_container .form-textarea
{
  float:left;
  order:1px solid #DED5C2;
  margin-right:3px;
  order:1px solid #aEa592;
  ackground:#DED5C2;
  font-size: 10px;
  font-family: arial, verdana, sans;
  
}
.form_container .form-select
{
  float:left;
  order:1px solid #DED5C2;
  margin-right:3px;
  order:1px solid #aEa592;
  ackground:#DED5C2;
  font-size:10px;
  font-family: arial, verdana, sans;
}

.form_container .form-upload
{
  float:left;
  order:1px solid #DED5C2;
  margin-right:3px;
  order:1px solid #aEa592;
  ackground:#DED5C2;
  font-family: arial, verdana, sans;
  font-size:10px;

}

.form_container .form-password
{
  float:left;
  order:1px solid #DED5C2;
  margin-right:3px;
  order:1px solid #aEa592;
  ackground:#DED5C2;
  font-family: arial, verdana, sans;
  font-size:10px;
  
}

.form_container .form-iframe
{
  float:left;
  order:1px solid #DED5C2;
  margin-right:3px;
  order:1px solid #aEa592;
  background:#DED5C2;
  
}
.form_container .form-checkbox
{
  float:left;
  order:1px solid #DED5C2;
  margin-right:3px;
  font-family: arial, verdana, sans;
  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
{
  margin-top:3px;
  border:0px;
  background:#87160A url(/theme/rulez2007/pic/button-alap_bal.gif) no-repeat;
  color: #E3DCCE;
  height:19px;
  position:relative;
  adding-bottom:1px;
  font-family: arial, verdana, sans;
  font-size:10px;
  ursor:hand;
  margin-bottom:4px;

}

.form_container .form-button-end
{
  margin-top:3px;
  display: inline;
  background:#87160A url(/theme/rulez2007/pic/button-alap_jobb.gif) no-repeat;
  width:2px;
  height:19px;
  position:absolute;

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


.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:#111111;
  margin-top:3px;
  margin-right:3px;
  font-weight:bold;
  font-size:11px;
  order:1px solid #ff0000;
}


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


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

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

}

.copy
{
 font-size:9px;

}

.copy a
{
 font-size:9px;
 color:#aaaaaa;
 font-weight:normal;
}


.contentfb
{
  margin-left:14px;
  height:360px;

}

.shop
{
  margin-left:14px;
  margin-bottom:14px;

}