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

/*
	www.guesthousealicia.com
	Tabla de contenidos:
		Globales
		Layout
			- 
			- 
			- 
*/

/* Globales
-------------------------------------------------- */

* {
	padding: 0;
	margin: 0
}

body {	
	font-size: 62.5%;
	font-family: Arial, Helvetica, Verdana, Tahoma,sans-serif;
	color: #333;
	line-height: normal;
	background: #1F2F5A url(../images/bg_web.png) left top repeat-x;
	text-align: center
}

a {
	color: #666;
	text-decoration: none
}

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

a img  {
	border: none 0
}

h1 span,h2 span,h3 span,h4 span {
	display: none
}

/* Layout
-------------------------------------------------- */

#wrapper {
	background: url(../images/bg_top.png) center top no-repeat;
	width: 100%
}

/* Contenedores
------------------------- */

#container-content {
	background: url(../images/bg_bot.png) center bottom no-repeat;
	width: 100%
}

#container-footer {
	width: 100%
}

/* Cajas
------------------------- */

#header {
	width: 980px;
	margin: 0 auto
}

#content {
	width: 980px;
	padding: 30px 0;
	margin: 0 auto
}

#leftside {
	width: 300px;
	float: left;
	padding: 32px 0 0
}

#rightside {
	text-align: left;
	width: 630px;
	float: left;
}

.portada {
	padding: 0 0 0 50px
}

/* Navegacion
-------------------------------------------------- */

/* Menu
------------------------- */

/* Contenidos
-------------------------------------------------- */

/* Izquierda
------------------------- */

img#logotipo {
	float: left;
	margin: 0 0 0 20px
}

img#wifi {
	float: left;
	margin: 0 0 0 43px
}

/* Derecha
------------------------- */

div#bannerflash {
	width: 480px;
	position: absolute;
	z-index: 1;
	top: 20px
}

object#bannerhome {
	float: left;
	margin: 0 30px 0 60px
}

div#caja_texto {
	background: url(../images/bg_texto.png) center top no-repeat;
	width: 430px;
	height: 306px;
	padding: 185px 0 0 50px;	
	position: absolute;
	top: 175px;
	z-index: 10
}

div#caja_texto h1 {
	font-size: 2.0em;
	color: #FFD911;
	text-align: left;
	width: 360px;
	margin: 0 0 50px 40px
}

div#caja_texto p {
	font-size: 1.3em;
	color: #0C1D4C;
	text-align: left;
	width: 360px;
	margin: 10px 10px 10px 30px
}

div#caja_texto p.direccion {
	font-size: 1.1em;
	color: #FFF;
	width: 420px;
	margin: 80px 0 0
}

div#caja_texto p.direccion a,p.direccion2 a {
	color: #FFF;
	text-decoration: underline
}

div#caja_texto p.direccion a:hover,p.direccion2 a:hover {
	color: #FFF;
	text-decoration: none
}

div#caja_texto p.homelidays {
	font-size: 1.1em;
	color: #FFD911;
	width: 420px;
	margin: 10px 0 0
}

div#caja_texto p.homelidays a {
	color: #FFD911;
	text-decoration: underline
}

div#caja_texto p.homelidays a:hover {
	color: #FFD911;
	text-decoration: none
}

div#rightside div.texto {
	width: 630px;
	float: left
}

div.servicios#rightside div.texto,div.contacto#rightside div.texto,div.links#rightside div.texto {
	width: 375px;
	float: left
}

div#rightside div.texto h2 {
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	margin: 40px 0 20px
}

h2#ti_servicios {
	background-image: url(../images/head_servicios.png);
	width: 286px;
	height: 61px
}

div#rightside div.texto h3 {
	background-position: left top;
	background-repeat: no-repeat;
	height: 20px;
	float: left;
	clear: both
}

h2#ti_galeria {
	background-image: url(../images/head_galeria.png);
	width: 222px;
	height: 65px
}

h3#habitaciones {
	background-image: url(../images/ti_habitaciones.png);
	width: 105px
}

h3#interiores {
	background-image: url(../images/ti_interiores.png);
	width: 75px
}

h3#exteriores {
	background-image: url(../images/ti_exteriores.png);
	width: 80px
}

