﻿@import url("plantilla.old.css");
@import url("/css/plantilla/fonts/ZurichXCnBTRegular.css");
/*@import url("plantilla.angosto.css"); */

/*SHORTHANDS*/

/*background:	background-color 	background-image 	background-repeat 	background-position 	background-attachment;	*/

/*	border:		border-width 		border-style 		border-color;		*/

/*	font:		font-style 			font-variant 		font-weight 		font-size/line-height 	font-family;	*/

/*	padding:	top 	right 		bottom		left;	
	padding:    top&bottom			right&left; */

/*	ul li:		list-style-type 	list-style-position list-style-image; 	*/

/* Estilos generales aplicados en todo el sitio */


table, tr, td {
	padding: 0px; 
	border:0px none white;
	border-spacing: 0px; 
	margin: 0px; 
	vertical-align:top; 
}

a { 
	outline-style:none; 
	text-decoration: none; 
	color: inherit; 
}

a img { 
	border-style:none; 
}

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

body { 
    background: #E3F0FC url("back.gif") repeat-x;
	margin: 0px; 
	padding: 0px; 
	/*font:11px Tahoma; */
	color: #929292; 
}
.clear { 
    clear: both; 
}

hr { 
	border-style: none; 
	height: 10px; 
	margin: 0; 
}

/* Master: esquema básico de la página (inc. columnas con contenido del sitio) */
div.pagewrap { 
	width: 940px; 
	margin: 0 auto 0px auto; 
	padding: 5px 10px 0px 10px; 
	background-color: White; 
}

div.ColumnaMenuI { 
	float: left; 
	width: 160px; 
	min-height: 1px; 
}

div.ColumnaMenuD { 
	float: right; 
	width: 160px; 
	min-height: 1px; 
	border:solid 0px red;
}

div.ColumnaCentral, div.ColumnaCentralDetalleClasicoProducto, div.ColumnaCentralPaseo {
	margin: 0px 15px; 
	width: 590px; 
	float: left; 
	color: #6d6951; 
	font: 12px Arial; 
}
div.ColumnaAmplia
{    
	margin: 0px 40px 0 40px;
	width: 700px; 
	float: left; 
	color: #7A746B; 
	font: 11px Tahoma;	
}

div.ColumnaCentralDetalleClasicoProducto{ 
    margin-left:10px; 
    width: 600px;
}

div.ColumnaDoble { 
    margin: 0 15px; 
    width: 740px; 
    float: left; 
}

/* Master: Encabezado con slide de imágenes y logotipo del sitio.*/
div.EncabezadoSitio { 
    height: 179px; 
    background:#F6F6F4 url("/imgs/comunes/loader_encabezado.gif") no-repeat center; 
    position:relative; 
}

div.EncabezadoSitio img.TituloSitio { 
    display: block; 
    position: absolute; 
    top: 10px; 
    left: 20px; 
}

/* Master: Barra superior con enlaces al cambio de idioma, formulario de contacto, etc. */
div.BarraSuperior { 
    display:block;      /* Fix para que el Facebook del or&%! no estire la pagina y genere scroll     */
    position:relative;  /*                                 ||                                         */
    width:940px;        /*                                 ||                                         */
    height: 28px; 
    line-height: 12px; 
    border:solid 0px red; 
}

div.BarraSuperior .Fecha{ 
    float:left;
}

 div.BarraSuperior ul.Enlaces { 
    float:right; 
    margin: 5px 0px 0px 0px; 
    padding:0px; 
    display:inline-block; 
    list-style-type:none;
}
 div.BarraSuperior ul.Idiomas { 
    margin: 5px 0px 0px 0px; 
    padding:0px; 
    display:inline-block; 
    list-style-type:none;
    width:100px;
    font:11px Tahoma;
}

div.BarraSuperior ul.Enlaces{ 
    float:left;
}
div.BarraSuperior ul.Enlaces { 
    font-size:10px; 
    margin-right:5px;
}
    
div.BarraSuperior ul.Idiomas li, div.BarraSuperior ul.Enlaces li { 
    display: inline; 
}

div.BarraSuperior ul.Idiomas a, div.BarraSuperior ul.Enlaces a { 
    text-decoration: none; 
    letter-spacing: 1px; 
    color: #444444; 
    font-family:Tahoma;
}

div.BarraSuperior ul.Idiomas img{
    vertical-align:middle;
    margin-top:-1px;
}
/*div.BarraSuperior ul.Enlaces a:after { content:" |"; }*/

/* Master: Menu horizontal bajo el slide de fotos, con enlaces a secciones del sitio */
.MenuHorizontal
{
    display:inline-block;
    width:100%;
    height:30px;
    border:solid 0px red;
    /*background-color:Black;*/
    background: url("/imgs/comunes/menuhorizontal.jpg") repeat-x; 
    text-align:center;
    margin:2px 0px;
}

.MenuHorizontal .contenedorMenuHorizontal
{
    display:block;
    width:auto;
    margin-left:auto;
    margin-right:auto;
    border:solid 0px white;
}

.MenuHorizontal .itemMenuHorizontal
{
    display:inline;
    height:30px !important;
    line-height:30px !important;    
    width:auto;
}

