/* CSS Document 1 hotel*/
body {
	font-size:0.7em;
	background:#E9E6E0;
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif,verdana;
}
p, h1, h2, h3, h4, h5, li, ul, ol, form, fieldset, input, select { margin:0; padding:0;}
hr {
	border-top:1px solid #ccc;
	border-bottom:none;
	height:1px;
}
img {border:none;}
img a{
	 color: inherit;
}
.clear {clear:both;}
a{	
	color:#003943;
	text-decoration:underline;
}
a:hover { 
	text-decoration:none;
	color:#00661A;
}
.sinborde { border:none;
}
.img_left {float:left;}
.img_right {float:right;}
.img_varias{
	float:left;
	padding:10px 0px 10px 0px;
 }
.img_fotoizq{
	float:left;
	padding-right:10px;
}
.img_fotoder{
	float:right;
	padding-left:10px;
}
.none {display:none;}
.googleborder{
	border:#CCCCCC 1px solid;
	float:left;
}
.volver {
	background:url(../img/icon_volver_peq.gif) no-repeat left 5px;
 	padding: 5px 0  0  24px;
}
.iconcomentario{
	background:url(../img/icon_comentario_anadir.gif) no-repeat left 3px;
	padding: 5px 0  0  24px;
}
.icontelf{
	background:url(../img/icon_telf.gif) no-repeat left 5px;
	padding: 5px 0  0  20px;
}
.localizar{
	background:url(../img/icon_ir.gif) no-repeat left 5px;
	padding: 5px 0 5px 25px;
}
.telf{
	padding-bottom: 15px;
}

/*  Ampliar foto  */
.imagen { /* Engloba las fotos a ampliar, la foto ha de tener el mismo tamaño que en la maqueta, si no quitar el class "ampliar" */
	margin:0 10px 10px 0;
}
.imagen img.lupa {
	padding: 0;
	position: absolute !important;
	margin: 99px 0 0 99px;
	_margin: 99px 0 0 -28px !important; /* IE6 hack */
	
}
.error{
	color:#990000;
	font-weight:bold;
}

/*ESTRUCTURA*/
#cabecera{
	background:url(../img/bg_general.jpg) repeat-y center;
}
#cabecera1 {
	width:768px;
	background:url(../img/bg_general.jpg) repeat-y center;
	margin:0 auto;
	text-align:left;
	height:1%;
}/*
#cabecera2 {
	width:768px;
	background:url(../img/bg_general.jpg) repeat-y center;
	margin:0 auto;
	text-align:left;
	height:76px;
	overflow:hidden;
}*/
#cabecerahome {
	width:768px;
	/*background:	url(../img/cabecera/imgcentral_rambla.jpg) no-repeat center;*/
	margin:0 auto;
	text-align:left;
	height:80px;
	overflow:hidden;
}
#menu{
	background:#DBD9D4 url(../img/bg_menu.jpg) repeat-y center;
}
#menu1 {
	width:768px;
	margin:0 auto;
	text-align:left;
}
#contenido{
	background:url(../img/bg_general.jpg) repeat-y center;
}
#contenido1 {
	width:768px;
	background:url(../img/bg_general.jpg) repeat-y center;
	margin:0 auto;
	text-align:left;
}
/*
#pie{
	background: url(../img/bg_pie.jpg) no-repeat center top;
	padding-top:20px;
}
#pie1 {
	width:703px;
	background:#F4BB1F ;
	margin:0 auto;
	padding:0px 20px 10px 18px;
	_padding: 0px 20px 10px 20px;
	text-align:left;
	border-bottom:#CF990A 1px solid;
	border-right:#CF990A 1px solid;
	border-left:#CF990A 1px solid;
	font-size:1.1em;
	font-weight:bold;
}
*/
#pie{
	margin:0 auto;
	background: url(../img/bg_pie.jpg) no-repeat center top;
	padding-top:20px;
	margin-bottom:10px;
}
#pie1 {
	width:702px;
	margin:0 auto;
	padding:0px 20px 10px 20px;
	text-align:left;
	border-bottom:#CF990A 1px solid;
	font-size:1.1em;
	font-weight:bold;
}
h1, #contenido1 h1 {
	font-size:1.6em;
	font-weight:normal;	
}
#contenido1 h2{
	font-size:1.47em;
	padding:14px 0px 5px 0px !important;
	margin:0;
}
#contenido1 h2 span{
	font-weight:bold;	
}
#contenido1 p {
	margin:3px 0;	
}
#contenido1 ul{
	list-style:none;
}
#contenido1 li{
	padding: 5px 0px 5px 10px;
	list-style:none;
	background:url(../img/icon_flecha.gif) no-repeat left 9px;
}

/*cabecera*/
#cabecera1 .corporativo {
	height:45px;
	float:right;
	text-align:right;
	color:#666;
	font-size:0.9em;	
	width:515px;
	padding:2px 15px 0px 0px;
	background:url(../img/bg_corporativo.jpg) no-repeat bottom right;
}
#cabecera1 .corporativo select {
	color:#666;
}
#cabecera1 a {
	color:#000;
	text-decoration:none;
}
#cabecera1 a:hover {
	color:#000;
	text-decoration:underline;
}
.empresas {
	background:url(../img/icon_candado.jpg) no-repeat center left;
	padding:0  5px 1px 18px;
	margin-right:30px;
}
.empresasactivo{
	background:url(../img/icon_candado.jpg) no-repeat center left;
	padding:0  5px 1px 20px;
	color:#000;
	background-color:#FFF4D5;
}
/*NAVEGACION CORPORATIVA*/
#nav1 {
	margin: 8px 0 0 0px;
	padding: 0px 70px 0px 0px;
	height: 18px;
	list-style: none;
	display: inline; /**/
	width:450px;
	float:right;
	font-size:1.1em;
	font-weight:bold;
}
#nav11 ul {
	padding-left: 0;
	margin: 0;
}
#nav1 li {
	margin: 0px; 
	padding: 0px 6px 0px 6px ;
	list-style: none;
	display: inline;
}
#nav1 ul li strong  {/* para marcar páginas activas del menu corporativo*/
 	background-color:#FFF4D5;
	color:#000;
}	