div#rightside div.texto h4 {
	background-position: left top;
	background-repeat: no-repeat;
	height: 20px;
	float: left;
	clear: both
}

h4#banoprivado {
	background-image: url(../images/ti_banoprivado.png);
	width: 175px
}

h4#terrazabanoprivado {
	background-image: url(../images/ti_terrazabanoprivado.png);
	width: 235px
}

h4#cuadruple {
	background-image: url(../images/ti_cuadruple.png);
	width: 130px
}

h4#otras {
	background-image: url(../images/ti_otras.png);
	width: 630px
}

h2#ti_ubicacion {
	background-image: url(../images/head_ubicacion.png);
	width: 319px;
	height: 65px
}

div#rightside div.texto div#gmaps {
	width: 390px;
	height: 290px;
	float: left;
	margin: 0 9px 0 0;
	border: solid 4px #FFF
}

h3#llegar {
	background-image: url(../images/ti_llegar.png);
	width: 100px;
	height: 25px !important
}

h4#estaciones {
	background-image: url(../images/ti_estaciones.png);
	width: 330px
}

h4#aeropuerto {
	background-image: url(../images/ti_aeropuerto.png);
	width: 140px
}

h2#ti_precios {
	background-image: url(../images/head_precios.png);
	width: 236px;
	height: 61px
}

h2#ti_apartamentos {
	background-image: url(../images/head_apartamentos.png);
	width: 476px;
	height: 81px
}

h2#ti_contacto {
	background-image: url(../images/head_contacto.png);
	width: 311px;
	height: 62px
}

h2#ti_links {
	background-image: url(../images/head_links.png);
	width: 150px;
	height: 65px
}

div#rightside div.texto p {
	font-size: 1.3em;
	color: #FFF;
	text-align: justify;
	width: 630px;
	float: left;
	clear: both;
	margin: 10px 0
}

div.servicios#rightside div.texto p,div.contacto#rightside div.texto p,div.links#rightside div.texto p {
	width: 375px
}

div#rightside div.texto p a {
	color: #FFF;
	text-decoration: underline
}

div#rightside div.texto p a:hover {
	color: #FFF;
	text-decoration: none
}

p.direccion2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #FFF;
	width: 630px;
	float: left;
	clear: both;
	margin: 20px 0
}

object#bannerserv {
	width: 235px;
	float: left;
	margin: 120px 0 10px 20px
}

img.ambiente {
	background: url(../images/bg_fotam.png) left top no-repeat;
	float: left;
	padding: 10px;
	margin: 120px 0 10px 20px
}

img.mascotas {
	float: left
}

img#conejito {
	float: right
}

img#alicia {
	float: right
}

img#gato {
	clear: left
}

/* Listas
-------------------------------------------------- */

/* Menú
------------------------- */

ul#menupal {
	background-image: url(../images/bg_menu.png);
	width: 172px;
	height: 193px;
	float: left;
	padding: 60px 0 0 53px;
	margin: 32px auto;
	list-style: none
}

ul#menupal li {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #0C1D4C;
	background: url(../images/bg_ul.png) left bottom no-repeat;
	text-align:left;
	width: 148px;
	float: left;
	padding: 0 0 3px;
	margin: 0 0 8px;
}

ul#menupal li.ultimo {
	background: none
}

ul#menupal li a {
	color: #0C1D4C;
	text-decoration: none
}

ul#menupal li a:hover {
	color: #434759
}

/* Servicios
------------------------- */

div.servicios#rightside div.texto ul,div.links#rightside div.texto ul {
	width: 300px;
	float: left;
	clear: left;
	margin: 15px 0 15px 15px;
	list-style: none
}

div.servicios#rightside div.texto ul li,div.links#rightside div.texto ul li {
	font-size: 1.2em;
	color: #FFF;
	text-align: left;
	margin: 5px 0;
	list-style-image: url(../images/vg_servi.png);
	list-style-position: outside
}

div.links#rightside div.texto ul li a {
	font-weight: bold;
	color: #FFD911
}

div.links#rightside div.texto ul li a:hover {
	color: #FFF
}

/* Galería
------------------------- */

ul.miniaturas {
	width: 630px;
	float: left;
	clear: left;
	margin: 0 0 10px;
	list-style: none
}