.MenuHorizontal a { 
    
	color: #E5F1FD; 
	display: inline-block; 
	width:auto;
	/*margin-right: 2px;*/
	text-align: center; 
	font-family:Tahoma;
	font-size:10px; 
	font-weight: bold; 
	text-transform: uppercase; 
	padding:0px 16px; 
	height:30px;
	line-height:30px;
	background: url("/imgs/comunes/MenuHorizontalOver.jpg") repeat-x; 
	background-position:center -30px;
	border:solid 0px green;
} 

.MenuHorizontal a:hover { 	
	color:#382d2b;
	background-position:center top;
} 

/* Master: Pie del sitio */
div.PieNuevoSitio { 
    text-align:center;
	width: 960px; 
    clear: both; 
    margin:0px auto 10px auto;
    border-style:solid;
    border-color:#BBBBBB;
    border-width:0px 0px 1px 0px;
    font-family:Tahoma;
}
div.PieSitio { 
    clear: both; 
    display:inline-block; 
    margin-top:50px;
    border-width:0px;
}

div.PieNuevoSitio ul.Destinos { 
    height: 142px; 
    background-image: url("/ascx/plantilla/PieWeb/imgs/fondo.jpg"); 
    padding-left: 50px; 
    font-size: 11px; 
}

div.PieNuevoSitio ul.Destinos li { 
    text-align:left;
    width: 135px; 
    margin: 0 17px; 
    float: left; 
    height: 140px; 
    padding-left: 40px; 
    background: url("/ascx/plantilla/PieWeb/imgs/SeparadorPie.png") no-repeat left center; 
}

div.PieNuevoSitio ul.Destinos li.Empresa { 
    background-image: none; 
    padding: 0; 
    width: 190px;

}
div.PieNuevoSitio ul.Destinos li.Empresa ul.ItemsEmpresa { 
    margin-left:34px;
}

div.PieNuevoSitio ul.Destinos li.Empresa img { 
    vertical-align: top; 
}

div.PieNuevoSitio ul.Destinos li li { 
    float: none; 
    margin: 0; 
    padding: 0; 
    height: auto; 
    background-image: none; 
}

div.PieNuevoSitio ul.Destinos a { 
    color: #8c8c8c;     
}

div.PieNuevoSitio ul.Destinos h3 { 
    padding: 0; 
    margin: 10px 0; 
    color: white; 
    font:normal normal normal 18px Helvetica;
    color: #8ED7EB; 
}

div.PieNuevoSitio ul.Destinos h3 img { 
    vertical-align: middle; 
}



/* Busquedas Recomendadas */
ul.BusquedasDestacadas { 
    display: block; 
    width: 586px; 
    float:left; 
    margin:15px 0px 0px 0px; 
    padding:0px; 
    list-style-type:none; 
    border:solid 1px #e8e8e8; 
    border-top-width:0px;
}

ul.BusquedasDestacadas .Titulo { 
    display: block; 
    width: 588px; 
    float:left;
}

ul.BusquedasDestacadas h4 { 
    margin: 0; 
    height: 12px;  
    width: 576px; 
    padding: 4px auto 5px 10px;
    background-color: #e8e8e8; 
    color:#786a6a; 
    font-size:11px;
}

ul.BusquedasDestacadas li { 
    display: block; 
    white-space:nowrap; 
    float:left; 
    width:195px;
}

ul.BusquedasDestacadas li:hover { 
    background-color: white; 
}

ul.BusquedasDestacadas a { 
    display: block; 
    padding: 0px 10px; 
    line-height:16px; 
    color: #786a6a; 
}

ul.BusquedasDestacadas a:hover { 
    color: red; 
}

/* Cuadro pequeño lateral con datos meteorológicos que aparece en la portada del sitio.
div.CuadroClima { 
    background: url("/ascx/default/EstadoDelTiempo/imgs/fondo.jpg") no-repeat center bottom; 
    height: 200px; 
    width: 160px; 
    text-align: center; 
}

div.CuadroClima h4 { 
    margin: 0px auto 8px auto; 
    background-image: #C4C0BD url("/imgs/comunes/encabezado_botonera.jpg"); 
    height: 12px; 
    padding: 5px 10px 6px 10px; 
    color: white; 
    text-shadow: #9C9897 -1px 1px 0px; 
    text-align: left; 
    font-size:12px;
}
div.CuadroClima span { 
    display: block; 
}

div.CuadroClima span.Temperatura { 
    color: #6B873C; 
    font-size: 23px; 
    text-align: center; 
    text-decoration: none; 
}

div.CuadroClima span.Descripcion { 
    color: #6B873C; 
}

div.CuadroClima span.STermica { 
    color: #797904; 
}

div.CuadroClima span.verPronostico { 
    height: 10px; 
    margin: 5px auto 5px 5px; 
    color: #8C7E5A; 
    font-weight: bold; 
    text-decoration: none;
    width: 100px; 
    background: url("/ascx/default/EstadoDelTiempo/imgs/flecha.jpg") no-repeat left bottom;
}
*/
/* Cuadros informativos en la portada del sitio */
ul.CuadrosInfo li { 
    float: left; 
    margin-top: 6px; 
}

div.CuadroInfo { 
    position: relative; 
    width: 183px; 
    height: 249px; 
    color: #78746B; 
    font-size: 11px; 
}

div.CuadroInfo:hover { 
    top: -3px; 
    left: -3px; 
    -moz-box-shadow: 3px 3px 0px #E7E8E5; 
    -webkit-box-shadow: 3px 3px 0px #E7E8E5; 
    box-shadow: 3px 3px 0px #E7E8E5; 
}

