/* Layout ******************/
html {
  height:100%;
}
#lang{
position: absolute;
top: 370px;
right: 10px;
_right: 14px;
z-index:10;
}
#lang a img{
padding: 2px;
background: #fefefe;
}
#lang a{
float: left;
display: block;
border: 1px solid #dbdbdb;
margin-left: 5px;
}
#lang a:hover, #lang .active{
border: 1px solid #8a0000;
}
#nadpis-otsbanner{
background:url(../images/viteze.gif) no-repeat;
width: 75px;
height: 21px;
margin-bottom: 5px;
}
#nadpis-otsbanner strong{
display: none;
}

#body {
  padding:0; margin:0 auto;
  width:840px;
  position:relative;
  min-height:100%;
}

* html #body {
  height:100%;
}

#main {
  float:left; width:405px;
  padding: 15px 5px 0 10px;
  margin-left:220px;
 font-family: 'Trebuchet MS', 'Arial CE', 'Helvetica CE',	Arial, Helvetica, sans-serif;
  font-size:90%;
}
#main img{
border: 1px solid #990000;
padding: 1px;
margin: 5px;
}

* html #main {
  margin-left:118px;
  height:400px;
  width:385px;
}

#mainbig {
  float:left; width:600px;
  margin-left:0%;
 font-family: 'Trebuchet MS', 'Arial CE', 'Helvetica CE',	Arial, Helvetica, sans-serif;
}
#mainbig h2{
color: #006636;
font-size: 16px;
margin: 30px 0 5px 0;
padding: 0 0 0 0;
}
#mainbig #hornik img{
border: 1px solid #990000;
padding: 1px;
margin: 5px;
}
/*-----------vlastní nastylování fotogalerie---------*/
#gallery #kasnaobrazek img{
padding: 5px;
border: 1px solid #343434;
margin: 7px 0 0 0;
}
#gallery p{
padding: 0px 0 0 5px;
}
#gallery #kasnaobrazek:hover img{
border: 1px solid #8a0000;
}
#fotogalerka{
margin-bottom: 30px;
}
.system-nav-orange{
margin-top: 5px;
font-size: 90%;
linge-height: 1.2;
}
.nav-current-page{
display: inline !important;
}
.photo-section{
font-family: 'Trebuchet MS', 'Arial CE', 'Helvetica CE',	Arial, Helvetica, sans-serif;
margin-top: 0px;
}
.photo-section td{
border: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.photo-section a img, #fotokobsahu a img{
padding: 5px !important;
border: 1px solid #343434 !important;
}
#fotokobsahu a img{
margin: 0px !important;
}
.photo-section a:hover img, #fotokobsahu a:hover img, .photo-sectiona:focus img, .photo-sectiona:active img{
border: 1px solid #8a0000 !important;
}
/*-------------------*/


* html #mainbig {
  height:400px;
}

#left {
  float:left; width:220px; margin-left:-640px;
}

* html #left {
	margin-left:-630px;
}

#right {
  float:right; width:200px;
}

#rightbig {
  float:right; width:240px;
}


#meta {
  position:absolute; bottom:0;
  height:20px; width:100%;
  padding:3px 0 0 0;
}

.preview {
position:relative;
height:140px; width:180px; padding:0; margin:0;
overflow:hidden;
}

#content {
  padding-bottom:35px;
}

.addinfo h3 {
	margin-top:0px;
}

span.letterK,
span.letterCh,
span.letterH,
span.letterD,
span.letterV {
float:left;
margin-top:15px;
width:69px;
}

* html span.letterK,
* html span.letterD,
* html span.letterCh,
* html span.letterH,
* html span.letterV {
margin-top:0px;
margin-bottom:5px;
}


/* Fonts *******************/

body, #body {
  font:10pt Georgia, "Times New Roman", Times, serif;
}

#title h1 {
  font-size:180%;
  letter-spacing:1px;
}

#main h2, #main h3
#mainbig h2, #mainbig h3 {
  font-size:130%;
}

#mainbig li {
  font-size:80%;
}

#mainbig .addinfo li {
  font-size:80%;
}

#mainbig ul.mapinfo li ol li {
  font-size:120%;
}

#mainbig li span, #rightbig span {display:block;}

#left,
#news,
#rightbig .scroll {
  font-size:80%;
}

#left span,
#sections span,
#news span {
  font-size:125%; font-weight:bold;
  text-transform:uppercase;
  display:block;
}

#news span {
  font-size:100%; font-weight:bold;
}

#meta {
  font-size:80%;
}


/* Colors ******************/

/*
#title {
  background:#FEE;
}

#content {
  background:#EFE;
  border: 1px dotted red;
}

#right, #rightbig {
  background:#FFE;
  border: 1px dotted green;
}*/

#meta {
  border-top:1px solid #666;
}

#mainbig hr {
  width:100%;
  height: 0;
  border: 0;
  border-top: 1px solid #666; 
  float:left;
}

.maininfo a, .maininfo a:visited {
color:#000;text-decoration:none;
}

