/*------------------------------------------------------------------
[Estilos con color para la seccion Travel]

1. Color claro: #D5E5F2;
2- Color medio: #ffc7a2;
3- Color Oscuro: #930;

-------------------------------------------------------------------*/

#content {
	width: 630px;
	padding: 5px 10px;
	_overflow: hidden;
}

#cuerpoViajes {
	margin-top: 15px;
}

#content h1 a,
.destacadas h2 a,
h2.titulo,
#cuerpoViajes h1 {
	font-family: georgia, "times new roman", times, serif;
	color: #900;
}

body, a {
	outline-style: none;
}

ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.cntViajes {
	border-left: #930 1px solid;
	border-right: #930 1px solid;
	float: left;
	width: 991px;
	background: url(http://www.hola.com/imagenes/comunes/viajes09/linea-discont-oscura.gif) 650px 0 repeat-y;
	margin-bottom: 15px;
}

h2.titulo,
h4.tituloUtilidades {
	float: left;
	background: url(http://www.hola.com/imagenes/comunes/viajes09/marcador.gif) 0 16px repeat-x;
	width: 100%;
	margin: 0 0 5px 0;
}

h2.titulo strong,
h4.tituloUtilidades strong {
	background: #fff url(http://www.hola.com/imagenes/comunes/viajes09/marcador.gif) 0 13px no-repeat;
	font-size: 18px;
	_font-size: 16px;
	font-weight: normal;
	padding: 0 2px 0 6px;
	color: #930;
}

h3.titulo {
	float: left;
	font-size: 14px;
	padding: 10px 0;
	margin: 0;
}

/* ----- BARRA DERECHA ----- */

#columnRight {
	width: 320px;
	padding: 5px 0 0 11px;
}

.publi,
#columnRight .barBlock,
.barLista,
.sp-content a,
.sp-content p,
.barBlock div {
	float: left;
}

.publi {
	background: #f5f5f5;
}

.publi img,
.publi object {
	margin: 10px;
}

#columnRight .barBlock {
	padding: 0 0 20px 0;
	width: 100%;
}

#columnRight .col-leftPicItem {
	padding: 10px 0;
	width: 100%;
	float: left;
}

.barLista {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-left: 9px;
}

ul.list-dosColumnas {
	width: 150px;
}

ul.list-unaColumna {
	padding-left: 0;
}

ul.list-unaColumna li {
	border-bottom: #d2d2d2 dashed 1px;
	padding: 10px 0 10px 8px;	
}

.dotGris {
	background: url(http://www.hola.com/imagenes/comunes/viajes09/linea-discont-gris.gif) top right repeat-y;
	padding: 0 10px 0 0;
}

.barLista li {
	background: url(http://www.hola.com/imagenes/comunes/viajes09/listas-marcador.gif) center left no-repeat;
	padding: 2px 0 2px 8px;
}

.leftCol .sp-header {
	background: url(http://www.hola.com/imagenes/comunes/viajes09/fondo-visitSpain.gif) left bottom repeat-x;
	height: 41px;
	padding: 0;
	margin: 0 0 0 -5px;
	width: 260px;
}

.sp-header a {
	float: right;
	background: url(http://www.hola.com/imagenes/comunes/viajes09/logo-visitSpain.gif) 0 1px no-repeat;
	width: 141px;
	height: 25px;
	text-indent: -9999px;
	margin: 4px 10px 0 0;
}

.sp-content h3.titulo,
.sp-content,
.sp-header {
	width: 100%;
}

.sp-content a.sp-link,
.sp-content p {
	width: 150px;
	padding-left: 7px;
	margin: 0;
}

.sp-content {
	padding-bottom: 5px;
	background: #fcf8f1;
}

#HelloSpain .sp-content,
#HelloSpain ul.barLista {	
	margin-left: -5px;
	background: #fcf8f1;
	width: 250px;
	padding: 5px;
}

#HelloSpain h2.titulo {
	width: 260px;
}

.leftCol h2.titulo { 
	background: url(http://www.hola.com/imagenes/comunes/viajes09/marcador-brown.gif) 0 16px repeat-x;
}

#HelloSpain h2.titulo strong {
	background-color: #fff;
}

#HelloSpain {
	padding-bottom: 0;
}

#columnRight .twoCol {
	width: 155px;
	padding-left: 5px;
}

