/**********************************************************************************************************************/
/** MEDIA QUERIES *****************************************************************************************************/
/**********************************************************************************************************************/

/***********************************************
Pantalla 3480x2160 16:9 4K
***********************************************/
@media only screen and (min-width:2651px) and (max-width: 3840px) {

.contenidoSeccion {
    flex-basis: 100%;
}
.bloqueMenuLateral {
    flex-basis: 70%;
}

}


/***********************************************
Pantalla 2560x1440 16:9 2K
***********************************************/
@media only screen and (min-width:1921px) and (max-width: 2560px) {

.contenidoSeccion {
    flex-basis: 100%;
}
.bloqueMenuLateral {
    flex-basis: 61%;
}

}


/***********************************************
Pantalla 1920x1080 16:9 
***********************************************/
@media only screen and (min-width:1681px) and (max-width: 1920px) {

.contenidoSeccion {
    flex-basis: 100%;
}
.bloqueMenuLateral {
    flex-basis: 52%;
}

}


/***********************************************
Pantalla 1680x1050 16:10
***********************************************/
@media only screen and (min-width:1367px) and (max-width: 1680px) {

.contenidoSeccion {
    flex-basis: 100%;
}
.bloqueMenuLateral {
    flex-basis: 46%;
}

}


/***********************************************
Pantalla 1366x768 16:9
***********************************************/
@media only screen and (min-width:1281px) and (max-width: 1366px) {

.contenidoSeccion {
    flex-basis: 100%;
}
.bloqueMenuLateral {
    flex-basis: 38%;
}

}


/***********************************************
Pantalla 1280x720 16:9
***********************************************/
@media only screen and (min-width:1025px) and (max-width: 1280px) {

.contenidoSeccion {
    flex-basis: 100%;
}
.bloqueMenuLateral {
    flex-basis: 35%;
}

}


/***********************************************
Pantalla 1024x600 16:10
***********************************************/
@media only screen and (min-width:960px) and (max-width: 1024px) {

.textoDestacado {
    width: 35%;
}

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

.contenidoSeccion {
    flex-basis: 100%;
}
.bloqueMenuLateral {
    flex-basis: 33%;
}

.menu-container {
    width: 80%;
}

#botonDonaciones {
    width: 7%;
}

.bloqueQuienesSomos {
    margin-bottom: 1em;
}
.bloqueQuienesSomos h2 {
    font-size: 1.2em;
}

.bloqueEje .infoEje {
    padding: 1em;
}
.bloqueEje .infoEje h2 {
    font-size: .9em;
}

.bloqueQueHacemos {
    margin-bottom: 2em;
}
.bloqueQueHacemos h2 {
    font-size: 1.2em;
}

.bloqueEnlaceMicrosite {
    width: 47%;
}
.bloqueEnlaceMicrosite img.logoMicrosite {
    max-width: 100px;
}

.bloqueAreasTrabajo {
    margin-top: 2em; 
    margin-bottom: 2em;
    flex-wrap: wrap;
}
.areaTrabajo {
    margin-top: .5em; 
    margin-bottom: .5em;
    flex-basis: 25%;
}

.contenidoQuePuedesHacerTu {
    padding: 3em;
    flex-basis: 100%;
}
.botoneraColabora {
    margin-top: 2em;
}

.contenidoDonaciones {
    padding-bottom: 210px;
}
.cantidadDonacion {
    width: 6%;
}
.datosBancarios {
    width: 60% !important;
}

.contenedorAgenda {
    padding: 10px 2em 10px 2em;
}

.contenidoBoletin {
    padding: 0 1em;
}
.botoneraBoletin {
    margin-top: 1em;
}

.flipster-diapositiva, .flipster-diapositiva-video {
    width: 375px;
}
.flipster-diapositiva img, .flipster-diapositiva-video img {
    max-width: 375px;
}

#buscadorPublicaciones {
    width: 30%;
}

.bloqueEnlaceWeb .infoWeb {
    padding: .5em;
}
.bloqueEnlaceWeb .infoWeb h2 {
    font-size: .9em;
}

.datosContacto {
    flex-basis: 35%;
}

.barraCalendario p,.barraCalendario2 p {
    font-size: .9em;
}
.barraCalendario img {
    margin: 0px 5px 0px 5px;
    height: 25px;
}

.bloqueImagenCorporativa .bloqueEnlaces {
    flex-basis: 60%;
}

}

