@charset "UTF-8";
/* Unchanged */
/* CSS Document for hotelpatilla.com : 2009 : Updated 2009 */
/* Created by QuoBasic Estudi Creatiu www.quobasic.com */



/* GENERAL ::::::::::::::::::::: */

* {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
p {font-size:12px; color:#333333;}

.izq {float:left;}
.der {float:right;}

.lim {clear:both;}

.noview {display:none;}

ul {list-style:none; text-align:left;}

a {text-decoration:none; color:#333333;}
a:hover {color:#999999;}

ul {list-style:none; text-align:left;}

h1 {font-weight:bold; font-size:30px; color:#003366; padding:0 0 15px 0; letter-spacing:-1px; text-align:left;}
h2 {font-size:14px; font-weight:bold; color:#999999; padding:0 0 20px 0;}
h3 {font-size:25px; color:#3361b6; padding:0 0 10px 0;}

.indicadores {color: #7e8ca6; font-weight: bold; font-size: 14px;}
.indicadores a:hover {color: #333366;}

.desde {font-size: 16px; font-weight: bold; color: #3361b6;}

.azul {color: #333366;}




/* LAYOUT :::::::::::::::::::::: */

body {background:url(images/fondo_cabecera.png) top left repeat-x #FFFFFF;}

#contenedor {
	text-align: center;
}

#palmera_down {
	background: url(images/fondo_palmera.png) bottom left no-repeat;
}

#palmera_up {
	background: url(images/fondo_palmera.png) top left no-repeat;
}

#contenido {
	padding:47px 0 0 0;
	width: 950px;
	margin: 0 auto;
	text-align:left;
}

#pie {
	background:url(images/fondo_pie.jpg) top left repeat-x; height:205px;}


/* LOGO :::::::::::::::::::::::: */

#logo {
	padding:71px 0 0 0;
	width:241px;
	height:350px;
	background:url(images/logo_prin.png) top left no-repeat;
}

#datos_logo {
	text-align:right;
	padding: 180px 60px 0 0;
} 


/* MENU :::::::::::::::::::::::: */

#menu {
	text-align: left;
	height: 115px;
}

#menu_prin ul li {float:left; display:block;}

li#inicio a { width:88px; height: 71px; display: block; background: url(images/menu_prin_01.png) no-repeat bottom; border: none; }
li#hotel a { width:101px; height: 71px; display: block; background: url(images/menu_prin_02.png) no-repeat bottom; border: none; }
li#restaurante a { width:150px; height: 71px; display: block; background: url(images/menu_prin_03.png) no-repeat bottom; border: none; }
li#entorno a { width:116px; height: 71px; display: block; background: url(images/menu_prin_04.png) no-repeat bottom; border: none; }
li#loca a { width:129px; height: 71px; display: block; background: url(images/menu_prin_05.png) no-repeat bottom; border: none; }
li#contacto a { width:103px; height: 71px; display: block; background: url(images/menu_prin_06.png) no-repeat bottom; border: none; }

li#inicio a:hover { width:88px; height: 71px; display: block; background: url(images/menu_prin_01.png) no-repeat top; border: none; }
li#hotel a:hover { width:101px; height: 71px; display: block; background: url(images/menu_prin_02.png) no-repeat top; border: none; }
li#restaurante a:hover { width:150px; height: 71px; display: block; background: url(images/menu_prin_03.png) no-repeat top; border: none; }
li#entorno a:hover { width:116px; height: 71px; display: block; background: url(images/menu_prin_04.png) no-repeat top; border: none; }
li#loca a:hover { width:129px; height: 71px; display: block; background: url(images/menu_prin_05.png) no-repeat top; border: none; }
li#contacto a:hover { width:103px; height: 71px; display: block; background: url(images/menu_prin_06.png) no-repeat top; border: none; }

li#inicio .here { width:88px; height: 71px; display: block; background: url(images/menu_prin_01.png) no-repeat top; border: none; }
li#hotel .here { width:101px; height: 71px; display: block; background: url(images/menu_prin_02.png) no-repeat top; border: none; }
li#restaurante .here { width:150px; height: 71px; display: block; background: url(images/menu_prin_03.png) no-repeat top; border: none; }
li#entorno .here { width:116px; height: 71px; display: block; background: url(images/menu_prin_04.png) no-repeat top; border: none; }
li#loca .here { width:129px; height: 71px; display: block; background: url(images/menu_prin_05.png) no-repeat top; border: none; }
li#contacto .here { width:103px; height: 71px; display: block; background: url(images/menu_prin_06.png) no-repeat top; border: none; }


#menu_hotel ul {padding:0 0 0 29px;}
#menu_hotel ul li {float:left; display:block;}


.book {font-size: 10px; text-align: center; padding: 5px 0 0 25px;}

li#hab a { width:95px; height: 40px; display: block; background: url(images/menu_hotel_01.png) no-repeat top; border: none; }
li#servicios a { width:85px; height: 40px; display: block; background: url(images/menu_hotel_02.png) no-repeat top; border: none; }
li#reservas a { width:84px; height: 40px; display: block; background: url(images/menu_hotel_03.png) no-repeat top; border: none; }
li#ofertas a { width:72px; height: 40px; display: block; background: url(images/menu_hotel_04.png) no-repeat top; border: none; }
li#librov a { width:114px; height: 40px; display: block; background: url(images/menu_hotel_05.png) no-repeat top; border: none; }

li#hab a:hover { width:95px; height: 40px; display: block; background: url(images/menu_hotel_01.png) no-repeat bottom; border: none; }
li#servicios a:hover { width:85px; height: 40px; display: block; background: url(images/menu_hotel_02.png) no-repeat bottom; border: none; }
li#reservas a:hover { width:84px; height: 40px; display: block; background: url(images/menu_hotel_03.png) no-repeat bottom; border: none; }
li#ofertas a:hover { width:72px; height: 40px; display: block; background: url(images/menu_hotel_04.png) no-repeat bottom; border: none; }
li#librov a:hover { width:114px; height: 40px; display: block; background: url(images/menu_hotel_05.png) no-repeat bottom; border: none; }

li#hab .here { width:95px; height: 40px; display: block; background: url(images/menu_hotel_01.png) no-repeat bottom; border: none; }
li#servicios .here { width:85px; height: 40px; display: block; background: url(images/menu_hotel_02.png) no-repeat bottom; border: none; }
li#reservas .here { width:84px; height: 40px; display: block; background: url(images/menu_hotel_03.png) no-repeat bottom; border: none; }
li#ofertas .here { width:72px; height: 40px; display: block; background: url(images/menu_hotel_04.png) no-repeat bottom; border: none; }
li#librov .here { width:114px; height: 40px; display: block; background: url(images/menu_hotel_05.png) no-repeat bottom; border: none; }

#menu_restaurante {height: 40px; width: 560px;}
#menu_restaurante ul {margin:0 0 0 29px;}
#menu_restaurante ul li {float:left; display:block;}

li#hab a { width:95px; height: 40px; display: block; background: url(images/menu_hotel_01.png) no-repeat top; border: none; }
li#servicios a { width:85px; height: 40px; display: block; background: url(images/menu_hotel_02.png) no-repeat top; border: none; }
li#reservas a { width:84px; height: 40px; display: block; background: url(images/menu_hotel_03.png) no-repeat top; border: none; }
li#ofertas a { width:72px; height: 40px; display: block; background: url(images/menu_hotel_04.png) no-repeat top; border: none; }

li#hab a:hover { width:95px; height: 40px; display: block; background: url(images/menu_hotel_01.png) no-repeat bottom; border: none; }
li#servicios a:hover { width:85px; height: 40px; display: block; background: url(images/menu_hotel_02.png) no-repeat bottom; border: none; }
li#reservas a:hover { width:84px; height: 40px; display: block; background: url(images/menu_hotel_03.png) no-repeat bottom; border: none; }
li#ofertas a:hover { width:72px; height: 40px; display: block; background: url(images/menu_hotel_04.png) no-repeat bottom; border: none; }

li#hab .here { width:95px; height: 40px; display: block; background: url(images/menu_hotel_01.png) no-repeat bottom; border: none; }
li#servicios .here { width:85px; height: 40px; display: block; background: url(images/menu_hotel_02.png) no-repeat bottom; border: none; }
li#reservas .here { width:84px; height: 40px; display: block; background: url(images/menu_hotel_03.png) no-repeat bottom; border: none; }
li#ofertas .here { width:72px; height: 40px; display: block; background: url(images/menu_hotel_04.png) no-repeat bottom; border: none; }



/* CONTENIDOS :::::::::::::::::: */

#textos {
	width:678px;
	text-align:justify;
}

#slide {
	width:640px;
	height:360px;
	padding:0;
}

#texto {
	padding:15px 0 40px 15px;
	width:640px;
}

#barra_sep {
	background: url(images/barra_sep.png) top center no-repeat;
	width:640px;
	height:36px;
	
} 