.twoCol a {
	float: left;
	margin-bottom: 3px;
}

#columnRight .colA {
	padding: 0 5px 0 0;
}

#viajes-buscador h2.titulo {
	background: #f7deaf url(http://www.hellomagazine.com/imagenes/comunes/travel/travel-pest-buscador.gif) no-repeat;
	margin: 0;
	width: 320px;
	height: 41px;
}

#viajes-buscador h2.titulo strong {
	display: none;
}

#formviajes {
	border: #f2e8d3 5px solid;
	border-top: 0;
	float: left;
	margin: 0;
	width: auto;
	padding: 0;
}
#formviajes .vb-selector {
	width: 290px;
	padding: 7px 10px;
	background: #f7deaf url(http://www.hola.com/imagenes/comunes/viajes09/viajes-buscador-fondo.gif) repeat-x;
	border-bottom: 3px solid #f0eadc;
	float: left;
}

.select-barra,
#formviajes label {
	margin: 2px 0;
	width: 290px;
}

#formviajes label {
	float: left;
	padding: 0;
	display: block;
	font: bold 17px georgia, "times new roman", times, serif;
	color: #930;
}

/* ----- PORTADA viajes----- */

#principal, #principal h1, #principal p, #columns, .threeCol, .destacadas,
.destacadas img, .destacadas h2, .destacadas p, .destacadas a, #centralLine {
	float: left;
	font-size: 13px;
}

#columns a {
	font-size: 13px;
}

#principal h1,
#principal p {
	width: 100%;
	margin: 0;
}

#principal h1 a,
#hrural-principal h1 a,
#hrural-principal h1,
#cuerpoViajes h1, 
#hrural-ficha-cuerpo h1,
#hrural-ficha-cuerpo h1 a {
	font-size: 28px;
	padding-top: 5px;
}

#principal {
	padding-bottom: 15px;
}

#columns,
#centralLine {
	width: 650px;
	margin-left: -10px;
	_margin-left: -5px;
	background: url(http://www.hola.com/imagenes/comunes/viajes09/linea-discont-gris.gif) 280px top repeat-y;
	height: auto;
}

#centralLine {
	background: #ecf2f7 url(http://www.hola.com/imagenes/comunes/viajes09/centralLine-back.gif) repeat-x;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 10px 0 15px -10px;
	_margin-left: -5px;
	padding: 0 0 10px 0;
}

#centralLine h2.titulo strong {
	color: #000;
	background-color: #f9fbfd;
}

.threeCol {
	width: 200px;
	padding: 0 10px;
	height: auto;
}

.threeCol div {
	float: left;
	padding: 10px 0;
	width: 100%;
}

.col-leftPicItem {
	border-bottom: #d2d2d2 1px dashed;
}

.noBorder {
	border: 0;
}

#centralLine .col-leftPicItem {
	float: left;
	width: 200px;
	padding: 10px 9px 10px 8px;
	_padding: 10px 0 10px 1px;
	border-bottom: 0;
}

#centralLine .lineCol {
	background: url(http://www.hola.com/imagenes/comunes/viajes09/linea-discont-gris.gif) top right repeat-y;
}

.col-listItem ul.list-unaColumna li,
#HelloSpain ul.list-unaColumna li {
	border-bottom: 0;
	padding: 2px 0 2px 8px;	
}

.col-listItem {
	padding-bottom: 5px;
}

.col-listItem h3 {
	padding: 0 0 5px 0;
}

