/*
============================================================================
 Hoteles RH : ESTILOS GENERALES
============================================================================
*/
body{
	background: #C6E0EA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #666;
	background-image: url(../imgLib/fnd-web.gif);
	background-repeat: repeat-x;
	padding-top:5px;
}
#web {
	width: 874px;
	margin-left: auto;
	margin-right: auto;
}
a img{
	border: 0;
}
h1{
	font-size: 22px;
	color: #933;
}
h2{
	color: #933;
	font-size: 16px;
}
/*
============================================================================
 Hoteles RH : SOBRECABECERA GENERICA
============================================================================
*/
#masterTitle {
    position:absolute;
    top:-1000px;
    width:500px;
    overflow:hidden;
}
#idiomas {
	float: left;
	width: 430px;
}
#idiomas ul{
	margin: 15px 0 15px 5px;
	padding: 0;
}
#idiomas ul li{
	list-style: none;
	float: left;
	margin-right: 14px;
}
p#tfno-reservas{
	float: left;
	padding-left: 20px;
	background: url(../imgLib/tfno-reserva.gif) no-repeat;
	font-weight: bold;
	font-size: 120%;  
	color: #A9CFEC;
	margin: 15px 0 15px 5px;
	width: 260px;
}
#logo-hrh {
	margin: 5px 0 15px 0;
	float: right;
	width: 146px;
}
/*
============================================================================
 Hoteles RH : MENU Y SUBMENU DE ENLACES
============================================================================
*/
#menu {
	background-image: url(../imgLib/fnd-menu.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	float: left;
	width: 874px;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}
#menu-principal li {
	display: inline;
	float: left;
	width: 124px;
	height: 58px;	
	padding: 0;
	margin: 0 1px 0 0;
	position:relative;
}
#menu-principal li a { 
	display: inline;
	float: left;
	width: 99px;
	height: 33px;
	background-image: url(../imgLib/fnd-menu-li.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 15px 10px 5px 15px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight:bold;
	font-size:10px;
}
#menu-principal li a:hover {
	background-image: url(../imgLib/fnd-menu-li-ov.gif);
	background-repeat: no-repeat;	
	padding: 10px 10px 10px 15px;
}
#menu-principal li.activo a {
	background-image: url(../imgLib/fnd-menu-li-act.gif);
	background-repeat: no-repeat;
	background-repeat: top left;	
	color: #4B6898;
	padding: 10px 10px 10px 15px;
}
#menu-principal li.activo a:hover {
	cursor: default;
	background-image: url(../imgLib/fnd-menu-li-act.gif);
	background-repeat: no-repeat;
	background-repeat: top left;	
	color: #4B6898; 
	padding: 10px 10px 10px 15px;
}
#menu-principal li.ultimo-lista {
	margin-right: 0;
}
#menu ul#submenu {
    height:45px;
}
#submenu li {
	display: block;
	float:left;
	background: url(../imgLib/submenu_a_bar.gif) no-repeat right center;
}
#submenu li a {
    display:block;
	color: #fff;
	text-decoration: none;
	font-size: 110%;
	line-height:45px;
	vertical-align:middle;
	margin:0px 12px 0px 12px;
}
#submenu li a:hover {
    color:#FFFF99;
}
#submenu li.ultimo-lista {
	background: none;
}
#submenu li a.activo, #submenu li a.activo:hover {
	font-weight: bold;
	color: #4B6898;
	background: url(../imgLib/submenu_a_sel.gif) no-repeat center bottom;
}
/*
============================================================================
 Hoteles RH : CONTENIDO CENTRAL
============================================================================
*/
#contenido {
	width: 554px;
	float: left;
}
#contenido h1 {
	color: #9C3939;
	font-size: 180%;
	margin-left: 22px;	
	padding-top: 30px;
	padding-bottom: 15px;
	font-weight: normal;
	margin-top: 0;
	clear: both;
}
#contenido h2 {
	color: #9C3939;
	font-size: 150%;
	margin-left: 22px;	
	font-weight: bold;
	clear: both;
	margin-top: 0;
	padding-top: 12px;
	padding-bottom: 15px;
}
#contenido h3 {
	color: #999;
	font-size: 120%;
	margin-left: 22px;	
	font-weight: bold;
	clear: both;
	margin-top: 0;
	padding-top: 12px;
	padding-bottom: 15px;
}
#contenido p {
	margin-left: 40px;
	margin-right: 20px;
	margin-bottom:15px;
}
#contenido ul {
	margin: 0 0 0 40px;
	padding: 0;
	list-style: none;
}
#contenido li {
	padding-left: 20px;
	background-image: url(../imgLib/bullet-li-tiempo.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	margin-bottom: 5px;
	list-style-position: outside;
	float: left;
	width: 230px; 
}
/*
============================================================================
 Hoteles RH : CONTENIDO CENTRAL : CABECERA DE FOTO PRINCIPAL Y FOTOGRAFÍAS
============================================================================
*/
#cabecera {
	width: 554px;
	float: left;
	padding-bottom: 13px;
}

