body {font-size:80%;
background:#e2d5c3 url('pictures/pozadi.jpg') center top repeat;
color:#3a3a3a;
margin:0px;
padding:0px;
font-family:Verdana,"Geneva CE",lucida,sans-serif;
text-align:center;
}
#pozadi {position:relative;
background:url('pictures/pozadi2.jpg') center top repeat-x;
}
#layout {position:relative;
margin:auto;
text-align:left;
width:950px;
}
#header {position:relative;
width:950px;
height:421px;
background:url('pictures/banner.jpg') left bottom no-repeat;
}
#header ul.menu {position:absolute; font-family:sans-serif; right:0px; top:113px; margin:0px; padding:0px;}
#header ul.menu li {margin:0px; padding:0px; display:inline;}
#header ul.menu a {color:black; display:block; float:left; text-decoration:none; font-weight:bold; line-height:22px; height:22px; text-transform:uppercase; padding:0px 15px 0px 15px;}
#header ul.menu a:hover {color:#1359b0;}
#header ul.menu a.vyber, #header ul.menu a.vyber:hover {background:#1359b0 url('pictures/menuLevo.gif') no-repeat; color:white; padding:0px;}
#header ul.menu a.vyber span {background:url('pictures/menuPravo.gif') right top no-repeat; cursor:pointer; display:block; float:left; padding:0px 10px 0px 10px;}

#header div.kosik {position:absolute; left:8px; top:0px; padding:0px 0px 0px 18px; background:url('pictures/kosik.gif') left 11px no-repeat; height:30px; line-height:30px; color:#0b2442;}
#header div.kosik a {color:#0b2442; text-decoration:underline;}
#header div.kosik a:hover {color:#0b2442; text-decoration:none;}
#header div.user {position:absolute; right:10px; top:0px; text-align:right; height:30px; line-height:30px; color:#0b2442;}
#header div.user a {color:#0b2442; text-decoration:underline;}
#header div.user a:hover {color:#0b2442; text-decoration:none;}

#header h1 {font-size:200%; margin:0px;}
#header h1 a {position:absolute;
top:76px;
left:0px;
display:block;
width:291px;
height:70px;
text-decoration:none;
float:left;
color:white;
cursor:pointer;
overflow:hidden;
}
#header h1 span {position:absolute;
display:block;
float:left;
left:0px; 
top:0px; 
width:291px;
height:70px;
z-index:2; 
background:url('pictures/logo.gif') no-repeat; 
}

#levo {position:relative;
width:250px;
float:left;
}
#levo div.box {position:relative; background:white; padding:12px; margin:0px 0px 5px 0px;}
#levo h2 {margin:0px 0px 10px 0px; color:black;}
#levo form.vyhledavani {position:relative;
background:white url('pictures/levoNahore.gif') no-repeat; 
margin:5px 0px 5px 0px;
padding:12px;
}
#levo form.vyhledavani h2 {color:#1359b0;}
#levo form.vyhledavani div {position:relative;
margin:10px 0px 0px 0px;
}
#levo form.vyhledavani input {width:174px; _width:190px; border:none; height:20px; _height:23px; font-size:90%; padding:3px 8px 0px 8px; color:#a1a1a1; background:#f1f1f1 url('pictures/input.gif') no-repeat;}
#levo form.vyhledavani button {position:absolute; right:0px; top:-4px; _top:-3px; _right:10px; width:31px; height:31px; cursor:pointer; border:none; background:#da241b url('pictures/hledat.gif') no-repeat;}
#levo form.vyhledavani button span {display:none;}

#levo div.prihlaseni {position:relative;
background:white; 
margin:0px 0px 5px 0px;
padding:12px;
}
#levo div.prihlaseni h2 {color:#1359b0;}
#levo div.prihlaseni ul {margin:8px 0px 0px 0px; padding:0px; list-style-type:none;}
#levo div.prihlaseni ul li {margin:0px; padding:0px 0px 0px 31px; font-size:80%;}
#levo div.prihlaseni ul li.user {background:url('pictures/user.gif') left center no-repeat; font-size:100%; height:27px; line-height:27px;}

div.anketa {position:relative;
background:white; 
margin:0px 0px 5px 0px;
padding:12px;
}
div.anketa p {margin:0px; font-size:80%;}
div.anketa ul {margin:5px 0px 5px 0px; padding:0px; list-style-type:none; font-size:80%;}
div.anketa ul li {margin:0px; padding:3px 0px 3px 0px;}
div.anketa ul li span {display:block; height:10px; background:#1359b0; margin:3px 0px 0px 0px;}

#levo div.menu {position:relative;
background:white; 
margin:0px 0px 5px 0px;
padding:12px;
}
#levo div.menu ul {margin:0px; padding:0px; list-style-type:none;}
#levo div.menu ul li {margin:0px; padding:0px;}
#levo div.menu ul ul {margin:0px; padding:0px 0px 0px 25px;}
#levo div.menu ul li a {display:block; _height:1px; font-size:80%; text-decoration:none; font-weight:bold; color:#897863; background:#dde8f5; padding:4px 8px 4px 12px; border-bottom:1px solid #cbd8e8;}
#levo div.menu ul ul a {color:#928a7f; background:#dfe5ed; border-bottom:1px solid #d6dce4;}
#levo div.menu ul li a:hover {color:#1359b0;}
#levo div.menu ul li a.vyber {color:#1359b0; background:#fafafa; border-bottom:1px solid #1359b0;}
#levo div.menu ul {font-size: 10pt;}
#levo div.menu ul ul {font-size: 9pt;}
#levo div.menu ul ul ul {font-size: 9pt;}

