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%;
    color: #333;
    background:#fff;
    font-family: sans-serif;
}
#container {
    width: 990px;
    text-align: left; position:relative;
    margin: 0px;
    background:url(bg_sloupec.gif) 555px 0 repeat-y;
}
#main {
    width: 540px; padding-left:10px;
    float: left;
    position: relative; 
    left: 0; margin:0; 
}
#drobecky {width:970px; padding:0 10px; height:22px; line-height:22px; position:absolute; top:370px; left:0; border-top:4px solid white; border-bottom:4px solid white; background:#58595D; color:#DDDDDD; z-index:1;  }
#drobecky a {color:white;}
#side {
    width: 180px; 
    float: left;
    position: relative; left: 5px;
    overflow:hidden;
    border-top:40px solid white;
    background:#8EBC2B; 
}
#otherside {
    width: 250px;
    float: left;
    position: relative;
    left: 10px; top:40px;
}
#footer {clear:both;padding-top:25px; }

#lista {margin-left:10px; width:540px;}
#lista a {color:#7D7D7D; text-decoration:none;}

/* Doplnky layoutu */
#logo {height:115px; padding-bottom:250px; margin-left:-5px !important; background:url(hlava.jpg) 0 100% no-repeat; }
#logo a.logos {display:block; overflow:hidden; width:0; height:100px; padding-left:430px;  margin-left:5px; margin-top:20px;  background:url(logo.png) 0 0 no-repeat; position:absolute; top:0; left:0; }
a#menujump{position:absolute;  width:0;  height:0;  overflow:hidden;    }

/* Side */
#side form {height:75px; width:150px; padding:0 15px; border-bottom:5px solid white; overflow:hidden; }
#side form input#search {width:120px; border:0;}
#side form .submit {position:relative; left:5px; top:5px;}
#side form legend {display:none;}

#side form.vyhledavac {margin:0; padding-top:15px; height:60px;}
#side form.vyhledavac legend {display:none;}
#side form.vyhledavac input {width:120px;}
#side form.vyhledavac button {border:0; margin:0 0 0 4px; padding:0; width:22px; height:22px; overflow:hidden; background:url(hledat.gif) 0 0 no-repeat; cursor:pointer;}
#side form.vyhledavac button span {visibility:hidden;}

/* Menu */
ul#menu {height:210px; padding:20px 20px; overflow:hidden; background:#1B8914;}
ul#menu li {padding:4px 0;}
ul#menu li.poptavka {margin-top:10px; text-transform:uppercase;}
ul#menu li.poptavka a {font-size:150%;}
ul#menu a {color:white;  font-size:130%; text-decoration:none; font-weight:bold; }
ul#menu a:hover, ul#menu a:focus, ul#menu a:active {color:#FEFF5F}

#products-menu {margin-top:50px;}
#products-menu a { display:block;  width:140px; padding:0 20px; margin:10px 0; font-size:140%; font-weight:600; color:white; text-decoration:none; background:}

/* Submenu */
#products-menu ul li ul a {padding-left:30px; font-size:120%;}
#products-menu ul li ul li ul a {padding-left:40px; color:#EFEFEF;}

#products-menu .active a { color:#FEFFAF;}
#products-menu a:hover, #products-menu a:focus, #products-menu a:active {color:#333333;  }

/* Otherside */
#otherside h4 {padding:0; margin:5px 0; font-weight:bold; font-size:130%;}

