@charset "utf-8";
/* CSS Document */

html{
	width:100%; height:100%;
	font-size:1px;
	}
body{
	width:100%; height:100%;
	margin:0; padding:0;
	text-align:center;
	}
h1, h2, h3, h4, h5, h6, p, a, span, strong, ul, li, form{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0; padding:0;
	list-style:none;
	text-decoration:none;
	}
h1{
	font-family:helvetica, Arial, Verdana;
	font-size:18px;
	color:#ed145b;
	margin:0 0 8px 0;
	}
h2{
	background:url(../img/bg-titulorosa.png) no-repeat 0 0;
	padding:20px 0 5px 20px;
	font-family:helvetica, Arial, Verdana;
	font-size:18px;
	color:#252525;
	}
h3{
	background:url(../img/bg-titulorosa.png) no-repeat 0 0;
	padding:20px 0 5px 20px;
	margin:5px 0 0 0;
	font-family:helvetica, Arial, Verdana;
	font-size:18px;
	font-style:oblique;
	color:#252525;
	}
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;
	line-height:16px;
	}
p.size11{
	font-size:11px;
	}
p a{
	color:#ed145b;
	}
p a:hover{
	text-decoration:underline;
	}
img{
	border:none;
	}
strong{
	font-weight:bold;
	}
a{
	outline:none;
	}
.page{
	overflow:hidden;
	background:url(../img/bg-header.jpg) no-repeat top center;
	}
.header{
	width:880px; height:185px;
	margin:0 auto;
	position:relative;
	text-align:left;
	}
.header img{
	text-align:left;
	margin:25px 0 0 0;
	}
#navbar{
	width:880px; height:175px;
	margin:0 auto;
	text-align:center;
	}
#navbar div.mobile{
	padding:45px 0 0 0;
	}
#navbar a{
	padding:0 35px;
	font-size:16px;
	color:#333;
	}
#navbar a:hover{
	color:#FFF;
	}
.idiomas{
	position:absolute;
	z-index:10;
	width:170px; height:35px;
	top:40px; right:0;
	}
.idiomas span{
	display:block;
	float:right;
	font-size:11px;
	color:#FFF;
	padding:6px 3px 0 0;
	}
.idiomas a{
	display:block; float:right;
	width:26px; height:26px;
	}
.idiomas a.esp{
	background:url(../img/bandera-esp.png) no-repeat 0 0;
	}
.idiomas a.eng{
	background:url(../img/bandera-eng.png) no-repeat 0 0;
	}
.idiomas a:hover{
	background-position:0 -26px;
	}
.fotoheader{
	position:relative;
	width:880px; height:285px;
	margin:0 auto;
	text-align:left;
	}
.fotoheader h1{
	width:230px; height:38px;
	padding:12px 0 0 13px;
	background:url(../img/bg-title.png) no-repeat 0 0;
	position:absolute;
	bottom:-6px; left:2px;
	font-family:Helvetica-Light, Arial, Verdana;
	font-size:30px;
	color:#FFF;
	}
.footer{
	background:url(../img/bg-footer.jpg) no-repeat top center;
	height:90px;
	padding:60px 0 0 0;
	text-align:center;
	}
.footer div{
	width:880px;
	margin:0 auto;
	text-align:left;
	}
.footer div.info span{
	font-size:11px;
	color:#252525;
	display:block;
	padding:0 0 25px 0;
	}
.footer div.footerbar a{
	font-size:11px;
	color:#FFF;
	padding:0 10px;
	border-left:1px solid #FFF;
	text-decoration:none;
	}
.footer div.footerbar a:hover{
	text-decoration:underline;
	}
.footer div.creditos span{
	font-size:11px;
	color:#e9b4e6;
	display:block;
	padding:2px 0 0 0;
	}
div.content{
	overflow:hidden;
	width:878px; margin:15px auto 0 auto;
	text-align:left;
	}
div.indent{
	padding:0 10px;
	}

/* HOME */
div.content.home{
	height:53px; margin:30px auto 0 auto;
	overflow:visible; width:840px;
	}
#tripface{
	width:125px; height:53px;
	float:left;
	}
#trip{
	width:158px; height:27px;
	float:left;
	}
#fbook{
	width:94px; height:27px;
	float:left;
	}
div.content.home #fbook{
	margin-top:13px;
	}
div.empresas{
	float:left; padding:6px 0 0 0;
	text-align:center;
	}
div.empresas a{
	font-size:12px;
	line-height:22px;
	color:#636363;
	}
