html, body {
	height: 100%;
	
}
body {
	background: #014a38 url('../images/bg_patern.png');
	font: normal 10pt 'Verdana', Tahoma, sans-serif;
	color: #000;
	margin: 0 auto;
	
}

p {padding: 2px 8px;}

a {color: #000; text-decoration:underline; }
a:hover {color: #000; text-decoration:none; }

img {
  border: none;
  margin: 0 auto;
  padding: 0;
}


#title  .text h1 {color: #272727; margin: 0 0 0 20px; text-align: center;  font: bold 18pt 'Verdana', Tahoma, sans-serif; letter-spacing: 3px; display: inline;}
#title  .text  h2 {color: #272727; font: normal 10pt 'Verdana', Tahoma, sans-serif; margin: 10px 0 10px 20px;}


h2 {color: #000; font: normal 14pt 'Verdana', Tahoma, sans-serif; margin: 10px 0;}
h3 {color: #000; font: bold 12pt 'Verdana', Tahoma, sans-serif;  margin: 10px 0; }
#booking h2 {color: #fff;}
#booking h3 {color: #fff; margin: 5px 0;}
blockquote {border: 1px #252216 solid; margin: 5px; padding: 3px; background: #2c291a;}



/*******************
	LAYOUT
*******************/
#wrap {
	margin: 0;
	width: 100%;	
	/*height: 500px;*/
	background: url('../images/shadow.png') repeat-x;
}

#main {
	margin: 0 auto;
	width: 1062px;
	padding-bottom: 15px;
	background: url('../images/bg_container.png') repeat-y;
}

#header {
	margin: 0 auto;
	width: 934px;
	height: 250px;
	background: #f5f5f5;	
	display: block;
	clear: both;
}

#footer {	
	margin: 0 auto;
	width: 1062px;
	height: 39px;
	background: url('../images/bg_footer.png') top center no-repeat;
}
#footer .credit {color: #fff; text-align: right; padding: 10px 30px;}
#footer .credit a {color: #fff; text-decoration: none;}

/* titulek */
#title {display: block; padding-top: 20px; margin: 0 0 -15px 0; height: 100px;}
#title .logo {float: left;}
#title .text {float: left; margin: 0; padding-top: 50px;}

#lang {float: right; color: #646464; margin: 5px; }
#lang  a {padding: 5px 0; opacity: 0.70;filter:alpha(opacity=70);zoom:1;}
#lang  a:hover {padding: 5px 0;  opacity: 1.00;filter:alpha(opacity=100);zoom:1;}

/* nase hotely */
#links { float: right; margin-top: -10px;}
#links .hotel {display: inline; color: #646464; font-size: 10pt;}
/* ostruvek */
#links .praha  {display: inline;}  
#links .praha a {background: #e7eeec; color: #000; padding: 4px 6px 0 6px; margin: 0; font-weight: bold; text-decoration: none;}  
#links .praha a:hover, #links .praha > a.current { background: #9a0000; color: #fff; padding: 4px 6px 4px 6px; margin: 0; text-decoration: none;}  
/* ostrov */
#links .beroun  {display: inline;}  
#links .beroun a {background: #e7eeec; color: #000; padding: 4px 6px 0 6px; margin: 0; font-weight: bold; text-decoration: none;}  
#links .beroun a:hover, #links .praha > a.current { background: #00483a; color: #fff; padding: 4px 6px 4px 6px; margin: 0; text-decoration: none;}  

#links .signs {display: inline;}
#links .signs img{margin-bottom: -3px;}

/* menu */
#menu {	
	display: block;
	clear:right;
	margin: 0 auto;
	width: 934px;
	height: 61px;
	background: url('../images/bg_menu.png') top center no-repeat;
}

/* obsah */ 
#content {margin: 30px auto 0 auto; width: 934px; background: #f5f5f5;} 

/* prvni panel */
#main_box_top {
	margin: 0 auto;
	background: #b6cbc7 url('../images/main_box_top.png') top center no-repeat;
	height: 7px;
	width: 934px;
	
}
#main_box {
	background: #b6cbc7;
	
	width: 934px;
}
#main_box_bottom {
	background: #b6cbc7 url('../images/main_box_bottom.png') top center no-repeat;
	height: 9px;
	width: 934px;
	margin-bottom: 15px;
}

/* slideshow fotek hl. panel */
#slideshow {
	width: 486px;
	height: 329px;
	margin: 10px 10px;
	background: #b6cbc7 url('../images/bg_slideshow.png') top center no-repeat;
	float: left;
	text-align: center;
}
#slideshow .object {margin: 7px 0;}