/*NAVEGACION PRINCIPAL*/
#nav2 {
	margin: 0px;
	padding: 0px;
	height: 47px;
	list-style: none;
	display: inline; /**/
	overflow: hidden;
	width:768px;
	float:left;
}
#nav12 ul {
	padding-left: 0;
	margin: 0;
}
#nav2 li {
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline;
}
#nav2 a, #nav2 ul li strong {
	float:left;
	padding: 47px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:47px; /* for IE5/Win only */
}
#nav2 ul li strong {
	background-position: 0 -94px;
}
#nav2 #selected, #nav2 .selected {
	background-position: 0 -94px;
}
div#nav2 a:hover {
	background-position: 0 -47px;
}
div#nav2 a:active {
	background-position: 0 -94px;
}
#buscar a, #buscar strong {
	width: 223px;
	background: url(../img/menus/buscar.jpg) 0 0 no-repeat;
	background-position: 0 0;
}
#presentacionNuevo a, #presentacionNuevo strong {
	width: 107px;
	background: url(../img/menus/elhotel.gif) 0 0 no-repeat;
}
#ciudadNuevo a, #ciudadNuevo strong {
	width: 107px;
	background: url(../img/menus/la_ciudad.gif) 0 0 no-repeat;
}
#hoteles a, #hoteles strong {
	width: 110px;
	background: url(../img/menus/habitaciones.gif) 0 0 no-repeat;
}
#servicios a, #servicios strong {
	width: 109px;
	background: url(../img/menus/services.gif) 0 0 no-repeat;
}
#ofertas a, #ofertas strong {
	width: 109px;
	background: url(../img/menus/offers.gif) 0 0 no-repeat;
}
/* Modificado 2008.04.15
#hoteles a, #hoteles a strong, #hoteles strong {
	width: 155px;
	background: url(../img/menus/hoteles.gif) 0 0 no-repeat;
}
#servicios a, #servicios strong {
	width: 199px;
	background: url(../img/menus/servicios.gif) 0 0 no-repeat;
}
#ofertas a, #ofertas strong {
	width: 191px;
	background: url(../img/menus/ofertas.gif) 0 0 no-repeat;
}
*/

/*COLUMNAS CENTRALES*/
#col01 {
	width:223px;
	float:left;	
}
#col02 {
	float:left;
	width:505px;
	margin: 18px 0 35px 21px;
	font-size:1.1em;
}
#col02 a {	
	color:#003943;
	text-decoration:underline;
}
#col02 a:hover { 
	text-decoration:none;
	color:#00661A;
}
#col01 h3{
	color:#666;
	padding:9px 0px;
	font-size:1.4em;
	font-weight:bold;
}
#col01 #ayudamos .tit{
	color:#000066;
	background:url(../img/icon_ayuda.gif) no-repeat top left !important;
	margin-top:1em;
	padding:0px 0px 9px 40px;
	font-size:1.4em;
	font-weight:bold;
}
/*col01*/	
#buscador {
	float:left;
	margin:0 auto;
	background:url(../img/bg_buscador.jpg) no-repeat left bottom ;
	width:189px;
	padding:0px 5px 18px 28px;
}
input.fecha {
	width:60px;
}
#buscador input {
	margin-bottom:1px;
	float:left;
	padding:2px;
}
#buscador label {
	width:28%;
	float:left;
	padding-top:2px;
	text-align:right;
}
#buscador img {
	float:left;
	margin-left:4px;
}
#buscador #destino {
	clear:left;	
}	
#buscador #entrada {
	clear:left;
	padding-bottom:10px;
}
#buscador #salida {
	clear:left;
	padding-bottom:10px;
}
#buscador #boton {
	clear:left;
	padding:5px 0px 10px 47px;
}
#buscador #escoge {
	clear:left;
	padding:3px 0px 10px 0px;
}
#ventajas, #parati, #creciendo, #ayudamos, #amarillo{
	float:left;
	margin:0 auto;
	background:#ECEAE7 url(../img/bg_gris.gif) no-repeat bottom left;
	width:189px;
	padding:0px 10px 17px 22px;
}

#creciendo li, #parati li, #ayudamos li, #ayudamos, #creciendo, #amarillo {	
	background-image:none !important;
}
#ventajas ul, #parati ul, #ayudamos ul{
	list-style:none;
}
#ventajas li{
	padding: 2px 0px 2px 13px;
	list-style:none;
	background:url(../img/icon_ventajas.gif) no-repeat left  3px;
}	
#parati li, #ayudamos li /*, .txtdestacado li*/{
	padding: 2px 0px 2px 0px;
	list-style:none;	
	background-image:none !important;	
}
#creciendo .info{
	float:left;
	width:123px;
	padding-left:9px;	
}
#amarillo{
	background-color:#FFF8E1;
	border-top:#fff 2px solid;
}
#coldestacado .titnews{
	font-size:1.16em;
	margin:0px 0 0px 0;
	font-weight:bold;
	background:url(../img/icon_news.gif) no-repeat right -2px;
	padding:0px 0 2px 0;
	border-bottom:#E8E6DD 1px solid;
}
#col01 .titnews{
	font-weight:bold;
	background:url(../img/icon_news.gif) no-repeat right 10px;
	border-bottom:#fff 1px solid;
	color:#666;
	padding:9px 0px 2px 0px;
	font-size:1.4em;
	font-weight:bold;
}