/***********************************************
Tablet (Smaller than 959px)
***********************************************/
@media only screen and (min-width:768px) and (max-width: 959px) {

.textoDestacado {
    width: 35%;
}
.textoDestacado p {
    font-size: 1.1em;
    line-height: 1.2em;
}

.cabecera img.logoMenu {
    margin-right: 3em;
}

.menu > ul > li a {
    padding: 0;
}
.menu > ul > li > ul {
    position: none !important;
}

#botonDonaciones {
    width: 10%;
}

.tituloSeccion h1 {
    font-size: 1.8em;
}

.tituloSeccionInterior {
    margin-top: 2em;
    margin-bottom: 1em;
}

.diapositivaCaption {
    max-width: 80%;
}

.bloqueEnlaceMicrosite {
    width: 95%;
}

.bloqueQuienesSomos {
    margin-bottom: 1em;
    padding: 0;
    border: 0;
}
.bloqueQuienesSomos:hover {
    border: 0;
}
.bloqueQuienesSomos img {
    max-width: 40px;
}
.bloqueQuienesSomos h2 {
    font-size: 1em;
}

#bloqueEjesPETSAS {
    flex-wrap: wrap;
}
.bloqueEje {
    flex-basis: 50%;
}
.bloqueEje .infoEje h2 {
    padding-bottom: 3em;
    font-size: .9em;
}

.bloqueQueHacemos {
    margin-bottom: 2em;
    padding: 0;
    border: 0;
}
.bloqueQueHacemos:hover {
    border: 0;
}
.bloqueQueHacemos img {
    max-width: 40px;
}
.bloqueQueHacemos h2 {
    font-size: 1em;
}

.bloqueAreasTrabajo {
    margin-top: 2em; 
    margin-bottom: 2em;
    flex-wrap: wrap;
}
.areaTrabajo {
    margin-top: .5em; 
    margin-bottom: .5em;
    flex-basis: 20%;
}

#contenedorQuePuedesHacerTu {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.contenidoQuePuedesHacerTu {
    padding: 2em;
    flex-basis: auto;
}
.botoneraColabora {
    margin-top: 2em;
}

.contenidoDonaciones {
    padding-bottom: 180px;
}
.cantidadDonacion {
    width: 8%;
}
.datosBancarios {
    margin: 0 auto !important;
    width: 60% !important;
}

.formularioVoluntariado {
    flex-wrap: wrap;
}
.formularioVoluntariado #datosVoluntariado {
    flex-basis: 100%;
}
.formularioVoluntariado #tipoVoluntariado {
    padding: 0 1em;
    flex-basis: 100%;
}

.bloqueNoticia {
    width: 100%;
}

.noticiaListado img {
    max-width: 600px;
}
.noticiaListado .textoNP {
    padding-top: .3em;
}

.contenedorAgenda {
    padding: 10px 0em 10px 0em;
}

#boletin {
    padding-bottom: 2em;
}
#contenedorBoletin {
    align-items: flex-start;
}
.contenidoBoletin {
    padding: 0 2em;
    flex-basis: auto;
}

.flipster-diapositiva, .flipster-diapositiva-video {
    width: 300px;
}
.flipster-diapositiva img, .flipster-diapositiva-video img {
    max-width: 300px;
}

#buscadorPublicaciones {
    width: 30%;
}

#bloqueEnlacesWebs {
    align-items: stretch;
}
.bloqueEnlaceWeb {
    background-color: rgba(17,17,17,1);
}
.bloqueEnlaceWeb:hover .infoWeb {
    transform: none;
}
.bloqueEnlaceWeb .infoWeb {
    position: relative;
    bottom: 0;
    padding: .5em;
    height: auto;
    background-color: rgba(17,17,17,1);
    transform: none;
}
.bloqueEnlaceWeb .infoWeb h2 {
    font-size: .7em;
}

.datosContacto {
    margin-left: 0;
    flex-basis: 45%;
}

.miembroCP .fotoMiembroCP img {
    max-width: 90px;
}
.miembroCP h1 {
    font-size: 1em;
}
.miembroCP p.cargo {
    font-size: .8em;
}

.contenedorSecretariaTecnica {
    background-position: 90% 0%;
}
.contenedorSecretariaTecnica .eventoListado2 {
    width: calc(90% + 8px);
}

.barraCalendario p,.barraCalendario2 p {
    font-size: .7em;
}
.barraCalendario img {
    margin: 0px 2px 0px 2px;
    height: 20px;
}
.barraDiasSemana .diaSemana {
    font-size: .6em;
}
.cal_dia {
    font-size: 0.8em;
}

