@import url("http://www.venyviaja.com/css/menu-nuevo.css");
@import url("http://www.venyviaja.com/css/micuenta-nuevo.css");

/* CSS Document */

/************************************************************************************************/
/****************************************** INDEX ***********************************************/
/************************************************************************************************/
div.info-in {
	padding:5px !important;
}
/**************************************************************** FORMULARIO **************/
div#formularioplayas {
	width:516px;
	min-height:265px;
	margin-right:6px;
	float:left;
	color:#333;
}
div#formularioplayas select {
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

div.formularioplayas-cuerpo {
	border-left:1px solid #c8c5c5;
	border-right:1px solid #c8c5c5;
	background:#efefef;
	padding:0 5px;
	min-height:192px;
}

div.formulario-contenido {
	background:#fff;
	border:1px solid #e5e5e5;
	padding:6px;
	padding-bottom:30px;
	min-height:177px;
	position:relative;
}

table#form-destino, table#form-fechas {
	width:100%; border:none; padding:0; margin-bottom:4px;
}
/*table#form-destino td {width:50%;}*/
/*table#form-fechas td {width:33%;}*/

div.form-hab-linea {
	margin:8px 5px 5px 5px;
	padding-bottom:4px;
	border-bottom:1px solid #e5e5e5;
}

div.form-boton {
	text-align:right;
	position:absolute;
	bottom:5px;
	right:5px;
}

/**************************************************************** MAPA **************/
div#mapaplayas {
	float:right;
	height:265px;
}

/**************************************************************** OFERTAS **************/
div#ofertasplayas-tit {padding:5px 0 0 5px; background:#ee7a00;}
div#ofertasplayas {
	border:3px solid #ee7a00;
	padding:5px;
	overflow:hidden;
}


/**************************************************************** OFERTA PLAYA **************/
div.ofertaplaya {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:1px;
	border:1px solid #d9d9d9;
	margin:0 8px 5px 5px;
	width:156px;
	height:262px;
	float:left;
}
div.ofertaplaya-foto {
	width:156px;
	height:107px;
	overflow:hidden;
	margin-bottom:5px;
}
div.ofertaplaya h4 {
	font-size:12px;
	color:#666;
	margin:0 4px 4px 4px;
}
div.ofertaplaya h4 span {font-weight:normal; font-size:9px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

div.ofertaplaya h5 {
	margin:0 4px 4px 4px;
	font-size:12px;
}
div.ofertaplaya h5 a {
	color:#ee7a00;
	text-decoration:none;
}
div.ofertaplaya h5 a:hover {border-bottom:1px solid #ee7a00;}	

div.ofertaplaya p {
	color:#666;
	font-size:12px;
	margin:4px;
	line-height:120%;
}
div.ofertaplaya p strong {font-weight:normal; color:#333;}

div.ofertaplaya h6 {
	color:#666;
	margin:6px 4px 4px 4px;
	font-size:12px;
}
div.ofertaplaya h6 strong {color:#ee7a00;}

/**************************************************************** DESTINOS **************/
div#destinosplayas-tit {
	background:#ee7a00;
	padding:5px 5px 3px 5px;
	margin-bottom:5px;
	width:506px;
	float:left;
}
div#destinosplayas {
	width:506px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:5px;
	float:left;
}

div#destinosplayas h4 {
	font-size:14px;
	margin:10px 0 5px 0;
	color:#ee7a00;
}
div#destinosplayas h4 a {color:#ee7a00; text-decoration:none;}

div#destinosplayas p {
	margin:4px 0;
}
div#destinosplayas p a {
	color:#666;
	margin-right:7px;
	text-decoration:none;
}
div#destinosplayas p a:hover {color:#000;}

div.costas-linea {
	overflow:hidden;
	margin-bottom:5px;
}

div.costa {
	width:158px;
	margin:0 10px 10px 0;
	float:left;
}
div.costa h5 {
	font-weight:normal;
	font-size:12px;
	color:#333;
	margin:0 0 3px 0;
}
div.costa h5 a {color:#333; text-decoration:none;}
div.costa h5 a:hover {color:#000;}

div#destinosplayas div.costa p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	text-decoration:none;
	margin:0;
}
div#destinosplayas div.costa p a {
	color:#666;
	margin-right:3px;
}
div#destinosplayas div.costa p a:hover {color:#333;}

