/*Reseteo de la css y clases utiles*/
* {margin:0;padding:0}
html, body, div, span, applet, object, iframe,  p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;font-size:100.01%;font-style:normal}
kbd{font-size:1em;font-family:arial;font-weight:bold}
table {border-collapse:collapse;border-spacing:0} 
th{text-align:left}
fieldset,img {border:none} 
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal} 
strong { font-weight:bold}
ol,ul,li{list-style:none} 
caption,th {text-align:left} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
q:before,q:after { content:''} 
abbr,acronym { border:0;cursor:help} 
.ftl {float:left}
.ftr {float:right}
.cl{clear:left}
.clear:after {content:".";clear:both;display:block;visibility:hidden;height:0}
.clearboth{clear:both;display:block}
.clearIE{height:100%;overflow:hidden}
.dblock{display:block}
.noborder{border:0!important}
hr, .hidden, legend {display:none}
.bold{font-weight:bold}
html {font-size:100%}
body {font:62.5% Arial, Helvetica, sans-serif;color:#4b4b4b;text-align:left;background:#edead3}
.nobg{background:none !important}
.oculto { display:none}

/*CLEAR*/
.footer, #gallery, .menu ul .env ul, div.bienvenida ul, .fondosPag, .content, .header_right, .contenidoTxt, .ulListado, .paginacion { height:100%;overflow:hidden}

/*HOVERS*/
a, .contenidoListado .ulListado a {text-decoration:none}
a:hover, .env a:hover, .footer a:hover, div.bienvenida ul li a:hover, .breadcrumb a:hover,  .ulListado a:hover {text-decoration:underline}
.contenidoTxt a:hover, .menu a, .contenidoTxt a:hover {text-decoration:none}

/*ESTRUCTURAS DE FONDOS*/
* html {overflow-x:hidden;width:100% !important}
* html body {overflow-x:hidden;width:100% !important}
* html #nyroModalIframeHideIe , .wrapperIframe{ width:auto !important;height:auto !important }
* html .wrapperIframe {height:250px !important;width:300px !important}
div.wrapper_top{background: url(../img/fnd_top.gif) no-repeat top;width:995px;padding-top:2em;margin:0 auto }

div.wrapper_left{background:  url(../img/fnd_left.gif) repeat-y left;padding-left:.8em}
div.wrapper_right{background: url(../img/fnd_right.gif) repeat-y right;padding-right:1em}
div.content{background:#fff url(../img/fnd_gral.jpg) 0 bottom repeat-x ;padding-bottom:4.5em}

/*FONDOS */
body.fnd1 div.fondosPag{background:url(../img/fnd1.png) no-repeat bottom right}
body.fnd2 div.fondosPag{background:url(../img/fnd2.png) no-repeat bottom right}
body.fnd3 div.fondosPag{background:url(../img/fnd3.png) no-repeat bottom right}

/*HEADER*/
div.header{width:94.5em;height:8.5em;background:url(../img/fnd_header_left.gif) no-repeat top left;border-top:.1em solid #e9ecf3;margin:3.8em auto 0}
div.header_right{background: url(../img/fnd_header_right.gif) no-repeat top right;border-bottom:.1em solid #e9ecf3;padding-right:.8em}
div.header img.logo{float:left;width:29.5em;height:5.1em;font-size:1em;margin:1.7em}
h2.titu_h3{font-size:1em;color:#103184;margin:.7em 0}
div.bienvenida {float:right;width:26em;margin:2em 1.7em 0 0}
div.bienvenida ul{font-size:1em;color:#7a7a7a;border-top:.1em solid #7a7a7a}
div.bienvenida ul li a{font-size:1em;color:#7a7a7a;text-decoration:none}
div.bienvenida ul li{float:left;padding:0 .5em ;margin:.5em .4em 0.5em 0;border-right:.1em solid #7a7a7a}
/*div.bienvenida ul li.first{padding-left:0}*/
/*div.bienvenida ul li.last{border:none;padding-left:1em}*/
div.bienvenida ul li.first{padding-left:0; display: none;}
div.bienvenida ul li.last{border:none;padding-left:0em}


/*MENU*/
div.menu {height:6.4em;margin:0 auto /*1.56em*/ .2em;clear:both;position:relative; width:94.5em }
.menu ul {width:100%;z-index:11}
.menu ul li {float:left;height:3.6em;text-indent:-2000em; background-repeat: repeat-y}
.menu ul li a { background-position:bottom left;background-repeat:no-repeat;display:block;height:100%;outline:none}
.content .menu ul li li a { background-image:none;display:inline;height:auto}
.menu ul li a:hover, .menu ul #liActivo a{ background-position:top left}
.menu ul li.li1 a,.menu ul li.li1 { width:9.1em;background-image:url(../img/quienes_somos.gif)}
.menu ul li.li2 a, .menu ul li.li2 { width:7.1em;background-image:url(../img/que_hacemos.gif)}
.menu ul li.li3 a, .menu ul li.li3 { width:9.5em;background-image:url(../img/colaboracion.gif)}
.menu ul li.li4 a, .menu ul li.li4{ width:10.1em;background-image:url(../img/transparencia.gif)}
.menu ul li.li5 a,.menu ul li.li5  { width:7.5em;background-image:url(../img/proyectos.gif)}
.menu ul li.li6 a, .menu ul li.li6  { width:8.2em;background-image:url(../img/repercusion.gif)}
.menu ul li.li7 a, .menu ul li.li7  { width:13.6em;background-image:url(../img/voluntariado.gif)}
.menu ul li.li8 a, .menu ul li.li8  { width:29.2em;background-image:url(../img/prSolidarios.gif)}
.menu ul li.li8 a, .menu ul li.li8  { width:29.2em;background-image:url(../img/prSolidarios.gif)}
*+html .menu ul li.li8 a, .menu ul li.li8  { width:29.4em;background-image:url(../img/prSolidarios.gif)}
* html .menu ul li.li8 a, .menu ul li.li8  { width:29.4em;background-image:url(../img/prSolidarios.gif)}
.menu ul li .env {background:url(../img/fnd_submenu.gif) no-repeat bottom left;position:absolute;top:3.6em;left:0;width:94.5em;height:2.6em;z-index:9;display:none}
.menu ul li#liActivo .env  {display:block}
* html .menu ul .env {background-image:url(../img/fnd_submenu_IE.gif)}
*+html .menu ul .env {background-image:url(../img/fnd_submenu_IE.gif)}
.menu ul .env ul {background: url(../img/separa.gif) left .8em  no-repeat;z-index:10;width:auto}
.menu ul .env li { float:left;text-indent:0;text-transform:uppercase;padding:.5em .6em 0 ;height:auto;background: url(../img/separa.gif) no-repeat right .8em}
.menu a { color:#103184}
.menu li.li1 .env ul { margin-left:.5em}
.menu li.li3 .env ul { margin-left:9.3em}
.menu li.li5 .env ul { margin-left:2em}
* html .menu li.li5 .env ul { margin-left:2em}
*+html .menu li.li5 .env ul { margin-left:2em}
.menu li.li7 .env ul { margin-left:49.8em}




/*CENTRO*/
div#centro{width:55.1em;padding:0 0 0 12em;float:left}

/*BREADCRUMB*/
div.breadcrumb{clear:both;height:3em;margin:0 0 .5em}
div.breadcrumb ul li {float:left;background: url(../img/bullet_bread.gif) no-repeat left;padding:.3em .5em .3em 1em;font-size:1.1em;color:#103184; zoom:1}
div.breadcrumb ul li a{color:#103184/*;font-weight:bold*/}
div.breadcrumb ul li.primero { background-image:none;padding-left:0}

/*CAPA TITULAR*/
div.h1{/*height:4.2em*/;background: url(../img/bg_h1_sup.gif) top center no-repeat;margin-left:1em;width:53.1em;margin-bottom:8px}
div.h1 .envh1 { background:url(../img/bg_h1_inf.gif) bottom center no-repeat;padding:.8em .8em .8em 1em}
div.h1 h2{font-size:2.1em;color:#103184;margin:0 0 .4em;padding:0;line-height:1em}
div.h1 p{font-size:1.2em;color:#103184;line-height:.7em}

/*CENTRO CONTENIDOS*/
/*home*/
/*div#centro.centroHome { padding-left:10em;width:567px}*/
/*#promoHome { background:url(../img/fnd_promo_home.png) bottom center no-repeat;margin-top:75px;padding:0 20px 7px}*/
/*#flashHome { border:1px solid #FFF}*/

/*home para imagen en vez de flash. JLA*/
div#centro.centroHome { padding-left:10em;width:567px;}

#promoHome { background:url(../img/fnd_promo_home.png) bottom center no-repeat;margin-top:75px;padding:0 20px 0 20px;}
#flashHome img{ border:1px solid #fff; margin: 0!important; padding:0!important;}
/*home con flash*/
div.conflash{background:#FFFFFF url(../img/fnd_gral.jpg) repeat-x 0 128px;padding:0;}
div.conflash div#centro.centroHome { padding:0em;width:785px;}
div.conflash div.breadcrumb{padding-left:10em;}
div.conflash   #centro #promoHome{padding:0;margin:0;background:none;}
*html div.conflash div#centro.centroHome {width:785px;}
*html div.conflash  div#colDcha{margin:0;}
/*subhomes*/
div.centro_top{background:url(../img/bg_centro.png) center top no-repeat ;padding:27px 0 0;position:relative;padding-bottom:57px;float:left}
* html div.centro_top { /*background-image:url(../img/bg_centro.gif)*/}
div.centro_m{background:url(../img/bg_centro_m.png) center top repeat-y;padding:10px 30px 10px;width: 491px;float:left;clear:both}
.centro_top .tiraMrg {position:relative;margin-bottom:-42px;zoom:1}
div.centro_bottom{ position:absolute;bottom:0;left:0;background:url(../img/bg_centro_b.png) -8px bottom no-repeat;height:57px;width:551px}
html > body div.centro_bottom{ background:url(../img/bg_centro_b.png) center bottom no-repeat;}
p, .contenidoTxt label{font-size:1.2em ;color:#103184}
div.img_center{text-align:center;margin:2em auto}
div.img_right{text-align:right;margin:2em auto}
div.img_left{text-align:left;margin:2em auto}
img.centro{width:33.7em;height:9.8em;margin:auto}
div.img_text{width:23em;padding:1em;float:left}
ul.titu3 li{background:url(../img/bullet_h3.gif) no-repeat left;padding: 1em 0 1em 2.5em;margin:0 2em}
h3{color:#103184;font-size:1.2em;font-weight:bold;line-height:1.3em}
h3 a{text-decoration:none;color:#103184}

/*textos interiores*/
.contenidoTxt, .contenidoListado{ line-height:185%;padding: 0 .5em}
.contenidoTxt p, .contenidoTxt ul, .contenidoListado p, .contenidoListado ul{ margin-bottom:.8em;color:#103184}
.contenidoTxt li p { font-size:1em}
.contenidoTxt a , .contenidoListado a{ color:#103184;text-decoration:underline}
.contenidoTxt li { list-style:none;background:url(../img/bolo_interiores.gif) 0 .7em no-repeat;font-size:1.2em;color:#103184;padding-left:10px}
img.alaIzda { float:left;margin:0 10px 10px 0}
.contenidoTxt h2 { font-size:1.2em;color:#000;font-weight:bold;margin:2em 0 .8em}
.centrado,  { text-align:center}
p span.centrado  {display:block;text-align:center}
.contenidoListado { padding:0;font-size:1.2em;margin:-10px -18px;position:relative}
.ulListado li { height:100%;overflow:hidden;padding:5px 25px}
.ulListado li h3 { float:left;width: 380px;font-size:1em;padding:6px 0 6px 9px;background:url(../img/bolo_listado.gif) 0 1em no-repeat}
.verGal { float:right;background:url(../img/flecha_ver_galeria.png) 0 0 no-repeat;padding:1px 0 4px 29px;width:48px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:.8em }
* html li .verGal { background-image:url(../img/flecha_ver_galeria_blanca.gif)}
* html li.liAzul .verGal { background-image:url(../img/flecha_ver_galeria_azul.gif)}
.ulListado li.btnVolver { text-align:right;padding:6px 25px 0}
li.liAzul { background-color:#D6DDEC}
.contenidoListado table {color:#103184;margin-top:4em}
.contenidoListado th {font-weight:bold;padding:0.3em}
table.tablaCompromisario th { padding-left:15px}
table.tablaCompromisario a {text-decoration:none}
table.tablaCompromisario a:hover {text-decoration:underline}

/* Margin Mapa Web */
.mmw {margin-left:6em}

/* Banner Todo Corazon */
.btc {float:left;margin: 0 30px 0 0}

/*PAGINACION*/
div.paginacion {padding-left:0.8em}
div.paginacion ol {height:100%;overflow:hidden}
div.paginacion li{float:left;margin:.5em;width:20px ;height:20px;text-align:center;font-weight:bold;font-size:1.4em;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;border:1px solid #EBEEF4;text-indent:-2000em;background-position:bottom left}
div.paginacion li a { float:left;background-position:top left;width:100%;height:100%;outline:none }
div.paginacion li a:hover {background-position:bottom left}
div.paginacion li.n1,div.paginacion li.n1 a { background-image:url(../img/n1.gif)}
div.paginacion li.n2, div.paginacion li.n2 a { background-image:url(../img/n2.gif)}
div.paginacion li.n3 , div.paginacion li.n3 a{ background-image:url(../img/n3.gif)}
div.paginacion li.n4, div.paginacion li.n4 a { background-image:url(../img/n4.gif)}
div.paginacion li.n5, div.paginacion li.n5 a { background-image:url(../img/n5.gif)}
div.paginacion li.n6, div.paginacion li.n6 a { background-image:url(../img/n6.gif)}
div.paginacion li.n7, div.paginacion li.n7 a { background-image:url(../img/n7.gif)}
div.paginacion li.n8, div.paginacion li.n8 a { background-image:url(../img/n8.gif)}
div.paginacion li.n9 , div.paginacion li.n9 a{ background-image:url(../img/n9.gif)}
div.paginacion li.n10 , div.paginacion li.n10 a{ background-image:url(../img/n10.gif)}
div.paginacion li.n11 , div.paginacion li.n11 a{ background-image:url(../img/n11.gif)}
div.paginacion li.n12 , div.paginacion li.n12 a{ background-image:url(../img/n12.gif)}
div.paginacion li.n13 , div.paginacion li.n13 a{ background-image:url(../img/n13.gif)}
div.paginacion li.n14 , div.paginacion li.n14 a{ background-image:url(../img/n14.gif)}
div.paginacion li.n15 , div.paginacion li.n15 a{ background-image:url(../img/n15.gif)}
div.paginacion li.n16 , div.paginacion li.n16 a{ background-image:url(../img/n16.gif)}
div.paginacion li.n17 , div.paginacion li.n17 a{ background-image:url(../img/n17.gif)}
div.paginacion li.n18 , div.paginacion li.n18 a{ background-image:url(../img/n18.gif)}


/*FORMULARIO*/
div.contenido{width:35em;margin:0 auto}
div.contenido p{margin:1em 0;clear:both}
form.contacto input.radio{float:left;margin:.1em .5em 0 0;border:none }
div.campo{float:left;margin:1em 3em 1em	 0;width:181px}
div.campo2{float:left;margin:1em 3em 1em	 0;width:362px}
form.contacto  label{display:block;margin:.2em 0;font-size:1.2em;color:#103184}
form.contacto input{font-size:1.1em ;color:#103184;border:1px solid #bdd0e2;padding:.2em}
form.contacto input.tam1{width:135px;}
form.contacto input.tam2{width:310px;}
div.contenido p.dato_obliga{font-size:1em;font-style:italic;margin:0}
input.enviar{width:5.9em;height:2.5em;background:url(../img/enviar.gif) no-repeat;border:none}
form.contacto input.enviar{border:none;float:right;clear:both;margin-bottom:1em}
p.dir{width:13em}
.strong{font-weight:bold;font-size:1.25em}
#abreEnvia { cursor: pointer}
#mensajeEnviar {display:none}
.texto {}
label.error {color: #990000 !important;font-style:italic;font-size:1.1em!important}
form.contacto span.euros{font-size:1.14em;color:#103184}

/*COLUMNA DCHA*/
div#colDcha{width:18em;float:right;margin-right:1.2em}
div#colDcha img{margin-bottom:1em}
div.contacto{background:url(../img/contacto_lateral.png) no-repeat top left;height:19.2em}
div.flash{margin-top:2em;margin-left:5em;width:11.9em;height:9.9em}

/*FOOTER*/
div.footer{background:#fff url(../img/fnd_pie.gif) repeat-x top;border-bottom:.1em solid #b2b2b2; width:100%}
div.footer h2{margin-bottom:.5em}
div.footer ul{float:left;}
div.footer ul li{margin:0 43px 0 .3em}
div.footer  a{color:#000;text-decoration:none}
div.enlaces{float:left;width:45em;padding:1.5em;padding-bottom:.5em}
div.enlaces ul {width:15em}
div.enlaces ul.ul1 { width:16.5em}
div.enlaces ul.ul2 {width:13em;}
div.enlaces ul.ul3 {}
div.footer div.enlaces ul li {margin:0 25px 0 .3em}
div.mapa{float:left;/*width:29em;*/padding:3em 1.5em;padding-bottom:.5em}
div.mapa h2 {font-weight:bold}
div.axa{float:right;width:20.5em;padding:1.5em;padding-left:7.5em;background:url(../img/fnd_axa_espana.gif) no-repeat bottom left}
div.axa h2{margin:1em .2em;width:8.8em}
div.axa ul li a{color:#103184;font-size:1.1em}
div.text{float:left}
img.logo_pie{float:right;width:7.3em;height:7.6em}
div.info{background:url(../img/fnd_ul_info.gif) repeat-x bottom;height:3em}
div.info ul{width:35em;float:right;margin:1em .5em 0 0}
div.info ul li {float:left;padding:0 .8em;background:url(../img/separa_li_info.gif) no-repeat right}
div.info ul li.last{background:none}
div.info ul li a{color:#000;text-decoration:none}

/*GALERIA DE FOTOS*/
#gallery { margin-left:.8em}
div.box{width:17.6em;height:15.7em;text-align:center;float:left;background:url(../img/fnd_box.png) 0 0 no-repeat}
* html div.box {background-image:url(../img/fnd_box.gif) }
div.box .dentroBox {padding:13px 15px 0}
div.box .boxImg { width:126px;height:75px;background: url(../img/fnd_sombra_gal.gif) center center no-repeat;padding:5px;margin:0 auto }
div.last{margin-right:0 !important}
div.galeria h3{font-size:1.5em;color:#103184;margin:2px 0 3px;font-weight:normal;line-height:1em}
.box a { color:#103184}
div.galeria p.pie_foto{font-size:1.1em;color:#103184;line-height:1.1em}

/*LIGHTBOX*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:3500}
#colorbox {padding:20px}
#cboxOverlay{position:fixed;width:100%;height:100%}
#cboxMiddleLeft, #cboxBottomLeft{clear:left}
#cboxContent{position:relative}
#cboxLoadedContent iframe{display:block;width:100%;height:100%;border:0;padding:10px}
* html #cboxLoadedContent iframe{padding: 5px 8px}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer}
#cboxOverlay{background:#fff}
#cboxContent{background:#FFF;border:4px solid #CFDCED}
#cboxTitle, #cboxCurrent{ display:none !important}
#cboxSlideshow{position:absolute;bottom:0px;right:42px;color:#444}
#cboxPrevious{position:absolute;top:35%;left:0;height:100px;outline:none; text-indent:2000em;width:30%;color:#FFF;font-size:0em;;text-indent:-9999px;display:block}
#cboxNext{position:absolute;top:35%;right:0;height:100px;outline:none;text-indent:2000em;width:30%;font-size:0em;color:#FFF;;text-indent:-9999px;;display:block}
#cboxLoadingOverlay{background:url(../img/galeria/ajaxLoader.gif) 5px 5px no-repeat #fff}
#cboxClose{position:absolute;top:-10px;right:-10px;display:block;background:url(../img/btn_cerrar.png) 0 0 no-repeat;height:23px;width:23px;text-indent:-200em;z-index:3510}
* html #cboxClose {background-image:url(../img/btn_cerrar.gif)}
#cboxNext.hovered{background: url(../img/galeria/next.gif) center right no-repeat}
#cboxPrevious.hovered {background: url(../img/galeria/prev.gif) center left no-repeat}
#cboxLoadedContent{overflow:auto;padding:1px}
#cboxTitle,#cboxCurrent, #cboxSlideshow{display:none}
#cboxLoadingOverlay{background:#FFF}
#cboxLoadingGraphic{background:url(../img/galeria/ajaxLoader.gif) center center no-repeat}


/*div.centro_top {padding:27px 0 20px}*/
.centro_top .tiraMrg {float:left;margin-bottom:0}
.contenidoTxt, .contenidoListado  { margin-bottom:-34px;position:relative}
* html .contenidoTxt li {position:relative}
/*div.centro_bottom  {background-image:url(../img/bg_centro_b_ie.png)}*/
div.breadcrumb ul li {display:inline;float:none}
.contenidoTxt ul ul { margin-top:.8em;font-size:.9em}
.contenidoListado .ulListado {margin-bottom:0}
.centro_top.plantillaDoble .contenidoTxt { margin-bottom:20px}
.centro_top.plantillaDoble .contenidoListado { margin-top:0}
* html .centro_top.plantillaDoble .centro_bottom { left:6px}
* html div.centro_m {padding-left:31px}

div.campo {float:left;margin:1em 3em 1em 0;width:144px}
.contenidoListado {font-size:1.2em;margin:-22px -18px -50px;padding:0;position:relative}
* html #margenesGaleria .centro_bottom { left:6px}
* html .contenidoListado {margin:-22px -12px -46px -13px}
*+html .contenidoListado {margin:-22px -17px -46px}
* html .ulListado li h3 {width: 380px}
* html .ulListado {width:526px}
/*Comunicados_internos*/
.ulListado.sinGaleria li h3 { width:100%}
.contenidoTxt h3 {margin-bottom:1em}
.contenidoTxt p + h3, .contenidoTxt ul + h3 {margin-top:2em} 
.fecha { margin:0 0 20px}
.fecha p{ text-align:right;font-size:1em;color:#666;font-family:Tahoma, Arial, Helvetica, sans-serif}
.fotoAlCentro {text-align:center;margin:10px}

.fotoAlCentro img {margin:10px 5px}
p.notaPie { margin-top:30px;font-size:1.1em}
* html .centro_top .centro_bottom.margen6{left: 6px;}

/*CAMBIOS Y ACTUALIZACIONES*/
.indentado {display: block;left: -999em;line-height: 0;position: absolute;text-indent: -999em;}
.historico {border-bottom: 1px solid #103184;/*position: absolute;*/right: 1.6em;top: -6em;width:auto;}
.historico ul {list-style-type: none;margin: 0;padding: 0;text-align: right;}
.historico ul li {background: url(../img/bgLiHistorico.gif) no-repeat scroll right center transparent;display: inline-block;font-size: 100%;font-weight: bold;height: 3.8em;line-height: 3.8em;padding: 0 0.8em 0 0.4em;}
*+html .historico ul li{display:inline}
* html .historico ul li{display:inline}
.historico ul li a {color: #0F3183;font-size: 1.2em;padding-bottom: 6px;}
.historico ul li.activo a {background: url(../img/flecga_inf.gif) no-repeat scroll center bottom transparent;color: #000000;}
.historico ul li.last {background: none repeat scroll 0 0 transparent;}

.img_centro_m{margin:-20px 0 0 -17px}

.video01 {float: right;height: 350px;width: 250px;z-index: 1000;}
