/* CSS Document */
/*********************************************************************************************
			                               elementos comunes
*********************************************************************************************/

body{
	background-color:#000000;
	background-image:url(../img/fondo_pag_1.jpg);
	background-position:top;
	background-repeat:repeat-x;
	margin-top:0;
	margin-left:0;
}

.div_home{
	height:500px;
	width:700px;
	margin-top:150px;
	margin-left:40px;
	position:absolute;
}

.div_cabecera{
	height:125px;
	width:1000px;
	margin-top:0;
	margin-left:0;
	padding:0;
	position:absolute;
	z-index: 0;
}

.div_separacion{
	height:515px;
	width:5px;
	position:absolute;
	left: 255px;
	top: 150px;
	background-image:url(../img/img_division.png);
	background-repeat:repeat-y;
}

.div_separacion_promocion{
	height:750px;
	width:5px;
	position:absolute;
	left: 255px;
	top: 150px;
	background-image:url(../img/img_division.png);
	background-repeat:repeat-y;
}

.div_blog{
	height:120px;
	width:120px;
	position:absolute;
	left: 550px;
	top: 80px;
}

/*********************************************************************************************
			                    Botón Tripadvisor en el libro de visitas
*********************************************************************************************/

#CDSWIDWRM{
	clear: both;
	position: absolute;
	margin:170px 0px 50px 550px;
	padding:5px;
	width:180px;
	border: #fff solid 1px;
	overflow:hidden;
	height:auto;
	text-align: center;
	z-index: 2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

.content_trip{
	margin:3px; 
	padding:5px; 
	border:none; 
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.boton_trip{
	margin:3px; 
	padding:7px;
	background: none;
	border: #ffff00 solid 1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.boton_trip a{
	text-decoration:none; 
	outline:none;
	font: Verdana #551A8B;
	letter-spacing:0; 
	text-align: center;
}

.pag_trip a{
	margin:0;
	padding:0;
	border:none;
	text-decoration:none;
	outline:none;
	font-size:12px;
	line-height:normal;
	letter-spacing:0;
	text-align: center;
	color: #fff;
	font-family:Verdana;
}


/*********************************************************************************************
			                               Intro
*********************************************************************************************/
.div_saltarintro{
	height:50px;
	width:100px;
	margin-top:600px;
	margin-left:625px;
	position:absolute;
}

.div_saltarintro a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color: #ffffff;
	font-weight:lighter;
	text-decoration:underline;
}

.div_saltarintro a:visited{
	color: #ffffff;
}

.div_saltarintro a:hover{
	color: #ffff00;
}

/*********************************************************************************************
					                         menu
*********************************************************************************************/

.div_menu_principal{
	height:220px;
	width:220px;
	position:absolute;
	left: 5px;
	top: 5px;
	text-align:right;
	text-decoration:none;
	border:0px;
}

div_menu_hab_1{
	position: absolute;
	left:5px;
	top: 13px;
	text-decoration:none;
}

.div_menu{
	height:500px;
	width:220px;
	position:absolute;
	left: 20px;
	top: 150px;
}



/*div_menu_hab_2{
	height:75;
	width:75;
	position: absolute;
	left:86px;
	top: 30px;
	text-decoration:none;
}

div_menu_hab_3{
	height:75;
	width:75;
	position: absolute;
	left:5px;
	top: 13px;
	text-decoration:none;
}

div_menu_hab_4{
	height:75;
	width:75;
	position: absolute;
	left:5px;
	top: 13px;
	text-decoration:none;
}

div_menu_hab_5{
	height:75;
	width:75;
	position: absolute;
	left:5px;
	top: 13px;
	text-decoration:none;
}

div_menu_hab_6{
	height:75;
	width:75;
	position: absolute;
	left:5px;
	top: 13px;
	text-decoration:none;
}

div_menu_hab_7{
	height:75;
	width:75;
	position: absolute;
	left:5px;
	top: 13px;
	text-decoration:none;
}

div_menu_hab_8{
	height:75;
	width:75;
	position: absolute;
	left:5px;
	top: 13px;
	text-decoration:none;
}

div_menu_hab_9{
	height:75;
	width:75;
	position: absolute;
	left:5px;
	top: 13px;
	text-decoration:none;
}



/*********************************************************************************************
                                        submenú CSS
*********************************************************************************************/


