body {font-size:80%;
background:#003e7e url('pictures/body.jpg') center 133px repeat-x;
color:#3a3a3a;
margin:0px;
padding:0px;
font-family:Verdana,"Geneva CE",lucida,sans-serif;
text-align:center;
}
#pozadi {background:url('pictures/pozadi.gif') center 133px no-repeat;}
#layout {position:relative;
margin:auto;
text-align:left;
width:950px;
padding:0px 15px 0px 15px;
background:white;
}
#header {position:relative;
width:950px;
height:333px;
margin:0px 0px 15px 0px;
background:url('pictures/header.jpg') left bottom no-repeat;
}
#header ul.menu {position:absolute; font-family:sans-serif; right:0px; top:98px; 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:#003e7e;}
#header ul.menu a.vyber, #header ul.menu a.vyber:hover {background:#003e7e 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;}

#flash {position:absolute; left:0px; bottom:0px; width:950px; height:270px;}
#flashCont {position:absolute; left:0px; top:5px;}

#header div.lista {position:relative; font-size:85%; color:white; height:30px; padding:0px 10px 0px 10px; background:#6eb43f url('pictures/zelenyLevoDole.gif') left bottom no-repeat;}

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

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

#levo {position:relative;
width:250px;
float:left;
font-size:90%;
padding:0px 0px 20px 0px;
}
#levo div.box, #levo form.vyhledavani, #levo div.prihlaseni, #levo div.menu, #levo div.anketa {position:relative; padding:10px 12px 15px 13px; margin:0px 0px 15px 0px;}
#levo h2 {margin:0px 0px 5px 0px; color:#003e7e; font-size:165%; border-bottom:1px solid #003e7e;}

#levo div.box {background:#efefef;}
#levo form.vyhledavani {background:#6eb43f;}
#levo div.prihlaseni {background:#efefef;}
#levo div.menu {background:#003e7e;}
#levo div.anketa {background:#efefef;}

#navstivene h2 {margin:0px 0px 15px 0px;}
#levo .produkt, #pravo .produkt {position:relative; margin:0px 0px 5px 0px;}
#levo .produkt h3, #pravo .produkt h3 {font-size:100%; padding:2px 0px 0px 0px; height:32px; overflow:hidden; margin:0px 0px 5px 0px;}
#levo .produkt .ceny, #pravo .produkt .ceny {font-size:90%;}
#levo .produkt .obrazek, #pravo .produkt .obrazek {float:left; width:82px;}
#levo .produkt .obrazek img, #pravo .produkt .obrazek img {width:75px; border:1px solid #003e7e;}

#levo form.vyhledavani h2 {color:white; border-bottom:1px solid white; margin:0px 0px 15px 0px;}
#levo div.menu h2 {color:white; border-bottom:1px solid white;}

#levo form.vyhledavani input {width:174px; border:none; height:20px; padding:3px 8px 0px 8px; color:white; background:#9cd675 url('pictures/input.gif') no-repeat;}
#levo form.vyhledavani button {position:absolute; top:44px; right:12px; width:31px; height:31px; cursor:pointer; border:none; background:white url('pictures/hledat.gif') no-repeat;}
#levo form.vyhledavani button span {display:none;}

#levo form.vyhledavani .topleft {display:block; width:6px; height:6px; overflow:hidden; position:absolute; top:0px; left:0px; z-index:2; background:url('pictures/zelenyLevoNahore.gif') no-repeat;}
#levo form.vyhledavani .topright {display:block; width:6px; height:6px; overflow:hidden; position:absolute; top:0px; right:0px; z-index:2; background:url('pictures/zelenyPravoNahore.gif') no-repeat;}
#levo form.vyhledavani .bottomleft {display:block; width:6px; height:6px; overflow:hidden; position:absolute; bottom:0px; left:0px; z-index:2; background:url('pictures/zelenyLevoDole.gif') no-repeat;}
#levo form.vyhledavani .bottomright {display:block; width:6px; height:6px; overflow:hidden; position:absolute; bottom:0px; right:0px; z-index:2; background:url('pictures/zelenyPravoDole.gif') no-repeat;}