div.empresas a strong{
	font-size:20px;
	font-weight:normal;
	line-height:14px;
	display:block;
	}
div.empresas a:hover{
	color:#000;
	}
div.logos{
	overflow:hidden;
	padding:15px;
	}
div.logos img{
	margin:5px;
	}
.home div.separador{
	width:15px; height:53px; float:left;
	margin:0 5px 0 15px;
	background:url(../img/separador1.png) no-repeat 0 0;
	}
div.ats{
	float:left; overflow:hidden;
	width:250px; padding:4px 0 0 0
	}
div.ats img{
	float:left;
	}
div.ats span{
	display:block; float:right;
	width:196px;
	font-size:11px;
	color:#7d7d7d;
	line-height:14px;
	padding:3px 0 0 0;
	}
div.prensa{
	float:left;
	padding:20px 0 0 0;
	}
div.prensa a{
	font-size:20px;
	color:#636363;
	font-weight:normal;
	line-height:14px;
	display:block;
	}
div.prensa a:hover{
	color:#000;
	}
div.promociones{
	float:left; padding:4px 0 0 0;
	position:relative;
	}
div.promociones span{
	font-family:Helvetica-Light, Arial, Verdana;
	font-size:20px;
	color:#ed145b;
	display:block;
	}
div.promociones a{
	font-size:20px;
	font-weight:bold;
	color:#ed145b;
	text-decoration:none;
	text-transform:uppercase;
	}
div.promociones a:hover{
	color:#7d7d7d;
	}
div.promociones div.globo{
	position:absolute;
	z-index:10;
	width:210px;
	left:-70px;
	}
div.promociones div.globo div.top{
	height:10px;
	background:url(../img/globo-promociones.png) no-repeat left -6px;
	}
div.promociones div.globo ul{
	display:block;
	padding:5px 20px;
	background:url(../img/bg-globo-promociones.png) no-repeat left bottom;
	}
div.promociones div.globo ul li{
	display:block;
	padding:0 0 0 8px;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#464646;
	background:url(../img/bullet1.png) no-repeat 0 9px;
	}
div.promociones div.globo ul li strong{
	color:#ed145b;
	}
div.promociones div.globo div.bottom{
	height:27px;
	background:url(../img/globo-promociones.png) no-repeat bottom left;
	}

/* COMODIDADES */
div.content.comodidades{
	padding:10px 0 0 0;
	}
.fila{
	overflow:hidden;
	margin:0 0 15px 0;
	}
.galeria{
	width:287px; float:left;
	margin:0 8px 0 0;
	}
.galeria.nomargin{
	margin:0;
	}
.galeria div.fotos{
	width:287px; height:190px;
	position:relative;
	}
.galeria div.fotos a.prev{
	position:absolute;
	bottom:10px; left:10px;
	z-index:100;
	width:36px; height:37px;
	background:url(../img/btn-scroll-black.png) no-repeat 0 0;
	}
.galeria div.fotos a.prev:hover{
	background-position:0 -37px;
	}
.galeria div.fotos a.next{
	position:absolute;
	bottom:10px; right:10px;
	z-index:100;
	width:36px; height:37px;
	background:url(../img/btn-scroll-black.png) no-repeat -36px 0;
	}
.galeria div.fotos a.next:hover{
	background-position:-36px -37px;
	}
.galeria div.fotos div a{
	display:block;
	width:290px; height:190px;
	background:url(../img/bg-foto.png) no-repeat 0 0;
	}
.galeria div.fotos div a span{
	position:absolute;
	top:6px; left:6px;
	display:none;
	width:275px; height:178px;
	background:url(../img/over-minifoto2.png) no-repeat 0 0;
	}
.galeria div.fotos div a:hover span{
	display:block;
	}
.galeria div.fotos div a img{
	margin:6px;
	}
.galeria div.cajagris p{
	font-size:11px;
	line-height:16px;
	padding:0 0 5px 0;
	}
.galeria div.cajagris p a{
	color:#000;
	}
.galeria div.cajagris p a:hover{
	text-decoration:underline;
	}

/* ACTIVIDADES */
div.content.actividades div.cajagris h1{
	font-family:helvetica, Arial, Verdana;
	font-size:14px;
	color:#ed145b;
	margin:0; padding:0 0 3px 15px;
	background:url(../img/bullet2.png) no-repeat 0 2px;
	}
div.content.actividades div.cajagris p{
	padding:0 0 5px 15px;
	}
