BODY {
z-index:10;
FONT-SIZE: 100%; 
FONT-FAMILY: arial, tahoma, sans-serif; 
TEXT-ALIGN: center;
BACKGROUND: #81a8e1 url('vzhled/bg_obdobi.jpg');
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
min-height: 1680px;
width:auto;
}


/* definice stránky */


#stranka {
z-index:90;
BACKGROUND:none;
float:none; 
margin:0px auto; 
padding:0px 0px 0px 0px; 
position:relative; 
width:1104px;
height:auto;
left:5px; 
top:0px;
}


/* začátek horní nabídkové a kontaktní lišty */
#top {
z-index:100;
BACKGROUND: center url('vzhled/bg_top.png');
background-repeat:no-repeat; 
float:none; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:1104px; 
height:160px; 
position:relative; 
left:0px; 
top:0px;
}

#topakce {
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:460px; 
height:140px; 
position:relative; 
left:100px; 
top:20px;
}

#topakce H1 {
z-index:90;
background: none; 
background-repeat:no-repeat;
color:#ccff00;
text-align:left;
font-size:1.4em;
float:left; 
margin:13px 0px 0px 0px;
padding:0px 0px 0px 0px; 
position:relative; 
width:425px;
height:auto;
top:0px;
left:30px;
}

#topakce H2 {
z-index:90;
background: none; 
background-repeat:no-repeat;
color:ffffcc;
text-align:left;
font-size:1.2em;
float:left; 
margin:1px 0px 0px 0px;
padding:0px 0px 0px 0px; 
position:relative; 
width:410px;
height:auto;
top:0px;
left:45px;
}

#topakce p {
z-index:90;
background: none; 
background-repeat:no-repeat;
color:#ccff00;
text-align:left;
font-size:0.9em;
float:left; 
margin:2px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
position:relative; 
width:400px;
height:60px;
top:0px;
left:55px;
}

#topakce A:link {
color:#ccff00;
text-decoration:underline;
font-family: arial;
font-weight:bold;
}

#topakce A:active {
color:#ccff00;
text-decoration:underline;
font-family: arial;
font-weight:bold;
}

#topakce A:visited {
color:#ccff00;
text-decoration:underline;
font-family: arial;
font-weight:bold;
}

#topakce A:hover {
color:#ccff00;
text-decoration:none;
font-family: arial;
font-weight:bold;
}



#kapacity {
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:300px; 
height:120px; 
position:relative; 
left:100px; 
top:20px;
}

#kapacity p{
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat; 
float:left;
font: bold 0.9em calibri;
color: white;
text-align: left;
width: 300px;
}

#kapacity p.stravovani{
z-index:100;
BACKGROUND: left url('vzhled/stravovani_top.png');
margin:10px 0px 0px 50px; 
padding:0px 0px 0px 0px; 
}

#kapacity p.ubytovani{
z-index:100;
BACKGROUND: left url('vzhled/ubytovani_top.png');
margin:5px 0px 0px 50px; 
padding:0px 0px 0px 0px; 
}

#kapacity p.telefon{
z-index:100;
BACKGROUND: left url('vzhled/stravovani_top.png');
font: bold 1.6em calibri;
margin:0px 0px 0px 50px; 
padding:0px 0px 0px 0px; 
}

#kapacity p.email{
z-index:100;
BACKGROUND: left url('vzhled/ubytovani_top.png');
font: bold 1.6em calibri;
margin:0px 0px 0px 50px; 
padding:0px 0px 0px 0px; 
}


#navigace {
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat; 
float:right; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:160px; 
height:120px; 
position:relative; 
right:100px; 
top:23px;
}

#navigace p{
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat; 
float:right;
font: normal 0.8em calibri;
color: white;
text-align: right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
width: 150px;
position:relative; 
right:0px; 
top:10px;
}

#navigace img{
z-index:100;
background: none;
background-repeat:no-repeat;
background-position: left;
border: solid 0px #6c6a39;
float: right;
width:110px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
position:relative;
right:0px; 
top:7px;
}

