/* CSS Document */
/* 1. HLAVNI NASTAVENI */
form {margin: 0px}
body {
  background-image:url('rezy/back.jpg');
  background-repeat: no-repeat;
  background-color: #000;
  background-position: center 0px;
	
	/*background: black;*/
	
  font-family:arial;
  color: #9A9A9A;
  font-size: 11px;
  #behavior:url('js/csshover3.htc'); 
  padding: 0px; margin:0px;
  margin-top: 00px;
}

strong {color: /*#fff*/}

p {margin: 0px}
a {color:#C6C6C6; }
a:hover {color:#89C740; }
li {list-style-type:none;}
ul {padding-left: 0px; margin-left: 0px}
li {padding-left: 0px; margin-left: 0px}
h3, h2, nadh3 {color: #8DC73D ; font-size: 15px; }

h3#mini {color: #8DC73D; font-size: 13px; }
.mini {color: #8DC73D; font-size: 12px; font-weight: bold }
.ink {background:black; border: 1px solid grey; color: #8EC641; text-align: left }

/* 2. HLAVNI LAYOUT */

#main {
  width: 960px; 
  display: block;
  /*background-image:url('rezy-final/background/back_05.gif');*/
  background-repeat: repeat-y;
  background-color: #000;
  
  }
  #main2 {
  width: 961px;
  display:block;
  overflow:hidden;
  position:relative; top:-0px;
  
  }
#levy {
  width: 236px; 
  display: block;
  float:left;
  height: 1230px;
  margin-right: 0px;
  }
#pravy {
  width: 721px; 
  display: block;
  float:left;
 overflow: hidden;

    }
#pravyl {
  width: 515px;
  display:block;
  float:left;
overflow: hidden;

margin-left: 0px;
margin-right: 5px;

height: auto;
}

#pravyr {
  width: 194px;

  display:block;
  float: left;
  overflow: hidden;
margin-left: 6px;
 

height: 1200px;

}
    
    
  
#menu  #navigace {width: 720px; padding: 0px; margin: 0px; margin-left:00px; height: 69px; }
#menu  #navigace li {width: 165px; height: 69px; display: block; float:left; border-right:0px solid #666666}
#menu  #navigace li a {width: 165px; height: 69px; display: block; float:left}
/*#menu  #navigace li:hover {background-position: 0px -48px;}*/
#menu  #navigace #p1 {background:url('rezy/menu1.jpg') 0px 0px no-repeat;width:164px}
#menu  #navigace #p2 {background:url('rezy/menu2.jpg') 0px 0px no-repeat;width:156px}
#menu  #navigace #p3 {background:url('rezy/menu3.jpg') 0px 0px no-repeat;width:95px}
#menu  #navigace #p4 {background:url('rezy/menu4.jpg') 0px 0px no-repeat;width:155px}
#menu  #navigace #p5 {background:url('rezy/menu5.jpg') 0px 0px no-repeat;width:140px;border-right:0px solid white}

#menu  #navigace #p1 a {width:164px}
#menu  #navigace #p2 a  {width:156px}
#menu  #navigace #p3 a  {width:95px}
#menu  #navigace #p4 a  {width:155px}
#menu  #navigace #p5 a  {width:140px}

/*#menu  #navigace li#p1:hover {background-position: 0px -48px;}
#menu  #navigace li#p2:hover {background-position: 0px -48px;}
#menu  #navigace li#p3:hover {background-position: 0px -48px;}
#menu  #navigace li#p4:hover {background-position: 0px -48px;}
#menu  #navigace li#p5:hover {background-position: 0px -48px;}*/

/* INDEX */  
#logo {border: 0px solid white; margin-bottom:0px; width: 236px; height:254px; display:block; background:url('rezy/logo.jpg') 0px 0px no-repeat; float: left}  
#logo a {width: 197px; height:245px; display:block;  float: left}  

#sortiment { padding-top: 00px; padding-left:10px; border: 0px solid white; width: 236px;
 /*#width:197px; */ height:640px; display:block;background:url('rezy/novy_07.jpg') 0px 0px no-repeat;/* background:#0F0F0F;*/ 
 float: left; margin-left: 0px; font-family:tahoma}