/*col02*/	
#col02 .motivo{
	float:left;
	width:120px;
	margin-right:7px;
}
#col02 .motivolast{
	float:left;
	width:120px;
	margin-right:0;
}

/*pie*/
#pie1 li{	
	list-style: none;
	display: inline;
	float:left;
	padding: 0px 15px 0 0;
	overflow: hidden;
	text-decoration:none;
}
#pie1 li strong,  #gris li strong{	
	color:#FFFFFF;
}
#pie1 a {
	color:#000;
	text-decoration:none;	
}
#pie1 a:hover {
	text-decoration:underline;	
}
#gris{
	padding-top:4px;
}
#gris li,  #gris a {		
	color:#666;
	overflow: hidden;
	font-size:0.9em;
	font-weight:normal;
}
/*form*/
input, select {font-size:0.9em;}

/*-----INTERIOR-------*/
/*solo una columna : Nuestros hoteles*/	
#buscadorsin {
	float:left;
	margin:0 auto;
	background:url(../img/bg_buscador_sin.jpg) no-repeat left bottom ;
	width:100%;
	height:19px;
}	
#buscadorreserva {
	float:left;
	margin:0 auto;
	background:url(../img/bg_buscador_sin.jpg) no-repeat left bottom ;
	width:189px;
	padding:0px 5px 18px 28px;
}
#columna {
	width:728px;
	float:left;
	padding:0px 0px 35px 22px;
	margin:0 auto;
	font-size:1.1em;
}
#columna h1{
	margin: 0 0 4px 0;
}
#columna1 {
	width:506px;
	float:left;
	margin:10px 0;
}
#columna2 {
	width:196px;
	float:left;	
	padding-left:26px;
	margin:10px 0;	
}
#columna .busca{
	float:left;
	background-color:#EEF7F0;
	border:#CFDED3 1px solid;
	padding:10px ;
	width:484px;
	margin: 5px 0 15px 0;	
}
#columna .busca .provincia {
	padding-right:3px;
	float:left; clear:none;
}
#columna .busca .ver {
 	float:left;	
  	width:42px;
}
#listhoteles{
	float:left;
	margin:0 auto;
}

/* Nuestros ofertas */
 .verofertas{
	float:left;
	background-color:#EEF7F0;
	border:#CFDED3 1px solid;
	padding:10px 10px 5px 10px;
	width:95%;
	margin: 5px 0 0px 0;	
}
.verofertas .provincia {
	padding-right:3px;
	float:left; clear:none;
}
 .verofertas .ver {
 	float:left;	
  	width:42px;
}
#coldestacado{
	width:196px;
	float:left;	
	padding-right:26px;
	margin:10px 0;
	font-size:0.9em;	
}
#coldestacado .vermas{
	font-weight:normal;	
}
#coldestacado hr {
	border-top:#E8E6DD 1px solid !important;
	border-bottom:none;
	height:1px;
}
#coldestacado h3{
	font-size:1.24em;
	margin:0px 0 0px 0;	
}
#coldestacado .tit{
	font-size:1.24em;
	margin:0px 0 0px 0;
	font-weight:bold;
}
#coldestacado .tit a{
	text-decoration: none;
}
#coldestacado .reservatelf{
	font-size:1.5em;
	width:174px;
	float:left;	
	margin-bottom:15px;	
	border:#E8E6DD 1px solid;
	padding:10px;color:#990000;
	font-weight:bold;
}
#coldestacado #newsl{
	width:196px;
	float:left;	
	margin-bottom:15px;
	color:#666;
}
#coldestacado #newsl .txt {
	width:172px;
	float:left;	
	padding: 0 10px 10px 10px;
	border-left:#E8E6DD 1px solid;
	border-right:#E8E6DD 1px solid;
	border-bottom:#E8E6DD 1px solid;
	background-color:#F5F4F1;
}
#coldestacado #newsl .txt input {
	padding: 4px 0px 0px 0px;
}
.imgdestacado{
	width:190px;
	float:left;	
	margin-bottom:15px;	
	border:#E8E6DD 1px solid;
	padding:2px;
}
.txtdestacado, #ventajas, #parati, #creciendo, #ayudamos{
	width:174px;
/*   width: 187px;  189px 
    min-width: 174px;*/
	float:left;	
	margin-bottom:15px;	
	border:#E8E6DD 1px solid;
/*	padding:10px;*/
    padding: 0px 10px 17px 22px;
	background-image:none !important;
}
/*.txtdestacado li{background-image:none !important;}*/
.txtdestacado ul{list-style:none}
#colcontenido {
	width:506px;
	float:left;
	margin:10px 0;
}
#colcontenido h1{
	margin: 0 0 10px 0;
}
#colcontenido h2{
	font-size:1em;
}
#colcontenido h3.oferta{
	color:#990000;
	font-size:1.47em;
}
#colcontenido .periodo{
	color:#666;
	padding-bottom:3px;
	display:block;
}
#colcontenido .reservaroferta{
	float:right;
	width:86px;
	height:50px; 
	padding: 0px 0px 0px 10px;
}
#listofertas{
	float:left;
	width:100%;
	margin:0 auto;	
}
#listofertas h2{
	font-size:1.3em;
	font-weight:normal;
	color:#990000;	
}
#listofertas h3{
	font-size:1em;	
}	
#listofertas ul{
	list-style:none;	
}
#listofertas li{
	padding: 5px 0px 5px 0px;
	list-style:none;
	background:none;
}
#listofertas li span.tit a{
	color:#990000;
	font-size:1.4em;
	padding-bottom:5px;
	display:block;
	font-weight:bold;
}
#listofertas li span{
	color:#666;
	display:block;
}

