body, ul, li, a, img, p, h1, h2, h3, form {padding: 0; margin: 0; border: 0;}

body {background: #505050; font: 12px tahoma; color: #1c1d21; overflow-x: hidden;}
a {color: #303030; text-decoration: underline;}
ul {list-style-image: url("images/web/odrazka.gif");}
h1 {font: 18px tahoma; color: #e90909; padding-top: 17px;}/*21*/
h2 {font: 18px tahoma; color: #e90909; padding-top: 22px;}/*25*/
p {padding-top: 19px; line-height: 18px;}
input.red {background: url(images/web/kosik-prejit.gif) repeat-x; color:white; font-weight:bold; border:0;}
input.red_b {background: url(images/web/kosik-prejit.gif) repeat-x; color:white; font-weight:bold; border:0; position: relative; left: 195px;}
input.red_c {background: url(images/web/kosik-prejit.gif) repeat-x; color:white; font-weight:bold; border:0; position: relative; top: -32px;}

.bold {font-weight: bold;}
.zarazka {clear: both;}
.submit {font: bold 10px tahoma; color: #ffffff; background: url("images/web/submit.gif") repeat-x; height: 17px; border: 0;}
.vyrovnavac-cena {height: 199px;}
.vyrovnavac-button {height: 224px;}
/*.submit, .kosik-vymazat, .kosik-prejit, .detail-button {text-transform: capitalize;}*/

#content {background: #a6d7f4 url("images/web/background.gif") repeat-x;}
#stred {margin: 0 auto; width: 1059px;}

.strankovani2{clear: both; text-align: center;}
.strankovani2 a{clear: both; text-align: center;}

#top-img {background: url("images/web/top-img.jpg") no-repeat; height: 143px; width: 1059px;}
#top-img a {position: relative; top: 47px; left: 33px; width: 342px; height: 71px; display: block;}

#top-menu {text-align: center; height: 42px; text-align: center;}
#top-menu ul {list-style-type: none; list-style-image: none; margin-left: 205px;}
#top-menu ul li {float: left; display: inline;}
#top-menu ul li a {background: url("images/web/top-menu-oddelovac.gif") right bottom no-repeat; font: bold 12px tahoma; color: #ffffff; text-decoration: none;
 padding: 12px 15px 0 15px; display: block; float: left; height: 30px;}
#top-menu ul li .none{background: none; font: bold 12px tahoma; color: #ffffff; text-decoration: none;
 padding: 12px 15px 0 15px; display: block; float: left; height: 30px;}
#top-menu ul li a:hover {text-decoration: underline;}
#top-menu ul li a.posledni, #navigace a.posledni {background: none;}

#obsah-webu {margin-top: 4px; float: left; margin-bottom: 4px; background: url("images/web/center-bg.gif") repeat-y;}

.sloupec {float: left;}
#vyhledavani {background: #ffffff url("images/web/vyhledavani.gif") 1px 1px no-repeat; width: 190px; text-align: center; padding-bottom: 10px;}
#vyhledavani form {width: 138px; margin: 0 auto;}
#vyhledavani input#text {background: url("images/web/vyhledavani-text.gif") no-repeat; width: 138px; height: 21px; margin-top: 50px; border: 0;}
#vyhledavani input.submit {float: right; margin-top: 4px;}

#left-menu {background: #ffffff url("images/web/kategorie.gif") 1px 1px no-repeat; width: 190px; margin-top: 4px;}
#left-menu ul {list-style-image: none; list-style-type: none; padding: 34px 0 1px 1px; float: left;}
#left-menu ul li {background: url("images/web/li.gif") repeat-x;}
#left-menu ul li.aktiv {background: url("images/web/li-aktiv.gif") repeat-x;}
#left-menu ul li.aktiv a {background: url("images/web/a-aktiv.gif") 12px 9px no-repeat; padding: 4px 0 0 25px; height: 19px; width: 163px; display: block; color: #ffffff;}
#left-menu ul li a {background: url("images/web/odrazka.gif") 12px 9px no-repeat; padding: 4px 0 0 25px; height: 19px; width: 163px; display: block;
 font: 12px tahoma; color: #303030; text-decoration: none;}
#left-menu ul li a:hover {text-decoration: underline;}
#left-menu ul li ul {padding: 0; float: none;}
#left-menu ul li ul li {background: none;}
#left-menu ul li ul li a, #left-menu ul li.aktiv ul li a {background: url("images/web/odrazka.gif") 42px 9px no-repeat; padding: 4px 0 0 55px; width: 133px;
 height: 19px; color: #303030;}

#zajimavosti {background: #ffffff url("images/web/mohlo-by-vas-zajimat.gif") 1px 1px no-repeat; width: 190px; margin-top: 4px;}
#zajimavosti ul {padding: 39px 0 5px 0; list-style-image: none; list-style-type: none;}
#zajimavosti ul li a {background: url("images/web/odrazka.gif") 12px 9px no-repeat; padding: 4px 0 0 25px; display: block;
 font: 12px tahoma; color: #303030; text-decoration: none;}
#zajimavosti a {text-decoration: none;}
#zajimavosti a:hover {text-decoration: underline;}


#reklama {background: #ffffff url("images/web/reklama.gif") 1px 1px no-repeat; width: 190px; margin-top: 4px; min-height: 167px; padding-top: 20px; text-align: center;}
#reklama a {text-decoration: none;}
#reklama a:hover {text-decoration: underline;}

#vypis-obsahu {float: left; background: #ffffff url("images/web/obsah-bottom.gidf") left bottom no-repeat; margin: 0 4px; width: 615px; padding: 13px 28px 24px 28px;
 min-height: 565px;}

#navigace, #navigace a {color: #767676; font: bold 11px tahoma;}
#navigace a {background: url("images/web/navigace-a.gif") right no-repeat; padding: 0 7px 0 5px;}

#banner {text-align: center; margin-top: 16px;}
#banner a img {width: 617px;}

#doporucujeme {margin-top: 15px;}
.produkt {border: 1px solid #505050; float: left; text-align: center; width: 197px; margin: 3px 3px; background: url("images/web/produkt-bg.gif") bottom no-repeat;
 padding-bottom: 9px; height: 263px;}
.produkt .nahled-obrazek{ height: 110px;}
.produkt .detail-button{
background:transparent url("images/web/detail-bg.gif") repeat-x scroll 0 0;
width:83px; height:19px; color:#FFFFFF;font: bold 12px Tahoma; text-align: center; padding-top: 3px;}

.nazev {font: 12px tahoma; color: #e90909; text-decoration: underline; margin: 12px 0 16px 0; display: block;}
.nazev a {font: bold 12px tahoma; color: #e90909; text-decoration: underline;}
.cena {font: 12px tahoma; color: #e90909; text-decoration: none; margin: 0px 0 12px 0; display: block;}
.cena a {font: 12px tahoma; color: #e90909; text-decoration: none;}

.popis {text-align: left; margin-left: 15px; width: 170px; font-size: 10px;}
.priznak-ceny {/*margin-top: 2px;*/}
.priznak-ceny img {margin: 0 2px;}

.produkt table {margin: 0 auto;}
input.detail {background: url("images/web/detail-bg.gif") repeat-x; height: 22px; width: 83px; border: 0; font: bold 12px tahoma; color: #ffffff;}
input.do-kosiku {background: url("images/web/do-kosiku-bg.gif") repeat-x; height: 22px; width: 83px; border: 0; font: bold 12px tahoma; color: #ffffff; padding-bottom:3px; &padding:0;}



#kosik {background: #ffffff url("images/web/nakupni-kosik.gif") 1px 1px no-repeat; width: 190px; text-align: center; padding-bottom: 0px; text-align: center;}
#stav-kosiku {display: block; padding-top: 40px;}
#stav-kosiku-pocet {display: block; margin: 20px 0; font: 16px tahoma; color: #e90909;}
input.kosik-vymazat {background: url("images/web/kosik-vymazat.gif") repeat-x; height: 17px; font: bold 10px tahoma; color: #ffffff; border: 0; width: 90px; padding-bottom:3px;}
input.kosik-prejit {background: url("images/web/kosik-prejit.gif") repeat-x; height: 17px; font: bold 10px tahoma; color: #ffffff; border: 0; width: 90px; padding-bottom:3px;}

#prihlaseni {background: #ffffff url("images/web/prihlaseni-uzivatele.gif") 1px 1px no-repeat; width: 190px; text-align: center; /*padding-bottom: 0px; */text-align: center;
 margin-top: 4px;}
#prihlaseni form {padding-top: 46px; padding-bottom: 4px;}
#prihlaseni table {margin: 0 auto;}
input.prihlaseni-heslo, input.prihlaseni-jmeno {background: url("images/web/vyhledavani-text.gif") no-repeat; width: 138px; height: 21px; border: 0;}
td.login {text-align: right;}
td.login input.prihlaseni-button {background: url("images/web/kosik-prejit.gif") repeat-x; height: 17px; font: bold 10px tahoma; color: #ffffff; border: 0; margin-right: 2px;}
#user-status {font: bold 12px tahoma;}
#user-edit {text-align: left; margin-left: 27px; line-height: 23px; position: relative; left: -15px; padding-left: 15px;}
#user-edit-logged {text-align: left; margin-left: 27px; line-height: 23px; min-height: 50px; padding-top: 50px; text-align: center; position: relative; left: -15px;}

#nejprodavanejsi {background: #ffffff url("images/web/nejprodavanejsi.gif") 1px 1px no-repeat; width: 190px; text-align: center; padding-top: 40px; text-align: center;
 margin-top: 4px;}
.nazev-nejprodavanejsi a {font: bold 12px tahoma; color: #e90909; text-decoration: underline; display: block; margin-bottom: 10px;}
.nejprodavanejsi a {display: block;}
.nejprodavanejsi-cena {font-size: 14px; font-weight: bold; display: block; margin-top: 3px;}

#paticka {padding: 30px 0; text-align: center; font: 11px tahoma; color: #ffffff;}
#paticka a {font: 11px tahoma; color: #ffffff;}

/**************************** detail produktu *************************************/
#detail-produktu h1 {float: left; padding-right: 10px;}
#detail-produktu img {margin: 15px 3px 0 0;}

/*.vypis-detailu-priznaky{ position: relative; top: -15px;}*/
#info {clear: both; float: left;}
#info .img {float: left; width:350px;}
#info table {margin-top: 5px;}
#info table td {height: 25px; font: 12px tahoma; vertical-align: middle;}
#info table td select {width: 142px;}
#info table td input {width: 22px;}
#info table td .info-bold {font-weight: bold; padding-right: 4px;}
.crossed {text-decoration: line-through;}
.your-price {font: 18px tahoma; color: #e90909;}
#info table td input.koupit {width: 102px; height: 42px; background: url("images/web/detail-produktu-button.gif") no-repeat; border: 0; margin-left: 5px; text-align: center;
 vertical-align: absmiddle; color: #ffffff; font-weight:bold;}
#info .bold {display: block;}



#zajimavosti h2, #reklama h2, #paticka h2 {padding: 0; margin: 0; font: 12px tahoma;}
#paticka h2 {display:inline;}


/* Opera */ 
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) 
{ 
head~body #user-status {padding: 3px 0 8px 0; display: block;}
head~body .nejprodavanejsi-cena {margin-top: 0;}
head~body .nazev-nejprodavanejsi a {margin-bottom: 8px;}
head~body #info table td input.koupit {padding: 0; height: 40px;}  
}


hr.cleaner {clear:both;display: none}
.brcko{clear: left;}
.clearboth { clear: both; }

.PopisProduktu{margin-top:25px;}
.TabulkaProduktu{position:absolute; margin-left:350px; &margin-left:200px;}


/* LIGHTBOX2 */
#lightbox{     position: absolute;     left: 0; _margin-top:50px; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/web/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/web/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%     ; }
#imageData{     padding:0 10px; color: #666; }background: url(../js) no-repeat;
width: 0px;
height: 0px;
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }     
#imageData #caption{ font-weight: bold;     }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;     }               
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}           
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* .LIGHTBOX2 */