/*

Start sentance - Zapfino
Content - Times
Sidebar - Century Gothic

menu 666666
menu over 1e2553
contact details 5a210e
content 1f274e
under logo cf7518
*/
/* CSS Document */
body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	margin:0px;
	padding:0px;
	list-style:none;
	
}

body {
	font-family:"Times New Roman", Times, serif;
	font-size:14px; 
	background-color:#77a5b4;
	}
#wrapper {
	 width: 960px;
	margin: 20px auto 0;
background:url(images/content-bg.jpg) right bottom no-repeat;
}

#container {
    width: 960px;
	background: url(images/sidebar-bg.jpg) left top no-repeat;
}

#content {

width:700px;
float:right;
  border-left:2px solid #77a5b4;
}
#sidebar {	
width:258px;
float:left;
}
#footer {
	width: 960px;
	margin:0 auto;
}


#content {
	font-family:Times,"Times New Roman",  serif;
	color: #1f274e;
	font-size:16px;
	line-height: 20px;
}
#content p {  margin:0 0 15px 0; }
#content img {  margin-right:10px;border:1px solid #1f274e; }



#simplemodal-overlay {background-color:#ccc; cursor:wait;}

#simplemodal-container{background:#fff; border:1px solid #e5e5e5; font-weight:normal;  padding:16px!important; text-align:left; -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:5px; -moz-box-shadow:rgba(153,153,153,1) 0 4px 18px; -webkit-box-shadow:rgba(153,153,153,1) 0 4px 18px; box-shadow:rgba(153,153,153,1) 0 4px 18px;}
#simplemodal-wrap{}
#simplemodal-container a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}



/* Used through pages */

#text-areas{
	padding:20px;
}
a:link,a:visited { color:#CF7518;text-decoration:none;outline:none; };
a:hover { color:#FFF;text-decoration: none; }

.clear {clear: both;float: none;height: 0px;line-height: 0px;}
.hide{display:none}


h2{color:#1f274e;font-size:22px;font-weight:inherit;margin-bottom:5px;}
h3{color:#5a210e;font-size:16px;font-weight:inherit;text-transform:uppercase;}
h4{color:#5a210e;font-size:18px;font-weight:inherit;margin:0 0 15px 0;}
#home h4{ padding-right:5px; padding-bottom:0;margin:0;display:inline; }
#inicio h4{ padding-right:5px; padding-bottom:0;margin:0;display:inline; }

/* SIDEBAR */
#sidebar {
	font-family: Century Gothic, sans-serif;
		color: #1f274e;
	font-size:16px;

	text-transform:uppercase;
}


#sidebar .logo{ 
margin-right:4px;
	height:105px;  

	}
	#sidebar .local{ 
	color: #cf7518;
text-align:center;
width:248px;

	font-size:14px;
	height:60px;  
	
		line-height: 14px;
	background: url(images/linebg.gif) center bottom repeat-x;
	}
#sidebar .contact-details{
	 color: #5a210e;
	font-size:10px; padding-top:20px;
padding-left:65px;
line-height: 12px;
display:block;
height:130px; }
#sidebar  .contact-details p {  font-size:14px; margin:0 0 10px 0; }

#sidebar  .contact-details a {
	text-transform:lowercase; }

#sidebar .sideshow {  text-align:center;padding-top:40px; }



.language{
	margin-left:10px;
	
}
a.language{
	font-size:10px;
	
}


#content-sub{
padding:20px;	
}

/* home page styles */
#home #content-sub, #inicio #content-sub{
	padding:20px;
	width:250px;
	min-height:180px;
	font-size:16px;
}
#home #content-sub p,#inicio #content-sub p{
	margin:0!important;
	display:inline;
}
#home #text-areas,#inicio #text-areas{
	padding:0;
}
#inicio #content img,#home #content img{
margin-right:0;border:none;
	
	
}

/*Main page cyclying styles*/

#home #content,#inicio #content{
	position:relative;

}

#homeslide{
	position:absolute;
	top:290px;
	left:340px;
	
}
#rotate img{
	border:1px solid #77a5b4!important;
	
}
#rotate img{
	display:none;
	
}
#rotate ul,#rotate  li{
	
	list-style: none;
}

	
			.roundabout-holder {
				
				list-style: none;
				width: 290px;
				height: 200px;
			}
			
			.roundabout-moveable-item {
					height: 10em;
				width: 15em;
					
			}
			
			.roundabout-moveable-item img {
				height: 10em;
				width: 15em;
			
			}
			
			.roundabout-in-focus {
				cursor: auto;
			}
			
			#filler {
				margin-top:50px;
				text-align: center;
				height: 20px;
				padding-right:95px;
				font-size:12px;
			}


/* content page styles */
#text-areas ul,#text-areas ol{
	margin:inherit!important;
	padding:inherit!important;
}

/*ROOMS*/
.text{
	float:left;
	width:300px;
	padding:0 20px;
	
}

.roomshow { width: 342px;float:right;margin-top:20px;margin-right:10px;}
.serviceshow { width: 342px;float:right;margin-top:20px;margin-right:10px; }


/*page slideshows*/
#pageshow { height: 422px; width: 402px;float:right;margin-top:40px; margin-left:10px;}

.pageshow { margin: 0 auto; padding: 0; }
.slide { margin: 0; padding: 0 }
.pageshow, .slide {  width: 402px; text-align:center; }
.slide img {  border: 1px solid #ccc; margin: auto;  }

#pageshow #caption {font-size:12px;text-align:center; }

/*webcam*/

#webcam{
	padding:20px;
}
#googlemap{
	padding:20px;
	border:1px solid #000;
}