#menu {background:url('rezy/back1.jpg') 4px 0px no-repeat; #background-position: 5px 0px; border: 0px solid white; width: 740px; display:block; height:69px;  float:left;  padding-top:0px; margin-bottom:0px; margin-left: -1px; #margin-left: -2px;}
#panel {color:#D5DE23; margin-left: 3px;  margin-bottom: 8px; width:525px; margin-top:0px; height:177px; display:block; float:left; 
background-image:url('rezy/lighthop_cz.jpg');background-repeat:no-repeat; border: 0px solid white}
#panel h1 {font-size: 30px; margin:3px}
#panel h2 {font-size: 14px; margin:3px; margin-top: 10px; margin-bottom:5px; color: #8DC540}
#panel h2.homepage {font-size: 12px; margin:3px; color: #A9A9A9 }

#panelmini {margin-left: 3px; margin-top: 0px; margin-bottom: 8px; width:510px; padding-top:3px; 
height:50px; #height:65px; display:block; 
float:left; background-image:url('rezy/lighthop_cz.jpg');background-repeat:no-repeat;}
#panelmini h1 {color:#D5DE23; font-size: 32px; margin: 0px; text-decoration:none}

#obsah {width:517px; #width:520px; border:0px solid white; display:block; float: left; 
text-align:left; padding:6px; padding-left: 4px; padding-top: 15px; font-size: 12px; background:#1A1A1A;
/*background:url('rezy/spodni2.jpg') 0px 0px no-repeat #252525 */ ;
margin-lefT: 3px; margin-top: 0spx;
}
#obsah img.hp {margin-bottom: 10px}
#obsah h2 {color: #8DC73D; }

#panel div {position:relative; top: 10px;}



#kosik {overflow: hidden; margin-top: 0px; /*padding-top:110px;*/ width: 193px; #width: 192px; display:block; 
float:left; height: 185px; background-image:url('rezy/rezy_06.jpg'); background-repeat: no-repeat; border: 0px solid white;}
#kosik #akosik {width: 193px; display:block; float:left;height:110px;position:relative; top:000px; #top:0px;}

#kosik2 {padding-right:75px; padding-top: 12px; margin-top: 3px; width: 169px; #width: 240px; height:71px; #height:83px; display:block; float: left; background-image:url('rezy-final/kosik2.gif');background-repeat: no-repeat; }
#nej {background:url('rezy/novy_10.jpg') 0px 0px no-repeat; padding-top: 15px;
margin-bottom: 5px; margin-top: 5px;width: 195px; #width: 192px; height: 460px; display: block; float: left;}
.box {margin-left: 0px; margin-top: 0px; height: 170px; text-align:left; width: 194px; float:left;  
padding-top: 70px; padding-left:10px; background-image:url(rezy/novy_14.jpg); background-repeat: repeat-y;  }
.box a img {border: 0px }

#nejnadpis { width: 193px; #width: 192px; height: 47px; display:block; border: 0px solid #C1C1C1;}
#novinky {margin-top: 3px; border: 0px solid #C1C1C1; width: 193px; #width: 192px; height: 232px; display:block; 
background:url('rezy/boxik.jpg') 0px 0px no-repeat; float: left}

#kosik2 #cenanakupu {display:block; font-size: 17px; font-weight:bold;position:relative; left: -20px;}
#kosik2 #castka {display: block; color:#8CC540; font-size: 30px; margin-top: 8px; position:relative;left: -20px; }
#kosik2 a {width: 230px;  height:71px;display:block; text-decoration:none; }

#nassortiment {margin-top:0px;display: block; float:left; width:172px; height:26px;  margin-bottom:13px; margin-left: 0px }
#sortiment div.podklad  {text-align: left;  background-repeat:no-repeat; 
background-position: 8px 0px; padding-top: 25px; display:block; float:left;  }
#sortiment div.podklad h2, #sortiment div.podklad h1 {font-size: 13px; margin: 0px; font-weight:normal; font-family:tahoma}
.odkazmenu {text-decoration: none; font-size: 16px}
#nassortiment a {display:block; width:200px; height:25px; position: relative; top:25px;  }


