body {
margin: 0 0 20px 0;
padding: 0;
font-size: 70%;
text-align: center;
background: #8599A6 url(../img/bg.gif);
color: #5A5A5A;
}

#outer {
margin: auto;
margin-top: 15px;
padding: 13px;
padding-bottom: 0;
text-align: left;
width: 754px;
border-top: 1px solid #ADB8C0;
background: #5B6D79 url(../img/sitebg.gif);
position: relative;
}

#inner {
border: 1px solid white;
border-bottom: 0;
width: 752px;
background: white;
}

*{
font-family: arial ce, arial, sans-serif;
font-size: 100%;
}

hr.test{
height: 1px;
border: none;
border-bottom: 1px dashed black;
clear: both;
}

table {
clear: both;
margin: 0 20px 10px 0;
border-collapse: collapse;
display: inline-block;
}
	
th, td {
padding: 2px 5px;
vertical-align: top;
text-align: left;
border: none;
}
	
.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.clr	{clear: both;}

img {
border: none;
}

img.leva {
float: left;
margin-right: 10px;
}

img.prava {
float: right;
margin-left: 10px;
}

img.floatleft {
float: left;
margin-right: 10px;
}

img.floatright {
float: right;
margin-left: 10px;
}

/*********/



#menu1 ul {
padding: 0px;
margin: 0px 0px 0px 170px;
list-style: none;
background: #FFF;
overflow: hidden;
border-left: 1px solid #FFF;
display: inline-block;
}

#menu1 ul li {
padding: 0px;
margin: 0px;
display: inline;
}

#menu1 ul li a, #menu1 ul li a:visited, #menusub ul li a, #menusub ul li a:visited {
position: relative;
display: block;
float: left;
padding: 6px 9px 5px 8px;
text-decoration: none;
text-transform: uppercase;
color: #5A5A5A;
}

#menu1 ul li a img, #menusub ul li a img {
position: absolute;
top: 0;
right: -1px;
visibility: hidden;
}

#menu1 ul li a:active img, #menu1 ul li a:hover img, #menu1 ul li a.act img, #menusub ul li a:active img, #menusub ul li a:hover img, #menusub ul li a.act img {
visibility: visible;
}

#menu1 ul li a:active, #menu1 ul li a:hover, #menu1 ul li a.act, #menusub ul li a:active, #menusub ul li a:hover, #menusub ul li a.act {
background: transparent url(../img/hover.gif) 0 0 no-repeat;
color: white;
}

#flash {
clear: both;
position: relative;
margin-bottom: 0px;
}

#flashsub {
clear: both;
height: 174px;
/*background: url(../img/flash2.jpg) no-repeat;*/
position: relative;
margin-bottom: 1px;
}

#flash img.abs, #flashsub img.abs {
position: absolute;
left: -11px;
top: -26px;
}

#flashsub img.logo {
position: absolute;
left: 25px;
}

#content {
position: relative;
top: -3px;
width: 752px;
background: url(../img/mainbg.gif) 446px 40px no-repeat;
}

#main {
width: 460px;
float: left;
}

#main h1 {
background: #B5C818 url(../img/h1bg.gif) 0 0 no-repeat; 
color: white;
font-size: 160%;
height: 22px;
padding: 10px 20px 8px 40px;
margin: 0;
font-weight: normal;
}

#main h2, #mains h2 {
background: url(../img/odr_bg.gif) 0 12px no-repeat; 
font-size: 120%;
padding: 10px 0 0 20px;
margin: 0;
color: #96A806;
position: relative;
}

#main p {
padding: 10px 20px 10px 0;
}

#main ul {
padding: 10px 20px 10px 22px;
margin: 0;
list-style: none;
}

#main ul li {
padding: 0 0 0 22px;
background: url(../img/odr_sg_gray.gif) 3px 5px no-repeat;
}

#mains {
margin: 0 20px;
line-height: 1.4em;
}

#mains h1 {
background: #B5C818 url(../img/h1bg.gif) 0 0 no-repeat; 
color: white;
font-size: 160%;
height: 22px;
padding: 10px 20px 8px 43px;
margin: 0;
font-weight: normal;
}


#mains p {
margin: 0 0 15px 0;
}

#mains ul {
padding: 10px 20px 10px 15px;
margin: 0;
list-style: none;
}

