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

body {font-size:80%;
background:white url('../pictures/body.gif') center top repeat-x;
color:#3a3a3a;
margin:0px;
padding:0px;
font-family:Verdana,"Geneva CE",lucida,sans-serif;
text-align:center;
}
#layout {position:relative;
margin:auto;
text-align:left;
width:940px;
}

#newsFlash {position:absolute; top:5px; left:260px; width:680px; overflow:hidden; height:210px; background:white url('../pictures/banner.jpg') 5px 5px no-repeat;}
#newsFlash object {position:absolute; top:5px; left:5px; width:670px; height:205px;}

#header {position:relative;
width:940px;
padding:125px 0px 0px 0px;
}
#header ul.menu {position:absolute; font-family:sans-serif; right:0px; top:91px; 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:#cd242d;}
#header ul.menu a.vyber, #header ul.menu a.vyber:hover {background:#cd242d 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.user {position:absolute; background:#373737 url('../pictures/rohHead.gif') right bottom no-repeat; right:143px; top:0px; text-align:right; font-size:80%; height:25px; line-height:25px; color:white;}
#header div.user div {background:url('../pictures/rohHead2.gif') left bottom no-repeat; padding:0px 16px 0px 16px;}
#header div.user a {color:white; text-decoration:underline;}
#header div.user a:hover {color:#f8de66; text-decoration:none;}

#showHldiv {position:absolute; background:#373737 url('../pictures/rohHead.gif') right bottom no-repeat; right:8px; top:0px; font-size:80%; color:white;}
#showHldiv div {background:url('../pictures/rohHead2.gif') left bottom no-repeat; height:25px; text-align:center; width:125px; line-height:25px;}
#showHldiv a {color:white; text-decoration:underline;}
#showHldiv a:hover {color:#f8de66; text-decoration:none;}
#showHl {display:none;}

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

#header form.vyhledavani {position:absolute; left:8px; top:20px;}
#header form.vyhledavani input {width:184px; border:none; height:20px; font-size:90%; padding:3px 8px 0px 8px; color:#a1a1a1; background:#f1f1f1 url('../pictures/input.gif') no-repeat;}
#header form.vyhledavani button {position:absolute; left:205px; top:-4px; width:31px; height:31px; cursor:pointer; border:none; background:#da241b url('../pictures/hledat2.gif') no-repeat;}
#header form.vyhledavani button span {display:none;}

#header #hideHead form.vyhledavani {position:absolute; left:8px; top:10px;}
#header #hideHead form.vyhledavani button {background:#da241b url('../pictures/hledat.gif') no-repeat;}

#header div.prihlaseni {position:absolute; color:#231f20; left:10px; top:135px; width:250px; background:url('../pictures/user.gif') left 2px no-repeat; padding:0px 0px 0px 32px;}
#header div.prihlaseni ul li {list-style-type:none; margin:0px 10px 0px 0px; font-size:80%;}
#header div.prihlaseni ul li.user {display:block; font-size:110%; height:27px; line-height:27px;}

#drobecky {position:absolute; color:black; width:655px; height:30px; line-height:30px; bottom:0px; left:265px; padding:0px 0px 0px 15px; background:#e3e3e3;}
#kosik {position:absolute; color:black; top:70px; left:10px; font-size:80%; padding:0px 0px 0px 35px; background:url('../pictures/kosik2.gif') left 2px no-repeat;}
#kosik strong {display:block; font-size:140%; height:27px; line-height:27px;}

#graphHead {position:relative;
width:940px;
height:246px;
background:url('../pictures/graphHead.gif') left bottom no-repeat;
}
#hideHead {position:relative;
width:940px;
height:41px;
margin:0px 0px 10px 0px;
background:white;
display:none;
}
#prihlaseni2 {position:absolute; right:15px; top:16px; font-size:80%;}
#prihlaseni2 li {display:inline;}
#prihlaseni2 a {border-left:1px solid #3a3a3a; padding:0px 0px 0px 8px; margin:0px 0px 0px 5px;}
#kosik2 {position:absolute; left:265px; top:16px; font-size:80%;}