.doubleCol,
#centralLine .doubleCol {
	width: 410px;
}

.centerCol {
	background: url(http://www.hola.com/imagenes/comunes/viajes09//linea-discont-gris.gif) top right repeat-y;
	width: 190px;
}

.rightCol {
	width: 344px;
	padding-left: 15px;
}

.leftCol {
	width: 255px;
	padding-right: 16px;
	_overflow: hidden;
}

.leftCol h2 {
	margin-left: -5px;
}

.leftCol div {
	padding-left: 5px;
}

.col-leftPicItem img {
	float: left;
	padding: 0 5px 3px 0;
}

.col-leftPicItem a.itemText {
	position: relative;
	font-size: 14px;
}

.col-leftPicItem h3 {
	float: none;
	padding: 2px 0;
}

.leftCol .col-leftPicItem {
	background-color: #fcf8f1;
}

.leftCol h2.titulo strong {
	background: #fcf8f1 url(http://www.hola.com/imagenes/comunes/viajes09/marcador-brown.gif) 0 13px no-repeat;
}

.destacadas {
	border-top: #d2d2d2 1px dashed;
	padding: 15px 0;
	width: 100%;
}
.destacadas h2,
.destacadas p {
	width: 345px;
	margin: 0;
	padding-left: 10px;
}

.destacadas h2 a {
	font-size: 22px;
}

/* ----- noticias ----- */

#content h1,
#content #cuerpo h1,
#contentFotoReportaje #cuerpo h1,
#content h4.tituloUtilidades {
	font-family: georgia, "times new roman", times, serif;
	font-weight: normal;
	color: #930;
}

#content #cuerpo h1 {
	width: 100%;
}

#cuerpo {
	width: 620px;
	margin-left: 5px;
}

#cuerpo p,
#content #cuerpo h1,
#cuerpo h2 {
	padding: 5px 0 15px 0;
	margin: 0;
}

#content #cuerpo h1 {
	padding-bottom: 5px;
}

#content #foto {
	width: 230px;
	margin-left: 0;
	padding: 0;
}

.compartir {
	width: 100%;
	padding: 15px 0 10px 0;
	border-top: 0;
	height: auto;
	margin: 5px 0;
}

#content .listaCompartir {
	padding: 5px 1px;
	height: auto;
	float: left;
}

#content h4.tituloUtilidades {
	padding-left: 0;
	padding-right: 0;
}

#content #cuerpo .googleAds {
	margin: 0;
}

#content #cuerpo p.texto_google {
	float: left;
	width: auto;
	margin: 0;
	padding: 0 0 0 7px;
}

#content #cuerpo a.titulo_google {
	padding-left: 7px;
}

#content #cuerpo a.enlace_google {
	float: left;
	margin: 0;
	padding: 3px;
}

.gallery-navigation,
.gallery-photo {
	margin-left: 0;
}

/***** ----- HOTELES RURALES ----- *****/

#hrural-principal {
	float: left;
	position: relative;
	height: 365px;
}

#hrural-principal-ficha {
	margin: 15px 0;	
}

#hrural-principal img,
#hrural-principal-ficha img {
	border-bottom: 3px #d5e5f2 solid;
}

.secondPic img {
	opacity: 0;
	filter: alpha(opacity=0);
}

img.firstPic {
	position: absolute;
	left: 0;
	top: 0;
}

#hrural-principal h1,
#hrural-principal p {
	width: 450px;
}

#hrural-principal p,
#principal p {
	font-size: 14px;
}

#hrural-principal p,
#hrural-principal h1 a,
#hrural-principal h1 {
	margin: 0;
}

#hrural-principal-menu {
	position: absolute;
	width: 168px;
	height: 129px;
	background: url(http://www.hola.com/imagenes/comunes/viajes09/principal-nav-fondo.png) 0 21px  no-repeat;
	top: 214px;
	left: 460px;
}