li.mid { 
    width: 222px;
}

li.mid div.CuadroInfo { 
    margin: auto; 
}

div.CuadroInfo img { 
    display: block; 
    position: absolute; 
    left: 0; 
    top:0; 
    z-index: 0; 
}

  div.CuadroInfo div.Cuadro1
, div.CuadroInfo div.Cuadro2
, div.CuadroInfo div.Cuadro3
, div.CuadroInfo div.Cuadro4
, div.CuadroInfo div.Cuadro5
, div.CuadroInfo div.Cuadro6 { 
    position: relative; 
    top: 0; 
    left: 0; 
    z-index: 1; 
}

div.CuadroInfo div.Cuadro1 { 
    padding: 40px 10px; 
}

div.CuadroInfo div.Cuadro6 { 
    padding: 40px 15px; 
}

  div.CuadroInfo div.Cuadro2
, div.CuadroInfo div.Cuadro3
, div.CuadroInfo div.Cuadro4
, div.CuadroInfo div.Cuadro5 { 
    padding: 53px 15px; 
}

div.CuadroInfo a { 
    bottom: 0; 
    display: block; 
    height: 249px; 
    position: absolute; 
    width: 183px; 
    z-index: 10; 
}

  div.CuadroInfo div.Cuadro1
, div.CuadroInfo div.Cuadro3
, div.CuadroInfo div.Cuadro5 { 
    color: #78746B !important; 
}

  div.CuadroInfo div.Cuadro2
, div.CuadroInfo div.Cuadro4
, div.CuadroInfo div.Cuadro6 { 
    color: #516E9C !important; 
}

/* Cuadro de busquedas con enlaces que aparece al pie de la pagina */
div.BusquedasImportantes { 
    border: solid 1px #DCDBD7; 
    margin: 5px 0; 
    font-size: 10px; 
}

div.BusquedasImportantes h3 { 
    background-color: #DCDBD7; 
    color: #494948; 
    margin:0; 
    padding: 2px; 
    font-weight: normal; 
    display:block; 
    font-size: 12px;/* text-shadow: #B52618 -1px 1px 0px;*/ 
}

div.BusquedasImportantes ul { 
    display: block;  
    padding: 4px; 
    height: 75px; 
}

div.BusquedasImportantes li { 
    display: block; 
    float: left; 
    margin: 0; 
    padding: 0; 
    width: 25%; 
}

div.BusquedasImportantes a { 
    color: #929292; 
}

div.BusquedasImportantes a:hover { 
    color: red; 
}

/* Destacados en portada de Alojamientos, Gastronomia, etc. */
ul.AreaDestacados li { 
    float: left; 
    width: 170px; 
    text-align: left; 
    margin:0px 5px 2px 5px; 
    color: #766E61; 
    font-size: 11px; 
}

ul.AreaDestacados h4 { 
    margin: 0px 0px 1px 0px; 
    padding: 2px 0; 
    background-color: #F4F0E7; 
    color: #5d5a55; 
    font-size: 12px; 
    line-height: 28px; 
    text-align: center; 
    font-family:Arial;
}

ul.AreaDestacados img { 
    display: block; 
    margin: 4px auto 0px auto; 
    padding: 1px; 
    background-color: white; 
}

ul.AreaDestacados div.ItemDestacado { 
    font-family:Arial;
    width: 161px; 
    height:210px;
    margin: auto auto 4px auto; 
    border: 1px solid #EFEFED; 
    padding: 4px; 
    -moz-box-shadow: 2px 2px 0px #F0EFEE; 
    -webkit-box-shadow: 2px 2px 0px #F0EFEE; 
    box-shadow: 2px 2px 0px #F0EFEE;  
}

ul.AreaDestacados li.izq div.ItemDestacado { 
    margin: 0; 
}

ul.AreaDestacados li.der div.ItemDestacado { 
    margin: 0px 0px 0px 26px;
}


ul.AreaDestacados p { 
    margin: 1px 5px 0 5px; 
}

div.DetalleDestacados {
    display:inline-block; 
    border:solid 0px red;
}

div.DetalleDestacados img {  
    border: solid #CACBC6; 
    border-width: 1px 2px 2px 1px; 
    float: right;
    margin: auto auto 10px 10px; 
    padding: 8px; 
}

/* Cuadros de clima extendido */
ul.ClimaExtendido { 
    height: 277px; 
    display: block; 
    width: 740px; 
    margin: 20px auto; 
    font:11px Tahoma;
}

ul.ClimaExtendido li { 
    background:url("/Clima/ascx/ClimaExtendido/imgs/fondo_clima.jpg") no-repeat;
    width: 137px; 
    height: 277px; 
    margin-left: 10px; 
    float: left; 
}

ul.ClimaExtendido h3 { 
    margin: 0; 
    padding: 0; 
    font: normal normal normal 18px/50px Georgia;
    text-align: center; 
    text-transform: capitalize; 
}

ul.ClimaExtendido strong { 
    font-weight: normal; 
}

ul.ClimaExtendido img { 
    display: block; 
    margin: 12px auto;
}

ul.ClimaExtendido span.Descripcion { 
    color: #79735B; 
    font-weight: bold; 
    height: 35px; 
    padding: 0 10px 0 20px; 
    text-align: left; 
    vertical-align: top; 
    display: block;
}