ul.miniaturas#reducida {
	width: 400px;
	float: left;
	clear: left;
	list-style: none
}

ul.miniaturas li {
	float: left;
	margin: 3px;
	list-style-image: none
}

ul.miniaturas li a img {
	background-image: url(../images/bg_minia.png);
	border: solid 2px #717EA1
}

ul.miniaturas li a:hover img {
	border: solid 2px #FFF
}

/* Precios
------------------------- */

div.precios#rightside div.texto ul {
	width: 600px;
	float: left;
	clear: left;
	margin: 0 0 0 15px;
	list-style: none
}

div.precios#rightside div.texto ul li {
	font-size: 1.2em;
	color: #FFF;
	text-align: left;
	margin: 5px 0;
	list-style-image: url(../images/vg_servi.png);
	list-style-position: outside
}

/* Apartamentos
------------------------- */

div.apartamentos#rightside div.texto ul {
	width: 600px;
	float: left;
	clear: left;
	margin: 20px 0 20px 15px;
	list-style: none
}

div.apartamentos#rightside div.texto ul li {
	float: left;
	clear: both;
	width: 600px;
	margin: 0 0 15px
}

div.apartamentos#rightside div.texto ul li img {
	background: url(../images/bg_fotap.png) left top no-repeat;
	padding: 3px;
	margin: 0 10px 0 0;
	float: left
}

div.apartamentos#rightside div.texto ul li p {
	font-size: 1.2em;
	width: 500px;
	float: left;
	clear: none;
	margin: 0
}

div.apartamentos#rightside div.texto ul li p strong {
	color: #FFD911
}

/* Contacto
------------------------- */

div.contacto#rightside div.texto form ul {
	display: inline;
	width: 375px;
	float: left;
	clear: left;
	list-style: none
}

div.contacto#rightside div.texto form ul li {
	font-size: 1.2em;
	color: #FFF;
	text-align: left;
	width: 375px;
	float: left;
	clear: both;
	margin: 3px 0;
}

div.contacto#rightside div.texto form ul li label {
	font-size: 1.1em;
	line-height: 20px;
	text-align: left;
	width: 100px;
	float: left;
	margin: 0 4px 0 0
}

div.contacto#rightside div.texto form ul li input.campos190 {
	font-size: 1.1em;
	font-weight: bold;
	color: #0C1D4C;
	background: url(../images/bg_camp1.png) left top no-repeat;
	width: 242px;
	height: 12px;
	float: left;
	padding: 4px;
	border: none 0;
	outline: none
}

div.contacto#rightside div.texto form ul li input.campos120 {
	font-size: 1.1em;
	font-weight: bold;
	color: #0C1D4C;
	background: url(../images/bg_camp2.png) left top no-repeat;
	width: 112px;
	height: 12px;
	float: left;
	padding: 4px;
	border: none 0;
	outline: none
}

div.contacto#rightside div.texto form ul li select {
	font-size: 1.1em;
	font-weight: bold;
	color: #0C1D4C;
	width: 120px;
	height: 20px;
	float: left;
	border: solid 1px #0C1D4C;
	outline: none
}

div.contacto#rightside div.texto form ul li textarea {
	font-family: Arial, Helvetica, Verdana, Tahoma,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #0C1D4C;
	background: url(../images/bg_area.png) left top no-repeat;
	width: 242px;
	height: 72px;
	float: left;
	padding: 4px;
	border: none 0;
	outline: none
}

/* Tablas
-------------------------------------------------- */

/* Precios
------------------------- */

div.texto table#tb_precios {
	float: left;
	clear: both;
	margin: 20px 0
}

div.texto table#tb_precios p {
	margin: 0
}

div.texto table#tb_precios th.nobackg p,div.texto table#tb_precios th.nobackg p span {
	background: none
}

div.texto table#tb_precios th {
	width: 72px
}


div.texto table#tb_precios th p {
	font-size: 1.0em;
	font-weight: bold;
	color: #FFF;
	background: #717EA1 url(../images/bg_tdha2.png) center bottom no-repeat;
	text-align: center;
	width: 72px;
	float: left;
	margin: 0 2px 4px
}

