html, body, div, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    list-style: none;
}
body {
    font-size: 62.5%;
    text-align: center;
    font-family: sans-serif;
}
#content {
    width: 934px;
    text-align: left; position:relative;
    margin: 5px auto 0 auto;
    background:white;
    clear: both;
}
#header {
    width:100%;
    height:235px;
    margin-bottom:50px;
    height: 260px;
    background: url(bg_header.jpg) no-repeat bottom center;
}
#main {
    width: 701px; 
    float: left;
    position: relative; 
    left: 233px; margin:0;
    padding: 0; 
    margin-bottom:10px;
}
#not_found #main {left:0px;}
#main div.in {background:url(bg_border.gif) 0 0 repeat-y;  padding:0 15px; width:671px; position:relative;}
#side {
    width: 225px;
    float: left;
    position: relative;  
    left: -701px;
    color:#232323;
    margin-bottom:10px;
}
#otherside {
    position: absolute; top:43px; right:0;
    height:40px; line-height:40px;
    width: 675px;
    text-align:center;
}
#mininavigation {
    position: absolute; top:260px; right:0;
    width: 934px; height:43px; 
    background: url(bg_mininavigation.gif) 0 0 no-repeat;
}
#footer {clear:both; background:url(bg_footer.gif) 0 0 no-repeat; }

