*{
margin: 0;
padding: 0;
}

body {
font-family: Tahoma, Sans-Serif;
font-size: 80%;
background: #F8DE65 url("./images/bg.gif") 0px 60px repeat-x;
}

img{
border: 0;
}
strong{
font-weight: bold;
}
em{
font-style: italic;
}


/*     vycentrovani     */
#holder {
position: absolute;
height: 100%;
width: 100%;
min-height: 400px;
min-width: 880px;
}

#supplemental {
width: 900px;
height: 400px;
visibility: hidden;
}

#page {
position: absolute;
top: 0;
left: 50%;
width: 900px;
min-height: 400px;
margin: 0 0 0 -450px;
}


/*  logo  */
#top {
position: absolute;
left: 0;
top: 35px;
width: 880px;
height: 137px;
overflow: hidden;
z-index: 2;
border-left: 10px #FBE899 solid;
border-right: 10px #FBE899 solid;
border-top: 10px #FBE899 solid;
}
#top span {
display:block;
width: 880px;
height: 137px;
position:absolute;
left:0;
top:0;
z-index:1;
background: url("./images/logo.jpg") top left no-repeat;
}



/*    horni menu    */
#top-menu{
position: absolute;
left: 0;
top: 181px;
z-index: 2;
width: 878px;
height: 27px;
margin-left: 10px;
background-color: #FF7B30;
border-bottom: 1px #fff solid;
border-left: 1px #fff solid;
border-right: 1px #fff solid;
list-style: none;
}
#top-menu li{
float: left;
}
#top-menu li a{
display: block;
height: 21px;
padding: 3px 10px 0;
color: #fff;
border-top: 3px #943500 solid;
border-right: 1px #fff solid;
font-weight: bold;
text-decoration: none;
}
#top-menu li a:hover{
background-color: #D55C00;
}



/*   roletky   */
#top-roletky{
position: absolute;
left: 0;
top: 209px;
width: 878px;
height: 46px;
z-index: 2;
margin-left: 10px;
background-color: #FFE0C4;
border-left: 1px #fff solid;
border-right: 1px #fff solid;
}
#top-roletky select{
float: right;
width: 267px;
height: 18px;
padding-top: 1px;
margin: 13px 20px 0 0;
border: 1px #FF7A31 solid;
color: #9E5008;
font-size: 85%;
}




/*    obsah    */
#content{
position: absolute;
left: 0;
top: 181px;
z-index: 1;
width: 865px;
background-color: #fff;
padding: 90px 5px 0 10px;
border-left: 10px #FBE899 solid;
border-right: 10px #FBE899 solid;
border-bottom: 10px #FBE899 solid;
}




/*   boxy pro zbozi    */
.product{
float: left;
width: 267px;
height: 85px;
margin: 0 10px 15px 10px;
border-top: 10px ##FFE0C4 solid;
font-size: 95%;
}
.product1{
background-color: #FFE0C4;
border-top: 3px #FB7C2D solid;
}
.product2{
background-color: #E4F0B0;
border-top: 3px #A0BE11 solid;
}
.product .info{
float: left;
width: 160px;
margin: 0 5px 5px;
}
.product h2{
font-size: 100%;
color: #000;
padding-top: 2px;
text-align: left;
}
.product .price,.product .description{
margin-top: 2px;
}
.product .order{
float: right;
width: 83px;
height: 18px;
margin: 55px 10px 0 0;
}
.product .order a{
display: block;
width: 83px;
height: 16px;
padding-top: 2px;
color: #fff;
font-weight: bold;
text-decoration: none;
text-align: center;
font-size: 90%;
}
.product1 .order a{
background-color: #9FC00D;
}
.product1 .order a:hover{
background-color: #FF7A25;
}
.product2 .order a{
background-color: #FF7A25;
}
.product2 .order a:hover{
background-color: #9FC00D;
}



/*    paticka    */
#bottom{
clear: both;
width: 878px;
height: 27px;
background: #fff url("./images/bg-bottom.gif") top left repeat-x;
border: 1px #fff solid;
margin: 10px 0 0 -10px;
}
#bottom p{
width: 220px;
height: 20px;
padding-top: 6px;
margin-left: 40px;
color: #fff;
background-color: #FF7B30;
font-weight: bold;
font-size: 90%;
text-align: center;
}
#bottom p a{
color: #fff;
text-decoration: none;
}




h2{
text-align: center;
color: #000;
}

table.odkazy{
width: 100%;
}
table.odkazy td{
text-align: center;
padding-top: 10px;
}
table.odkazy a{
color: #000;
}
table.odkazy img{
margin-top: 5px;
}