body, html{
  border: 0px none;
  padding: 0; margin: 0;
  background: url("../imgs/hlavicka.jpg") top center no-repeat;
  background-color: white;
  font-family: 'Arial CE', 'Helvetica CE',	Arial, Helvetica, sans-serif;
  font-size: 12px;
   color: #313131;
  line-height: 1.6;
  text-align: center;
}

/*-------------------------------------SEARCH-------------------------------*/
#vyhledavani{
text-align: right;
position: absolute;
top: 0;
right: 0;
padding: 10px;
background: white url("../imgs/bg_vyhledavani.jpg");
}
#vyhledavani .i-hledej{
width: 145px;
}
#vyhledavani .tlacitko{
border: 1px solid #7f9db9;
background: #a7da61;
color: white;
font-size: 13px;
height: 22px;
width: 35px;
position: relative;
padding: 0 0 0 0;
margin: 0 0 0 0;
font-weight: normal;
cursor: pointer;
}
#vyhledavani .tlacitko, x:-moz-any-link {top:1px;}

/*-------------------------------------BANNER-------------------------------*/
#otsbanner{
 width: 318px;
 background: #f7f7f7 url("../imgs/banner-bg.gif");
 margin: 0 0 10px 20px;
}
#nadpis-otsbanner{
 width: 300px;/*318*/
 background:  url("../imgs/banner-top.gif") no-repeat;
 text-align: left;
 padding: 15px 0 0 18px;
}
#otsbanner strong{
color: #993300;
font-size: 22px;
font-weight: normal;
}
#text-otsbanner{
padding: 5px 18px 10px 18px;
background: url("../imgs/banner-bottom.gif") bottom left no-repeat;
}
#otsbanner a{
background: none !important;
padding: 0 0 0 0 !important;
display: inline !important;
}


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

a:visited {
	color: #00b700;
}

a:hover {
  color: #00b700;
	text-decoration: underline;
}

a:focus,a:active {
  color: #00b700;
	text-decoration: underline;
}
p{
margin-bottom: 10px;
}
.fotoleft img{
float: left;
width: 150px;
border: 1px solid #00b700;
margin: 5px 10px 5px 22px;
}
.fotoright img{
float: right;
width: 150px;
border: 1px solid #00b700;
margin: 5px 0 5px 10px;
}
#fotovtextu{
padding: 0px 0 0px 20px;
margin-bottom: 10px;
}
#fotovtextu .fotoleft img{
width: 90px;
border: 1px solid #00b700;
margin: 5px 5px 5px 5px;
}
#fotogalerie img{
border: 1px solid #00b700;
margin: 1px 1px 1px 1px;
}
/*---------------------------------------LAYOUT----------------------------------*/
#kralpytlaku, #hyzl, #hvozd, #janecek, #bers, #carodej{
display: none;
}
#kralpytlaku p, #hyzl p, #hvozd p, #janecek p, #bers p, #carodej p{
text-indent: 15px;
margin-bottom: 6px;
line-height: 1.4;
}
#obal{
position: relative;
margin: 0 auto 0 auto;
text-align: left;
width: 976px;
}

#logo h1{
display: none;
}
#logo{
  position: relative;
  top: 135px;
  left: 15px;
  margin: 0;
  cursor: pointer;
  text-decoration: none;
  display: block;
  height: 71px;
  width: 295px;
  background: url("../imgs/logo.png") no-repeat;
  _background: url("../imgs/blank.gif") repeat;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/logo.png', sizingMethod='normal');
}
#obsah{
position: absolute;
top: 323px;
left:0;
}
#levysloupec{
width: 606px;
float: left;
padding: 0 0 20px 0;
}
#levysloupec h2{
font-size: 23px;
font-weight: normal;
color: #008000;
background: url("../imgs/sipka-dolu.gif") 5px 12px no-repeat;
padding: 0 0 0 22px;
margin-top: 20px;
}
#levysloupec h3{
font-size: 15px;
font-weight: bold;
color: #993300;
margin-top: 10px;
padding: 0 0 0 22px;
}
#levysloupec h4{
font-size: 13px;
font-weight: bold;
color: #008000;
margin-top: 5px;
padding: 0 0 0 22px;
}
#levysloupec p{
padding: 0 0 0 22px;
}
#levysloupec table{
width: auto;
font-size: 12px;
border-collapse: collapse;
margin: 10px 0 10px 22px;
}
#levysloupec table th, #levysloupec table td{
text-align: left;
padding: 0px 5px 0 5px;
}

#uvodnitext{
position: relative;
padding: 90px 22px 5px 22px;
background: url("../imgs/obsah-obrazek.jpg") no-repeat;
background-color: #008400;
color: white;
}
#uvodnitext h1{
font-size: 25px;
font-weight: normal;
}
#uvodnitext p{
padding-left: 0px;
}
#uvodnitext ul{
margin: 5px 0 0 5px;
}
#uvodnitext li{
list-style-type: none;
padding-left: 14px;
background: url("../imgs/sipka-white.gif") 0 6px no-repeat;
margin-bottom: 5px;
}
#uvodnitext li a{
color: white;
}
#uvodnitext table{
position: relative;
float: left;
z-index: 99999;
font-size: 11px;
border-collapse: collapse;
margin: 10px 10px 10px 0;
width: 190px;
color: white;
}
#uvodnitext table th, #uvodnitext table td{
text-align: left;
padding: 0px 5px 0 5px;
}
#uvodnitext table th a{
color: white;
font-weight: bold;
}