.bloqueRedEntidad p {
    font-size: .7em;
    line-height: 2.2em;
}
.bloqueRedEntidad p.direccion {
    margin-bottom: .5em;
    font-size: .8em;
    line-height: 1.2em;
}
.bloqueRedEntidad img.iconoDatos {
    margin-top: .4em;
}
.bloqueRedEntidad img.logoRedEntidad {
    max-width: 80px;
}
.bloqueRedEntidad h1 {
    font-size: .9em;
}

.bloqueImagenCorporativa .bloqueEnlaces {
    flex-basis: 50%;
}

#pie p {
	margin-top: 1em;
    line-height:normal;
}


}


/***********************************************
Mobile (portrait 300px)
***********************************************/
@media only screen and (max-width:767px) {

body {
    padding-top: 45px;
}

.textoDestacado {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    float: none;
}

.bloqueEnlaceMicrosite {
    width: 95%;
}
.bloqueEnlaceMicrosite img.logoMicrosite {
    max-width: 100px;
}

.bloquesCabecera {
    display: block;
}
    
.bloqueMenuMovil img.logoMenu {
    margin-top: 5px;
    margin-right: 2em;
    max-height: 40px;
    /*display: none;*/
    float: left;
}

#pie {
    padding-bottom: 2.5em;
}
#pie p {
    line-height: 2em;
}

#botonDonaciones {
    bottom: .5em;
    right: .5em;
    padding: .5em;
    width: 90%;
}

.bloqueRRSS {
    margin-top: .6em;
    float: right;
}
.botonRRSS {
    margin-right: 0em;
}

.contenedorSecciones {
    padding: 0 1em;
    display: block;
}
.contenidoSeccion > div {
    float: none;
}

.bloqueMenuLateral {
    padding-top: 1em;
    padding-bottom: 1em;
    background: none;
    border-top: 2px dotted #dedede;
}
.bloqueMenuLateral > div {
    float: none;
}
.bloqueMenuLateral ul {
    padding-right: 1em;
}

.tituloSeccion {
    margin-bottom: 3em;
}
.tituloSeccion h1 {
    font-size: 1.3em;
}

.tituloSeccionInterior {
    margin-top: 2em;
    margin-bottom: 1em;
}
.tituloSeccionInterior h1 {
    float: none;
}
.tituloSeccionInterior h2 {
    padding-left: 0;
    padding-top: .5em;
    float: none;
}

/*#slidePortada {
    margin-bottom: 1em;
}
.flex-direction-nav a:before {
  font-size: 20px;
}
.flex-direction-nav a {
    margin: -10px 0 0;
}*/
.diapositivaCaption {
    max-width: 70%;
}
.diapositivaCaption .tituloCaption p {
    font-size: 25px;
}
.diapositivaCaption .textoCaption p {
    font-size: 20px;
}

.bloqueQuienesSomos {
    margin-bottom: 1em;
    padding: 0;
    border: 0;
    flex-basis: 50%;
}
.bloqueQuienesSomos:hover {
    border: 0;
}
.bloqueQuienesSomos img {
    max-width: 40px;
}
.bloqueQuienesSomos h2 {
    font-size: .9em;
}
.bloqueQuienesSomos p {
    display: none;
}

#bloqueEjesPETSAS {
    flex-wrap: wrap;
}
.bloqueEje {
    flex-basis: 100%;
}
.bloqueEje .infoEje h2 {
    padding-bottom: 1em;
    font-size: .9em;
}
.bloqueEje:hover .infoEje {
    transform: none;
}
.bloqueEje .infoEje {
    transform: scale(1);
}

/*img.imgEje4 {
    margin: 0 auto;
    width: 100%;
    max-width: 300px;
    float: none;
}*/

.bloqueQueHacemos {
    margin-bottom: 1em;
    padding: 0;
    border: 0;
    flex-basis: 50%;
}
.bloqueQueHacemos:hover {
    border: 0;
}
.bloqueQueHacemos img {
    max-width: 40px;
}
.bloqueQueHacemos h2 {
    font-size: .9em;
}
.bloqueQueHacemos p {
    display: none;
}

.bloqueIconosDesarrolloQueHacemos {
    margin-top: 2em; 
    flex-wrap: wrap;
}
.iconoDesarrolloContenido {
    margin-bottom: 1em;
    flex-basis: 50%;
}