/* Menu izquierda */
#menuizq {
	width:196px;
	float:left;	
	margin-bottom:25px;
 }
#menuizq ul {
	 margin:0 ;
	 padding: 0;
	 list-style:none;
	 }
#menuizq li {
     float:left;
	 border-top:#E8E6DD 1px solid;
	 background:none !important;
	 padding: 0;
	  margin:0 ;	 
}
#menuizq li.final {
 	 border-bottom:#E8E6DD 1px solid;
}
#menuizq a {
  	 float:left;
 	 display:block;
 	 text-decoration:none;
     padding: 10px;
  	 font-weight:normal;
	 text-decoration:none;
	 width:176px;
}
#menuizq a:hover {
  	 text-decoration:underline;
	 background-color:#EEF7F0;
	 color:#00661A;
}
#menuizq a.selected {
 	/*float:left;
 	display:block;
  	text-decoration:none;
    padding:10px;
 	font-weight:bold;
  	color:#000;
	width:176px;*/
	background-color:#FFF8E1;
}
#menuizq li.tituloMenu{
	float:left;
 	display:block;
 	text-decoration:none;
    padding: 10px;
  	font-weight:bold;
	text-decoration:none;
	width:176px;
	font-size:1.4em;
	background-color: #F4BB1F;
}

/* Nuestros servicios */
.imgtodas {
	width:504px;
	float:left;	
 }
.imguna {
	width:160px;
	float:left;	
	margin-right:12px;
	margin-top:10px;
 }
.imgfinal {
	width:160px;
	float:left;	
	margin-top:10px;
 }
.imguna img, .imgfinal img, .galeria1 img, .galeria2 img{
	float:left;
	clear:left;
	padding-bottom:9px;
}
.imguna h3, .imgfinal h3{
	font-size:1.1em;
}
.galeria1 {
	width:240px;
	float:left;	
	margin-right:12px;
	margin-top:10px;
 }
.galeria2{
	width:240px;
	float:left;	
	margin-top:10px;
}
.galeriatit{
 	background:url(../img/bullet_mashotel.gif) no-repeat left 3px;
	padding:0px 0px 0 12px;
	font-weight:bold;
}
.nuestrosservicios{
	float:left;
	width:100%;
	margin-bottom: 7px;
}
.nuestrosservicios h2, .titdorado{
	font-size:1.2em !important;
	padding: 5px 0px !important;
	margin:0 !important;
	color:#8F7001;
	font-weight:bold !important;
}

/*acceso empresas */
#coldestacado #acceso{
	width:174px;
	float:left;
 	background-color:#EEF7F0;
	border:#CFDED3 1px solid;
	padding:10px ;	
	margin: 5px 0 0px 0;	
	color:#666;
}
#coldestacado #acceso label{ 
	width:55px;
	float:left;
	padding-right: 5px ;	
	text-align:right;
}
#coldestacado #acceso .fila{ 
	float:left;
	padding: 3px 0;	
}
#coldestacado #acceso h2{ 
	color:#000;
	margin:0 0 10px 0;
	padding: 0 0 5px 0 !important;
	font-size:1.1em;
	border-bottom:#CFDED3 1px solid;	
}
#coldestacado #acceso .filaboton{ 
	float:left;
	padding-left: 60px ;	
}
#coldestacado #acceso .olvidar{ 
	font-size:0.9em;
}
#colcontenido #accesoventajas ul{
	list-style:none;
}
#colcontenido #accesoventajas li{
	padding: 2px 0px 2px 13px;
	list-style:none;
	background:url(../img/icon_ventajas.gif) no-repeat left  3px;
}

/* Buscador avanzado */
.avanzado{
 	background-color:#FFF4D5;
	border:1px solid #FFE391;
	padding:10px;
	float:left;
	width:484px;
	margin:10px 0 15px 0}
.avanzado input,  .avanzado select{
	font-size:1.03em;
}
.campoavanzado {
	padding-bottom:10px;
	overflow:hidden;
}
.campoavanzado label {
	width:85px;
	float:left;
	text-align:right;
	color:#333;
}
.campoavanzado label.sigue {
	width:60px;
	float:left; clear:none;
}
.campoavanzado input, .campoavanzado select{
	float:left;
	margin-left:10px;
}
.campoavanzado img {
	float:left;
	margin-left:4px;
}
	
/* Proceso compra */	
#col02 h1 .resumen{
	font-size:0.65em;
	font-weight:bold;
	padding-bottom:6px;}
#col02 h1 .ciudad{
	font-size:0.75em;}

