/*--- definice telo+scroll ---*/
BODY {
  background-color: #F8CF43;
  background-image: url('pozadi.gif');
  background-position: center top;
  background-repeat: repeat-x;
  text-align: center;
  }
 * {
	margin: 0;
	padding: 0;
	border: 0;
}
/*---stranka,pozadi,pozice---*/
 div.stranka{
 margin-left: auto;
 margin-right: auto;
 margin-top: 15px;
 width: 993px;
 background: url(shadow.gif) repeat-y;
}
 div.hlavicka{
 margin-left: 0px;
 margin-top: 0px;
 width: 993px;
 height: 276px;

}
 div.top_shadow{
 margin-left: 0px;
 margin-top: 0px;
 width: 993px;
 height: 6px;
 font-size: 1px;
  background: url(top_shadow.gif);
}
 div.left_shadow{
 margin-left: 0px;
 margin-top: 0px;
 width: 7px;
 height: 270px;
 background: url(left_shadow.gif);
}
 div.top_01{
 margin-left: 7px;
 margin-top: -270px;
 width: 221px;
 height: 138px;
 background: url(top_01.jpg);
}
 div.top_02{
 margin-left: 228px;
 margin-top: -138px;
 width: 412px;
 height: 138px;
 background: url(top_02.jpg);
}
 div.top_03{
 margin-left: 640px;
 margin-top: -138px;
 width: 347px;
 height: 138px;
 background: url(top_03.jpg);
}
 div.right_shadow{
 margin-left: 987px;
 margin-top: -138px;
 width: 7px;
 height: 270px;
 background: url(right_shadow.gif);
}
 div.top_04{
 margin-left: 7px;
 margin-top: -132px;
 width: 221px;
 height: 59px;
 background: url(top_04.jpg);
}
 div.top_05{
 margin-left: 228px;
 margin-top: -59px;
 width: 412px;
 height: 59px;
 background: url(top_05.jpg);
}
 div.top_05 h1 a{
 display: block;
width: 412px;
height: 59px;
}
 div.top_05 h1 a span{
 display: none;
width: 412px;
height: 59px;
}

 div.top_06{
 margin-left: 640px;
 margin-top: -59px;
 width: 347px;
 height: 59px;
 background: url(top_06.jpg);
}
 div.top_07{
 margin-left: 7px;
 margin-top: 0px;
 width: 221px;
 height: 74px;
 background: url(top_07.jpg);
}
 div.top_08{
 margin-left: 228px;
 margin-top: -74px;
 width: 759px;
 height: 2px;
 background-color: #ffffff;
 font-size: 1px;
}
 div.poz_menu{
 margin-left: 228px;
 margin-top: -2px;
 width: 759px;
 height: 33px;
 background: url(poz_red.gif);
}
 div.telo{
 width: 993px;
}
 div.lista{
 margin-left: 228px;
 margin-top: 0px;
 width: 759px;
 height: 41px;
 background: url(poz_lista.gif) repeat-x;
}
 div.lista h2{
width: 600px;
background: none;
color : #E21A01;
font: normal 12px  Arial, Helvetica, sans-serif;
padding-top: 16px;
padding-bottom: 0px;
}
 div.lista h2 a{
color : #E21A01;
font: normal 12px  Arial, Helvetica, sans-serif;
}
 .novinky{
 padding-top: 16px;
 color : #000000;
font-size: 12px;
font-weight: normal;
font-family:  Arial, Helvetica, sans-serif;
}
 .red{
 color : #E21A01;
}
.yellow{
color : #FCB216;
}
div.cara{
float: left;
background: url(cara.gif);
width: 2px;
height: 33px;
}
a.menu{
display: block;
float: left;
margin-top: 0px;
text-align: center;
font-size: 12px;
font-family:  Arial, Helvetica, sans-serif;
color : #ffffff;
text-decoration: none;
font-weight: bold;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 15px;
padding-right: 14px;
}
a.menu:hover{
font: bold 12px  Arial, Helvetica, sans-serif;
color : #E21A01;
background-image: url(poz_yellow.gif);
font-weight: bold;
}
.lista_bottom{
width: 993px;
height: 95px;
background: url(lista_bottom.gif);
}
a.odkaz02{
color : #FCB216;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
text-decoration: none;
}
a.odkaz02:hover{
text-decoration: underline;
}
a.odkaz01{
color : #E21A01;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
text-decoration: none;
}
a.odkaz01:hover{
text-decoration: underline;
}
a.odkaz03{
color : #E21A01;
font:12px bold  Arial, Helvetica, sans-serif;
text-decoration: underline;
}
a.odkaz03:hover{
text-decoration: none;
}
a.odkaz04{
color : #FCB216;
font:12px bold  Arial, Helvetica, sans-serif;
text-decoration: underline;
}
a.odkaz04:hover{
text-decoration: none;
}
div.menu_bottom{
position: relative;
top: 10px;
left: 20px;
width: 600px;
height: 50px;
color : #E21A01;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif;
}
div.odstavec01{
width: 983px;
margin-left: 7px;
padding-bottom: 3px;
padding-left: 0px;
margin-top: 10px;
}
div.odstavec_uvod{
width: 980px;
height: 280px;
margin-left: 7px;
padding-left: 0px;
margin-top: 2px;
padding-top: 10px;
background: #F11908;
}
div.odstavec02{
float: left;
width: 326px;
}
div.odstavec03{
width: 983px;
margin-left: 7px;
padding-bottom: 3px;
padding-left: 0px;
margin-top: 1px;
}
div.odstavec_c{
float: left;
width: 980px;
margin-left: 0px;
border-bottom: solid 1px #FE7462;
padding-bottom: 3px;
padding-left: 0px;
margin-top: 0px;
}
div.odstavec{
float: left;
width: 980px;
margin-left: 0px;
padding-bottom: 3px;
padding-left: 0px;
margin-top: 10px;
}
h1{
color : #E21A01;
font: bold 13px  Arial, Helvetica, sans-serif;
margin-left: 5px;
}
h2.bez-pozadi{
color : #E21A01;
font: bold 13px  Arial, Helvetica, sans-serif;
margin-left: 5px;
background: none;
width: 300px;
}
h2{
width: 980px;
background: url(poz_nadpis.gif) repeat-x;
color : #E21A01;
font: bold 14px  Arial, Helvetica, sans-serif;
padding-top: 6px;
padding-bottom: 8px;
}
h3{
color : #E21A01;
font: bold 13px  Arial, Helvetica, sans-serif;
margin-left: 5px;
}
p{
color : #000000;
font: normal 12px  Arial, Helvetica, sans-serif;
margin-left: 8px;
margin-right: 8px;
margin-top: 11px;
text-align: justify;
}
.white{
color : #ffffff;
font: normal 12px  Arial, Helvetica, sans-serif;
margin-left: 8px;
margin-right: 8px;
margin-top: 11px;
text-align: justify;
}
.text{
color : #000000;
font: normal 12px  Arial, Helvetica, sans-serif;
text-align: justify;
}
.text10{
color : #000000;
font: normal 10px  Arial, Helvetica, sans-serif;
text-align: justify;
}
 #hudba{
 position: relative;