.topMenu {
	height: 21px;
	width: 166px;
	padding-left: 2px;
	background: url(http://www.hola.com/imagenes/comunes/viajes09//principal-esq-top-right.png) right top no-repeat;
	/* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity: 0.7;
}

.topMenu span {
	background: #dfe8f1;
	width: 145px;
	height: 100%;
	float: left;
}

#hrural-principal-menu ul {
	background: #fff;
	width: 150px;
	padding: 5px 0 5px 5px;
	margin: 0 7px;
	_margin: 0 0 0 3px;
	float: left;
}

#hrural-principal-menu ul li {
	float: left;
	background: url(http://www.hola.com/imagenes/comunes/viajes09/principal-nav-off.gif) no-repeat;
	margin-right: 5px;
	list-style-type: none;
}

#hrural-principal-menu ul li.hrural-on {
	background: url(http://www.hola.com/imagenes/comunes/viajes09/principal-nav-on.gif) no-repeat;
}

#hrural-principal-menu ul li.hrural-on a {
	font-size: 24px;
	color: #d5e5f2;
	margin-top: -2px;
	height: 27px;
}

#hrural-principal-menu ul li a {
	font: 22px times, "times new roman", georgia, serif;
	width: 25px;
	height: 25px;
	text-align: center;
	float: left;
}

#hrural-principal-menu .hrural-area {
	float: left;
	width: 140px;
	margin-left: 9px;
	border-bottom: #a1b4c3 dashed 1px;
	padding: 5px;
	font-size: 12px;
}

#hrural-buscador {
	float: left;
	border: solid 5px #e9e9e9;
	border-top: 0;
	width: 625px;	
	margin: 30px 0 25px 0;
	position: relative;
	margin-left: -5px;
}

#hrural-ficha-cuerpo, #hrural-ficha-datos, #hf-botones, .hfb-boton,
#hrural-ficha-cuerpo p, #hrural-ficha-datos p, .hf-datos-item {
	float: left;
}

#hrural-ficha-cuerpo {
	width: 380px;
	margin-right: 15px;
}

#hrural-ficha-cuerpo h1 {
	padding: 0 0 5px 0;
	margin: 0;
}

#hrural-ficha-datos {
	width: 215px;
	background-color: #ecf2f7;
	padding: 10px;
}

#hf-botones {
	width: 219px;
	background-color: #d9e5ef;
	position: relative;
	margin: -10px 0 8px -10px;
	padding: 6px 8px;
	_margin-left: -5px;
}

.hfb-boton {
	width: 219px;
	height: 29px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 2px 0;
}

#hf-botones .fotos {
	background: url(http://www.hola.com/imagenes/comunes/viajes09/hotel-rural-bt-imagenes.gif) no-repeat;
}

#hf-botones .videos {
	background: url(http://www.hola.com/imagenes/comunes/viajes09/hotel-rural-bt-videos.gif) no-repeat;
}

.hf-datos-item {
	background-color: #fff;
	width: 205px;
	padding: 5px;
	margin-top: 2px;
}

.hf-datos-item,
.hf-datos-item a {
	font-size: 13px;
}

.hf-datos-item a {
	color: #900;
}

.hf-datos-item h2.titulo {
	height: 15px;
	background-position: 0px 14px;
}

.hf-datos-item h2.titulo strong {
	font-size: 16px;	
	background-position: 0px 9px;
}

#hrural-ficha-datos p {
	width: 96%;
	padding: 5px;
}

.hf-datos-item li {
	padding: 10px 0;
	border-bottom: 1px dashed #dedede;
}

/***** ----- FINAL HOTELES ----- *****/

h2.pestanya {
	position: absolute;
	float: left;
	width: 632px;
	background: url(http://www.hola.com/imagenes/comunes/viajes09/pest-fondo.gif) 0 3px repeat-x;
	height: auto;
	top: -50px;
	*top: -33px;
	left: -10px;
	padding-left: 8px;
}

h2.pestanya strong {
	text-indent: -9999px;
	width: 152px;
	height: 33px;
	float: left;
	background: url(http://www.hola.com/imagenes/comunes/viajes09/pest-buscador.gif) repeat-x;
}

#hrural-buscador div {
	width: 305px;
	float: left;
	padding: 0 0 10px 5px;
}

.fromBt {
	background: #900 url(http://www.hola.com/imagenes/comunes/viajes09/fondo-buscar.gif) repeat-x;
	border: 0;
	padding: 0;
	color: #fff;
	margin-top: 21px;
	padding: 0 5px 1px 4px;
}

#hrural-buscador label {
	display: block;
	padding: 0 0 5px 5px;
}

.select-rural {
	width: 95%;
	border: 1px solid #ccc;
}

.hrural-destacado img,
.destacado-foto {
	width: 200px;
	height: 75px;
}

.hrural-destacado {
	padding: 15px 0 20px 0; 
	margin-bottom: 5px; 
	border-bottom: 1px dashed #d2d2d2;
	float: left;
	width: 100%;
}

.destacado-foto,
#content a.destacado-area,
#content .destacado-town {
	float: left;
	margin: 0;
}

.destacado-area,
.destacado-town {
	width: 93px;
	padding: 6px 0 0 7px;
}

#content a.destacado-area {
	font-weight: bold;
	height: 24px;
	background: #dde8f1 url(http://www.hola.com/imagenes/comunes/viajes09/destacado-degra.gif) repeat-x;
}