/* Pasos */
#pasos {
	margin: 5px 0 10px 0;
	padding: 0 0 10px 0;
	height: 35px;
	list-style: none;
	display: inline; 
	overflow: hidden;
	width:504px;
	float:left;
	/*border-bottom:2px solid #DBD9D4;*/
}
#pasos ol {
	padding-left: 0;
	margin: 0;
}
#pasos li {
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline;
	text-align:center;
	font-size:0.9em;
	color:#999;
}
#pasos ol li  {
	float:left;
	padding: 21px 0 0 0;
	height: 0px !important; 
	height /**/:21px; /* for IE5/Win only */
}
#pasos ol li.presente{
	background-position: 0 -100px !important;
	background-repeat:no-repeat;
	color:#00661A;
}
#pasos ol li.futuro {
	background-position: 0 -200px !important; 
	color:#77BD8A;
}
#pasos ol li.pasado{
	background-position: 0 0 ;
}
#pasos #uno, #pasos #uno .futuro {
	width: 136px;
	background:url(../img/pasos_1.gif) top left no-repeat;
}
#pasos #dos, #pasos #dos .futuro {
	width: 123px;
	background:url(../img/pasos_2.gif) top left no-repeat;
}
#pasos #tres,  #pasos #tres .futuro {
	width: 132px;
	background:url(../img/pasos_3.gif) top left no-repeat;
}
#pasos #trescomentario,  #pasos #trescomentario .futuro {
	width: 132px;
	background:url(../img/pasos_3comentario.gif) top left no-repeat;
}
#pasos #cuatro, #pasos #cuatro .futuro {
	width: 113px;
	background:url(../img/pasos_4.gif) top left no-repeat ;
}
.grey{
	color:#666;	
}

/* Menu habitaciones */
#hab {
	 float:left;
	 width:504px;
	 background:url(../img/hab_bg.gif) repeat-x bottom;
	 line-height:normal;
	 text-transform:uppercase;
	 margin-top:10px;
	 }
#hab ul {
	 margin:0 0 0 0;
	 padding:1em 10px 0;
	 list-style:none;
	 }
#hab li {
     float:left;
     background:url(../img/hab_left.gif) no-repeat left top;
     margin:0 0 -1px 0 !important;
     padding:0 12px 0 12px;
}
#hab li.actual {
     float:left;
     background:url(../img/hab_actual_left.gif) no-repeat left top;
     margin:0 0 0 0 !important;
     padding:0 12px 0 12px;
}
#hab a {
  	 float:left;
 	 display:block;
 	 background:url(../img/hab_right.gif) no-repeat right top;
 	 text-decoration:none;
 	 padding:5px 10px 4px 0;
  	 font-weight:normal;
  	 color:#999;
}
#hab a:hover {
  	 text-decoration:underline;
}
#hab strong {
 	float:left;
 	display:block;
 	background:url(../img/hab_actual_right.gif) no-repeat right top;
 	text-decoration:none;
  	padding:5px 10px 5px 0;
 	font-weight:bold;
  	color:#00661A;
}
#hab-base {
 	background-color:#EEF7F0;
	border-left:1px solid #CFDED3;
	border-right:1px solid #CFDED3;
	padding:10px;
	float:left;
	width:484px;
}

/* Habitación y hotel módulo */
#habitaciones{
	float:left;
	width:504px;
}
#ofertastodas{
	float:left;
	width:100%;
}
#ofertastodas h2{
	color:#990000;}
.habitacion{
	float:left;	
	width:100%;}