#levo .produkt, #pravo .produkt {position:relative; height:80px;}
#levo .produkt h3, #pravo .produkt h3 {font-size:100%; padding:8px 0px 0px 0px; height:18px; overflow:hidden; margin:0px 0px 5px 0px;}
#levo .produkt .ceny, #pravo .produkt .ceny {font-size:70%;}
#levo .produkt .obrazek, #pravo .produkt .obrazek {float:left;}
#levo .produkt .obrazek img, #pravo .produkt .obrazek img {height:75px; margin:0px 5px 0px 0px;}

#levo div.nejprodavanejsi {position:relative;
background:white; 
margin:0px 0px 5px 0px;
padding:12px;
}
#levo div.nejprodavanejsi ol, #pravo div.nejprodavanejsi ol {margin:10px 0px 0px 0px; padding:0px;}
#levo div.nejprodavanejsi ol li, #pravo div.nejprodavanejsi ol li {margin:0px 0px 0px 28px; padding:0px;}
#levo div.kontakty ul, #pravo div.kontakty ul {margin:8px 0px 0px 0px; padding:0px; list-style-type:none;}
#levo div.kontakty ul li, #pravo div.kontakty ul li {margin:0px; padding:0px 0px 0px 31px; font-weight:bold; height:27px; line-height:27px;}
#levo div.kontakty ul li.tel, #pravo div.kontakty ul li.tel {background:url('pictures/mobil.gif') left center no-repeat;}
#levo div.kontakty ul li.mail, #pravo div.kontakty ul li.mail {background:url('pictures/mail.gif') left center no-repeat;}

#levo div.roh {position:absolute;
background:white url('pictures/levoDole.gif') no-repeat; 
bottom:5px; left:0px;
float:left;
overflow:hidden;
z-index:2;
width:10px; height:10px;
}

#obsah {position:relative;
width:695px;
float:right;
line-height:1.5;
}
#obsah div.box {position:relative; background:white; padding:12px; margin:0px 0px 5px 0px; _height:1px;}
#obsah #drobecky {margin:5px 0px 5px 0px; background:white url('pictures/pravoNahore.gif') right top no-repeat;}
#obsah div.box h2 {margin:0px 0px 5px 0px;}
#obsah div.box h3 {margin:0px 0px 10px 0px;}
#obsah div.box p {margin:8px 0px 0px 0px;}
#obsah div.box .razeni {margin:0px 0px 20px 0px;}

#obsah div.aktualita h3 {margin:0px;}
#obsah div.aktualita img {float:right; margin:0px 0px 5px 5px;}

#obsah div.box .produkt {position:relative; line-height:1.3; float:left; margin:0px 5px 5px 0px; border:1px solid #d4d4d4; padding:10px; font-size:80%; height:350px; _height:372px; width:197px; _width:219px;}
#obsah div.box .maly {height:240px; _height:262px;}
#obsah div.box .bezOkraje {margin:0px 0px 5px 0px !important;}
#obsah div.box .okraj {margin:0px 4px 4px 0px !important;}
#obsah div.box .produkt h3 {margin:0px; height:47px; overflow:hidden;}
#obsah div.box .produkt .obrazek {height:140px; text-align:center;}
#obsah div.box .produkt .obrazek img {width:140px;}
#obsah div.box .produkt .popisek {margin:15px 0px 0px 0px; height:95px; overflow:hidden;}
#obsah div.box .produkt .ceny {margin:12px 0px 0px 0px; font-weight:bold; font-size:110%;}
#obsah div.box .produkt .ceny strong {color:#d9261c;}
#obsah div.box .produkt .ceny button {position:absolute; bottom:3px; right:5px; background:url('pictures/koupit.gif') no-repeat; border:none; width:48px; height:48px; cursor:pointer;}
#obsah div.box .produkt .ceny button span {display:none;}
#obsah div.box .produkt .ceny .mnozstvi {position:absolute; width:48px; text-align:center; bottom:52px; right:5px; font-size:90%;}
#obsah div.box .produkt .ceny .mnozstvi input {font-size:100%;}
#obsah div.box .produkt .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;}
#obsah div.box .produkt .topright {display:block; width:6px; height:6px; overflow:hidden; position:absolute; top:-1px; right:-1px; z-index:2; background:url('pictures/topright.gif') no-repeat;}
#obsah div.box .produkt .bottomleft {display:block; width:6px; height:6px; overflow:hidden; position:absolute; bottom:-1px; left:-1px; z-index:2; background:url('pictures/bottomleft.gif') no-repeat;}
#obsah div.box .produkt .bottomright {display:block; width:6px; height:6px; overflow:hidden; position:absolute; bottom:-1px; right:-1px; z-index:2; background:url('pictures/bottomright.gif') no-repeat;}

