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

/**************************************************************************
PARÁMETROS GENERALES
***************************************************************************/
* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif, "Arial Black";
	text-decoration: none;
	}

body.open, body.cerrado {
	margin: 0px auto;
	font-size: 9px;
	text-align: center;
	color: #6D6E70;
	}
	body.open {
		background: url(../imagenes/fondo.gif);
		}
	body.cerrado {
		background: url(../imagenes/fondo_close.gif);
		}

img {
	border: 0px;
	}

.fleft {
	float: left;
	}
#estirado {
    width:286px;
    }
.fright {
	float: right;
	}

.limpia {
	clear: both;
	}

li {
	list-style-type: none;
	}

a {
	color: #6D6E70;
	}

p strong {
	color:#6D6E70;
	font-size: 11px;
	}
	p a {
		color:#6D6E70;
		text-decoration: underline;
		}

.big {
	font-size: 15px;
	}

.bordeT {
	border-top: #4d4b4a dashed 1px;
	}

.bordeB {
	border-bottom: #4d4b4a dashed 1px;
	}

/**************************************************************************
ESTRUCTURA
***************************************************************************/
#main {
	width: 810px;
	margin: 10px auto 0px auto;
	padding: 20px 20px 7px 20px;
	text-align: left;
	background-color: #FFFFFF;
	}
	#logo {
		float: right;
		width: 275px;
		height: 110px;
		}
	#sidebarleft {
		padding: 10px 0px 0px 0px;
		float: left;
		width: 136px;
		}
	#corporate {
		margin: 10px 0px 0px 0px;
		}
	#container {
		float: left;
		width: 673px;
		margin-top:10px;
		}
	ul#footer {
		width: 810px;
		margin: 0px auto 0px auto;
		text-align: left;
		background-color:#FFFFFF;
		padding: 5px 20px 5px 20px;
		}
		ul#footer li {
			font-size: 8px;
			display: inline;
			font-weight: bold;
			color: #BCBEC0;
			}
			ul#footer li a {
				color: #BCBEC0;
				}

/**************************************************************************
HEADER
***************************************************************************/
ul#ciudades {
	float: left;
	padding: 0px 15px 10px 0px;
	width: 125px;
	}
	.hoteles ul {
		height: 15px;
		_height: 16px;
		padding: 0px 0px 0px 0px;

		}
	ul#ciudades li {
		font-size: 13px;
		height: 15px;
		font-weight: bold;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}
		.hoteles ul li {
			height: 15px;
			font-size: 9px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			vertical-align:middle;
			}
		ul#ciudades li a.active, ul#ciudades li a:hover, ul#lang li a.active, ul#lang li a:hover, .hoteles ul li a:hover, ul.menu li a:hover, ul.menu li a.active {
			color: #999998;
			}
		ul#ciudades li a.verde, li.verde {
			color: #8fbd00;
			}
	.hoteles {
		width: 370px;
		margin-top: 2px;
		}
	.hoteles ul li.masdeuno {
		display: inline;
		}

/**************************************************************************
MENU LANG
***************************************************************************/
ul#lang {
	clear: both;
	padding: 37px 0px 0px 0px;
	}
	ul#lang li {
		float: right;
		}

/**************************************************************************
RESERVAS ONLINE
***************************************************************************/
.reservasonline {
	width: 810px;
	padding: 5px 0px 8px 0px;
	}
	.reservas {
		width: 660px;
		height: 15px;
		}
		.reservas span {
			font-size: 12px;
			margin: 0px 8px 0px 0px;
			}
		.reservas label {
			margin: 0px 5px 0px 5px;
			}
		.hotel {
			width: 160px;
			border: #c8c7c7 solid 1px;
			font-size: 9px;
			}
		.entrada {
			width: 56px;
			border: #c8c7c7 solid 1px;
			height: 13px;
			padding-top: 3px;
			font-size: 9px;
			}
		.noches {
			border: #c8c7c7 solid 1px;
			font-size: 9px;
			width: 40px;
			}

.ok, .entrada, .reservas img, .hotel, .reservas span, .noches, .newsletter {
	vertical-align: middle;
	}

.newsletterForm {
	width: 150px;
	text-align: right;
	}
	.newsletter {
		border: #c8c7c7 solid 1px;
		height: 13px;
		padding-top: 3px;
		font-size: 9px;
		}
	.ok {
		margin: 0px 0px 0px 5px;
		}
	.avisarNewsletter {
		width: 160px;
		}

/**************************************************************************
TRACKING
***************************************************************************/
ul.tracking {
	padding: 5px 0px 0px 0px;
	}
	ul.tracking li {
		float: left;
		padding-right:4px;
		}