#levo div.menu .topleft {display:block; width:6px; height:6px; overflow:hidden; position:absolute; top:0px; left:0px; z-index:2; background:url('pictures/modryLevoNahore.gif') no-repeat;}
#levo div.menu .topright {display:block; width:6px; height:6px; overflow:hidden; position:absolute; top:0px; right:0px; z-index:2; background:url('pictures/modryPravoNahore.gif') no-repeat;}
#levo div.menu .bottomleft {display:block; width:6px; height:6px; overflow:hidden; position:absolute; bottom:0px; left:0px; z-index:2; background:url('pictures/modryLevoDole.gif') no-repeat;}
#levo div.menu .bottomright {display:block; width:6px; height:6px; overflow:hidden; position:absolute; bottom:0px; right:0px; z-index:2; background:url('pictures/modryPravoDole.gif') no-repeat;}

#levo div.box .topleft, #pravo div.box .topleft, div.anketa .topleft, #navstivene .topleft {display:block; width:6px; height:6px; overflow:hidden; position:absolute; top:0px; left:0px; z-index:2; background:url('pictures/sedyLevoNahore.gif') no-repeat;}
#levo div.box .topright, #pravo div.box .topright, div.anketa .topright, #navstivene .topright {display:block; width:6px; height:6px; overflow:hidden; position:absolute; top:0px; right:0px; z-index:2; background:url('pictures/sedyPravoNahore.gif') no-repeat;}
#levo div.box .bottomleft, #pravo div.box .bottomleft, div.anketa .bottomleft, #navstivene .bottomleft {display:block; width:6px; height:6px; overflow:hidden; position:absolute; bottom:0px; left:0px; z-index:2; background:url('pictures/sedyLevoDole.gif') no-repeat;}
#levo div.box .bottomright, #pravo div.box .bottomright, div.anketa .bottomright, #navstivene .bottomright {display:block; width:6px; height:6px; overflow:hidden; position:absolute; bottom:0px; right:0px; z-index:2; background:url('pictures/sedyPravoDole.gif') no-repeat;}

#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;}
#levo div.prihlaseni ul li.user {background:url('pictures/user.gif') left center no-repeat; height:27px; line-height:27px;}

div.anketa p {margin:0px; font-size:90%;}
div.anketa ul {margin:5px 0px 5px 0px; padding:0px; list-style-type:none; font-size:90%;}
div.anketa ul li {margin:0px; padding:3px 0px 3px 0px;}
div.anketa ul li span {display:block; height:10px; background:#003e7e url('pictures/anketa.gif') repeat-y; margin:3px 0px 0px 0px;}

#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 10px;}
#levo div.menu ul li a {display:block; text-decoration:none; font-weight:bold; color:#9dc4ed; padding:4px 10px 4px 10px; border-bottom:1px dashed #9dc4ed;}
#levo div.menu ul ul a {color:#9dc4ed; border-bottom:none;}
#levo div.menu ul li a:hover {color:white;}
#levo div.menu ul li a.vyber {color:white; padding:4px 10px 4px 20px; background:url('pictures/menu.gif') 10px 9px no-repeat; border-bottom:1px dashed white;}
#levo div.menu h2 {margin:0px 0px 10px 0px;}
#levo div.menu ul ul {font-size:95%;}
#levo div.menu ul ul ul {font-size:90%;}

#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 {font-size:95%; 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 25px; font-weight:bold; height:24px; line-height:24px;}
#levo div.kontakty ul li.tel, #pravo div.kontakty ul li.tel {background:url('pictures/mobil.gif') 4px 9px no-repeat;}
#levo div.kontakty ul li.mail, #pravo div.kontakty ul li.mail {background:url('pictures/mail.gif') 4px 9px no-repeat;}

#obsah {position:relative;
width:671px;
right:10px;
padding:0px 0px 20px 0px;
float:right;
}
#obsah div.box {position:relative; background:white; padding:1px 0px 0px 0px; margin:0px 0px 5px 0px;}
#obsah #drobecky {margin:0px 0px 5px 0px; padding:5px 0px 5px 0px; border-bottom:1px dashed #3a3a3a;}
#obsah div.box p {margin:8px 0px 0px 0px;}
#obsah div.box .razeni {margin:0px 0px 20px 0px;}

