
/******* ESTILOS PARA TODOS **************/
html, body{	margin:0;padding:0;font: normal 65.5% "Arial", Verdana, Helvetica, sans-serif !important;}
li {display:inline;list-style: none}
a {
	text-decoration: 	none;
	font-weight:		normal;	
}
h1, h2, h3, h4, h5, h6 {
	margin: 			0;
	padding: 			0;
	letter-spacing: 	0;
	font-weight: 		bold;
}

.clear {clear:both}
.clear_left {clear:left}
.nothing {background: none !important;border:0 !important}
.relleno_5 {padding:5px;}
.negro {color:#000}

.lista {list-style: circle;display: list-item} 
/************ CABECERA ***************************/
#cabecera {position:relative;width:885px;height:103px;margin:0 auto;}
#cabecera .logo {height:103px;width:274px;float:left;}

#slogan {float:left;width:611px;height:103px;background:url(../img/fondo-cabecera.jpg) 0 0 no-repeat;}

#slogan .menu_superior {position:absolute;left:244px;top:0;background-color:#91135e;width:640px;margin:80px 0px 0 0px;height:23px;text-transform: uppercase;}

#slogan .menu_superior li {float:left;display:inline;background-color:#91135e;line-height:20px;font-size:11px;}
#slogan .menu_superior li a {display:block;line-height:23px;color:#fff} 
#slogan .menu_superior li a span{padding:.5em .8em;line-height:23px;}
#slogan .menu_superior li a:hover {background-color:#996699;color:#FFF !important;}
#slogan .menu_superior li a.selected {background-color:#FFF;color:#663366 !important;}

#wrapper-menu-despegable{width:100%;overflow: hidden}
#menu_desplegable{background: url(../img/menu_desplegable.gif) left;width:155px;height:100px;opacity:0.8;filter:alpha(opacity=70);}
#menu_desplegable li{width:105px;display:list-item;list-style:none;text-align:left;border-top:1px solid #E1E1E1;height:25px;line-height:29px;}
#menu_desplegable a {font:bold 12px Arial, Verdana;color:#1056AE;text-decoration:none;padding-left:10px;}

#menu_desplegable .selected {font:bold 12px Arial, Verdana;color:#FFFFFF;text-decoration:none;padding-top:5px;background-color:#EB0076;height:25px;text-indent:10px;}



/*********** FIN CABECERA ****************************/

/******** GENERALES, COMUNES A TODAS PAGINAS ******/
#contenedor{position:relative;width:883px;margin:0 auto;padding:0;border-left:1px solid #CECECE;border-right:1px solid #CECECE;}
#bola_suscripcion{position:absolute;z-index:3;top:450px;left:660px;width:165px;height:165px;}
#bola_suscripcion .fondo_bola {width:165px;height:165px;background:url(../img/bola-suscripcion.png) 0 0 no-repeat;}
#bola_suscripcion a{font:bold 12px Arial, Verdana;color:#FFF;text-decoration:none;cursor:pointer;}
#bola_suscripcion a:hover{text-decoration:underline;}
/*bola Tendencia*/
#bola_tendencias{position:absolute;z-index:3;top:450px;left:660px;width:165px;height:165px;}
#bola_tendencias .fondo_bola {width:165px;height:165px;background:url(../img/bola-tendencias.png) 0 0 no-repeat;}
#bola_tendencias a{font:bold 12px Arial, Verdana;color:#ffffff;text-decoration:none;cursor:pointer;}
#bola_tendencias a:hover{text-decoration:underline;}
/*bola Gps*/
#bola_gps{position:absolute;z-index:3;top:450px;left:660px;width:165px;height:165px;}
#bola_gps .fondo_bola {width:165px;height:165px;background:url(../img/bola-gps.png) 0 0 no-repeat}
#bola_gps a{font:bold 12px Arial, Verdana;color:#ffffff;text-decoration:none;cursor:pointer;}
#bola_gps a:hover{text-decoration:underline;}

/*bola Arranca*/
#bola_arranca{position:absolute;z-index:3;top:450px;left:660px;width:155px;height:160px;}
#bola_arranca .fondo_bola {width:165px;height:165px;background:url(../img/bola-arranca.png) 0 0 no-repeat;}
#bola_arranca a{font:bold 12px Arial, Verdana;color:#ffffff;text-decoration:none;cursor:pointer;}
#bola_arranca a:hover{text-decoration:underline;}


/********* FIN GENERALES *************/



/*******arranca-thelma****/
.arranca-thelma #modulo_uno {width:885px;height:201px;padding:0;margin:0;background:url(../img/arranca-thelma/modulo_uno.jpg) 0 0 no-repeat;}
.arranca-thelma #modulo_dos {width:885px;height:215px;padding:0;margin:0;background:url(../img/arranca-thelma/modulo_dos.jpg) 0 0 no-repeat;}
.arranca-thelma #modulo_tres {width:885px;height:210px;padding:0;margin:0;background:url(../img/arranca-thelma/modulo_tres.jpg) 0 0 no-repeat;}

/*Efectps*/

.arranca-thelma #main_buttons {cursor:pointer}
.arranca-thelma #main_buttons .donosti{position:absolute;z-index:1;left:410px;width:220px;height:220px;top:20px;}
.arranca-thelma #main_buttons .leire {position:absolute;z-index:1;left:590px;width:250px;height:160px;top:255px;}
.arranca-thelma #main_buttons .pistas {position:absolute;z-index:1;left:370px;width:230px;height:220px;top:250px;}
.arranca-thelma #main_buttons .gira {position:absolute;z-index:1;left:370px;width:330px;height:150px;top:450px;}

.arranca-thelma #main_buttons .coche {position:absolute;z-index:1;left:610px;width:250px;height:130px;top:145px;}


.arranca-thelma #wrapper-donosti{z-index:1;cursor:pointer;position:absolute;left:370px;top:20px;width: 290px; height:180px;}
.donosti-hover {display:none;cursor:pointer;position:absolute;left:0;top:0;background-image: url('../img/arranca-thelma/donosti-hover.png');width: 290px; height:180px;}

.arranca-thelma #wrapper-leire{z-index:1;cursor:pointer;position:absolute;left:590px;width:80px; height:51px;top:280px}
.leire-hover {display:none;cursor:pointer;position:absolute;left:0;top:0;background-image: url('../img/arranca-thelma/estrella-hover.png');width:80px; height:51px;background-repeat: no-repeat}

.arranca-thelma #wrapper-pistas{z-index:1;cursor:pointer;position:absolute;left:460px;top:240px;width:180px; height:51px;}
.pistas-hover {display:none;cursor:pointer;position:absolute;left:0;top:0;background-image: url('../img/arranca-thelma/estrella-hover.png');width:80px; height:51px;background-repeat: no-repeat;}

.arranca-thelma #wrapper-gira{z-index:1;position:absolute;left:510px;width:250px;height:215px;top:420px;}
.gira-hover {display:none;cursor:pointer;position:absolute;left:0;top:0;background-image: url('../img/arranca-thelma/gira-hover.png');width:250px;height:215px;background-repeat: no-repeat;}

.arranca-thelma #wrapper-coche{z-index:1;position:absolute;left:610px;top:119px;width:270px;height:170px;}
.arranca-thelma #coche{display:none;position:absolute;top:0;left:0;width:270px;height:170px;}
.coche-arranca-hover {display:none;cursor:pointer;position:absolute;left:0;top:0;background-image: url('../img/arranca-thelma/coche-hover.png');width:270px;height:170px;background-repeat: no-repeat;}


/**/

/*******Gps Mon Amour****/
.gps-mon-amour #modulo_uno {width:885px;height:284px;padding:0;margin:0;background:url(../img/gps-mon-amour/modulo_uno.jpg) 0 0 no-repeat;}
.gps-mon-amour #modulo_dos {width:885px;height:215px;padding:0;margin:0;background:url(../img/gps-mon-amour/modulo_dos.jpg) 0 0 no-repeat;}
.gps-mon-amour #modulo_tres {width:885px;height:127px;padding:0;margin:0;background:url(../img/gps-mon-amour/modulo_tres.jpg) 0 0 no-repeat;}
/**/

/*Efectps*/

.gps-mon-amour #main_buttons {cursor:pointer}
.gps-mon-amour #main_buttons .hotel{position:absolute;left:20px;width:200px;height:150px;top:120px;}
.gps-mon-amour #main_buttons .gimnasio {position:absolute;left:250px;width:220px;height:160px;top:105px;}
.gps-mon-amour #main_buttons .librerias {position:absolute;left:520px;width:230px;height:120px;top:350px;}
.gps-mon-amour #main_buttons .coche {position:absolute;left:350px;width:240px;height:130px;top:495px;}


.gps-mon-amour #wrapper-hotel {cursor:pointer;position:absolute;left:0px;width:280px;height:200px;top:122px;}
.hotel-hover{display:none;position:absolute;left:0;width:250px;height:200px;top:0;background:url(../img/gps-mon-amour/hotel-hover.png) 0 0 no-repeat}


.gps-mon-amour #wrapper-gimnasio {cursor:pointer;position:absolute;left:210px;width:340px;height:250px;top:99px;}
.gimnasio-hover{display:none;position:absolute;left:0;width:340px;height:250px;top:0;background:url(../img/gps-mon-amour/gimnasio-hover.png) 0 0 no-repeat}


.gps-mon-amour #wrapper-librerias {cursor:pointer;position:absolute;left:490px;width:340px;height:250px;top:300px;}
.librerias-hover{display:none;position:absolute;left:0;width:340px;height:250px;top:0;background:url(../img/gps-mon-amour/librerias-hover.png) 0 0 no-repeat}

.gps-mon-amour #wrapper-coche{cursor:pointer;position:absolute;left:290px;width:356px;height:222px;top:425px;}
.coche-hover{display:none;position:absolute;left:0;top:0;background:url(../img/gps-mon-amour/coche-hover.png) 0 0 no-repeat;width:356px;height:222px;}



/**/



/*******eco-conductora****/
.eco-conductora #modulo_uno {width:885px;height:277px;padding:0;margin:0;background:url(../img/eco-conductora/modulo_uno.gif) 0 0 no-repeat;}
.eco-conductora #modulo_dos {width:885px;height:165px;padding:0;margin:0;background:url(../img/eco-conductora/modulo_dos.gif) 0 0 no-repeat;}
.eco-conductora #modulo_tres {width:885px;height:184px;padding:0;margin:0;background:url(../img/eco-conductora/modulo_tres.jpg) 0 0 no-repeat;}
/**/

/*Efectos*/
.eco-conductora #main_buttons {cursor:pointer}
.eco-conductora #wrapper-turismo {cursor:pointer;position:absolute;left:35px;width:180px;height:200px;top:172px;}
.turismo-hover{display:none;position:absolute;left:0;top:0;background:url(../img/eco-conductora/turismo-hover.png) 0 0 no-repeat;width:95px;height:75px;}

.eco-conductora #wrapper-ecobono {z-index:999;cursor:pointer;position:absolute;left:210px;width:300px;height:200px;top:215px;}
.ecobono-hover{display:none;position:absolute;left:0;width:180px;height:120px;top:0;background:url(../img/eco-conductora/ecobono-hover.png) 0 0 no-repeat}

.eco-conductora #wrapper-moda {cursor:pointer;position:absolute;left:642px;width:200px;height:200px;top:90px;}
.moda-hover{display:none;position:absolute;left:0;top:0;background:url(../img/eco-conductora/moda-hover.png) 0 0 no-repeat;width:180px;height:120px;}

.eco-conductora #wrapper-regalos {cursor:pointer;position:absolute;left:615px;width:220px;height:200px;top:287px;}
.regalos-hover{display:none;position:absolute;left:0;width:220px;height:160px;top:0;background:url(../img/eco-conductora/regalos-hover.png) 0 0 no-repeat}

.eco-conductora #wrapper-dieta {cursor:pointer;position:absolute;left:405px;width:415px;height:280px;top:395px;}
.dieta-hover{display:none;position:absolute;left:0;width:415px;height:280px;top:0;background:url(../img/eco-conductora/dieta-hover.png) 0 0 no-repeat}


/*******Tendencias ****/

.tendencias #modulo_uno {width:885px;height:193px;padding:0;margin:0;background:url(../img/tendencias/modulo_uno.jpg) 0 0 no-repeat;}
.tendencias #modulo_dos {width:885px;height:221px;padding:0;margin:0;background:url(../img/tendencias/modulo_dos.jpg) 0 0 no-repeat;}
.tendencias #modulo_tres {width:885px;height:211px;padding:0;margin:0;background:url(../img/tendencias/modulo_tres.jpg) 0 0 no-repeat;}
/**/

.tendencias #main_buttons {cursor:pointer}
.tendencias #main_buttons .fashion{position:absolute;left:25px;width:200px;height:350px;top:160px;}
.tendencias #main_buttons .estilosa{position:absolute;left:315px;width:200px;height:300px;top:290px;}

.tendencias #wrapper-fashion{cursor:pointer;position:absolute;	left:20px;width:315px;height:390px;top:155px;}
.fashion-hover {display:none;cursor:pointer;position:absolute;left:0;top:0;background-image: url('../img/tendencias/fashion-hover.png');width:315px;height:390px;}

.tendencias #wrapper-estilosa{z-index:1;cursor:pointer;position:absolute;	left:130px;width:385px;height:300px;top:325px;}
.estilosa-hover {display:none;cursor:pointer;position:absolute;left:0;top:0;background-image: url('../img/tendencias/estilosa-hover.png');width:385px;height:300px;}

.tendencias #wrapper-urbana{cursor:pointer;position:absolute;	left:630px;width:225px;height:430px;top:170px;}
.urbana-hover {display:none;cursor:pointer;position:absolute;left:0;width:225px;height:430px;top:0;background-image: url('../img/tendencias/urbana-hover.png');}

.tendencias #wrapper-aventurera{cursor:pointer;position:absolute;	left:360px;width:320px;height:209px;top:45px;}
.aventurera-hover {display:none;cursor:pointer;position:absolute;left:0;top:0;background-image: url('../img/tendencias/aventurera-hover.png');width:320px;height:209px;}




/*Tooltips*/
#tooltip {
		position: 		absolute;
		z-index: 		3000;
		border: 		1px solid #111;
		background-color: #eee;
		padding: 		5px;
		opacity: 		0.85;
}
#tooltip.help {
	font-family: 		Arial;
	font-size: 			1.1em;
	border: 			none;
	width: 				210px;
	padding:			20px;
	height: 			135px;
	opacity: 			0.8;
	background: 		url('../img/comun/shadow.png');

}

#tooltip.help h3 {
	margin-bottom: 		0.75em;
	font-size: 			1.5em;
	width: 				220px;
	text-align: 		left;
	color:				#333399;
	font-size:			1.9em;
}
#tooltip.help div { width: 220px; text-align: left; }




/***** PIE **********/
#logo-pie {width:883px;margin:0 auto;overflow: hidden;border-left:1px solid #CECECE;border-right:1px solid #CECECE;}
#pie {width:885px;margin:0 auto;line-height:20px;height:20px;}
#pie ul{background:url(../img/fondo-pie.jpg) 0 0 repeat;margin:0 auto;}
#pie li{display:inline;text-align:center;background:transparent url(../img/triangulo.gif) 96% 70% no-repeat;}
#pie a {font:bold 11px Arial, Verdana;color:#FFFFFF;text-decoration:none;}