/**************************************************************************
FLASH
***************************************************************************/
.flash {
	margin: 0px 0px 12px 0px;
	}

/**************************************************************************
MENU
***************************************************************************/
#sidebarleft h3 {
	font-size: 12px;
	}
ul.menu li {
	padding: 0px 0px 0px 10px;
	background: url(../imagenes/botones/b_menu.gif) no-repeat;
	font-size: 11px;
	}

/**************************************************************************
ESTRUCTURA CORPORATIVA
***************************************************************************/
#container h2, .columnLeft h2, .columnRight h2, ul.menu li a, ul.menu li, #sidebarleft h3, .reservas span, .big, ul#lang li a, .hoteles ul li a, .reservasonline, ul#ciudades a {
	color: #231F20;
	}
.textReservar {
	width: 610px;
	float: left;
	}
img.reservar {
	padding: 0px 0px 0px 5px;
	}
img.habitaciones {
	padding: 5px 0px 0px 0px;
	}

/**************************************************************************
CONTACTO
***************************************************************************/
.contacto {
	padding: 5px 0px;
	}
	.contacto strong, .contacto strong a {
		font-size: 9px;
		}

/**************************************************************************
OFERTAS
***************************************************************************/
.ofertas {
	padding: 12px 0px 0px 0px;
	}

.gatText {
	float: left;
	padding: 0px 0px 0px 12px;
	}

.subrallado {
    text-decoration: underline;
	}

/**************************************************************************
MODULO HOTELES (CORPORATE)
***************************************************************************/
.moduloHotel {
	padding: 12px 0px 0px 0px;
	}
	.moduloHotel h2 {
		display: inline;
		}
	.moduloHotel strong {
		color: #90BF00;
		font-size: 15px;
		}
	.moduloHotel img {
		float: left;
		margin: 0px 10px 12px 0px;
		}
	.moduloHotel p {
		margin: 0px 0px 8px 0px;
		}

/**************************************************************************
H1 - H2 - H3 - H4 - H5
***************************************************************************/
h2, h3, h4, .situacion strong, ul.galeriaText li, ul.coollinks li, ul.coollinks li a, .gatclubForm, .contacto strong, .contacto strong a  {
	color: #6D6E70;
	}

h2, .gatText h3 {
	font-size: 15px;
	}

h3, h4, h5 {
	font-size: 12px;
	}
	.tituloRevista {
		padding: 4px 0px;
		font-size: 9px;
		}
h5 {
	color: #90bf00;
	}

/**************************************************************************
MAS DE UN HOTEL
***************************************************************************/
.columnLeft, .columnRight {
	float: left;
	width: 399px;
	}
	.columnLeft p, .columnRight p {
		width: 399px;
		}
.columnLeft {
	margin: 0px 12px 0px 0px;
	}
.situacion {
	width: 610px;
	}

/**************************************************************************
SERVICIOS
***************************************************************************/
.columnLeftSide {
	float: left;
	width: 331px;
	margin: 0px 9px 0px 0px;
	}
.columnRightSide {
	float: right;
	width: 331px;
	}
	.columnRightSide P {
		width: 270px;
		}

/**************************************************************************
HABITACIONES
***************************************************************************/
img.galeria {
	margin: 0px 10px 0px 0px;
	padding: 12px 0px 0px 0px;
	}

ul.galeriaText li {
	list-style-type: disc;
	list-style-position: inside;
	}
	span.precio {
		font-size: 12px;
		font-weight: bold;
		}
.habitacionContenedora {
	float: right;
	width: 373px;
	}
.capaContenedora {
	padding: 12px 0px 0px 0px;
	min-height: 130px;
	_height: 130px;
	}
.capaPeque, .last, .capaGaleria, .lastGaleria {
	float: left;
	}
	.capaImg, .capaBola, .capaPeque, .last, .capaGaleria, .lastGaleria {
		width: 58px;
		}
	.capaBola {
		height: 7px;
		width: 58px;
		text-align: center;
		}
	.capaPeque {
		padding: 21px 5px 0px 0px;
		}
	.last {
		padding: 21px 0px 0px 0px;
		}