.submenu{
	height:100px;
	width:220px;
	position:absolute;
	left: 5px;
	top: 250px;
	text-align:right;
}

* html .submenu{ 
	width: 223px;
}

.submenu ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.submenu ul a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 5px 2px;
	display: block;
	width: 100%; 
	color: #ffffff;
	font-weight:lighter;
	text-decoration:none;
}

.submenu ul a:visited{
	color: #ffffff;
}

html>body .submenu ul a{ 
	width: auto;
}

.submenu ul a:hover{
	color: #ffff00;
	background-image:url(../img/img_fondo_menu.png);
	background-repeat:no-repeat;
}


.lastitem a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	padding: 5px 2px;
	display: block;
	width: 100%; 
	color: #ffff00;
	font-weight:lighter;
	text-decoration:none;
}

.lastitem a:visited{
	color: #ffff00;
}

.lastitem a:hover{
	color: #ffffff;
	background-image:url(../img/img_fondo_menu.png);
	background-repeat:no-repeat;
}

/*********************************************************************************************
                Pie de página [creditos, Aviso Legal y Copyright]
*********************************************************************************************/
.div_creditos{
	height:72px;
	width:220px;
	position:absolute;
	left: 0px;
	top: 455px;
	text-align:right;
}

* html .div_creditos{ 
	width: 225px;
}

.div_creditos p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color: #ffffff;
	font-weight:lighter;
	text-decoration:none;
}

.div_creditos a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color: #ffffff;
	font-weight:lighter;
	text-decoration:none;
}

.div_creditos a:visited{
	color: #fffff0;
}

html>body .div_creditos a{ 
	width: auto;
}

.div_creditos a:hover{
	color: #fffff0;
}

/*********************************************************************************************
				Div volante de créditos
*********************************************************************************************/


	#fixedtipdiv{
	background-image:url(../img/div_creditos_2.png);
	background-repeat:no-repeat;
	position:absolute;
	padding: 5px;
	height:115px;
	z-index:50;
	}
	
    #fixedtipdiv p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	margin-left:55px;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:15px;
	z-index:100;
	}



/*********************************************************************************************
                                        contenido
*********************************************************************************************/

.div_contenido{
	height:465px;
	width:250px;
	position:absolute;
	left: 260px;
	top: 135px;
	padding-top:0px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:10px;
}

.div_contenido h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	color: #ffffff;
	font-weight:lighter;
	text-decoration:none;
}

.div_contenido h2{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:justify;
	font-size:11px;
	color: #ffffff;
	font-weight:lighter;
}

.div_contenido h3{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:justify;
	font-size:12px;
	color: #ffffff;
	font-weight:lighter;
}

.div_contenido_aviso{
	height:465px;
	width:500px;
	position:absolute;
	left: 260px;
	top: 135px;
	padding-top:0px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:10px;
}


.div_contenido_aviso h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	color: #ffffff;
	font-weight:lighter;
	text-decoration:none;
}

.div_contenido_aviso h2{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:justify;
	font-size:11px;
	color: #ffffff;
	font-weight:lighter;
}

.div_contenido_aviso h3{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:justify;
	font-size:12px;
	color: #ffffff;
	font-weight:lighter;
}


.div_contenido_bienvenida{
	height:465px;
	width:320px;
	position:absolute;
	left: 260px;
	top: 135px;
	padding-top:0px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:10px;
}

.div_contenido_bienvenida h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	color: #ffffff;
	font-weight:lighter;
	text-decoration:none;
}

.div_contenido_bienvenida h2{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:justify;
	font-size:11px;
	color: #ffffff;
	font-weight:lighter;
}

.div_contenido_bienvenida h3{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:justify;
	font-size:12px;
	color: #ffffff;
	font-weight:lighter;
}

.div_contenido_bienvenida h4{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:justify;
	font-size:20px;
	color: #ffff00;
	font-weight:lighter;
}




a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #ffffff;
	font-weight:lighter;
	text-decoration:underline;
}

a:visited{
	color: #ffffff;
}

a:hover{
	color: #ffff00;
}