div.texto table#tb_precios th p span {
	background: url(../images/bg_tdha1.png) center top no-repeat;
	width: 56px;
	float: left;
	padding: 8px
}

div.texto table#tb_precios td.temporada {
	width: 72px
}

div.texto table#tb_precios td.temporada p {
	font-size: 1.0em;
	font-weight: bold;
	color: #FFD911;
	background: #717EA1 url(../images/bg_tdha2.png) left bottom no-repeat;
	text-align: center;
	width: 72px;
	float: left;
	margin: 0 2px 4px 0
}

div.texto table#tb_precios td.temporada p span {
	background: url(../images/bg_tdha1.png) left top no-repeat;
	width: 56px;
	float: left;
	padding: 8px
}

div.texto table#tb_precios td.euros {
	width: 72px
	
}

div.texto table#tb_precios td.euros p {
	font-size: 1.1em;
	font-weight: bold;
	color: #0C1D4C;
	background: url(../images/bg_tdpr2.png) left bottom repeat-x;
	text-align: center;
	width: 72px;
	float: left;
	margin: 0 2px
}

div.texto table#tb_precios td.euros p span {
	background: url(../images/bg_tdpr1.png) left top repeat-x;
	width: 56px;
	float: left;
	padding: 8px
}

/* Paginas
-------------------------------------------------- */

div.paginacion {
	font-size: 0.9em;
	font-weight: bold;
	line-height: normal;
	background: url(../images/bg_falno.png) left top no-repeat;
	display: inline;
	width: 788px;
	height: 40px;
	float: left;
	clear: both;
	list-style: none;
}

div.paginacion ul {
	float: right;
	margin: 0 20px;
	list-style: none
}

div.paginacion ul li {
	float: left
}

div.paginacion ul li a {
	color: #FFF;
	text-decoration: none;
	background-color: #7C6520;
	display: block;
	padding: 2px 4px;
	margin: 0 2px;
	border: solid 1px #7C6520
}

div.paginacion ul li a:hover {
	color:#FFF;
	background-color: #463912;
	border: solid 1px #463912
}

div.paginacion ul li.current {
	color: #7C6520;
	background-color: #FFF;
	padding: 2px 4px;
	margin: 0 2px;
	border: solid 1px #7C6520
}

/* Botones de imagen doble varios
-------------------------------------------------- */

a.botones {
	text-decoration: none;
	display: block
}

a.botones:hover {
	text-decoration: none;
	background-position: bottom
}

a.botones span {
	display: none
}

.activo {
	text-decoration: none;
	background-position: bottom
}

/* Submits
------------------------- */

input.submits {
	background: no-repeat left top;
	border: none 0
}

input.submits:hover {
	background-position: bottom;
	cursor: pointer
}

/* Identificadores de botones
-------------------------------------------------- */

/* Menú principal
------------------------- */

#identificador {
	background-image: url(../images/bt_men01.png);
}

/* Utilidades
------------------------- */

#english {
	background-image: url(../images/bt_eng.png);
	width: 40px;
	height: 50px;
	float: right;
	margin: 0 10px 0 0
}

#espanol {
	background-image: url(../images/bt_esp.png);
	width: 40px;
	height: 50px
}

/* Contacto
------------------------- */

#enviar {
	font-size: 1.0em;
	line-height: 24px;
	text-align: center;
	background-image: url(../images/bt_envia.png);
	width: 80px;
	height: 24px;
	float: left
}

/* General
------------------------- */

a.acciones,a.acciones:hover {
	font-size: 1.2em;
	color: #0C1D4C;
	line-height: 24px;
	text-align: center;
	background-image: url(../images/bt_envia.png);
	width: 80px;
	height: 24px;
	float: left
}

/* Recurrentes
-------------------------------------------------- */

.rgb1 {
	color: #252E10
}

.rgb2 {
	color: #78C125
}

.rgb3 {
	color: #5BA31F
}

.izq {
	float: left
}

.der {
	float: right
}

.disnone {
	display: none
}

.limpizq {
	clear: left
}

.reset {
	clear: both
}

.oculto {
	display: none
}

.noconte {
	line-height: 10px;
	height: 10px
}

.nobg {
	background: none
}

.noborde {
	border: none 0
}

/* Otras aportaciones
-------------------------------------------------- */