.maininfo a:hover, .maininfo a:active {
color:#8A0000;text-decoration:underline;
}

a, a:visited, a.normal, a.normal:visited  {
  color:#8A0000;
  text-decoration:underline;
}

a:hover, a:active, a.normal:hover, a.normal:active {
color:#8A0000;
text-decoration:none;
}

#sections li a {
  background:#8A0000;
  color:white;
  border-color:white;
}

#sections li a:hover {
  background:#D00;
}

#sections li.active a{
  background:#D00;
}

h3 {
color: #8A0000;
}
#hornik h3{
padding: 10px 0 0 15px;
}


/* Misc ********************/

#sections li a {
  display:block;
  margin:0; padding:2px 5px;
  border-style:solid; border-width:1px 0;
  text-decoration:none;
}

#sections li.active a {
  padding-left: 17px;
  font-style:italic;
}

* html #sections li a {
  height:1%;
}

.bullet {
	padding-left: 8px;
	background:url(../images/bullet.gif) no-repeat;
	background-position: 0 4px;
}

* html .bullet {
	height: 8px;
}

#content {
  overflow:hidden; width:100%;
}

#main p {
text-align:justify;
padding-left:15px;
padding-right:10px;
}

#rightbig, #right {
	min-height: 300px;
}

#rightbig #sections, #rightbig #map, #rightbig #random {
	padding: 5px 10px 10px 40px;
}

#rightbig #map, #rightbig #random {
	padding-top: 15px; 
}
#rightbig #random{
padding-top: 45px;
}
.scroll p {
	padding: 5px 10px 0px 20px;
}

.scroll p.news-item {
padding-left:0px;
}

.scroll .news-list {
	padding-left: 30px;
}

#right #news, #right #sections, #right #map, #right #random, #right #otsbanner {
	padding: 5px 10px 10px 10px;
}

#right #map, #right #random {
	padding-top: 15px;
}


.scroll {padding-bottom:10px; padding-left:10px;}
#left .scroll {padding-left:0px;}

* html .scroll {
  margin-bottom:0px;
  height:300px;
}


#info {
  margin:0;
  padding-left:0px; padding-right:0px;
}

* html #rightbig, * html #right {
  height: 300px;
  xxmargin-top: -394px;
}

.scrolltop {
  background:url(../images/scroll-top.gif) no-repeat right;
  height: 177px;
  margin-bottom: -177px;
}

.scroll {
  min-height: 300px;
  background:url(../images/scroll-bottom.gif) no-repeat right bottom;
}

#news span h3,
#random span h3,
#random span h2,
#gallery span h2,
#sections span h2,
#info span h2,
#map span h3,
#map span h2 {
  display: none;
}

#gallery span, #map span, #info span, #random span, #sections span {
  height: 25px;
  display:block;
}

#news span {
  background: url(../images/en/novinky.gif) no-repeat;
  height: 23px;
  margin-left: 30px;
}

#sections span {
	background: url(../images/cze/menu.gif) no-repeat;
}

#random span {
  background: url(../images/en/galerie.gif) no-repeat;
}

#gallery span {
  /*background: url(../images/en/galerie.gif) no-repeat;*/
}

#map span {
  background: url(../images/en/map.gif) no-repeat;
}

#info span {
  background: url(../images/cze/info.gif) no-repeat;
}

#mainbig ul,
#gallery ul {
  list-style:none;
  padding:0px;
  margin:0px;
  position:relative;
}

#mainbig ul.mapinfo li ol {
list-style:decimal;
}

#gallery ul {
	height: 450px;
	overflow:auto;
}

#mainbig li,
#gallery li {
  width:50%;
  display:inline;
  float:left;
}

#mainbig ul.mapinfo li ol li {
  display:list-item;
  float:none;
  width:100%;
}


* html #gallery li {
  width: 45%;
}

* html #mainbig .addinfo li {
  width: 48%; 
}

#mainbig ul.maininfo li {
  height:110px;
}

#mainbig ul.maininfo li p {
  padding-left: 45px;
  padding-right: 15px;
  text-align:justify;
}

#mainbig ul.addinfo li p {
  padding-left: 15px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top:0px;
  margin-bottom:0px;
  clear:left;
}

#mainbig ul.addinfo img {
  float:left;  
}

#mainbig li p {
  margin-top:0px;
}

span.kostnice  {
  background:url(../images/en/kostnice.gif) no-repeat left center;
  height:42px;
  margin-bottom: -20px;
  width:100%;
}

span.hradek  {
  background:url(../images/en/hradek.gif) no-repeat left center;
  height:42px;
  margin-bottom: -20px;
  width:100%;
}

span.barbora  {
  background:url(../images/en/barbora.gif) no-repeat left center;
  height:42px;
  margin-bottom: -20px;
  width:100%;
}

span.dum  {
  background:url(../images/en/dum.gif) no-repeat left center;
  height:42px;
  margin-bottom: -20px;
  width:100%;
}