#content {position:relative;
width:940px;
background:white;
}
#levo {position:relative;
width:240px;
left:5px;
float:left;
padding:20px 0px 15px 0px;
}
#levo h2 {margin:0px 0px 8px 0px; font-size:140%; color:black; line-height:26px;}

#levo div.menu {position:relative; 
padding:0px 0px 20px 0px;
}
#levo div.menu ul {list-style-type:none;}
#levo div.menu ul ul {padding:0px 0px 0px 15px;}
#levo div.menu ul li a {display:block; text-decoration:underline; font-weight:bold; color:#909090; background:url('../pictures/menu3.gif') left bottom repeat-x; padding:5px 5px 6px 5px;}
#levo div.menu ul ul a {padding:4px 5px 4px 5px; font-size:90%; background:url('../pictures/menu3.gif') left bottom repeat-x;}
#levo div.menu ul ul ul a {padding:3px 5px 4px 5px; font-size:85%;}
#levo div.menu ul li a:hover {color:black; background:url('../pictures/menu2.gif') left bottom repeat-x;}
#levo div.menu ul li a.vyber, #levo div.menu ul li a.vyber:hover {color:#cd242d; text-decoration:none; background:url('../pictures/menu.gif') left bottom repeat-x;}

#levo .menu h2 {padding:0px 0px 0px 32px; margin:0px 0px 10px 0px; background:white url('../pictures/menuh2.gif') no-repeat;}

.katalog {position:relative; 
padding:0px 0px 15px 0px;
}
.katalog img {margin:5px 0px 0px 30px;}
.katalog h2 {padding:0px 0px 0px 32px; background:white url('../pictures/katalog.gif') no-repeat;}

#nejprodavanejsi {position:relative;
padding:0px 0px 15px 0px;
}
#nejprodavanejsi ol {margin:10px 0px 0px 0px; padding:0px;}
#nejprodavanejsi ol li {margin:0px 0px 0px 28px; padding:0px;}
#nejprodavanejsi h2 {padding:0px 0px 0px 37px; background:white url('../pictures/nejprodavanejsi.gif') no-repeat;}

.doporucujeme {position:relative; padding:0px 0px 25px 0px;}
.doporucujeme h2 {padding:0px 0px 0px 32px; margin:0px 0px 14px 0px !important; background:white url('../pictures/promo.gif') no-repeat;}

#prihlasen {position:relative;
padding:0px 0px 20px 0px;
}
#prihlasen ul {margin:6px 0px 0px 0px; list-style-type:none;}
#prihlasen ul li {padding:3px 0px 3px 22px; color:#909090; font-size:85%; background:url('../pictures/odrazka.gif') 9px 8px no-repeat;}
#prihlasen h2 {padding:0px 0px 0px 35px; background:white url('../pictures/prihlasen.gif') no-repeat;}

