body, div, span, h1, h2, h3, h4, h5, h6, ul, ol, li, p, img, a, form, input, label {
 margin: 0;
 padding: 0;
}


#otsbanner{
margin-top: 15px;
}
#nadpis-otsbanner{
 color: #4e6311;
 font-size: 110%;
 margin: 6px 0 0 11px;
display: inline;
 border-left: 14px solid #dbe3bf;
 height: 25px; 
 width: 100%;
 line-height: 25px;
 padding-left: 6px;  
}
#text-otsbanner {
 border-top: 1px solid #fff;
}
#text-otsbanner p{
padding: 5px 7px 5px 20px;
}


body { 
 font-family: Tahoma, "Tahoma CE", "Arial CE", Arial, sans-serif;
 background: #dce1bd url(../img/bg-body.png) top left repeat-x;
 margin: 37px 0;
 font-size: 82%; 
 color: #000;
 text-align: center;
}

a:link, a:visited {
 color: #7c8c45;
}

a:hover {
 color: #cf681c;
}

img {
 border: none;
}

label {
 cursor: pointer;
}

hr, .invi, #heading span {
 display: none;
}

#page {
 width: 970px;
 margin: 0 auto;
 background: url(../img/bg-page.jpg) left top no-repeat;
 position: relative;
 overflow: hidden;
 text-align: left;
}

#heading {
 position: absolute;
 top: 56px;
 left: 28px;
 width: 360px;
 height: 100px;
}

/* Obal sloupcu ------------------------------------------------------------- */

#cols {
 width: 100%;
 position: relative;
 overflow: hidden;
 margin-top: 236px;
 background: url(../img/bg-cols.png) left top repeat-y;
}

#cols div {
 position: relative;
 overflow: hidden;
 float: left;
}

/* Levy sloupec ------------------------------------------------------------- */

#left {
 width: 218px;
 margin-right: 29px;
 padding-bottom: 10px;
}


#left h2{
 color: #4e6311;
 font-size: 110%;
 margin: 6px 0 0 11px;
 border-left: 14px solid #dbe3bf;
 height: 25px;
 line-height: 25px;
 padding-left: 6px;  
}

#left ul{
 border-top: 1px solid #fff;
 margin: 0 0 13px 11px;
 padding-top: 7px;
}

#left ul li {
 position: relative;
 list-style: none;
 padding-left: 34px;
 margin-bottom: 6px;
 font-size: 95%;
 line-height: 95%;
 background: url(../img/dot.gif) 21px 67% no-repeat;
}

#left ul li a {
 color: #cf681c;
}

#left ul li a:hover {
 color: #7c8c45;
}

/* Prostřední sloupec ------------------------------------------------------- */

#main {
 width: 475px;
 margin-right: 36px;
 padding-top: 20px;
}

#main h1 {
 color: #5d711f;
 font-size: 140%;
 font-weight: normal;
 padding-bottom: 8px;
 margin-bottom: 8px;
 border-bottom: 1px solid #c6d0a5;
}

#main h2 {
 color: #5d711f;
 font-size: 118%;
 margin: 10px 0;
}

#main h3 {
 color: #5d711f;
 font-size: 95%;
 margin: 10px 0;
}

#main p {
 color: #424242;
 font-size: 95%;
 line-height: 1.63em;
 margin-bottom: 20px;
}

#main img.float-left {
 float: left;
 border: 10px solid #e9e9cc;
 margin: 4px 10px 0 0;
}

#main img.float-right {
 float: right;
 border: 10px solid #e9e9cc;
 margin: 4px 0 0 10px;
}

#main .photo {
 text-align: center;
 width: 100%;
 position: relative;
 overflow: hidden;
 background: #e9e9cc;
 margin-bottom: 20px;
 _margin-bottom: 0;
}

#main .photo img {
 margin: 5px 0 5px 2px;
}

#main table {
 margin: 10px 0;
 width: 100%;
}

#main table th, #main table td {
 padding: 5px;
 font-size: 12px;
 text-align: left;
}

#main table th {
 background: #dbe3bf;
 color: #424242;
}

#main table td {
 background: #f5fbe1;
}

#main table tr.odd td {
 background: #dbe3bf;
}

#main ul {
 margin: 0 0 20px 10px;
}

#main ul li {
 position: relative;
 color: #424242;
 font-size: 95%;
 line-height: 95%;
 margin-bottom: 5px;
 list-style: none;
 padding-left: 15px;
 background: url(../img/dot.gif) 0px 60% no-repeat;
}

#main img {
 margin: 15px auto;
}

/* Pravý sloupec ------------------------------------------------------------ */

#right {
 width: 190px;
}

#right div {
 width: 100%;
 text-align: center;
 margin: 2px 0 15px 0;
 background: #f5fbe1;
}

#right div h2 {
 color: #424242;
 font-size: 85%;
 text-align: left;
 padding: 5px 0 5px 9px;
 margin-bottom: 10px;
 background: #dbe3bf;
}

#right div img {
 margin-bottom: 10px;
}

/* Paticka ------------------------------------------------------------------ */

#foot {
 color: #7a6a53;
 height: 71px;
 font-size: 95%;
 padding: 42px 0 0 35px;
 background: url(../img/bg-foot.png) left top no-repeat;
}

#foot a {
 color: #7a6a53;
}

#foot a:hover {
 color: #cf681c;
}





/*-----------------Vypis hotelu small---------------*/
#ynd_svypisobal{
font-size: 11px !important;
font-family: Verdana, 'Geneva CE', lucida, sans-serif !important;
margin: 15px 0 0 11px;
background: white url("../img/bghotelbanner.gif") bottom right no-repeat;
border-top: 8px solid #ba002f;
border-bottom: 8px solid #ba002f;
width: 100% !important;
}
#ynd_svypisobal div{
display: block !important;
position: static !important;
width: 100% !important;
float: none !important;
}
#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_vypisobal div{
display: block !important;
position: static !important;
width: 100% !important;
float: none !important;
}
.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: 5px 10px 10px 0;
display: block;
}
.ynd_imglink img{
border: 0px none;
margin: 0 0 0 0 !important;
}
.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;
}

.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: 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;
}
.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;
}