@charset "utf-8";

.banner { background:#00acec  }
.banner .content { width:100%; text-align:center }

.banner .reservas { height:100px; background:url(/img/fons-reserves.png) repeat; position:absolute; margin:556px 0px 0px 0px; width:100%;}
.banner h2 { font-family: 'segoescb', cursive; 
	font-size:48px; text-align:center; 
	margin:180px 0px 0px 0px; padding:0px;
	width:100%
}
.banner .titulo { width:700px; height:auto; overflow:hidden }
.banner div.free-tax-EN { background:url(/img/free-ecotax2.png); width:150px; height:150px; position:absolute; margin:300px 0px 0px 900px}
.banner div.free-tax-ES { background:url(/img/ecotasa2.png); width:150px; height:150px; position:absolute; margin:300px 0px 0px 900px}
.banner div.free-tax-ES span, .banner div.free-tax-EN span { width:150px; height:150px; display:block; float:right }

#b2 .content, #b3 .content , #b4 .content, #b5 .content { width:1024px }

#b1 {background:url(/img/inicio1.jpg) center no-repeat #00acec; height:656px; }
#b1 h2 { position:absolute; margin-top:200px; width:100%; color:#FFF }
#b2 {background:url(/img/inicio2.jpg) center no-repeat #00acec; height:559px; }
#b2 h2 { color:#FFF; }
#b3 {background:url(/img/inicio3.jpg) center no-repeat #00acec; height:559px; }
#b3 h2 { color:#FFF; }
#b4 span { font-family: 'segoescb', cursive; color:#FFF }
#b4 { height:290px; font-size:24px  }
#b4 p { margin-top:100px; }

#b5 .content { text-align:center; }
#b5 a {display:block; width:100% }




#gris { background-color: rgba(0,0,0,0.05); text-align:justify; height:auto; overflow:hidden; }
#gris h2 { color:#00acec; }
#gris .caja2 .content  { margin-top:20px; margin-bottom:20px; text-align:justify }
#gris .caja2 .content div { width:580px; vertical-align:top; }
#gris .caja2 .content div:first-child { float:left}
#gris .caja2 .content div:last-child { float:right}

#cuerpo .content div { width:600px; margin:0 auto 0 auto; }

#cuerpo .caja3 .content div:last-child{ margin-left:30px 0px 30px; }
#cuerpo .caja3 .content { margin-top:20px; margin-bottom:20px; }
#cuerpo .caja3 .content div { width:380px; display:inline-block; vertical-align:top; text-align:left; margin:0px; text-align:justify}
#cuerpo .caja3 .content div:nth-child(even){ margin:0px 30px 0px 30px; }


.reservas table { background:#FFF; margin-top:33px;}
.reservas table td { padding:0px 10px 0px 10px }
.reservas table td:last-child { padding-right:0px; }
.reservas input[type="submit"] { height:37px; background:#00acec; width:150px; border:0px; color:#FFF; cursor:pointer }
.reservas input[type="submit"]:hover { color:#000; }
.reservas select { border:0px; padding:4px; }
.reservas input[type="text"] { border:0px; padding:0px; background:url(../img/calendario.gif) right no-repeat }
.reservas input[type="text"]:active { background-color:#E3EEEE}

#cuerpo { overflow:hidden; text-align:center; height:auto; margin-bottom:30px }


#cuerpo .group {
	overflow:hidden; height:auto;
	width:1230px; margin:20px auto 20px auto;
}
#cuerpo .group .item {
	width:396px; height:444px; margin:20px 0px 0px 20px;
	float:left; overflow:hidden;
	text-align:left;
}

#cuerpo .group .first { margin-left:0px; }

.item img { width:396px; height:259px; position:absolute; }
.item .barra { 
	position:absolute; margin-top:203px; width:396px;
	color:#FFF; height:56px; font-size:34px;
	padding:0px;
  }
.barra .precio { 
	color:#FFF; height:56px; float:right; margin:0px 20px 0px 0px; padding:0px; overflow:hidden
  }  
.barra .precio span {font-size:11px; margin:5px 0px -5px 0px; padding:0px; display:block;}
.barra .precio span:last-child { display:inline; font-size:12px; margin:0px; padding:0px }

.item .detalles { width:394px; border:1px solid #f7941e; border-top:none; position:absolute; margin:259px 0px 0px 0px; }
.item .detalles div { margin:20px;  border-top:1px solid #f7941e; padding-top:20px; display:block; }
.item .detalles span:first-child { float:left; display:inline-block; }
.item .detalles span:last-child { float:right; isplay:inline-block; background-repeat:no-repeat; background-position:right 0px; width:50px; height:30px; }
.item .detalles span.EN { background-image:url(../img/free-ecotax.png)}
.item .detalles span.ES { background-image:url(../img/ecotasa.png) }
.item .detalles span { margin-bottom:20px;}

.item h3 { margin:0px 0px 0px 20px; padding:20px 0px 0px 0px; }
.item ul { padding:0px; list-style:none; margin:20px; overflow:hidden; display:block; width:100% } 
.item li { list-style:none; line-height:30px; padding-left:35px; display:inline-block; width:100%; margin-right:0px}
.item li.mapa { background:url(../img/mapa.png) left no-repeat; width:110px}
.item li.pax { background:url(../img/pax.png) left no-repeat; width:40px }
.item li.cama { background:url(../img/cama.png) left no-repeat; width:40px }
.item li.ducha { background:url(../img/ducha.png) left no-repeat; width:30px }
.item a { text-decoration:none; }
.item a img { border:none; }
.item a:last-child {
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	line-height:29px; width:161px; display:block;
	background:#f7941e; color:#FFF; 
	text-align:center; padding:0px 10px 0px 10px
}


.group .barra { background:url(../img/fons-red.png) repeat; }
.group2 .barra { background:url(../img/fons-cel.png) repeat; }

.item a:hover, a.button:hover { color:#000; }

a.button {
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	line-height:49px; width:250px; display:inline-block;
	background:#f7941e; color:#FFF; text-decoration:none;
	text-align:center; padding:0px 10px 0px 10px;
}

#pie { border-top:5px solid #e0922e; height:295px; } 
#pie .content { margin-top:20px; text-align:left;}
#pie .negro { text-align:center; }

.col3 {	
	-moz-column-count: 3;
    -moz-column-gap: 10px;
    -moz-column-rule: 0px solid #ccf;
	-moz-column-width: 100px;
    -webkit-column-count: 3;
    -webkit-column-gap: 2px;
    -webkit-column-rule: 0px solid #ccf;
	-webkit-column-width: 100px;
    column-count: 3;
    column-gap: 2px;
    column-rule: 0px solid #ccf;
	column-width: 100px;
	text-align:left;
}

a.blanco { color:#FFF; }