@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 13px;
	margin: 0;
}
.layer {
	width: 980px;
	margin: 0px auto;
	margin-bottom: 0;
	padding: 0 10px 5px 10px;
}
#footer {
	width:970px;
	margin:2px auto;
	margin-bottom:20px;
	font-size:80%;
}
#header {
	height: 162px;
	background-color: 6795a2;
	font-family: Arial, Helvetica, sans-serif;
}
#logo {
	float:left;
	width:704px;
	text-align:center;
	padding-top:0px;
}
#header-contact {
	text-align:right;
	font-size:100%;
	font-weight:bold;
	padding:5px 5px 0px 0px;
	color:#FF7200;
	}
#menu-top { float:right; width:690px;  }
#menu-top ul { list-style:none; margin:10px 0 0 5px; padding:0; float:right; }
#menu-top ul li { float:left; margin:0; }
#menu-top ul li a, #menu-top ul li a:visited {
	display:block;
	padding:0 10px 0 10px;
	margin:0 5px 0 5px;
	color:#00529c;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
#menu-top ul li a:hover {
	color:#FF7200;
}

.menu-top-submenu {
	height:22px;
	text-align:center;
	padding:5px 20px 0 0;
	visibility:hidden;
	font-size:90%;
	color:#879dcf;
	position:absolute;
	width:670px;
}

.menu-top-submenu a, .menu-top-submenu a:visited {
	color:#879dcf;
	margin:0 10px 0 10px;
	font-weight:bold;
}
	
.menu-right  {
	list-style:none;
	text-align:right;
	margin:0px 0 20px 0px;
	}
.menu-right li { margin-bottom:0; }
.menu-right li a, .menu-right li a:visited {
	display:block;
	padding:0 3px 0 5px;
	line-height:24px;
	color:#f27322;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;

}
.menu-right li a:hover {
	color:#00529c;
}
.menu-right li ul { 
	display:none; 
	list-style:none;
	text-align:right;
	margin:0 3px 0 0;
}
.menu-right li ul li a, .menu-right li ul li a:visited, .menu-right li.mr-active ul li a, .menu-right li.mr-active ul li a:visited {
	display:block;
	padding:0 9px 0 10px;
	line-height:20px;
	color:#879dcf;
	text-decoration:none;
	font-weight:normal;
	font-size:95%;
	border-right:1px solid #D4D4D4;
}
.menu-right li ul li a:hover, .menu-right li.mr-active ul li a:hover {
	color:#ff7200;
	text-decoration:underline;
	}
.menu-right li ul li a:active, .menu-right li.mr-active ul li a:active {
	font-weight:bold;
	}

.menu-right li.mr-active ul {
	display:block;
	}
.menu-right li.mr-active a, .menu-right li a.mr-active:visited {
	color:#ff7200;
	}
		
#menu-right-b ul {
	list-style:none;
	text-align:right;
	margin:30px 0 10px 0px;
}
#menu-right-b ul li {
	margin-bottom:6px;
	padding-bottom:3px;
	border-bottom:1px dotted #879dcf;
}
#menu-right-b ul li a, #menu-right-b ul li a:visited {
	display:block;
	padding:0 3px 0 10px;
	color:#00529c;
	text-decoration:none;
	font-size:110%;
	font-weight:bold;
}
.footer-line { border-bottom:1px solid #879dcf; width:300px; margin-bottom:5px; }
#menu-footer {
	font-size:85%;
	margin:30px 0 0 20px;
	}
#menu-footer a, #menu-footer a:visited {
	color:#879dcf;
	}
#reservation {
	float: left;
	width: 255px;
	height: 300px;
	padding: 0px 10px 0px 15px;
	color: #FFFFFF;
	background-image: url('images/template/reservaciones_fondo.gif');
}
#reservation p , #reservation table{  margin-bottom:15px; }
#reservation form { margin:15px 0 0 0; }
.rs-input, .rs-small, .rs-big {
	border:1px solid #666666;
	width:70px;
	height:20px;
}
.rs-big { width:230px; }
.rs-small {	width:50px;	}
.rs-title { margin-top:10px; }

.internet-rate {
	border-top:1px solid #C8C8C8;
	padding-top:15px;
	text-align:center;
	margin:0 10px 0 10px;
}

#top-images {
	float:left;
	background-color:#CCCCCC;
	width:700px;
	height:300px;
	overflow:hidden;
}
#content {
	padding: 20px;
	background-image: url(images/template/bg-layer.jpg);
	color: #4b3d17;
}
.clear { clear:both; }

#left {
	float:left;
	width:680px;
	border-right:1px solid #D4D4D4;
	padding-right:20px;
}
#right {
	float:right;
	width:220px;
}
h1, h2, h3 {
	font-family: "Arial", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 160%;
	color: #1d7aac;
	margin-bottom: 5px;
}
h2 { font-size:100%; color:#f27322; margin-bottom:15px; font-weight: bold; }
h3 { font-size:100%;  margin-bottom:15px; font-weight: bold; }
p { margin:0 0 20px 0; line-height:18px; }

ul, ol {
	margin:5px 20px 10px 40px;
	padding:0 0 0 20px;
}
li {
	margin-bottom:12px;
}
ul li ul { list-style:circle; }
ul li ul li {
	margin-bottom:2px; 
	}
a, a:visited {
	color:#00529c;
	text-decoration:none;
}
a:hover { text-decoration:underline; }

a img { border:0 none; }

.restaurant, .suite  { 
	float:left; 
	margin-bottom:20px; 
	width:100%; 
	min-height:110px; 
	background-color:#feeecc; 
	border:1px solid #edd7a8;
	padding-right:15px; 
}

.restaurant img, .suite img { float:left; margin:0 15px 0 0;	}
.restaurant h2, .suite h2 { margin-top:10px; }

.contact {
	margin-bottom:20px; 
	width:95%; 
	min-height:110px; 
	background-color:#feeecc; 
	border:1px solid #edd7a8;
	padding:10px 15px 5px 15px; 
}

.left { float:left;  width:180px; }
.right { float:left; width:500px; }

.testimonial { margin:10px 0 20px 0; border-bottom:1px dotted #CCCCCC; }

.location-map {
	width:680px;
	height:540px;
}
.gallery-thumbs { margin:0 5px 10px 5px; text-align:center; }
.gallery-thumbs img {
	margin:0 1px 1px 0;
	}
.gallery-large {
text-align:center;
margin-bottom:10px;
}

.route { font-size:90%; margin-bottom:10px; }
.route a, .route a:visited { color:#666666; }
/*home*/
.banner { margin:0 auto; margin-bottom:10px; }
.home-resort  { float:left; margin-bottom:20px; width:100%; min-height:110px; }
.home-resort img {
	float:left;
	margin:0 10px 0 0;
}
.home-resort h2 {
	margin-bottom:5px;
}
.res-pages {
	border-bottom:1px solid #CCCCCC;
	margin-bottom:10px;
	font-size:90%;
	text-align:right;
	}
.res-links a, .res-links a:visited {
	color:#666666;
	}
.tablespecials {
	background-image: url('images/marketing/costa_sur02.jpg');
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	width: 100%;
	height: 340px;
}
.tablespecial2 {
	background-image: url('images/marketing/spa_specials.jpg');
	background-repeat: no-repeat;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	height: 360px;
	width: 100%;
}
#picture-slides-container {
	background: #DAD4C8
}