/* booking pokoje */
#booking {
	width: 420px;
	height: 329px;
	margin: 5px 15px 5px 505px;
	background: #b6cbc7 url('../images/bg_booking.png') top center no-repeat;	
}

#booking .form {
	width: 380px;
	height: 235px;	
	padding: 20px;	
}
#booking .form select{ background: #b6cbc7 !important; padding: 2px 3px;}
#b_availFrm form{ background: #b6cbc7 !important; }

#booking .form input { background: #e1e1e1; border: 2px #136e4d solid;}
#booking .form table{width: 400px;}
#booking .form th{color: #fff; text-align: left; padding-top: 3px;}
#booking .form td.date input{width: 120px;}
#booking .form td input.p{width: 30px; text-align: center;}

#booking .form input.submit  {
	
	border:none;
	background: url('../images/button.png') no-repeat;
	width: 92px;
	height: 33px;
	color:#fff;
	font-size:10pt;
	font-weight:bold;
	font-family: 'Verdana', Tahoma, Sans-serif;
	cursor: pointer;
	letter-spacing: 1px;
	margin-right: 30px;
}

#booking .akce {	
	background: url('../images/arrow.png') top right no-repeat;
	color: #fff;
	font-size: 18px;
	padding: 10px 0;
	margin: 5px 20px 0 20px;	
	height: 38px;	
}
#booking .akce > .link  a {color: #fff;}
#booking .akce > .link {display: inline;}
#booking .akce > .arrow {display: inline; float: right; padding: 1px 11px; font-size: 11pt; font-weight: bold;}

#b_availFrm {margin: 0 auto; width: 300px;}
#b_editDates .b_availFormInner {background-color:#00483a;}
#b_editDates form {
border:none !important;
padding:1px;
display:block !important; /* to overwrite in office */
}
#b_availFrm h4 {color: #fff;}
#b_availSubmit input {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #eaab01 !important;
border: 2px solid #fff;
padding:5px;
color:#fff;
font-size:100%;
}
#b_availFrm {background: #00483a; margin: 10px; width: 360px;}

/* ruzovy welcome */
#welcome {float: left;}
#welcome .top {
	background: #f1eadf url('../images/ruzovy_top.png') top center no-repeat;
	height: 9px;
	width: 429px;
}
#welcome .text {
	background: #f1eadf;
	width: 429px;
	height: 620px;
	color: #5f5d5b;
	text-align: justify;
}
#welcome .text img {float: left; padding: 10px;}
#welcome .text h2 { color: #bc6e27; font: normal 16pt 'Verdana', Tahoma, sans-serif; padding-left: 10px; display: inline; letter-spacing: 2px;}
#welcome .text h3 { color: #5f5d5b; font: normal 11pt 'Verdana', Tahoma, sans-serif; display: inline; text-transform: uppercase;}
#welcome .bottom {
	background: #f1eadf url('../images/ruzovy_bottom.png') top center no-repeat;
	height: 9px;
	width: 429px;
}

/* novinky */
#news {margin-left: 440px;}
#news .top {
	background: #e5e5f1 url('../images/fialovy_top.png') top center no-repeat;
	height: 9px;
	width: 493px;
}
#news .text {
	background: #e5e5f1;
	color: #3a3a3a;
	height: 275px;
	width: 493px;	
	overflow: hidden;
}

#news .text h2 { color: #bc6e27; font: normal 16pt 'Verdana', Tahoma, sans-serif; padding-left: 10px; margin: 0 0 10px 0; text-decoration: none;}
#news .text h2 a { color: #bc6e27; text-decoration: none;}
#news .text h2 a:hover { color: #bc6e27; text-decoration: underline;}
#news .text h3 { color: #136e4d; font: bold 12pt 'Verdana', Tahoma, sans-serif; padding-left: 10px; margin: 0; display: inline;}
#news .text h3 a { color: #136e4d; text-decoration: none;}
#news .text h3 a:hover { color: #136e4d; text-decoration: underline;}
#news .text img {margin-right: 10px;}
#news .info {margin: 5px 10px 0 10px; font-size: 8pt;}
#news .info a  , .nav a {text-decoration: none;}
#news .info a:hover  , .nav a:hover  {text-decoration: underline;}
#news .nav {margin: 0 0 8px 10px; font-size: 8pt;}
#news p {margin: 4px 5px; }


#news .bottom {
	background: #e5e5f1 url('../images/fialovy_bottom.png') top center no-repeat;
	height: 9px;
	width: 493px;
}

