* {margin:0px; border:none; padding:0px;}
:focus {outline:none;}

body {background:white url('pictures/pozadi.gif') repeat-x;
text-align:center;
color:#2c2c2c;
font-size:70%;
padding:20px 0px 50px 0px;
font-family:sans-serif;
letter-spacing:1px;
}

#telo {position:relative;
width:980px;
text-align:left;    
margin:auto;
}             

#header {position:relative;
width:980px;
height:270px;
background:white url('pictures/top.jpg') 233px 10px no-repeat;
}       
          
#header h1 a, #header h1 span {position:absolute;
left:10px;
top:10px;
display:block;
width:213px;
height:250px;
text-decoration:none;
float:left;
z-index:1;
color:white;
background:#0b426a;
cursor:pointer;
overflow:hidden;
}
#header h1 span {left:0px; top:0px; background:url('pictures/logo.gif') no-repeat;}              
#header h1 {font-size:140%;}

#header a {color:#0756a7;}
#header a:hover {color:#023467;}

#header h2 {font-size:160%; margin:0px 0px 5px 0px;}

#vyhledavani {position:absolute; top:20px; right:20px;}
#vyhledavani input {border:1px solid #2c2c2c; width:200px; color:#2c2c2c; padding:2px;}
#vyhledavani button {border:2px solid #2c2c2c; cursor:pointer; background:#2c2c2c; color:white; font-weight:bold;}

#osobni {position:absolute; top:58px; left:728px;}
#kosik {position:absolute; top:123px; left:728px;}

#header .osobni {position:absolute; top:120px; left:10px; height:46px; width:217px;}
#header .osobni div {padding:0px 5px 0px 5px;}
          
#header ul.menu {position:absolute; bottom:15px; left:233px; list-style-type:none;} 
#header ul.menu li {float:left; position:relative;} 
#header ul.menu a {display:block; float:left; background:url('pictures/odrazka.gif') left center no-repeat; height:35px; line-height:35px; color:white; font-weight:bold; text-decoration:none; padding:0px 15px 0px 16px;} 
#header ul.menu li.prvni a {background:none;} 
#header ul.menu a:hover {color:#bdd0eb;} 
#header ul.menu a.vyber, #header ul.menu a.vyber:hover {color:#ffb832;} 

#banner {position:relative;
width:711px;
height:70px;
background:url('pictures/banner.jpg') no-repeat;
margin:10px 0px 10px 0px;
}       
#banner2 {position:relative;
width:960px;
height:70px;
background:url('pictures/banner2.jpg') no-repeat;
margin:10px 0px 0px 0px;
}       
#banner3 {position:relative;
width:711px;
height:70px;
background:url('pictures/banner3.jpg') no-repeat;
margin:10px 0px 10px 0px;
}       

#kostra {position:relative;
width:960px;
_width:980px;
padding:0px 10px 20px 10px; 
background:white;
}

#levo {position:relative;
width:213px;
float:left;
}
#levo h2 {font-weight:normal; font-family:sans-serif; letter-spacing:1px; font-size:160%; overflow:hidden; color:#222222; height:35px; line-height:40px; margin:20px 0px 6px 0px;}
#levo form {margin:0px; padding:0px; position:relative;}
#levo input {width:144px; _width:154px; font-size:100%; color:#a1a1a1; height:18px; _height:23px; padding:5px 5px 0px 5px; border:0px; background:#f1f1f1 url('pictures/input.gif') no-repeat;}
#levo button {position:absolute; cursor:pointer; right:0px; top:-6px; width:34px; height:35px; border:none; padding:0px; margin:0px; background:url('pictures/button.gif') no-repeat; color:black;}
#levo button span {display:none;}

