/* CSS Document */

@charset "utf-8";

/*----------------------------------------------------------------------------------------------------
	Neteja i iguala CSS per tots els navegadors
----------------------------------------------------------------------------------------------------*/

* { margin:0px; padding:0px; border:none; }
* { margin:0px; padding:0px; border:none; }

body, input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.75em;
	line-height:1.5em;
}
a img, img { 
	border:0px; 
	text-decoration:none;
}
li { 
	list-style:none; 
}
div.clear { 
	clear:both; 
	font-size:1px;
	line-height:1px;
}
a {
	text-decoration:none;
	color:#666;
}
a:hover {
	text-decoration:underline;
}
/*----------------------------------------------------------------------------------------------------
	CSS generals maqueta
----------------------------------------------------------------------------------------------------*/
body { 
	text-align:center;
	color:#333;
}
.contenidor {
    margin:auto;
    text-align:left;
    width:956px;
    padding:5px 0 0 0;
    background:url(../img/bg_cap.jpg) 440px 0px no-repeat;
}

.peu {
    background:url(../img/peu_bg.gif) no-repeat 2px 0px;
    height:35px;
    padding:14px 0px 0px 18px;
}
.peu .izq{
    width:850px;
		float:left;
}
.peu .dcha{
    width:50px;
		float:left;
}

/*----------------------------------------------------------------------------------------------------
	CSS Menu
----------------------------------------------------------------------------------------------------*/
.menu {
	padding:3px 0px 0px 2px;
}
.menu li {
display:block;
float:left;
height:30px;
}
.menu li a {
	display:block;
    height:24px;
    padding-top:6px;
    background:#0a56a1 url(../img/menu_bg_cen.gif) 0px 30px;
    color:#fff;
    padding-left:17px;
    font-size:12px;
}
.menu li a.izq {
	background:#0a56a1 url(../img/menu_bg_izq.gif) 0px 30px;
}
.menu li a.der {
	background:#0a56a1 url(../img/menu_bg_der.gif) right 30px;
}
.menu li.iehover a,
.menu li:hover a,
.menu a.on,
.menu a:hover {
	background-position: 0px 0px;
	text-decoration:none;
}
.menu a.izq:hover {
	background-position: 0px 0px;
}
.menu li.iehover a.der,
.menu li:hover a.der,
.menu li a.der:hover {
	background-position: right 0px;
}
.menu ul {
	display:block;
	position:absolute;
	margin-left:-2000px;
	padding-top:5px;
	z-index:60;
}
.menu li.iehover ul,
.menu li:hover ul {
	margin-top:-6px;
	margin-left:0px;
}
.menu ul li {
	float:none;
  height:27px;
  border-bottom:#97b5d3 1px solid;
}

/*Curves al final dels submenus*/
.menu ul li.ultSubOpc {
	border:0px;
}
.menu .opc1 li.ultSubOpc a:hover, .menu .opc1 li.ultSubOpc a.on { background:url(../img/menu_empresa_hi.gif) no-repeat left bottom;}
.menu .opc1 li.ultSubOpc a { background:url(../img/menu_empresa.gif) no-repeat left bottom; }
.menu .opc4 li.ultSubOpc a:hover, .menu .opc4 li.ultSubOpc a.on { background:url(../img/menu_centros_hi.gif) no-repeat left bottom;}
.menu .opc4 li.ultSubOpc a { background:url(../img/menu_centros.gif) no-repeat left bottom; }
.menu .opc5 li.ultSubOpc a:hover, .menu .opc5 li.ultSubOpc a.on { background:url(../img/menu_ninos_hi.gif) no-repeat left bottom;}
.menu .opc5 li.ultSubOpc a { background:url(../img/menu_ninos.gif) no-repeat left bottom; }
.menu .opc6 li.ultSubOpc a:hover, .menu .opc6 li.ultSubOpc a.on { background:url(../img/menu_fundacion_hi.gif) no-repeat left bottom;}
.menu .opc6 li.ultSubOpc a { background:url(../img/menu_fundacion.gif) no-repeat left bottom; }