#konecuvodtextu{
background: url("../imgs/obsah-top-bgspodek.gif") no-repeat;
width: 606px;
height: 9px;
position: absolute;
left: 0px;
_left: -22px;
}
html>body #konecuvodtextu{
bottom: 0;
}
#pravysloupec{
width: 358px;
float: left;
margin-left: 4px;
}
#pravysloupec h2{
color: #993300;
font-size: 22px;
font-weight: normal;
}
.odkazsipka{
padding-right: 15px;
background: url("../imgs/sipka-doprava.gif") right 5px  no-repeat;
}
#kudyknam{
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
width: 356px;
background-color: #f8f8f8;
position: relative;
padding-bottom: 10px;
}
#kudyknam h2{
padding: 10px 0 10px 15px;
}
#kudyknam img{
margin-left: 70px;
}
#kudyknam .odkazsipka{
margin-left: 230px;
}
#koneckudyknam{
background: url("../imgs/mapa-bgspodek.gif") no-repeat;
width: 358px;
height: 9px;
position: absolute;
bottom: 0px;
_bottom: -10px;
left: -1px;
}
#vyberfoto{
padding: 20px 0 20px 20px;
}
#vyberfoto h2{
padding-bottom: 8px;
}
#vyberfoto a img{
border: 1px solid #008000;
margin: 2px;
}
#vyberfoto a:hover img{
border: 1px solid #00b700;
}
#vyberfoto p{
text-align: right;
padding: 5px 20px 0 0;
}
.cyklotipy{
text-align: center;
width: 170px;
float: left;
display: inline;
margin: 0 3px 25px 22px;
}
.cyklotipy h3{
padding: 0 0 0 0 !important;
}

#paticka{
clear: both;
background: #008400;
height: 30px;
width: 968px;
padding-right: 20px;
text-align: right;
color: white;
line-height: 30px;
}
#paticka a{
color: white;
}
/*---------------------------------------MENU----------------------------------*/
ul#menu{
position: absolute;
top: 256px;
left: 0px;
font-size: 13px;
height: 37px;
width: 100%;
}
ul#menu li{
list-style-type: none;
float: left;
display: block;
padding: 0px 6px 0px 6px;
position: relative;
margin-right: 1px;
}
ul#menu li ul{
display: none;
}
ul#menu li a{
color: white;
text-decoration: none;
background-color: #008400;
font-size: 13px;
line-height: 40px;
padding: 12px 8px 9px 8px;
}
ul#menu li a:hover{
 	text-decoration: underline;
}
.levyroh{
background: url("../imgs/menu-ramecek-levo.gif") no-repeat;
width: 6px;
height: 37px;
position: absolute;
top: 0;
left: 0;
display: block;
}
.pravyroh{
background: url("../imgs/menu-ramecek-pravo.gif") no-repeat;
width: 6px;
height: 37px;
position: absolute;
top: 0;
right: 0;
display: block;
}


#active a{
text-decoration: underline;
padding: 12px 8px 9px 8px !important;
background-color: #00b700 !important;
}
#active .levyroh{
background: url("../imgs/menu-hover-ramecek-levo.gif") no-repeat;
}
#active .pravyroh{
background: url("../imgs/menu-hover-ramecek-pravo.gif") no-repeat;
}
#active ul{
display: block !important;
position: absolute;
top: 40px;
left: 0;
z-index: 111;
width: 450px;
}
#active ul li{
float: none !important;
display: inline !important;
padding: 0 12px 0 8px !important;

}
#active ul li a{
line-height: 1.3 !important;
padding: 0 0 0 13px !important;
font-size: 11px !important;
font-weight: normal !important;
background: url("../imgs/sipka-doprava-menu.gif") 0 4px no-repeat;
}


/*-----------------Vypis hotelu small---------------*/
#ynd_svypisobal{
font-size: 11px !important;
font-family: Verdana, 'Geneva CE', lucida, sans-serif !important;
margin: 15px 20px 0 20px;
background: white url("../imgs/bghotelbanner.gif") bottom right no-repeat;
border-top: 8px solid #ba002f;
border-bottom: 8px solid #ba002f;
}
#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;
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: 8px 10px 10px 22px;
display: block;
}
.ynd_imglink img{
border: 0px none;
}
.ynd_name{
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
background: none !important;
line-height: 1.3 !important;
}
.ynd_name a{
font-size: 22px !important;
color: #016ab8!important;
font-style: normal !important;
font-weight: bold !important;
}

.ynd_adrs{
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
font-size: 11px !important;
}
.ynd_adrs strong{
font-weight: normal;
}
.ynd_prc{
margin: 14px 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;
}
.ynd_link2{
font-size: 10px !important;
color: black !important;
}
#ynd_podcarou{
margin: 20px 0 0 0;
padding-top: 20px;
border-top: 2px solid #666666;
}

#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;
}