.nejprodukt {margin-top: 5px;width: 193px; #width: 192px; height: 200px; display: block; float: left; border: 0px solid white; 
background-image:url('rezy/nejoblibenejsi.jpg'); padding-top: 5px}
.nejprodukt span.nej-jmeno a {font-size: 12px; color: #8DC73D; text-decoration: none; margin-top: 12px; margin-left: 5px; float:left;}
.nejprodukt span.nej-cena {float:right; margin-top: 12px; margin-right: 12px; font-size: 12px; margin-bottom:4px}
.sort {margin:0px; padding:0px; margin-bottom:15px; margin-top:5px; }




ul.fotky {display: block}
ul.fotky li {width: 170px; height: 170px; display:block; margin:1px; /*background:#404040; */float: left; margin-bottom: 15px; #margin:0px }
.dokosiku {margin: 5px; margin-right:18px; width: 125px; height: 89px; #height: 179px; display:block; background:url('rezy-final/kosik.gif') 0px 0px no-repeat; padding-top: 90px; text-align:center; }
.dokosiku span.popis { font-size:17px; color: white; font-weight: bold; display:block; }
.dokosiku span.popis2 { font-size:12px; color: white; font-weight: bold; display:block;  padding: 3px  }
.dokosiku span.cena { font-size:15px; color: white; font-weight: bold; display:block; float:left; margin-left: 7px; #margin-left: 5px; margin-top: 4px;   }
.dokosiku span.kusy { float:right; font-size:12px; color: white;  display:block;  margin-right: 7px; #margin-right: 4px; margin-left: 8px; #margin-left: 0px; margin-top: 4px; #margin-top: 2px  }
.dokosiku span.kusy input {background:black; border: 1px solid grey; color: #8EC641; text-align: right; width: 19px; height: 17px;  #height: 19px}
.dokosiku span.vlozit {display:block; width: 97px; height: 26px; display:block; margin-top: 25px; }
.dokosiku span.vlozit input {display:block; width: 97px; height: 26px; display:block; background:url('img/vlozit.gif') 0px 0px no-repeat; border: 0px; margin-left: 13px; margin-top: 8px; }
.dokosiku span.vlozit input:hover {background-position: 0px -26px; }

ul.novinky {margin-top: 15px; }
ul.novinky li {margin-top: 8px; }
ul.novinky li a { width: 162px; height:33px; display:block; }

ul.novinky li#prvni {background:url('rezy/dopr.gif') 0px 0px no-repeat; width: 162px; height: 33px; display:block; }
ul.novinky li#druhy {background:url('rezy/dodani.gif') 0px 0px no-repeat; width: 162px; height: 45px; display:block; }
ul.novinky li#treti {background:url('rezy/prihlaseni.gif') 0px 0px no-repeat; width: 177px; height: 42px; display:block; }
ul.novinky li#prvni:hover {background-position: 0px -33px; }
ul.novinky li#druhy:hover {background-position: 0px -45px; }

#novinky input {background: #010101; border: 1px solid #323232; width: 130px; height: 15px; color: #b1b1b1; font-size: 11px}
#novinky table td {color: #b1b1b1; font-size: 11px;}

#loginbutton {margin-left: 10px; width: 98px !important; height:24px !important; border: 0px !important; background:url('rezy/prihlas.gif') !important}
#loginbutton:hover {background-position: 0px -24px !important }


ul.kos {margin:5px 0 10px 0px}
ul.kos li {margin: 0px; width: 490px; height: 28px; display:block; /*background:url('rezy-final/lista.gif') 0px 0px no-repeat;*/ 
background: #292929; border: 0px solid #999999;  border-bottom: 0px dotted #333333; margin-bottom: 2px; #margin-bottom: 1px; font-size: 12px; font-weight: bold; 
padding-top: 0px; padding-left: 10px; color: #8DC73D }
ul.kos li span.popis {float: left; padding-top: 8px; color:#00938F}
.cenakos { color: #8DC73D }
ul.kos li span.popis h3 {color:/*#CCFF99*//*#E0E0E0*//*#00D9D3/*#D94EB0#E0E0E0*/ /*#00FFF6*/; font-family: verdana; font-size: 12px}


ul.kos li span.kusy  {padding-top: 5px; float:right; font-size:12px;   display:block;  margin-right: 5px; #margin-right: 5px; margin-left: 8px; #margin-left: 0px; position:relative; #top: -4px; #left: 5px; }
.kusyin {background:black; border: 1px solid grey; color: #8EC641; text-align: right; width: 19px; height: 19px;  #height: 19px}


ul.kos li ul.kosmini {float:right; background:url('img/kosmini.gif') 0px 0px no-repeat; width:40px; height:25px;   }

ul.kos li input.kosmini {float:right; cursor: pointer; background:url('rezy/dokosiku.gif') 0px 0px no-repeat; width:84px; height:19px; border: 0px; margin-top: 4px;margin-right:10px; #margin-right:2px;  #margin-left:5px;}
ul.kos li input.kosmini:hover {background-position: 0px -19px; } 

#kostable {font-size:12px; border: 0px solid black; border-collapse: collapse; text-align:center; background:#1A1A1A; width: 510px }


#kostable input {background:black; border: 1px solid grey; color: #8EC641; text-align: right; margin-top: 10px; width: 25px; height: 25px;  #height: 19px }

#kostable #prvni { /*background:url('img/kos.gif') 0px 0px no-repeat; */}

#koshome {margin:0px; padding: 0px}
#koshome li {float: left; margin-left: 15px; background: #1B1B1B; display: block; height: 20px; #height: 29px; width: 170px; font-size: 9px; color: #9B9B9B; padding-top: 8px; margin-top: 10px;}
#koshome li span.l {float:left; margin-left: 5px;}
#koshome li span.r {float:right; margin-right: 5px; }

span.popisky {margin:0px; display: inline; font-size: 12px; margin-right: 6px; /*color: #8DC73D;*/ font-weight:bold }
#textsuma {background: #1A1A1A; border: 0px; width: 75px; font-size: 25px; color: #8DC73D; position: relative; #top: 3px}


.vyber li {
border: 1px solid #8DC73D; 
display: block; 
width: 240px; 
height: 68px;

float: left; 
margin-right: 6px;
margin-bottom: 6px; 
color: #8DC73D;
font-size: 19px;
font-weight: bold;
text-align: center;

}
.vyber li a {padding-top: 20px; text-decoration:none; color: #8DC73D; display: block; width: 240px; height: 48px; #heighT:68px}
.vyber li:hover {background: #333333; }




#bottom {text-align:left; background:url('rezy/dole.jpg') 0px 0px no-repeat; width:960px; height:90px; display:block; margin-top:15px}
#bottom span {position:relative; font-size: 12px; top:26px; left: 20px; color: #4B4B4B}


#homeul {margin: 0px; padding: 0px; height: 522px; display:block}
#homeul li {width: 116px; height: 166px; display:block; float:left; margin-right: 8px; margin-top: 8px;}
#homeul li a img {border:0px;}


.ramecekfotka {border: 0px solid white;}

.ramdole {border-bottom: 8px solid black}

.fs12 {font-size:12px}

h2.fs12 a {text-decoration: none;}
h2.fs12 a:hover {text-decoration: underline; }

.barva {color: #A5DC05}

.sort li  { margin-bottom: 4px !important;}
.sort li a h2 {font-size: 12px !important; font-family:  verdana !important;    color: #C4C4C4;
 }
.sort li a h2:hover, .odkazmenu:hover  {color: #A5DC05; text-decoration: underline; }

.sortmenu {font-size: 12px; margin: 0px; font-weight:normal; color: #C4C4C4; font-family: verdana}
.sortmenu:hover {color: #A5DC05; text-decoration: underline;}


.kosbutton {background:black; border: 1px solid #8DC73D; color:#8DC73D; width: 220px; height: 40px; margin-right:20px }
.kosik2cena {font-weight:bold}

td input {background: #cccccc; border: 1px solid #666666; height: 21px}
input.kosik2radio {width:15px; height:15px; border: 0px; color: black !important}

span.bezdph {color:#666666; font-size: 11px;}