.kontakty {position:relative;
padding:0px 0px 20px 0px;
}
.kontakty ul {margin:6px 0px 0px 0px; list-style-type:none;}
.kontakty ul li {padding:3px 0px 3px 22px; color:#909090; font-weight:bold;}
.kontakty li.mail {background:white url('../pictures/mail.gif') 5px 8px no-repeat;}
.kontakty li.tel {background:white url('../pictures/mobil.gif') 5px 7px no-repeat;}
.kontakty h2 {padding:0px 0px 0px 35px; background:white url('../pictures/kontakt.gif') no-repeat;}

.teplo {position:relative; padding:0px 0px 15px 0px;}
.teplo img {margin:5px 0px 0px 30px;}
.teplo h2 {padding:0px 0px 0px 32px; background:white url('../pictures/teplo.gif') no-repeat;}

.izolace {position:relative; padding:0px 0px 20px 0px;}
.izolace h2 {padding:0px 0px 0px 30px; background:white url('../pictures/izolace.gif') no-repeat;}

.promo {position:relative; 
padding:0px 0px 15px 0px;
}
.promo p {font-size:80%;}
.promo h2 {padding:0px 0px 0px 32px; margin:0px 0px 14px 0px !important; background:white url('../pictures/promo.gif') no-repeat;}

#navstivene {position:relative; padding:0px 0px 20px 0px;}
#navstivene p {font-size:80%;}
#navstivene h2 {padding:0px 0px 0px 28px; margin:0px 0px 14px 0px !important; background:white url('../pictures/navstivene.gif') no-repeat;}

#levo .produkt, #pravo .produkt {position:relative; margin:0px 0px 5px 0px;}
#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; width:80px;}
#levo .produkt .obrazek img, #pravo .produkt .obrazek img {width:75px;}

.anketa {position:relative;
padding:0px 0px 15px 0px;
}
.anketa h2 {padding:0px 0px 0px 28px; background:white url('../pictures/anketa.gif') no-repeat;}
.anketa p {margin:0px; font-size:80%;}
.anketa ul {margin:5px 0px 5px 0px; padding:0px; list-style-type:none; font-size:80%;}
.anketa ul li {margin:0px; padding:3px 0px 3px 0px;}
.anketa ul li span {display:block; height:10px; font-size:0px; background:#d9261c url('../pictures/graf.gif') repeat-x; margin:3px 0px 0px 0px;}

#pravo {position:relative;
width:205px;
float:right;
right:5px;
padding:15px 0px 15px 0px;
}
#pravo h2 {margin:0px 0px 5px 0px; color:black; font-size: 13pt; font-weight: bold; padding: 3px 0px 3px 32px;}
#pravo p {font-size:80%; line-height:1.5;}

#obsah {position:relative;
width:670px;
float:right;
right:5px;
padding:10px 0px 20px 0px;
line-height:1.5;
font-size:80%;
}
#obsah h2 {margin:12px 0px 10px 0px;}
#obsah h3 {margin:10px 0px 10px 0px;}
#obsah p {margin:5px 0px 8px 0px;}
#obsah ul, ol {margin:10px 0px 10px 0px;}
#obsah li {margin:0px 0px 0px 25px;}
#obsah .razeni {margin:0px 0px 20px 0px;}

#obsah .prihozeni {text-align:center;}
#obsah .prihozeni img {margin:15px;}

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

#obsah .produkt {position:relative; float:left; margin:0px 5px 10px 5px; width:213px; background:#eeeeee;}
#obsah .produkt h3 {margin:0px; padding:5px 7px 0px 7px; font-size:130%; height:83px; overflow:hidden;}
#obsah .produkt .obrazek {position:relative; padding:10px 0px 10px 0px; height:175px; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; background:white; text-align:center; overflow:hidden;}
#obsah .produkt .obrazek img {width:175px;}
#obsah .produkt .popisek {padding:5px 7px 0px 7px; height:52px; overflow:hidden;}
#obsah .produkt .ceny {background:#d4d4d4; padding:7px; font-weight:bold; line-height:1.5;}
#obsah .produkt .ceny strong {color:#d9261c;}
#obsah .produkt .ceny button {position:absolute; bottom:8px; right:8px; background:url('../pictures/koupit.gif') no-repeat; border:none; width:48px; height:48px; cursor:pointer;}
#obsah .produkt .ceny button span {display:none;}
#obsah .produkt .ceny .mnozstvi {margin:5px 0px 0px 0px; font-size:100%;}
#obsah .produkt .ceny .mnozstvi input {font-size:100%; text-align:center; width:20px;}
#obsah .produkt .datum {margin:15px 0px 0px 0px;}

#obsah .produktDetail {position:relative; float:left; margin:0px 5px 10px 5px; width:213px; background:#eeeeee;}
#obsah .produktDetail h3 {margin:0px; padding:10px 10px 0px 0px; font-size:120%; height:90px; overflow:hidden;}
#obsah .produktDetail img {width:90px; float:left; margin:10px; border:1px solid #d4d4d4;}
#obsah .produktDetail .ceny {background:#d4d4d4; padding:7px; font-weight:bold; line-height:1.5;}
#obsah .produktDetail .ceny strong {color:#d9261c;}
#obsah .produktDetail .datum {margin:15px 0px 0px 0px;}