.menu .remate {
	position:absolute;
	display:block;
	width:4px;
	height:4px;
	background:url(../img/menu_remate1.gif) no-repeat 0px 0px;
	margin-top:-4px;
	border:0px;
	font-size:1px;
	line-height:1px;
}

.menu ul a {
	background:none;
    padding-top:4px;
    height:23px;
    background:#0a55a1;
    filter: alpha(opacity=80); opacity: .8;
}
.menu ul a.on,
.menu ul a:hover {
	background:#073c70;
	filter: alpha(opacity=100); opacity: 1;
	border-color:#073c70;
}
.menu .opc1 ul {
	background:url(../img/menu_perf_1.gif) no-repeat 0px 0px;
	z-index:60;
}
.menu .opc7 ul {
	background:url(../img/menu_perf_2.gif) no-repeat right 0px;
}

/* Ajustes en pixeles opciones principales*/
.menu .izq,  .menu .izqon{ padding-left:27px; }
.menu .opc1 a { width:117px; }
.menu .opc2 a { width:86px; }
.menu .opc3 a { width:141px; }
.menu .opc4 a { width:141px; }
.menu .opc5 a { width:55px; }
.menu .opc6 a { width:205px; }
.menu .opc7 a { width:82px; }
.menu .opc8 a { width:77px; }

/* Ajustes en pixeles submenús más anchos*/
.menu .opc1 ul a { width:143px; }
.menu .opc2 ul a { width:250px; }
.menu .opc5 ul a { width:157px; }
.menu .opc8 ul a { width:220px; }

.menu li.iehover ul.primero,
.menu li:hover ul.primero {
	margin-left:1px;
}
.menu li.iehover ul.ultimo,
.menu li:hover ul.ultimo {
	margin-left:-1px;
}

/* -----------------------------------------------------
	especific pel primer i per l'ultim item del menu estat on amb cantonades
	---------------------------------------------------- */
.menu li a.izqon{
	background:#0a56a1 url(../img/menu_bg_izq.gif) left 0px;
}
.menu li a.deron{
	background:#0a56a1 url(../img/menu_bg_der.gif) right 0px;
}

/*----------------------------------------------------------------------------------------------------
	Generics per totes les planes
----------------------------------------------------------------------------------------------------*/

.breadcrumb {
	clear:both;
	color:#01285b;
	font-size:0.9em;
	padding:6px 0px 3px 4px;
}
.breadcrumb a {
	color:#01285b;
}
h1 {
	background:#a0a0a0 url(../img/titular_bg.gif) no-repeat 0px 0px;
	height:26px;
	padding:12px 0px 0px 16px;
	color:#fff;
	font-variant:small-caps;
	font-size:1.8em;
}
h1.espacia {
	border-bottom:#fff 20px solid;
}
/* inici contingut */
.zonaCont h2{
	font-size:1.45em;
	line-height:1.4em;
	font-weight:normal;
	padding:2px 0 13px 0;
}
.zonaCont{
	font-size:1.1em;
	line-height:1.3em;
	padding:18px 0 0 2px;
}
.zonaCont p{
	padding:0 0 15px 0;
}
.zonaLatDreta{
	padding:18px 0 0 0;
}
.centrat{ text-align:center;}
.zonaCont h3{ 
	font-size:1.2em;
	line-height:1.35em;
	color:#333; 
	padding:0px 5px 3px 0;
	margin:0 0 4px 0;
}



/* fi contingut */
.peu a {
	color:#002a77;
	font-size:1.1em;
	margin-right:38px;
}

/* general */
.float_right{ float:right; padding:0 0 0 8px;}
.float_left{float:left; padding:0 8px 0 0;}

/*----------------------------------------------------------------------------------------------------
	Aviso Legal
----------------------------------------------------------------------------------------------------*/

.texteLegal{
	padding:10px 0px 0px 0px;
	margin:0px;
}

.texteLegal h3{ 
	font-size:1.2em;
	line-height:1.35em;

	color:#333; 
	padding:0px 5px 8px 0;
	margin:0 0 10px 0;
	background:url(../img/bg_baixTit.gif) left bottom no-repeat;
}