div.separadorplayas {border-bottom:1px solid #c5c5c5;}

div#bannersplayas {float:right; width:369px;}


/************************************************************ DESTINO ***************************/
div.ciudad-linea {
	overflow:hidden;
	margin-bottom:5px;
}
div.ciudad-linea p {
	width:240px;
	float:left;
	height:15px;
	margin:0 0 4px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

div.listado-lateral {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	/*padding-left:10px;*/
	color:#666;
}
div.listado-lateral p {
	margin:0;
	height:15px;
	padding:5px;
}
div.listado-lateral p:hover {background:#f5f5f5;}
div.listado-lateral h4 {color:#ee7a00; font-size:18px; margin:5px 0 10px 10px;}
div.listado-lateral a {
	color:#666;
	text-decoration:none;
}
div.listado-lateral a:hover {color:#333;}
/************************************************************************************************/
/****************************************** BÚSQUEDA ********************************************/
/************************************************************************************************/

/**************************************************************** CUADRO BÚSQUEDA **************/
div.cuadro-busqueda {
	background:#f5f5f5;
	border:1px solid #c5c5c5;
	padding:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div.cuadro-busqueda h3 {
	font-size:16px;
	margin:0 0 10px 0;
}
div.cuadro-busqueda h3 a {color:#ee7a00;}
div.cuadro-busqueda p {
	font-size:12px;
	margin:4px 0;
	color:#666;
}
div.cuadro-busqueda p span {font-size:10px;}
div.cuadro-busqueda p strong {color:#333;}

/**************************************************************** FILTRO **************/
div.filtro {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:5px 5px 5px 5px;
	color:#333;
	margin-bottom:10px;
	border-bottom:1px solid #e5e5e5;
}
div.filtro h4 {
	font-weight:normal;
	font-size:12px;
	margin:8px 0 10px 0;
}
div.filtro p {
	margin:0 0 10px 0;
	color:#666;
}
div.filtro p a {
	color:#666;
	margin:0 8px;
}
div.filtro select {
	font-size:12px;
	margin-right:10px;
	color:#666;
}

div#listado-ciudades {line-height:150%; overflow:hidden;  position:relative;}
div.filtro div p a {
	margin:0 10px 0 0 !important;
	margin-left:0 !important;
	display:block;
	float:left;
	text-decoration:none;
	text-transform:capitalize;
}
div.filtro div p a:hover {color:#000; text-decoration:underline;}
div.filtro div strong {
	float:left;
	display:block;
	margin-right:5px;
}

div#actualizando {
	position:absolute;
	left:200px;
	top:150px;
	width:300px;
	/*height:60px;*/
	text-align:center;
	background:#fff;
	border-right:2px solid #e5e5e5;
	border-bottom:2px solid #e5e5e5;
	z-index:100;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
}
div.actualizando-in {border:1px solid #a5a5a5; padding-top:20px;}
div#previo-actualizando {
	position:absolute;
	left:100px;
	top:150px;
	width:500px;
	/*height:264px;*/
	height:350px;
	background:#fff;
	border:4px solid #e5e5e5;
	z-index:100;
}


/**************************************************************** PAGINACION **************/
div.paginacion-playas {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:0 5px;
	position:relative;
	margin-bottom:7px;
}
div.paginacion-playas p {
	margin:0;
}
div.paginacion-playas p strong {color:#ee7a00;}

div.paginacion-playas-paginas {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
}
div.paginacion-playas-paginas p {margin:0;}
div.paginacion-playas-paginas p a {color:#333;}
div.paginacion-playas-paginas p a#aqui {color:#ee7a00;}


/**************************************************************** HOTEL PLAYA **************/
div.hotelplaya {
	border:3px solid #c5c5c5;
	padding:14px 5px 5px 5px;
	margin-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden;
}
.oferta {
	border:3px solid #ee7a00 !important;
}
div.hotelplaya-oferta {padding:3px; color:#fff; background:#ee7a00; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
div.hotelplaya-oferta p {margin:0;}
div.hotelplaya-foto {
	float:left;
	width:140px;
}
div.hotelplaya-foto p {
	margin:0 0 8px 0;
	font-size:11px;
}
div.hotelplaya-foto a {color:#ee7a00;}
div.hotelplaya-foto img {vertical-align:middle;}

div.hotelplaya-info {
	margin-left:140px;
}
div.hotelplaya-info h5 {
	color:#333;
	font-size:16px;
	margin:0 0 5px 0;
	padding-bottom:5px;
	border-bottom:1px solid #c5c5c5;
	font-family:Arial, Helvetica, sans-serif;
}
div.hotelplaya-info h5 a {color:#333; text-decoration:none;}
div.hotelplaya-info h5 a:hover {text-decoration:underline;}
div.hotelplaya-info h5 span {
	display:block;
	float:right;
	text-align:right;
	font-size:12px;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div.hotelplaya-info h5 span strong {font-size:16px; color:#ee7a00;}
div.hotelplaya-info h5 img {margin-right:2px;}
div.hotelplaya-info p {color:#666; font-size:12px; line-height:150%;}

div.hotelplaya-info-precio {margin:5px 0;}
div.hotelplaya-info-precio p {
	margin:0;
	padding:5px;
	text-align:right;
	 overflow:hidden; 
}
div.hotelplaya-info-precio p img {vertical-align:middle; margin-left:5px;}
div.hotelplaya-info-precio p span {
	display:block;
	float:left;
	width:370px;
	padding-top:4px;
	text-align:left;
}
div.hotelplaya-info-precio p strong {color:#ee7a00;}
p.colorprecio {background:#f5f5f5;}

/**/
div.hotelplaya-info h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	margin:0;
	font-weight:normal;
	text-transform:uppercase;
}
div.hotelplaya-info h6 a {color:#666;}
div.hotelplaya-info h6 a:hover {color:#000;}
/**/
	
/************************************************************************* DESTINOS CERCANOS *************/
div.tiposviaje p {
	margin:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
}
div.tiposviaje p a {
	color:#666;
	text-decoration:none;
}
div.tiposviaje p a:hover {text-decoration:underline;}
div.tiposviaje h5 {
	font-size:12px;
	color:#333;
	margin:10px 5px 5px 5px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div.tiposviaje h6 {
	font-size:11px;
	color:#666;
	margin:10px 5px 5px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/************************************************************************** ESCAPADAS ******************/
div.playa-escapada {
	margin:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	border-bottom:1px solid #e5e5e5;
}
div.playa-escapada h6 {
	font-size:9px;
	text-transform:uppercase;
	color:#666;
	margin:0 0 3px 0;
	font-weight:normal;
}
div.playa-escapada h5 {
	font-size:11px;
	color:#333;
	margin:0 0 5px 0;
}
div.playa-escapada h5 a {color:#333; text-decoration:none;}
div.playa-escapada h5 a:hover {color:#000;}
div.playa-escapada p {
	font-size:11px;
	color:#666;
	margin:0 0 4px 0;
}
div.playa-escapada p strong {color:#ee7a00;}


/************************************************************************** DESTINO COSTA ******************/
div#playasizquierda {
	width:516px;
	float:left;
}

div#playasderecha {
	float:right;
}

div.flotarcostas h6 {
	float:left;
	width:165px;
	height:18px;
	font-weight:normal;
	margin-left:8px;
}
div.flotarcostas h6 a {color:#666; text-decoration:none;}
div.flotarcostas h6 a:hover {color:#000;}

/************* BUSCADOR REDUCIDO EN BÚSQUEDA **************/
div.buscador-reducido {
	padding-bottom:10px;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:5px;
	background:url(http://www.venyviaja.com/playas/images/fondo-buscador-home.gif) repeat-x;
	position:relative;
}
div.buscador-reducido h2 {
	height:15px;
	padding:8px;
	background:#666;
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	margin-bottom:5px;
}

div.buscador-reducido p {clear:both; color:#666; margin-left:8px; margin-top:0; margin-bottom:0px; height:15px;}
div.buscador-reducido p.forms {overflow:hidden;  height:25px; margin-bottom:4px;}

div.buscador-reducido p span {float:left; margin-right:10px;}

div.buscador-reducido p span.uno {width:230px;}
div.buscador-reducido p span.dos {width:200px;}
div.buscador-reducido p span.tres {width:100px;}
div.buscador-reducido p span.cuatro {width:100px;}
div.buscador-reducido p span.cinco {width:150px;}
div.buscador-reducido p span.seis {width:70px; padding-top:2px;}

div.buscador-reducido .campofecha {width:70px;}

div.buscador-reducido p span.uno select {width:220px;}
div.buscador-reducido p span.dos select {width:190px;}

div.boton-buscar {
	position:absolute;
	top:80px;
	left:678px;
}