#obsah .listaStavu {position:absolute; top:8px; left:8px; height:28px;}
#obsah .listaStavu span {display:none; float:left; position:relative; width:28px; height:28px; margin:0px 8px 0px 0px;}
#obsah .listaStavuDetail {position:absolute; top:5px; left:5px; width:28px;}
#obsah .listaStavuDetail span {display:none; float:left; position:relative; width:28px; height:28px; margin:0px 0px 5px 0px;}
#obsah .listaStavu3 {position:absolute; top:8px; right:8px; width:28px;}
#obsah .listaStavu3 span {display:none; float:left; position:relative; width:28px; height:28px; margin:0px 0px 8px 0px;}
#obsah .slevaStav span.stavSleva {display:block; background:url('../pictures/sleva.gif') no-repeat;}
#obsah .zdarmaStav span.stavZdarma {display:block; background:url('../pictures/zdarma.gif') no-repeat;}
#obsah .novinkaStav span.stavNovinka {display:block; background:url('../pictures/novinka.gif') no-repeat;}
#obsah .doporucujemeStav span.stavDoporucujeme {display:block; background:url('../pictures/doporucujeme.gif') no-repeat;}
#obsah .akceStav span.stavAkce {display:block; background:url('../pictures/akce.gif') no-repeat;}

#obsah .galerie img {width:100px;}

#obsah div.aktualita {position:relative; font-size:90%; float:left; width:213px; height:250px; margin:0px 5px 5px 5px;}
#obsah div.aktualita h3 {position:absolute; top:0px; left:0px; margin:0px; padding:8px 10px 10px 10px; width:193px; font-size:130%; background:url('../pictures/cernaPruhled.png'); color:white;}
#obsah div.aktualita h3 a {color:white;}
#obsah div.aktualita h3 a:hover {color:white; text-decoration:none;}
#obsah div.aktualita div.datum {position:absolute; top:128px; left:0px; padding:0px 0px 0px 10px; width:203px; height:20px; line-height:20px; background:url('../pictures/cernaPruhled.png'); color:white;}
#obsah div.aktualita div.datum a {color:white;}
#obsah div.aktualita div.datum a:hover {color:white; text-decoration:none;}
#obsah div.aktualita div.textAkt {padding:5px 5px 0px 5px;}
#obsah div.aktualita .obrazek {height:148px; text-align:center; overflow:hidden;}
#obsah div.aktualita .obrazek img {width:213px;}

#obsah .aktualitaDetail .aktObrazek {float:right; margin:0px 0px 8px 15px;}

#obsah .novinky {margin:20px 0px 0px 0px;}

#obsah div.pozadiDetail {position:relative; min-height:210px; background:#f6f6f6 url('../pictures/detail.gif') right bottom no-repeat; width:410px; padding:10px 10px 15px 10px; margin:0px 0px 15px 0px;}
#obsah div.detail ul {margin:10px 0px 10px 12px; 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 {text-align:center; margin:10px 0px 0px 8px; width:122px;}
#obsah div.detail form input {text-align:center; width: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; right:5px; top:10px;}
#obsah a[href $='.pdf'] {padding: 2px 0px 3px 20px; background: url(../pictures/pdf_small.gif) no-repeat;}
#obsah a[href $='.xml'] {padding: 2px 0px 3px 20px; background: url(../pictures/xml_small.gif) no-repeat;}

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

#strankovani {margin:8px 0px 0px 3px; font-size:110%;}
#strankovani a, #strankovani .tlacitko, #strankovani strong {margin:0px 4px 0px 4px;}
#strankovani .tlacitko {padding:2px; background:#ececec; border:1px solid #d4d4d4; color:#d4d4d4; font-size:120%; font-weight:bold;}
#strankovani .tlacitko a {text-decoration:none; margin:0px;}