ul.ClimaExtendido span.Temperatura { 
    color: #FBAE46; 
    text-align: left; 
    display: block; 
    margin: 0 20px; 
}

ul.ClimaExtendido span.Lluvias { 
    color: #86ACD8; 
    text-align: left; 
    display: block; 
    margin: 1em 10px auto 20px; 
}

/* Paseos */
div.TituloPaseo 
{    
    color:#89A8C7;
    margin-top:20px;
    text-align:left;
    /*padding-left:35px;*/ 
    width:530px; 
    /*font: normal normal bold 17px/22px  arial;*/    
    font-family:ZurichXCnBTRegular;
    font-size:25px;
    position: relative; 
    background:url(./../../imgs/punto.jpg) no-repeat 0 0;
}

div.TituloPaseo img { 
    position: relative; 
    left: 30px; 
    top: 2px; 
}

/* Mapa */
div.MapaCiudad { 
    margin: 0 5px; 
    width: 750px; 
    float: left;  
}

div.MapaCiudad ul { 
    background-color: #DAD6D3; 
    height: 24px; 
    padding: 2px; 
    position: relative; 
}

div.MapaCiudad ul li { 
    display: block; 
    float: left; 
    margin: 3px 40px 3px 3px; 
    color: #655F53; 
}

div.MapaCiudad ul li img { 
    vertical-align: top; 
}

div.MapaCiudad ul input[type="submit"] { 
    background-color: #EC3223; 
    border-width: 0px; 
    color: #FFFFFF; 
    font:normal normal bold 11px tahoma;
    letter-spacing: 1px; 
    margin-right: 5px; 
    padding: 4px 6px; 
    position: absolute; 
    top: 3px; 
    right: 0; 
}

div.MapaCiudad div.BuscarDireccion { 
    background-color: #F6F6F6; 
    border: 1px solid #E0E0E0; 
    height: 20px; 
    margin: 5px 0; 
    padding: 5px; 
    position: relative; 
}

div.MapaCiudad div.BuscarDireccion input[type="submit"] { 
    background-color: #DB301F; 
    border-width: 0; 
    color: #FFFFFF; 
    font: normal normal bold 11px Tahoma;
    letter-spacing: 1px; 
    margin-right: 5px; 
    padding: 4px 6px; 
    position: absolute; 
    top: 3px; 
    right: 0; 
}

div.MapaCiudad iframe { 
    width: 742px; 
    border: 1px solid #A9A9A9; 
    padding: 3px; 
}

/*div.PortadaGaleriaFotos { padding: 0 10px; width: 590px; }*/
div.PortadaGaleriaFotos h3
, div.PortadaGaleriaFotos h4 { 
    margin: 0; 
    color: red; 
}

div.PortadaGaleriaFotos h3 { 
    font-family: Arial; 
    font-size: 19px; 
}

div.PortadaGaleriaFotos h4 { 
    color: #7A746B; 
    text-transform: uppercase; 
    font: normal normal normal 13px Helvetica; 
    margin-top: 2px; 
}

div.PortadaGaleriaFotos img { 
    float: right; 
}
/*
div.PaseosDestacados li { 
    width: 280px; 
    margin:0px 0px 10px 0px; 
    padding: 5px auto auto 8px;
    display: block; 
    float: left; 
    height: 310px; 
    position: relative;  
}

div.PaseosDestacados li.der { 
    margin-left: 14px;
}

div.PaseosDestacados img { 
    height: 168px; 
    display: block; 
}

div.PaseosDestacados h3, div.PaseosDestacados h4 { 
    clear: both; 
}

div.PaseosDestacados h3 { 
    color:#7A736D; 
    font: normal normal normal 18px Arial;
    margin: 0 0 7px -8px;
}

div.PaseosDestacados h4 { 
    font-size: 12px; 
    margin: 5px; 
    color:#DF301D; 
    width:265px; 
    overflow:hidden;
}

div.PaseosDestacados .descripcionPaseo { 
    display:inline-block; 
    background-image:none; 
    margin: 5px; 
    padding-bottom: 15px; 
    width:225px; 
    height:38px; 
    overflow:hidden; 
    text-decoration:none; 
    color:#7a746b; 
    float:left;
}

div.PaseosDestacados .descripcionPaseo:hover { 
    text-decoration:underline; 
}

div.PaseosDestacados #descripcionTitulo{ 
    display:inline-block; 
    color:#DF301D; 
    border-top:dotted 1px #666666; 
    padding-top:10px; 
    width: 100%; margin: auto;
}

div.PaseosDestacados #descripcion{ 
    border-bottom:dotted 1px #666666; 
    padding-bottom:15px; 
    width:592px; 
    height:auto; 
}

div.PaseosDestacados li .sombraPaseo{ 
    display:inline-block; 
    background-color:#e7e8e5; 
    padding: auto 3px 3px auto;
    vertical-align:middle; 
    float:right; 
    overflow:visible; 
    width:280px; 
    height:260px; 
}

div.PaseosDestacados li .contenedorPaseo { 
    vertical-align:middle; 
    border:solid 1px #e7e8e5 !important; 
    background-color:#ffffff; 
    padding:5px; 
    display:inline-block; 
    float:left; 
    margin: -5px auto auto -5px;
    width:270px; 
    height:250px; 
}
     
div.PaseosDestacados li .MasInfoPaseo { 
    display:inline-block; 
    background: transparent :url("./../../../paseos/imgs/paseo/paseos_boton.png") no-repeat top;
    width:40px; 
    height:30px; 
    float:left; 
    margin: -60px auto auto 235px;
}

div.PaseosDestacados li .MasInfoPaseo:hover { 
    background-position:bottom; 
}

.descripcionDetallePaseo { 
    display:inline-block; 
    font: normal normal normal 11px Tahoma;
    color:#7a746b; 
    width:590px;
}*/