/* pocasi */
#weather {float: left; margin-top: 15px;}
#weather .top {
	background: #dfdfdf url('../images/sedivy_top.png') top center no-repeat;
	height: 9px;
	width: 495px;
}
#weather .text {
	background: #dfdfdf;
	padding: 8px 0;
	width: 495px;	
	height:	195px;
	text-align: center;
}
#weather .meteo { margin: 45px 35px 0 35px;}

#weather .text h2 { color: #01523e; font: normal 16pt 'Verdana', Tahoma, sans-serif; padding-left: 10px;  text-align: left; margin-bottom: 8px;}

#weather .bottom {
	background: #dfdfdf url('../images/sedivy_bottom.png') top center no-repeat;
	height: 9px;
	width: 495px;
}

/* kontakt */
#contact {margin: 0 0 0 440px; font-size: 9pt;}
#contact table {margin: 5px 10px 0 10px;}
#contact th{width: 150px; text-align: left;}
#contact img{margin: 2px 0 -6px 0;}
#contact .top {
	background: #d6e0de url('../images/modry_top.png') top center no-repeat;
	height: 9px;
	width: 493px;
}
#contact .text {
	background: #d6e0de;
	width: 493px;
	height:	315px;
	
	overflow: hidden;
}
#contact .text h2 { color: #4a4b4a; font: normal 16pt 'Verdana', Tahoma, sans-serif; padding-left: 10px; text-align: left; margin: 0 0 10px 0;}
#contact .text address {padding: 0 10px; margin: 0;}
#contact .text p {padding: 0; margin: 5px 8px;}
#contact .bottom {
	background: #d6e0de url('../images/modry_bottom.png') top center no-repeat;
	height: 9px;
	width: 493px;
	margin-bottom: 10px;
}


/* mapa */

#map {float: left; margin-top: 15px;}
/*#map .meteo { margin: 20px auto; width: 540px; text-align: center;}*/
#map .meteo table { margin: 20px auto; width: 100%;}
#map .meteo td.script { text-align: right;}
#map .meteo td.desc { color: #8eb3ac; font-size: 16pt; font-weight: bold; text-transform: uppercase;}

#map .top {
	background: #b6cbc7 url('../images/main_box_top.png') top center no-repeat;
	height: 9px;
	width: 934px;
}
#map .text {
	background: #b6cbc7;
	width: 934px;	
	height:	790px;
	text-align: center;
}

#map .map { background: url('../images/map.png') top center no-repeat; padding: 14px; }
#map iframe  {border-top: 1px #136e4d solid; padding-top: 15px;}
#map .text h2 { color: #000; font: normal 16pt 'Verdana', Tahoma, sans-serif; padding-left: 10px;  text-align: left; margin: 0 0 15px 0;}

#map .bottom {
	background: #b6cbc7 url('../images/main_box_bottom.png') top center no-repeat;
	height: 9px;
	width: 934px;
}

/* kongres */
#congress > #menubar table.master {text-align: center; background: #ebcd9e; width: 100%;}
#congress > #menubar table.slave {text-align: center; background: #f3e5cf; width: 100%;}
#congress > #menubar h3 a {text-decoration: none;}
#congress > #menubar h3 a:hover {text-decoration: underline;}
#congress > .segment { background: #b6cbc7;}
#congress > .segment h3 {font-weight: bold; display: inline; font-size: 13pt; padding: 5px; margin: 5px 0 5px 5px;}
#congress > .segment table {text-align: center; border: none; width: 934px; margin-top: 5px;}
#congress > .segment td {text-align: left; padding: 5px;}
#congress > .segment td.text {width: 350px; vertical-align: top;}
#congress > .segment td.foto {width: 400px; height: 290px; vertical-align: top;}
#congress > .segment td.ico {vertical-align: top;}
#congress > .segment td.ico img {margin: 0 4px;}
#congress > .segment .up {float: right; margin-right: 10px;}
#congress > .segment-top {
	margin: 20px auto 0 auto;
	background: #b6cbc7 url('../images/main_box_top.png') top center no-repeat;
	height: 12px;
	width: 934px;	
}

#congress > .segment-bottom {
	background: #b6cbc7 url('../images/main_box_bottom.png') top center no-repeat;
	height: 9px;
	width: 934px;
	margin-bottom: 15px;
}

/* golf */
#golf  h3 { margin: 35px 0 10px 0;}
#golf > .segment { background: #b6cbc7;}
#golf > .segment h3 {font-weight: bold; display: inline; font-size: 13pt; padding: 5px; margin: 5px 0 10px 5px;}
#golf > .segment table {text-align: center; border: none; width: 934px; margin-top: 20px;}
#golf > .segment td {text-align: left; padding: 5px 0;}
#golf > .segment td.text {width: 350px; vertical-align: top; min-height: 100px;}
#golf > .segment td.map { height: 290px; vertical-align: middle; text-align: center; overflow: hidden;}
#golf > .segment td.map a { color: #000 !important;}
#golf > .segment td.info {vertical-align: top; height: 10px; width: 220px;}
#golf > .segment th.info {width: 200px; vertical-align: top; text-align: left; padding: 5px 0;}

