/*-------------------- layout ---------------------*/
body{
background: #566163 url('../images/vzorek.jpg');
padding: 0px;
margin: 0px;
font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
color: #313131;
}
#ramec{
width: 971px;
margin: 0px auto;
}
#layout{
width: 971px;
background: url('../images/ramec.jpg') repeat-y;
border: 1px solid black;
border-top: 0px;
}
#layout-stin{
width: 971px;
background: url('../images/stin.jpg') repeat-x top;
}

#levy-panel{
width: 276px;
height: 650px;
padding: 0px;
background: url('../images/parkety.jpg') no-repeat left bottom;
}
#znak{
width: 208px;
height: 83px;
margin-left: 48px;
background: #F9F3DD url('../images/znak.jpg') no-repeat bottom;
text-align: center;
}
#znak strong#woodblock{
margin: 0px;
padding: 8px 0px 0px;
font: 27px 'Palatino Linotype';
font-weight: normal;
}
#znak strong#woodblock a{
color: #59472F;
text-decoration: none;
}
#znak hr{
width: 95%;
margin: auto;
color: #59472F;
background-color: #59472F;
}
#znak strong{
padding: 0px;
margin: 4px 0px 0px;
display: block;
color: #B2A89E;
font: small-caps bold 15px arial;
}
#menu{
width: 168px;
min-height: 150px;
margin-left: 68px;
background: url('../images/menu-pozadi.jpg') repeat-x;
padding: 10px 0px;
}
#pravy-panel{
width: 695px;
height: 650px;
padding: 0px;
}

/*------------------ paticka ----------------------*/
#paticka{
width: 971px;
height: 60px;
}
#copyright{
position: relative;
top: -22px;
text-align: right;
padding-right: 23px;
font-size: 12px;
}
#copyright a{
color: #BA000B;
}
#paticka hr{
height: 1px;
margin: -9px 5px 0px;
width: 961px;
padding: 0px;
border: 0px;
color: #CCCCCC;
background-color: #CCCCCC;
}
#doporucujeme{
margin-top: 2px;
text-align: center;
color: white;
font-size: 11px;
}
#doporucujeme strong{
color: white;
}
#doporucujeme a{
color: white;
text-decoration: none;
}
#doporucujeme a:hover{
color: #ECD891;
}

/*------------------- hlavní menu -------------------*/
#hlavni-menu{
width: 680px;
height: 40px;
background: #F5EAD4 url('../images/menu-pravy.jpg') no-repeat right;
}
#hlavni-menu-obsah{
width: 679px;
height: 40px;
background: url('../images/menu-levy.jpg') no-repeat left;
}
#hlavni-menu-obsah ul{
margin: 0px;
padding: 9px 35px;
}
#hlavni-menu-obsah li{
float: left;
padding: 0px 5px;
list-style-type: none;
}
#hlavni-menu-obsah li a{
padding-left: 15px;
font-weight: bold;
font-size: 13px;
font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
color: #000000;
text-decoration: none;
background: url('../images/sipka-menu.jpg') no-repeat left 6px;
}

/*------------------- reference ---------------*/
.galerie h2{
color: #BB201B;
}
.galerie li{
list-style-type: none;
font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
font-size: 13px;
padding-left: 10px;
line-height: 17px;
background: url('../images/sipka-menu.jpg') no-repeat left center;
}
.galerie table{
width: 640px;
}
.galerie table td{
text-align: center;
}
.galerie table td a{
height: 90px;
display: block;
}
.galerie table td a img{
border: 3px solid #5F85A9;
}
.galerie table td a:hover img{
border: 3px solid #BABDBE;
}
.galerie table td em{
font-size: 11px;
}
/*------------------- levé menu ---------------*/
#menu ul{
margin: 0px;
padding-left: 5px;
}
#menu li{
list-style-type: none;
font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
font-size: 12px;
padding-left: 10px;
background: url('../images/sipka-cervena.png') no-repeat left 5px;
}
#menu li.hide{
background: none;
}
#menu a{
color: white;
text-decoration: none;
}
#menu a:hover{
color: #923A2E;
}
#menu ul ul{
padding: 0px;
}
#menu ul ul li{
padding-left: 10px;
background: url('../images/sipka-bila.png') no-repeat left 5px;
}

/*------------------- hledání -------------------*/
#hledani{
text-align: right;
padding: 2px 20px;
}
#hledani input.submit{
min-width: 40px;
width: 40px;
}

/*------------------- obsah -------------------*/
#obsah{
width: 640px;
min-height: 160px;
/*margin-top: 15px;*/
padding: 0px 20px 50px;
background: #F9F1DC url('../images/obsah.jpg') no-repeat;
font-size: 13px;
}
#obsah #navigace{
padding: 7px 0px 10px 0px;
}
#obsah #link-kosik{
height: 13px;
width: 160px;
padding-top: 7px;
text-align: right;
float: right;
}
#obsah #link-kosik a{
display: block;
float: right;
line-height: 20px;
font-weight: bold;
font-size: 14px;
}
#obsah #link-kosik a img{
margin-right: 4px;
}