#cabecera p {
	color: #91BDDC;	
	margin: 12px 0 0 12px;
	float: left;
	width: 542px;
	display: inline;
}
#cabecera p a {
	color: #C1DAEC;
}
#cabecera p a:hover {
	color: #FFF;
	text-decoration:none;
}
#cabecera ul {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}
#cabecera ul li {
	float: left;
	margin: 0 0 0 10px;
	display: inline;
	background-image: none;
	padding: 0;
	width: auto;
}
#cabecera ul li a {
	 padding: 3px;
     margin:1px 0px 0px 1px;
     background-color: #FFF;
     border:1px solid #8DBFFC; 
     border-bottom: 1px solid #000;
     border-right: 1px solid #000;
     display: block;
}
#cabecera ul li a:hover {
    margin:1px 0px 0px 1px;
	border: 1px solid #fff;
}
#cabecera ul li a.clicked {
    margin:0px!important;
	border-top: 1px solid #000!important;
	border-left: 1px solid #000!important;
	border-bottom: 1px solid #607BB2!important;
	border-right: 1px solid #607BB2!important;
}
#cabecera ul li a.clicked:hover {
    margin:0px!important;
	border: 1px solid #9EE0F6!important;
}
/*
============================================================================
 Hoteles RH : CONTENIDO CENTRAL : INFORMACION DE GALARDONES EN TEXTO
============================================================================
*/
#contenido p.calidad {
	font-weight: bold;
	clear: both;
	margin-top: 0;
	padding-top: 30px;
}
#contenido img.calidad {
	margin: 10px 0 10px 40px;
}
/*
============================================================================
 Hoteles RH : CONTENIDO CENTRAL : DESCARGAS
============================================================================
*/
#contenido div.descargas ul{
	margin: 0 0 0 40px;
	padding: 0;
}
#contenido div.descargas ul li{ 
	list-style: none;
	font-size: 110%;
	padding: 0 0 0 20px;
	margin-bottom: 13px;
	float: none;
	width: 470px;
}
#contenido div.descargas ul li.pdf  {
    background: url(../imgLib/pdf.gif) no-repeat;
} 
#contenido div.descargas ul li.doc {
    background: url(../imgLib/doc.gif) no-repeat;
} 
#contenido div.descargas ul li a {
	color: #474A86;
	text-decoration: none;
	text-decoration: underline;
	margin-left: 3px;
}
#contenido div.descargas ul li a:hover 
{
    color:#900;
}
/*
============================================================================
 Hoteles RH : CONTENIDO CENTRAL : COMO LLEGAR
============================================================================
*/
#contenido h2#titular-comollegar{
	color: #548FC0;
	font-size: 180%;
	margin-left: 22px;
	margin-top: 40px;
	font-weight: normal;
}
div#comollegar{
	background-color: #C6E0EA;
	background-image: url(../imgLib/fnd-como-llegar.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #377DB0;
	padding: 7px 0;
	width: 516px;
	margin-left: 22px;
	margin-bottom: 0;
}
div#comollegar #map {
	margin-left: 6px;
	border:1px solid #FFF;
}
div#comollegar #map p 
{
    margin:0px 0px 5px 3px!important;
    font-size:12px!important;
    color:#666;
}
div#comollegar #map .infoWindowText{ font-size:11px; font-weight:bold; color:#377DB0!important; }
div#comollegar p {
	margin:12px;
}
div#comollegar a {
	color: #377DB0;	
}
div#comollegar div#shuttle-direct {
	padding-bottom: 10px;
}
div#comollegar div#shuttle-direct img {
	float: left;
	margin-right: 6px;	
	border:none;
}
div#comollegar div#shuttle-direct p {
	padding-top: 7px;
}
#contenido ul#recomendadas {
	margin: 0 0 0 22px;
	padding: 0;	
}
#contenido ul#recomendadas li {
	padding: 0;
	margin: 0;
	float: left;
	width: 129px;
}
#contenido ul#recomendadas li a {
	margin: 0;
	padding: 0;
}
/*
============================================================================
 Hoteles RH : REMATE DE PAGINA
============================================================================
*/
div#final-area{
	background: url(../imgLib/footer_bg.jpg) repeat-x left bottom;
	clear:both;
	overflow:auto;
}
div#newsletter-congresos{
	width: 874px;
	margin-left: auto;
	margin-right: auto;
	background: #343362 url(../imgLib/fnd-news-cong.jpg) no-repeat left top;
	padding: 55px 0 30px 0;	
	color: #C6E0EA;
	overflow:auto;
}
div#newsletter-congresos h2{
	font-size: 26px;
	font-family: Trebuchet MS;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	margin-bottom:10px;
}
div#newsletter-congresos p, div#newsletter-congresos label
{
    margin-top:5px;
    margin-bottom:10px;
}
div#newsletter-congresos a:hover
{
    color:#FFF;
    text-decoration:none;
}
/*
============================================================================
 Hoteles RH : REMATE DE PAGINA : NEWSLETTER
============================================================================
*/
div#newsletter{
	width: 340px;
	float: left;
	padding-left: 90px;
}
div#newsletter h2{
	color: #F2C725;
}
div#newsletter p{
	width: 305px;
}
div#newsletter form{
	color: White;
}
div#newsletter fieldset 
{
    border:none;
    padding:0;
    height:120px;
}
div#newsletter form input.texto{
	border: 1px solid white;
	display: block;
	width: 218px;
	height: 20px;
	margin-top: 5px;
	background: url(../imgLib/fnd-input-newsletter.gif) repeat-x;
}
div#newsletter form label#lbl-email, div#newsletter form p{
	font-weight: bold;
}
div#newsletter #error_box {
    display:none; 
    color:#F2DC42;
    margin:10px 0px 10px 0px;
    padding-left:20px;
    padding-top:1px;
    background:url(../imgLib/alert.gif) no-repeat;
}
div#newsletter form div.check{
	margin-bottom: 7px;
}
div#newsletter form div.check input{
	vertical-align: middle;
}
div#newsletter form div.check label{
	vertical-align: middle;
	padding-left: 5px;
}
/*div#newsletter form input.boton{
	margin: 8px 0 13px 0;
}*/
#suscribeButton{
	margin: 8px 0px 13px 0px;
	width:104px;
	height:38px;
	background:transparent url(../imgLib/btn-suscribir.gif) no-repeat!important;
	border:none;
	font-size:11px;
	font-family:Arial, Sans-Serif, Verdana;
	display:block;
	text-align:center;
	line-height:38px;
	font-weight:bold;
	color:#AA0000;
}

