/* Estilos para la maquetacion del web de Hotel Villa Borinquen. */
/* Los estilos para formularios e impresion se especifican en hojas aparte. */
/* (c) 2004 ----- Trisquelmedia ----- */

/* Definicion del body ---------------------------------------------------------------------------------------*/
body {
	color: #666666;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 100%;
}

/* elementos ocultos para los navegadores convencionales -----------------------------------------------------*/
.escondido {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
}

/* enlaces ---------------------------------------------------------------------------------------------------*/
a, a:visited {
	color: #214E7C;
}
a:hover{
	color:#214E7C;
	text-decoration: none;
	
}
a.sindeco, a.sindeco:visited {
	color: #214E7C;
	text-decoration: none;	
}


/* Los DIV horizonte y contenedor sitúan los contenidos en el centro de la pantalla --------------------------;*/
#horizonte {
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;	
	overflow: visible;
	visibility: visible;
	background-image: url(../images/fondo.jpg);	
	width : 100%;
	height : 1100px;
	background-position : center;
	background-repeat : repeat-y;
}
#contenedor {
	margin-left: -390px;
	position: absolute;
	top: 30px;
	left: 50%;
	width: 790px;
	background-color: transparent;
	visibility: visible;
	text-align: left;
}

/*zona datos presentación*/
#presentacion {
	width: 307px;	
	height : 209px;
	margin: 0px 0px 0px 0px;
	padding: -0px 0px 0px 0px;
	float: left;	
	background-image: url(../images/datospresentacion.gif);
}
* html #presentacion {
	width:307px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	background-image: url(../images/datospresentacion.gif);
}



/* menu principal */
#menu {
	width: 191px;	
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	float: left;	
}


ul.menu {
	list-style-type: none;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}
ul.menu li {
	list-style: none;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
ul.menu li a.portada {
	display: block;
	width: 150px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/b_portada_0.gif);
}
ul.menu li a.portada:hover, ul.menu li a.portada_sel {
	display: block;
	width: 150px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/b_portada_1.gif);
	background-repeat: no-repeat;	
}

ul.menu li a.fotos {
	display: block;
	width: 165px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/b_fotos_0.gif);
	background-repeat: no-repeat;	
}

ul.menu li a.fotos:hover, ul.menu li a.fotos_sel {
	display: block;
	width: 165px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/b_fotos_1.gif);
	background-repeat: no-repeat;	
}

ul.menu li a.localizacion {
	display: block;
	width: 165px;
	height: 29px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-image: url(../images/b_localizacion_0.gif);
	background-repeat: no-repeat;	
}
ul.menu li a.localizacion:hover, ul.menu li a.localizacion_sel {
	display: block;
	width: 165px;
	height: 29px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background: url(../images/b_localizacion_1.gif);
	background-repeat: no-repeat;	
}

ul.menu li a.entorno {
	display: block;
	width: 150px;
	height: 29px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-image: url(../images/b_entorno_0.gif);
}

ul.menu li a.entorno:hover, ul.menu li a.entorno_sel {
	display: block;
	width: 150px;
	height: 29px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-image: url(../images/b_entorno_1.gif);
}
ul.menu li a.tarifas {
	display: block;
	width: 150px;
	height: 29px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-image: url(../images/b_tarifas_0.gif);
}

ul.menu li a.tarifas:hover, ul.menu li a.tarifas_sel {
	display: block;
	width: 150px;
	height: 29px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-image: url(../images/b_tarifas_1.gif);
}

ul.menu li a.contacto {
	display: block;
	width: 150px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-image: url(../images/b_contacto_0.gif);
}

ul.menu li a.contacto:hover, ul.menu li a.contacto_sel {
	display: block;
	width: 150px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-image: url(../images/b_contacto_1.gif);
}
ul.menu li a.ofertas {
	display: block;
	width: 150px;
	height: 29px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-image: url(../images/b_ofertas_0.gif);
}
ul.menu li a.ofertas:hover, ul.menu li a.ofertas_sel {
	display: block;
	width: 150px;
	height: 29px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-image: url(../images/b_ofertas_1.gif);
}

a.portada span, a.localizacion span, a.fotos span, a.entorno span, a.tarifas span, a.contacto span, a.ofertas span {
	display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
	font-size: 10%;	
}

/* Estilos para la zona de contenidos ------------------------------------------------------------------------*/
#contenidos {
	width: 360px;
	margin: 0px 0px 0px 0px;
	padding: 0px 200px 0px 0px;
	float: left;		
}
* html #contenidos { 
	\width: 560px;
	w\idth: 360px;
	margin: 0px 0px 0px 0px;
	padding: 0px 200px 0px 0px;	
	float: left;		
}

#contenidos p {
	font-size: 80%;	
	color:#214E7C;
}

/*Copy y panel de control de ofertas*/
#copy {
	width: 582px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	float: left;
}
#copy  h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: normal;
	color: #214E7C;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;	
}
#copy p {
	font-size: 71%;	
	color:#214E7C;
}


/*decocoración*/
#decoracion{
	width: 533px;	
	margin: 0px 0px 0px 11px;
	padding: 0px;
	float: left;		
}
* html #decoracion{
	\width: 533px;
	w\idth: 533px;	
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;		
}

/* Estilos del pie de pagina ---------------------------------------------------------------------------------*/
.separador {
	width: 100px;
	height: 5px;
	clear: both;
}

/* Estilos para las imagenes ---------------------------------------------------------------------------------*/
.img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.img_izq {
	border: 0px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.img_der {
	border: 0px;
	margin: 0px;
	padding: 0px;
	float: right;
}
.imgdeco {
	border: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;	
}

/*pie*/
#pie {
	width: 350px;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 202px;
	float: left;
}
* html #pie{
	\width: 400px;
	w\idth: 350px;
	margin: 0px 0px 0px 107px;
	padding: 50px 0 0px 0px;
}

#pie p {
	font-size: 75%;	
	color:#214E7C;
}

/* Columnas */
.columna {
	width: 160px;
	margin: 0px 15px 0px 0px;	
	float: left;
}
* html .columna {
	width: 175px;
	margin: 0px 5px 0px 0px;	
	float: left;
}
.columna360{
	width: 360px;
	margin: 35px 15px 0px 0px;
	float: left;
	clear: left;
}
.columna2 {
	width: 130px;
	margin: 0px 0px 0px 0px;	
	float: left;
}
* html .columna2 {
	width: 148px;
	margin: 0px 0px 0px 0px;	
	float: left;
}

/*para las fotos de las ofertas*/
.fotooferta {
	width: 200px;
	margin: 30px 15px 0px 0px;
	float: left;
}
* html .fotooferta {
	width: 225px;
	margin: 30px 5px 0px 0px;	
	float: left;
}


.separacion {
	clear: left;
}

/*titulos*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: normal;
	color: #214E7C;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	color: #214E7C;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #000000;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*lineas*/
hr {
	color: #214E7C;
}

/*tablas*/
tr.tcabecera {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #214E7C;
}