html, body { width:100%; height:100%; margin:0; padding:0; font-family:Arial; font-size:13px; color:#686460 }
html { background:#EEEEDF url(../images/fondo-playa.jpg) top center repeat-x; }
html a:hover { visibility: visible; }
a { text-decoration:none; }
a img { border:none; }

#container { width:870px; height:100%; margin:0 auto; background:url(../images/back2.jpg) top no-repeat; position:relative; }
.top:hover { opacity:.7; }

#top { width:850px; height:100px; background:url(../images/top-back.png) repeat-x; position:absolute; top:40px; left:10px; }
#logo { position:absolute; top:-40px; left:-40px; }
#slogan { position:absolute; top:0; right:0; }
#nav { position:absolute; right:20px; bottom:0; }
#nav a { height:21px; margin:0 0 0 2px; padding:10px 10px 0 10px; font:10px verdana; color:#FFF; background:url(../images/nav-up.png) repeat-x; display:block; float:left; }
#nav a:hover, #nav .current { background:url(../images/nav-over.png) repeat-x; }
#flash { position:absolute; top:140px; left:10px; }

#container2 { width:850px; background:#FFF; position:absolute; top:440px; left:10px;}
#intro p { margin:0; padding:30px 270px 30px 30px; font:12px/21px arial; color:#FFF; }
#intro p strong { font-weight:normal; }
#sub { height:25px; margin:0 0 0 30px; }
#sub a { height:21px; margin:0 2px 0 0; padding:10px 10px 0 10px; font:10px verdana; color:#FFF; background:url(../images/sub-up.png) repeat-x; display:block; float:left; }
#sub a:hover { background:url(../images/sub-over.png) repeat-x; }
#book { width:262px; height:142px; background:url(../images/inv-contactos.jpg); position:absolute; top:11px; right:-17px; }
#book p { padding:49px 80px 0 20px; font:11px/19px arial; color:#333; }
#book a { height:100%; display:block; }
#book strong { font-weight:bold !important; }

#content { width:818px; padding:0 6px 0 26px; font:12px/22px arial; background:#FFF url(../images/content-back.png) top repeat-x; }
.heading { width:800px; margin:30px 0 30px 0;float:right; }
h1 { margin:15px 0 0 4px; padding:0; font:bold 16px arial; color:#0393C9; }
h1 span { margin:0 0 0 4px; padding:0 0 0 10px; font-size:14px; color:#0393C9; background:url(../images/li.gif) left no-repeat; }
.top { margin:20px 4px 0 0; float:right; }
hr { margin:0 4px; padding:0; border:1px solid #FFF; border-bottom:1px dashed #CCC; }
#content p { margin:0 19px 0 4px; padding:0 0 8px 0; }
#content a { color:#0393C9; }
#content a:hover { color:#81C9E4; }
#content p strong { font-weight:normal; }


.box { width:394px; height:170px; margin:10px 10px 0 0; font:10px arial; background:url(../images/box-up.png); float:left; position:relative; }
.box .img, .box2 .img { padding:1px; border:1px solid #AAA; position:absolute; top:13px; left:13px; }
.box .img { width:140px; height:140px; }
.box2 .img { width:240px; height:140px; }
.box a { width:219px; height:152px; padding:18px 0 0 175px; color:#333 !important; display:block; position:relative; z-index:2; }
.box a:hover { background:url(../images/box-over.gif); color:#0393C9 !important; }
.box h2, .box2 h2 { margin:0; padding:0; font:bold 12px arial; }
.box div { position:absolute; top:42px; left:173px; }
.box p { margin:0 !important; padding:9px 20px 0 0 !important; font:10px/16px arial !important; color:#000; }

.price { width:394px; height:170px; margin:10px 10px 0 0; font:10px arial; background:url(../images/price-up.jpg) bottom right no-repeat; float:left; position:relative; }
.price a { width:252; height:56px; padding:114px 50px 0 92px !important; display:block; }
.price a:hover { background:url(../images/price-over.gif); }
.price p { margin:0 !important; padding:0 !important; font:bold 11px/20px arial !important; color:#333; }

.box2 { width:800px; height:170px; margin:10px 10px 0 0; background:url(../images/box2-up.png); position:relative; }
.box2 a { width:527px; height:148px; padding:22px 0 0 273px; color:#333 !important; display:block; position:relative; z-index:2; }
.box2 a:hover { background:url(../images/box2-over.gif); color:#0393C9 !important; }
.box2 p { margin:0 !important; padding:9px 20px 0 0 !important; font:11px/19px arial !important; color:#000; position:absolute; top:40px; left:273px; }
.restaurant { background:url(../images/box2_restaurants-up.png); position:relative; }
.restaurant h2 { color:#D15A3A; }
.restaurant a:hover { background:url(../images/box2_restaurants-over.gif); }
.restaurant a:hover h2 { color:#9EC52C; }

.box3 { width:266px; height:136px; margin:10px 0 0 0; float:left; position:relative; }
.box3 a { width:246px; height:94px; padding:43px 0 0 20px; display:block; position:relative; z-index:2; }
.box3 a:hover { background:url(../images/box3-over.gif); }
.box3 p { margin:0 !important; padding:0 73px 0 0 !important; font:bold 11px/19px arial !important; color:#333; }
.restaurants { background:url(../images/e-restaurants.jpg); }

#rfQS_Insert { margin:0 auto 10px auto !important; padding:0 19px 0 0 !important; }
#footer0 { width:100%; height:700px; position:relative; margin-top:0px }
#footer1 { width:100%; height:180px; background:url(../images/footer1-back.png) repeat-x; position:relative; }

#titulo { width:720px; height:30px; margin-left:26px;} 
#map { width:800px; height:500px; margin:96px 15px 10px 26px; padding:0;} 
#render { width:820px; height:500px; margin:100px 15px 10px 26px; padding:0;} 

#more { font:10px verdana; color:#666; position:absolute; top:42px; left:30px; }

#more a { color:#666; }
#more a:hover { color:#39B1D9; }
h3 { margin:0 0 13px 0; padding:0; font:bold 15px arial; }
#footerlogos { position:absolute; top:40px; right:30px; }
#footerlogos li { float:left; }
#footerlogos a { display:block; }
#footerlogos a:hover img { visibility:hidden; }

.menulog { background:url(../images/f-menulog-over.gif); }
#footer2 { width:100%; height:75px; font:10px verdana; color:#FFF; background:url(../images/footer2-back.png); position:relative; }
#footer2 a { color:#FFF; }
#footer2 a:hover { color:#39B1D9; }
.left { position:absolute; top:11px; left:30px; }
.right { position:absolute; top:11px; right:30px; font-weight:bold; }
.right a { margin-left:15px; }

.links { position:absolute; top:-2000px; }

.contenedorfoto1 {
	float:left;
	width:664px;
	height:504px;	
	background-color:#96CEE1;
	padding-left:24px;
	padding-top:24px;
}
.contenedorfoto2 {
	width:604px;
	height:404px;	
	background-color:#96CEE1;
	padding-left:24px;
	padding-top:24px;
}

.contenedorfoto {
	float:left;
	margin:10px;
	padding:25px;
	background-color:#f5f7f9;
	border-right: #a5a7aa solid 1px;
	border-bottom: #a5a7aa solid 1px;
	text-align:center;
}

.contenedorfoto a {
	text-decoration: none;
}

.contenedorfoto span {
	color:#515151;
	font-family: Trebuchet MS;
	font-size: 9pt;
}