.div_contenido_restaurante{
	height:465px;
	width:250px;
	position:absolute;
	left: 260px;
	top: 135px;
	padding-top:0px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:10px;
}


.div_contenido_restaurante h2{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:justify;
	font-size:11px;
	color: #ffffff;
	font-weight:lighter;
}

.div_contenido_restaurante_1{
	height:465px;
	width:250px;
	position:absolute;
	left: 530px;
	top: 135px;
	padding-top:0px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:10px;
}


.div_contenido_restaurante_1 h2{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:justify;
	font-size:11px;
	color: #ffffff;
	font-weight:lighter;
}

.div_contenido_restaurante_2{
	height:465px;
	width:250px;
	position:absolute;
	left: 805px;
	top: 137px;
	padding-top:0px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:10px;
}


.div_contenido_restaurante_2 h2{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:justify;
	font-size:11px;
	color: #ffffff;
	font-weight:lighter;
}


.div_flecha_contenido{
	height:18px;
	width:25px;
	position:absolute;
	left: 258px;
	top: 165px;
	background-image:url(../img/img_fondo_habitacion.png);
	background-repeat:no-repeat;
	}

.div_hr{
	height:5px;
	width:255px;
	position:absolute;
	left: 275px;
	top: 660px;
	opacity: 0.2;
	/*filter: alpha(opacity=50);*/
}
.div_hr hr{
	height:1px;
	color: white;
	width: 100%;
}

.div_hr_2{
	height:5px;
	width:520px;
	position:absolute;
	left: 275px;
	top: 660px;
	opacity: 0.2;
	/*filter: alpha(opacity=50);*/
}
.div_hr_2 hr{
	height:1px;
	color: #ffffff;
	width: 100%;
}
/*********************************************************************************************
                                  galeria de contenido
*********************************************************************************************/

.div_galeria{
	height:420px;
	width:310px;
	position:absolute;
	left: 550px;
	top: 200px;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:10px;
	border:1px solid #999999;
	background-color:#FFFFFF;
}

.div_galeria_restaurante{
	height:420px;
	width:310px;
	position:absolute;
	left: 550px;
	top: 200px;	
	padding-top:5px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:10px;
	border:1px solid #999999;
	background-color:#FFFFFF;
}

.div_galeria_promocion{
	height:420px;
	width:310px;
	position:absolute;
	left: 620px;
	top: 230px;	
	padding-top:5px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:10px;
	border:1px solid #999999;
	background-color:#FFFFFF;
}



/*********************************************************************************************
                          menu  contenido [tarifas y reservas]
*********************************************************************************************/

.div_menu_contenido{
	height:50px;
	width:145px;
	position:absolute;
	left: 380px;
	top: 668px;
	padding:15px;
	padding-right:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color: #ffffff;
	font-weight:lighter;
	text-decoration:none;
}

.div_menu_contenido a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color: #ffffff;
	font-weight:lighter;
	text-decoration:underline;
}

.div_menu_contenido a:visited{
	color: #ffffff;
}

.div_menu_contenido a:hover{
	color: #ffff00;
}


/*********************************************************************************************
                                        frame_libro de visitas
*********************************************************************************************/

#div_frame{
	height:2000px;
	width:450px;
	position:absolute;
	left: 260px;
	top: 120px;
	padding-top:0px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:10px;
	z-index: 0;
}
/*********************************************************************************************
			                        Paginación contenido
*********************************************************************************************/
.div_menu_pag{
	height:50px;
	width:70px;
	position:absolute;
	left: 260px;
	top: 653px;
	padding:15px;
	padding-right:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color: #ffffff;
	font-weight:lighter;
	text-decoration:none;
}

.div_menu_pag a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color: #ffffff;
	font-weight:lighter;
	text-decoration:underline;
}

.div_menu_pag a:visited{
	color: #ffffff;
}

.div_menu_pag a:hover{
	color: #ffff00;
}


.div_menu_pag_2{
	height:50px;
	width:70px;
	position:absolute;
	left: 260px;
	top: 653px;
	padding:15px;
	padding-right:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color: #ffffff;
	font-weight:lighter;
	text-decoration:none;
}

.div_menu_pag_2 a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color: #ffffff;
	font-weight:lighter;
	text-decoration:underline;
}

.div_menu_pag_2 a:visited{
	color: #ffffff;
}