#obsah div.detail ul {margin:10px 0px 0px 20px; font-size:80%; line-height:1.5; padding:0px; list-style-type:square;}
#obsah div.detail ul li {margin:0px; padding:0px;}
#obsah div.detail ul li.cena strong {font-size:160%; color:#d9261c;}
#obsah div.detail form {margin:10px 0px 0px 8px; padding:0px;}
#obsah div.detail form input {text-align:center; margin:0px 0px 0px 30px;}
#obsah div.detail form button {margin:5px 0px 0px 0px; border:none; width:112px; height:48px; cursor:pointer; background:url('pictures/koupitDetail.gif') no-repeat;}
#obsah div.detail form button span {display:none;}
#obsah div.detail img.hlavni {float:right; position:relative; right:60px;}

#obsah div.galerie img {height:100px; margin:5px 11px 0px 0px;}

#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 .prihozeni {text-align:center;}
#obsah .prihozeni img {margin:15px;}

.uvod {width:467px !important; float:left !important; left:5px;}
.uvod #drobecky {background:white !important;}

#pravo {position:relative;
width:223px;
float:right;
}
#pravo div.box {position:relative; background:white; padding:12px; margin:0px 0px 5px 0px;}
#pravo div.prvni {background:white url('pictures/pravoNahore.gif') right top no-repeat; margin:5px 0px 5px 0px;}
#pravo h2 {margin:0px 0px 5px 0px;}
#pravo h2.black {color:black;}
#pravo p {font-size:80%; line-height:1.5;}

#paticka {position:relative;
width:695px;
left:255px;
padding:10px 0px 40px 0px;
color:#0b2442;
font-size:80%;
line-height:2;
}
#paticka a {color:#0b2442; text-decoration:underline;}
#paticka a:hover {color:#0b2442; text-decoration:none;}
#paticka p {margin:0px 0px 10px 0px; border-bottom:1px solid #0b2442; padding:0px 0px 10px 0px;}
#paticka span {float:right; text-align:right;}

div.clean {position:relative; clear:both;}

a {color:#1359b0; text-decoration:underline;}
a:hover {color:#073c7e;}

img {border:none;}

input {border:1px solid #bebebe; color:#3a3a3a;}
select {border:1px solid #bebebe; color:#3a3a3a;}
textarea {border:1px solid #bebebe; color:#3a3a3a;}

.center {text-align:center;}

h2  {margin:10px 0px 5px 0px; color:#1359b0; font-size:140%; font-weight:normal; font-family:sans-serif;}
h3  {margin:10px 0px 5px 0px; color:#1359b0; font-size:120%; font-weight:bold; font-family:sans-serif;}

table.kosik {position:relative; margin:5px 0px 0px 0px; text-align:center; font-size:80%; border-collapse:collapse; width:671px; line-height:2;}
table.kosik input {font-size:90%; width:20px; text-align:center; padding:0px;}
table.kosik img {position:relative; top:3px; _top:2px;}
table.kosik td {padding:2px;}
table.kosik tr.horni {background:#dde8f5; color:#897863; font-weight:bold; border:none;}
table.kosik tr {border-bottom:1px solid #dde8f5;}
table.kosik td.prvni {text-align:left;}

div.pokracovat {text-align:center; margin:12px 0px 0px 0px; font-size:90%;}
div.pokracovat a {background:#1359b0; color:white; padding:3px 5px 3px 5px; text-decoration:none;}
div.pokracovat a:hover {background:#073c7e; color:white;}

.redbox {background: #ee0000 url(pictures/important.png) no-repeat 10px 10px; color: #fff; font-weight: bold; padding: 10px 10px 10px 50px; border: #dd0000 1px solid;}
.important {background: #ffef6c url(pictures/important.png) no-repeat 10px 10px; color: #e71000; font-weight: bold; padding: 10px 10px 10px 50px; border: #c29c00 1px solid;}
label {cursor: pointer;}

.produkt .obrazek {overflow: hidden;}

.navstivenyProdukt {clear: both; height : 50px;}
.navstivenyProdukt img { float: left; height: 50px; margin-right: 10px;}
.navstivenyProdukt a {display: block;}

button.button {background: #246ac1; border: 1px solid #1359b0; color: #fff; padding: 5px 10px 5px 10px; margin: 1px;}
.doprava {float:right;}

fieldset {background: #f5f5f5; border: 1px solid #ccc; margin-top: 10px;}
fieldset legend {color: #fff; background: #1359b0; font-weight: bold; padding: 2px 5px 2px 5px;border: 1px solid #fff;}
fieldset fieldset legend {background: #468ce3;}