.unhotel{
	float:left;
	margin-bottom:5px;
}
.hotel{
	float:left;
	width:502px;
	margin-bottom:15px;
/*	width:484px;
	border-right:#CFDED3 1px solid;
	border-left:#CFDED3 1px solid; */
}
.tithotel{
	background-color:#EEF7F0;
	border-top:#CFDED3 1px solid;
	border-right:#CFDED3 1px solid;
	border-left:#CFDED3 1px solid;
	padding: 0 10px 10px 10px;
	width:484px;
	display:block;
	margin-top:15px;
}
.tithotel h2, #habitaciones h2{
	padding:0;
	margin:0 ;
	color:#00661A;
}
.tithotel h2 span, #habitaciones h2 span{
	padding:0;
	margin:0 ;
	color:#990000;
	font-size:0.8em;
	display:block;
	background:url(../img/icon_nodisponible.gif) no-repeat left top;
	padding-left:20px;
}	
.hotel .txt{
	float:left;
	width:74%;
}
.hotel .txt .direccion{
	color:#666;
}
.habitacion .txt{
	float:left;
	width:76%;
}
.lista_servicios{
	list-style: none;
}
.lista_servicios li{
	width: 25px; /*105px;*/
	height: 25px;/* 40px; */
	float:left;
	/* nuevo */
	margin: 0 0 15px 0;
	font-size:1px!important;
	line-height:1px;
	color:#FFF8E1;
	overflow:hidden;
}
.habitacion .txt img, .hotel .txt img{
	float:left;
	padding:0 10px 5px 0;
}
.habitacion .txt img.mas, .hotel .txt img mas{
	padding: 0;
	position: absolute;
	margin: 101px 0 0 101px;
}
.colprecio{
	float:left;
	margin-left:15px;
	width:86px;
	padding: 0px 0px 2px 0px;	
}
.colprecio .boton{
	float:right;
	width:106px;
	text-align:center;
}
.habitacion .precio, .hotel .precio{
	float:right;
	width:86px;
	height:50px; 
	background: url(../img/bg_precio.gif) no-repeat top right;
	color: #CC0000;
	font-size:0.8em;
	padding: 30px 10px 30px 10px;
	text-align:center;
}
.habitacion .precioamarillo, .hotel .precioamarillo{
	float:left;
	width:86px;
	height:50px; 
	background: url(../img/bg_precioamarillo.gif) no-repeat top right;
	font-size:0.8em;
	padding: 30px 10px 30px 10px;
	text-align:center;
}
.habitacion .precio .euros, .hotel .precio .euros{
	font-size:1.9em;
	font-weight:bold;
}
.habitacion .precioamarillo .euros, .hotel .precioamarillo .euros{
	font-size:1.9em;
	font-weight:bold;
}
.lineapuntos{
	background:url(../img/lineapuntos.gif) repeat-x center left;
	margin:6px 0;
	height:1px;
	width:100%;
	clear:left;
}
.nodisponible{
	float:right;
	width:86px;
	height:50px; 
	font-size:0.8em;
	padding: 30px 10px 30px 10px;
	text-align:center;
	color:#990000;
}
.formhabitacion{
	float:left;
	width:504px;
	height:1%;
	margin:0 0px 10px 0;
}
.formhabitacion .cantidad{
	float:left;
	width:314px;
	font-size:0.9em;
}
.formhabitacion .extras{
	float:left;
	width:180px;
	font-size:0.9em;
	padding:0 0px 10px 10px;
	background:url(../img/lineaspuntosvert.gif) repeat-y top left;
}
.formhabitacion .boton{
	float:right;
	width:117px;
	font-size:0.9em;
	padding:90px 0px 0 0px;
}
h3{
	font-size:1.2em;
	margin:5px 0 0px 0;
}
h3 span{
	font-size:0.75em;
	font-weight:normal;
}
.formhabitacion .cantidad h3, .formhabitacion .extras h3{
	font-size:1.3em;
	margin:0;
}
.formhabitacion .cantidad h4, .formhabitacion .extras h4{
	font-size:1.2em;
	padding:6px;
	margin:0;
	background:url(../img/icon_flecha.gif) no-repeat left 10px;
}
.lineapuntosvert{
	border-bottom:#CFDED3 2px solid;
	margin:10px 0;
	height:2px;
	width:100%;
	clear:left;
}
#hab-reservar {
 	background-color:#EEF7F0;
	border-left:1px solid #CFDED3;
	border-right:1px solid #CFDED3;
	border-bottom:1px solid #CFDED3;
	padding:10px;
	float:left;
	width:484px;
	margin: 10px 0;
}
#hab-reservar .volver {
	 background:url(../img/icon_volver.gif) no-repeat left 13px;
 	padding: 13px 0  0  30px;
 	font-size:1.1em;
 	font-weight:bold; 	
 	height:30px;
    width:317px;
    float:left;
}
#hab-reservar .boton {
 	float:right;	
    width:117px;
}
 
/* seleccion hotel */
#resumen{
 	padding-bottom: 10px;
	border-bottom:2px solid #DBD9D4;
	color:#666;
}
#resumen h3{
 	font-size:1em;
	padding-bottom:5px;
}
#resumen p {
 	padding:0; margin:0;
}
#resultados h1{
 	font-size:1.45em;
	margin: 10px 0 0 0;	
}
#resultados h1 span{
 	font-size:0.65em;	
}
 
/* Menu habitaciones */
.mashotel {
	 float:left;
	 width:504px;
	 line-height:normal;
	 border:#FFE391  1px solid;
	 background:url(../img/mashotel_fondo.gif) repeat-x bottom !important;  /*background-image */
}
.mashotel ul {
	 margin:0 0 0 0;
	 list-style:none;
	 height:1% !important; 
}
.mashotel li {
     float:left;
	 padding: 10px 10px 10px 15px !important;
     background-color:#fff;	
	 font-weight:bold;
	 background-image:none !important; 
}
.mashotel li.actual {
     float:left;
     background-color:#FFF8E1 !important;
   	 padding: 12px 12px 12px 12px;
	 border-right:#FFE391  1px solid;
	 border-left:#FFE391  1px solid;
	 border-bottom:#FFF8E1 1px solid;
	 margin:0 0 -1px -1px !important;
}
.mashotel a {
  	 float:left;
 	 display:block;
 	 background:url(../img/bullet_mashotel.gif) no-repeat left 3px;
	 padding:0px 0px 0 12px;
}
.mashotel a:hover {
  	 text-decoration:none;
	  color:#00661A;
}
.mashotel strong {
 	float:left;
 	display:block;
    background:url(../img/bullet_mashotelactual.gif) no-repeat left 3px;
 	text-decoration:none;
	padding:0px 0px 0 12px;
 	font-weight:bold;
	color:#000;
}
  