/* FOOTER */
#footer{
	margin-top:10px;
}

.footer {
	display:block;
	text-align:center;
	text-transform:uppercase;
	color:#333;font-size:10px;
	font-family: Century Gothic, sans-serif;
}
.footer a:link,.footer-text a:visited { color:#C3DCE2;text-decoration:none;outline:none;}
.footer a:hover { color:#FFF;text-decoration: none; }

/*nav menu*/
#navmenu{
	display:block;
	width:203px;
padding-top:20px;
padding-bottom:20px;
padding-left:45px;
line-height: 16px;
background: url(images/linebg.gif) center bottom repeat-x;
		
}
#navmenu ul.main-menu {list-style:none;}
#navmenu ul.main-menu li{   }
#navmenu ul.main-menu li a {font-size:12px;color:#666;text-transform:uppercase;}
#navmenu ul.main-menu a:hover {color:#000;}
#navmenu ul.main-menu li.selected a {color:#000;}
#navmenu ul.main-menu li.selected li a {color:#666;}
#navmenu ul.main-menu li.selected li.selected a {color:#000;}
/*sub menu*/

 ul#submenu {list-style:none; margin-left:20px;}
ul#submenu li{   }
ul#submenu li a {
font-size:10px;
color:#666;
text-transform:uppercase;

}
ul#submenu a:hover {color:#000;}
ul#submenu li.selected a {color:#000;}

/*inpage menu*/
#inpagemenu{margin-left:60px;margin-top:40px;}

ul#inpage_menu {list-style:none; }
ul#inpage_menu li{ padding-bottom:30px;  }
ul#inpage_menu li a {
font-size:16px;
color:#CF7518;
text-transform:uppercase;

}
ul#inpage_menu a:hover {color:#000;}
ul#inpage_menu li.selected a {color:#000;}



/*footer menu*/


#footermenu {
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
}
#footermenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#footermenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   border-right:1px solid #000;
}
#footermenu ul li.last {
   border-right:none;
}
#footermenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:0 10px;
	color:#1e2553;
font-family: Century Gothic, sans-serif;
font-size:10px;
   line-height:11px;
   text-transform:uppercase; 
}
#footermenu ul li a:hover {
color:#FFF;
}
#footermenu ul li.selected a {
color:#FFF;
}

/*room menu*/


#roommenu {
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
   	margin-bottom:10px;
	margin-left:10px;
	border-bottom:2px solid #77a5b4;
}
#roommenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#roommenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

#roommenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:0 10px;
		color:#5a210e;
padding:0 5px;
font-family: Century Gothic, sans-serif;
font-size:12px;
text-transform:uppercase;
}
#roommenu ul li a:hover {
color:#000;
}
#roommenu ul  li a.active {
color:#000;
}




/*service menu*/
#servicemenu {
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
   	margin-bottom:10px;
		margin-left:10px;
	border-bottom:2px solid #77a5b4;
}
#servicemenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#servicemenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

#servicemenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:0 10px;
		color:#5a210e;
padding:0 5px;
font-family: Century Gothic, sans-serif;
font-size:12px;
text-transform:uppercase;
}
#servicemenu ul li a:hover {
color:#000;
}
#servicemenu ul  li a.active {
color:#000;
}

/*end nav menu*/




/*Contact*/
.site_contact{
	margin-left:40px;
}


#contact_form_holder { 
margin-left:40px;

	float:left;
	display:block;
	line-height:16px;
}

#contact_form_holder .spacer { 
height:50px;
}
#contact_form_holder .spacerbig { 
height:170px;
}
#contact_form_holder #mail_success { 
height:37px;
}


.errormessage { display: none; color: #D8000C; font-size:14px;}
.success { display: none; padding:2px; color: #044406; font-size:14px;}


label{
	margin-top:4px;
	margin-right: 8px;
	display: block;
	float:left;
	width: 150px;
	text-align:right;
}

#reservation_form_button{text-align:center;}
#reservation_form_holder h2{margin-left:150px;}
#reservation_form_holder .errormessage { margin-left:150px;display: none; color: #D8000C; font-size:14px;}
#reservation_form_holder .success {margin-left:150px; display: none; padding:2px; color: #044406; font-size:14px;}

.rowElem label.error { float: none; font-style: italic; color: red; position: absolute; top: 16px; left: 0;  font-size: 12px; }                     
.rowElem label.error { top: 20px; }
.rowElem { position: relative; clear: both; min-height: 35px; }

div.rowElem{
	clear:both;
	padding:4px 0px;
}


.button, .button:visited {border:none; margin: 0px;
                          display: inline-block; padding: 4px 10px 5px; color: #FFF; text-decoration: none; -moz-border-radius: 6px;
                          -webkit-border-radius: 6px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
                           border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer}
.button:hover{ background-color: #111; color: #000; }
.button:active{ top: 1px; }

.green.button, .green.button:visited{ background-color: #CF7518; }
.green.button:hover{ background-color: #f0f0f0; }


input[type=text],.message{padding: 5px 10px; font-size:12px;background-color: #f0f0f0;width:270px; margin: 5px 0;  border: 1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; color: #000;}
.message{height:130px;width:500px; }
	
	
select {
 background-color: #f0f0f0!important;
 border: 1px solid #ccc; 
 font-size:12px;
 color: #000;
 margin-top:10px;
 margin-left:5px;

}