.texteLegal p {
	padding:0pt 0pt 15px;
}

/*----------------------------------------------------------------------------------------------------
	carroussel
----------------------------------------------------------------------------------------------------*/
.carroussel .mediasVisibles{ width:340px;}

/* Pase imatges/videos **************************************************************/
.carroussel{ 
	height:52px;
	margin-bottom:20px;
}
/* para la home de joves pilots: */
.carroussel .anterior{ display:block; float:left; margin-right:20px;
	width:12px; height:52px;
	background: url(../img/carroussel/f_esq.gif) left top no-repeat;
	text-indent:-2000px;
}
.carroussel .siguiente{ display:block; float:left; margin-left:15px;
	width:12px; height:52px;
	background: url(../img/carroussel/f_dreta.gif) right top no-repeat;
	text-indent:-2000px;
}
.carroussel .mediasVisibles{ float:left;
	height:52px;
}
/*ATENCIÓN: Si se alteran estos valores, actualizarlos en scripts.js*/
.container {
	clip:rect(0px 340px 52px 0px);
}
.media{
	padding:0 0px 0px;
}

/*----------------------------------------------------------------------------------------------------
	carroussel
----------------------------------------------------------------------------------------------------*/
h2.entrado {
	font-size:16px;
	padding:23px 0 14px 10px;
}
.blocEsq {
	width:667px;
	float:left;
}
.blocEsq h3 {
	font-size:12px;
	background:url(../img/bg_separador.gif) no-repeat -14px 28px;
	padding-bottom:20px;
}

.blocDre {
	width:283px;
	float:left;
}
.colEsq {
	width:193px;
	float:left;
}
.colEsq p {
	font-size:11px;
	padding:2px 1px 30px 4px;
}

.colEsq .modModelos {
	width:193px;
	background:url(../img/bg_beneficios.gif) repeat-y 0px 0px;
}
.colEsq .modModelos h4 {
	background:url(../img/bg_beneficios_dalt.gif) no-repeat 0px 0px;
}
.colEsq .modModelos .mig {
	background:url(../img/bg_beneficios_baix.gif) no-repeat left bottom;
}
.colEsq .modModelos h4 span {
	background-image:url(../img/bg_beneficios_filet.gif);
}
.colEsq .modModelos .mig a {
	padding:9px 0 5px 0;
}
.colCent {
	width:459px;
	float:left;
	color:#333;
	padding-left:7px;
}


.colCent p {
	padding-bottom:12px;
}
.colCent hr {
	background:url(../img/bg_separador.gif) no-repeat 0px 16px;
	padding:17px 0px;
	height:1px;
}

.blocDre {
	padding-top:22px;
	padding-left:4px;
	width:280px;
}
.blocDre li {
	padding-bottom:1px;
	*padding-bottom:0px;
	background:url(../img/bg_separador.gif) no-repeat -1px bottom;
}
.blocDre li.on a {
	background-position:0px 0px !important;
}
.blocDre li.ultimo {
	background:none;
}
.blocDre li a {
	display:block;
	padding:16px 10px 10px 14px;
	background:url(../img/beneficios_mid.gif) no-repeat -281px 0px;
	width:257px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:13px;
}
.blocDre li.primero a {
	background-image:url(../img/beneficios_top.gif);
}
.blocDre li.ultimo a {
	background:url(../img/beneficios_bot.gif) no-repeat right bottom;
	padding-bottom:20px;
}
.blocDre li a:hover {
	background-position:0px 0px;
	color:#496a7b;
}

.blocDre li a.on {
	background-position:0px 0px;
	color:#496a7b;
}

.blocDre li.ultimo a:hover {
	background:url(../img/beneficios_bot.gif) no-repeat left bottom;
}
.blocDre li.ultimo a.on {
	background:url(../img/beneficios_bot.gif) no-repeat left bottom;
}
.blocDre li a span {
	display:block;
	width:240px;
	text-align:right;
	background:url(../img/flechita.png) no-repeat 0px 0px;
	padding-right:15px;
	padding-top:4px;
	text-decoration:underline;
	font-weight:normal;
	text-transform:none;
}
.blocDre li a em {
	display:block;
	font-style:normal;
	padding:6px 0 0 0;
	text-transform:none;
	font-weight:normal;
	padding-right:60px;
}