.googleAdCentral
, .googleAdCentral li 
, .googleAdsPie
, .googleAdsPie li { 
    display:inline-block; 
    margin:0px; 
    padding:0px; 
    list-style-type:none; 
    float:left; 
    width:940px;
    background-color:#ffffff;
}

.googleAdCentral, .googleAdCentral li {
    width:588px;
}

.googleAdCentral li {
    text-align:center; 
    margin-top:10px;
}

.googleAdsPie li { 
    width:467px; 
    margin-bottom:10px; 
}

.googleAdsPie #googleAdDerecho{
    float:right;
}

div.EsqColumnaDoble { 
    color: #757472; 
    float:left; 
}

div.EsqColumnaDoble h3, h3.punto { 
    background: transparent url("/imgs/Punto.jpg") no-repeat left center;
    font: normal normal bold 14px/24px tahoma;
    text-transform: uppercase; 
    color: #FF3327; 
    padding-left: 26px; 
    border-bottom: 1px dashed #D8D8D8; 
}

div.EsqColumnaDoble div.Columna { 
    float: left; 
    width: 410px; 
    margin: 0 25px 10px; 
}

div.EsqColumnaDoble table { 
    width: 100%; 
}

div.EsqColumnaDoble td, div.EsqColumnaDoble th { 
    padding-left: 20px; 
}

div.EsqColumnaDoble tr.alt { 
    background-color:#F5F4F0; 
}

div.EsqColumnaDoble thead th { 
    background-color: #E5E2D9; 
    font: normal normal normal 12px/2.4em inherit;
    text-align: left; 
    color: #6A6A5E; 
    padding: 3px; 
}
 
div.EsqColumnaDoble tbody { 
    line-height: 1.7em; 
}

div.EsqColumnaDoble tbody th { 
    font-weight: normal; 
    text-align: left;  
}
 
div.EsqColumnaDoble h3 { 
    margin-top: 0; 
}

ul.ListaDoble { 
    float: left; 
    margin: 0px auto 0px auto;
    padding-left: 20px; 
    width: 350px; 
}

ul.ListaDoble h4 { 
    margin: 0; 
}

ul.ListaDoble p { 
    margin: 0; 
}

ul.ListaDoble li { 
    margin: 0; 
    border-bottom: 1px dotted #585858; 
    padding-bottom: 15px; 
    margin-bottom: 15px;  
    color: #75726D; 
    min-height: 60px;
}

ul.ListaDoble li img { 
    float: right; 
}

ul.ListaCines h3 { 
    color: red; 
    clear: both; 
}

ul.ListaCines li li { 
    float: left; 
    width: 50%;
}

ul.ListaCines h4 { 
    margin: 0;
}

ul.ListaCines p { 
    margin: 0px 0px 10px 0px; 
}

div.Shoppings { 
    color: #7A746B; 
    font: normal normal normal 11px Tahoma;
}

div.Shoppings li { 
    width: 50%; 
    float: left; 
}

div.Shoppin0gs h4 { 
    color: #DD6666; 
    margin: 0; 
    }
    
div.Shoppings p { 
    margin: 0px 0px 10px 0px; 
}

div.DetalleClasicoProducto {
    width: 750px;
}
div.DetalleClasicoProducto .DatosProducto A{
 color:#5B5956;
}

div.DetalleClasicoProducto h3 { 
    border: dashed 1px #e3e2d9;
    border-width: 1px 0px 0px 0px;
    color: #c5bd92; 
    font: normal normal normal 27px ZurichXCnBTRegular;
    margin: 10px 0px 5px 0px; 
    padding-top: 10px; 
    text-transform:uppercase;
	clear: both; 
 }

div.DetalleClasicoProducto div.Encabezado { 
    font-family: 12px arial; 
    color: #5B6A9F; 
}

div.DetalleClasicoProducto div.Encabezado h3 { 
    margin: 0px 0px 5px 0px; 
    background-image: none; 
    color: #5b5956; 
    font: normal normal bold 26px arial;
    width:600px;
    padding: 0; 
    clear: none; 
    border-width:0px;
    text-transform:none;
}

div.DetalleClasicoProducto div.Encabezado h4 { 
    margin: 0px 0px 15px 0px; 
    color:#6D6951;
    font-size: 13px arial; 
}
div.DetalleClasicoProducto div.Encabezado .TituloCategoria { 
    color: #5b5956; 
    font: normal normal normal 12px arial;
    margin:5px 0px;
}
div.DetalleClasicoProducto div.Encabezado .Categoria { 
    color: #b1aa83; 
    font: normal normal normal 14px arial;
}

div.DetalleClasicoProducto div.Encabezado img { 
    float: right; 
}