/* konec horní nabídkové a kontaktní lišty */




/* začátek - hlava webu */

#kontejner {
z-index:90;
BACKGROUND: #9BC73E top url('vzhled/bg_kontejner.png') ;
background-repeat: no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:520px; 
height:auto;
position:relative; 
left:0px; 
top:0px;
}


#welcome {
z-index:100;
BACKGROUND: url('vzhled/bg_welcome.png');
background-repeat:no-repeat; 
float:none; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:520px; 
height:100px; 
position:relative; 
left:0px; 
top:0px;
}

#motto {
z-index:100;
BACKGROUND: url('vzhled/bg_motto.png');
background-repeat:no-repeat; 
float:none; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:520px; 
height:60px; 
position:relative; 
left:0px; 
top:0px;
}

#motto p{
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat; 
float:left; 
font: bold 1.0em calibri;
color: white;
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:280px; 
height:45px; 
position:relative; 
left:140px; 
top:10px;
}


#middle {
z-index:100;
BACKGROUND-image: url('vzhled/bg_middle.png');
background-repeat:no-repeat;
BACKGROUND-position: top center;
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:520px;
height:380px;
position:relative;
left:0px;
top:0px;
}



/* text hlavy webu - začátek */
#text {
z-index:90;
background: rgba(255,255,255,0.88);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#eeffffff', EndColorStr='#eeffffff');
background-repeat:no-repeat;
font: normal 16px calibri;
border: solid 3px #000000;
border-radius: 31px 60px 13px 27px;
float:left; 
margin:10px 0px 0px 0px;
padding:0px 0px 10px 0px; 
width:500px;
position:relative; 
top:0px;
left:0px;
}



#text H1{
z-index:90;
background: none; 
background-repeat:no-repeat;
color:#6C6A39;
text-align:left;
font-size:1.4em;
float:left; 
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px; 
position:relative; 
width:480px;
height:auto;
top:0px;
left:10px;
}

#text H2{
z-index:90;
background: none; 
background-repeat:no-repeat;
color:#555;
text-align:left;
font-size:1.0em;
float:left; 
margin:7px 0px 0px 0px;
padding:0px 0px 0px 0px; 
position:relative; 
width:480px;
height:auto;
top:0px;
left:20px;
}


#text H3{
z-index:90;
background: none; 
background-repeat:no-repeat;
color:#6d3b3a;
text-align:left;
font-size:0.9em;
float:left; 
margin:8px 0px 0px 25px;
padding:0px 0px 0px 0px; 
position:relative; 
width:480px;
height:auto;
top:0px;
left:0px;
}


#text p{
BACKGROUND: none;
color:#222;
text-indent:0px;
font-weight:normal;
font-size: 0.8em;
text-align:left;
width:480px; 
float:left; 
margin:13px 0px 2px 0px;
padding:0px 0px 0px 0px; 
position:relative; 
left:15px; 
top:0px;
}


#text A:link {
color:#6E3B3A;
text-decoration:underline;
font-family: arial;
font-weight:bold;
}

#text A:active {
color:#6C6A39;
text-decoration:underline;
font-family: arial;
font-weight:bold;
}

#text A:visited {
color:#6E3B3A;
text-decoration:underline;
font-family: arial;
font-weight:bold;
}

#text A:hover {
color:#6C6A39;
text-decoration:none;
font-family: arial;
font-weight:bold;
}

#text A.fb {
z-index:90;
background: none; 
float:left;
text-align: center; 
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px; 
position:relative; 
width:490px;
top:0px;
left: 0px;
}

#text ul{
z-index:90;
background: none; 
list-style: none;
list-style-position: outside;
float:left; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
position:relative; 
width:500px;
top:0px;
left: 0px;
}


#text li{
z-index:90;
background: url('vzhled/ok_ul.png'); 
background-repeat:no-repeat;
background-position: left;
text-align:left;
line-height:120%;
font-size:0.8em;
color:#333;
font-weight:normal;
margin:5px 0px 0px 7px;
padding:0px 0px 0px 25px; 
position:relative;
width:auto;
}


