a {color: #418108;}
a:hover { color: #666666;}

h1 {font-size: 150%; font-weight: normal; color: #339900; text-transform: uppercase; font-family: arial; padding: 0px; margin: 10px 0px 10px 0px;}
h2 {font-size: 130%; font-weight: normal; color: #B48A35; padding: 10px 0px 5px 0px; margin: 0px;}



hr {height: 3px; border: 0px; background-color: #B48A35; color: #B48A35;}
.dotted{border-top: 1px dotted #999; background-color: #FFF; color: #FFF;}

p  {padding: 0px; margin: 0px; text-indent: 10px; text-align: justify;}

body {
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0 auto;
 line-height: 140%;
 font-size: 80%;
}

div#pruh{
 position: absolute; top: 0px; left: 0px;
 background-color: #CC8141;
 height: 100px;
 width: 100%;
  background-image: url("layout-grafika/pruh.gif");
}

div#logo{
 height: 50px;
    position: relative;
 margin: 0px auto;
 width: 720px;
 text-align: left;
background-repeat: no-repeat;
}

div#logo img{
 height: 50px;
 width: 250px;
border: 0px;
}

div#hlavni{
 position: relative;
 margin: 0px auto;
 width: 682px;
 padding: 14px 20px 20px 20px;
 text-align: left;
 height: 500px;
  background-image: url("layout-grafika/telo.gif");
  background-repeat: no-repeat;
  background-position: center top;
}

div#menu{
background-image: url("layout-grafika/menu.gif");
background-position: center center;
background-repeat: no-repeat;
text-align: left;
height: 40px;
width: 670px;
padding: 5px;
border: 1px solid #CCC;
font-size: 91%;
color: #FFF;
margin-bottom: 5px;
}

div#menu div {
float: left;
text-align: center;
font-weight: bold;
text-transform: uppercase;
line-height: 40px;
}

div#menu div a{
height: 40px;
width: 133px;
margin-left: 1px;
display: block;
color: #FFF;
text-decoration: none;
}

div#menu div a:hover{
background-color: #CC9933;

}

div#menu_paticka{
clear: both;
display: none;
}

div#leva_cast{
width: 440px;
float: left;
margin-bottom: 10px;
}

div#leva_cast strong{
font-weight: normal;
}

div#prava_cast{
width: 237px;
float: right;
margin-bottom: 10px;
}

div#paticka{
clear: both;
border-top: 3px solid #B48A35;
text-align: right;
padding: 10px 10px 0px 0px;
font-size: 88%;
height: 90px;
line-height: 20px;
background-image: url("layout-grafika/paticka.gif");
color: #666;
}

div#paticka a{

text-decoration: underline;
}

div#paticka a:hover{
color: #666;
text-decoration: underline;
}


div#fotos{
background-image: url("layout-grafika/fotos.jpg");
background-position: center center;
background-repeat: no-repeat;
height: 240px;
width: 428px;
padding: 5px;
border: 1px solid #CCC;
}

.news{
display: block;
font-size: 80%;
color: #999;
}

.nadpis{
display: block;
font-size: 100%;
font-weight: bold;
}

.novinky {
text-indent: 0px;
}

div#menu2{
 border: 1px solid #CCC;
 
 padding: 5px;
  background-color: #F8E59F;
  background-repeat: repeat-x;
}

div#menu2 a{
color: #418108;
font-size: 110%;
}

div#menu2 a:hover{
color: #000;
}



div#menu2 ul{
list-style-type: none;
padding-left: 0px;
margin: 15px 0px 15px 30px;
line-height: 160%;
}


html>body div#menu2 ul{
padding-left: 30px;
margin: 15px 0px 15px 0px;
}

div#menu2 h2{
background-image: url("layout-grafika/menu2.gif");
background-color: #E39E0E;
 color: #FFF;
 margin: 0px;
 line-height: 20px;
 font-size: 100%;
 font-weight: bold;
 padding: 5px 0px 5px 20px;
}

div#menu2 h2 a{
 color: #FFF;
}

.info {
text-align: right;
margin-top: 5px;
}



div#kontaktujte_nas{
background-image: url("layout-grafika/kontakt.gif");
padding: 5px;
border: 0px solid #CCCCCC;
 padding: 5px 0px 5px 20px;

 background-repeat: no-repeat;
}

div#kontaktujte_nas h2{
 margin: 0px;
 line-height: 20px;
 padding: 5px 0px 5px 0px;
}

div#kontaktujte_nas form{
 margin: 0px;
 padding: 0px;
}

div#kontaktujte_nas fieldset{
 border: 0px;
 margin: 0px;
 padding: 0px;
}

div#kontaktujte_nas label{
font-size: 90%;
color: #999;
}

div#kontaktujte_nas textarea{
width: 197px;
height: 200px;
}

.cervena{
color: red;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
width: 197px;
padding: 5px 0px 5px 0px
}

.foto{
padding: 5px;
border: 1px solid #CCC;
margin: 5px 10px 5px 0px;
width: 124px;
height: 92px;
}

.nahledy{
padding: 5px;
border: 1px solid #CCC;

}

.mala_fotka{
border: 0px solid #999;
background-color: #FFF;  
float: left;
width: 136px;
height: 104px;
margin: 5px 10px 5px 0px;
 text-align: center; 
 position: relative;
}

div#nahledy_paticka{
line-height: 1px;
font-size: 1%;
clear: both;
}

.foto_2{
padding: 5px;
border: 1px solid #CCC;
margin: 5px 0px 5px 0px;
width: 125px;
height: 92px;
}

form#objednavka{
padding: 0px;
margin: 0px;
}

form#objednavka table {
color: red;
}

form#objednavka fieldset {
padding: 0px;
border: 0px solid #CCC;
margin-bottom: 20px;
}

form#objednavka legend {
padding: 2px;
border: 0px solid #CCC;
font-weight: bold;
}

form#objednavka input {
width: 150px;
}

form#objednavka select {
width: 200px;
}

form#objednavka textarea {
width: 430px;
height: 100px;
}

.bunka_label{
width: 150px;
color: black;

}

.cervena_objednavka{
border: 1px solid #CCC;
background-color: #EEE;
margin: 30px;
padding: 10px;
text-align: center;
color: red;
font-weight: bold;
}

.mapa{
border: 1px solid #CCC;
width: 440px;
height: 250px;
}

.nastred{
text-align: center;
}

div#none{
display: none;
}