div.DetalleClasicoProducto div.Encabezado span { 
    display: block; 
    margin: 0px auto auto 0px; 
    width: 420px; 
}

div.DetalleClasicoProducto img.FotoProducto { 
    float: right; 
}

div.DetalleClasicoProducto ul.DatosProducto li { 
    line-height: 14px; 
	width:530px;
}

div.DetalleClasicoProducto ul.DatosProducto img { 
    vertical-align: bottom; 
}

div.DetalleClasicoProducto ul.Tarjetas li { 
    width: 16%; 
    float: left; 
    text-align: center;
    margin:0 0 20px;
}

div.DetalleClasicoProducto ul.Tarjetas img { 
    display: block; 
    margin: auto auto 3px auto; 
}

div.DetalleClasicoProducto ul.Comodidades li { 
    width: 180px; 
    padding: 0 30px; 
    float: left; 
    margin-bottom: 5px; 
    line-height: 20px; 
}

div.DetalleClasicoProducto ul.Comodidades img { 
    vertical-align: top; 
}
/**DETALLE NUEVO PRODUCTO**/
div.DetalleNuevoProducto { 
    width: 750px; 
    position: relative; 
}

div.DetalleNuevoProducto h3 { 
    clear: both; 
    border: dashed 1px #e3e2d9;
    border-width: 1px 0px 0px 0px;
    color: #c5bd92; 
    font: normal normal normal 27px ZurichXCnBTRegular;
    margin: 10px 0 15px 0px; 
    padding-top: 10px; 
    text-transform: uppercase; 
}
div.DetalleNuevoProducto div.Encabezado div.Slogan{
    width:600px;
    padding:2px 0px 10px 0px; 
    color:#6D6951;
    font:normal normal normal 13px arial !important; 
}

div.DetalleNuevoProducto div.Encabezado { 
    font-family: Verdana; 
    color: #5B6A9F; 
    width:753px;
    height:auto;
    margin-bottom:7px;
}

div.DetalleNuevoProducto div.Encabezado h3 { 
    text-transform:none; 
    margin: 0px; 
    padding: 0px; 
    background-image: none; 
    color: #5b5956; 
    font: normal normal bold 26px arial;
    clear: none; 
    text-transform:none;
    border-width:0px !important;
}
    
div.DetalleNuevoProducto div.Encabezado h4 { 
    margin: 0; 
    font-size: inherit inherit normal 12px inherit inherit !important; 
}
div.DetalleNuevoProducto div.Encabezado h5, .InfoDomicilio { 
    margin: 0; 
    width:300px;
	color: #6d6951; 
	font: 12px Arial; 
	padding:2px 0px;
}

div.DetalleNuevoProducto div.Encabezado img.Logo { 
    float: right; 
    margin-top:20px;
}

div.Categorias  { 
    margin:10px 0px;
    width: 745px;
    font: normal normal normal 11px Verdana;
    color: #5B6A9F; 
}

div.DetalleNuevoProducto div.Categorias span { 
    display: block; 
    width: 720px; 
    margin-top: 10px;
}
div.DetalleNuevoProducto div.Encabezado .TituloCategoria { 
    color: #5b5956; 
    font: normal normal normal 12px arial;
    margin:5px 0px;
}
div.DetalleNuevoProducto div.Encabezado div.Categoria { 
    color: #b1aa83; 
    font: normal normal normal 14px arial;
}

div.DetalleNuevoProducto ul.InfoContacto { 
    width: 320px; 
    float:right;
	color: #6d6951; 
	font: 12px Arial; 
}
div.DetalleNuevoProducto ul.InfoContacto a{ 
	font: normal normal bold 12px Arial; 
	color: #5B5956;
	
}
div.DetalleNuevoProducto ul.InfoContacto a img{ 
    vertical-align:bottom;
}

div.DetalleNuevoProducto ul.InfoContacto li { 
    float: left; 
    width: 100%;
    padding:3px 0px; 
}

div.DetalleNuevoProducto div.Categorias strong { 
    display: block; 
}


div.DetalleNuevoProducto ul.Tarjetas li { 
    width: 20%; 
    float: left; 
    text-align: center;
}

div.DetalleNuevoProducto ul.Tarjetas img { 
    display: block; 
    margin: auto auto 3px auto; 
}

div.DetalleNuevoProducto ul.Comodidades { 
    background-image: url("/ascx/comunes/DetalleProducto/Nuevo/res/Comodidades.jpg"); 
    float: left;
}

div.DetalleNuevoProducto ul.Comodidades li { 
    width: 180px; 
    padding: 0 30px; 
    float: left; 
    margin-bottom: 5px; 
    line-height: 20px; 
}
    
div.DetalleNuevoProducto ul.Comodidades img { 
    vertical-align: top; 
}

ul.Promociones { 
    padding-left: 30px;
}

ul.Promociones strong { 
    display: block; 
    margin-bottom: 3px; 
}

ul.Promociones span { 
    display: block; 
    padding-left: 20px; 
    margin-bottom: 10px; 
}

div.Barrios h3 { 
    background: transparent url("/Barrios/res/borde.jpg") repeat-x 0 bottom;
    padding-bottom: 10px; 
    text-transform: uppercase; 
    font: normal normal normal 18px Arial;
    position: relative; 
    padding-left: 30px; 
    margin-top: 0;
}

div.Barrios h3 strong { 
    color: red; 
    font-weight: normal; 
    display: block; 
}

