/* CSS Document */


#otsbanner{
 width: 212px;
 background: url("../images/banner-bg.gif") repeat-y;
}
#nadpis-otsbanner{
 width: 170px;/*212*/
 height: 105px; /* 132 */
 text-align: left;
 padding: 27px 0 0 42px;
 background: url("../images/banner-top.gif") top left no-repeat;
}
#nadpis-otsbanner strong{
  color: #594039;
  font-size: 140%;
  font-weight: normal;
}
#text-otsbanner{
margin-top: -65px;
padding: 5px 20px 10px 20px;
font-size: 12px;
font: arial;
line-height: 1.3;
background: url("../images/banner-bottom.gif") bottom left no-repeat;
}

#otsbanner a{
background: none !important;
padding: 0 0 0 0 !important;
display: inline !important;
}


html{
  padding: 0px;
  margin: 0px;
}
body{
  background: #8E9C61 url(../images/body.jpg) repeat-x;
  text-align: center;
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
  padding-bottom: 50px; 
}

#container{
  margin: auto;
  width: 900px;
  text-align: left;
}

.head {
  background: url(../images/head.jpg) no-repeat;
  width: 100%;
  height: 375px;
  margin: 0px;
  position: relative;
}

.logo{
  position: absolute;
  top: 38px;
  right: 23px;
}
.logo h1{
display: none;
}

.content{
  width: 481px;
  margin: 0px;
  background: #FBEDD3 url(../images/content.jpg) repeat-x;
  color: rgb(54,54,46);
  font-size: 80%;
  line-height: 150%;
  padding: 20px 20px 20px 220px;
  position: relative;
  _height: 850px;
  min-height: 750px;
  /* _height: 600px;
  min-height: 700px;*/
}

.menu {  
  width: 209px;
  height: 580px;
  background: url(../images/menu.jpg) no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 20px 20px 0px 5px;
  font-family: Times New Roman, Times, serif; 
}

.menu li{
  margin: 0px 0px 5px 0px;
}

.menu ul a{
  color: #2C2918;
  text-decoration: none;
  font-weight: bold;
  font-size: 120%;
  padding: 0px 5px 0px 10px;
  width: 133px;
  height: 20px;
  display: block;
}

.menu ul a:hover, .menu li.active a{
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 120%;
  background: url(../images/menu-active.gif) no-repeat;
}

.menu ul{
  margin: 20px 0px 35px 30px;
  padding: 0px;
  list-style: none;
  display: block;
}

.menu h2 {
  color: #594039;
  font-size: 140%;
  margin: 0px 0px 0px 40px;
}

.vylety a {
  color: #594039;
  font-size: 100%;
  margin-left: 10px;
  padding-left: 30px;
  text-decoration: none;
  background: url(../images/vylety.jpg) no-repeat bottom;
  display: block;
  width: 170px;
  height: 200px;
}

h2.vylety {
  padding-top: 35px;
  margin: 0px;
}
 
.content p{
  margin: 0px 0px 20px 0px;
}



h1{
  font-size: 150%;
  font-weight: normal; 
  color: #cb0000;
  margin: 0px 0px 15px 0px;
  font-family: Times New Roman, Times, serif; 
}

h2{
  font-size: 140%;
  font-weight: normal; 
  color: #cb0000;
  margin: 5px 0px 5px 0px;
  font-family: Times New Roman, Times, serif;
}

p a{
  color: #cb0000;
}

.right-column{
  width: 45%; 
  float: right;
  margin: 0px 10px 10px 20px;
  background: #fddfad;
  padding: 0px 10px 10px 10px;
}  
  
.left a, .right a{
  float: left;
  margin: 5px 15px 5px 0px;
  border-right: solid 1px #FBEDD3;
  border-bottom: solid 1px #FBEDD3;
  padding: 4px;
  background: #9e9662;
}

.right a{
  float: right;
}

.left a:hover, .right a:hover {
  background: #626843;
}

table{
  font-size: 95%;
  width: 90%;
  margin: 0px 0px 20px 0px;
  border: solid 1px #f6d186;
}

.sudy{
  background: #f6d186;
}

td{
  padding: 3px;
}