/* 1 hotel mas info  */ 
.masinfo{
	float:left;
	margin-bottom:10px;
	padding:10px;
	width:484px;
	background-color:#FFF8E1;
	border-right:#FFE391 1px solid;
	border-left:#FFE391 1px solid;
	border-bottom:#FFE391 1px solid;
}
.bordesuperior{
	border-top:#CFDED3 1px solid;
	float:left;
}
.masinfo .foto{
	/*float:center;*/
	text-align:center;
	font-size:0.8em;
}
.masinfo .foto h4{
	color:#666;
	font-size:1em;
}
.servicios{
	float:left;
	width:484px;/**/
	font-size:0.8em;
	background-color:#FFF8E1;
	border:#FFE391 1px solid;
	padding:10px;
}
.servicios li, .servicios ul li{
    margin:0; padding:0;
    background-image: none; 
    background: none !important; 
}
.servicios li img, .servicios ul li img{padding-right:2px;}
.txt h4, .servicios h4{
	font-size:1.1em !important;
	padding:5px 0 2px 0;
	clear:both;
}
.servicios h4{
	font-size:1.4em !important;
	padding:5px 0 2px 0;
}
.masinfo .servicios table caption{
	text-align:left; 
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
}
.masinfo .servicios table td{
	padding:12px 0 0 0;
}
.masinfo .servicios table img{
	float:left;
	padding:0px 5px 2px 0;
}
.masinfo .final{
	float:left;
	width:100%;
	margin: 10px 0;
}
.masinfo .txt{
	float:left;
	width:100%;
	margin-top:10px;
}
.masinfo .final .web{
	float:left;
	width:80%;
}
.masinfo .final .web .url{
	font-weight:bold;
	padding-left:15px;
	display:block;
	background:url(../img/icon_url.gif) no-repeat left 3px;
}
.masinfo .final .reservar{
	float:right;
	text-align:right;
	width:20%;
}
.masinfo .cerrar{
	float:right;
	padding: 8px 5px 0px 12px;
	background:url(../img/icon_cerrar.gif) no-repeat left 10px;
	font-size:0.8em;
	text-align:right;
}
/* 1 hotel comentarios  */ 
.comentarioscaja{
	float:left;
	margin:20px 0 5px 0;
	padding:5px 10px;
	width:484px;
	background-color:#FFF8E1;
	border:1px solid #FFE391;
		
}
.comentario{
	float:left;
	padding-bottom:10px;
	width:484px;
	background-color:#FFF8E1;
	border-bottom:#A47E00 1px dashed;
}
.comentarioadmin{
	float:left;
	padding:10px;
	width:469px;
	background-color:#FFFCF2;
	border-bottom:#A47E00 1px dashed;
}
.comentario h5{
	font-size:1.1em;
	color:#A47E00;
	background:url(../img/icon_comentario.gif) no-repeat left 3px;
	padding: 5px 0 5px 25px;
}
 .comentarioadmin h5{
	font-size:1.1em;
	color:#A47E00;
	background:url(../img/icon_comentario_admin.gif) no-repeat left 3px;
	padding: 5px 0 5px 25px;
}
.mascomentario {
	float:left;
	width:100%;
	color:#666;
	font-size:0.9em;
}
.mascomentario .datos{
	float:left;
	width:70%;
	padding-bottom:3px;
}
.mascomentario .valoracion{
	float:left;
	width:27%;
	text-align:right;
}
.anadir{
	font-weight:bold;
	display:block;
	background:url(../img/icon_comentario_anadir.gif) no-repeat left 3px;
	padding: 5px 0 5px 25px;
}
.vermas{
	font-weight:bold;
	display:block;
	background:url(../img/icon_comentario_vermas.gif) no-repeat left 3px;
	padding: 5px 0 5px 25px;
}

/* Conoce la ciudad */
.highlight{
	background-color:#FFFCF2;
	border:1px solid #CFDED3;
	padding:10px;
	float:left;
	width:95%;
}
 
/* datos personales y confirmacion */
#tablaresumen{
 	background-color:#EEF7F0;
	border:1px solid #CFDED3;
	padding:10px;
	float:left;
	width:484px;
	margin:10px 0
}
#tablaresumen th, #tablaresumen .grey{
 	font-weight:normal;
	color:#333;
	text-align:right;
	padding-right:10px;
	vertical-align:top;
}
#tablaresumen .grey{
 	font-size:0.8em;
}
#tablaresumen .price{
 	text-align:right;}
#tablaresumen .pricebold{
 	text-align:right;
	font-weight:bold;}
#tablaresumen .bold{
 	font-weight:bold;
}
tr.resultado td, tr.resultado th {
	border-top:1px solid #CFDED3;
	padding-top:10px ;
}
tr.resultadofinal td, tr.resultadofinal th {
	border-top:2px solid #CFDED3;
	padding-top:10px ;
}
.camposamarillos{
 	background-color:#FFF4D5;
	border:1px solid #FFE391;
	padding:10px;
	float:left;
	width:484px;
	margin:10px 0 15px 0}
.camposamarillos input,  .camposamarillos select, .camposamarillos textarea{
	font-size:1.03em;
}
.camposamarillos h2{
	font-size:1.1em !important;
	padding-bottom:3px !important;
	border-bottom: #FFE391 1px solid;
	margin-bottom:10px !important;
	color:#8F7001;
	font-weight:bold !important;
}
.identificar {
	overflow:hidden;
}
.identificar label.clave {
	width:70px;
	float:left; clear:none;
}
.identificar .ir {
 float:left;	
  width:42px;
}
.campo {
	padding-bottom:10px;
	overflow:hidden;
}
.campo label, .identificar label {
	width:135px;
	float:left;
	text-align:right;
	color:#333;
}
 .campo label.sigue {
	width:100px;
	float:left; clear:none;
}
.campo input, .campo select, .identificar input, .campo textarea{
	float:left;
	margin-left:10px;
}
.campoTriple {
	padding-bottom:10px;
	overflow:hidden;
}
.campoTriple label {
	width: 87px;
	float:left;
	text-align:right;
	color:#333;
	margin-right: 10px
}
.campoTriple label.sigue {
	width:100px;
	float:left; clear:none;
}
.campoTriple input, .campoTriple select, .campoTriple textarea{
	float:left;
	margin-left:10px;
}
.condiciones {
	padding-bottom:10px;
	overflow:hidden;
	margin-left:145px;
}
.camposamarillos .boton {
 	float:right;	
 	width:117px;
 }
 .ayuda {
	background:url(../img/icon_ayudapetit.gif) no-repeat top 5px !important;
	padding:0  7px 2px 20px;
	font-size:0.9em;
	margin-left:5px;
}
.red{
	color:#990000;}
#codigo{
	margin:10px auto 3px auto;	
	padding:12px;
	background-color:#FFFFFF;
	color:#990000;	
	float:left;
	width:auto;}