#ajaxOutput { display:none; height:120px; }
#ajaxOutput p { margin-top:20px!important; }
#ajaxOutput p a { color:#FF3; }
#ajaxOutput p a:hover { color:#FFF; text-decoration:none; }
#ajaxOutput p.loading
{
    background:url(../imgLib/loadgraphic.gif) no-repeat 0px 20px;
    padding-bottom:40px;
    color:#F1D027;
    font-weight:bold;
}
#ajaxOutput p.ajaxError 
{
    padding-right:35px;
    font-weight:normal;
    background:url(../imgLib/error.gif) no-repeat 290px 0px!important;
    color:#FEF0D2!important;
}
#ajaxOutput p.ajaxSuceess 
{
    padding-right:35px;
    font-weight:normal;
    background:url(../imgLib/success.gif) no-repeat right top!important;
    color:#CCF461!important;
}
p#link-desuscribir{
	background: url(../imgLib/desuscribir.gif) no-repeat 0 11px;
	padding: 10px 0 40px 25px;
	color: #ccc;
	margin: 0;
}
p#link-desuscribir a{
	color: #ccc;
}
/*
============================================================================
 Hoteles RH : REMATE DE PAGINA : CONGRESOS
============================================================================
*/
div#congresos{
	width: 316px;
	padding-left: 100px;
	float: left;
}
div#congresos h2{
	color: #00CCFF;
}
div#congresos a{
	color: #C6E0EA;
}
div#congresos ul{
	margin: 20px 0;
	padding: 0;
}
div#congresos li{
	list-style: none;
	padding-left: 15px;
	background: url(../imgLib/bullet-congresos.gif) no-repeat 0 2px;
	margin-bottom: 2px;
}
/*
============================================================================
 Hoteles RH : PIE DE PAGINA
============================================================================
*/
div#pie{
	width: 874px;
	margin-left: auto;
	margin-right: auto;
	padding: 13px 0 13px 0;
	background: black url(../imgLib/fnd-pie.jpg) top left no-repeat;
	overflow:auto;
}
div#pie a{
	color: #B0BFD9;
	text-decoration: none;
}
div#pie a:hover{
	color: #00CCFF;
	text-decoration: underline;
}
div#pie-enlaces{
	width: 720px;
	float: left;
}
div#pie ul{
	float: left;
	margin: 8px 24px;
	padding: 0;
}
div#pie ul li{
	list-style: none;
	float: left;
	border-right: 1px solid #B0BFD9;
	padding-right: 4px;
	margin-right: 4px;
}
div#pie ul li.ultimolista{
	border: 0;
}
div#pie img{
	float: right;
	margin: 13px 20px 0 0;
}
/*
============================================================================
 Hoteles RH : COLUMNA LATERAL
============================================================================
*/
#extra-contenido{
	float: left;
	width: 100%;
	background: white url(../imgLib/fnd-extra-contenido.jpg) repeat-x;
	padding-bottom: 20px;
}
#extra{
	background: url(../imgLib/fnd-extra-top.gif) no-repeat top left;
	width: 301px;
	padding: 20px 0 0 0;
	float: left;
	margin: 35px 0 0 19px;
	display: inline;
}

