body, html{
  border: 0px none;
  margin: 0px; padding: 0px;
  background-color: white;
  font-family: 'Trebuchet MS', 'Arial CE', 'Helvetica CE',	Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #0f0f0f;
  line-height: 1.4;
  text-align: center;
}

/*---------------------------------------TEXT----------------------------------*/
p, img, table, tr, th, td, h1, h2, h3, h4, h5, h6, ul, li, form,fieldset
{
border: 0 none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
p{margin: 0 0 10px 0;}
hr{display: none;}
.skryj{display: none;}
a,a:link,a:active,a:hover,a:visited {
	color: #3a6d90;
	text-decoration: underline;
}

a:visited {
	color: #0b3856;
}

a:hover, a:focus, a:active {
  color: #509bce;
}

/*--------------------------------------LAYOUT---------------------------------*/
#obal{
position: relative;
margin: auto;
padding: 0;
text-align: left;
width: 940px;
background: url("imgs/hlavicka.jpg") 266px 0 no-repeat;
}
/*-------------levy sloupec----------*/
#levysloupec{
width: 266px;
float: left;
}
#h1nadpis{
width: 266px;
height: 136px;
background: red;
}
#levysloupec h2{
width: 236px;
height: 34px;
font-size: 18px;
color: white;
font-weight: normal;
padding: 10px 0 0 30px;
margin: 10px 0 0 0;
background: url("imgs/bg_kategorie.gif") repeat-x;
}
#levysloupec a{
text-decoration: none !important;
cursor: pointer;
}

#rezervace{
border: 1px solid #78a1be;
background-color: #c9dbe7;
padding: 10px 30px 5px 30px;
}
#rezervace a{
color: black;
}
#rezervace a:hover, #rezervace a:focus, #rezervace a:active {
color: #595959;
}
.rezervovat{
color: #444444 !important;
height: 28px;
text-align: center;
padding: 7px 0 0 0;
font-size: 15px;
font-weight: bold;
text-decoration: none !important;
display: block;
border: 1px solid #8f8f8f;
background: url("imgs/bg_tlacitko.gif") repeat-x;

}
.rezervovat:hover{
border: 1px solid #676767;
}
#kdenasnajdete{
margin-top: 10px;
background-color: white;
border: 1px solid #bbd0de;
padding: 6px 7px 6px 7px;
}
#kdenasnajdete h3{
font-weight: normal;
font-size: 15px;
color: #608f28;
padding: 0 0 5px 0;
}
#kdenasnajdete h4{
font-weight: bold;
font-size: 13px;
color: #608f28;
}
/*---------------obsah---------------*/
#hlavniobsah{
float: left;
width: 418px;
padding: 201px 0 0 27px;
}
#hlavniobsah h1{
border-left: 6px solid #f0ce32;
padding: 28px 0px 0px 18px;
margin-bottom: 10px;
color: #608f28;
font-size: 23px;
font-weight: normal;
line-height: 0.8;
}
#hlavniobsah #nabidkaprogramu{
border: none;
padding: 0;
margin: 15px 0 15px 0;
font-size: 20px;
color: #608f28;
}
#hlavniobsah h3{
color: #608f28;
font-size: 14px;
font-weight: bold;
margin: 10px 0 10px 0;
}
#hlavniobsah h4{
font-size: 13px;
font-weight: bold;
}
#hlavniobsah strong{
color: #608f28;
}
#hlavniobsah table{
width: 418px;
border-collapse: collapse;
margin: 0 0 15px 0;
}
#hlavniobsah table td{
border: 1px solid #608f28;
padding: 10px;
font-size: 12px;
}
#hlavniobsah table th{
color: white;
background: #5f8dad;
border: 1px solid #5f8dad;
text-align: center;
padding: 5px;
}
#hlavniobsah table .nonbg{
background: none;
border: 0px none;
color: #608f28;
padding: 3px;
}
#hlavniobsah #otplaceni,#hlavniobsah #otnastup,#hlavniobsah #otprubeh,#hlavniobsah #otkonec,#hlavniobsah #otcomamdelat{
border: none;
padding: 0;
margin: 15px 0 10px 0;
font-size: 20px;
line-height: 1.2;
color: #608f28;
}
#faq ul{
margin:10px 0 10px 0;
}
#faq li{
list-style-type: none;
background: url("imgs/otaznik.gif") 0 8px no-repeat;
padding: 3px 0 3px 17px;
}
#faq h3{
color: #3a6d90;
padding: 5px 0 0 0;
margin: 0 0 0 0;
}
#vybersi li{
background: url("imgs/sipka.gif") 0 8px no-repeat;
}
.recepce{
clear: left;
float: left;
margin: 2px 10px 10px 0;
height: 150px;
padding: 5px;
border: 1px solid #999999;
}
.recepce:hover, .recepce:focus, .recepce:active{
border: 1px solid #9dd7ff;
}
.recepce:hover, .recepce:focus, .recepce:active, .vyletydokoli:hover, .vyletydokoli:focus, .vyletydokoli:active{
border: 1px solid #9dd7ff;
}
.vyletydokoli{
float: left;
margin: 2px 10px 10px 25px;
height: 150px;
padding: 5px;
border: 1px solid #999999;
}
/*-----------tipy na výlet---------*/
#tipynavylet li{
list-style-type: none;
background: url("imgs/sipka.gif") 0 5px no-repeat;
padding: 0px 0 3px 17px;
}
#blizkeokoli{
float: left;
width: 220px;
margin: 0 20px 20px 0;
}
#vzdaleneokoli{
float: left;
}
#bokol, #vokol{
clear: both;
color: #608f28 !important;
font-size: 20px !important;
border: 0px none !important;
padding: 0 !important;
font-weight: normal !important;
margin: 20px 0 5px 0 !important;
}
.okoli{
margin-bottom: 30px;
clear: both;
}
.okoli h2{
color: #608f28 !important;
font-size: 18px !important;
border: 0px none !important;
padding: 0 !important;
font-weight: normal !important;
margin: 0 0 5px 0 !important;
line-height: 1.3 !important;
}
.okoli h3{
color: black !important;
margin: 2px 0 2px 0 !important;
font-size: 13px !important;
}
.okoli img{
float: left;
margin: 0px 10px 0 0;
padding: 5px;
border: 1px solid #999999;
}
/*-------------aktuality-----------*/
#aktuality{
float: right;
width: 180px;
margin: 225px 0 0 0;
padding-left: 25px;
background: url("imgs/tecky_vertical.gif") repeat-y;
}
#aktuality h2{
font-weight: normal;
font-size: 15px;
color: #608f28;
padding: 0 0 5px 0;
}
#aktuality h3{
font-weight: bold;
font-size: 13px;
color: #608f28;
}
/*-------------Výběr z fotogalerie-----------*/
#fotogalerie h2{
color: black;
font-size: 16px;
border: 0px none;
padding: 0;
font-weight: bold;
margin: 20px 0 0 0;
}
#vyberzfotogalerie h2{
color: #608f28;
font-size: 18px;
border: 0px none;
padding: 0;
font-weight: normal;
margin: 20px 0 20px 0;
}
.photo-section td{
border: none !important;
padding: 0 0 0 0 !important;
margin: 0 0 0 0 !important;
}
.photo-section a img{
padding: 5px;
border: 1px solid #999999;
margin: 0 4px -5px 0px;
}