/*------------------- košík ---------------------*/
.kosik table td{
vertical-align: middle;
line-height: 20px;
}
.kosik a.smazat{
padding: 0px 0px;
}
.kosik a.smazat img{
position: relative;
top: 3px;
}
/*
.kosik h1{
padding: 7px 0px 10px;
color: #436743;
line-height: 20px;
}*/
.kosik a{
color: #313131;
}
.kosik table{
margin: auto;
width: 550px;
}
.kosik h2{
padding: 0px;
line-height: 18px;
}
.kosik h2 a{
color: #C5000B;
}
.kosik h3{
padding: 0px;
font-style: italic;
font-weight: normal;
font-size: 12px;
}
.kosik input{
width: 30px;
}
.kosik input.submit{
width: auto;
min-width: 110px;
}
.kosik .cena{
color: #FF9002;
font-weight: bold;
font-size: 15px;
padding: 2px 4px;
}
.kosik .dph{
font-weight: normal;
font-size: 12px;
color: #777777;
}
.kosik .total{
color: red;
font-weight: bold;
font-size: 18px;
text-decoration: underline;
padding: 2px 4px;
}
.kosik a.button{
margin: 0px 3px;
padding: 3px 5px 1px;
}
.kosik table td em{
font-size: 11px;
}

#obsah .form .submit,#obsah .kosik .submit{
height: 24px;
padding: 1px 5px 3px;
border: 2px solid silver;
margin: 0px 5px;
float: left;/*opera*/
}
#obsah .submit:hover{
text-decoration: underline;
}
#obsah .form a.button,#obsah .kosik a.button{
border: 2px solid silver;
padding: 2px 5px;
float: left;/*opera*/
}

/*------------------- administrace -------------*/
.administrace .administrace-akce{
width: 640px;
height: 18px;
padding-bottom: 15px;
}
.administrace .administrace-akce a{
display: block;
float: left;
padding: 0px 7px;
}
.administrace img{
float: left;
margin-right: 4px;
}
.administrace li{
line-height: 20px;
vertical-align: middle;
}
.administrace table.administrace-vypis{
min-width: 50%;
margin: auto;
}
.administrace table.administrace-vypis td,.administrace table.administrace-vypis th{
padding: 2px 3px;
}
.administrace table.administrace-vypis img{
margin: 0px;
padding: 0px 2px;
}
.administrace th.col-akce{
width: 44px;
}
.administrace input.submit{
margin-top: 5px;
float: right;
}
.administrace .filtrovani input.submit{
margin-top: -2px;
width: 50px;
min-width: 50px;
}
.administrace input#name,.administrace input#tree_text{
width: 250px;
}

.administrace .administrace-buttonky{
margin: 10px auto;
width: 160px;
height: 25px;
}
.administrace .administrace-buttonky a.button{
margin: 3px;
}

a.button{
display: inline-block;
min-width: 40px;
height: 16px;
padding: 1px 5px;
background: black;
color: white;
cursor: pointer;
border: 2px solid gray;
border-width: 2px;
border-color: gray lightgray lightgray gray;
border-style: outset;
text-align: center;
line-height: 16px;
vertical-align: baseline;
}
a.button:hover{
text-decoration: none;
}

.strankovani{
padding-bottom: 10px;
}

/*-------------------- dotaz ---------------------------*/
.question input.submit{
margin-top: 5px;
float: right;
}

/*-------------------- výpis kategorie -----------------*/
h1.hlavni{
text-align: center;
font-size: 17px;
color: #BB201B;
padding: 5px 0px;
border-bottom: 1px solid #A99773;
clear: both;
}
.kategorie .soubory{
padding-top: 20px;
}
.kategorie .strankovani{
margin-top: 20px;
text-align: center;
}
.kategorie .produkt{
padding: 10px 0px;
clear: left;
}
.kategorie .produkt img{
float: left;
margin-right: 10px;
border: 1px solid #C4BDAD;
width: 100px;
height: 100px;
}
.kategorie .produkt table tr.normal td{
vertical-align: middle;
min-width: 260px;
}
.kategorie .produkt table tr.sleva td{
vertical-align: middle;
min-width: 170px;
white-space: nowrap;
}
.kategorie .produkt table tr td form{
float: right;
display: block;
}
.kategorie .produkt h2{
padding: 0px 0px 3px;
}
.kategorie .produkt h2 a{
text-decoration: underline;
}
.kategorie .produkt strong{
color: black;
}

.kategorie .produkt input.count{
width: 30px;
}
.kategorie .produkt input.submit{
width: auto;
min-width: 110px;
}

/*---------------------- detail produktu ---------------------*/
.produkt-detail strong.nadpis{
text-align: center;
font-size: 17px;
color: #BB201B;
padding: 5px 0px;
border-bottom: 1px solid #A99773;
display: block;
clear: both;
}
.produkt-detail img{
float: left;
margin: 0px 20px 15px 0px;
border: 1px solid #C4BDAD;
}
.produkt-detail h1{
padding: 0px 0px 10px;
color: #BB201B;
font-size: 15px;
text-decoration: underline;
}
.produkt-detail table{
color: #313131;
padding: 3px; 
}
.produkt-detail table td{
padding: 3px;
}
.produkt-detail table tr.small td{
font-size: 12px;
}
.produkt-detail .produkt-popis{
clear: left;
padding: 5px;
clip: rect(50px,50px,50px,50px);
}
.produkt-detail .produkt-popis h3{
padding: 0px 0px 5px 5px;
}
.produkt-detail table td input{
width: 40px;
}
.produkt-detail table td input.submit{
min-width: 110px;
}
.produkt-detail table td.info img{
border: 0px;
}
.produkt-detail table td.info span{
padding: 20px 0px;
width: 200px;
display: block;
float: left;
}

/*---------------------- objednávka --------------------------*/
.objednavka td{
padding: 3px;
}
.objednavka select{
width: 155px;
}