#text img{
z-index:90;
background: none;
background-repeat:no-repeat;
background-position: left;
border: solid 2px #6c6a39;
float: left;
margin:1px 5px 1px 10px;
padding:0px 0px 0px 0px; 
position:relative;
}

/* text hlavy webu - konec */
/* konec - hlava webu */




/* menu sloupce - začátek */

#left {
z-index:90;
BACKGROUND: right url('vzhled/bg_left.png');
background-repeat:no-repeat; 
float:left;
text-align:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:292px; 
height:540px; 
position:relative; 
left:0px; 
top:0px;
}

#left a{
z-index:100;
BACKGROUND: url('vzhled/ukazatel.png') no-repeat;
float:left; 
font: bold calibri;
color: white;
text-decoration: none;
width:262px; 
height:72px; 
position:relative; 
left:0px; 
top:0px;
}

#left a:active {
BACKGROUND: url('vzhled/ukazatel_p.png') no-repeat;
}

#left a:visited {
BACKGROUND: url('vzhled/ukazatel.png') no-repeat;
}

#left a:hover {
BACKGROUND: url('vzhled/ukazatel_p.png') no-repeat;
}



#right {
z-index:90;
BACKGROUND: left url('vzhled/bg_right.png');
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:292px; 
height:540px; 
position:relative; 
left:0px; 
top:0px;
}

#right a{
z-index:100;
BACKGROUND: url('vzhled/r_ukazatel.png') no-repeat;
float:left; 
font: bold calibri;
color: white;
text-decoration: none;
width:262px; 
height:72px; 
position:relative; 
left:0px; 
top:0px;
}

#right a:active {
BACKGROUND: url('vzhled/r_ukazatel_p.png') no-repeat;
}

#right a:visited {
BACKGROUND: url('vzhled/r_ukazatel.png') no-repeat;
}

#right a:hover {
BACKGROUND: url('vzhled/r_ukazatel_p.png') no-repeat;
}

ul.menu{
z-index:90;
background: none; 
background-repeat:no-repeat;
list-style:none;
list-style-position: outside;
float:left; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
position:relative; 
width:auto;
}

li.menu{
z-index:100;
BACKGROUND: no-repeat;
float:left;
width:262px; 
height:72px; 
position:relative; 
left:0px; 
top:0px;
}

/* menu sloupce - konec */





/* začátek - tělo webu */

#telo {
z-index:80;
BACKGROUND: url('vzhled/bg.png') 12px top;
background-repeat: repeat-y; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:1400px; 
height: auto;
position:relative; 
left:0px; 
top:0px;
}



#telo_left {
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:180px; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}





#telo_right {
z-index:100;
BACKGROUND: none;
background-repeat:no-repeat; 
float:left; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 10px; 
width:530px; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}



#telo_middle {
z-index:80;
BACKGROUND: none;
background-repeat:no-repeat; 
float:left; 
text-align:center;
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px; 
width:720px; 
height:auto; 
position:relative; 
left:0px; 
top:0px;
}


#telo_middle H1{
z-index:90;
background: none; 
background-repeat:no-repeat;
color:#444;
text-align:left;
font-size:1.4em;
float:left; 
margin:13px 0px 0px 0px;
padding:0px 0px 0px 0px; 
position:relative; 
width:700px;
height:auto;
top:0px;
left:10px;
}


#telo_middle H2{
z-index:90;
background: none; 
background-repeat:no-repeat;
color:#6d3b3a;
text-align:left;
font-size:1.0em;
float:left; 
margin:5px 0px 0px 0px;
padding:0px 0px 0px 0px; 
position:relative; 
width:600px;
height:auto;
top:0px;
left:20px;
}


#telo_middle H3{
z-index:90;
background: none; 
background-repeat:no-repeat;
color:#6d3b3a;
text-align:left;
font-size:0.9em;
float:left; 
margin:8px 0px 0px 25px;
padding:0px 0px 0px 0px; 
position:relative; 
width:600px;
height:auto;
top:0px;
left:0px;
}