#content .destacado-town { 
	height: 39px;
	background: #ecf2f7;
}

.hrural-destacado p,
h2.destacado-nombre a {
	float: left;
	width: 100%;
	padding-top: 5px;
	margin: 0;
}

.hrural-destacado p {
	min-height: 50px;
}

h2.destacado-nombre a { 
	font-size: 18px;
}

.hrural-colA,
.hrural-colB {
	width: 300px;
	float: left;
}

.hrural-colA {
	padding-right: 14px;
	border-right: 1px dashed #d2d2d2;
}

.hrural-colB {
	padding-left: 15px;
}

#cuerpoViajes .textoViajes {
	float: left;
	width: 60%;
	padding-right: 7px;
}

.datosHotel {
	float: left;
	width: 215px;
	padding: 5px 10px;
	margin: 15px 0 0 10px;
	background-color: #ECF2F7;
}

.datosHotel .col-leftPicItem {
	border-bottom: none;
	background-color: #fff;
	padding: 5px;
	margin: 1px 0;
	float: left;
}

.datosHotel .col-leftPicItem p {
	padding: 5px 10px;
}

.datosHotel .col-leftPicItem .contactoHotel {
	border-bottom: 1px dashed #DEDEDE;
	margin: 5px 0;
}

.datosHotel .col-leftPicItem .contactoHotel,
.datosHotel .col-leftPicItem .contactoHotel a {
	font-size: 13px;
}

.datosHotel .col-leftPicItem .contactoHotel a {
	color: #900;
}

/* ----- Busquedas ----- */

#content .search_paginationEspeciales {
	margin-left: -10px;
	width: 640px;
}

#content .search_paginationEspeciales a {
	color: #900;
}

#content .destacadas {
	padding: 20px 0;
	border-color: #d4b9ab;
}

#content .destacadas a {
	font-size: 20px;
}

#content .destacadas h2.noPic {
	width: 95%;
	padding-left: 0;
	font-size: 10px;
}

/* ----- Bloque blogs ----- */

.blogDestacado {
	float: left;
	width: 97%;
	padding: 0 0 5px 0;
	margin: 10px 0;
	border-bottom: 1px dashed #E0EEEE;
}

.blogDestacado a,
.enlace {
	color: #036;
}

.blgTitulo {
	font-weight: bold;
	font-size: 14px;
}

#relacionadas {
	margin-bottom: 20px;
	width: 94%;
}