* { 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; }

textarea { border: #999 2px inset; }


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

.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;}

.nowrap { white-space:nowrap;}

.input-td {width:50px;}
.fl {float:left;}

.mail {
    font: 0.73em Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    }
    
/* 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;
}

/* 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: 10px;
    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;
}



.login {margin:10px 0 5px 0;}
.login h4 {margin:0 0 8px 0;}
.login input {width: 160px; padding: 2px; border: #999 2px inset; margin: 0px 0 5px 0;}
.login input.pswd {float:left; width: 120px; padding: 2px; border: #999 2px inset; margin: 0px 0 5px 0;}
.login input.submit {float:left; width: 40px; border: #999 2px outset; padding: 2px; margin: 0 0 20px 0px;}

.registration {}
.registration .regform-table{margin:15px 0 0 0;}
.registration input {width: 160px; padding: 2px; border: #999 2px inset; margin: 0px 40px 5px 0;}
.registration input.submit {width: 168px; border: #999 2px outset; padding: 2px; margin: 0 0 0px 0;}

.fpass {}
.fpass input {float:left; width: 160px; padding: 2px; border: #999 2px inset; margin: 0px 0 5px 0;}
.fpass input.submit {float:left; width: 100px; border: #999 2px outset; padding: 2px; margin: 0 0 0px 0;}

.basket {}
.basket .regform-table{margin:15px 0 0 0;}
.basket .basket-table {border:1px solid black; width:500px; border-collapse:collapse;}
.basket .basket-table td {border:1px solid black; padding:3px 3px 3px 3px; vertical-align:top;}
.basket input {width: 160px; padding: 2px; border: #999 2px inset; margin: 0px 40px 5px 0;}
.basket select {padding: 2px; border: #999 2px inset; margin: 0px 40px 5px 0;}
.basket input.submit {width: 168px; border: #999 2px outset; padding: 2px; margin: 10px 0 0 160px;}
.basket-add-all {border: #999 2px outset; padding: 2px; margin: 10px 0 0 433px; width:100px; cursor:pointer;}
.basket-add-all-hidden {border:0; padding: 0; margin: 0; width:0px;}
.basket input.checkbox {width:20px; margin:0;}

table.list-order{border: 1px solid black; border-collapse:collapse; margin: 20px 0 0 0; width:500px;}
table.list-order td {border: 1px solid black; border-collapse:collapse; padding: 3px 5px; white-space:nowrap;}

/* MAILY */
.mail {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    }

.mail table, .mail tr {padding:0px; margin:0px;}

.mail td {
    text-align:left;
    padding:3px;
    }
    
.order td {    
    border:1px solid #999;
    }