h2#newsletter {padding:0px 0px 0px 50px; background:url('pictures/newsletter.gif') left center no-repeat;}
h2#podpora {padding:0px 0px 0px 42px; background:url('pictures/podpora.gif') left center no-repeat;}
h2#stitky {padding:0px 0px 0px 45px; background:url('pictures/nejvyhledavanejsi.gif') left center no-repeat; margin:23px 0px 7px 0px;}
h2#navigace {padding:0px 0px 0px 38px; background:url('pictures/navigace.gif') 2px center no-repeat; line-height:35px; margin:0px 0px 4px 0px;}
#levo div.menu {padding:6px; background:#edf8fc; line-height:1.5;}
#levo div.zelena {padding:6px 10px 6px 10px; background:#ecf7df; line-height:1.5;}
#levo div.orange {padding:6px 10px 6px 10px; background:#fcf5ed; line-height:1.5;}
#levo div.orange p {margin:0px;}
#levo div.orange form {margin:10px 0px 0px 0px;}
#levo div.cervene {padding:6px 10px 6px 10px; background:#fceded; line-height:1.5;}
#levo div.cervene a {font-size:80%;}
#levo div.cervene .nejvetsi {font-size:140%;}
#levo div.cervene .velke {font-size:120%;}
#levo div.cervene .stredni {font-size:100%;}

#levo .menu ul ul {padding:0px 0px 0px 15px;}
#levo .menu ul li {_height:1px; list-style-type:none;}
#levo .menu ul a {position:relative; display:block; _height:1px;  border-bottom:1px solid white; padding:5px 0px 5px 20px; font-weight:bold; color:#4e4e4e; text-decoration:none; font-size:100%;}
#levo .menu ul a.vyber, #levo .menu ul a:hover {color:#0b426a; border:none; padding:5px 0px 6px 20px; background:white url('pictures/menu.gif') right center no-repeat;}

#obsahCely {position:relative;
width:960px;
line-height:1.5;
}
#dobeckovaNavigace {padding:0px 0px 6px 0px; background:url('pictures/tecky.gif') left bottom repeat-x;}
#nemeckeRamec {border-top:1px solid #0c79c6;}

#obsah {position:relative;
width:710px;
float:right;
right:15px;
line-height:1.5;
}
#obsah input, #obsah textarea {border:1px solid #2c2c2c; color:#2c2c2c; padding:2px;}
#obsah li, #obsahCely li {margin:0px 0px 0px 25px; padding:0px;}
#form input {width:300px;}
#form textarea {width:550px; height:120px;}
#obsah button {border:1px solid #2c2c2c; background:#ddfff3; color:#2c2c2c; font-weight:bold; padding:5px 10px 5px 10px; cursor:pointer;}
#obsah .strankovani {padding:10px 0px 0px 0px; background:url('pictures/tecky.gif') left top repeat-x; clear:both;}
#obsah .strankovani a, #obsah .strankovani .tlacitko, #obsah .strankovani strong {margin:0px 4px 0px 0px;}
#obsah .strankovani .tlacitko {padding:2px; background:#ececec; border:1px solid #d4d4d4; color:#d4d4d4; font-size:120%; font-weight:bold;}
#obsah .strankovani .tlacitko a {text-decoration:none; margin:0px;}

#obsah table.kosik {width:100%; margin:0px 0px 10px 0px; border:none; border-collapse:collapse;}
#obsah table.kosik td, #obsah table.kosik th {padding:5px;}
#obsah table.kosik form {margin:0px; padding:0px;}
#obsah table.kosik .formular {width:90px; _width:100px;}
#obsah table.kosik th {background:#606060; color:white;}
#obsah table.kosik td {border-bottom:1px solid #606060;}
#obsah table.kosik .eshopTlacitka {vertical-align:-4px;}

#obsah table.siroka {width:100%;}

#obsah td.registrace {width:33%;}

#obsah table.objednavkaNahled {width:100%; margin:10px 0px 0px 0px; border-collapse:collapse;}
#obsah table.objednavkaNahled td, #obsah table.objednavkaNahled th {padding:5px;}
#obsah table.objednavkaNahled tr.produkt td {border-bottom:1px solid #606060;}
#obsah table.objednavkaNahled th {background:#606060; color:white;}

#obsah .galerie {position:relative; line-height:1; margin:10px 0px 0px 0px;}
#obsah .galerie a {_border:3px solid #b3b3b3;}
#obsah .galerie a:hover {_border:3px solid #eb8301;}
#obsah .galerie img {border:3px solid #b3b3b3; _border:1px solid white; padding:1px; _padding:0px; margin:0px 5px 5px 0px; _margin:0px 5px 13px 0px;}
#obsah .galerie img {width:100px; height:75px;}
#obsah .galerie a:hover img {border:3px solid #eb8301; _border:1px solid white;}