#codigo .txt{
	float:left;	
	width:60%;
}
#codigo .numero{
	float:right;	
	padding:10px;
	background-color:#FFFFFF;
	color:#990000;
	border: #990000 1px solid;
	font-size:1.2em;
	font-weight:bold;	
	text-align:center;
}
#titimprimir{
	float:left;
	width:auto;
	margin: 10px auto 0 auto;
}
#titimprimir h3{
	float:left;
}
#titimprimir .print{
	background:url(../img/icon_print.gif) no-repeat center left;
	font-size:0.9em;
	padding-left:20px;
	float:right;
	margin-top:7px;
}

/*CALCULA TU ITINERARIO*/
#colitinerario1 {
	float:left;
	margin:10px 0;
}
#colitinerario1 {
	float:left;
	margin:10px 0;
}
#colitinerario2{
	width:260px; /* 278px */
	float:left;	
	margin:10px 0 10px 26px;	
}
#tablaitinerario{
	background-color:#FFFBEC;
	border:1px solid #FFF1C4;
	float:left;
	margin:0px 0 20px 0;
}
#tablaitinerario td{
	vertical-align: top;
	padding-right:3px;	
}
#tablaitinerario th, #tablaruta th{
	vertical-align: top;
	padding:10px 10px;	
}
#tablaitinerario th.googlehotel {
	background:url(../img/hoteles/icon_googlehotel.gif) no-repeat  5px 8px;
	padding-left:32px;
}
tr.distancia td, tr.distancia th {
	border-top:1px solid #FFE897;
	padding:8px 0;
}
#tablaruta{
	padding:10px 0;
	float:left;
	margin:3px 0 ;
}
#tablaruta tr.distancia th {
	border-top:1px solid #E2F1E6;
	padding:9px 9px 9px 0;
	text-align:right;
}
#tablaruta tr.distancia td {
	border-top:1px solid #E2F1E6;	
}
.invertir{
	background:url(../img/hoteles/icon_googleinvertir.gif) no-repeat  top left;
	padding-left:23px;
}
.veritinerarios{
	float:left;
	background-color:#EEF7F0;
	border:#CFDED3 1px solid;
	padding:10px 10px 5px 10px;
	width:97%;
	margin: 5px 0 0px 0;	
}

/*PAGINACIÓN */
.paginacion {
	float:left;
	text-align:center !important;
	width:100%;
	margin:10px 0;
	clear:left;
}
.paginacion ul {
	list-style:none;
	margin:0;
	padding:0;
}
.paginacion div {display:inline;}/**/
.paginacion div a{padding:0 6px;border-left:#999 1px solid ;}
.paginacion  ul li/*, .paginacion a */{
	display:inline;
	list-style:none;
	background:none !important;
	margin:0;
	padding:0 6px !important;
	border-left:#999 1px solid ;
}
.paginacion li.izq a, .paginacion a.izq {
	background:url(../img/icon_anterior.gif) no-repeat left 5px;
	padding-left:11px;
}
.paginacion li.izq, .paginacion a.izq {
	border-left:none;
}
.paginacion li.der a, .paginacion a.der {
	background:url(../img/icon_siguiente.gif) no-repeat right 5px;
	padding-right:11px;
}
.sinborde {
	border:none;
}

/* Nuesros hoteles */
#nuestroshoteles{
	float:left;
	width:100%;
	margin-top:15px;
}
#nuestroshoteles h2{
	padding: 10px;
}
#nuestroshoteles h2 span{
	font-weight:bold;
}
#nuestroshoteles div{
	border:#F4BB1F  1px solid;
	padding: 10px;
	width:480px;
}
#nuestroshoteles ul{
	font-weight:bold;
	padding:0;
	list-style:none;
/*	width:480px; */
    width:240px;
    float: left;
}
#nuestroshoteles li{
	font-weight:bold;
	padding: 2px 0px 2px 10px;
	list-style:none;
	background:url(../img/icon_flechaamarilla.gif) no-repeat left 6px;
/*	float: left; */
  	width: 230px;
}
#nuestroshoteles li a{
	font-weight:normal;
}
#nuestroshoteles br {
	clear: left;
}
	
/* Tabla logos colaboradores */
.colaboradores{
	text-align:center;
	font-size:0.9em;
}
.colaboradores img{
	margin-bottom:5px;
}
/* Tool Tips */
#tooltip {
	border: 2px solid #FCD67C;
	background-color: #FEF0CF;
	opacity: 0.85;/**/
	padding: 10px;
	width: 280px;
	text-align:left;
}
#tooltip h3, #tooltip p { margin: 0; }

/* Ofertas - estrella roja */
.bg_oferta, .bg_oferta_int {
	position:absolute;
	z-index:2;	
	height:55px;
	background:url(../img/bg_oferta.gif) no-repeat right top;
	text-align:right;
	color:#FFF;
}
.bg_oferta{
	width:188px;
}
.bg_oferta_int{
	width:394px;
}
.desde{
	font-size:0.8em;
	padding: 2px;
}
.precio_oferta{
	font-size:1.4em ;
	padding: 2px;
	font-weight:bold;
}
.bg_oferta a, .bg_oferta_int a{
	text-decoration:none !important;
	color:#FFF !important;
}
.bg_oferta a:hover, .bg_oferta_int a:hover{
	text-decoration:underline !important;
}