#obsah .listaTlacitko {margin:5px 13px 0px 8px; border-top:1px solid #d4d4d4; padding:6px 0px 0px 0px;}

#obsah div.aktualita h3 {margin:0px;}

#obsah div.box .produkt {position:relative; float:left; margin:0px 5px 5px 0px; border:4px solid #d4d4d4; padding:10px; font-size:80%; height:350px; width:191px;}
#obsah div.box .maly {height:240px;}
#obsah div.box .bezOkraje {margin:0px 0px 5px 0px !important;}
#obsah div.box .produkt h3 {margin:0px; height:47px; font-size:120%; overflow:hidden;}
#obsah div.box .produkt h3 a {color:#54be0d;}
#obsah div.box .produkt .obrazek {height:140px; text-align:center;}
#obsah div.box .produkt .obrazek img {}
#obsah div.box .produkt .popisek {margin:15px 0px 0px 0px; height:75px; 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:5px; 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 .produkt .ceny .mnozstvi {margin:5px 0px 0px 0px; font-size:90%;}
#obsah .produkt .ceny .mnozstvi input {font-size:100%;}
#obsah .produkt .topleft {display:block; width:9px; height:9px; overflow:hidden; position:absolute; top:-4px; left:-4px; z-index:2; background:url('pictures/topleft.gif') no-repeat;}
#obsah .produkt .topright {display:block; width:9px; height:9px; overflow:hidden; position:absolute; top:-4px; right:-4px; z-index:2; background:url('pictures/topright.gif') no-repeat;}
#obsah .produkt .bottomleft {display:block; width:9px; height:9px; overflow:hidden; position:absolute; bottom:-4px; left:-4px; z-index:2; background:url('pictures/bottomleft.gif') no-repeat;}
#obsah .produkt .bottomright {display:block; width:9px; height:9px; overflow:hidden; position:absolute; bottom:-4px; right:-4px; 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 {float:right; position:relative; top:15px; right:70px;}

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

#obsah #strankovani {margin:3px 13px 0px 8px;}
#obsah #strankovani a, #obsah #strankovani .tlacitko, #obsah #strankovani strong {margin:0px 6px 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;}

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

#pravo {position:relative;
width:215px;
float:right;
}
#pravo div.box {position:relative; padding:10px 12px 15px 13px; margin:0px 0px 15px 0px;}
#pravo h2 {margin:0px 0px 5px 0px; color:#003e7e; font-size:150%; border-bottom:1px solid #003e7e;}
#pravo div.box {background:#efefef;}

#paticka {position:relative;
width:950px;
height:84px;
border-top:4px solid #6eb43f;
padding:10px 0px 0px 0px;
font-size:85%;
line-height:2;
}
#paticka span {position:absolute; top:10px; right:0px; text-align:right;}

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

a {color:#003e7e; text-decoration:underline;}
a:hover {color:#00254c;}

img {border:none;}

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

.center {text-align:center;}

h2  {margin:10px 0px 10px 0px; color:#003e7e; font-size:160%; font-weight:normal; font-family:sans-serif;}
h3  {margin:15px 0px 10px 0px; color:#003e7e; font-size:130%; 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;}
table.kosik td {padding:2px;}
table.kosik tr.horni {background:#cbf994; color:#5ca800; font-weight:bold; border:none;}
table.kosik tr {border-bottom:1px solid #e9e3db;}
table.kosik td.prvni {text-align:left;}
#obsah .platbaDisabled {color:#888;}
#obsah .platbaDisabled label {cursor: default;}

div.pokracovat {text-align:center; margin:12px 0px 0px 0px; font-size:90%;}
div.pokracovat a {background:#d9261c; color:white; padding:3px 5px 3px 5px; text-decoration:none;}
div.pokracovat a:hover {background:#b6130a; 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: #5ca800; border: 1px solid #93e700; 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: #063c75; font-weight: bold; padding: 2px 5px 2px 5px;border: 1px solid #fff;}
fieldset fieldset legend {background: #396fa8;}