* { padding: 0; margin: 0; }
.poznamka{
font-size: 80%;
font-style: italic;
 color: #150766;
}

#cenikodkaz{
position: relative;

}
li.blabla {
font-size: 90%;
}
li.red{
color: #A41214;
font-size: 85%;
}
#cenikodkaz h1{
position: relative;
top: 120px;
left: 130px;
color: #a41214;
 padding-left: 30px;
 font-size: 250%;
 text-decoration: underline;
}
a img {
 border: none;
}
a {
 color: #a41214;
 text-decoration: underline;
}
a:visited{
 color: #821011;
}
body {
 background: url("images/bg.jpg");
 background-color: #0e0e0d;
 background-repeat: repeat-y;
 background-position: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 
}
h4{
 font-size: 120%;
 padding-left: 50px;
 padding-top: 10px;
 color: #a41214;
 font-weight: bold;
}
h2{
 color: #a41214;
 font-size: 140%;
}
h1{
 
}
#wrapper { 
 margin: 0 auto;
 width: 980px;
}
#header {
 color: #333;
 width: 980px;
 height: 200px;
 background: url("images/header-bg.jpg");
}
#logo {
 position: relative;
 left: 70px;
 top: 49px;
 float: left;
 width: 345px;
 height: 120px;
 background: url("images/logo.png");
}
#logo a{

 width: 345px;
 height: 120px;
display: block;
}
#vheader {
 position: relative;
 top: 55px;
 left: 185px;
 float: left;
 width: 172px;
 height: 113px;
}
#pocasi{
 width: 172px;
 height: 57px;
 background: url("images/pocasi.png");
}
#pocasi a{
 width: 172px;
 height: 57px;
 display: block;
}
#poloha{
 width: 172px;
 height: 56px;
 background: url("images/poloha.png");
 }
 #poloha a{
 width: 172px;
 height: 56px;
 display: block;
 }

#kontakt {
 position: relative;
 right: 62px;
 top: 28px;
 float: right;
 width: 193px;
 height: 153px;
 background: url("images/kontakt.png");
}
#kontakt a{
 display: block;
 width: 193px;
 height: 136px;

}
#leftcolumn {
 color: #333;
 margin: 0px 0px 0px 0px;
 height: 525px;
 width: 490px;
 float: left;
 background: url("images/bg-left.jpg");
}
#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 height: 525px;
 width: 490px;
 display: inline;
 position: relative;
 background: url("images/bg-right.jpg");
}
/***************************** okoli *******************************************/
.susice{
 width: 100%;
}
.susice img{
 float: left;
 position: relative;
 right: 0px;
 top: 10px;
}
.susice h2{
 float: left;
 position: relative;
 left: 60px; 
 top: 10px;
}
.susice p{
 position: relative;
 top: 35px;
 width: 200px;
 float: left;
 color: #150766;
 font-weight: bold;
}
.susice .link {
 position: relative;
 left: 60px;
 top: 0px;
 font-size: 90%;
 font-weight: bold;
}
.velhartice{
 width: 100%;
 height: 150px;
}
.velhartice img{
 float: left;
 position: relative;
 left: 40px;
 top: 10px;
}
.velhartice h2{
 float: right;
 position: relative;
 right: 150px; 
 top: 10px;
}
.velhartice p{
 position: relative;
 top: 35px;
 left: 50px;
 width: 200px;
 float: right;
 color: #150766;
 font-weight: bold;
}
.velhartice .link {
 position: relative;
 left: 65px;
 top: 35px;
 font-size: 90%;
 font-weight: bold;
}
.kasperk{
 width: 100%;
}
.kasperk img{
 float: left;
 position: relative;
 right: 5px;
 top: 10px;
}
.kasperk h2{
 float: left;
 position: relative;
 left: 60px; 
 top: 10px;
}
.kasperk p{
 position: relative;
 top: 35px;
 left: -13px;
 width: 200px;
 float: left;
 color: #150766;
 font-weight: bold;
}
.kasperk .link {
 position: relative;
 left: 60px;
 top: -30px;
 font-size: 90%;
 font-weight: bold;
}
.rabi{
 width: 100%;
}
.rabi img{
 float: left;
 position: relative;
 left: 10px;
 top: 20px;
}
.rabi h2{
 float: left;
 position: relative;
 top: 20px;
 left: 50px;
}
.rabi p{
 position: relative;
 top: 45px;
 left:10px;
 width: 170px;
 float: left;
 color: #150766;
 font-weight: bold;
}
.rabi .link {
 position: relative;
 left: 50px;
 top: -3px;
 font-size: 90%;
 font-weight: bold;
}
.svatobor{
 width: 100%;
 height: 150px;
}
.svatobor img{
 float: left;
 position: relative;
 left: 30px;
 top: 20px;
}
.svatobor h2{
 float: right;
 position: relative;
 right: 170px; 
 top: 20px;
}
.svatobor p{
 position: relative;
 top: 45px;
 left: 30px;
 width: 200px;
 float: right;
 color: #150766;
 font-weight: bold;
}
.svatobor .link {
 position: relative;
 left: 45px;
 top: 50px;
 font-size: 90%;
 font-weight: bold;
}
/********************************* okoli konec ****************************************/

