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

body {
	background: #015D46  none repeat scroll 0 0;
	color: #015D46;
	font-size:12px;
	line-height:14px;
	margin:15px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;

display:
}

#contenedor {
width:756px;
height:676px;
background-color:#015D46;
color:#015D46;
margin:0 auto;
position:relative;
background-image: url(img/Fondo1.jpg);
background-repeat: repeat-x;
}

#contenedor2 {
width:756px;
height:946px;
background-color:#015D46;
color:#015D46;
margin:0 auto;
position:relative;
background-image: url(img/Fondo2.jpg);
background-repeat: repeat-x;
}

#cuadro {
width:756px;
height:676px;
background-color:;
}

#cuadro1 {
width:756px;
height:1200px;
}
/*------------------------------marcos logo-------------------------------------*/
	#arriba{
	background: transparent url(img/Superior1.jpg) scroll repeat-x top left;
	height:8px;
	padding:0;
	display:block;
	}

	#abajo{
	background: transparent url(img/inferior.jpg) scroll repeat-x  bottom left;
	height:7px;
	margin-top:654px;
	padding:0;
	display:block;
	}
	
	
	#abajo1{
	background: transparent url(img/inferior.jpg) scroll repeat-x  bottom left;
	height:7px;
	margin-top:935px;
	padding:0;
	display:block;
	}

	#izquierda{
	background: transparent url(img/marcoIzquierdo.jpg) scroll no-repeat left;
	width:6px;
	height:669px;
	margin-top:-664px;
	padding:0;
	display:block;
	}

	#derecha{
	background: transparent url(img/marcoDerecho.jpg) scroll no-repeat right;
	width:9px;
	height:669px;
	margin-top:-669px;
	margin-left:750px;
	padding:0;
	display:block;
	}
	
	#logo {
	width:158px;
	height:174px;
	background-image:url(img/logo.jpg);
	margin-top:-650px;
	margin-left:570px;
	}
	
		#logo1 {
	width:158px;
	height:174px;
	background-image:url(img/logo.jpg);
	margin-top:-930px;
	margin-left:570px;
	}
/*----------------------------------------------------------------------------*/

#contenedorFestividades{
height:150px;
width:200px;
margin-top:-150px;
margin-left:250px;
background-image:url(img/navidad.jpg);
}



/*-------------------------------MENÚ------------------------------------------*/
#contenedor_menu{
width:197px;
height:531px;
margin-top: -62px;
margin-left:40px;
}
#contenedor_menu1{
width:197px;
height:814px;
margin-top: -63px;
margin-left:40px;
}

/*---------------------------CONTENIDO---------------------------------*/

#contenedorContendio {
width: 480px;
height:380px;
background-color:;
margin-left: 260px;
margin-top: -450px;
display:block;
}
#contenedorContendioIndex {
width: 480px;
height:900px;
background-color:;
margin-left: 260px;
margin-top: -730px;
display:block;
}
#tarifahabitaciones{
width:340px;
height:149px;
margin-left:65px;
background-image: url(img/Tarifas%20habitaciones.jpg);
background-position:top;
background-repeat:no-repeat;
}

#tarifahabitaciones2{
width:340px;
height:150px;
margin-left:65px;
background-image: url(img/Tarifas%20habitaciones2.jpg);
background-position:top;
background-repeat:no-repeat;
}

#tarifaaptos{
width:340px;
height:90px;
margin-left:65px;
margin-top:10px;
background-image: url(img/Tarifasapartamentos.jpg);
background-position:center;
}

#tarifaaptos2{
width:340px;
height:130px;
margin-left:65px;
margin-top:10px;
background-image: url(img/Tarifasapartamentos2.jpg);
background-position:center;
}


#contenedorTexto {
width: 480px;
height:230px;
background-color:;
margin-left:0px;
}
#contenedorTexto2 {
width: 480px;
height:125px;
background-color:;
margin-left:0px;
}

#contenedorTextoHabitaciones {
width: 480px;
height:125px;
background-color:;
margin-left:0px;
margin-top:10px;
}

#contenedorTextoApartamentos {
width: 480px;
height:125px;
background-color:;
margin-left:0px;
margin-top:10px;
}


#contenedorBienvenidos{
width:129px;
height:26px;
background-image:url(img/bienvenidos.jpg);
}
#contenedortextoimagen{
width:98px;
height:31px;
background-image:url(img/imagenes.jpg);
}
#contenedorimageneshabitaciones{
width:140px;
height:40px;
background-image:url(img/imagenesHabitaciones.jpg);
}

#texto1{
width:100%;
height:130px;
display: block;
float:left;
margin-left:0px;
margin-top:10px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF
}