#telo_middle p{
BACKGROUND: none;
color:#6d3b3a;
text-indent:20px;
font-weight:normal;
font-size: 0.9em;
text-align:left;
width:680px; 
float:left; 
margin: 7px 0px 7px 15px;
padding:0px 0px 0px 0px; 
position:relative; 
left:0px; 
top:0px;
}

#telo_middle p.odsazovany{
text-indent:8px;
}

#telo_middle A:link {
color:#553333;
text-decoration:underline;
font-family: arial;
font-weight:bold;
}

#telo_middle A:active {
color:#553333;
text-decoration:underline;
font-family: arial;
font-weight:bold;
}

#telo_middle A:visited {
color:#553333;
text-decoration:underline;
font-family: arial;
font-weight:bold;
}

#telo_middle A:hover {
color:#ae3427;
text-decoration:none;
font-family: arial;
font-weight:bold;
}

#telo_middle ul{
z-index:90;
background: none; 
background-repeat:no-repeat;
background-position: left;
list-style-type: none;
list-style-position: outside;
float:left; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
position:relative; 
width:600px;
top:0px;
left: 25px;
}


#telo_middle ul li{
z-index:90;
background: url('vzhled/ok_ul.png'); 
background-repeat:no-repeat;
background-position: left;
text-align:left;
line-height:120%;
font-size:0.8em;
color:#6d3b3a;
font-weight:normal;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 20px; 
position:relative;
}




#telo_middle img{
z-index:90;
background: none;
background-repeat:no-repeat;
background-position: left;
border: solid 2px #6c6a39;
font-weight:normal;
margin:3px 2px 10px 2px;
padding:0px 0px 0px 0px; 
position:relative;
}




#akce {
z-index:90;
background: #f2f5c8; 
background-repeat:no-repeat;
border: 2px solid #ff6600;
float:left; 
margin:10px 0px 20px 10px;
padding:0px 0px 0px 0px; 
width:620px;
position:relative; 
top:0px;
left:0px;
}

#akce H2{
z-index:90;
background: none; 
background-repeat:no-repeat;
color:#6d3b3a;
text-align:left;
font-size:1.0em;
float:left; 
margin:5px 0px 7px 10px;
padding:0px 0px 0px 0px; 
position:relative; 
width:600px;
height:auto;
top:0px;
left:20px;
}



#akce H3{
z-index:100;
background-color: none; 
background-repeat:no-repeat;
color:#ff6600;
text-align:left;
font-size:1.2em;
float:left; 
margin:0px 0px 3px 5px;
padding:0px 0px 0px 0px; 
position:relative; 
width:620px;
height:auto;
top:0px;
left:0px;
}

#akce H5{
z-index:100;
background-color: none; 
background-repeat:no-repeat;
color:#aa5500;
text-align:left;
font-size:1.0em;
float:left; 
width:560px;
margin:10px 0px 0px 15px;
padding:0px 0px 0px 0px; 
}

#akce p{
BACKGROUND: none;
color:#6d3b3a;
text-indent:0px;
font-weight:normal;
font-size: 0.9em;
text-align:left;
width:600px; 
float:left; 
margin:3px 0px 7px 0px;
padding:0px 0px 0px 0px; 
position:relative; 
left:20px; 
top:0px;
}


#akce ul{
z-index:90;
background: none; 
background-repeat:no-repeat;
background-position: left;
list-style-image: none;
list-style-position: outside;
float:left; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
position:relative; 
width:600px;
top:0px;
left: 25px;
}


#akce ul li{
z-index:90;
background: url('vzhled/ok_ul.jpg'); 
background-repeat:no-repeat;
background-position: left;
text-align:left;
line-height:120%;
font-size:0.8em;
color:#6d3b3a;
font-weight:normal;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 20px; 
position:relative;
}



#telo_middle table{
z-index:90;
background: #6c6a39;
background-repeat:no-repeat;
background-position: left;
table-layout: auto;
border: solid 2px #6c6a39;
font-size:0.7em;
font-weight:normal;
width: 650px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
position:relative;
left:20px;
top:0px;
}

