* { margin: 0; padding: 0; border: 0; }

html { overflow-y: scroll; }

html, body { height: 100%; }

/* OBECNÉ */

body {
    font: 0.73em Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    background: #300 url(/skins/img/wood.jpg);
}

body a { color: #000; text-decoration: none; }

.clear { clear: both; height: 0; line-height: 0; }
.spacer { width: 250px; height: 0; line-height: 0; }

h1 { font: bold 1.5em Verdana, Arial, Helvetica, sans-serif; padding: 10px 3px 3px 3px; color: #07593E; }

h2 { font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; padding: 5px; color: #07593E; }

h3 { font: bold 1em Verdana, Arial, Helvetica, sans-serif; padding: 3px; color: #07593E; text-decoration: underline; }

h4 { font: bold 1em Verdana, Arial, Helvetica, sans-serif; padding: 3px; text-decoration: underline; }

p { padding: 6px 0 6px 0; }

.smalltext { font-size: 0.9em; }
.striked { text-decoration: line-through; }
.bold { font-weight: bold; }

.lgrey { color: #ACAF91; }
.lgrey a { color: #9D9164; text-decoration: underline; }

.green { color: #390; }
.red { color: #F30; }

.right { text-align: right; }
.center { text-align: center; }

.whitebg { background: #FFF; }
.wgraybg { background: #ECE6D0;}

/* LAYOUT*/

#page {
    width: 1000px;
    margin: auto;
    height: auto;
    min-height: 100%;
    background: white url(/skins/img/bg.jpg) repeat-y;
}

* html #page { height: 100%; }

#main {
    width: 800px;
    height: auto;
    min-height: 100%;
    padding-bottom: 60px;
    float: right;
}

#content {
    width: 520px;
    float: left;
    padding: 230px 20px 20px 20px;
}

#content a { color: green; text-decoration: underline; }

#content a:hover { color: red; }

#sorting, #search {
    padding: 10px;
}

#leftmenu {
    width: 196px;
    padding: 230px 0 50px 0;
    text-align: right;
    color: #960;
}

#leftmenu ol { list-style: none; }

#leftmenu ol li a {
    display: block;
    width: 168px;
    margin: 2px 0 0 8px;
    padding: 8px;
    color: #FFF;
    font: bold 1.14em Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    /*background-color: #A9AC89;*/
    background-color: #9DA082;

}

/*#leftmenu ol li a:visited { background-color: #C2C5A4; }*/
#leftmenu ol li a:visited { background-color: #ACAF91; }

#leftmenu ol li a:hover { background-color: #9D9164; }

#leftmenu ul { list-style: none; }

#leftmenu ul li { padding: 5px; }

#leftmenu ul li a, #leftmenu ul li a:hover, #leftmenu ul li a:visited {
    display: inline;
    font: 1em Verdana, Arial, Helvetica, sans-serif;
    background: none;
}

#leftmenu ul li a { color: #9D9164; }

#leftmenu ul li a:visited { color: #C2C5A4; }

#leftmenu ul li a:hover { color: #960; text-decoration: underline; }

#rightcol {
    width: 180px;
    height: 200px;
    float: right;
    padding: 230px 25px 20px 15px;
    color: white;
    font-size: 0.9em;
}

#rightcol a {
    text-decoration: underline;
    color: #C2C5A4;
}

.banner { padding-top: 12px; }

#top {
    width: 1000px;
    height: 230px;
    position: absolute;
    top: 0;
    background: url(/skins/img/top.jpg) no-repeat;
}

#topfoto {
    width: 400px;
    height: 200px;
    float: right;
}

#mainmenu {
    width: 570px;
    height: 35px;
    position: absolute;
    top: 175px;
    left: 30px;
    font: 1.8em "Times New Roman", serif;
    color: #07593E;
}

#mainmenu a { color: #07593E; text-decoration: none; }

#mainmenu a:visited { color: #960; text-decoration: none; }

#mainmenu a:hover { color: #993; text-decoration: underline; }

#footer {
    width: 520px;
    height: 40px;
      float: left;
      display: inline;
    margin: -50px 0 0 220px;
}

/* OBSAHOVÁ ČÁST */

#content a { color: #960; }

#content a:hover { color: #07593E; }

#content ul {
    list-style: disc outside none;
    padding: 10px 10px 10px 15px;
}

#content ul li {
    padding: 2px;
}

#article img { padding: 6px 10px 6px 10px; }

/* HLAVIČKA */

#navigace {
    height: 20px;
    padding: 10px;
}

#product {
}

#productimg {
    padding: 5px 15px 5px 0;
    float: left;
}

#productdesc {
    padding-top: 20px;
    overflow: hidden;
    height: 1%;
    min-width: 250px;
}

#moreinfo {
    width: 500px;
    height: 250px;
    background: gray;
}

table.tableinfo { padding-bottom: 10px; display: table; }

.tableinfo td {
    padding: 2px;
}

.singleproduct {
    width: 545px;
    padding: 0px;
}

table.singleproduct { width: 550px; margin: 10px 0px 2px -15px; }

.singleproduct tr { height: 20px; }

/*.singleproduct tr:hover { background: #FFF; }*/

.singleproduct td {
    vertical-align: middle;
    padding: 2px;
}

/*.singleproduct td.whitebg { border: #F1EDD3 1px solid; }*/

td.swatch { vertical-align: top; padding: 1px; }

.sv { width: 62px; }
.nr { width: 45px; }
.sname { padding: 2px 2px 2px 10px; }
td.pozn { padding: 0px 20px 15px 40px; }

tr.toprow td {border-top: #F2F2F2 2px solid;}

.icon {
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    padding: 0px;
}

.price {
    width: 60px;
}

.productlogo {
    float: right;
    padding: 0 0 2px 2px;
}

.sortimentlogo {
    float: left;
    width: 220px;
    text-align: center;
    padding: 10px 0px 10px 0px;
}

/* LIST*/

.perpage {
    padding: 5px;
    float: left;
}

.pages {
    padding: 5px;
    float: right;
}

.listcard {
    width: 165px;
    height: 270px;
    margin: 2px;
    display: block;
    background: url(/skins/img/card.jpg);    
    text-align: center;
    float: left;
    border: 2px white solid;
    /*background: red;*/
}

.listcard:hover {
    border: 2px #9D9164 solid;
}

.cardimg {
    height: 130px;
    margin: auto;
    margin-top: 15px;
}

.cardtext {
    padding: 4px 9px 4px 9px;
    height: 75px;
    cursor: hand;
    /*background: blue;*/
}

.listcard a div, .listcard a p, .listcard a div p { text-decoration: none; color: black; }

a p.blk, a div.blk { text-decoration: none; color: black; }

a p.red { color: red; }

/*.cardtext p, .cardtext h3 { padding: 2px 5px 3px 5px; }*/

/* NOVINKY */

.novimg {
    float: left;
    padding: 0 20px 20px 0;
}