#vyberzfotogalerie a img{
margin: 0 4px 10px 0px;
padding: 5px;
border: 1px solid #999999;
}
#vyberzfotogalerie a:hover img, .photo-section a:hover img, #vyberzfotogalerie a:focus img, #vyberzfotogalerie a:active img{
border: 1px solid #9dd7ff;
}
/*-------------Patička-----------*/
#pata{
clear: both;
width: 100%;
height: 20px;
}
#copy{
position: absolute;
top: 840px;
left: 0px;
}
/*---------------------------------------MENU----------------------------------*/
#menu{
  width: 266px;
  height: 290px;
  margin: 0; padding: 0;
  background: url("imgs/menu.gif");
}
#menu li{
  list-style-type: none;  
	width: 266px; height: 28px;
	margin: 0; padding: 1px 0 0 0;
}
#menu li a{
  display: block;
	margin: 0; padding:4px 0 4px 33px;
	width: 233px; height: 20px;
	text-decoration: none;
	color: black;
}
#menu li a#aktivni{
  color: #d5ffa4;
  font-weight: bold;
}
/*uvod hover*/
#menu li#uvod a:hover,#menu li#uvod a:focus, #menu li#uvod a:active,#menu li#uvod a#aktivni{
  background: url("imgs/menu.gif") 266px -1px;
}
/*roubenky hover*/
#menu li#roubenky a:hover,#menu li#roubenky a:focus, #menu li#roubenky a:active,#menu li#roubenky a#aktivni{
  background: url("imgs/menu.gif") 266px -30px;
}
/*penzion hover*/
#menu li#penzion a:hover,#menu li#penzion a:focus, #menu li#penzion a:active,#menu li#penzion a#aktivni{
  background: url("imgs/menu.gif") 266px -59px;
}
/*bazen hover*/
#menu li#bazen a:hover,#menu li#bazen a:focus, #menu li#bazen a:active,#menu li#bazen a#aktivni{
  background: url("imgs/menu.gif") 266px -88px;
}
/*sluzby hover*/
#menu li#sluzby a:hover,#menu li#sluzby a:focus, #menu li#sluzby a:active,#menu li#sluzby a#aktivni{
  background: url("imgs/menu.gif") 266px -117px;
}
/*areal hover*/
#menu li#areal a:hover,#menu li#areal a:focus, #menu li#areal a:active,#menu li#areal a#aktivni{
  background: url("imgs/menu.gif") 266px -146px;
}
/*vylety hover*/
#menu li#vylety a:hover,#menu li#vylety a:focus, #menu li#vylety a:active,#menu li#vylety a#aktivni{
  background: url("imgs/menu.gif") 266px -175px;
}
/*ceny hover*/
#menu li#ceny a:hover,#menu li#ceny a:focus, #menu li#ceny a:active,#menu li#ceny a#aktivni{
  background: url("imgs/menu.gif") 266px -204px;
}
/*faq hover*/
#menu li#faq a:hover,#menu li#faq a:focus, #menu li#faq a:active,#menu li#faq a#aktivni{
  background: url("imgs/menu.gif") 266px -233px;
}
/*faq hover*/
#menu li#kontakty a:hover,#menu li#kontakty a:focus, #menu li#kontakty a:active,#menu li#kontakty a#aktivni{
  background: url("imgs/menu.gif") 266px -262px;
}