#otherside p.kosik {height:55px; padding-top:20px; padding-left:10px; font-size:140%; line-height:1.5em; background:url(kosik.gif) 100% 95% no-repeat;}
a.ukazkosik {position:absolute; right:10px; top:18px; font-size:80%; font-weight:bold; color:#7F7F7F; text-decoration:none;}
a.ukazkosik:hover, a.ukazkosik:active, a.ukazkosik:focus {color:#E76301; text-decoration:underline;}
#otherside p.kosik span {font-weight:bold;}

#otherside div.act.block {height:250px; width:250px; margin:0; padding:0; margin-top:5px;  background:#E4E4E4; text-align:center; position:relative; border:0;}
#otherside .H-tmave {padding:0 10px; height:31px; line-height:31px; background:#58595D url(bg_H-tmave.gif) 100% 0 no-repeat; color:#FFFFFF; font-weight:bold; font-size:140%; text-align:left;}
#otherside .act img {border-bottom:1px solid grey; margin:0 auto;}
#otherside .act h4 {margin:5px 10px; padding:0;}
#otherside .act p, #otherside .act p.price {margin:0 10px; padding:0; font-size:120%;}
#otherside .act span.neplatne {color:#807C7C;}
#otherside .act span.cervene {color:#DE2A21; font-weight:bold;}

ul#superdeal {width:250px; height:220px; }
#superdeal li {display:block; float:left;  margin:0; padding:0; height:210px; padding-top:10px; width:250px; font-size:100%; font-weight:bold;}

#otherside .H-svetle {margin:10px 0 0 0; padding:0 10px; height:31px; line-height:31px; background:#E2DEDE url(bg_H-svetle.gif) 100% 0 no-repeat; color:#3F3F3F; font-weight:bold; font-size:140%;}
#otherside h3.odsadit {margin:30px 0 0 0;}
#otherside .block {margin:0 0 5px 0; padding:0 15px 5px 15px; border:1px solid #E1DEDE;}
#otherside p.datum {margin:12px 0 0 0; color:#797975;}
#otherside .block p {font-size:110%; margin: 0.7em 0; }

#otherside ul.block, #otherside ol.block  {padding:5px 15px;}
#otherside ul.block li, #otherside ol.block li {font-size:110%; line-height:1.4em; margin:0.3em 0;  width:100%; position:relative; border-bottom:1px solid #E2DEDE; padding-bottom:2px;}
#otherside ul.block li a, #otherside ol.block li a { padding-right:45px;}
#otherside ul.block li span, #otherside ol.block li span {position:absolute; right:0; top:0;}

#otherside .reklama {margin:10px 0 0 0;}



/*Uživatel - přihlašování*/
div.uzivatel {position:absolute; top:229px; left:349px; width:170px; height:130px; padding:5px 15px; background:#1B8914; filter: alpha(opacity=80); -moz-opacity: .80; -khtml-opacity: .80; opacity: .80; z-index:10; border-left:1px solid #fff; border-top:1px solid #fff; overflow:hidden;}
div.uzivatel.active {background:#fff; filter: alpha(opacity=90); -moz-opacity: .9; -khtml-opacity: .9; opacity: .9; border-left:1px solid #58595D; border-top:1px solid #58595D; }
div.uzivatel form, div.uzivatel form fieldset {margin:0;padding:0;position:relative;}
div.uzivatel legend {color:#000; margin-bottom:3px; }
div.uzivatel a {color:white;}
div.uzivatel.active a {color:#E36C09;}
div.uzivatel h3 {color:#000;}
div.uzivatel.active legend {color:#333;}
div.uzivatel form div {position:relative; margin:1px 0;  width:150px;}
div.uzivatel p {margin:5px 0 0 0; padding:0; font-size:110%; font-weight:bold;}

#footer p { font-size:110%; margin:10px;}
#footer a { }
#footer a#nahoru {width:0; padding-left:27px; height:19px; display:block; overflow:hidden; background:url(top.gif) 0 0 no-repeat; position:absolute; bottom:0; left:685px; }

#main p{
    font-size: 120%; 
    margin: 0.7em 0; 
    line-height: 1.4em;
}
#main ul, #main ol {
    margin: 0.5em 0;
}
#main ul li, #main ol li{
    margin-left: 2em;
    font-size: 120%;
}
#main table {
    width: 100%;
    font-size: 120%;
    border-collapse: collapse; color:#333333;
}
#main table tr.even {
    background:#EFEFEF;
}
#main table td {
    padding:2px 10px;
}
#main table th, #main table td {
    vertical-align: middle;
}
#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 caption {
    caption-side: bottom;
    font-style: italic;
    text-align: left;
}

#main h2.zvyrazni {background:#EF8704; color:#fff; margin:1.5em -10px 0.5em 0; padding:5px 10px; font-style:italic; z-index:1;}


