@import url('http://www.hotelsearch.com/mre/graph_availrates/blue/css/prices.css');
/*div#hsworkarea_tt {}
table#hsworkarea_tchar{}*/

*{margin:0;padding:0;}

a{ text-decoration:none;}

body{
	font-size:62.5%;
	background:#FFF;
	font-family:'Trebuchet MS', Arial, Verdana, Sans-Serif;
	}
	
h1,h2,h3,h4,h5,h6{font-size:1em;}

span.sep{display:block; height:30px; clear:both; }

div.clb{clear:both;}

div.powered{
	text-indent:-5000px;
	position:absolute;
	right:0px;
	top:0px;
	width:174px;
	height:90px;
	background:url(../img/poweredHS.png) no-repeat;
	z-index:4;
	}
	
div.powered.en{
	background:url(../img/poweredHSEN.png) no-repeat;
	}
	
div.powered.de{
	background:url(../img/poweredHSDE.png) no-repeat;
	}
	
/*Estilos del tittle emergente*/
div#qTip {
	padding:5px 5px 5px 47px;
	border:1px solid #d2f469;
	display:none;
	background:#fff url(../img/cam.png) no-repeat left center;
	color:#8c4ef9;
	font:bold 1.1em 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	z-index:5;
}

div#qTip strong{
	font-size:1.6em;
	color:#73b106;
	}
	
div#qTip span{
	color:#999;
	font-size:1em;
	}





div.cabecera{/*Contenedor nombre del hotel*/
	height:85px;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:2;
	}
	
	div.cabecera div.contenido{
		width:900px;
		position:absolute;
		top:0px;
		left:50%;
		margin-left:-450px;
		}
		
	
	div.cabecera div.contenido h1{
		font-size:3.5em;
		line-height:140px;
		color:#044c6a;
		text-align:center;
		color:white;
		/*background:url(../img/logo.gif) no-repeat 0px 30px;*/
		/*text-shadow: black 3px 3px 3px;*/
		}
		
		
