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

*, html, ul, li, p, body, h1, form, button{
	border:0; 
	margin:0; 
	padding:0;
}

body {
	background-color:#3d3d40;
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;

}
img{
	border:none;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	margin-bottom:15px;
	line-height:15px;
}

a{
	text-decoration:none;
}

a:focus{
	outline:none;
}

li{
	list-style-type:none;
	list-style-image:none;
}

h1{
	background-repeat:no-repeat;
	float:left;
	margin:10px 0px 0px 0px;
}

h1 a{
	display:block;
}

h1 span{
	display:none;
}

h2{
	background-image:url(../images/puntos.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-bottom:15px;
	margin-top:5px;
	padding-bottom:4px;
	font-size:20px;
	color:#2db0fa;
	font-weight:normal;
}
h3,h3 a{
	font-size:12px;
	color:#3d3d40;
	font-weight:bold;
}

hr{

	height:0px;
	width:0px;
	margin:0px;
	clear:both;
	font-size:0px;
	border:none;
}

/* clases propias*/
.floatleft {
	float: left;
	margin: 0px;
	padding: 0px;
}
.floatright {
	float:right;
	margin: 0px;
	padding: 0px;
}
.salto {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	font-size: 0px;
}
.espacio {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 15px;
	font-size: 0px;
}
.sincss{
	display:none;
}

.sinlista{
	list-style:none;
}

.negro{
	color:#000;
}

.blanco{
	color:#FFF;
}

.gris{
	color:#999999;
}

.gris_oscuro{
	color:#3d3d40;
}

.imagen_home{
	position:relative;
	width:975px;
	height:249px;
	float:left;
	margin-bottom:15px;
}

.texto_home{
	float:right;
	width:292px;
	margin-right:15px;
	display:inline;
	position:absolute;
	bottom:0px;
	right:0px;
}

.img_home{
	float:left;
	margin-left:1px;
}

.servicios_home{
	width:318px;
	float:left;
	margin-right:10px;
}

.servicios_home a{
	text-decoration:underline;
	color:#2DB0FA;
}

.eventos_home{
	width:292px;
	float:right;
	margin-right:15px;
}

.localizacion{
	background-image:url(../images/fondo_localizacion.jpg);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	height:250px;
	width:323px;
	float:left;
	margin-right:10px;
}

.localizacion p{
	color:#FFFFFF;
	margin:0px 10px 13px 10px;
}

.localizacion h2{
	color:#000000;
	padding-left:10px;
	background-image:url(../images/puntos_blancos.gif);
}

.localizacion p.gris{
	color:#999999;
	margin:0px 10px;
	position:absolute;
	bottom:15px;
}

.localizacion p.gris a{
	color:#999999;
}

.localizacion a{
	font-weight:bold;
}

.localizacion .link_localizacion{
	color:#000000;
	text-decoration:underline;
	background-image:url(../images/boton_enlace.gif);
	background-position:right;
	background-repeat:no-repeat;
	float:right;
	margin-right:3px;
	padding:2px 26px 3px 0px;
}
.enlace{
	text-decoration:underline;
	font-weight:bold;
	font-size:12px;
	color:#2db0fa;
}
.localizacion a:hover{
	color:#FFFFFF;
}
.texto_eventos{
	width:940px;
	float:left;
	margin-right:15px;
}
.evento_grande{
	float:left;
	width:307px;
	margin-right:10px;
}
.evento_grande_ult{
	float:left;
	width:306px;
}
.evento_contenido{
	width:255px;
	float:left;
}
.evento_contenido h3{
	margin-bottom:10px;
}
.evento{
	margin-bottom:10px;
}

.fecha_evento{
	background-image:url(../images/fondo_fecha.jpg);
	background-repeat:no-repeat;
	float:left;
	width:44px;
	height:34px;
	margin-right:5px;
}

.fecha_evento p{
	margin-bottom:0px;
	text-align:center;
}

.fecha_evento .negro{
	font-weight:bold;
}

.texto_contactos{
	margin:0px 15px;
	width:945px;
}


.mapa_formulario{
	width:635px;
	float:left;

}

.columna{
	width:311px;
	float:right;
}

.como_llegar{
	float:right;
	width:290px;
}

.como_llegar ul li{
	padding:0px 0px 0px 50px;
	background-image:url(../images/icono_bus.jpg);
	background-repeat:no-repeat;
	margin-bottom:10px;
	font-size:12px;
	color:#999999;
}

.como_llegar ul li.tren{
	background-image:url(../images/icono_tren.jpg);
}

.como_llegar a{
	color:#2DB0FA;
	text-decoration:underline;
}

.texto_habitaciones{
	width:475px;
	float:left;
}

.img_peq{
	float:right;
	width:465px;
	margin-top:31px;
}
.img_peq img{
	cursor:pointer;
}
.img_peq li{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	font-size:0px;
}

.link{
	color:#2db0fa;
	text-decoration:underline;
}

.textos_legles{
	width:450px;
	float:left;
	margin-right:20px;
}


/*  Tabla de tarifas    */

.tarifas{
	width:945px;
	margin-bottom:15px;
}

.tarifas th{
	background-image:url(../images/puntos.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	height:70px;
	font-size:14px;
	font-weight:normal;
}

.tarifas td{
	height:70px;
	background-image:url(../images/puntos.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:center;
	font-size:14px;
}

.tarifas .izquierda{
	text-align:left;
}

.individual{
	background-color:#d8d8d8;
	background-image:url(../images/puntos-vertical.gif);
	background-repeat:repeat-y;
}

.doble{
	background-color:#f2f2f2;
}

.triple{
	background-color:#e0f3fe;
}

.texto_temporada{
	color:#a9a9a9;
	font-size:11px;
}



/*   ids    */

#contenedor{
	width:975px;
	margin:auto;
	background:#FFFFFF;
}

#idiomas{
	float:right;
	margin:8px 15px 0px 0px;
	display:inline
}

#idiomas li{
	float:left;
	margin:0px 10px 0px 0px;
	display:inline
}