.kontakty{
  position: absolute;
  top: 45px;
  right: -179px;
  _right: -182px;
  background: url(../images/kontakty.jpg) no-repeat;
  width: 145px;
  height: 475px;
  color: white;
  padding: 17px;
  font: 140% Times New Roman, Times, serif;
}

.kontakty p{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 70%;
  margin: 10px 0px 20px 0px;
  line-height: 130%;
}

.kontakty p b{
  color: #f07d59;
}

.kontakty a, .footer a{
  color: white;
}

.kontakty a:hover, .footer a:hover, .content p a:hover{
  color: #f07d59;
}

.footer {
  background: url(../images/footer.jpg) no-repeat;
  position: absolute;
  width: 162px;
  height: 53px;
  bottom: 20px;
  right: -180px;
  padding: 5px 0px 0px 17px;
  color: white;
  font-size: 95%;
}

.content-bottom{
  background: url(../images/content-bottom.jpg) no-repeat;
  width: 721px;
  height: 15px;
  position: absolute;
  bottom: -5px;
  left: 0px;
}

a img{
  border: 0px;
}

.clear {
  float: none;
  clear: both;
  height: 0px;
  font-size: 0px;
}


/*-----------------Vypis hotelu small---------------*/
#ynd_svypisobal{
position: absolute;
top: 520px;
  right: -179px;
  _right: -182px;
width: 175px;
font-size: 11px !important;
font-family: Verdana, 'Geneva CE', lucida, sans-serif !important;
background: #8e9c61 url("../images/bghotelbanner-nechanice.gif") bottom right no-repeat;
text-align: left;
line-height: 1.3 !important;
font-size: 12px;
}
#ynd_svypisobal a{
display: inline !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#ynd_stopnadpis{
padding: 10px 10px 0 10px;
}
#ynd_stopnadpis a{
font-size: 13px !important;
text-decoration:none !important;
font-weight: bold !important;
color: #ba002f!important;
}

#ynd_svypishotelu{
padding: 0 10px 10px 10px;
}

.ynd_spolozka{
margin-top: 10px;
font-size: 12px !important;
font-family: Verdana, 'Geneva CE', lucida, sans-serif !important;
}
.ynd_spolozka span{
display: inline!important;
font-size:100% !important;
font-weight: normal !important;
text-transform: none !important;
}
.ynd_spolozka a, .ynd_link1{
color: #016ab8 !important;
font-size: 12px !important;
text-decoration: underline !important;
font-family: Verdana, 'Geneva CE', lucida, sans-serif !important;
}
/*-----------------Vypis hotelu large---------------*/
#h1nadpis{
font-size: 26px;
font-weight: normal;
margin-bottom: 25px;
}

#ynd_vypisobal{
margin-top: 30px;
}
.ynd_polozka{
margin-bottom: 50px;
}
.ynd_polozka p{
margin: 5px 0 0 0;
}
#ynd_vypisobal a{
color: black;
}
.ynd_imglink{
float: left;
width: 100px;
margin: 4px 10px 10px 0;
display: block;
}
.ynd_imglink img{
border: 0px none;
}
.ynd_name{
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
}
.ynd_name a{
font-size: 22px !important;
color: #016ab8!important;
font-style: normal !important;
font-weight: normal !important;
line-height: 1.3 !important;
}

.ynd_adrs{
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
font-size: 11px !important;
line-height: 1.3 !important;
}
.ynd_adrs strong{
font-weight: normal;
}
.ynd_prc{
line-height: 1.3 !important;
margin: 16px 0 0 0 !important;
padding: 0 0 0 0;
font-size: 16px !important;
font-weight: bold !important;
}
.ynd_prc span{
font-size: 20px;
font-weight: normal;
}
.ynd_popis{
clear: both;
font-size: 12px !important;
padding-top: 0px;
line-height: 1.3 !important;
}
.ynd_link2{
font-size: 10px !important;
color: black !important;
}
#ynd_podcarou{
margin: 20px 0 0 0;
padding-top: 15px;
border-top: 2px solid #666666;
}
#ynd_podcarou a{
color: black !important;
}
#yonadlogo{
border-top: 2px solid #666666;
margin: 20px 0 0 0;
width: 100%;
height: 86px;
background: url("http://www.yonad.com/imgs/yonad-transparent-small.png") top right no-repeat;
}