#texto2{
width:100%;
height:25px;
display: block;
float:left;
margin-left:0px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF
}


#contenedorImagenes {
width: 500px;
height:150px;


}

#contenedorConsultas{
width: 263px;
height:372px;
background-color:#99CC99;
background-image: url(img/consultas.jpg);
margin-left:85px;
}

#contenedorHabitaciones{
width:500px;
height:150px;
margin-left:0px;
margin-top:40px;
}
#textoHabitaciones{
width:140px;
height:40px;
background-image:url(img/textoHabitaciones.jpg);
}

#textoApartamentos{
width:140px;
height:40px;
background-image: url(img/imagenesApartamentos.jpg);
}


/*--------------------------------------------------------------------*/
/*--------sombra del rectangulo------------*/
#top {
background: #493e3b none repeat scroll 0 0;
border-color: #666666; 
border-style:solid;
border-width:25px 0;
color:#999999;
margin:0 auto;
padding:15px;
position:relative;
width:100%;
}

.container1 {
-x-system-font:none;
background:white none repeat scroll 0 0;
border-bottom:1px solid black;
border-right:1px solid black;
color:#333333;
font-family:"Trebuchet MS",sans-serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:150px;
line-height:1.6em;
padding:15px 15px 50px;
width:100%;
}



/*---------------------------------------*/
ul, li{
	margin-top:0px;
	width:142px;
	height:160px;
	list-style:none;
	display: block;
}

.menu_head{border:1px solid #998675;}

.menu_body { margin-left:0px ;display:none; border-right:1px solid #998675;border-bottom:1px solid #998675;border-left:1px solid #998675;}
.menu_body li{background:#493e3b; width:181px; margin-left: -39px; height: 40px;}
.menu_body li.alt{background:#362f2d;}
.menu_body li a{color:#FFFFFF; text-decoration:none; padding:10px; display:block;}
.menu_body li a:hover{padding:15px 10px; font-weight:bold;}

/*---------------------------------------------------------------------*/

#skyline {
	display:block;
	width: 190px;
	height: 654px;
	margin: 0px;
	padding: 0;
	margin-top:0px;
	position: absolute;
	left: 50px;
	top: 217px;
	
	}
	
	#skyline2 {
	display:block;
	width: 190px;
	height: 410px;
	margin: 0px;
	padding: 0;
	margin-top:0px;
	position: absolute;
	left: 50px;
	top: 217px;
	
	}
	
	
  #skyline li {
	display:block;
	list-style: none;
	position: absolute;
	height: 14px; /*Determina el ancho de todos los botones del menu(#panel1b y los que le siguen*/
	left: 1px;

}

#skyline 2i {
	display:block;
	list-style: none;
	position: absolute;
	height: 14px; /*Determina el ancho de todos los botones del menu(#panel1b y los que le siguen*/
	left: 1px;

}

  #skyline li a {
    display:block;
	width:100%;
    height: 13px;
  	margin-top:63;
	margin-left:0px;
	}
	
	 #skyline 2i a {
    display:block;
	width:100%;
    height: 13px;
  	margin-top:63;
	margin-left:0px;
	}
	
	
	#panel1b {
	top: 10px;
	left: 0px;
	width: 178px;

}
  	#panel2b {
	top: 42px;
	left: 0px;
	width: 177px;
	
}
  	#panel3b {
	top: 59px;
	width: 176px;

}
  	#panel4b {
	top: 98px;
	width: 176px;
	
}
		#panel5b {
	top: 116px;
	width: 176px;

}

#panel6b {
	top: 134px;
	width: 176px;
	height: 27px;
}

#panel7b {
	top: 152px;
	width: 176px;
	
}
  
	#panel8b {
	top: 170px;
	width: 176px;
	
}

#panel9b {
	top: 188px;
	width: 176px;
	
}

#pane20b {
	top: 206px;
	width: 176px;
	
}

#pane21b {
	top: 206px;
	width: 176px;
	
}
#pane22b {
	top: 224px;
	width: 176px;
	
}



#pane23b {
	top: 242px;
	width: 176px;
	
}
#pane24b {
	top: 260px;
	width: 176px;
	
}

#pane25b {
	top: 345px;
	width: 50px;
	
}#pane26b {
	top: 345px;
	width: 50px;
	margin-left:60px;
}#pane27b {
	top: 345px;
	width: 50px;
	margin-left:125px;
	
}

#pane251b {
	top: 625px;
	width: 50px;
	
}#pane261b {
	top: 625px;
	width: 50px;
	margin-left:60px;
}#pane271b {
	top: 625px;
	width: 50px;
	margin-left:125px;
	
}