#idiomas li a{
	color:#999999;
	float:left;
	font-size:12px;
	padding:1px 4px 8px;
	text-align:center;
	width:13px;
}

#idiomas li a:hover, #idioma_sel{
	color:#fff;
	background-image:url(../images/idiomas.gif);
	background-repeat:no-repeat;
}
#idiomas #idioma_sel a{
	color:#fff;
}
#mapa{
	height:357px;
	width:298px;
	float:left;
	border: 1px solid #999999;
	margin-right:15px;
}

#menu{
	background-image:url(../images/puntos.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin:0px 15px 15px 15px;
	float:left;
	width:945px;
	display:inline
}

#menu li{
	float:right;
	margin:0px 0px 5px 20px;
	display:inline;
}

#menu li a{
	font-size:12px;
	text-transform:uppercase;
	color:#999999;
}

#menu li a:hover, #menu li a.on{
	color:#000000;
}


#pie{
	background-image:url(../images/puntos.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding:14px 0px 4px 0px;
	float:left;
	margin:10px 15px;
	width:945px;
}

#pie li{
	color:#3d3d40;
	font-size:12px;
	display:inline;
}

#pie li a{
	float:right;
	margin-left:35px;
	color:#3d3d40;
}

#pie li a:hover{
	color:#2db0fa;
}

#pie li.norsis{
	background-image:none;
}
#pie li a.norsis{
	padding-right:70px;
	background-image:url(../images/desarrollo-web-norsis.gif);
	background-repeat:no-repeat;
	background-position:right top;
}
#pie li a.norsis:hover{
	background-image:url(../images/desarrollo-web-norsis_sel.gif);
}
#pie li.norsis a span{
	display:none;
}


/*  estilos para formularios */
/*   Reservas    */

.reservas{
	background-color:#f2f2f2;
	width:440px;
	height:250px;
	margin-bottom:15px;
	float:left;
	padding:15px;
}

.reservas input, .reservas select.habitacion{
	border:1px solid #999999;
	height:18px;
	padding:2px;
	float:left;
	width:206px;
	color:#999999;
}

.reservas select,  .reservas .form_campo_error select{
	border:1px solid #999999;
	width:130px;
	color:#999999;
}

.reservas p{
	float:left;
	margin-bottom:4px;
}

.reservas label{
	float:left;
	height:22px;
	line-height:22px;
	width:200px;
}
.columna .form_bloque label, .columna .form_campo_error label{
	float:left;
}

.columna .form_bloque p, .columna .form_campo_error p{
	display:block;
	margin-bottom:5px;
	float:left;
	width:311px;
}

.columna .form_campo_error p{
	margin-bottom:0px;
}

.columna .form_campo_error{
	margin-bottom:5px;
	float:left;
}

.columna .form_bloque textarea{
	width:307px;
	border:1px solid #b5b4b4;
	float:left;
	height:146px;
	color:#999;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:15px;
	padding:2px;
}

.columna .form_bloque input, .columna .form_campo_error input{
	width:185px;
	height:21px;
	border:1px solid #b5b4b4;
	float:right;
	color:#999;
	padding:1px 2px;
}
.columna .form_boton, .form_boton{
	background-image:url(../images/boton_enviar.jpg);
	background-repeat:no-repeat;
	height:27px;
	width:127px;
	float:right;
	font-weight:bold;
	border:none;
	color:#000000;
}

.fecha input,.fecha .form_campo_error input{
	width:124px;
}


.form_campo_error{
/*	position:relative;
	clear:both;*/
}

.reservas .form_texto_error{
	color:#CC3333;
	float:left;
	font-size:11px;
	margin-top:-11px;
}

.form_texto_error{
/*	position:absolute;
*/	color:#CC3333;
	float:left;
	font-size:11px;
}