div.Barrios h3 img { 
    vertical-align: middle; 
    position: absolute; 
    left: 0; 
    top: 12px;
}

div.Barrios h3 img.punto { 
    padding-right: 5px; 
}

div.Barrios div.clear { 
    height: 10px; 
}

h4.Minititulo { 
    color: #757472 !important; 
    margin: 15px 25px; 
    font-size: 13px; 
    font-family: Arial; 
}

div.DetalleDestacados h4.Minititulo, div.ColumnaDoble h4.Minititulo { 
    margin-left: 0; 
}

div.InfoGral { 
    width: 780px;  
    float: left; 
    margin-top: -15px;
}

div.InfoGral div.Foto { 
    margin-top: 10px;
}

div.InfoGral div.Columna { 
    width: 375px; 
    margin-left: 15px; 
    float: left;
}

div.InfoGral div.Columna h4 { 
    color: #FF3327; 
    margin-bottom: 5px; 
}

div.InfoGral div.Columna table { 
    width: 80%; 
    margin: 10px 10px 0px 10px; 
    line-height: 15px; 
}

div.InfoGral div.Columna th { 
    text-align: left; 
}

div.InfoGral div.Columna td { 
    text-align: right; 
}

div.InfoGral div.Columna p { 
    padding: 0; 
    margin: 0; 
}

ul.FotosProductoM1 { 
    width: 760px; 
}

ul.FotosProductoM1 li { 
    float: left; 
    margin: 0px 2px 10px 0px;
}

div.FotosProductoM2 div.FotoPrincipal { 
    float: none; 
}

div.FotosProductoM2 div.FotoPrincipal img { 
    width: 742px; 
    height: 480px;
}

div.FotosProductoM2 ul .marcoFotosProducto { 
    float: left; 
}

.HotelesRecomendadosIframe_1,
.HotelesRecomendadosIframe_2
{
    display:inline-block;
    float:left;
    margin-top:3px;    
    margin-bottom:10px;
    border:solid 1px #E8E8E8;
}

.HotelesRecomendadosIframe_2
{
    margin-left:18px;    
}

.VerPostalTable
{
    margin-left:auto;
    margin-right:auto;
}

.FacebookPageLikebox
{
    display:inline-block;
    float:right;
    width:115px;
    border:solid 0px red;
    margin-right:0px;    
    margin-top:2px;
}
.GooglePlusOne
{
    display:inline-block;
    float:right;
    width:60px;
    border:solid 0px red;
    margin: 2px 0px 0px 0px; 
    overflow:hidden;
}

.TituloPagina{
    display:inline-block; 
    float:left;
    margin-bottom:5px;    
}

.facebookLikeBox,
.facebookLikeBoxAncho
{
    display:inline-block;
    border:none;
    z-index:1000;
    width:110px; 
    height:25px;   
    float:left;
    text-align:left;
    border:solid 0px red;
}

.facebookLikeBoxAncho
{
    text-align:right;
    margin-top:-38px;
    margin-left:790px;
}

.divSeparadorMenuVertical
{
    display:block;
    height:10px;
}
.ContenedorFacebook{
    position:relative;
    height:1px;
    width:1px;
    float:right;
   /* margin-right:100px;*/
   left:-100px;
   top:7px;
}
.AreaBannersTable{
    margin-left:-7px;
}

.celdaBannerIzquierda
{
    text-align:left;
}

.celdaBannerCentro
{
    text-align:center;
}

.celdaBannerDerecha
{
    text-align:right;
}

/* paseos d(ºº)b  */
div.PaseosDestacados li { 
    width: 280px; 
    margin:0; 
    padding-left: 8px; 
    padding-top: 5px; 
    display: block; 
    float: left; 
    height: 310px; 
    margin-bottom: 10px; 
    position: relative;  
}

div.PaseosDestacados li.der { 
    margin-left: 14px;
}

div.PaseosDestacados img { 
    height: 168px; 
    width:271px; 
    display: block; 
}

div.PaseosDestacados h3
,div.PaseosDestacados h4 { 
    clear: both;
}

div.PaseosDestacados h3 { 
    color:#7A736D; 
    font:normal normal normal 18px Arial;
    margin: 0 0 7px -8px;
}

div.PaseosDestacados h4 { 
    font-size: 12px; 
    margin: 5px; 
    color:#89A8C7; 
    width:265px; 
    overflow:hidden;
}

div.PaseosDestacados .descripcionPaseo { 
    display:inline-block; 
    background-image:none; 
    margin: 5px; 
    padding-bottom: 15px; 
    width:225px; 
    height:38px; 
    overflow:hidden; 
    text-decoration:none; 
    color:#7a746b; 
    float:left;
}

div.PaseosDestacados #descripcionTitulo{ 
    display:inline-block; 
    color:#89A8C7; 
    border-top:dotted 1px #666666; 
    padding-top:10px; 
    width: 100%; 
    margin: auto;
}

div.PaseosDestacados #descripcion{ 
    border-bottom:dotted 1px #666666; 
    padding-bottom:15px; 
    width:592px; 
    height:auto; 
}

div.PaseosDestacados li .sombraPaseo{ 
    display:inline-block; 
    background-color:#e7e8e5; 
    padding-right:3px; 
    padding-bottom:3px; 
    vertical-align:middle; 
    float:right; 
    overflow:visible; 
    width:280px; 
    height:260px; 
}