#mains ul li {
padding: 0 0 0 22px;
background: url(../img/odr_sg_gray.gif) 3px 3px no-repeat;
display: inline-block;
}

#mains ol {
padding: 10px 20px 10px 22px;
margin: 0;

}

#mains ol li {
position: relative;
padding: 0 0 0 0px;
left: 40px;
}


#mains td ul li{
padding: 0 0px 0 15px;
left: -24px;
background: url(../img/odr_sg_gray.gif) 3px 50% no-repeat;
}

#mains a, #mains a:visited {
color: #73860F;
text-decoration: none;
}

#mains a:active, #mains a:hover {  
text-decoration:none;
color:#AC2416;


}

#mains td {
padding: 0 0px 0 0px;
position: relative;

}

#news {
width: 292px;
float: right;
}

#news h2 {
background: #B5C818 url(../img/odr_bw.gif) 5px 50% no-repeat; 
color: white;
height: 22px;
font-size: 160%;
padding: 10px 20px 8px 30px;
margin: 0;
font-weight: normal;
}

#news h2 a, #news h2 a:visited {
color: #FFFFFF;
text-decoration: none;
}

#news h2 a:active, #news h2 a:hover {
text-decoration:none;
color:#EFEFEF;
}


#news h3 {
background:  url(../img/novinky.gif) 5px 50% no-repeat; 
color: #73860F;
height: 22px;
font-size: 160%;
padding: 10px 20px 8px 30px;
margin: 0;
font-weight: normal;
}

#news h5 {
background: #DEEC8F url(../img/kontakt.gif) 5px 50% no-repeat; 
color: #73860F;
height: 22px;
font-size: 160%;
padding: 10px 20px 8px 30px;
margin: 0;
font-weight: normal;
}


#news h6 {
color: #73860F;
background: url(../img/kontakty_udaje.gif) 12px 50% no-repeat;
padding: 5px 20px 5px 30px;
margin: 0px 0 0 0;
}

#news h6 a, #news h6 a:visited {
color: #73860F;
text-decoration: none;
}

#news h6 a:active, #news h6 a:hover {
text-decoration: underline;
}

#news h4 {
color: #73860F;
background: url(../img/odr_sdg.gif) 12px 50% no-repeat;
padding: 5px 20px 5px 30px;
margin: 0px 0 0 0;
}

#news h4 a, #news h4 a:visited {
color: #73860F;
text-decoration: none;
}

#news h4 a:active, #news h4 a:hover {
text-decoration:none;
color:#AC2416;
}

#news h5 a:active, #news h5 a:hover {
text-decoration:none;
color:#AC2416;
}


#news p {
color: #73860F;
margin: 0;
padding: 0 20px 0 30px;
}


#ender {
position: relative;
top: -3px;
clear: both;
color: white;
padding: 14px 20px 5px 20px;
text-align: center;
background: url(../img/bottombg.gif) 0 100% no-repeat;
margin: auto;
width: 740px;
}


#ender a {
color: white;
}

#ender a, #ender a:visited {
color: #FFFFFF;
text-decoration: none;
}

#ender a:active, #ender a:hover {
text-decoration: none;
color: red;
}

#pata a {
color: white;
}

#pata {
position: relative;
font-size: 80%;
top: -3px;
clear: both;
color: white;
padding: 14px 20px 5px 20px;
text-align: center;

margin: auto;
width: 740px;
}


#pata a, #pata a:visited {
color: #FFFFFF;
text-decoration: none;
}

#pata a:active, #pata a:hover {
text-decoration: none;
color: #5A5A5A;
}



fieldset fieldset legend{
  font-size: 1.2em;
}

label {
  display: block;
  float: left;
  clear: left;
  width: 10em;
  padding-right: 1em;
  text-align: right;
  line-height: 1.8em;
}

input {
  display: block;
  float: left;
}

input#kraj {
  width: 12em;
}
input#psc {
  width: 4em;
}
input#poznamky {
  width:  30em;
  height: 10em;
}


br {
  clear: both;
}
ul.zaujimavosti {
  margin: 0px 0px 0px 10px;
  padding: 0px;
}


#penzion{
position: absolute;
top: 0;
right: 0;
border: none;
z-index: 1000;

}