div.content.actividades div.cajagris p a{
	color:#000;
	font-weight:bold;
	}
div.content.actividades div.cajagris p a:hover{
	text-decoration:underline;
	}
#servicios-adicionales{
	width:858px; display:none; overflow:hidden;
	}

/* UBICACIÓN */
div.indent.ubicacion div.col1{
	width:350px; margin:0 60px 0 0;
	}
div.indent.ubicacion div.col2{
	width:430px;
	}
.cajagris.ubicacion{
	overflow:hidden;
	padding-bottom:10px;
	}
.cajagris.ubicacion img{
	margin:15px 0 0 0;
	}
.cajagris.lancha{
	overflow:hidden;
	}
.cajagris.lancha img{
	display:block; float:left;
	background:url(../img/bg-minifoto2.png) no-repeat 0 0;
	padding:6px;
	}
.cajagris.lancha h4{
	display:block; float:left;
	margin:10px 0 10px 10px;
	font-family:helvetica, Arial, Verdana;
	font-size:14px;
	color:#ec008c;
	}
.cajagris.lancha p{
	display:block; float:left;
	margin:0 0 0 10px;
	width:250px;
	font-size:11px;
	color:#636363;
	line-height:14px;
	}
.cajagris.lancha p strong{
	color:#000;
	font-weight:normal;
	}
.cajagris.lancha p strong.verde{
	color:#598527;
	}
a.mapa{
	position:relative;
	display:block;
	width:322px; height:192px;
	}
a.mapa span{
	display:none;
	position:absolute;
	top:0; left:0;
	width:322px; height:192px;
	background:url(../img/over-mapa.png) no-repeat 0 0;
	}
a.mapa:hover span{
	display:block;
	}

/* TARIFAS */
div.indent.tarifas p{
	padding:0 20px 20px 20px;
	}
div.hospedaje{
	height:50px;
	position:relative;
	}
div.hospedaje a{
	position:absolute;
	font-size:12px;
	font-weight:bold;
	color:#000;
	background:url(../img/bullet2.png) no-repeat 0 4px;
	padding:0 0 0 15px;
	}
div.hospedaje a.cancel{
	top:22px; right:10px;
	}
div.hospedaje a.cond{
	top:22px; right:165px;
	}
div.hospedaje a:hover{
	color:#ed145b;
	}
table{
	margin:0 0 30px 0;
	}
table tr.headtable span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#252525;
	text-align:left;
	}
table td{
	padding:3px 0; margin:0;
	text-align:left;
	vertical-align:middle;
	}
table td.headtable{
	height:45px;
	}
table td.centrado{
	text-align:center;
	}
table td.checkout{
	width:130px;
	text-align:center;
	}
table td.headtable-izq{
	background:url(../img/table-header.png) no-repeat top left;
	padding:0 0 0 20px;
	}
table td.headtable{
	background:url(../img/table-header.png) no-repeat -20px 0;
	}
table td.headtable-der{
	width:100px;
	background:url(../img/table-header.png) no-repeat top right;
	}
table td.primera{
	padding-left:20px;
	}
table td.primera a{
	text-transform:uppercase;
	font-size:11px;
	font-weight:normal;
	color:#ed145b;
	background:none;
	padding:0; margin:0;
	}
table td.primera a:hover{
	text-decoration:underline;
	}
table td span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#636363;
	line-height:14px;
	}
table td span strong{
	font-size:12px;
	font-weight:bold;
	}
table td a{
	font-size:11px;
	font-weight:bold;
	color:#252525;
	background:url(../img/bullet2.png) no-repeat 0 3px;
	padding:0 0 0 15px;
	}
table td a:hover{
	color:#ed145b;
	}
table tr.servicios td{
	border-bottom:1px solid #ebebeb;
	}
table tr.servicios td span{
	font-size:12px;
	display:block;
	padding:2px 0;
	}
table tr.servicios td.tarifa{
	width:130px;
	}
table tr.servicios td.tarifa span{
	font-size:11px;
	}
table tr.servicios td.tarifa span strong{
	font-size:12px;
	}
div.indent.tarifas ul{
	margin:0 20px 30px 20px;
	}
div.indent.tarifas ul li{
	font-size:11px;
	color:#636363;
	line-height:21px;
	background:url(../img/bullet1.png) no-repeat 0 11px;
	padding:0 0 0 10px;
	}
div.indent.tarifas ul li.detalles{
	font-size:12px;
	font-weight:bold;
	color:#252525;
	text-transform:uppercase;
	padding:0;
	background:none;
	}
