/* Mujeres desplazadas de Ucrania

.carousel ul li.ucrania img {
    border-radius: 0.9em !important;
}

/* CSS HOME Portal Violencia de Género */



body {background: url(../img/cabecera-vgenero.png) top no-repeat; font-family: Arial, helvetica, sans-serif; padding: 0; margin: 0}



html {background: #CDE6F5 url(../img/fondo-vgenero.png) top repeat-x}



#fullpage {max-width: 80em; min-height: 32em; margin: 0 auto; padding: 0 1%; clear: both}



img {max-width: 100%; border: 0;}



.oculto {display: none}



a {text-decoration: none}



#nivel{float:left;visibility:hidden;width:0%;}



/* CABECERA

----------------------------------------------------------------------------------------------------*/



#cabecera {width: 100%; min-height: 6em; margin: 0 auto;}



#cabecera #contenedor-cabecera {max-width: 69em; margin: 0 auto; padding: 0.2% 0.6%;}



#cabecera #contenedor-cabecera .escudo {float: left; margin: 0.5% 128px 0 0 ;}



#cabecera #contenedor-cabecera #idiomas {text-align: center}



#cabecera #contenedor-cabecera #idiomas ul {margin: 0; padding: 0;}



#cabecera #contenedor-cabecera #idiomas ul li {display: inline; padding: 0 0 0 0.3em; font-size: 0.7em; color: #000; border-right: 1px solid #777171}



#cabecera #contenedor-cabecera #idiomas ul li.last {border-right: 0px solid #fff; line-height: 1.9em;}



#cabecera #contenedor-cabecera #idiomas ul li a {color: #000;}



#cabecera #contenedor-cabecera #idiomas ul li a:hover {color: #000; text-decoration: underline}



#cabecera #contenedor-cabecera #contenido-cabecera #enlaces {float: left; display: inline-block; margin: 0.5% 0 0 0}



#cabecera #contenedor-cabecera #contenido-cabecera #enlaces a {text-decoration: none; float: left; font-family: Verdana, Arial, helvetica, sans-serif; color: #fff; background: #2f719d; font-size: 0.75em; padding: 0.45em 0.6em}



#cabecera #contenedor-cabecera #contenido-cabecera #enlaces a.compartir {margin: 0em 0.2em; background: #2f719d url(../img/ico-compartir.png) 0.3em 0.3em no-repeat; padding: 0.4em 0.8em 0.4em 2.2em}



#cabecera #contenedor-cabecera #contenido-cabecera #enlaces ul {margin: 0.05em 0 0.4em 0.2em; padding: 0; float: left;}



#cabecera #contenedor-cabecera #contenido-cabecera #enlaces ul li {list-style: none; float: left; margin: 0 0.1em;}



#cabecera #contenedor-cabecera #contenido-cabecera #enlaces ul li a {background: none; padding: 0}



#cabecera #contenedor-cabecera #contenido-cabecera #opciones {float: right; display: inline-block; margin: 0.1% 1.5% 0 1.5%}



#cabecera #contenedor-cabecera #contenido-cabecera #buscador {float: left;}



#cabecera #contenedor-cabecera #contenido-cabecera #buscador form {margin: 0; padding: 0;}



#cabecera #contenedor-cabecera #contenido-cabecera #buscador form label {display: none;}



#cabecera #contenedor-cabecera #contenido-cabecera #buscador form #search {width: 14em; height: 1.1em; vertical-align: top; background: #fff; border:1px solid #B1ADAD; border-radius: 6px; margin-right: -2.8em; padding: 0.45em 1.9em 0.4em 0.5em; font-size: 0.75em; font-family: Arial}



#cabecera #contenedor-cabecera #contenido-cabecera #buscador form .boton-buscar {margin: 0.4em 0 0 0}



#cabecera #contenedor-cabecera #contenido-cabecera #contacto {float: left; background: #fff url(../img/ico-contacto.png) right no-repeat; border:1px solid #B1ADAD; border-radius: 6px; color: #1F699A; padding: 0.3em 2.1em 0.2em 0.3em; margin: 0em 53px 0 0.5em;}



#cabecera #contenedor-cabecera #contenido-cabecera #contacto a {color: #000; font-size: 0.75em; font-family: Arial; text-decoration: none;}



#cabecera #contenedor-cabecera #salir {margin: 0 auto}



#cabecera #contenedor-cabecera #salir a {font-size: 0.95em; font-weight: bold; background: #DD0000 url(../img/ico-salir.png) 1em 0.3em no-repeat; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; text-align: left; color: #fff; display: block; padding: 0.3em 1.9em 0.4em 2.6em; margin: -0.2em 0 0.4em 0}





/* TEXTO DESTACADO DE LA HOME

----------------------------------------------------------------------------------------------------*/



div.destacado {padding: 1.1em 1.4em; margin: 0 auto 0.2em auto; background: #A4D0EE; border: 5px solid #fff; border-radius: 15px; font-size: 0.8em; font-family: Verdana, Arial, helvetica, sans-serif; text-align: center; line-height: 1.7em;}



div.destacado a {color:#0e2e41; text-decoration: none; font-weight: normal; margin-left: 0.5em}



div.destacado a:hover {color:#164a69; text-decoration: underline;}



div.destacado p {display: inline; margin: 0.8em 0}



/* GEN RICOS

----------------------------------------------------------------------------------------------------*/



.home a {font-family: Verdana, Arial, helvetica, sans-serif; margin: -0.1em 0 0.1em 0; padding: 0; text-align: center; color: #1F6899; font-weight: bolder;}



h2.home {width: 80%; font-size: 0.8em; margin: 0.2em auto; padding: 0; text-align: center; color: #000; font-weight: normal; font-family: Verdana, Arial, helvetica, sans-serif; line-height: 1.4em}



h1 {font-size: 2.2em; margin: 0.5em 0; padding: 0; text-align: center; color: #1F6899; font-weight: bold;}



h1 span.subtitle {font-size: 0.6em; display: inline-block; margin-top: 0.5em;}


/* MEN  CIRCULOS

----------------------------------------------------------------------------------------------------*/



#menu-principal {margin: 0.1em auto; text-align: center;}



#menu-principal div {min-width: 10em; min-height: 10em; display: inline-block; border-radius: 50%; padding: 0; margin: 0.5% 0.4%; background: #55ABDF;}



#menu-principal div a {font-size: 1.1em; color: #000; width: 8.85em; height: 6.6em; float: left; text-align: center; padding: 3.5em 0.7em 0 0.7em; text-decoration: none;}



#menu-principal div.informa {background: #55ABDF url(../img/ico-informacion.png) 50% 0.5em no-repeat; border: 6px solid #53abdf}



#menu-principal div.informa:hover {border: 6px solid #268cca}



#menu-principal div.sensibilizacion {background: #E4768E url(../img/ico-sensibilizacion.png) 50% 1em no-repeat; border: 6px solid #e3758d}



#menu-principal div.sensibilizacion:hover {border: 6px solid #d83f61}



#menu-principal div.profesionales {background: #93DA32 url(../img/ico-profesionales.png) 50% 0.7em no-repeat; border: 6px solid #91da2e}



#menu-principal div.profesionales:hover {border: 6px solid #71ae1e}



#menu-principal div.cifras {background: #FBABAB url(../img/ico-cifras.png) 50% 0.8em no-repeat; border: 6px solid #fba8a8}



#menu-principal div.cifras:hover {border: 6px solid #f96c6c}



#menu-principal div.otras {background: #FFE006 url(../img/ico-otras.png) 50% 0.5em no-repeat; border: 6px solid #ffe004}



#menu-principal div.otras:hover {border: 6px solid #e2b005}





/* CAMPA A Y MEN  SECUNDARIO y centro HOME

----------------------------------------------------------------------------------------------------*/



#section {clear: both; display: block;}



#section .banner {padding: 0;border-radius: 10px;border: 6px solid #fff;background: #fff;display: block;text-align: center;margin: 0.1em 0 1em 1em;width: 59.3%;float: left;/* min-height: 13.5em; */}


#section .banner a {width: 88.2%; display: inline-block}


#section .menu-secundario {margin: 0; padding: 0.5% 0.3%; border-radius: 10px; background: #fff}



#section .menu-secundario ul {margin: 0; padding: 0;}



#section .menu-secundario ul li {display: inline-block; width: 23.7%; list-style: none; font-size: 0.75em; font-family: Verdana, Arial, helvetica, sans-serif; font-weight: bold; vertical-align: top;}



#section .menu-secundario ul li a {display: block; color: #0962A0; text-decoration: none; line-height: 1.6em; padding: 0.7em 0 0.7em 4em; margin: 0.5%; list-style: none;}



#section .menu-secundario ul li a:hover {color: #064066;}



#section .menu-secundario ul li a.definicion {background: url(../img/ico-definicion.png) 0.2em 0 no-repeat;}

#section .menu-secundario ul li a.agenda-delegada {background: url(../img/ico-agenda-delegada.png) 0.6em 0 no-repeat;}

#section .menu-secundario ul li a.instituciones {background: url(../img/ico-instituciones.png) 0.6em 0.6em no-repeat;}

#section .menu-secundario ul li a.datos {
    background: url(../img/ico-datos.png) 0.5em 0em no-repeat;}



#section .menu-secundario ul li a.marco {background: url(../img/ico-marco.png) 0.4em 0.6em no-repeat;}



#section .menu-secundario ul li a.marco-internacional {background: url(../img/ico-marco-internacional.png) 0.6em 0.2em no-repeat;}



#section .menu-secundario ul li a.plan-actuacion {background: url(../img/ico-plan-actuacion.png) 0.9em 0.2em no-repeat;}



#section .menu-secundario ul li a.convocatorias {background: url(../img/ico-convocatorias.png) 0.8em 0em no-repeat;}



#section .menu-secundario ul li a.enlaces {background: url(../img/ico-enlaces.png) 0.5em 0.6em no-repeat;}



#section .menu-secundario ul li a.pacto-estado {background: url(../img/ico-pacto-estado.png) 0.5em 0.6em no-repeat;}






/*---------------------------------------------------------------------------------------------------------*/


#section .menu-centro {padding: 0.5% 0.3%;border-radius: 10px;background: #fff;width: 17.3%;/* min-height: 12.6em; */float: left;margin: 0.1em 0 1em 0;text-align: center;padding-top: 21px;}


#section .menu-centro  a {display: block; color: #0962A0; text-decoration: none; line-height: 1.6em; margin: 0.5%; list-style: none;}



#section .menu-centro  a:hover {color: #064066;}


#section .menu-centro a.pacto-estado {background: url(../img/ico-pacto-estado.png) 0.5em 0.6em no-repeat;}



/* NOTICIAS HOME

----------------------------------------------------------------------------------------------------*/



#noticias {clear: both !important; min-height: 571px; background: #FFF; border-radius: 10px; margin: 0em auto 0 auto;}


#cifras {clear: both !important; min-height: 20.50em; background: #FFF; border-radius: 10px; margin: 0em auto 14px auto;}


#cifras input[type="submit"] {
    background: #1C5C88 url(../img/ico-compartir.png) 0.9em 0.4em no-repeat;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #fff;
    padding: 0.6em 1em 0.6em 2.9em;
    text-decoration: none;
    font-size: 0.75em;
    float: right;
	margin-right: 3em;
	cursor: pointer;
}

#cifras input[type="submit"]:hover {background: #17496a url(../img/ico-compartir.png) 0.9em 0.4em no-repeat}



#noticias h2 {background: #76BCE7; border-top-left-radius:8px; border-top-right-radius:8px; font-family: Verdana, Arial, helvetica, sans-serif; color:#000; font-size: 1.1em; font-weight: normal; padding: 0.5em; margin: 0}

#cifras h2 {background: #76BCE7; border-top-left-radius:8px; border-top-right-radius:8px; font-family: Verdana, Arial, helvetica, sans-serif; color:#000; font-size: 1.1em; font-weight: normal; padding: 0.5em; margin: 0}

#noticias .historial {float: right; margin: 0 2% 0 0; padding: 0.4em; background: #CDE6F5; border-bottom-left-radius:8px; border-bottom-right-radius:8px;}



#noticias .historial a {font-size: 0.7em; color: #0962A0; font-family: Verdana, Arial, helvetica, sans-serif; font-weight: bold; padding-left: 2em; background: url(../img/ico-historico.png) no-repeat;}





/* SUSCRIPCI N A NOTICIAS

----------------------------------------------------------------------------------------------------*/



.suscripcion {width: auto; margin: 0.35em 0 1.5em 1.2em; background: #000; float: left;}



.suscripcion a {background: #1C5C88 url(../img/ico-suscripcion.png) 0.4em 0 no-repeat; border-bottom-left-radius:8px; border-bottom-right-radius:8px; color: #fff; padding:0.6em 1em 0.6em 3.6em; text-decoration: none; font-size: 0.75em}



.suscripcion a:hover {background: #17496a url(../img/ico-suscripcionhover.png) 0.4em 0 no-repeat}



.compartir {width: auto; margin: 0.35em 0 1.5em 0.5em; float: left;}



.compartir a {background: #1C5C88 url(../img/ico-compartir.png) 0.9em 0.4em no-repeat; border-bottom-left-radius:8px; border-bottom-right-radius:8px; color: #fff; padding:0.6em 1em 0.6em 2.9em; text-decoration: none; font-size: 0.75em}



.compartir a:hover {background: #17496a url(../img/ico-compartir.png) 0.9em 0.4em no-repeat}





/* A UN CLIC DE TI

----------------------------------------------------------------------------------------------------*/

.timeline-Footer {
    padding: 15px;
    font-size: 12px;
}


.twitterlink a{ 
   background: #1C5C88 url(../img/ico-twitter.png) 0.4em 0.15em no-repeat;
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
   color: #fff;
   padding: 0.6em 1em 0.6em 3.6em;
   text-decoration: none;
   font-size: 0.75em;
   float: right!important;
   margin-right: 18px;
}


.Timeline-Viewport{ height: 540px !important!}


iframe#twitter-widget-0{ margin-top: 9px !important} 

#carrusel-logos {min-height: 10em !important; border-radius: 10px; margin: 0.9em auto 0 auto;}

#twitter { min-height: 571px !important; background: #fff; border-radius: 10px; margin: 0.9em auto 0 auto;}


#carrusel-logos h2 {background: #76BCE7; border-top-left-radius:8px; border-top-right-radius:8px; font-family: Verdana, Arial, helvetica, sans-serif; 
    color:#144361; font-size: 1.3em; font-weight: normal; text-align: center; padding: 0.35em; margin: 0}


#twitter h2{
    background: #76BCE7; border-top-left-radius:8px; border-top-right-radius:8px; font-family: Verdana, Arial, helvetica, sans-serif; 
    color:#144361; font-size: 1.3em; font-weight: normal; text-align: center; padding: 0.35em; margin: 0
}

#carrusel-logos a.prev {display: none;}
#carrusel-logos a.next {margin: -45px 5px 0px 0px !important}
#carrusel-logos a.go {display: none;}



.custom-container {
    margin-top: 0;
    margin-bottom: 1em;
    background-color: #fff;
    padding-bottom: 1em;
    padding-top: 1em;
    border-radius: 0 0 10px 10px; 
}

.carousel {margin: 0 auto; width: 84%; height: 255px !important}



.carousel ul {margin: 0; padding: 0; height: 26.5em; overflow-y: auto}



.carousel ul li {list-style: none; display: block; clear: both; height: 85px}



.carousel ul li img {float:left;}



.carousel ul li span.title {float: left; width: 57%; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.75em; padding: 1.2em 0 0 1em; line-height: 1.4em}



.carousel ul li a {color: #000; text-decoration: none; display: block; vertical-align: middle}



.informacion-tecnologica a {display: block; width: 32%; padding: 0.8em 0.5em 0.8em 7em; margin: 0.2em 0 0 0.5%; clear: both; border-radius: 6px; border: 1px solid #B3D9F0; background: #fff url(../img/ico-infotecnologica.png) 0.9em 0.4em no-repeat; font-size: 0.7em; font-weight: bold; color: #195279; font-family: Verdana, Arial, helvetica, sans-serif; line-height: 1.6em}



.informacion-tecnologica span {display: block; font-weight: normal}





/* PIE

----------------------------------------------------------------------------------------------------*/



#pie {width: 100%; margin: 0; padding: 2.2em 0 2em 0; display: block; clear: both; text-align: center; background: #1C5C88 url(../img/fondo-pie.png) top repeat-x; color: #fff}



#pie p {font-size: 0.75em; margin: 0.3em; padding: 0.3em}



#pie a {color: #fff; text-decoration: none}



#pie a:hover {text-decoration: underline}



#pie ul {margin: 0em 0.3em 0em 0.3em; padding: 0em 0.3em 0em 0.3em}



#pie ul li {display: inline; padding: 0 0.4em 0 0.2em; font-size: 0.75em; color: #000; border-right: 1px solid #fff; margin-top: 0.4em}



#pie ul li.last {border-right: 0px}



#pie-home {width: 100%; margin: 0; padding: 0.2em 0 2em 0; display: inline-block; clear: both; text-align: center; background: #1C5C88; color: #fff}




#pie-home p {font-size: 0.75em; margin: 0.6em 0.3em 0.3em 0.3em; padding: 0.6em 0.3em 0.3em 0.3em; display: block}



#pie-home a {color: #fff; text-decoration: none}



#pie-home a:hover {text-decoration: underline}



#pie-home ul {margin: 0em 0.3em 0em 0.3em; padding: 0em 0.3em 0em 0.3em}



#pie-home ul li {display: inline; padding: 0 0.4em 0 0.2em; font-size: 0.75em; color: #000; border-right: 1px solid #fff; margin-top: 0.4em}



#pie-home ul li.last {border-right: 0px}



#pie-home ul.mapaweb {max-width: 75em; margin: 0.6em auto 0em auto; padding: 0.6em 0.3em 0em 0; font-family: Verdana, Arial, helvetica, sans-serif;}



#pie-home ul.mapaweb li {display: inline-block; max-width: 17%; margin: 0 0.6em; padding: 0; font-size: 0.8em; font-weight: bold; color: #000; vertical-align: top; text-align: left; list-style: none; border: 0}



#pie-home ul.mapaweb ul {margin: 0.6em 0 0 0; padding: 0.6em 0 0 0}



#pie-home ul.mapaweb ul li {display: block; max-width: 100%; height: auto !important;  font-size: 88%; font-weight: normal; margin: 0.4em 0}



#logos-transparencia {clear: both; margin: 0.1em auto 0.2em; text-align: center; width: 100%;}



/* Imagen W3C

----------------------------------------------------------------------------------------------------*/



#links {float: right; padding: 0 1% 0% 0; width: 99%;}



#links img {margin-top: 0; padding-top: 0;}



#links ul {float: right; margin: 0; padding: 0;}



#links ul li {display: inline; list-style-type: none; border: none;}



#links ul li a {text-decoration:none;}



#links ul li a:hover {text-decoration:none;}



/* Texto

----------------------------------------------------------------------------------------------------*/



.negrita {font-weight:bold;}



.cursiva {font-style:italic;}



/* MEDIA QUERIES

----------------------------------------------------------------------------------------------------*/



@media only screen and (min-width: 960px) {

  #cabecera #contenedor-cabecera #salir {float: right; width: auto; min-width: 11.8em; position:fixed; margin-left:57em; z-index:10;}

}



@media only screen and (max-width: 1079px) {

  #cabecera #contenedor-cabecera #idiomas {float:left}

}



@media only screen and (max-width: 1024px) {

  #cabecera #contenedor-cabecera #salir {float: right; width: auto; min-width: 11.8em; position:fixed;right:0em; z-index:99;}

  #cabecera #contenido-cabecera {margin-top: 1.9em}
    
  #logos img {margin-right: 0px !important;}.
    
  .cifrasDiv {  min-width:29em !important; }

}



@media only screen and (min-width: 630px) {

#cabecera #contenedor-cabecera #idiomas {float: right; padding-right: 2%; margin-right: 12em;}

#cabecera #contenedor-cabecera #idiomas ul {margin: 0; padding: 0;}

#opciones-cabecera {float: left;}

#logos {float: right; margin-top: 0.7em;}

#menu-principal {width: 100%}

#section {clear: both; width: 95%; margin: 0.2em auto;}

#section .menu-secundario {width: 98.3%; float: left; margin: 0.1em 0 1em 0em;}

#contenedor-noticias {width: 58%; margin: 0.1em 0 0em 0; float: left;}

#carrusel-logos {width: 39.5%; margin: 0.1em 0 1em 1em; float: left;}

}



@media only screen and (max-width: 1135px) {

#carrusel-logos h2 {padding: 1em 0.35em 0.9em 0.35em}

#noticias h2 {padding: 1.2em 0.3em 1.2em 0.3em}

#contenido-cabecera #compartir {padding-left: 0}
    


}



@media only screen and (max-width: 1100px) {

#carrusel-logos h2 {padding: 1em 0.35em 0.9em 0.35em}

#noticias h2 {padding: 0.6em 0.3em 0.6em 0.3em}

}



@media only screen and (max-width: 1080px) {

#cabecera #contenedor-cabecera #contenido-cabecera #enlaces {float: left; display: inline-block; margin: 0.5% 0px 0 0px}

#contenido-cabecera #compartir {margin: 0.7% 0px 0px 0.5%;}

#menu-principal {width: 99%}

#carrusel-logos h2 {padding: 0.8em 0.35em;}

#noticias h2 {padding: 0.4em 0.3em 0.4em 0.3em}

#section .banner {/* min-height:14em; */}
	
#section .menu-centro {/* min-height:14em; */}

#carrusel-logos  {min-height: 36.2em}
    
#cabecera #contenedor-cabecera #contenido-cabecera #contacto {float: left; background: #fff url(../img/ico-contacto.png) right no-repeat; border:1px solid #B1ADAD; border-radius: 6px; color: #1F699A; padding: 0.3em 2.1em 0.2em 0.3em; margin: 0em 12px 0 0.5em;}

}



@media only screen and (max-width: 975px) {

#section .menu-secundario {width: 95%; margin: 0.8em auto; float: none; padding: 2% 0 0 2%}

#section .banner {width: 95%;margin: 0.2em auto;float: none;}

#section #contenedor-noticias {width: 97%; margin: 0.8em auto; float: none;}

#carrusel-logos {width: 95%; min-height: 35em; margin: 0.8em auto 3em auto; float: none; clear: both;}

.informacion-tecnologica a {width: 45%; margin: 0 2%}

.addthis_toolbox .hover_menu {left: auto !important; margin-left: -0.4em}

#contenido-cabecera #compartir {margin: 0.7% 0px 0px 3%; padding-left: 0 !important}
    
#section .menu-centro {
    width: 95%;
    margin: 0.8em auto !important;
    float: none;
    padding: 2% 0 0 2%;}
    
#cabecera #contenedor-cabecera #contenido-cabecera #contacto {float: left; background: #fff url(../img/ico-contacto.png) right no-repeat; border:1px solid #B1ADAD; border-radius: 6px; color: #1F699A; padding: 0.3em 2.1em 0.2em 0.3em; margin: 0em 12px 0 0.5em;}
    
    

}




@media only screen and (min-width: 801px) and (max-width: 950px) {

#cabecera #contenedor-cabecera #contenido-cabecera #contacto {float: none; clear: both; margin: 1.8em 0px 0px 0em;}

#cabecera #contenedor-cabecera #contenido-cabecera #buscador form #search {width: 10em}

#cabecera #contenedor-cabecera #contenido-cabecera #enlaces {margin: 0.5% 0 0 0}

#cabecera #contenedor-cabecera #contenido-cabecera #opciones { margin: 0.9em 0.3em 0 0}
    
#cabecera #contenedor-cabecera #contenido-cabecera #contacto {float: left; background: #fff url(../img/ico-contacto.png) right no-repeat; border:1px solid #B1ADAD; border-radius: 6px; color: #1F699A; padding: 0.3em 6.1em 0.2em 0.3em; margin: 1em 0 0 0em;}

}



@media only screen and (max-width: 800px) {

#cabecera #contenedor-cabecera #salir {margin: 0 auto; position: relative; width: 100%; position:fixed;}

#cabecera #contenido-cabecera {margin-top: 0.6em; text-align: center}

#cabecera #contenedor-cabecera #idiomas {margin-top: 1.8em}

#cabecera #contenedor-cabecera #contenido-cabecera #enlaces ul {clear: none}

#cabecera #contenedor-cabecera #contenido-cabecera #buscador form #search {width: 15em}

#opciones-cabecera {float: none; clear: both; display: inline-block}

#logos {float: none; clear: both;}

#cabecera #contenedor-cabecera .escudo {float: none; margin: 1% auto; text-align: center; clear: right;}

#cabecera #contenedor-cabecera #contenido-cabecera #compartir {float: none; margin: 0.9% 0px 0.2em 2%;}

#cabecera #contenedor-cabecera #contenido-cabecera #enlaces {float: none; vertical-align: top}

#cabecera #contenedor-cabecera #contenido-cabecera #opciones {float: none; margin: 0}

#pie-home ul.mapaweb li {max-width: 99%; display: block; padding: 0.4em; margin: 0.4em;}

#pie-home ul.mapaweb ul {padding: 0;}

#pie-home ul.mapaweb ul li {padding: 0.1em 0.4em; margin: 0.1em 0.4em;}

.informacion-tecnologica a {width: auto; margin: 0 2%}
    
#cabecera #contenedor-cabecera #contenido-cabecera #contacto {float: left; background: #fff url(../img/ico-contacto.png) right no-repeat; border:1px solid #B1ADAD; border-radius: 6px; color: #1F699A; padding: 0.3em 2.1em 0.2em 0.3em; margin: 0em 12px 0 0.5em;}

}
@media only screen and (max-width: 630px) {
	
#section .banner a { width: 46.6%;}
	
#section .menu-secundario ul li {width: 31.7%;}

#mensajeVictima {width: 87% !important;}
}

@media only screen and (max-width: 450px) {

#cabecera #contenedor-cabecera #idiomas {text-align: center;}

#cabecera #contenedor-cabecera #idiomas ul {margin: 0; padding: 0;}

#contenido-cabecera {margin-top: 0.4em}

#cabecera #contenedor-cabecera #contenido-cabecera #enlaces {margin: 0.8% 0 0 0}

#cabecera #contenedor-cabecera #contenido-cabecera #enlaces a {float: none;}

#cabecera #contenedor-cabecera #contenido-cabecera #enlaces ul {margin: 0.5em 0; float: none; display: block}

#cabecera #contenedor-cabecera #contenido-cabecera #enlaces ul li {float: none; display: inline;}

#cabecera #contenedor-cabecera #contenido-cabecera #compartir {float: none; margin: 0% 0px 0.2em 2%;}

#cabecera #contenedor-cabecera #contenido-cabecera #buscador {float: none; display: inline;}

#cabecera #contenedor-cabecera #contenido-cabecera #contacto {float: none; display: inline-block; margin-top: 0.4em}

h1.home {font-size: 2em;}

h2.home {font-size: 0.8em;}
	
#section .banner a { width: 100%;}

#section .menu-secundario ul li {display: block; width: auto;}

.carousel ul li span.title {width: 34%}

.suscripcion {margin: 0.35em 0px 1.5em 0.5em;}

.suscripcion a {border-radius:8px; margin: 0.2em auto; width:auto ;}

.compartir a {border-radius:8px; margin: 0.2em auto; width: auto;}
    
    
#cabecera #contenedor-cabecera #contenido-cabecera #contacto {float: left; background: #fff url(../img/ico-contacto.png) right no-repeat; border:1px solid #B1ADAD; border-radius: 6px; color: #1F699A; padding: 0.3em 2.1em 0.2em 0.3em; margin: 0em 0 0 3.6em;}
    
#logos img {margin-right: 0px !important;}
	
#mensajeVictima {width: 83% !important;}

}



@media only screen and (max-width: 370px) {

.carousel {width: auto; margin: 0 auto; text-align: center}

.carousel ul {float: none; display: block; margin-left: 20%}

.carousel ul li span.title {display: none;}
    
#cabecera #contenedor-cabecera #contenido-cabecera #contacto {float: left; background: #fff url(../img/ico-contacto.png) right no-repeat; border:1px solid #B1ADAD; border-radius: 6px; color: #1F699A; padding: 0.3em 2.1em 0.2em 0.3em; margin: 0em 0 0 3.6em;}   
 
#mensajeVictima {width: 80% !important;}

}



@media print {

body {background: #fff}

html {background: #fff}

#salir {display: none}

#idiomas  {display: none}

#logos {margin-left: 0.4em;}

#buscador {display: none} #contacto {display: none}

#cabecera #contenedor-cabecera #contenido-cabecera #enlaces {display: none} #contenido .menu-izquierdo {display: none}

#contenido {min-height: auto} #contenido .contenido-derecho{min-height: auto}

.suscripcion {display: none} .compartir {display: none}

h1 {font-size: 2em;}

.informacion-tecnologica a {border: 0; width: auto}

#pie-home {background: #fff; color: #1C5C88} #pie-home a {color: #1C5C88;}

}



/* IE8

----------------------------------------------------------------------------------------------------*/



.ie8 body {min-width: 65em;}



.ie8 #cabecera #contenedor-cabecera #salir {float: right; width: auto }



.ie8 #cabecera #contenedor-cabecera #idiomas {float: right; margin-right: 0.6em}



.ie8 #opciones-cabecera {float: left;}



.ie8 #logos {float: right}



.ie8 #carrusel-logos {width: 39.5%; min-height: 34.8em; margin: 0.1em 0 1em 1em; float: left;}



.ie8 #buscador form #search {position: relative; border-radius: 6px; behavior: url(css/pie-files/pie.htc);}



.ie8 #contacto {position: relative; border-radius: 6px; behavior: url(css/pie-files/pie.htc);}



.ie8 #menu-principal {width: 100%}



.ie8 #menu-principal div {position: relative; border-radius: 50%; behavior: url(diseno/css/pie-files/pie.htc);}



.ie8 #section {clear: both; width: 95%; margin: 0.2em auto;}



.ie8 #section .banner {width: 57%; min-height: 12em; float: left; margin: 0.1em 0 1em 0; position: relative; border-radius: 10px; behavior: url(css/pie-files/pie.htc);}



.ie8 #contenedor-noticias {width: 58%; margin: 0.1em 0 0em 0; float: left; border-radius: 10px; behavior: url(css/pie-files/pie.htc);}



.ie8 #contenedor-noticias h2 {behavior: url(css/pie-files/pie.htc);border-radius: 8px 8px 0px 0px; font-size: 1em}



.ie8 #section .menu-secundario {width: 39%; min-height: 12em; float: left; margin: 0.1em 0 1em 1em;}



.ie8 #section .menu-secundario ul li {behavior: url(css/pie-files/pie.htc); border-radius: 6px;}



.ie8 .suscripcion a {behavior: url(css/pie-files/pie.htc);border-radius: 0px 0px 8px 8px;}



.ie8 #slides .masinfo {behavior: url(css/pie-files/pie.htc); border-radius: 6px;}



.ie8 #menu ul li {behavior: url(css/pie-files/pie.htc); border-radius: 8px;}



.ie8 .contenido-derecho .submenu ul li {border-radius: 8px; position: relative; behavior: url(css/pie-files/pie.htc);}



.ie8 #contenido {border-radius: 15px; behavior: url(css/pie-files/pie.htc);}



/* IE7

----------------------------------------------------------------------------------------------------*/



*+html body {min-width: 65em;}



*+html #cabecera #contenedor-cabecera #salir {float: right; width: auto}



*+html #cabecera #contenedor-cabecera #idiomas {float: right; margin-right: 0.6em}



*+html #opciones-cabecera {float: left;}



*+html #logos {float: right; width: 12.2em;}



*+html #carrusel-logos {width: 39.5%; min-height: 34.8em; margin: 0.1em 0 1em 1em; float: left;}



*+html #buscador form #search {position: relative; border-radius: 6px; behavior: url(css/pie-files/pie.htc);}



*+html #cabecera #contenedor-cabecera #contenido-cabecera #buscador form #search {margin-right: 0em;}



*+html #cabecera #contenedor-cabecera #contenido-cabecera #contacto {padding: 0.15em 2.1em 0.2em 0.3em; margin: 0.1em 0px 0px 0.9em; position: relative; border-radius: 6px; behavior: url(css/pie-files/pie.htc);}



*+html #menu-principal {width: 100%; display: inline-block;}



*+html #menu-principal div {padding: 0; position: relative; border-radius: 50%; behavior: url(diseno/css/pie-files/pie.htc); width: 11em; height: 11em; display: inline; margin: 0 0.2em; text-align: center;}



*+html #section {clear: both; width: 95%; margin: 0.2em auto;}



*+html #section .banner {width: 57%; min-height: 12em; float: left; margin: 0.1em 0 1em 0; position: relative; border-radius: 10px; behavior: url(css/pie-files/pie.htc);}



*+html #section .menu-secundario ul li {float: left}



*+html #contenedor-noticias {width: 58%; margin: 0.1em 0 0em 0; float: left; border-radius: 10px; behavior: url(css/pie-files/pie.htc);}



*+html #contenedor-noticias h2 {behavior: url(css/pie-files/pie.htc);border-radius: 8px 8px 0px 0px; font-size: 1em}



*+html #section .menu-secundario {width: 39%; min-height: 12em; float: left; margin: 0.1em 0 1em 1em;}



*+html #section .menu-secundario ul li {behavior: url(css/pie-files/pie.htc); border-radius: 6px;}



*+html #slides .masinfo {behavior: url(css/pie-files/pie.htc); border-radius: 6px;}



*+html #menu ul li {behavior: url(css/pie-files/pie.htc); border-radius: 8px;}



*+html .contenido-derecho .submenu ul li {border-radius: 8px; position: relative; behavior: url(css/pie-files/pie.htc);}



*+html #contenido {border-radius: 15px; behavior: url(css/pie-files/pie.htc);}



*+html #slides .slidesjs-pagination {margin: 0 auto; text-align: center}



*+html #slides .slidesjs-pagination li {float: left;}



*+html .suscripcion {padding: 0.4em 0.1em}



*+html .compartir {padding: 0.4em 0.1em}



*+html  #pie-home ul.mapaweb li {float: left; max-width: 17%; margin: 0 0.6em; padding: 0; font-size: 0.8em; font-weight: bold; color: #000; vertical-align: top; text-align: left; list-style: none; border: 0}



*+html #pie-home ul.mapaweb ul {margin: 0.6em 0 0 0; padding: 0.6em 0 0 0}



*+html #pie-home ul.mapaweb ul li {float: none; display: block;  max-width: 100%; height: auto !important;  font-size: 88%; font-weight: normal; margin: 0.4em 0}



*+html #cabecera #contenedor-cabecera #salir {width: 11.2em; margin-top: -0.4em; padding: 0.4em 0 0 0;}



*+html #slides div .distribuir {float: right; width: 65%}



/*************************** Ventana al cargar ********************/



#ventana-emergente {background: #CDE6F5 none repeat scroll 0 0; border: 1px solid #85b1b8; font-size: 1.4em; font-weight: normal; height: 100%; opacity: 0.96; padding: 0.5%; position: fixed; text-align: center; width: 100%; z-index: 11; top: 0;}



#ventana-emergente #mensaje {background: #fff; margin: 0 auto; margin-top: 2em; width: 70%; padding: 2%; border: 2px solid #76BCE7; border-radius: 12px;}



#ventana-emergente #mensaje h3 {background: #2d6b95; color: #fff; border-radius: 6px; padding: 0.6em; margin: 0; font-weight: normal; font-size: 1.1em; line-height: 1.3em;}

#ventana-emergente #mensaje p {font-size: 0.7em; text-align: left; margin-left: 0.6em; line-height: 1.6em;}

#ventana-emergente #mensaje div.entrar {margin: 0.6em auto 0.9em auto; text-align: center !important;}

#ventana-emergente #mensaje div.entrar a {color: #fff; background: #2d6b95; padding: 0.25em 1.4em; border-radius: 6px; font-size: 0.85em; text-align: center !important;}

#ventana-emergente #mensaje div.entrar a:hover {background: #245779; text-decoration: none; border: 0}

#ventana-emergente #mensaje div.masinfo {background: #e7f2fa; border-radius: 5px; border: 1px solid #bedcf1; margin: 1.6em 0 0.2em 0; padding: 0.4em 0.2em; font-size: 0.75em;}

#ventana-emergente #mensaje a {color: #07568b}

#ventana-emergente #mensaje a:hover {border-bottom: 1px dotted #245779}



@media only screen and (max-width: 700px) {#ventana-emergente #mensaje {width: 80%;}}

/*************************** Mensaje nueva v ctima ********************/

#mensajeVictima{float: left; font-size: 1em; padding: 1em; width: 90%; margin-left: 4%; background-color: white; background-position: left bottom; background-repeat: repeat-x; border: 2px solid #056c9c; border-radius: 12px; opacity: 0.94; margin-top: 16em; position: absolute;}

#mensajeVictima #mensaje{width: 92%; float: left;}

#mensajeVictima #mensaje p{margin: 0.1em; margin-left: 2%; font-size: 0.9em;}

#mensajeVictima #mensaje p .tituloMensaje{color: #1F6899; font-size:1.5em; font-weight: bold;}

#mensajeVictima #mensaje a{color: #1F6899;}

#mensajeVictima #mensaje a:hover{text-decoration: underline;}

#mensajeVictima #icoCerrar{width: 6%; float: right; margin-top: 1em; margin-right: 1%;}

/***********************  Boton compartir noticia **********************/



.slidesjs-slide input[type="submit"] {

    background: #cde6f5 none repeat scroll 0 0;

    border: 0 none;

    border-radius: 6px;

    cursor: pointer;

    float: right;

    font-size: 0.8em;

    font-weight: normal;

    margin-right: 10px;

    padding: 0.49em 1em;

    font-family: Verdana,Arial,helvetica,sans-serif;

    color: #175075;

}



.slidesjs-slide input[type="submit"]:hover{

    color: #000;

}



.slidesjs-slide input[type="submit"]:visited{

    color: #333;

}



/*********************  Boton compartir *************************************/



#compartir a {

    background-color: #2f719d;

    color: white;

    font-family: verdana;

    font-size: 0.75em;

    font-weight: normal !important;

    text-decoration: none;

}



#contenido-cabecera #compartir {

    display: inline-block;

    float: left;

    margin: 0.8% 0px 0.2em 1.6%;

    padding-left: 1em;

}



.addthis_toolbox .custom_hover .custom_button {

    padding: 0.03em 0.6em 0.1em 2.2em !important;

}



.addthis_toolbox .hover_menu {left: auto !important; margin-left: -0.5em}



/**********************  IE ***********************/

@media screen\0 {

    

    #contenido-cabecera #compartir {

        display: inline-block;

        float: left;

        margin: 1% 0 0 1.5%;

        padding-left: 1em;

    }

    .addthis_toolbox .custom_hover .custom_button {

        padding: 0em 0.6em 0em 2.2em !important;

    }



}



@media only screen and (max-width: 700px) {

#ventana-emergente #mensaje {width: 90%;}

#ventana-emergente {font-size:1em;}

}


/* Cifras */


.cifrasDiv {border: 3px solid #57AADD;
    border-radius: 24px;
    min-width: 71%;
    text-align: center;
    margin-left: 2.5em;
    margin-right: 2.5em;
    margin-top: 1em;
    padding-right: 1em !important;}

   

/* Modificación del botón: Salir rápido*/

a.tip {
    text-decoration: none;
}
a.tip-icon {
	cursor: help; 
	margin-left: 4px;
}
a.tip span {
    display: none;
    margin-left: -9px !important;
    margin-top: 15px !important;
    font-weight: normal !important;
}
a.tip:hover span {
    /*border: #c0c0c0 1px;*/
    padding: 0.1em  0.1em;
    border-radius: 6px;
    display: block;
    z-index: 100;
    /*background: url(../images/status-info.png) #0404B4 no-repeat 100% 5%;*/
    left: 0px;
    /*margin: 10px;*/
    width: 100%;
    position: absolute;
    top: 10px;
    text-decoration: none;
    border: 1px solid #70b4e0;
	background: #E3F1FA;
	color: #103249;
	box-shadow: 1px 6px 8px #436b87;
    font-family: Arial, helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 0.6em;
	overflow: hidden;
	text-align: center
    
}

.relevante{background: #2d6b95;
    color: #fff;
    border-radius: 6px;
    padding: 0.6em;
    margin: 0;
    font-weight: normal;
    font-size: 1.1em;
    line-height: 1.3em;
    font-weight:bold;
}

.chat {
	border-radius: 6px;
	background-color: #3C7BA6;
	color: white;
	padding: 5px;
	position: fixed;
	bottom: 10px;
	right: 10px;
}
.chat a {
	color: #2d6b95;
    background: white;
    padding: 0.25em 1.4em;
    border-radius: 6px;
    font-size: 0.85em;
    text-align: center !important;
	display:block;
}

#ventana-emergente-chat {
    border: 1px solid #85b1b8;
    font-size: 1.4em;
    font-weight: normal;
    height: 100%;
    padding: 0.5%;
    position: fixed;
    text-align: right;
    width: 100%; 
    z-index: 11;
    top: 0;
}

#ventana-emergente-chat #mensaje {
    background: #fff;
    margin: 0 auto;
    margin-top: 1em;
    width: 93%;
    min-width: 15em;
    padding: 2%;
	padding-top: 0.5%;
    border: 2px solid #76BCE7;
    border-radius: 12px;
    position: absolute;
    right: auto;
}
#ventana-emergente-chat #mensaje input {
   margin-right: -1em;
}
@media screen and (min-width: 480px) {
  #ventana-emergente-chat #mensaje {
    min-width: 27em;
    right: 50px;
    width: 46%;
  }
}