/*Poptavka*/
form.poptavka {margin-top:15px; border-top:1px dotted #58595D; padding-top:15px;}
form.poptavka label {font-size:130%; display:block; float:left; width:120px; padding-right:10px; margin:3px 0;}
form.poptavka label.pop-text {width:auto; text-align:left;}
form.poptavka input {margin:3px 0;}
form.poptavka br {clear:left;}



/*POložky zboží*/
#main p.strankovani {color:#333; font-size:120%; padding-top:5px; border-top:1px solid #58595D;}
#main form#filtrace {background:#58595D; color:#fff; padding:5px 10px;} 


#main .item {margin-top:5px; padding:5px 0 0 0; position:relative; width:538px; border:1px solid #D7D6D6;   background:#fff url(bg-item.jpg) 0 100% repeat-x; font-size:100%;}
#main .item h3 {font-weight:bold; background:#EBEBEB; margin:0; padding:0 10px; border-left:3px solid #CFCFCF; height:30px; line-height:30px;}
#main .item h3 a {color:#000; display:block; height:30px;  padding-right:20px; background:url(lupky.gif) 100% 0 no-repeat;}
#main .item h3 a:hover, #main .item h3 a:active, #main .item h3 a:focus {background:url(lupky.gif) 100% 100% no-repeat; color:#E66201;}
#main .item .popis {width:280px; float:right; margin-right:10px;}
#main .item p.price {min-width:100px; padding:3px 8px;  position:absolute; bottom:5px; right:0; font-size:130%; background:#58595D; color:white;}
#main .item p.price span {font-weight:bold;}
#main .item p.price span.sleva {color:#FFB95F;}


#main .itemimg {height:120px; width:220px; margin-left:10px; text-align:center; background:#fff; overflow:hidden;}
#main .itemimg img {margin-top:10px;}
input.pocet {width:40px;}

/*bazar*/
#main .item.bazar img {float:left; padding:0 10px 5px 5px;}
#main .item.bazar p.cena {clear:both;}
#main .item.bazar p {margin-left:10px; margin-right:10px;}
#main .item.bazar p.info {margin-bottom:15px;}
#main .uzivatel_bazar {background:#FFEDDF; padding:5px 15px;}

form.inzerat {background:#F2F2F2; padding:10px 15px;}


/* Přihlášení */
#main form.border {width:260px; margin:0 auto;}
#main form.border fieldset {padding:1em; border:1px solid #0038BF;}
#main form.border button {margin:10px 0 5px 55px;}	

/*Detail zboží*/
.detail { position:relative;}
.atributy {width:100%;  position:absolute; top:-10px; left:0; z-index:1; text-align:right;}
#main .nakup {width:220px; float:right; position:relative; padding:10px 15px 0 15px; margin:0; text-align:left; height:102px; background:url(bg_nakoupit.gif) 0 0 no-repeat; }
#main .nakup p.cena {position:relative; margin:0; padding:5px 0 0 0; font-size:120%;}
#main .nakup p.cena span {position:absolute; left:70px; }
#main .nakup p.cena span.nesleva {text-decoration:line-through; color: #838080;}
#main .nakup p.cena span.sleva {color: #fc0000; font-size:110%;}
#main .nakup p.last {position:absolute; bottom:3px; left:10px; width:230px; color:#EBEBEB; background:#58595D; margin:0; padding:0; font-size:100%;}
#main .nakup form input.pocet {border:1px solid #ebebeb; color:#000; text-align:center;}
#main button.koupit {height:30px; background:url("nakup-kosik.gif") 100% 0 no-repeat; border:0; color:#f2800f; font-weight:bold; cursor:pointer; margin:0; padding:0 30px 0 0;  
}
#main .nakup a {color:white; font-size:110%; float:right; position:relative; top:4px; font-weight:bold;}
#main p.expedice {clear:right; width:170px; padding:10px 15px 0 15px; float:right; text-align:center; font-style:italic;}


#main table.parametry {}
#main table.parametry tr {
    border-bottom:1px solid #CFCFCF;
}  
#main h2.parametry, #main h3.varianty, #main h3.stylovane {
    margin:30px 0 2px 0;
    padding:5px 10px;
    background:#58595D; color:white;
} 

.diskuse {background:#F7F7F7; padding: 2px 10px; margin:3px 0; border-bottom:1px solid #CFCFCF; border-right:1px solid #CFCFCF; position:relative;}
.diskuse a.reagovat {position:absolute; right:10px; top:5px;}
.diskuse.admin {background:#FFE9CF;}
#main .diskuse p {font-size:110%;}
#main .diskuse p.head {font-size:120%;}

#main form#kom_form {margin-top:20px; background:#EFEFEF;padding:5px 10px; border-top:1px solid #9F9F9F; }
#main form#kom_form legend {margin-bottom:10px;}
#main form#kom_form label {display:block; font-size:120%; text-align:left;}
#main form#kom_form br {clear:both;}
#main textarea#kom_text {width:450px; height:90px;}
#main form#kom_form div {text-align:center;}
#main form#kom_form div.schovej {text-align:left;}

/* Kategorie */
#main ul.subcategory li {list-style-type:square; width:40%; float:left; font-size:140%; margin-top:5px;}

/* Obecné */
h1, h2, h3, h4, h5, h6 { font-weight:bold; padding:1em 0 0.3em 0; }
h1 {margin:25px 0 10px 0; font-size: 220%; color:#669600;  font-weight: normal; }
h2 {font-size: 160%;}
h3 {font-size: 140%; margin:0;}
h4 {font-size: 130%;}
form, fieldset, legend {
    margin: 0;
    padding: 0;
    border: none;
}
form {
    font-size: 110%;
    margin: 0 auto;
}
fieldset {
    margin: 0.5em 0;
}
fieldset legend {
    font-size: 120%;
    font-weight: bold;
    color: #333;
}
fieldset fieldset legend {
    font-size: 120%;
}
form label {
    text-align: right;
}

li p {font-size:100%;}

address {margin:0.8em 0.5em; font-size:130%; font-weight:bold; line-height:1.3em;}

/* Specifické */
.small {font-size:x-small;}
.nobreak {white-space: nowrap;}
.hidden {display: none;}
.skrt, .neplatne {text-decoration:line-through;}
.cistic {clear:both; font-size:0; height:0; line-height:0;}
.cistic hr {display:none;}
.bold {font-weight:bold;}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.red {color:red;}
a {text-decoration: underline; color:#1B8914; }
a:hover {text-decoration: none;}
a img {border: none; }

form label.overlabel {text-align: left !important;}
label.overlabel {color:#333;} 
label.overlabel-apply { position:absolute; top:4px; left:4px; z-index:1; color:#333; font-size:110%; }