#oferta {
	padding: 0 0 15px 0;
	margin-bottom: 40px;
	border-bottom:solid #999999 1px;
	width:640px;
}

#foto_ofer {
	width:106px;
	height:106px;
	padding:9px;
	background: url(images/marco_fotos_ofer.png) top left no-repeat;
}

#texto_ofer {
	width:470px;
}

#enlaces_ofer {}

#indic_info {
	background: url(images/indicador_ofer.png) center left no-repeat;
	padding: 0 0 0 18px;
}

#indic_reser {
	background: url(images/indicador_ofer.png) center left no-repeat;
	padding: 0 0 0 18px;
}

#indic_reser_ofer {
	background: url(images/indicador_ofer.png) center left no-repeat;
	padding: 0 0 0 18px;
	margin: 0 0 50px 30px;
}

#comentarios {
	padding: 0 0 15px 18px;
	margin: 0 0 30px 0;
	width: 350px;
	border-bottom: solid #999999 1px;
}

#comentarios ul li {
	float: left;
	display:block;
}


/* FORMULARIO ::::::::::::::::::::: */

#registro {width:550px; background-color:#FFFFFF;}
#registro fieldset {padding:20px 20px; border: none;}
#registro legend {font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color:#333333; padding:0 5px;}
#registro p label {font:bold 12px Geneva, Arial, Helvetica, sans-serif; float: left;width: 22%; text-align:right;padding:5px; color: #333333;}
#registro p br {clear: left;}
.enviar{margin:3px 0 0 83px;}


/* EL TIEMPO ::::::::::::::::::::: */
div.weat {
	padding: 20px 0 0 65px;
	}


/* PIE ::::::::::::::::::::::::: */
	
#cont_pie {
	width: 950px;
	margin:0 auto;
}

#menu_foot {
	padding: 0 0 0 270px;
}

#menu_foot ul li {
	float:left;
	display:block;
	padding: 15px 0 15px 20px;
}

#datos_foot {
	padding: 0 0 0 140px;
}

#logo_datos_foot {
	float:left;
	padding: 0 30px 0 0;
	
}

#datos_datos_foot {
	float: left;
}


#menu_legal {
	padding: 0 0 0 270px;
}


#menu_legal ul {
	padding: 15px 0 10px 12px;}


#menu_legal ul li {
	float:left;
	display:block;
	padding: 5px;
}


#libro {
	padding: 0 0 30px 18px;
}

#privacidad {
	position:absolute;
	width:495px;
	height:200px;
	z-index:1;
	overflow: scroll;
}
	
/* FIRMA ::::::::::::::::::::::: */
.firma {font-size: 9px; color: #999999; padding: 10px 0 10px;}