.bloqueAreasTrabajo {
    margin-top: 2em; 
    margin-bottom: 2em;
    flex-wrap: wrap;
}
.areaTrabajo {
    margin-top: .5em; 
    margin-bottom: .5em;
    flex-basis: 100%;
}

#quepuedeshacertu .tituloSeccion h1 {
    letter-spacing: normal;
}
#contenedorQuePuedesHacerTu {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.contenidoQuePuedesHacerTu {
    padding: 2em;
    flex-basis: auto;
}
.botoneraColabora {
    margin-top: 2em;
}

.contenidoDonaciones {
    padding-bottom: 0px;
}
.bloqueCantidades {
    flex-wrap: wrap;
}
.cantidadDonacion {
    margin-bottom: 1em;
    width: 13%;
}
.datosBancarios {
    margin: 0 auto !important;
    width: 90% !important;
}
img.imgDonaciones {
    display: none;
}

.formularioVoluntariado {
    flex-wrap: wrap;
}
.formularioVoluntariado #datosVoluntariado {
    flex-basis: 100%;
}
.formularioVoluntariado #tipoVoluntariado {
    padding: 0 1em;
    flex-basis: 100%;
}

#contenedorBoletin {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.contenidoBoletin {
    padding: 2em;
    flex-basis: auto;
}
.botoneraBoletin {
    margin-top: 2em;
}

.botoneraMultimedia li {
    font-size: 1em;
}

.miembroCP {
    flex-basis: 100%;
}

.bloqueNoticia {
    margin-bottom: 1.5em;
    padding-bottom: .5em;
    width: 100%;
    display: block;
    border-bottom: 1px solid #D0D0D0;
}
.bloqueNoticia img {
    margin-right: 0;
    margin-bottom: .5em;
}

.noticiaListado img {
    max-width: 600px;
}

.noticia h1 {
    font-size: 1.2em;
}
.datosNoticia {
    padding: 0.5em;
}
.datosNoticia div.rs {
    padding: 0px 5px 0px 5px;
    float: right;
}
.brs {
    margin-left: .5em;
    margin-right: .5em;
}
.documentoAdjuntoImagen {
    margin-right: 3%;
    max-width: 47%;
    float: left;
}

.contenedorAgenda {
    padding-top: .5em;
    padding-bottom: 1em;
    background-position: 95% 0%;
}
.eventoListado1 {
    margin-left: 0;
    padding-left: 0em;
    padding-right: 3em;
    width: calc(95% + 8px);
    background-position: right 5px;
}
.eventoListado2 {
    margin-right: calc(50% - 9px);
    width: calc(95% + 8px);
}
.eventoListado1 p {
    text-align: right;
}
.eventoListado1 p, .eventoListado2 p {
    font-size: 0.8em;
}
.eventoListado1 h2 {
    text-align: right;
}
.eventoListado1 h2,.eventoListado2 h2 {
    font-size: 1em;
}
.eventoListado1 h3 {
    text-align: right;
}
.eventoListado1 h3, .eventoListado2 h3 {
    font-size: 1em;
}
.bAgendaPortada {
    padding: 1.5em 1em;
}

.flipster-diapositiva, .flipster-diapositiva-video {
    width: 200px;
}
.flipster-diapositiva img, .flipster-diapositiva-video img {
    max-width: 200px;
}
.flipster__button {
    margin-left: 0;
    margin-right: 0;
}

#buscadorPublicaciones {
    width: 80%;
}

#bloqueEnlacesWebs {
    flex-wrap: wrap;
    align-items: stretch;
}
.bloqueEnlaceWeb {
    flex-basis: 50%;
    background-color: rgba(17,17,17,1);
}
.bloqueEnlaceWeb:hover .infoWeb {
    transform: none;
}
.bloqueEnlaceWeb .infoWeb {
    position: relative;
    bottom: 0;
    padding: .5em;
    height: auto;
    background-color: rgba(17,17,17,1);
    transform: none;
}
.bloqueEnlaceWeb .infoWeb h2 {
    font-size: .7em;
}

#contacto .contenidoContacto {
    display: block;
}
.formularioContacto {
    margin-bottom: 3em;
}
.datosContacto {
    margin-left: 0;
}
.datosContacto p {
    font-size: .9em;
}

img.logoEAPN_conocenos {
    margin: 1em auto;
    float: none;
}

.contenedorSecretariaTecnica {
    background-position: 95% 0%;
}
.contenedorSecretariaTecnica .eventoListado2 {
    width: calc(95% + 8px);
}

.bloqueTipoTransparencia {
    flex-basis: 100%;
    margin-bottom: 2em;
}