#obsah table.kosik {position:relative; margin:5px 0px 0px 0px; text-align:center; border-collapse:collapse; width:670px; line-height:2;}
#obsah table.kosik input {font-size:90%; width:20px; text-align:center; padding:0px;}
#obsah table.kosik img {position:relative; top:3px;}
#obsah table.kosik td {padding:2px;}
#obsah table.kosik tr.horni {background:#e9e3db; color:#928a7f; font-weight:bold; border:none;}
#obsah table.kosik tr {border-bottom:1px solid #e9e3db;}
#obsah table.kosik td.prvni {text-align:left; padding:2px 2px 2px 7px;}
#obsah .platbaDisabled {color:#888;}
#obsah .platbaDisabled label {cursor: default;}
#obsah .dopravaAPlatba {font-size: 110%;}

#obsah div.pokracovat {text-align:center; margin:12px 0px 0px 0px;}
#obsah div.pokracovat a {background:#d9261c; color:white; padding:3px 5px 3px 5px; text-decoration:none;}
#obsah div.pokracovat a:hover {background:#b6130a; color:white;}

.uvod {width:445px !important; float:left !important; left:20px;}

#infoLista {position:relative;
width:940px;
font-size:80%;
height:160px;
text-align:center;
margin:15px 0px 0px 0px;
}
#infoLista h2 {background:#d4d4d4; border-left:1px solid #eeeeee; height:30px; line-height:30px; margin:0px; color:black; font-size:130%; font-weight:bold;}
#infoLista .listaBox {float:left; width:188px;}
#infoLista img {height:100px;}
#infoLista .listaBox div {border-left:1px solid #eeeeee; height:100px; padding:15px 10px 15px 10px; overflow:hidden;}
#infoLista div.last div {border-right:1px solid #eeeeee;}
#infoLista div.last h2 {border-right:1px solid #eeeeee;}

#paticka {position:relative;
padding:10px 0px 40px 0px;
width:940px;
color:#8c8c8c;
border-top:4px solid #cfcfcf;
font-size:80%;
line-height:1.4;
}
#paticka p {margin:0px 0px 10px 0px;}
#paticka a {color:#6b6b6b; text-decoration:underline;}
#paticka a:hover {color:#393939;}
#paticka .pravo {float:right; text-align:right; line-height:1.8;}

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

a {color:#cd242d; text-decoration:underline;}
a:hover {color:#a5121a;}

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

table {font-size:100%;}

.center {text-align:center;}

h2  {margin:10px 0px 5px 0px; color:#cd242d; font-size:200%; height:24px; line-height:24px; font-weight:normal; font-family:sans-serif;}
h3  {margin:10px 0px 5px 0px; color:#cd242d; font-size:150%; font-weight:bold; font-family:sans-serif;}

.redbox {background: #eee url(pictures/important.png) no-repeat 10px 10px; color: #ee0000; font-weight: bold; padding: 10px 10px 10px 50px; border: #dd0000 2px solid; margin: 10px 0px 10px 0px; font-size: 10pt;}
.redbox a {color:#fff;}
.redbox a:hover {color: #000;}
.important {font-family: Calibri; background: #ffef6c url(pictures/important.png) no-repeat 10px 10px; color: #e71000; font-weight: normal; 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 {background: #d9261c; border: 1px solid #be0093; color: #fff; padding: 2px 7px 2px 7px; margin: 1px; cursor: pointer;}
button:hover {background: #fb483e; border: 1px solid #be0093; color: #fff; padding: 2px 7px 2px 7px; margin: 1px; cursor: pointer;}
button.button {background: #d9261c; border: 1px solid #be0093; color: #fff; padding: 5px 10px 5px 10px; margin: 1px; cursor: pointer;}
button.button:hover {background: #fb483e; border: 1px solid #be0093; color: #fff; padding: 5px 10px 5px 10px; margin: 1px; cursor: pointer;}
.doprava {float:right;}

.asistent {font-size: 8pt; width: 100%; border: 0px;}
fieldset {background: #f5f5f5; border: 1px solid #ccc; margin-top: 10px; padding: 8px;}
fieldset legend {color: #fff; background: #d9261c; font-weight: bold; padding: 2px 5px 2px 5px; border: 1px solid #fff;}
fieldset fieldset legend {background: #fc594f;}