/**************************************************************************
GALERÍA DE FOTOS
***************************************************************************/
.capaGaleria {
	padding: 0px 5px 0px 0px;
	}
	.lastGaleria {
		padding: 0px 0px 0px 0px;
		}
	img.imgFil  {
		float: left;
		border-right: #4d4b4a dashed 1px;
		padding: 0px 16px 0px 0px;
		}
	img.imgRR {
		float: left;
		padding: 0px 16px 0px 0px;
		}
	.galeriaContenedora {
		margin-bottom: 10px;
		height: 213px;
		}
	.imagenGaleria {
		float: left;
		width: 331px
		}
	.imgGalCo {
		width: 310px;
		float: right;
		}
	.archivosGal {
		float: right;
		width: 315px;
		}
	ul.paginacion {
		padding: 2px 0px 0px 0px;
		}
		ul.paginacion li {
			float: left;
			font-weight: bold;
			}
			ul.paginacion li a {
				color: #6d6e70;
				}
			ul.paginacion li a.active, ul.paginacion li a:hover {
				color: #bcbec0;
				}

/**************************************************************************
REVISTAS
***************************************************************************/
img.revista {
	width: 64px;
	height: 84px;
	}
.revista {
	padding:0px 3px 0px 0px
	}
	.revistaBig {
		padding: 0px 12px 0px 0px;
		}
	.textRevista {
		width: 450px;
		float: left;
		}

/**************************************************************************
CONTACTAR
***************************************************************************/
.contactar, .textArea {
	background-color: #90bf00;
	border: none;
	color: #FFFFFF;
	padding: 0px 0px 0px 5px;
	}
	.contactar {
		width: 329px;
		}
	input.contactar, .textArea {
		font-size: 10px;
		}
	.first {
		margin: 0px 5px 0px 0px;
		}
	.textArea {
		margin: 7px 0px 0px 0px;
		width: 668px;
		height: 100px;
		overflow: auto;
		}
ul.coollinks li a {
	text-decoration: underline;
	}

/**************************************************************************
GAT CLUB
***************************************************************************/
.gatclub {
	padding: 0px 25px 0px 0px;
	}
.gatclubForm {
	float: left;
	width:398px;
	margin: 0px 0px 10px 0px;
	}
	.gatclubForm div {
		width: 112px;
		height: 15px;
		margin: 0px 0px 3px 0px;
		}
	.gatclubIn, .gatclubIn1, .gatclubIn2 {
		height: 15px;
		border: none;
		background-color: #90bf00;
		width: 276px;
		padding: 0px 0px 0px 5px;
		color: #FFFFFF;
		margin: 0px 0px 0px 5px;
		}
	.gatclubIn1 {
		width: 40px;
		}
	.gatclubIn2 {
		width: 170px;
		}
.textGat {
	margin: 0px 0px 0px 0px;
	}
img.merchandgat {
	margin: 0px 10px 0px 0px;
	}
.merchandgatCapa {
	width: 195px;
	margin: 10px 10px 0px 0px;
	}
	.merchandgatCapaLast {
		width: 195px;
		margin: 10px 0px 0px 0px;
		padding: 0px 7px 0px 0px;
		}

	.listCoollinks {
		margin: 0px 40px 0px 0px;
		}

/**************************************************************************
RRHH
***************************************************************************/
.mr16 {
	margin: 0px 16px 0px 0px;
	}
	.rrhh {
		padding: 0px 0px 0px 15px;
		width: 447px;
		border-left: #4d4b4a dashed 1px;
		margin: 0px 0px 30px 0px;
		}
		.rrhhForm {
			width: 447px;
			}
			.rrhhForm div {
				margin: 0px 0px 5px 0px;
				}
			.rrhhForm input, .rrhhForm select {
				margin: 2px 0px 0px 0px;
				}
				.rrhhNormal, .rrhhLittle1, .rrhhLittle2, .rrhhBig {
					height: 13px;
					}
				.selectForm {
					width: 215px;
					border: #c8c7c7 solid 1px;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					font-size: 9px;
					}
			.rrhhLittle1, .rrhhLittle2, .rrhhNormal, .rrhhBig, .rrhhArea {
				border: #c8c7c7 solid 1px;
				font-size: 9px;
				}
				.rrhhNormal {
					width: 215px;
					}
				.rrhhLittle1 {
    				width: 50px;
				}
				.rrhhLittle2 {
				    width: 105px;
				}
			.rrhhBig, .rrhhArea {
				width: 445px;
				}
			.rrhhArea {
				height: 100px;
				overflow: auto;
				margin: 0px 0px 5px 0px;
				}
			.enviar {
				padding: 1px 0px 0px 0px;
				}
.nombreHab { font-weight:normal; }
.lit { font-size: 11px; }
.green { color:#9fc821; font-size:17px; font-weight: bold; margin: 10px 0 0 0; }
.black { color:#000000; font-size:11px; float:left; }
.list404 { margin: 0 0 0 10px; float:left; }
.list404 li { float:left; }
.list404 li a { color: #000000; font-size:11px; }
.separador404 { margin: 0 5px 0 5px; }