#telo_middle tr.hlavicka{
z-index:100;
background: #999999;
background-repeat:no-repeat;
background-position: left;
border: solid 2px #6c6a39;
font-weight: bold;
margin:0px 0px 3px 0px;
padding:0px 0px 0px 0px; 
position:relative;
}

#telo_middle tr.lichy{
z-index:100;
background: #eeeeee;
background-repeat:no-repeat;
background-position: left;
border: solid 2px #6c6a39;
font-weight: normal;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
position:relative;
}

#telo_middle tr.sudy{
z-index:100;
background: #dddddd;
background-repeat:no-repeat;
background-position: left;
border: solid 2px #6c6a39;
font-weight: normal;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
position:relative;
}

#telo_middle td{
z-index:100;
background: none;
background-repeat:no-repeat;
background-position: left;
text-align: center;
border: solid 0px #6c6a39;
margin:0px 0px 0px 0px;
padding:3px 0px 0px 3px; 
position:relative;
}

#telo_middle td.hlavicka{
z-index:100;
background: #bbbbbb;
background-repeat:no-repeat;
background-position: left;
text-align: center;
font-weight: bold;
border: solid 0px #6c6a39;
margin:0px 0px 0px 0px;
padding:3px 0px 0px 3px; 
position:relative;
}



#formular {
background: none;
	margin: 11px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial, tahoma, verdana, sans-serif;
	float: left;
  text-align: left;
width:460px;
position: relative;
top:0px;
left:10px;
}

#formular p{
z-index:100;
background: none;
color:#6c6a39;
float:left;
font-size: 0.8em;
margin:0px 0px 0px 0px;
padding:2px 0px 2px 0px;
position: relative;
width:455px;
left:0px;
top:0px;

}

#formular input {
	width: 320px;
  height:20px;
	border: ;
	background-color: #f2f5c8;
	color: #6c6a39;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 2px;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 12px;
  float:right;
  position:relative;
}

#formular select {
	width: 320px;
  height:20px;
	border: none;
	background-color: #f2f5c8;
	color: #6c6a39;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 2px;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 12px;
  float:right;
  position:relative;
}


/* konec - tělo webu */



/* patička stránek - horní lištička */
#foot_up {
z-index:100;
background: url('foot_up.jpg') #c0dd71; 
background-repeat:no-repeat;
background-position: top;
float:left; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
width:1212px;
height:16px;
position:relative; 
top:0px;
left:0px;
}


/* vlastní patička stránek s obsahem - zpětnými odkazy atd. co se nikam jinam nevešlo */
#foot {
z-index:90;
background: #c0dd71; 
background-repeat:repeat-y;
background-position:top;
float:left; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
width:1212px;
height:auto;
position:relative; 
top:0px;
left:0px;
}

#foot_left {
z-index:90;
background: none; 
background-repeat:repeat-y;
background-position:top;
float:left; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
width:150px;
position:relative; 
top:0px;
left:0px;
}

#pocitadlo {
z-index:90;
background: none; 
float:left; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
width:90px;
position:relative; 
top:0px;
left:30px;
}

#foot p{
BACKGROUND:  none;
color:#6d3b3a;
text-indent:0px;
font-weight:normal;
font-size: 0.6em;
text-align:justify;
width:1000px; 
float:left; 
margin:5px 0px 5px 0px;
padding:0px 0px 0px 0px; 
position:relative; 
left:10px; 
top:0px;
}

#foot A:link {
color:#6d3b3a;
text-decoration:underline;
font-family: arial;
font-weight:normal;
}

#foot A:active {
color:#6c6a39;
text-decoration:underline;
font-family: arial;
font-weight:normal;
}

#foot A:visited {
color:#6d3b3a;
text-decoration:underline;
font-family: arial;
font-weight:normal;
}

#foot A:hover {
color:#6c6a39;
text-decoration:none;
font-family: arial;
font-weight:normal;
}