/********************************** ubytovani *****************************************/

#ohniste{
 float: right;
 position: relative;
 right: 20px;
}
#chatka{
 float: left;
 position: relative;
 left: 50px;
 top: 20px;
}
#sezeni{
 float: right;
 position: relative;
 right: 35px;
 top: 20px;
}
p{
 color: #150766;
 font-weight: bold;
 position: relative;
}
.text_ubytovani{
 width: 200px;
 left: 55px;
 top: 50px;
}
.text_ubytovani2{
 width: 400px;

 left: 55px;
 top: 5px;
 float: left;
 display: block;
}
.text_ubytovani3{

 width: 200px;
 height: 180px;
 top: 240px;
 left: 250px;
}
.text_ubytovani4{
 width: 180px;
 height: 160px; 
 position: relative;
 top: 40px;
 left: 53px;
}
.cenik{
 position: relative;
 top: 30px;
 left: 80px;
 width: 350px;
 height: 210px; 
}
.provoz{
  position: relative;
  top: 70px;
  left: 50px;
  width: 350px;
  color: #a41214;
  font-size: 110%;
  font-weight: bolder;

} 
.cenikleft{
 position: relative;
 top: 30px;
 left: 70px;
 width: 350px;
 height: 210px; 
}
.menu li{
 color: #150766;
 list-style: none;
 padding-top: 5px;
}
.menu em{
 font-weight: bold;
}
.penze{
 padding-top: 2px;
}
/********************************** index *********************************/
#vitejte{
position: relative;
left: 50px;
top: 10px;
width: 420px;
height: 40px;
background: url("images/vitejte.png") no-repeat;
display: block;
}
#menu_ubytovani{
height: 200px;
background: url("images/chaty.gif") no-repeat;
background-position: 250px 10px;
}
#menu_ubytovani a{
width: 174px;
height: 117px;
position: relative;
left: 70px;
top: 50px;
background: url("images/ubytovani.png") no-repeat;
display: block;
}


#menu_okoli{
height: 230px;
background: url("images/rozcestnik.gif") no-repeat;
background-position: 50px 0px;
}
#menu_okoli a{
width: 238px;
height: 121px;
position: relative;
left: 200px;
top: 0px;
background: url("images/okoli.png") no-repeat;
display: block;
} 
#menu_aktivity{
height: 230px;
background: url("images/pes.gif") no-repeat;
background-position: 210px 10px;
}
#menu_aktivity a{
width: 244px;
height: 189px;
position: relative;
left: 60px;
top: 50px;
background: url("images/aktivity.png") no-repeat;
display: block;
}


#kniha a{
width: 395px;
height: 189px;
position: relative;
left: 45px;
top: 50px;
background: url("images/kniha.png") no-repeat;
display: block;
}
#kniha a:hover{
background: url("images/kniha_hover.png") no-repeat;
}
/************************************************ aktivity *******************************************/
.sport{
background: url("images/bokca.gif") no-repeat;
background-position: 240px 0px;
}
.sport p{
position: relative;
top: 25px;
left: 55px;
width: 200px;
height: 150px;
}
.sport h2{
position: relative;
top: 20px;
left: 55px;
}
.offpark{
position: relative;
top: -15px;
background: url("images/offpark.gif") no-repeat;
background-position: 33px 0px;
}
.offpark p{
position: relative;
top: 15px;
left: 272px;
width: 200px;
height: 150px;
}
.offpark h2{
position: relative;
top: 10px;
left: 270px;
}
.offpark .link {
 position: relative;
 left: 283px;
 top: -40px;
 font-size: 90%;
 font-weight: bold;
}
.internet{
position: relative;
top: -45px;
height: 180px;
background: url("images/kavarna.gif") no-repeat;
background-position: 240px 0px;
}
.internet p{
position: relative;
top: 25px;
left: 55px;
width: 200px;
height: 150px;
}
.internet h2{
position: relative;
top: 20px;
left: 55px;
}
.lode {
height: 172px;
background: url("images/lode.gif") no-repeat;
background-position: 30px 0px;
}
.lode p{
position: relative;
top: -15px;
left: 235px;
width: 200px;
height: 150px;
}
.lode h2{
position: relative;
top: -20px;
left: 235px;
}
.lode .link {
 position: relative;
 left: 236px;
 top: -35px;
 font-size: 90%;
 font-weight: bold;
}
.koupak{
position: relative;
top: -25px;
height: 200px;
background: url("images/koupak.gif") no-repeat;
background-position: 220px 0px;
}
.koupak p{
position: relative;
top: 30px;
left: 45px;
width: 200px;
height: 150px;
}
.koupak h2{
position: relative;
top: 25px;
left: 45px;
}

.paintball{
position: relative;
top: -50px;
height: 200px;
background: url("images/paintball.gif") no-repeat;
background-position: 30px 0px;
}
.paintball p{
position: relative;
top: 35px;
left: 205px;
width: 200px;
height: 150px;
}
.paintball h2{
position: relative;
top: 30px;
left: 205px;
}
.paintball .link {
 position: relative;
 left: 206px;
 top: -58px;
 font-size: 90%;
 font-weight: bold;
}
#kempy {
padding-left: 280px;
padding-top: 0px;
}