div.PaseosDestacados li .contenedorPaseo { 
    vertical-align:middle; 
    border:solid 1px #e7e8e5 !important; 
    background-color:#ffffff; 
    padding:5px; 
    display:inline-block; 
    float:left; 
    margin-top:-5px; 
    margin-left:-5px; 
    width:270px; 
    height:250px; 
}
     
div.PaseosDestacados li .MasInfoPaseo { 
    display:inline-block; 
    background-image:url("./../../../paseos/imgs/paseo/paseos_boton.png");  
    background-position:top; 
    width:40px; 
    height:30px; 
    float:left; 
    margin-left:235px; 
    margin-top:-60px; 
}

div.PaseosDestacados li .MasInfoPaseo:hover { 
    background-position:bottom; 
}

.descripcionDetallePaseo { 
    display:inline-block; 
    font-family:Tahoma; 
    font-size:11px; 
    color:#7a746b; 
    width:590px;
}

/* panel de datos utiles y mapa */
.iconosDatosUtilesPaseo 
{
    background-color: #EEF5FB;
    /*border-bottom: 2px solid #B9D7EE;*/
}

.descripcionDatosUtilesPaseo {
    background-color: #EEF5FB;
    color: #00468C;
    display: inline-block;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    padding: 3px;
    width:146px;
    border:solid 0px red;
}

.tituloSeparadorPaseo {
    background-image: url("../../imgs/paseos/fondoPaseos.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    color: #00468C;
    display: table-cell;
    float: left;
    font-family: Tahoma,Verdana;
    font-size: 12px;
    font-weight: bold;
    height: 21px;
    margin: 0 0 5px;
    padding: 5px 0 0 14px;
    width: 100%;
}

#FacebookTab {
    background-image: url("/imgs/FotosFacebook/Facebook.jpg");
    background-repeat: no-repeat;
    display: block;
    height: 97px;
    position: fixed;
    right: 2px;
    top: 210px;
    width: 38px;
    z-index:3;
}

.informacionFija {
    color: #666666;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
}

.tituloSeparadorSierra {
    background-image: url("../../SierraDeLosPadres/imgs/comunes/SubtituloSierra.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    color: #A18C63;
    display: table-cell;
    float: left;
    font-family: Tahoma,Verdana;
    font-size: 12px;
    font-weight: bold;
    height: 21px;
    margin: 0 0 5px;
    padding: 5px 0 0 14px;
    width: 95%;
}

.autorFotoInformacionFija {
    color: #B9B9B9;
    text-align: left;
}

.LinkMapaSierra
{
    background-position:left center !important;
    background-image:url('/SierraDeLosPadres/imgs/Default/iconoMapa.gif');
    background-repeat:no-repeat;    
    padding:20px 0px 20px 70px;
    height:50px;
}

.tituloSeparadorSantaClaraDelMar {
    background-image: url("../../SantaClaraDelMar/imgs/comunes/SubtituloSantaClara.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    color: #A18C63;
    display: table-cell;
    float: left;
    font-family: Tahoma,Verdana;
    font-size: 12px;
    font-weight: bold;
    height: 21px;
    margin: 0 0 5px;
    padding: 5px 0 0 14px;
    width: 95%;
}

.PaseoMapaUbicacion,
.PaseoDatosUtiles
{
    display:inline-block;
    float:left;
    width:152px;
    padding: 0 4px;    
    background-color:#E5F1FF;
    font-family:ZurichXCnBTRegular, arial;
    font-size:20px;
    color:#89a8c7;
    text-transform:uppercase;    
}

.PaseoDatosUtiles
{
    margin:20px 0 0 0;
    padding: 0 4px 4px 4px;    
}

.PaseoMapaUbicacion span,
.PaseoDatosUtiles span
{
    display:inline-block;
    margin:4px;    
    border:0px red solid;
}

.PaseoMapaUbicacion #ZoomMapa
{
    margin-top:8px;
    font-size:18px;
    line-height:18px;
}

.PaseoMapaUbicacion .EnlaceMapa
{
    display:inline-block;
    float:left;
    width:152px;
    height:250px;    
    border:solid 0px red;
    margin-bottom:-250px;
    position:relative;    
    background-image:url(./../../imgs/puntoTransparente.png);
    overflow:hidden;
}

.HomeAreaBannersTable
{
    display:inline-block;
    margin:18px auto 8px auto;
    width:100%;  
}

.HomeAreaBannersTable UL
{    
    list-style:none;
    margin:0px;
    padding:0px;
    width:100%;
}

.HomeAreaBannersTable LI
{
    margin:0px;
    padding:0px;    
    float:left;        
    min-width:140px;
}

.TextoCuadroGoogle
{
    font:11px Tahoma;
}


.EnviarPaginaHyperLink{
    font: 12px arial;
    color:#7A746B;
}

.AmpliarMapaDetallePropiedad a
{
    display:inline-block;
    width:100px;
    text-align:center;
    background-color:#4BD0EF;
    line-height:24px;
    color:White;
    font-family:Tahoma;
    font-size:12px;
    font-weight:bold;    
    text-transform:none;
    margin:5px 0 0 0;
}

.MenuLateralTable
{
    display:inline-block;
    border-collapse:collapse;
    float:left;        
    width:175px;    
}

