@import url("menu-nuevo.css");


@charset "utf-8";

/* CSS Document */



form {margin:0; padding:0;}

select {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#292929;}



/************************************************************************* INFOPAQUETE ***************/

div#infopaquete {

	
	margin:5px;

	border:5px solid #AFDDFE;

	border-top:0px;

}



div#pasos {

	overflow: hidden; 

   _display: inline-block; /*només per IE6*/ 

}

div#pasos ul {

	padding: 0;

	margin: 0;

	color: #fff;

	font-family: arial, helvetica, sans-serif;

}

div#pasos ul li { display: inline; margin:0; float:left;}

div#pasos a {margin:0;}





/************************************************************************* RESUMEN ***************/

div#resumen, div#resumen2 {margin:5px; position:relative; line-height:150%; margin-top:0px;}

div#resumen2 {margin:5px 5px 15px 15px; border-bottom:none;}

div#resumen {

	overflow: hidden; 

   _display: inline-block; /*només per IE6*/

}



div#resumen img/*, div#resumen2 img*/ {float:left; margin:10px 10px 0px 10px;;}

/*div.fotoproducto {float:left; margin:0px 10px 0px 0px;}*/



div#resumen h1, div#resumen2 h1 {

	font-size:20px;
	
	font-weight:bold;

	color:#CE5811;

	margin:0 0 8px 0;

	padding-top:6px;

}



div#resumen p, div#resumen2 p {

	margin:6px 100px 6px 0;

	_margin-right:110px;

}

div#resumen p span, div#resumen2 p span {/*text-decoration:underline;*/ font-weight:bold;}



div#resumen2 p strong em {/*font-style:normal;*/ /*color:#CE5811;*/ color:#666;}



div#resumen2 p strong em em {color:#CE5811; font-style:normal;}



div#resumen h3 {

	background:#e5e5e5;

	padding:6px;

	margin:8px 0 8px 0px;

	font-size:14px;

	width:400px;

}

div#resumen h3 span {text-decoration:line-through;}

div#resumen h3 strong {font-size:16px; font-weight:bold; color:#CE5811;}



div#resumen a, div#resumen2 a {margin-left:0px; color:#0480D6; margin-top:0; font-weight:bold;}

div#resumen2 a {margin-left:0;}

div#resumen a:hover, div#resumen2 a:hover {color:#fff; background:#0480D6;}



div.preciovenyviaja {position:absolute; top:50px; right:5px;  _right:15px;}

div#resumen .preciovenyviaja img {padding:0; border:none;}









/*** ESPECIALES RESUMEN2 ***/

div#resumen p span {
	
	display:block;
	float:left;

}

div#resumen2 p {font-family:Verdana, Arial, Helvetica, sans-serif; color:333;}

div#resumen2 p img {vertical-align:bottom;}

div#resumen2 p a.nofondonaranja {text-decoration:none;}

div#resumen2 p a.nofondonaranja:hover {background:#fff;}

div#resumen2 p span {

	width:150px;

	display:block;

	float:left;

}

div#resumen2 .resumenprecio, div#resumen2 .identificador {

	padding:4px 8px;

	border:1px solid #CE5811;

	width:330px;

	margin-top:10px;

}

div#resumen2 .identificador {width:750px;}

div#resumen2 .resumenprecio p, div#resumen2 .identificador p {

	font-size:14px;

	color:#666;

	border:0;

	margin-right:0px;

}

div#resumen2 .resumenprecio p span, 

div#resumen2 .identificador p span {width:142px; text-decoration:none; font-weight:bold; padding-top:1px;}



div#resumen2 .resumenprecio p strong, 

div#resumen2 .identificador p strong {color:#CE5811; font-size:18px;}



div#resumen2 .resumenprecio p strong em {font-size:11px; font-style:normal; font-weight:normal;}

div#resumen2 .identificador p strong em {font-size:11px; font-style:normal; font-weight:normal; color:#333:}



.empujaresumen2 {margin-left:20px;}

.empujaresumen2 p {overflow:hidden; _display:inline-block;}





.aguanta {margin-right:333px;}