#golf > .segment .up {float: right; margin-right: 10px;}

#golf > .segment-top {
	margin: 20px auto 0 auto;
	background: #b6cbc7 url('../images/main_box_top.png') top center no-repeat;
	height: 12px;
	width: 934px;	
}

#golf > .segment-bottom {
	background: #b6cbc7 url('../images/main_box_bottom.png') top center no-repeat;
	height: 9px;
	width: 934px;
	margin-bottom: 15px;
}

/* poptavam akci */
#form textarea {width: 450px; height: 100px; border: 1px #00483a solid;}
#form table {margin: 0 auto;}
#form fieldset {margin: 0 auto; width: 500px; border: 1px #00483a solid;}
#form legend {border: 1px #00483a solid; padding: 1px 5px;}
#form input {border: 1px #00483a solid;}
#form input.submit {float: right; margin: 8px 20px;}


/* pultovky */
#prices {margin: 0 auto 20px auto; width: 450px;}
#prices table{width: 450px; border-collapse: collapse; margin: 0 auto;}
#prices td{padding: 2px 35px 2px 5px; text-align: right; height: 15px;}
#prices td.rooms{text-align: left;}
#prices td.current{ background: #00483a; color: #fff;  }
#prices td.sez{font-weight: bold; }
#prices .top {
	margin: 0 auto;
	background: #e5e5f1 url('../images/fialovy_top.png') top center no-repeat;
	height: 20px;
	width: 493px;
}
#prices .text {
	margin: 0 auto;
	background: #e5e5f1;
	color: #3a3a3a;
	height: 160px;
	width: 493px;	
}
#prices .bottom {
	margin: 0 auto;
	background: #e5e5f1 url('../images/fialovy_bottom.png') top center no-repeat;
	height: 9px;
	width: 493px;
}


/* pokoje */
#rooms table {float: right; width: 350px; border: 1px #ebcd9e solid; margin: 20px 10px 10px 20px; border-collapse: collapse; background: #ebcd9e;}
#rooms td {border: 1px #f1eadf solid; padding: 2px 5px;}
#rooms th {text-align: left;  padding: 0 5px;}

#rooms .rooms-text  {
	background: #f3e5cf;
	width: 932px;
	padding: 5px 0;
	overflow: hidden;
	text-align: justify;
}
#rooms .rooms-text  h2 { color: #4a4b4a; font: normal 16pt 'Verdana', Tahoma, sans-serif; padding-left: 10px; text-align: left;}


#rooms-segment {margin: 15px 0; clear: both; height: 250px;}
#rooms-segment  h3 { color: #4a4b4a; font: normal 14pt 'Verdana', Tahoma, sans-serif; padding-left: 8px; text-align: left;}
#rooms-segment > .rooms-segment1, #rooms-segment > .rooms-segment2 {float: left; margin: 0 15px 0 0;}
#rooms-segment > .rooms-segment3 {float: left; margin: 0;}
#rooms-segment img {margin: 0 16px;}
#rooms-segment .top {
	background: url('../images/rooms_top.png') top center no-repeat;
	height: 6px;
	width: 300px;
}
#rooms-segment .text {
	background:url('../images/rooms_body.png') repeat-y;
	width: 300px;
	height:	410px;
	text-align: justify;
	overflow: hidden;
}

#rooms-segment .bottom {
	background: url('../images/rooms_bottom.png') top center no-repeat;
	height: 9px;
	width: 300px;
}

/* hotovky */

#ready-meals .meals-segment > .top {
	background: #f1eadf url('../images/sekce_box_top.png') top center no-repeat;
	height: 11px;
	width: 932px;
}
#ready-meals .meals-segment > .text {
	background: #f1eadf;
	width: 932px;	
}
#ready-meals  .meals-segment > .bottom {
	background: #f1eadf url('../images/sekce_box_bottom.png') bottom center no-repeat;
	height: 11px;
	width: 932px;
	margin-bottom: 15px;
}