/* perdida auditiva */

.pestanas {
	background:url(../img/beneficios_top.gif) no-repeat -281px 0px;
	padding-left:3px;
	height:65px;
}
.pestanas p {
	color:#000;
	font-size:13px;
	padding:8px 0 4px 10px;
	font-weight:bold;
}
.pestanas a {
	display:block;
	float:left;
	height:21px;
	padding-top:15px;
	text-align:center;
	color:#ccc;
	background:0px 0px no-repeat;
}
.pestanas a.pestana1 {
	background-image:url(../img/pest2_1.gif);
	width:83px;
}
.pestanas a.pestana2 {
	background-image:url(../img/pest2_2.gif);
	width:119px;
}
.pestanas a.pestana3 {
	background-image:url(../img/pest2_3.gif);
	width:72px;
}
.pestanas a.on,
.pestanas a:hover {
	background-position:0px -36px;
	padding-top:12px;
	height:24px;
	color:#000;
}
.pestanas a.on:hover {
	text-decoration:none;
	cursor:default;
}

.separador {
	padding-top:30px;
}
.separadorAncho {
	padding-top:30px;
	width:717px;
}
.relacionados {
	text-align:left;
}
.relacionados a {
	font-weight:bold;
	color:#000;
}

.relacionadosIzq {
	text-align:left;
	padding-left:50px;
}
.relacionadosIzq a {
	font-weight:bold;
	color:#000;
	line-height:1.8em;
}
	
.colEsqAncha {
	width:235px;
	float:left;
}	
.colCentEstrecha {
	width:467px;
	float:left;
	color:#333;
	padding-left:7px;
}
.colCentEstrecha p {
	padding-bottom:12px;
}
.colCentEstrecha p a{
	text-decoration: underline;
	color:#333;
}
.colCentEstrecha p a:hover{
	text-decoration: underline;
	color:#666;
}
.colCentEstrecha hr {
	background:url(../img/bg_separador.gif) no-repeat 0px 16px;
	padding:17px 0px;
	height:1px;
}
.colCentAncha {
	width:499px;
	float:left;
	color:#333;
	padding-left:7px;
}
.colCentAncha p {
	padding-bottom:12px;
}
.colCentAncha hr {
	background:url(../img/bg_separador.gif) no-repeat 0px 16px;
	padding:17px 0px;
	height:1px;
}
.colCentGrande {
	width:652px;
	float:left;
	color:#333;
	padding-left:7px;
}
.colCentGrande p {
	padding-bottom:12px;
}
.colCentGrande hr {
	background:url(../img/bg_separador.gif) no-repeat 0px 16px;
	padding:17px 0px;
	height:1px;
}
.colCentAncha ul{
	padding:0px 10px 10px 20px;
}
.colCentAncha a{
	text-decoration:underline;
	color:#000;
}

.colCentGrande a{
	text-decoration:underline;
	color:#000;
}

/* Tabla con bordes */

table.tablaBordes {
	width:100%;
}
table.tablaBordes td,
table.tablaBordes th {
	text-align:center;
	background:url(../img/tabla_2.gif) repeat-y top right;
	width:235px;
}
table.tablaBordes .alt td {
	background-image:url(../img/tabla_3.gif);
}
table.tablaBordes td.celda_iz {
	background-position:top left;
	width:auto;
}	

table.tablaBordes th {
	background:url(../img/tabla_1.gif) no-repeat top right;
	height:35px;
	padding-top:12px;
}
table.tablaBordes td.celda_iz,
table.tablaBordes th.celda_iz {
	background-position:top left;
	padding-left:60px;
	text-align:left;
}
table.tablaBordes .tabla_cierre td {
	font-size:1px;
	line-height:1px;
	background:url(../img/tabla_4.gif) no-repeat right bottom;
	height:13px;
}
table.tablaBordes .tabla_cierre td.celda_iz {
	background-position:left bottom;
}