a.btn-detalles{
	display:block;
	margin:0 0 30px 20px;
	font-size:11px;
	font-weight:bold;
	color:#000;
	background:url(../img/bullet2.png) no-repeat 0 3px;
	padding:0 0 0 15px;
	}
a.btn-detalles:hover{
	text-decoration:underline;
	}
.slide{
	overflow:hidden;
	position:relative;
	height:115px;
	margin:0 0 30px 0;
	}
.slide a.left{
	position:absolute;
	bottom:1px; left:0;
	z-index:1;
	width:31px; height:72px;
	background:url(../img/btn-scroll.png) no-repeat 0 0;
	}
.slide a.left:hover{
	background-position:0 -72px;
	}
.slide a.right{
	position:absolute;
	bottom:1px; right:0;
	z-index:1;
	width:31px; height:72px;
	background:url(../img/btn-scroll.png) no-repeat -31px 0;
	}
.slide a.right:hover{
	background-position:-31px -72px;
	}
.slide div.trip{
	position:absolute;
	top:0; left:27px;
	z-index:2;
	width:802px; height:115px;
	}
.slide div.trip div{
	width:802px; height:115px;
	overflow:hidden;
	}
.slide div.trip div a{
	position:relative;
	display:block; float:left;
	width:187px; height:115px;
	margin:0 18px 0 0;
	background:url(../img/bg-minifoto.png) no-repeat 0 0;
	}
.slide div.trip div a.nomargin{
	margin:0;
	}
.slide div.trip div a img{
	margin:6px 0 0 6px;
	}
.slide div.trip div a span{
	display:none;
	position:absolute;
	top:6px; left:6px;
	z-index:10;
	width:175px; height:103px;
	background:url(../img/over-minifoto.png) no-repeat 0 -103px;
	}
.slide div.trip div a:hover span{
	display:block;
	}
ul.condiciones{
	margin:0 auto; padding:0 20px 20px 20px;
	overflow:hidden;
	}
ul.condiciones li{
	display:block;
	font-size:11px;
	color:#636363;
	padding:5px 0 5px 10px;
	line-height:16px;
	background:url(../img/bullet1.png) no-repeat 0 13px;
	border-bottom:1px solid #ebebeb;
	}

/* CONTACTO */
.col1{
	width:430px; float:left;
	}
.cajagris{
	background:url(../img/bg-cajagris.png) no-repeat 0 0;
	padding:25px 0 5px 20px;
	}
.cajagris span{
	font-size:12px;
	color:#636363;
	line-height:16px;
	}
.col2{
	width:400px; float:left;
	}
.col2 div.cajagris #trip{
	float:none;
	}
.col2 div.cajagris #fbook{
	float:none;
	}
form{
	display:block; overflow:hidden;
	margin:10px 0 0 0;
	}
form div{
	overflow:hidden;
	padding:2px 20px;
	}
form div#form{
	padding:0;
	}
form span{
	display:block;
	width:115px; float:left;
	font-size:12px;
	font-style:italic;
	color:#636363;
	padding:6px 0 0 0;
	}
form input{
	display:block; float:left;
	background:url(../img/input.png) no-repeat 0 0;
	width:218px; height:14px;
	border:none;
	margin:0; padding:7px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#252525;
	}
form input.submit{
	float:right;
	width:51px; height:13px;
	background:url(../img/btn-submit.png) no-repeat 0 0;
	padding:0; margin:10px 38px 20px 0;
	cursor:pointer;
	}
form input.submit:hover{
	background-position:0 -13px;
	}
form h6{
	display:block; float:left;
	margin:0 0 0 10px;
	font-size:16px;
	font-weight:bold;
	color:#636363;
	padding:8px 0 0 0;
	}
label.error{
	display:block; clear:both;
	text-align:right;
	padding:0 60px 0 0;
	width:340px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:10px;
	color:#990000;
	text-align:right;
	}
form textarea{
	display:block; float:left;
	background:url(../img/textarea.png) no-repeat 0 0;
	width:218px; height:96px;
	border:none;
	margin:0; padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#252525;
	}
#mensaje h4{
	font-size:14px;
	color:#333333;
	margin:0 0 5px 0; padding:0;
	}
#mensaje p{
	font-size:11px;
	color:#636363;
	margin:0; padding:0;
	line-height:14px;
	}
#mensaje p a{
	color:#ed145b;
	}
#mensaje p a:hover{
	color:#000;
	}