#paticka {position:relative;
width:960px;
left:10px;
border-top:1px solid #0c79c6;
color:#2c2c2c;
line-height:1.8;
padding:10px 0px 10px 0px;
}                        
#paticka span {float:right; line-height:1;}
#paticka div {padding:10px 0px 0px 0px;}

#odkazy {position:relative;
width:960px;
left:10px;
border-top:1px solid #0c79c6;
color:#2c2c2c;
line-height:1.5;
padding:10px 0px 40px 0px;
}  

#clear {clear:both; font-size:1px; height:1px; overflow:hidden;}

a {color:#0c79c6; text-decoration:underline;}
a:hover {color:#0767aa;}

h2, #obsah h1 {font-size:220%; color:black; font-weight:normal; font-family:serif; letter-spacing:0px;}
h3 {font-size:160%; color:black; font-weight:normal; font-family:serif; letter-spacing:0px;}
h4 {font-size:120%; color:black; font-weight:bold;}
h2, h3, h4 {margin:10px 0px 7px 0px;}

p {margin:5px 0px 8px 0px;}
strong {font-weight:bold;}

img {border:none;}
option {cursor:pointer;}
select {border:1px solid black;}

.bold {font-weight:bold;}
.justify {text-align:justify;} 
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.middle {vertical-align:middle;}
.top {vertical-align:top;}
.neviditelne {display:none;}

ul.small {font-size:90%; margin:0px 0px 0px 10px;}

table {font-size:100%;}

.doprava label {float:none; display:inline;}

form label {display:block; width:80px; float:left;}
form input, form textarea {margin:0px 0px 2px 0px;}

.hvezda {color:#de8100;}

.katalog {position:relative; width:204px; _width:226px; border:1px solid #d4d4d4; padding:10px 10px 0px 10px; margin:0px 5px 10px 5px; float:left;}
.katalog h3 {margin:0px; height:50px; overflow:hidden;}
.katalog .obrazek {height:160px; text-align:center; overflow:hidden; margin:7px 0px 8px 0px;}
.katalog .popis {height:38px; overflow:hidden; text-align:justify; margin:0px 0px 0px 0px;}
.katalog .prehled {padding:15px 0px 15px 0px;}
.katalog .prehled .cena {font-weight:bold; font-size:120%;}
.katalog .prehled a {color:white; background:#1c9be3 url('pictures/detail.gif') no-repeat; width:50px; height:15px; line-height:15px; text-align:center; display:block; float:right; text-decoration:none;}
.katalog .prehled a:hover {background:black url('pictures/detail.gif') right top no-repeat;}

.katalog .topleft {display:block; width:6px; height:6px; overflow:hidden; position:absolute; top:-1px; left:-1px; z-index:2; background:url('pictures/topleft.gif') no-repeat;}
.katalog .topright {display:block; width:6px; height:6px; overflow:hidden; position:absolute; top:-1px; right:-1px; _right:-2px; z-index:2; background:url('pictures/topright.gif') no-repeat;}
.katalog .bottomleft {display:block; width:6px; height:6px; overflow:hidden; position:absolute; bottom:-1px; _bottom:-2px; left:-1px; z-index:2; background:url('pictures/bottomleft.gif') no-repeat;}
.katalog .bottomright {display:block; width:6px; height:6px; overflow:hidden; position:absolute; bottom:-1px; _bottom:-2px; right:-1px; _right:-2px; z-index:2; background:url('pictures/bottomright.gif') no-repeat;}

.akce {background:url('pictures/akce.gif') right top no-repeat;}
.action {background:url('pictures/action.gif') right top no-repeat;}
.aktion {background:url('pictures/aktion.gif') right top no-repeat;}
.novinka {background:url('pictures/novinka.gif') right top no-repeat;}
.neuheit {background:url('pictures/neuheit.gif') right top no-repeat;}
.news {background:url('pictures/news.gif') right top no-repeat;}
.doprodej {background:url('pictures/doprodej.gif') right top no-repeat;}
.bargain {background:url('pictures/bargain.gif') right top no-repeat;}
.ausverkauf {background:url('pictures/ausverkauf.gif') right top no-repeat;}
.akce h3, .action h3, .aktion h3 {padding:0px 36px 0px 0px;}

.doporucujemeUvod {position:relative;}
.doporucujemeUvod .katalog, .uvodPravo .katalog {position:relative; width:204px; _width:226px; height:88px; _height:100px; border:1px solid #d4d4d4; padding:10px 10px 0px 10px; margin:0px 0px 10px 0px;}
.doporucujemeUvod .katalog {float:left; margin:0px 5px 10px 5px;}
.doporucujemeUvod .katalog h3, .uvodPravo .katalog h3 {margin:0px; position:absolute; top:8px; left:100px; padding:0px 8px 0px 0px; font-size:110%; font-weight:bold; height:54px;}
.doporucujemeUvod .katalog .obrazek, .uvodPravo .katalog .obrazek {position:absolute; top:3px; left:10px; text-align:center; height:80px; width:85px; overflow:hidden;}
.doporucujemeUvod .katalog .obrazek img, .uvodPravo .katalog .obrazek img {height:80px;}
.doporucujemeUvod .katalog .popis, .uvodPravo .katalog .popis {display:none; visibility:hidden;}
.doporucujemeUvod .katalog .prehled, .uvodPravo .katalog .prehled {padding:15px 0px 15px 0px;}
.doporucujemeUvod .katalog .prehled .cena, .uvodPravo .katalog .prehled .cena {position:absolute; bottom:8px; left:100px; font-weight:bold; font-size:120%;}
.doporucujemeUvod .katalog .prehled a, .uvodPravo .katalog .prehled a {display:none; visibility:hidden;}

.uvodPravo {width:215px; float:right;}
.aktualita h3 {margin:10px 0px 0px 0px;}
.aktualita h4 {margin:0px 0px 5px 0px; font-weight:normal; font-size:100%; padding:0px 0px 0px 10px; background:url('pictures/sipka.gif') left center no-repeat;}
.aktualita p {padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; background:url('pictures/tecky.gif') left bottom repeat-x;}

#detailObrazky {float:right; width:280px; text-align:center;}

#detailVlastnosti {width:368px; _width:387px; border:1px solid #b3b3b3; padding:10px;}
#detailVlastnosti ul {margin:0px 0px 10px 0px; padding:0px; list-style-type:none;}
#detailVlastnosti ul ul {margin:10px 0px 10px 25px; padding:0px; list-style-type:square;}
#detailVlastnosti ul li {margin:0px; padding:0px;}
#detailVlastnosti ul li span {font-size:140%; font-weight:bold; color:#de8100;}
#detailVlastnosti select, #detailVlastnosti input {margin:0px 0px 5px 0px; _vertical-align:-4px;}
#detailVlastnosti button {border:none; cursor:pointer; width:155px; height:53px; color:white; font-weight:bold;}
.cs #detailVlastnosti button {background:black url('pictures/koupit.gif') no-repeat;}
.cs #detailVlastnosti button:hover {background:black url('pictures/koupit.gif') right top no-repeat;}
.en #detailVlastnosti button {background:black url('pictures/koupitEn.gif') no-repeat;}
.en #detailVlastnosti button:hover {background:black url('pictures/koupitEn.gif') right top no-repeat;}
.de #detailVlastnosti button {background:black url('pictures/koupitDe.gif') no-repeat;}
.de #detailVlastnosti button:hover {background:black url('pictures/koupitDe.gif') right top no-repeat;}
#detailVlastnosti button span {display:none;}

#obrazkyZbozi {line-height:1;}
#obrazkyZbozi img {height:120px; border:3px solid #b3b3b3; padding:1px; margin:0px 5px 5px 0px;}
#obrazkyZbozi a:hover img {border:3px solid #eb8301;}

.eshopFiltr {margin:0px 0px 10px 0px;}

.kosik tr.zaporne, .kosik tr.zaporne a {color:#828282;}
.kosik tr.zaporne a:hover {color:#4e4e4e;}

#chyba {border:1px solid #de8100; color:black; text-align:center; padding:0.5em; background:#f6f6f6; font-weight:bold;}

p.prispevek {margin:4px 0px 15px 0px;}
div.prispevek {margin:0px; padding:0px 0px 4px 0px; border-bottom:1px solid #b3b3b3;}
p.reakce {margin:4px 0px 15px 40px;}
div.reakce {margin:0px 0px 0px 40px; padding:0px 0px 4px 0px; border-bottom:1px solid #b3b3b3;}

.formular .eshopTlacitka {border:none !important;}