left: 0px;
top: 45px;
 width: 90px;
 height: 20px;
}
/*---tlacitka velka---*/
 div.odstavec_c .tl01 h2,  div.odstavec_c .tl02 h2,  div.odstavec_c .tl03 h2,  div.odstavec_c .tl04 h2,  div.odstavec_c .tl05 h2{
 padding: 0px;
 margin: 0px;
 background: none;
 width: 192px;
}
 div.tl01{
 float: left;
 margin-left: 3px;
 margin-top: 4px;
 width: 192px;
 height: 113px;
 background: url(tl01.gif);
}
 div.tl01 h2 a{
 display: block;
 width: 192px;
 height: 113px;
}
 div.tl01 h2 a:hover{
 display: block;
 width: 192px;
 height: 113px;
 background: url(tl01-over.gif); 
}
 div.tl01 span{
 display: none;
}
 div.tl02{
 float: left;
 margin-left: 3px;
 margin-top: 4px;
 width: 192px;
 height: 113px;
 background: url(tl02.gif);
}
 div.tl02 h2 a{
 display: block;
 width: 192px;
 height: 113px;
}
 div.tl02 h2 a:hover{
 display: block;
 width: 192px;
 height: 113px;
 background: url(tl02-over.gif); 
}
 div.tl02 span{
 display: none;
}


 div.tl03{
 float: left;
 margin-left: 3px;
 margin-top: 4px;
 width: 192px;
 height: 113px;
 background: url(tl03.gif);
}
 div.tl03 h2 a{
 display: block;
 width: 192px;
 height: 113px;
}
 div.tl03 h2 a:hover{
 display: block;
 width: 192px;
 height: 113px;
 background: url(tl03-over.gif); 
}
 div.tl03 span{
 display: none;
}

 div.tl04{
 float: left;
 margin-left: 3px;
 margin-top: 4px;
 width: 192px;
 height: 113px;
 background: url(tl04.gif);
}
 div.tl04 h2 a{
 display: block;
 width: 192px;
 height: 113px;
}
 div.tl04 h2 a:hover{
 display: block;
 width: 192px;
 height: 113px;
 background: url(tl04-over.gif); 
}
 div.tl04 span{
 display: none;
}
 div.tl05{
 float: left;
 margin-left: 3px;
 margin-top: 4px;
 width: 192px;
 height: 113px;
 background: url(tl05.gif);
}
 div.tl05 h2 a{
 display: block;
 width: 192px;
 height: 113px;
}
 div.tl05 h2 a:hover{
 display: block;
 width: 192px;
 height: 113px;
 background: url(tl05-over.gif); 
}
 div.tl05 span{
 display: none;
}


.rezervace{
	font-size: 12px;
	font-family:  Arial, Helvetica, sans-serif;
	color : #000000;
	border: solid 1px #000000;
	background: #ffffff;
	align: left;
	width: 255px;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
}
.button{
	font: bold 12px  Arial, Helvetica, sans-serif;
	color: #ffffff;
	border: solid 1px #CA1002;
	background: #F11908;
	text-align: center;
	width: 100px;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
}
ol{
	margin: 0px 10px 5px 50px;
	padding: 0px;
	color : #000000;
font: normal 12px  Arial, Helvetica, sans-serif;
}

 ul{
	margin: 0px 10px 5px 50px;
	padding: 0px;
	color : #000000;
font: normal 12px  Arial, Helvetica, sans-serif;
}

td{
color : #000000;
font: normal 12px  Arial, Helvetica, sans-serif;
}
div.foto_rad{
float: left;
height: 120px;
margin-left: 0px;
margin-top: 0px;
width: 980px;
}
.foto{
float: left;
margin-left: 24px;
margin-top: 15px;
margin-bottom: 15px;
border: solid 2px #EFBF03;
}
.foto:hover{
border: solid 2px #E01800;
}

div.radek{
float: left;
margin-left: 18px;
margin-top: 18px;
width: 944px;
text-align: right;
}
div.radek01{
clear: both;
float: left;
width: 980px;
margin-top: 10px;
}


#seo{
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 980px;
color: #ff9900; 
}
#seo a{
color: #ff9900; 
font: normal 10px Arial, Helvetica, sans-serif;
}