/* --- Fuentes --- */
/* font-family: 'ColaborateThinRegular', sans-serif; */ 
/* font-family: 'ColaborateLightRegular', sans-serif; */
/* font-family: 'ColaborateRegularRegular', sans-serif; */

@import url("Reset.css");
@import url("Fuentes.css");

body {background-color: #f8f8f8; color: #3f4a56; font: 14px Tahoma, Geneva, sans-serif; }

h1 {font: 30px 'ColaborateLightRegular', sans-serif; color: #8a096b; font-weight: normal; margin: 0 0 15px;}

.wrapper {width: 954px; margin: 0 auto;}

.cabecera {margin: 0 auto; overflow: hidden; width: 950px; height: 78px; position: relative; padding: 0 2px;}

	.cabecera .izq {margin: 20px 0 0 0;} 
	.cabecera .idioma {width: 64px; height: 21px; background: url(../Img/pestana-idioma.gif) top left; display: block; position: absolute; top: 0; right: 0;
						text-align: center; font: 10px Tahoma, Geneva, sans-serif; color: #acb1b6; text-decoration: none; padding: 5px 0 0 0; }
		.cabecera .idioma:hover {background-position: left -26px; color: #fff;}


.presentacion {width: 950px; height: 401px; background: url(../Img/fondo-presentacion.jpg); margin: 0 auto 15px; padding: 33px 0 0 0; clear: both; position: relative;}
	.presentacion img.txt {margin: 0 0 0 222px;}

	.aux {position: absolute; top: 10px; right: 15px; font: 10px Tahoma, Geneva, sans-serif; color: #acb1b6; }
	.aux img {display: inline; vertical-align: middle;}

.banners {margin: 0 auto 15px; width: 950px; overflow: hidden;}
	.banners img {float: left; margin: 0 10px 0 0;}
	.banners img.last {float: right; margin-right: 0;}
	
.marco-top {clear: both; background: url(../Img/marco-top.gif); width: 954px; height: 12px; margin: 0 auto; overflow: hidden;}
.marco-bottom {clear: both; background: url(../Img/marco-bottom.gif); width: 954px; height: 12px; margin: 0 auto; overflow: hidden;}

.marco-tilled {clear: both; background: url(../Img/marco-tilled.gif); width: 954px; margin: 0 auto; overflow: hidden;}

.columnas-4 {padding: 20px 0 25px 0; width: 870px; margin: 0 auto 45px; overflow: hidden; border-bottom: 1px solid #d8d9da;}
	.columnas-4 .columna {float: left; width: 195px; margin: 0 30px 0 0 ; line-height: 18px;}
	.columnas-4 .columna-last {margin-right: 0;}
		.columnas-4 .columna p {margin: 0 0 15px;}
		
.caracteristicas {width: 950px; margin: 0 auto 40px; background: url(../Img/fondo-caracteristicas.jpg) 562px top no-repeat;  overflow: hidden;}

	.caracteristicas div {width: 500px; margin: 0 0 0 40px; padding: 0 370px 25px 0; border-bottom: 1px solid #d8d9da; }
	.caracteristicas div p {margin: 0 0 30px 0; line-height: 20px; clear: both;}
	.caracteristicas .bullet {display: inline-block; height: 24px; padding: 5px 0 0 32px; margin: 10px 10px 0 0;}
		.caracteristicas .verde {background: url(../Img/bullet-verde.gif) left top no-repeat;}
		.caracteristicas .naranja {background: url(../Img/bullet-naranja.gif) left top no-repeat;}
		.caracteristicas .rojo {background: url(../Img/bullet-rojo.gif) left top no-repeat;}

	.caracteristicas div p.pre-ul {margin-bottom: 10px;}

	ul.etiquetas { overflow: hidden; margin: 0 0 15px 0;}
		ul.etiquetas li {float: left; width: 60px;padding-top: 45px; font-size: 11px; color: #97a0a5; margin-right: 2px; text-align: center;
						 background-position: center top; background-repeat: no-repeat;}
		ul.etiquetas li.last {margin-right: 0;}

		ul.etiquetas li.comer {background-image: url(../Img/ico-comer.gif);}
		ul.etiquetas li.dormir {background-image: url(../Img/ico-dormir.gif);}
		ul.etiquetas li.comprar {background-image: url(../Img/ico-comprar.gif);}
		ul.etiquetas li.naturaleza {background-image: url(../Img/ico-naturaleza.gif);}
		ul.etiquetas li.aventura {background-image: url(../Img/ico-aventura.gif);}
		ul.etiquetas li.juerga {background-image: url(../Img/ico-juerga.gif);}
		ul.etiquetas li.cultura {background-image: url(../Img/ico-cultura.gif);}
		ul.etiquetas li.demas {background-image: url(../Img/ico-demas.gif);}

.medios {width: 500px; padding: 0 0 80px 370px; margin: 0 auto; background: url(../Img/fondo-medios.jpg) left top no-repeat;  overflow: hidden;}
	.medios p {margin: 0 0 30px 0; line-height: 20px;}
	
	
.pie {font-size: 12px; color: #999fa7; margin: 15px auto; text-align: center; padding: 0 0 40px 0; position: relative; }
	.pie a.mail {color: #999fa7; text-decoration: none;}
	.pie a.mail:hover {text-decoration: underline;}
	
/*	a.fan {display: block; border: 1px solid #999999; border-bottom-color: #e5e5e5; border-width: 1px 0;  font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
		   text-decoration: none; font-size: 11px; float: right; clear: right; margin: 0 0 3px 0; position: absolute; top: -3px; right: 0; }
		a.fan span {display: block; border: 1px solid #999999; border-top: 1px solid #fff;  color: #000; font-weight: bold; padding: 2px 5px 3px 25px; 
					background: #f4f4f4 url(../Img/ico-fan.gif) 3px 1px no-repeat; white-space: nowrap}*/
	
	
	
	.tooltip { position: absolute; top:0; left: 0; background-image: url(../Img/fondo-tooltip.gif); background-position: 45% bottom; padding: 0 0 6px 0; overflow: hidden;
		           background-repeat: no-repeat; margin: 0; z-index: 10000; cursor: pointer;}
			.tooltip span {display: block; border: 1px solid #d1d1d1; border-bottom: 0;  background-color: #FFF; padding: 2px 5px; color: #46535b; font-size: 11px;}