/* CSS Document */

#otsbanner{
display:block;
background:url(../images/kudy-menu.jpg) left top no-repeat;
width:269px;
margin-left:8px;
padding:15px 0px 0px;
margin-top:20px;
}

#nadpis-otsbanner strong {
display:block;
color:#FFF;
margin:0px;
padding:0 0 15px 30px;
color:#FFF;
font-size:20px;
font-weight:normal;
}
#text-otsbanner{
padding: 1px 15px 0 15px;
background: white;
}

/** Common */

html, body {
margin:0px; padding:0px;
height:100%;
background-color:#FFF;
}

* {
font-family:Arial, Helvetica, sans-serif;
color:#592D00;
font-size:12px;
}

/** Header */

#header {
height:137px;
width:100%;
background:#B19E63 url(../images/header-fon.gif) repeat-x;
}

#header div {
position:relative;
height:137px;
}

#header a#title {
display:block;
position:absolute;
top:10px; left:610px;
width:303px;
height:72px;
background:url(../images/title.gif) no-repeat;
}

#header a h1 {
display:none;
}


/** Main */
#body {
xxxoverflow:hidden;
/*min-height:980px;*/
min-height:1400px;
}

* html #body {
/*min-height:980px;*/
height:1500px;
}

/** Content */
#content {
width:630px;
left:320px;
position:relative;
padding-top:20px;
}

#content h1, #content h2, #content h3{
font-weight:normal;
margin:10px 0px 5px;
font-family:"Times New Roman", Times, serif;
}

#content h1 {
font-size:36px;
color:#C33;
}

#content h2 {
font-size:24px;
color:#B19E63;
}

#content h3{
font-size:18px;
color:#B19E63;
}

#content a {
color:#C33;
}

/** Menu */

#topmenu {
margin:0px; padding:0px;
position:absolute;
top:89px;
left:530px;
}

#topmenu li {
list-style:none;
width:102px;
height:37px;
float:left;
background:url(../images/topmenu-fon.gif) 0px 2px no-repeat;
}

#topmenu li.active {
background:url(../images/topmenu-fon.gif) 0px -36px no-repeat;
}

#topmenu a {
display:block;
line-height:32px;
height:32px;
padding-top:5px;
color:#FFF;
font-size:14px;
font-weight:bold;
text-decoration:underline;
}

#topmenu li.active a {
text-decoration:none;
}

#topmenu a:hover {
text-decoration:none;
}

#topmenu a span {
color:#FFF;
font-size:14px;
text-align:center;
display:block;
}

#sidebar {
width:300px;
position:absolute;
top:0px;
background:url(../images/sidebar-fon.jpg) top left no-repeat;
}

#sidebar a {
text-decoration:underline;
}

#sidebar a:hover {
text-decoration:none;
}

#sidebar h3 {
margin:0px;
padding:0px;
color:#FFF;
font-size:20px;
font-weight:normal;
}

#menu {
margin:431px 0px 0px;
padding-left:8px;
}

#menu ul {
margin:0px 15px 0px 0px;
padding:0px;
}

#menu li {
padding:3px 0px 5px;
list-style:none;
line-height:27px;
background:url(../images/menu-dots.gif) top left no-repeat;
}

#menu li.first {
background-image:none;
}

#menu li a {
padding-left:60px;
color:#592D00;
background:url(../images/menu-bullet.gif) 40px 3px no-repeat;
font-size:13px;
}

#menu li.active a {
color:#C33;
font-weight:bold;
text-decoration:none;
font-size:14px;
background-position:40px 2px;
}

#menu h3 {
display:block;
width:269px;
height:53px;
}

#menu .tocnik {
background:url(../images/tocnik-menu.gif) left top no-repeat;
}

#menu .zebrak {
background:url(../images/zebrak-menu.gif) left top no-repeat;
margin-top:5px;
}

#menu .tocnik span,
#menu .zebrak span {
display:none;
}

#menu-end {
height:15px;
background:url(../images/menu-end.gif) left top no-repeat;
}

#kudy-k-nam {
display:block;
background:url(../images/kudy-menu.jpg) left top no-repeat;
width:269px;
height:163px;
margin-left:8px;
padding:14px 0px 0px;
margin-top:20px;
}

#mapy {
display:block;
background:url(../images/mapy-menu.jpg) left top no-repeat;
width:269px;
height:46px;
margin-left:8px;
padding:20px 0px 0px;
margin-top:20px;
}

#mapy a, #kudy-k-nam a {
display:block;
color:#FFF;
padding-left:30px;
}

/** Footer */

#footer {
width:100%;
background-color:#B19E63;
height:30px;
padding-top:14px;
clear:both;
margin-top:5px;
}

#footer a {
color:#FFF;
}

#gotop {
float:left;
padding-left:20px;
}

#copyright {
float:right;
padding-right:20px;
color:#FFF;
}


/** Misc */

.photos {
border-left-color:#DBD1B5;
border-left-style:solid;
border-left-width:1px;
margin-left:30px;
padding-left:10px;
width:190px;
float:right;
xxxmin-height:800px;
margin-bottom:30px;
}

* html .photos {
xxxheight:800px;
}

#content .photos h3 {
margin:0px;
text-align:center;
}

.photo {
padding:10px;
xxxbackground-color:#F8F8F8;
xxxborder:1px solid #F0F0F0;
text-align:center;
}

.fotky{
padding: 10px 0 20px 0;
border-bottom: 1px solid #F0F0F0;
}
#fotogal h2{
margin-top: 20px;
}
.system-nav-orange{
text-align: left;
padding: 10px 0 0 0;
}
.system-nav-orange span{
display: inline;
}

.photo img {
width:130px;
border:1px solid #DBD1B5;
}

.photo span {
color:#592D00; 
display:block;
text-align:center;
font-style:italic;
padding-top:5px;
}

a img {
border:0px none;
}

.left {
float:left;
margin-right:10px;
}

.right {
float:right;
margin-left:10px;
}

.calign {
width:970px;
margin:0px auto;
}

.hidden {
display:none;
}


/*-----------------Vypis hotelu small---------------*/
#ynd_svypisobal{
font-size: 11px !important;
font-family: Verdana, 'Geneva CE', lucida, sans-serif !important;
margin: 15px 22px 15px 10px;
background: white url("../images/bghotelbanner.gif") bottom right no-repeat;
border-top: 8px solid #ba002f;
border-bottom: 8px solid #ba002f;
text-align: left;
}
#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, .ynd_spolozka a strong{
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: 10px;
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;
}