#ready-meals .meals-segment > .top-c {
	background: #ebcd9e url('../images/sekce2_box_top.png') top center no-repeat;
	height: 11px;
	width: 932px;
}
#ready-meals .meals-segment > .text-c {
	background: #ebcd9e;
	width: 932px;
}
#ready-meals  .meals-segment > .bottom-c {
	background: #ebcd9e url('../images/sekce2_box_bottom.png') bottom center no-repeat;
	height: 11px;
	width: 932px;
	margin-bottom: 15px;
}

#ready-meals  table {margin: 0 auto;}

#ready-meals  td.type {
	padding: 8px;	
	font-weight: bold;
}

#ready-meals  td.food {
	padding: 0 10px;
	width: 400px;	
}
#ready-meals td.price {
	
}
#ready-meals .meals-segment .date {
	margin-left: 10px;	
	font-size: 11pt;
	font-weight: bold;
}
#ready-meals .ico { margin: 5px auto; text-align: center; }


/* segmenty */

.segment_o  {
	background: #e9d2af;
	width: 932px;
	padding: 5px 0;
	overflow: hidden;
}



.segment_r > .top {
	margin: 0 auto 0 auto;
	background: #b6cbc7 url('../images/main_box_top.png') top center no-repeat;
	height: 11px;
	width: 934px;	
}
.segment_r > .text  { background: #b6cbc7; padding: 5px 0;}
.segment_r > .text h2 { color: #4a4b4a; font: normal 14pt 'Verdana', Tahoma, sans-serif; padding-left: 10px; text-align: left; margin: 0;}
.segment_r > .text h3 { color: #000; font: bold 12pt 'Verdana', Tahoma, sans-serif; padding-left: 10px; text-align: left; margin: 0;}
.segment_r > .text h2 a { color: #4a4b4a; text-decoration: none;}
.segment_r > .text h2 a:hover { color: #4a4b4a; text-decoration: underline;}
.segment_r > .bottom {
	background: #b6cbc7 url('../images/main_box_bottom.png') bottom center no-repeat;
	height: 11px;
	width: 934px;
	margin-bottom: 15px;
	clear: both;
}


/* novinky */
.news > .info  {margin: 5px 10px 0 10px; font-size: 8pt;}
.news > .info a  , .nav a {text-decoration: none;}
.news > .info a:hover  , .nav a:hover  {text-decoration: underline;}
.news > .nav {margin: 0 10px;}


/* jidelni listek */
#rest-menu {text-align: center;}
#rest-menu h3 { color: #000; font: normal 12pt 'Verdana', Tahoma, sans-serif; padding-left: 10px; text-align: center; margin: 5px;}
#rest-menu img {margin: 5px;}
#rest-menu a img{border: 2px #fff solid;}
#rest-menu a:hover img{border: 2px #00483a solid;}


/* foto */
#foto {padding: 10px;}
#foto .gallery   {background: #b6cbc7; padding: 10px;}
#foto .gallery  h2 {display: inline;}
#foto .gallery > .date {display: inline; float: right; font-style: italic;}
#foto .gallery > .images  {text-align: center;}
#foto .gallery > .text  {text-align: justify; }
#foto .gallery > .back a  {color: #00483a;}
#foto .gallery img {margin: 4px;}
#foto .gallery a img {border: 2px #00483a solid;}
#foto .gallery a:hover img {border: 2px #fff solid;}

#foto .fotoreport {
	float: left;
	width: 440px;
	
	height: 115px;
	margin: 8px 5px;
	overflow: hidden;
	background: #b6cbc7;
}

#foto .fotoreport > .title {
	color: #00483a;
	font-weight: bold;
	font-size: 10pt;
	display: inline;
}
#foto .fotoreport > .title a{color: #00483a;}

#foto .fotoreport > .date{
	color: #000;
	font-weight: normal;
	font-style: italic;
	font-size: 10pt;
	display: inline;
	padding: 10px;
}

#foto .fotoreport > .image{
	float: left;
	width: 90px;
	height: 70px;
	overflow: hidden;
	margin: 8px;
}

#foto .fotoreport > .text {
	height: 75px;
	overflow: hidden;
	text-align: justify;
	padding-right: 10px;
}

.Pager {margin-top: 10px;}
.PageCurrent {color: #00483a;}

.tooltip-anchor { border: 2px solid #01523e;         
          opacity: 0.90;filter:alpha(opacity=90);zoom:1;

         -webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px; }
.tooltip { border: 2px solid #01523e;        
          opacity: 0.90;filter:alpha(opacity=90);zoom:1;

         -webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px; }

.tooltip, .tooltip-anchor { padding: 3px 5px; color: #fff; background: #1c815c; font-weight: bold;}
body > .tooltip, body > .tooltip-anchor { font-size: 90%; }
* html .tooltip, * html .tooltip-anchor { font-size: 85%; }