div.aguanta p {font-family:Verdana, Arial, Helvetica, sans-serif; color:#333;}



div.salidisp {position:relative;}

div.salidisp p span {position:absolute; top:0px; left:0px; _left:-90px; }

div.salidisp p em {margin-left:90px; font-style:normal; display:block; }



/*div#resumen div.resumenfoto {margin:0; position:relative; width:312px; min-width:332px; float:right;}*/

div#resumen div.resumenfoto div {margin-left:10px; }

div#resumen div.resumenfoto div a {margin-left:0px; }

/*div#resumen div.resumenfoto div img {vertical-align:super;}*/





div.resumenprecio {position:relative;}

div.resumenprecio-venycuotas {position:absolute; top:13px; _top:10px; left:360px;}





/******* MOSTRANDO SUPLEMENTOS EN PASO 3***********/

div.resumen-suplementos {

	position:relative;

	overflow:hidden;

	_display:inline-block;

}

div.resumen-suplementos-tit {

	position:absolute;

	top:0;

	left:0;

}

div.resumen-suplementos-info {

	margin-left:150px;

	_margin-left:153px;

}



/************************************************************************* FECHAS ALOJAMIENTO ***************/

div#fechasalojamiento {margin:0px 0px; /*position:relative;*/}

div#fechasalojamiento h3 {

	font-size:15px;

	color:#292929;

	margin:0 0 8px 0;

	background:#e5e5e5;

	border-top:1px solid #AFDDFE;
	
	border-bottom:1px solid #AFDDFE;

	height:25px;

	padding-bottom:3px;

}

div#fechasalojamiento h3 img  {vertical-align:middle;}

div#fechasalojamiento h3 span {font-size:12px; font-weight:normal;}



/******* CIUDAD SALIDA *******/

div.ciudadsalida {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	margin:0px 20px 15px 20px;

	padding:0px;

	/*height:23px;*/

}

div.ciudadsalida select {width:180px;}

div.ciudadsalida img {vertical-align:middle; margin-left:95px;}

/**/



/******* SELECCIÓN ALOJAMIENTO *******/

div.seleccionalojamiento {margin:5px 20px 5px 16px; padding-left:4px; /*border-bottom:1px solid #c5c5c5;*/ position:relative;}