.bloqueTipoTransparencia .contenedorTransparencia .publicacionListado {
    flex-basis: 100%;
    margin-bottom: 1em;
}

.bloqueTipoTransparencia.b1 {
    flex-basis: 100%;
}

.bloqueTipoTransparencia.b2 {
    flex-basis: 100%;
}


.bloqueTipoTransparencia h3 {
    font-size: 1.3em;
}

.bloqueRedEntidad {
    margin-bottom: 1em;
    flex-basis: 100%;
}

.publicacionListado {
    flex-basis: 100%;
}

.bloquePpalPublicacion .portadaPublicacion {
    margin-right: 0;
    margin-bottom: 2em;
    flex-basis: 80%;
}
.bloquePpalPublicacion {
    flex-wrap: wrap;
    justify-content: center;
}

.videoListado {
    flex-basis: 100%;
}

.galeriaListado {
    flex-basis: 100%;
}

.bloqueImagenCorporativa img.logoImagenCorporativa, .bloqueImagenCorporativa img.logoImagenCorporativa2 {
    margin: 0 auto 2em auto;
}
.bloqueImagenCorporativa .bloqueEnlaces {
    flex-basis: 100%;
}

.formInscripcion input[name="txtNombre"], .formInscripcion input[name="txtApellido1"], .formInscripcion input[name="txtApellido2"] {
    width: 100%;
}

}


/***********************************************
Mobile (landscape 420px)
***********************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {

#pie {
    padding-bottom: 1.2em;
}

.bloqueQuienesSomos {
    flex-basis: 33%;
}

.bloqueEje {
    flex-basis: 50%;
}

/*img.imgEje4 {
    margin: 0 0 1em 1em;
    float: right;
}*/

.bloqueQueHacemos {
    flex-basis: 50%;
}

.areaTrabajo {
    margin-top: .5em; 
    margin-bottom: .5em;
    flex-basis: 20%;
}

.bloqueNoticia {
    margin-bottom: 1.5em;
    padding-bottom: .5em;
    width: 100%;
    display: flex;
    border-bottom: 1px solid #D0D0D0;
}
.bloqueNoticia img {
    margin-right: 1em;
    margin-bottom: 1em;
}

.noticiaListado img {
    max-width: 250px;
}

.contenedorAgenda {
    padding-bottom: 1em;
    background-position: center;
}
.eventoListado1 {
    margin-left: calc(50% - 8px);
    padding-left: 3em;
    padding-right: 0;
    width: calc(50% + 8px);
    background-position: left 5px;
}
.eventoListado2 {
    margin-right: calc(50% - 9px);
    width: calc(50% + 9px);
}
.eventoListado1 p {
    text-align: left;
}
.eventoListado1 h2 {
    text-align: left;
}
.eventoListado1 h3 {
    text-align: left;
}

.flipster-diapositiva, .flipster-diapositiva-video {
    width: 250px;
}
.flipster-diapositiva img, .flipster-diapositiva-video img {
    max-width: 250px;
}

#buscadorPublicaciones {
    width: 40%;
}

.bloqueEnlaceWeb {
    flex-basis: 33.3%;
}

#contacto .contenidoContacto {
    display: flex;
}
.formularioContacto {
    margin-bottom: 0;
}
.datosContacto {
    margin-left: 1em;
    flex-basis: 55%;
}

img.logoEAPN_conocenos {
    margin: 1.5em;
    float: left;
}

.contenedorSecretariaTecnica {
    background-position: 85% 0%;
}
.contenedorSecretariaTecnica .eventoListado2 {
    width: calc(85% + 8px);
}

.publicacionListado {
    flex-basis: 48%;
}
.bloqueBuscadorPublicaciones {
    margin: 2em 1%;
    width: 30%;
    float: left;
}
.bloqueBuscadorPublicaciones h1 {
    font-size: 1em;
    text-align: left;
}
.bloqueBuscadorPublicaciones li {
    text-align: left;
}

.bloquePpalPublicacion .portadaPublicacion {
    margin-right: 2em;
    margin-bottom: 0;
    flex-basis: 50%;
}
.bloquePpalPublicacion {
    flex-wrap: nowrap;
    justify-content: space-between;
}

.calendario {
    margin: 0 auto;
    width: 50%;
}

.videoListado {
    flex-basis: 48%;
}

.galeriaListado {
    flex-basis: 48%;
}

.bloqueImagenCorporativa .bloqueEnlaces {
    flex-basis: 50%;
}

}