span.dvur  {
  background:url(../images/en/dvur.gif) no-repeat left center;
  height:42px;
  margin-bottom: -20px;
  width:100%;
}

span.dalsi  {
  background:url(../images/en/dalsipamatky.gif) no-repeat left center;
  height:42px;
  margin-bottom: -20px;
  width:100%;
}

span.okoli  {
  background:url(../images/en/okoli.gif) no-repeat left center;
  height:33px;
  width:100%;
}

span.zajimavosti  {
  background:url(../images/cze/zajimavosti0.gif) no-repeat left center;
  height:33px;
  width:100%;
}

span.atrakce  {
  background:url(../images/en/atrakce-zajimavosti.gif) no-repeat left center;
  height:33px;
  width:100%;
}

span.kostnice h2,
span.hradek h2,
span.barbora h2,
span.dum h2,
span.dvur h2,
span.dalsi h2,
span.okoli h2,
span.zajimavosti h2,
span.atrakce h2,
span.letterK h1,
span.letterCh h1,
span.letterV h1,
span.letterH h1,
span.letterD h1,
span.empty {
  display:none;
}

#title {
  background:url(../images/head.jpg) no-repeat center;
  height:365px;
  width: 100%;
  position: relative;
}

#title span {
  display:none;
}

#title a {
position: absolute;
top: 10px;
left: 250px;
width: 350px;
height: 75px;
display:block;
}


#sections ul {
  list-style:none;
  margin:0;
  padding:0;
}


span.letterK {
background:url(../images/letterK.gif) no-repeat center;
height:59px;
}
span.letterV {
background:url(../images/letterV.gif) no-repeat center;
height:58px;
}
span.letterCh {
background:url(../images/letterCh.gif) no-repeat center;
height:68px;
}
span.letterH {
background:url(../images/letterH.gif) no-repeat center;
height:68px;
}
span.letterD {
background:url(../images/letterD.gif) no-repeat center;
height:58px;
}


a img {
	border: 0px;
}

.preview #mask {
position:absolute;z-index:10; display:block;
height:140px; width:180px;
background:url(../images/mask.gif) center no-repeat;
cursor:pointer;
}

.preview img {
vertical-align:middle;
width:100%; height:100%;
}

a .preview {
cursor:pointer;
}

.addinfo span {
margin-left: 10px;
}

.addinfo h3 {
margin:0;
margin-bottom:5px;
}

#menunadpis-okoli{
padding-top:30px;
background:url(../images/en/okoli.gif) 0 7px no-repeat !important;
}
#menunadpis-atrakce{
padding-top:30px;
background:url(../images/en/atrakce.gif) 0 7px no-repeat !important;
}
#menunadpis-zajimavosti{
padding-top:30px;
background:url(../images/en/zajimavosti.gif) 0 7px no-repeat !important;
}








/*-----------------Vypis hotelu small HP---------------*/
#vypishotelunahp #ynd_svypisobal{
width: 555px;/*595*/
font-size: 13px;
padding: 30px 20px 20px 20px;
background: url("../images/bghotely-hp.gif") no-repeat;
clear: both;

}

#vypishotelunahp  #ynd_stopnadpis a{
font-size: 16px !important;
text-decoration:none !important;
font-weight: bold !important;
color: black !important;
}
#vypishotelunahp  .ynd_spolozka{
margin-top: 10px;
width: 185px;
float: left;
}
#vypishotelunahp .ynd_spolozka a, #vypishotelunahp .ynd_link1{
color:#8a0000;
}
#vypishotelunahp #ynd_cistic{
clear: both;
}
/*-----------------Vypis hotelu small---------------*/
#ynd_svypisobal{
width: 190px;/*220*/
font-size: 13px !important;
font-family: Verdana, 'Geneva CE', lucida, sans-serif !important;
padding: 20px 20px 20px 20px;
background: url("../images/bghotely.gif") no-repeat;
}

#ynd_stopnadpis a{
font-size: 15px !important;
text-decoration:none !important;
font-weight: bold !important;
color: black !important;
}
.ynd_spolozka{
margin-top: 10px;
font-size: 13px !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:#8a0000;
font-size: 13px !important;
font-family: Verdana, 'Geneva CE', lucida, sans-serif !important;
}
/*-----------------Vypis hotelu large---------------*/
#h1nadpis{
font-size: 26px;
font-weight: normal;
margin-bottom: 25px;
}

.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-right: 10px;
display: block;
}
.ynd_imglink img{
border: 0px none;
}
.ynd_name{
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size: 18px !important;
font-weight: bold !important;
font-family: Georgia, "Times New Roman", Times, serif;
}
.ynd_name a{
color:#8a0000 !important;
}

.ynd_adrs{
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
font-size: 10px !important;
font-family: Verdana, 'Geneva CE', lucida, sans-serif !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: 7px;
}
.ynd_link2{
font-size: 10px !important;
font-family: Verdana, 'Geneva CE', lucida, sans-serif;
color: black !important;
}
#ynd_podcarou{
margin: 20px 0 0 0;
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;
}