#extra ul li a {
	color: #333;
	text-decoration: none;
}
#extra p {
	color: #999999;
}
/*
============================================================================
 Hoteles RH : COLUMNA LATERAL : LOGO Y DATOS DEL HOTEL
============================================================================
*/
#extra #datos {
	width: 260px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 12px;
	margin-left: 25px;
	text-align: center;
}
#extra #datos p {
	margin: 0 0 3px 0;
}
#extra #datos img {
	margin-bottom: 22px;
}
#extra #datos a {
    color:#666;
}
#extra #datos a:hover {
    color:#000;
    text-decoration:none;
}
/*
============================================================================
 Hoteles RH : COLUMNA LATERAL : FORMULARIO DE RESERVAS
============================================================================
*/
#extra #reservas {
	width: 260px;
	padding-bottom: 11px;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 10px;
	margin-left: 25px;
	margin-top: 0;
}
#extra #reservas form {
	margin: 0;
}
#extra #reservas select {
	font-size: 90%;
	width: 40px;
}
#extra #reservas select#mes {
	width: 90px;
}
#extra #reservas label {
	font-weight: bold;
	color: #5272AA; 
	display: block;
	margin-bottom: 6px;
}
#extra #reservas p {
	margin: 15px 0;
}
#extra #reservas p.seguridad {
	padding-left: 37px;
	background-image: url(../imgLib/bullet-seguridad.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 3px;
	clear: both;
	margin-top: 0;
}
#extra #reservas #dia-llegada {
	width: 165px;
	float: left;
}
#extra #reservas #num-noches {
	width: 85px;
	float: left; 
}
#extra #reservas #dia-llegada img {
	vertical-align: top;
}
#extra #reservas #numero {
	width: 120px;
	float: left; 
	margin-top: 20px;
}
#extra #reservas #pax {
	width: 140px;
	float: left; 
	margin-top: 20px;
}
#extra #reservas #pax div {
	display: none;
}
#extra #reservas #pax div label {
	display: inline;
}
#extra #reservas #pax div#hab1 {
	display: block;
}
#extra #reservas #pax div#hab1 label {
	display: none;
}
#extra #reservas div.botones {
	margin-top: 17px;
	float: left;
	width: 265px;
	padding-bottom: 15px;
}
#extra #reservas div.botones input {
	margin-right: 10px;
}
#extra #reservas div.botones input#boton {
	width:136px;
	height:35px;
	display:block;
	text-align:center;
	line-height:33px;
	font-weight:bold;
	color:#474684;
	background:transparent url(../imgLib/btn-disponibilidad.gif) no-repeat;
	border:none;
	font-size:11px;
	font-family:Arial, Sans-Serif, Verdana;
}
#extra #reservas div.botones input#boton-nl {
	width:156px;
	height:35px;
	display:block;
	text-align:center;
	line-height:33px;
	font-weight:bold;
	color:#474684;
	background:transparent url(../imgLib/btn-disponibilidad-nl.gif) no-repeat;
	border:none;
	font-size:11px;
	font-family:Arial, Sans-Serif, Verdana;
}
/*
============================================================================
 Hoteles RH : COLUMNA LATERAL : AREA DE NOTICIAS
============================================================================
*/
#extra #noticias {
	width: 260px;
	padding-bottom: 8px;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 10px;
	margin-left: 25px;
}
#extra #noticias h2 {
	color: #294A88;
	font-family: Trebuchet MS;
	background-image: url(../imgLib/bullet-novedades.gif);
	background-repeat: no-repeat;
	background-position: top left;	
	padding: 3px 0 15px 34px;
	font-weight: normal;
	font-size: 180%;
}
#extra #noticias ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
}
#extra #noticias ul li {
	padding-left: 20px;
	background-image: url(../imgLib/bullet-li-novedades.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	margin-bottom: 5px;
	color:#000;
}
#extra #noticias ul li {
	margin-bottom: 10px;	
	line-height: 150%;
}
#extra #noticias ul li span {
	display: block;
	margin-top: 3px;
	color:#999;
}
#extra #noticias p {
	margin: 0;
}
/*
============================================================================
 Hoteles RH : COLUMNA LATERAL : PREVISION DEL TIEMPO Y ENLACES
============================================================================
*/
#extra #tiempo {
	width: 260px;
	padding-bottom: 50px;
	background-image: url(../imgLib/fnd-extra-bottom.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-left: 10px;
	padding-left: 15px;
	padding-right: 16px;
}
#extra #tiempo ul {
	margin: 10px 0 0 20px;
	padding: 0;
	list-style: none;
}
#extra #tiempo li {
	margin-bottom: 5px;
}
#extra #tiempo li a {
	padding-left: 20px;
	background-image: url(../imgLib/bullet-li-tiempo.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	display: block;
	width: 140px;
}
#extra #tiempo li a:hover {
	padding-left: 20px;
	background-image: url(../imgLib/bullet-li-tiempo-ov.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	display: block;
	width: 140px;
	color: #259ED9;
}
#extra #tiempo h2 {
	color: #259ED9;
	font-family: Trebuchet MS;
	background-image: url(../imgLib/bullet-tiempo.gif);
	background-repeat: no-repeat;
	background-position: top left;	
	padding: 3px 0 15px 34px;
	font-weight: normal;
	font-size: 180%;
}
#extra #tiempo p {
	color: #259ED9;
}
#extra #tiempo div.diatiempo {
	margin-left: 20px;
	margin-bottom: 30px;
}
#extra #tiempo div.diatiempo img {
	float: left;
	margin-right: 14px;	
}
#extra #tiempo div.diatiempo p {
	color: #999999;
	margin: 0;
	padding-top: 4px;
}
/*
============================================================================
 Hoteles RH : COLUMNA LATERAL : PROMOCIONES
============================================================================
*/
div.oferta{
	background: url(../imgLib/oferta.gif) no-repeat;
}
div.oferta p, div.oferta a {
	color:  White;	
	text-decoration: none;
}
div#ofertas-paquetes div.oferta p.fechas {
	color: #fff;
	font-size:10px;		
}
div.paquete{
	background: url(../imgLib/paquete.gif) no-repeat;
}
div.paquete p, div.paquete a {
	color: #316C00;	
	text-decoration: none;
}
div#ofertas-paquetes div.paquete p.fechas {
	color: #316C00;
	font-size:10px;		
}
div#ofertas-paquetes {
	width: 264px;
	padding-bottom: 8px;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 10px;
	margin-left: 25px;
}
div#ofertas-paquetes div{
	padding: 15px 10px 0 86px;
	width: 168px;
	margin: 10px 0px 0px 0px;
	height: 148px;
	position: relative;
	z-index: 0;
}
div#ofertas-paquetes div#ofertas, div#ofertas-paquetes div#paquetes {
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
}
div#ofertas-paquetes p.titulo-oferta {
	margin: 0;
	font-weight: bold;
}
div#ofertas-paquetes p.txt-oferta {
	margin: 0;
	height: 48px;
}
div#ofertas-paquetes p.fechas{
	font-weight: bold;
	padding: 10px 0;
	padding-bottom:5px!important;
	margin: 0;
}

div#ofertas-paquetes p.reservar {
	margin: 0;
	position: absolute;
	bottom: 12px;
}
div#ofertas-paquetes p.reservar a{
	font-weight: bold;
	text-decoration: none;
	color: #333;
	display: block;
	width: 83px;
	height: 21px;
	padding-top: 3px;
	text-align: center;
	margin-left: 82px;
}
/*
============================================================================
 Hoteles RH : CONTENIDO ADICIONAL DE PREMIOS Y GALARDONES
============================================================================
*/
#sellos-premios {
	float: left;
	width: 874px;
	background-color: #fff;
	clear: both;
}

#sellos {
	width: 300px;
	padding: 0 0 0 19px;
	margin: 0;
	float: left; 
}
#sellos-premios h3 {
	color: #999;
	font-size: 120%;
	margin-left: 5px;
	margin-bottom:15px;	
	font-weight: bold;
}
#sellos img {
	margin: 0 10px;
}

#premios {
	width: 517px;
	float: left;
	padding: 0 15px 0 22px;
}
#premios ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
}
#premios li {
	padding-left: 12px;
	background-image: url(../imgLib/bullet-li-premios.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	margin-bottom: 5px;
	display: block;
	color: #999;
}