/* CSS Document */
html, body { height:100%; margin:0; padding:0; font-family:Arial, Helvetica; font-size:12px; background-image:url('/images/bg.gif'); } 
/* General */
a        { color:#555; }
a:hover  { color:#069; }
a.active { color:#C00; }
img      { border:none; }
p        { text-indent:2em !important; margin:0; }
.clear   { clear:both; margin:0; padding:0; }
.i       { font-style:italic; color:#777; }

/* Layout */
.tb      { width:100%; height:100%; border:none; background:none; }
.tc      { width:100%; vertical-align:middle; }
.wraper  { width:940px; height:610px; margin:auto; padding:.1em; background:#FFF; box-shadow:0 0 1em #222; -webkit-box-shadow:0 0 1em #222; -moz-box-shadow:0 0 1em #222; -moz-border-radius:0 0 10px 0; -khtml-border-radius:0 0 10px 0; -webkit-border-radius:0 0 10px 0; }
.main    { width:936px; height:566px; border:2px solid #7C7F6F; }
.left    { width:220px; height:555px; float:left; border-right:1px dotted #eee; }
.right   { width:715px; float:left; background-color:#FFFFFF; }
.content { width:695px; height:542px; padding:10px; overflow:hidden; }
.intro   { width:580px; height:280px; margin:0; padding:20px; background:#FFF; box-shadow:0 0 1em #222; -webkit-box-shadow:0 0 1em #222; -moz-box-shadow:0 0 1em #222; }

/* Navigation */
.navigation { width:160px; margin:5px auto; font-family:Verdana; color:#333; font-size:11px; }

.nav      { list-style:none; margin:0; padding:0; clear:both; clear:both; }
.nav li   { float:left; text-align:center; }
.nav li a { width:160px; height:20px; padding:4px 0; display:block; border-bottom:1px dotted #CCC; text-decoration:none; font-weight:bold; color:#666; }
.nav li a:hover  { color:#339193; }
ul.nav li.active a, 
ul.nav li.active { background-color:#EEE; color:#339193; }
/* ------- */

.logo   { width:220px; margin:50px auto; }
.destination   { width:124px; height:15px; margin:0 auto; }

/* Languge */
#lang { margin:0px; padding:0px; list-style:none; color:#333; line-height:25px; display:inline-block; float:left; z-index:1000; }
#lang a { color:#333; text-decoration:none; }
#lang > li { float:left; position:relative; padding:0px 5px 0 5px; background:#FFF none repeat scroll 0 0; cursor:pointer; }
#lang > li a:hover { color:#339193; }
#lang .logo { background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent; }
/* Sub-menu*/
#lang ul { padding:0px; margin:0px; display:block; }
#lang li ul.vta { width:92px; position:absolute; left:0; top:0px; margin:25px 0 0 14px; line-height:18px; background:none; color:#333; /* for IE */ display:none; border-left:1px dotted #CCC; }
#lang li ul.buc { width:92px; position:absolute; left:0; top:0px; margin:25px 0 0 -50px; line-height:18px; background:none; color:#333; /* for IE */ display:none; border-right:1px dotted #CCC; }
#lang li:hover ul { display:block; border-bottom:dotted 1px #CCC; }
#lang li ul li{ float:left; display:block; padding:3px 4px 3px 4px; list-style-type:none; }
#lang li ul li:first-child { border-top:none; }
#lang li ul li a { display:block; font-size:11px; color:#333; }
#lang li ul li a:hover { color:#7FCDFE; }

/* --- */

/* Sections settings */
.title     { width:690px; margin:7px 0 0 0; }
.title img { margin:0 0 0 -10px;}
.textbox   { width:690px; float:left; }
.textbox ul{ margin-top:0; padding-top:0; line-height:16px; }
.text      { font-family:Arial, Helvetica; font-size:12px; color:#5B5B5B; font-style:normal; text-align:justify; line-height:18px; }

/* Intro */
.boxgrid { width:150px; height:280px; position:relative; float:left; margin:0; overflow:hidden; background:#161613; }
.boxgrid img { position:absolute; top:0; left:0; border:0; }
.boxgrid p { margin:15px 10px 5px -10px; font-size:12px; color:#FFF; }
.boxgrid a { margin:0; text-decoration:none; color:#FFF; }
.boxgridcenter { width:280px; height:280px; float:left; }
.boxcaption{ width:100%; height:100px; position:absolute; float:left; background:#000; opacity:.8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
.caption .boxcaption { top:250; left:0; }

/* Slide home */
#slideshow { position:relative; height:320px; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow IMG.active { z-index:10; opacity:1.0; }
#slideshow IMG.last-active { z-index:9; }

.container { display:block; }
.box img   { margin:5px; padding:2px; border:2px solid #CCC; }

/* Form */
.form        { padding: 0 10px 10px; }
.form label  { display:block; clear:both; font-weight:700; line-height:1.4em; color:#797979; }
.form select { text-align:center; color:#777; }
.form input  { width:220px; padding:6px; color:#777; font-size:11px; font-style:italic; border:1px solid #CECECE; }
.form input.error { background:#F8DBDB; border-color:#E77776; }
.form textarea { width:85%; height:80px; padding:6px; color: #777; font-style:italic; border:1px solid #CECECE; }
.form textarea.error { background:#F8DBDB; border-color:#E77776; }
.form div { margin-bottom:15px; }
.form div span { margin-left:10px; color:#B1B1B1; font-size:11px; font-style:italic; }
.form div span.error { color:#E46C6E; }
.form .send { width:100px; padding:5px; background:#EEE; color:#555; font-weight:bold; font-style:normal; cursor:pointer; border-top:1px solid #CCC; border-left:1px solid #CCC; border-bottom:1px solid #777; border-right:1px solid #777;  }
.form .send:hover { color:#339193; background:#F1F1F1; }
#error { margin-bottom:20px; border:1px solid #EFEFEF; }
#error ul { list-style:square; padding:5px; font-size:11px; }
#error ul li { list-style-position:inside; line-height:1.6em; }
#error ul li strong { color:#E46C6D; }
#error.valid ul li strong { color:#93D72E; }
.info_fieldset { border:none; }
#contact_results, #reservation_results { margin:7px; color:#F30; }
.contact_ok, .reservation_ok { width:100%; font-size:16px; color:#339193; }
.date-pick { color:#222 !important; background:#CCC; }

/* Reservation */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images/icons/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; }
input.dp-applied { width: 140px; float: left; }
.date { clear:both; }
.block_left,  
.block_right { width:315px; height:400px; float:left !important; padding:5px; clear:none !important; }

/* Footer */
.footer { width:100%; height:40px; background:#8D8F86; -moz-border-radius:0 0 10px 0; -khtml-border-radius:0 0 10px 0; -webkit-border-radius:0 0 10px 0; }
.snd    { width:500px; float:left; margin:0; }
.cont_data { width:440px; float:left; }
.cont_data div { height:30px; float:right; padding:5px 20px 5px 20px; text-align:right; font-family:Helvetica, Arial; font-size:12px; font-weight:bold; line-height:15px; color:#FFF; border-left:1px dotted #CCC; }
.cont_data div a { line-height:27px; text-align:center; color:#FFF; }
.copy { width:940px; height:12px; margin:1px auto; font-size:10px; color:#FFF; }
.copy span { float:right; display:block; padding-right:5px; text-align:right; }
.copy a { color:#CCC; text-decoration:none; }