div.botonera{
	height:180px;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:url(img/fndBotonera.jpg) repeat-x bottom;
	z-index:1;
	}
	
	div.botonera ul{
		/*La botonera siempre tiene que ener un ancho de: 128xN   (N = N� de botones) y un margen negativo de la mitad de su ancho*/
		/*6 botones*/    width:768px; margin-left:-364px;
		/*5 botones*/ /* width:640px; margin-left:-320px;*/
		/*4 botones*/ /* width:512px; margin-left:-256px;*/
		/*3 botones*/ /* width:384px; margin-left:-192px;*/
		list-style-type:none;
		position:absolute;
		bottom:-44px;
		left:50%;
		text-align:center;
		}
		
	div.botonera ul li{
		float:left;
		margin-left:-3px;
		position:relative;
		}
		
	div.botonera ul li div{
		width:128px;
		height:44px;
		position:relative;
		z-index:1;
		top:-44px;
		}
		
	div.botonera ul li div.notSelected{background:url(../img/fndBtn.png) no-repeat;}
		
	div.botonera ul li div.selected{background:url(../img/fndBtnSelected.png) no-repeat;}
		
	div.botonera ul li a{
		display:block;
		text-align:center;
		line-height:35px;
		height:35px;
		width:128px;
		font-size:15px;
		color:#333;
		text-decoration:none;
		position:relative;
		z-index:2;
		top:0;
		font-weight:bold;
		}
		
	div.botonera ul li a:hover{color:#fff;}
		
div.contenidos{
	width:900px;
	padding-top:180px;
	margin:0 auto;
	}
			
/*//////////////ESTILOS DE PARTE DERECHA//////////////////////*/

	div.contenidos div.right{
		float:right;
		width:600px;
		padding:10px 5px 0 25px;
		background:#fff url(../img/fndRight.png) repeat-y left;
	}
	div.contenidos a.precios{
	float:left;
	display:block;
	width:290px;
	height:80px;
	background:url(../img/campararTarifas.png) no-repeat;
	font-size:0.001em;
	margin-bottom:15px;
	text-decoration:none;
	text-indent:-3000px;
	}
	
	div.contenidos a.precios.en{
	background:url(../img/campararTarifasEN.png) no-repeat;
	}
	
	div.contenidos a.precios.de{
	background:url(../img/campararTarifasDE.png) no-repeat;
	}
	
	div.contenidos a.precios:hover{background-position:0 -80px;}
	
	
	div.contenidos div.idiomas{margin:10px 0 20px 0;}
	
	div.contenidos div.idiomas p{
		font-weight:bold;
		color:black !important;
		border-bottom:1px dashed #555;
	}
	
	div.contenidos div.idiomas a{
		float:left;
		margin-left:15px;
		font-size:1.2em;
		text-decoration:underline;
	}
	
	div.contenidos div.idiomas a:hover{color:orange;}
	
	div.contenidos div.idiomas a:visited{color:purple;}
	
	div.contenidos div.right h2{/* Titulo */
		font-size:2.3em;
		color:#5FAE55;
		clear:both;
		}
		
	div.contenidos div.right h3{/* Subtitulo */
		font-size:1.2em;
		color:#8d8500;
		margin-bottom:8px;
		border-bottom:1px dashed #666;
		text-transform:uppercase;
		letter-spacing:1px;
		}
	div.contenidos div.right img.fotoContenidos{
		float:right;
		margin:2px 0 2px 10px;
		border:4px solid #d2f469;
		}
		
	div.contenidos div.right img.fotoContenidos:hover{
		border:4px solid #4ebee3;
		}
	div.contenidos div.right p{/* Parrafada */
		font-size:1.3em;
		color:#555;
		text-align:justify;
		margin-bottom:10px;
		}
		
	div.contenidos div.right dl{/* listas */
		margin:20px 0;
		clear:both;
		}
		
	
	div.contenidos div.right dl dt{/* Titulos de listas*/
		font-size:1.5em;
		font-weight:bold;
		color:#000;
		margin:5px 0 10px 0;
		}
		
	div.contenidos div.right dl dd{/* Descripcions de listas*/
		font-size:1.3em;
		color:#222;
          margin-left:15px;
          text-align:justify;
		}
		
	div.contenidos div.right dl dd ul li{/* lista de "distancias hasta..." y lista de "habitaciones"*/
          margin:0 0px 0 30px;
		font-size:1.1em;
		list-style-image:url(../img/bullet_GoogleTips.png);
		}

	div.contenidos div.right dl dd address{
		border:1px solid #ababab;
		width:50%;
		margin:7px 25px;
          padding:5px;
		}
	
	div.contenidos div.right dl dd address span{/* Direccion del hotel (contenido) */
		font-size:0.9em;
		color:#222;
		text-align:left;
		display:block;
		clear:both;
          height:15px;
		}
		
	div.contenidos div.right ul.normal{/* Lista de servicios*/
		margin-left:35px;
		font-size:1.4em;
		color:#333;
		list-style-image:url(../img/bullet_GoogleTips.png);
		}
	
	div.contenidos div.right div#googleTipsDL{display:none; background:#deffb4; padding:5px 20px; border:1px solid #82be35;}/*Contenedor lista de consejos google*/

	div.contenidos div.right div.consejosMapa dl dt{/* Titulo consejos google maps: "utilize google maps para situar el hotel" */
		margin-left:5px;
		font-size:1.5em;
		}
		
	div.contenidos div.right div#googleTipsDL dl dt{/* Titulo de ayuda google maps: "Conejos para sacarle el m�ximo partido a google maps"*/
		margin-bottom:10px;
		}
	
	div.contenidos div.right div#googleTipsDL dl dd ul li{/* Consejos google maps */
		margin-left:25px;
		font-size:1em;
		text-indent:0px;
		margin-bottom:15px;
          text-align:justify;
		list-style-image:url(../img/bullet_GoogleTipss.png);
		}
		
	div.contenidos div.right div#googleTipsDL dl dd ul li dl{margin:10px 0;}/* DL de modos de visualizacion de google maps (contenedor de modo mapa, etc*/


     div.contenidos div.right div#googleTipsDL dl dd ul li dl dt{ /*Titulo del modo vistas (Mapa, Satelite, Hibrido,*/
		font-size:0.9em;
      	color:#444;
	}
	
	div.contenidos div.right div#googleTipsDL dl dd ul li dl dd{font-size:0.9em;} /*Descripcion de los modos vistas (Mapa, Satelite, Hibrido,*/
		
		
	div.contenidos div.right div#gmap{
		float:left;
		margin-bottom:15px;
	}
	#gmap{
		width:600px;
		height:300px;
		}
	
	div.contenidos div.right a#enlaceGoogleTips{
		display:block;
		width:305px;
		height:64px;
		margin:-5px 0 5px 0;
		background:url(../img/enlaceGoogleTips.png) no-repeat;
		font-size:0.01%;
		text-indent:-5000px;
		text-decoration:none;
          float:right;
		}

	div.contenidos div.right a#enlaceGoogleTips.en{
		background:url(../img/enlaceGoogleTipsEN.png) no-repeat;
		}
	
	div.contenidos div.right a#enlaceGoogleTips.de{
		background:url(../img/enlaceGoogleTipsDE.png) no-repeat;
		}

		
	div.contenidos div.right a#enlaceGoogleTips:hover{background-position:0 -64px;}
		
	div.contenidos div.right a#pantallaCompleta{
		display:block;
		width:201px;
		height:52px;
		background:url(../img/pantallaCompleta.png) no-repeat;
		font-size:0.01%;
		text-indent:-5000px;
		float:left;
		}
		
	div.contenidos div.right a#pantallaCompleta.de{
		background:url(../img/pantallaCompletaDE.png) no-repeat;
		}
		
	div.contenidos div.right a#pantallaCompleta.en{
		background:url(../img/pantallaCompletaEN.png) no-repeat;
		}
		
	div.contenidos div.right a#pantallaCompleta:hover{
		background-position:0 -52px;
		}
		
	div.right a.foto{
		width:80px;
		height:80px;
		float:left;
		display:block;
		text-decoration:none;
	}
	
	div.right a.foto img, div.right a.foto span{border:none;}
	
	div.right a.foto span.mascara{
		display:block;
		width:80px;
		height:80px;
		position:relative;
		margin-top:-80px;
		background:url(../img/hotel/mascaraFotos.png);
		}
			
	div.contenidos div.right dl.FAQ{
		margin-left:30px;
		}
	
	div.contenidos div.right dl.FAQ dt{
		font-size:1.4em;
		padding-left:18px;
		color:#333;
		background:url(../img/bullet_faq.png) no-repeat 2px 2px;
		margin:0;
		}
	
	div.contenidos div.right dl.FAQ dd{
		margin:0 0 14px 35px;
		}
	