/* Uvod */
#main.uvod, #main.detail {background:url(uvod_bottom.gif) 0 100% no-repeat; padding-bottom:11px;}
#main.uvod h1 {background:url(uvod_top.gif) 0 0 no-repeat; padding:17px 0 0 30px; font-size:200%; font-weight:bold; } 
#main.uvod h2 {color:#D13F1F; padding-left:15px; font-size:170%;}
/* Detail */
#main.detail h1 {background:#000 url(hlavicka_cerna.gif) 0 0 no-repeat; color:white; font-size:140%; font-weight:bold; text-align:center; line-height:25px; font-size:130%; height:25px; } 
#main.detail h3 {clear:both; line-height:25px;  height:25px; font-size:130%; background:#000; color:white; font-size:120%; font-weight:bold; padding:0 40px; margin:0 -15px; margin-top:15px;}
h2.hlavicka {background:#000 url(hlavicka_cerna.gif) 0 0 no-repeat; color:white; font-size:140%; font-weight:bold; line-height:25px; font-size:130%; height:25px; padding:0 0 0 45px; clear:both; margin-top:15px;}
p.drobky a {color:#000000; text-decoration:none;}
p.drobky a:hover {text-decoration:underline;}
#main.detail .img {width:130px; text-align:center; float:left; }
#main.detail .img a {text-decoration:none; color:black; font-size:90%;}
#main.detail .img a img {border: 1px solid #CCCCCC;}
#main.detail .img a span {background:url(lupa.gif) 0 50% no-repeat; padding-left:22px;}
#main.detail .img a:hover {text-decoration:underline;}
#main .popisdetail {width:510px; margin-left:140px; }
#main .popisdetail p {line-height:1.6em;}
#main.detail p.cena {width:160px; float:right; line-height:1.5em; padding-left:10px;}
#main.detail p.cena a.hoditdokosiku {display:block; padding-left:27px; margin-top:8px; width:95px; height:18px; line-height:18px; border:0; background:#BF350D url(plus_velke.gif) 0 0 no-repeat; font-size:90%; font-weight:bold; color:white; text-decoration:none;}
#main .ikonky { width:490px;}
#main .ikonky p.pul {width:50%; float:left;}
a.tisk {padding-left:33px;display:block;  height:29px; line-height:29px; background:url(tiskarna.gif) 0 50% no-repeat; color:black; text-decoration:none; font-weight:bold;}
#main .ikonky span {display:block; padding-left:33px; height:29px; line-height:29px;}
#main .ikonky span span {display:inline; padding:0;}
span.vyrobce {background:url(papir.gif) 0 50% no-repeat;}
span.sleva {background:url(sleva.gif) 0 50% no-repeat;}
span.dodani {background:url(auto.gif) 0 50% no-repeat;}
#main table.parametry {margin-top:15px;}
#main table.parametry td {border:1px solid #C1C2C3; padding:2px 10px;}
#main table.parametry tr td:first-child {font-size:90%;}
#main p.dalsiobrazky a {color:black; text-decoration:none; width:166px; float:left; padding-top:4px; text-align:center;}
#main p.dalsiobrazky a img {border:1px solid #919191;}
#main p.dalsiobrazky span {padding-left:25px; position:relative; top:4Px; background:url(lupa.gif) 0 50% no-repeat; font-size:90%;}
.spodek_oramovani {height:11px; width:100%; clear:both; background:url(uvod_bottom.gif) 0 0 no-repeat;}
/* Spolecne */
.trojbunka {width:214px; height:212px; float:left; position:relative; background:#E8E8E8 url(paticka-3bunky.gif) 0 100% no-repeat; margin:5px 14px 5px 0;}
.trojbunka.last {margin-right:0;}
#main  .trojbunka h3 {height:auto; _height:20px; min-height:20px; background:#D1D1D1 url(hlavicka-3bunky.gif) 0 0 no-repeat; padding:9px 10px 0 10px; color:#C63015; font-size:120%; margin:0 0 10px 0;}
#main.detail .trojbunka h3  {line-height:1.4em;}
#main  .trojbunka h3 a {text-decoration:none;}
#main  .trojbunka h3 a:hover {text-decoration:underline;}
#main .trojbunka p {padding:0; margin:0; }
#main .trojbunka p.popisek {font-size:100%; width:115px; float:left; position:relative; left:90px;}
#main .trojbunka p.img {width:80px; float:left; position:relative; left:-105px;}
#main .trojbunka .spodek {position:absolute; bottom:10px; left:0px; height:40px; background:#E8E8E8;}
#main .trojbunka p.cena {clear:both;  padding:0 10px 5px 10px; font-weight:bold; }
#main .trojbunka p.cena span {color:#9B9B9B; }
#main .trojbunka p.cena span.bold {color:#C63015; font-weight:bold; }
#main .trojbunka p.detaily {padding:0 10px; height:17px; line-height:17px; width: 194px; }
#main .trojbunka p.detaily a {display:block; background:#7F8279; color:white; width:55px; text-align:center; font-size:90%; text-decoration:none;float:left; }
#main .trojbunka p.detaily a.hoditdokosiku {width:110px; height:17px; padding-left:15px; float:right; line-height:17px; border:0; background:#BF350D url(plus.gif) 0 0 no-repeat; font-size:90%; color:white;}
/* Vypis */
#main.vypis {background:url(uvod_bottom.gif) 0 100% no-repeat; padding-bottom:11px;}
#main.vypis h1 {background:#000 url(hlavicka_cerna.gif) 0 0 no-repeat; color:white; font-size:140%; font-weight:bold; line-height:25px; font-size:130%; height:25px; padding-left:25px;  clear:both; } 
ul.kat {width:300px; padding-left:30px; float:left; padding-bottom:10px;} 
ul.kat li {height:46px; line-height:46px;}
ul.kat li a {color:black; text-decoration:none; line-height:46px; text-transform:uppercase; font-weight:bold;}
ul.kat li a:hover {_text-decoration:underline;}
ul.kat li a img {margin-right:17px;}
ul.kat li a:hover img {text-decoration:none;}
ul.kat li a span {position:relative; top:-20px; }
ul.kat li a:hover span {text-decoration:underline;}
#main p.cislovani {float:right; margin:0; padding:0; width:300px; position:relative; top:20px; text-align:right; color:white; padding-right:40px; font-size:100%;}
#main p.cislovani a {color:white;}
#main.vypis div.in {background:url(bg_border.gif) 0 0 repeat-y;  padding:0 25px; width:651px; position:relative; }
#main p.zahlavi {padding-top:15px; border-bottom:1px solid black;}
#main p.zahlavi a {color:black; text-decoration:none;}
#main p.zahlavi a:hover {text-decoration:underline;}
#main p.zahlavi span {float:right;}
.dvojbunka {width:319px; height:278px; float:left; position:relative; background:#e8e8e8 url(dvojbunka.gif) 0 100% no-repeat; margin:20px 13px 0 0; overflow:hidden;}
.dvojbunka.last {margin-right:0;}
#main .dvojbunka h3 {height:auto; _height:20px; min-height:20px; padding:9px 10px 0 10px; font-size:120%; margin:0 0 10px 0;}
#main .dvojbunka h3 a {color:black;}
#main .dvojbunka h3 a:hover {text-decoration:none;}
#main .dvojbunka p {padding:0; margin:0; }
#main .dvojbunka .popisek {font-size:100%; width:160px; float:left; position:relative; left:140px;}
#main .dvojbunka p.img {width:120px; float:left; position:relative; left:-150px;}
#main .dvojbunka .spodek {position:absolute; bottom:10px; left:10px;  background:#E8E8E8;}
#main .dvojbunka p.cena {clear:both; margin-top:10px;}
#main .dvojbunka p.cena span.bold {font-weight:bold; }
#main .dvojbunka form.detaily_form {padding-right:10px; height:18px; line-height:18px; float:left;}
#main .dvojbunka p.detaily {height:18px; line-height:18px; width:235px; float: left;}
#main .dvojbunka p.detaily a {display:block; background:#7F8279; color:white; width:100px; text-align:center; font-size:90%; text-decoration:none;float:right; font-weight:bold; }
#main .dvojbunka p.detaily a.hoditdokosiku {width:110px; height:17px; padding-left:19px; float:left; line-height:18px; border:0; background:#BF350D url(plus_velke.gif) 0 0 no-repeat; font-size:90%; color:white; }
#main p.cisilka {clear:both; text-align:center; font-size:100%; padding-top:15px;}
#main p.cisilka a {color:black;}
/* Doplnky layoutu */
#header a.current {display:block; overflow:hidden; width:0; height:60px; padding-left:245px; position:absolute; top:28px; left:0;}
a#menujump {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}
#side h2 {height:25px; background:url(side-top.gif) 0 0 no-repeat; margin:0; padding:0; color:white; text-align:center; line-height:25px; font-size:130%; font-weight:bold;}
#side h3,#side h3 a {color: #226272; font-weight:bold; text-transform:uppercase; font-size:120%; margin:0; padding:0 0 5px 0;text-decoration:none;}
#side h3 a:hover {text-decoration: underline;}
#menu { background:#E8E8E8; border-left:1px solid black; border-right:1px solid black;  padding:20px 10px 0 10px;}
#menu ul {padding-bottom:20px;}
#menu ul li {border-bottom:1px dotted #7F7F7F; height:20px; margin:0; padding:0; display:block; }
#menu ul li a {display:block; height:100%; background: url(menuitem.gif) 3px 50% no-repeat; text-decoration:none; font-size:120%; font-weight:bold; color:black; padding-left:20px; line-height:20px;}
#menu ul li a:hover {background:#D8DFE1 url(menuitem_hover.gif) 3px 50% no-repeat; color:#226272;}
div.side-bottom {height:11px; width:100%; background:url(side-bottom.jpg) 0 0 no-repeat;}
#side p.adresa {height:83px; width:200px;  padding-right:25px; padding-top:27px; margin-top:5px; margin-bottom:5px;  background:url(adresa.gif) 0 0 no-repeat; text-align:right; font-size:120%; font-weight:bold;}
#side p.katalog {height:42px; width:225px; margin-bottom:5px; background:url(katalog2.gif) 0 0 no-repeat; }
#side p.katalog a { display:block; height:42px; width:225px; }
#side form.katalog { background:#E8E8E8; border-left:1px solid black; border-right:1px solid black;  padding:10px 10px 0 10px; text-align:right; }


#otherside li {display:inline; padding:0 10px; border-left:1px solid #6B6A64;}
#otherside li.first {border:none;}
#otherside a {color:#414141; font-weight:bold; font-size:120%; text-decoration:none;}
#otherside a:hover {text-decoration:underline;}
#mininavigation form {width:195px; float:right; margin-top:6px;}
#mininavigation form label {color:white; text-transform:uppercase; margin-right:5px; font-size:120%;}
#mininavigation input#search {width:95px; margin:0 5px; border:1px solid black; font-size:100%;}
#mininavigation input#hledacek {position:relative; top:5px;}
#mininavigation p {line-height:45px; margin-left:72px; color:white; font-size:120%;}
#mininavigation a {text-decoration:none; color:white; padding:0 10px; border-left:1px solid white;}
#mininavigation a.reg {padding:0; border:none;}
#mininavigation a:hover {text-decoration:underline;}
#mininavigation span {padding:0 10px; border-left:1px solid white;}
#footer p {line-height:52px; text-align:center; width:100%; color:black; font-size:110%; font-weight:bold; }
#lista {margin:10px 0; color:#6C6C6C; text-align:center; width:100%;}
#lista a {color:#6C6C6C;}
#main table.kosik {margin-top:15px;}
#main table.kosik th { background:#E8E8E8; text-align:left; border:1px solid #E8E8E8; padding:3px 10px 3px; }
#main table.kosik td {border:1px solid #C1C2C3; padding:3px 10px 3px;}
#main table.kosik td.celkem { border:none;text-align:right;font-weight:bold; padding-top:10px; }
#main table.kosik td.celkem.bez { padding-top: 0px;}
#main table.kosik td.celkem.top { font-size:110%; text-transform:uppercase;}
#main table.kosik.kont th { padding-top:8px; border:none; background:none; }
#main table.kosik.kont td {border: none;}
#main p.kosik {margin:0; padding-bottom:0;}
#main table.kosik a.ks { font-size: 120%; color:#000000; text-decoration:none; }
#main table.kosik a:hover.ks { text-decoration:none; color:#cccccc; }

#main p.ovladani {padding:20px 0 0 0; height:18px; line-height:18px; width:95%; margin:auto; }
#main p.ovladani a {display:block; background:#7F8279; color:white; width: 130px; text-align:center; font-size:90%; font-weight:bold; text-decoration:none;float:left; }
#main p.ovladani a.objednat {width:130px; height:18px; padding-left:18px; float:right; line-height:18px; border:0; background:#BF350D url(objednat.gif) 0 0 no-repeat; font-size:90%; color:white;}

a.objednej { display:block; width:140px; height:18px; background:url(objednat.gif) 0 0 no-repeat; }
a.pokracovat { display:block; width:140px; height:18px; background:url(objednat.gif) 0 0 no-repeat; }


#main p{
    font-size: 120%; 
    padding: 0.7em 0;
    line-height: 1.3em;
}
#main ul, #main ol {
    margin: 0.5em 0;
}
#main ul li, #main ol li{

    margin-left: 2em;
    font-size: 120%;
}
#main .in li {
    list-style: disc outside;
}
#main table {
    margin: 0 auto;
    width:95%;
    font-size: 120%;
    border-collapse: collapse; color:#333333;
}
#main table th {
    text-align: right;
}
#main table th, #main table td {
    vertical-align: middle;
}
#main table thead th {
    text-align: center;
}
#main table .second {
    text-align: right;
}
#main table th + td { /* řešení pro prohlížeče nepodporující col/colgroup, musí být zvlášť kvůli IE */
                      text-align: right;
}
#main table thead th, #main table thead td {
    border-bottom: black double;
}
#main table tfoot th, #main table tfoot td {
    border-top: black double;
}
#main table tbody th {
    border-right: black double;
}
#main table caption {
    caption-side: bottom;
    font-style: italic;
    text-align: left;
}

/* Obecné */
h1, h2, h3, h4, h5, h6 { padding:1em 0 0 0; }
h1 {font-size: 180%; margin:0; padding:0; }
h2 {font-size: 160%;}
h3 {font-size: 140%;}
h4 {font-size: 130%;}
form, fieldset, legend {
    margin: 0;
    padding: 0;
    border: none;
}
fieldset {
    margin: 0.5em 0;
}
fieldset legend {
    font-size: 120%;
    font-weight: bold;
    color: #333;
}
fieldset fieldset legend {
    font-size: 130%;
}


/* Specifické */
.hidden {display: none;}
.cistic {clear:both; font-size:0; height:0; line-height:0;}
.cistic br {display:none;}
.clearing {clear:both;}
a {text-decoration: underline; color: #C63015; }
a:hover {text-decoration: none;}
a img {border: none; }
.bold {font-weight:bold;}
.cervene {color:#C63015;}

#lang a {
    display: block;
    background: #fff url('sk.jpg') no-repeat top right;
    width: 36px;
    height: 26px;
    position: absolute;
    top: 5px;
    right: 20px;
}

#lang a span {
    display: none;
}