/* zakladni nastaveni - reset */
* { padding: 0; margin: 0; text-indent: 0; border: 0;} 

h1, h2, h3, h4, a img { padding: 0; margin: 0; border: 0;} 
ul, ol { list-style: none; } 
table  {border-collapse: collapse;}
table, td, th { border: 0; font-size: 12px; font-weight:normal;} 

/* definice nadpisu  */
h1{text-align: left; color: black; font-size: 22px; margin: 0; padding: 0;}
h2{text-align: left; color: black; font-size: 18px; margin: 0; padding: 0;}
h3{text-align: left; color: black; font-size: 15px; margin: 0; padding: 0;}
p {text-align: left; color: black; font-size: 13px; margin: 0; padding: 0; line-height: 22px;}

/* definice odkazu */
a {color: black; text-decoration: none; font-size: 13px;}
a:hover {text-decoration: underline;}

/* --- globalni tridy --- */
.pageselected {text-decoration: underline; font-weight: bold;}
div#searchresult {text-align: center; margin: 20px 0 0 0;}
li.selected a {color: black !important;}
.clear			  {clear: both;}
.right 			  {text-align: right;}
.center			  {text-align: center !important;}
.middle       {vertical-align: middle !important;}
.left			    {text-align: left;}
.block			  {text-align: justify;}
.toleft			  {display: block; float: left;	text-align: left;}
.toright		  {display: block; float: right; text-align: left;}
.hidden			  {display: none;}
.border			  {display: block; border: 1px dotted #b1b1b1; padding: 10px 3px 10px 3px;}
.noborder     {border: 0 !important;}
.bold			    {font-weight: bold; font-size: 1em;}
.underline	  {text-decoration: underline;}
.dt           {position: absolute; left: 30px; top: 30px; width: 310px; height: 200px;  /*border: 1px white solid;*/}
.status       {text-align: center; margin-top: 20px;}
.status  span {border: 1px white solid; background-color: rgb(253,190,1); font-weight: bold; padding: 2px 6px;}
span#errorhlaska  {padding: 3px 20px;   background-color: rgb(254,251,37); color: rgb(254,1,1); border: 1px solid rgb(254,1,1); font-weight: bold; text-align: center; }
.doc, .rtf, .word {background: url(../img/doc.gif) no-repeat; padding-left: 20px;}
.xls, .excel {background: url(../img/xls.gif) no-repeat; padding-left: 20px;}
.txt {background: url(../img/icons/txt.gif) no-repeat;  padding-left: 20px;}
.rar, .zip {background: url(../img/icons/rar.gif) no-repeat; padding-left: 22px;}
.gif, .jpg, .gif, .obrazek {background: url(../img/icons/img.gif) no-repeat;  padding-left: 20px;}
/* strankovani */
div#searchresult {margin: 0 5px;}
/* Lay out webu */

body {  
font-family: 'Trebuchet MS', Verdana,'Arial CE','Helvetica CE', Arial, helvetica, sans-serif;
color: black;
font-size: 14px;
margin: 0px;
padding: 0px;
text-align: center;
background-color: rgb(170,12,12); 
}


/* ______________________________TOPMENU_____________________________________ */
div#top{
margin: 5px auto 0 auto;
width: 978px;
height: 534px;
background: url(../img/hlavicka.jpg); 
position: relative;
}


div#top ul{
text-align: left;
top: 228px;
left: 80px;
display: block;
position: absolute;
}

div#top ul li{
position: relative;
}

div#top ul li img{
margin-right: 10px;
}

div#top ul li a{
font-size: 1.9em;
color: rgb(174,16,11);
font-weight: bold;
}

#top ul li ul{
position: absolute;
width: 220px; /*sub menu width*/
top: 0;
visibility: hidden;
}

#top ul li ul li{
background-color: rgb(174,16,11);
padding-left: 10px;
border-bottom: 1px solid white;
}

#top ul li ul li a{
color: white !important;
font-size: 1.4em;
text-decoration: none;
}

#top ul li ul li a:hover{
text-decoration: underline;
}
/* ________________________________MIDDLE____________________________________ */
div#motto{
background: url(../img/motto.jpg);
width: 978px;
height: 47px; 
margin: auto; 
}

div#middle{
margin: auto;
width: 818px;
padding: 20px 80px 20px 80px; 
min-height: 400px;
_height: 400px;
background: url(../img/back_all.jpg); 
text-align: left !important;
}

div#middle_uvod{
padding: 20px 80px 20px 80px; 
margin: auto;
width: 818px; 
height: 438px;
background: url(../img/uvod.jpg) no-repeat left top;  
text-align: left !important;
}

div#middle_uvod ul{
margin-left: 100px;
padding-top: 72px;

}

div#middle_uvod ul li{
margin: 0;
padding: 0;
 
}

div#middle_uvod ul li a{
color: white;
}

div#middle_hospoda{
margin: auto;
width: 818px;
padding: 20px 80px 20px 80px; 
min-height: 400px;
_height: 400px;
background: url(../img/back_all.jpg); 
text-align: left !important;
}

div#middle-uvod{
margin: auto;
background: url(../img/uvod.jpg);
width: 868px;
padding: 15px 55px 0 55px; 
height: 405px;  
}

div#middle-produkty{
margin: auto;
width: 868px;
padding: 15px 55px 0 55px; 
height: 543px;
background: url(../img/produkty.jpg);
}

/* __________________________________PATICKA_________________________________ */
div#footer{
width: 978px;
margin: auto;
height: 82px;
background: url(../img/paticka.jpg);  
position: relative;
}

div#footer ul{
padding-top: 9px;
}

div#footer ul li{
display: inline;
color: black;
}

div#footer ul li a{
font-size: 1.1em;
color: black;
}

div#footer ul li div{
display: inline;
margin-left: 5px;
margin-right: 5px;
}

div#footer div.keywords{
position: absolute;
right: 35px;
bottom: 12px;
color: black;
font-size: 11px;
color: rgb(51,0,51);
}

div#footer div.odkazy-paticka{
position: absolute;
left: 35px;
bottom: 12px;
color: black;
font-size: 11px;
color: rgb(51,0,51);
}

img.img-kontakt{
top: 30px;
right: 120px;
position: absolute;
}

img.img-mobil{
top: 120px;
right: 530px;
position: absolute;
}

div.fotogalerie img{
margin: 10px; 
}

img.barel{
top: 60px;
right: 80px;
position: absolute;
}

/* _____________________________________MENU________________________________ */
table.menu{
margin: 5px 40px 25px 0 !important;
}

table.menu tr td{
font-size: 14px !important;
padding: 1px 0 1px 0;
border-bottom: 1px dotted black;
}