div.fndContenidos{
	width:100%;
	position:absolute;
	z-index:2;
	top:169px;
	background:url(../img/fndContenidos.png) repeat-x;
	height:11px;
	}
	
	
	
/*//////////////ESTILOS DE PARTE IZQUIERDA//////////////////////*/	
div.contenidos div.left{
		float:left;
		width:262px;
	}
	
		div.contenidos div.left h2{
			display:block;
			width:250px;
			height:60px;
			margin:0px auto;
			font-size:0.01%;
			text-indent:-5000px;
		}
		
		div.contenidos div.left h2.reservas{
			background:url(../img/fndReservasonline.png) no-repeat;
		}
		
		div.contenidos div.left h2.reservas.en{
			background:url(../img/fndReservasonlineEN.png) no-repeat;
		}
		
		div.contenidos div.left h2.reservas.de{
			background:url(../img/fndReservasonlineDE.png) no-repeat;
		}
		
		div.contenidos div.left h2.hoteles{
			background:url(../img/fndNuestroshoteles.png) no-repeat;
		}
		
		div.contenidos div.left h2.hoteles.en{
			background:url(../img/fndNuestroshotelesEN.png) no-repeat;
		}
		
		div.contenidos div.left h2.hoteles.de{
			background:url(../img/fndNuestroshotelesDE.png) no-repeat;
		}
		
		div.contenidos div.left ol{
			margin:0 0 15px 15px;
			list-style-type:none;
			}
			
		div.contenidos div.left ol li{
			line-height:23px;
			padding-left:23px;
			font-size:1.2em;
			}
			
		div.contenidos div.left ol li.uno{
			background:url(../img/OLuno.png) no-repeat center left;
			}
			
		div.contenidos div.left ol li.dos{
			background:url(../img/OLdos.png) no-repeat center left;
			}
			
		div.contenidos div.left ol li.tres{
			background:url(../img/OLtres.png) no-repeat center left;
			}
			
			
			
			
			
			
			
			/* BORDES REDONDEADOS*/
		
		#booking2 {
			position:static;
			left:0px;
			margin-left:0px;
			float:left;
		}
		
		div.bordeRadiado{
			position:relative;
			left:50%;
			margin-left:-112px;
			width:224px;
			}
	
		div.bordeRadiado div.superior{height:22px; background:url(../img/box/top.png) repeat-x;}
		
			div.bordeRadiado div.esquina{
				width:22px; height:22px;
				}
			div.bordeRadiado div.superior div.esquina.izquierda{
				float:left;
				background:url(../img/box/topLeft.png) no-repeat;
				}
			
			div.bordeRadiado div.superior div.esquina.derecha{
				float:right;
				background:url(../img/box/topRight.png) no-repeat;
				}
				
		div.bordeRadiado div.inferior{height:22px; background:url(../img/box/bottom.png) repeat-x;}
		
			div.bordeRadiado div.inferior div.esquina{
				width:22px; height:22px;
				}
			div.bordeRadiado div.inferior div.esquina.izquierda{
				float:left;
				background:url(../img/box/bottomLeft.png) no-repeat;
				}
			
			div.bordeRadiado div.inferior div.esquina.derecha{
				float:right;
				background:url(../img/box/bottomRight.png) no-repeat;
				}
			
			
		
		div.bordeRadiado div.centro{
			background:url(../img/box/contenido.png) repeat-y;
			padding:5px;
		}
		
		
		div#iFrame{margin-bottom:45px;}
		
		
		div#howtobook {
			float:left;
			margin-left:15px;
		}
		
		div#howtobook ol{
			margin:0 0 15px 15px;
			list-style-type:none;
			}
			
		div#howtobook ol li{
			line-height:23px;
			padding-left:23px;
			font-size:1.2em;
			}
			
		div#howtobook ol li.uno{
			background:url(../img/OLuno.png) no-repeat center left;
			}
			
		div#howtobook ol li.dos{
			background:url(../img/OLdos.png) no-repeat center left;
			}
			
		div#howtobook ol li.tres{
			background:url(../img/OLtres.png) no-repeat center left;
			}
		
		
		/* LISTA DE HOTELES*/
		
		div.hotel{clear:both; margin-bottom:25px; text-transform:uppercase;}
		
		div.hotel a{text-decoration:none; border:none;}
		
		div.hotel img.fotoHotel{
			width:70px;
			height:70px;
			margin:0 5px 5px 10px;
			background:#ddd;
			float:left;
			border:none;
			}
			
		div.hotel span.mascaraIzda{
			float:left;
			display:block;
			width:70px;
			height:70px;
			margin:0px 0 0 -75px;
			background:url(../img/thumbnails/mascaraIzda.png) no-repeat;
			}
			
		div.hotel span{display:block; clear:right; margin-bottom:1px;}
			
		div.hotel span.nombreHotel{
			color:#5FAE55;
			text-decoration:none;
			font-size:1.6em;
			font-weight:bold;
			text-transform:none;
		}
		
		div.hotel span.situacionHotel{
			color:#333;
			font-size:1.1em;
		}
		
		div.hotel span.direccionHotel{
			color:#666;
			text-transform:none;
		}