div.seleccionalojamiento-ie {visibility:hidden; margin:0px 20px 5px 20px; border-bottom:1px solid #c5c5c5; height:1px; _visibility:visible;}

div.noborder {border-bottom:0px; !important}

div.seleccionalojamiento h4 {font-size:12px; color:#666; margin:5px 0; height:25px;}

div.seleccionalojamiento h4 a {color:#333; font-size:14px;  font-weight:bold;}

div.seleccionalojamiento h4 strong {
	color:#CE5811;
	font-size:14px;
	font-weight:bold;
}

div.seleccionalojamiento span {

	display:block;

	float:left;

	width:470px;
	
	padding-top:3px;

}

div.seleccionalojamiento h4 span img {vertical-align:bottom;}

div.seleccionalojamiento h4 input {vertical-align:bottom;}

div.seleccionalojamiento em {font-style:normal; font-size:12px; font-weight:normal; color:#CE5811;}

div.seleccionalojamiento em a {color:#CE5811; margin:0 4px;}

div.seleccionalojamiento p {margin:0 0 8px 0;}

div.seleccionalojamiento p a {color:#CE5811;}

.continuarpaso1 {
	
	background:#0480D6;

	width:72px; height:20px;

	text-align:center;

	font-weight:bold;

	color:#fff;

	border:0;	

	font-family:Verdana, Geneva, sans-serif;

	font-size:11px;
	
	border:#000 solid thin;

}

.continuarpaso2 {
	
	background:#0480D6;

	width:110px; height:50px;

	text-align:center;

	font-weight:bold;

	color:#fff;

	border:0;	

	font-family:Verdana, Geneva, sans-serif;

	font-size:16px;
	
	border:#000 solid thin;

}

#boton_continuarpaso3{
	float:right;
	margin-top:70px;
	margin-right:10px;
}

.continuarpaso3 {
	
	background:#0480D6;

	width:90px; height:40px;

	text-align:center;

	font-weight:bold;

	color:#fff;

	border:0;	

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;
	
	border:#000 solid thin;

}

/*prueba con el ancho del select de las fechas*/

.pruebaancho {width:280px;}
.pruebaancho:focus {outline:1px solid #f1bc83;}

.preciomasbarato {background:#CE5811; color:#fff; font-weight:bold;}

/*border-bottom en el más barato del paso 1*/

/*div.poniendoborde {border-bottom:10px solid#c5c5c5;}*/



/******** FICHA ************/

div.ficha {

	position:relative;

	padding:8px;

	background:#fff;

	border:3px solid #AFDDFE;

	margin-bottom:5px;

	overflow: hidden; 

   _display: inline-block; /*només per IE6*/

}

div.fichainfo {margin:0 0 0 5px; line-height:150%; color:#666;}

div.fichainfo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}



div.fichacerrar {

	position:absolute;

	bottom:0;

	right:0;

	background:#AFDDFE;

	padding:2px 6px;

}

div.seleccionalojamiento .fichacerrar p {margin:0;}

div.seleccionalojamiento .fichacerrar a {color:#333; text-decoration:none; font-size:12px;}





/******* GALERÍA DE FOTOS ***/

div.galeriafotos {

	width:250px;

	background:#d0cece;

	float:right;

	margin-right:5px;
	
	margin-left:5px;
	
	margin-bottom:15px;

}

div.galeriafotos p {

	margin:5px;

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:11px;

}



div.pasafotos {

	background:#333;

	color:#a7a7a7;

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:11px;

	height:21px;

	padding:5px;

}

div.pasafotos a {text-decoration:none; margin-right:4px; padding:2px;}

div.pasafotos a:hover {border-bottom:1px solid #a7a7a7;}

div.pasafotos span {width:140px; padding-top:0px;}

div.seleccionalojamiento .ficha .galeriafotos .pasafotos span {width:120px; padding-top:0px;}

div.pasafotos p {margin:0;}

div.seleccionalojamiento .pasafotos a {color:#a7a7a7;}





/************************************************************** PESTAÑAS ************/

ul#pestanas {

	list-style-type: none;

	padding-bottom: 28px;

	_padding-bottom:28px;

	border-bottom: 1px solid #AFDDFE;

	margin: 25px 20px 0 20px;

	padding-left: 0px;

	font-family:Verdana;
	color:#AFDDFE;
	font-weight:bold;

}



ul#pestanas li {

	float: left;

	_width:185px;

}



.inactiu a {

	height: 15px;

	background-color: #e5e5e5;

	margin: 2px 4px 0 0px;

	border: 1px solid #AFDDFE;

	padding: 6px 10px 4px 10px;

	display: block;

	color: #0480D6;

	text-decoration: none;
	

}

.inactiu a:hover { background: #fff; border-bottom:1px solid #fff;}



.actiu a {

	height: 15px;

	background-color: #fff;

	margin: 2px 4px 0 0px;

	border: 1px solid #AFDDFE;

	border-bottom:1px solid #fff;

	padding: 6px 10px 4px 10px;

	display: block;

	color: #0480D6;

	text-decoration: none;

}









div.contenidopestana {

	margin: 0 20px 10px 20px;

	padding: 10px;

	line-height: 150%;

	border: 1px solid #AFDDFE;

	border-top: none;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	text-align:justify;

	color:#333;

	overflow: hidden; 

   _display: inline-block; /*només per IE6*/

}



div.fotosdestino {

	float:left;

	margin:0 10px 0 0;

	color:#666;

}



div.textodestino {margin-left:265px;}



div.contenidopestana h4 {

	font-size:16px;

	padding-bottom:5px;

	border-bottom:1px solid #999;

	color:#CE5811;

	margin-top:0;

}

div.contenidopestana h4 span {margin-left:10px; font-size:12px;}



div.opinion {position:relative; padding-bottom:20px; margin-bottom:15px;}

div.opinion h5 {

	display:block;

	font-size:14px;

	background:#fff;

	margin:0 0 20px 0;

}

div.opinion h5 strong {margin-right:15px; background:#e5e5e5; 	padding:10px;}

div.opinion h5 strong em {font-size:12px; font-weight:normal;}



div.rabito {

	position:absolute;

	top:25px;

	*top:32px;

	left:40px;

}

div.opiniontexto {padding-top:10px;}

div.opiniontexto p {margin: 0px 18px 0 60px; font-family:Verdana, Arial, Helvetica, sans-serif;}

div.comilla1 {position:absolute; top:45px; *top:55px; left:30px;}

div.comilla2 {position:absolute; bottom:0px _bottom:80px; right:10px;}





/******************************************************************************* OBSERVACIONES ************/

div#observaciones {margin:5px 15px; line-height:150%; margin-bottom:15px; clear:both;/**/}

div#observaciones p {margin:0 25px 10px 25px; color:#666;}

div#observaciones ul {list-style:square; color:#666; padding-left:55px; _padding-left:20px;}

div#observaciones h3 {

	font-size:16px;

	color:#292929;

	margin:0 0 10px 0;

	background:#f5f5f5;

	border-top:1px solid #c5c5c5;

	height:28px;

	display:block;

}

/*div#observaciones h3 img {vertical-align:text-bottom;}*/

div#observaciones img {margin-left:520px;}





/************************************************************************* CATEGORIA ***************/

div.categoria {

	margin:15px 0 0 0;

	padding:0px;

	border:3px solid #e5e5e5;

}

div.categoria span {width:100%;}

div.cerrarcategoria {

	width:50px;

	height:20px;

	margin-bottom:15px;

	background:#e5e5e5;

	padding:0 0 0 15px;

}

div.cerrarcategoria p {margin:0;}

div.seleccionalojamiento .cerrarcategoria a {text-decoration:none; color:#292929;}



div.categoriainfo {padding:10px;}





/************************************************************************* PASO 2 DATOS ***************/

div.paso2datos {

	margin:0 0px 0 0px;

}

div.paso2datos p {margin-left:25px;}

.verdana {font-family:Verdana, Arial, Helvetica, sans-serif; margin:3px;
padding:5px;}

.colorgris {color:#666;}

div.paso2datos p span.visa {

	display:block;

	float:left;

	padding-top:4px;

	width:140px;

}

div.paso2datos strong em {font-size:18px; font-style:normal;}

div.paso2datos strong span {color:#CE5811;}

div.paso2datos select {margin-right:15px;}

div.paso2datos h3 {

	font-size:16px;

	color:#333;

	margin:0 0 10px 0;

	border-top:1px solid #AFDDFE;
	
	border-bottom:1px solid #AFDDFE;

	background-color:#e5e5e5;

	font-family:Arial, Helvetica, sans-serif;

	/**/height:30px;

}

div.paso2datos h3 img {vertical-align:text-bottom;}

div.paso2datos h3 span {font-size:12px;}

div.paso2datos h4 {margin-left:25px;}

div.paso2datos a {color:#CE5811;}

div.paso2datos table {color:#666; margin:0;}



div.paso2datos .camposformulario {

	padding:2px 0 8px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}
div.paso2datos .camposformulario select {font-family:Arial, Helvetica, sans-serif; width:70px;}
div.paso2datos .camposformulario p {margin:4px 0 8px 25px;}
div.paso2datos .camposformulario table {margin:0 0 0 0px; color:#333;}
div.paso2datos .camposformulario table p {margin:4px 0 8px 0px;}

div.paso2datos .camposformulario p span,
div.paso2datos .camposformulario table p span {

	display:block;

	float:left;

	width:85px;

	padding-top:2px;

}

div.paso2datos .camposformulario input:focus {

	outline:1px solid #e5e5e5;

	border:1px solid #CE5811;

}



div.camposformulario div {padding:5px 0; border:2px solid #e5e5e5; width:650px;}



div.paso2datos blockquote {margin:0 0 0 40px; border-left:2px solid #e5e5e5; padding-left:5px;}

div.paso2datos blockquote p {margin:2px 0;}



.paso2datos-separador {padding-bottom:5px; border-bottom:1px solid #e5e5e5; margin-bottom:10px;}

.paso2datos-separador2 {padding-bottom:5px; margin-bottom:10px;}



div.ayuda {

	margin:10px;

	padding:8px;

	color:#333;

	background:#f5f5f5;

	border:1px solid #b5b5b5;

}

div.ayuda p {margin:0 0 4px 0;}

div.ayuda a {margin-left: 15px;}



.textopequeno {font-size:10px; font-style:normal;}

.textogris {color:#666; margin:4px 30px 15px 30px; text-align:justify;}



div.paso2datos-marginp p {margin:4px 0 8px 25px;}

div#boton_precio_paso2{
	margin-top:10px;
}



/************************************************************************* PRECIO ***************/

div.precio_via {

	position:relative;

	margin-bottom:20px;

}



div.preciototal {
	bottom:0;
	right:0;
	width:860px;
	margin-left:5px;



}

div.preciototal div {

	margin-left:3px;

}

div.preciototal h4 {

	margin:0 0 8px 3px;

	color:#666;

	font-size:14px;

}

div.preciototal p {

	font-size:18px;

	color:#CE5811;

	margin:0;

}

div.preciototal p span {font-size:10px;}

div.preciototal h3 img {vertical-align:text-bottom;}



div.preciodesglose {

	

	

	font-family:Verdana, Arial, Helvetica, sans-serif;

	padding:10px 0;

	_height:150px;

}

div.preciodesglose h4 {

	color:#0480D6;

	font-size:12px;

	margin:0 0 3px 20px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

}

div.preciodesglose p {

	margin:0 0 5px 20px;

}

div.preciodesglose img {vertical-align:middle;}



.inputprecio {

	font-size:28px;

	color:#CE5811;

	border:0px solid #fff;

	
	
	font-weight:bold;

	/*height:35px;*/

	font-family:Arial, Helvetica, sans-serif;

	padding:0;

}





/************************************************************************* DESCRIPCION ***************/

div.descripcion {

	margin:10px;

	padding:8px;

	border:1px solid #b5b5b5;

	color:#555;

	line-height:150%;

	_height:60px;

}

div.descripcion h3 {

	font-size:16px;

	color:#CE5811;

	padding-bottom:10px;

	border-bottom:1px solid #999;

	border-top:none;

	background:none;

	margin-top:10px;

}

div.descripcion hr {

	border-color:#666;

	height:1px;

	clear:both;

}

div.descripcion img {

	float:left;

	margin:0 10px 10px 0;

}

div.descripcion p {

	margin:4px 0;

}



div.cerrarimprimir {

	background:#f5f5f5;

	padding:5px;

	text-align:right;

	height:25px;

}





/**************************************************************************** FORMULARIOS PASO 3 ***********/

.campomicro {width:40px; border:1px solid #999; padding:2px;}

.campomicro2 {width:50px; border:1px solid #999; padding:2px;}

.campopeque {width:60px; border:1px solid #999; padding:2px;}

.campomedio {width:120px; border:1px solid #999; padding:2px;}

.campogrande {width:160px; border:1px solid #999; padding:2px;}

.campogrande2 {width:240px; border:1px solid #999; padding:2px;}

.campoextra {width:350px; border:1px solid #999; padding:2px;}

.campoextra2 {width:300px; border:1px solid #999; padding:2px;}

.campotextarea {width:500px; height:90px;}







/***************************************************************************** ESPECIALES PASO 4 ***********/











/************************************************************************* HILO DE ARIADNA ***************/

div#ariadna {

	padding:6px 0 8px 12px;

	color:#666;

	background:#f5f5f5;

}

div#ariadna p {margin:0;}

div#ariadna a {color:#666;}

div#ariadna img {margin:0 4px;}

div#ariadna span a {color:#e87700;}





div.precionaranja {border:1px solid #CE5811;}

div.precionaranja2 {position:absolute; top:2px; left:-20px; _left:-24px;}


/*************** actualizador precios paso 2 ***********/
div#wrapper2 {
	 opacity: 1; 
	 width:260px; 
	 height:150px; 
	 z-index:90; 
	 position:absolute; 
	 left:300px;
}

div#wrapper2-negro {
	opacity: 0.2; 
	filter: alpha(opacity=20);
	background-color:#000; 
	width:260px; 
	height:150px; 
	position:absolute; 
	top:0; 
	left:0;
}

div#wrapper2-contenido {
	text-align:center; 
	background-color:#FFF; 
	width:240px; 
	height:110px; 
	z-index:1; 
	position:absolute; 
	top:10px; 
	left:10px; 
	color:#000000;
	padding-top:20px;
	font-size:18px;
	color:#666;
}
div#wrapper2 p {margin:0;}


/***** HOTEL RECOMENDADO ****/
span.recomendado-r {position:absolute; top:0; left:-20px; width:15px; height:15px; background:#333;}
a.recomendado-color {color:#CE5811 !important;}



/************* MI CUENTA ******/
div.micuenta {
	position:absolute;
	top:5px;
	right:15px;
	/*text-transform:lowercase;*/
	color:#666 !important;
}
div.micuenta a {color:#666; font-weight:normal;}
div.micuenta img {vertical-align:baseline;}

div.horas {
	font-size:9px;
	color:#666 !important;
	padding-top:4px;
}
div.horas p {text-align:left; margin:0;}
div.horas p span {text-align:right; padding-right:4px; display:block; float:left; text-transform:none; font-weight:bold; width:35px;}