.div_menu_pag_2 a:hover{
	color: #ffff00;
}


/*********************************************************************************************
                                   formularios
*********************************************************************************************/
.div_contenido_formulario{
	height:500px;
	width:330px;
	position:absolute;
	left: 260px;
	top: 130px;
	padding-top:5px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
}

.div_contenido_formulario_1{
	width:50%;
	position:absolute;
	left:500px;
	top: 50px;
	padding-top:5px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
	text-align: center;
}

.div_contenido_formulario_1 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 5px 2px;
	display: block;
	width: 100%; 
	color: #ffffff;
	font-weight:lighter;
	text-decoration:none;
}


.div_contenido_formulario h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	color: #ffffff;
	font-weight:lighter;
	text-decoration:none;
}

.div_contenido_formulario h2{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:justify;
	font-size:11px;
	color: #ffffff;
	font-weight:lighter;
	text-decoration:none;
}

.div_contenido_formulario h3{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:justify;
	font-size:12px;
	color: #ffffff;
	font-weight:lighter;
}

.txt_formulario {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color: #ffffff;
	font-weight:lighter;
	text-align:left;
}

input{
	background-color:#663366;
	border: 1px solid #333333;
}

select{
	background-color:#663366;
	border: 1px solid #333333;
}

textarea{
	background-color:#663366;
	border: 1px solid #333333;

}

.txt_imput{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #ffffff;
	font-weight:lighter;
}
	
/*********************************************************************************************
			               Formulario de contacto y reservas
*********************************************************************************************/
		
	#form {
	  	border: 3px double #eaeaea;
		  background-color: #AAF;
		  padding: 1em;
		  width: 30em;
		  margin: auto;}

	#form h2{
			font-size: 2em;
			margin: 0 0 0.5em 0;
			padding: 0;}


	#form .campo {
			border: 1px solid #999;
			padding: 0.3em;
			font-size: 1.5em;}

	#form .error {
			border: 1px solid #F00;
			padding: 0.3em;
			font-size: 1.5em;}

	#form .com {
			border: 1px solid #999;
			padding: 0.3em;
			font-size: 1.5em;
			width:18em;
			height: 10em;
			font: 1.5em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}

	#form .com-error {
			border: 1px solid #F00;
			padding: 0.3em;
			font-size: 1.2em;
			width:18em;
			height: 10em;
			font: 1.5em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}
			
			
	.boton{
		border: 0px;
		background-color: #663366;
		width: 60px;
		height: 15px;
		padding-bottom:3px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:11px;
		color: #ffffff;
		font-weight:lighter;
		text-decoration:none;
	}
	
	.boton a{
		border: 0px;
		width: 60px;
		height: 15px;
		padding-bottom:3px;
		background-color: #663366;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:11px;
		color: #ffffff;
		font-weight:lighter;
		text-decoration:underline;
	}
	
	.boton a:visited{
			color: #ffffff;
	}
	
	.boton a:hover{
			color: #ffff00;
	}
	.email{
	background-color:#CCCCCC;
	}
				
	 #error {
			border: 1px dashed #ffffff;
			padding: 10px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			color: #ffffff;
			font-weight:lighter;
			text-decoration:none;
		}

	 /*#ok {
	    border: 1px dashed #ffff00;
	    background-color:#ffffff;
	    padding: 5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color: #333333;
		font-weight:lighter;
		text-decoration:none;}*/
		
	#ok { 
		border: 1px dashed #ffffff;
	    padding: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #ffffff;
		font-weight:lighter;
		text-decoration:none;}
		
	#ok p { 
	    padding: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #ffffff;
		font-weight:lighter;
		text-decoration:none;}
		

/*********************************************************************************************
			                        Mapa localización
*********************************************************************************************/	

	 .mapa{
		height:380px;
		width:700px;
		position:absolute;
		padding:0;
		left: 265px;
		top: 275px;
	 }

/*********************************************************************************************
			                        Links
*********************************************************************************************/

.links{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;
	font-weight:bold;
	text-decoration:none;
}

.links a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;
	font-weight:bold;
	text-decoration:underline;
}

.links a:visited{
	color: #ffffff;
}

.links a:hover{
	color: #ffff00;
}