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

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

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }

	html body {
		margin: 0px;
	}

	.bloqueLogo, .bloqueMenu, #contenido {
		width: 1440px;
	}

	.empresas .boton {
		margin: 50px auto;
	}

}


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

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }

	html body {
		margin: 0px;
	}

	.bloqueLogo, .bloqueMenu, #contenido {
		width: 1440px;
	}

	.empresas .boton {
		margin: 50px auto;
	}

}


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

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }

	html body {
		margin: 0px;
	}

	.bloqueLogo, .bloqueMenu, #contenido {
		width: 1440px;
	}

	.empresas .boton {
		margin: 30px auto;
	}

}

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

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }

	html body {
		margin: 0px;
	}

	.bloqueLogo, .bloqueMenu, #contenido {
		width: 1440px;
	}

	.empresas .boton {
		margin: 30px auto;
	}

	.flyer {
		width: 25%;
	}

	.bloqueProyectoExposicion h2 {
		font-size: 1.7em;
	}
	.bloqueProyectoExposicion h2 span {
		font-size: 1.4rem;
	}

}

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

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }

	html body {
		margin: 0px;
	}

	.bloqueLogo, .bloqueMenu, #contenido {
		width: 100%;
	}

	.empresas .boton {
		margin: 30px auto;
	}

	.colabora h2, .proyectos h2 {
		font-size: 1.5em;
	}

	.flyer {
		width: 25%;
	}

	.slider img.play {
		width: 80px;
		right: 15px;
		bottom: 15px;
	}

	.bloqueProyectoExposicion h2 {
		font-size: 1.6em;
	}
	.bloqueProyectoExposicion h2 span {
		font-size: 1.3rem;
	}

	.pic-container-1 {
		margin: 6rem 5rem 6rem 0rem;
	}
	.pic-container-6 {
		margin: 4rem 5rem 4rem 0rem;
	}

	.bloquePromocionXSolidaria p:nth-child(1) {
		flex-basis: 55%;
	}

}

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

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }

	html body {
		margin: 0px;
	}

	.bloqueLogo, .bloqueMenu, #contenido {
		width: 100%;
	}

	.colabora h2, .proyectos h2 {
		font-size: 1.5em;
	}

	.queEsTexto .boton {
		margin: 30px auto 0px auto;
	}

	.flyer {
		width: 25%;
	}

	.slider img.play {
		width: 80px;
		right: 15px;
		bottom: 15px;
	}

	.bloqueProyectoExposicion h2 {
		font-size: 1.5em;
	}
	.bloqueProyectoExposicion h2 span {
		font-size: 1.2rem;
	}

	.pic-container-1 {
		margin: 4rem 5rem 4rem 0rem;
	}
	.pic-container-6 {
		margin: 4rem 5rem 4rem 0rem;
	}

	.bloquePromocionXSolidaria p {
		font-size: 1.1rem;
		line-height: 1.4rem;
	}
	.bloquePromocionXSolidaria p:nth-child(1) {
		flex-basis: 53%;
	}

}

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

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }

	html body {
		margin: 0px;
	}

	.bloqueLogo, .bloqueMenu, #contenido {
		width: 100%;
	}

	.bloqueMenu nav > ul > li {
		padding: 0px 10px;
		font-size: 1em;
	}

	.ts h1 {
		bottom: 20px;
		padding: 5px 20px 5px 10px;
		font-size: 1.5em;
		letter-spacing: 2px;
	}

	.colabora .boton2, .proyectos .boton {
		min-width: 150px !important;
		padding: 5px 10px 5px 10px;
		font-size: 0.8em;
		margin-left: -75px;
		bottom: 20px;
	}

	.queEsFoto {
		width: 100%;
		padding: 30px 25% 0px 25% ;
	}

	.queEsTexto {
		width: 100%;
		padding: 20px 20px 20px 20px;
	}

	.queEsTexto h2 {
		margin: 10px 0px 15px 0px !important;
		font-size: 2em;
	}

	.queEsTexto .boton {
		margin: 30px auto 0px auto;
	}

	.pfTexto {
		padding: 20px 30px 0px 30px;
	}

	.pfTexto h2 {
		margin: 0px 0px 15px 0px !important;
		font-size: 2em;
	}

	.pfTexto li {
		margin-bottom: 10px;
	}

	.pfTexto .boton {
		margin-top: 10px;
	}

	.materiales h2 {
		margin: 0px;
		top: 50px;
		font-size: 2.2em;
	}

	.materiales p {
		top: 35%;
	}

	.materiales .boton {
		bottom: 40px;
	}

	.bloqueColabora {
		padding: 40px 50px 50px 50px;
	}

	.bloqueProyectos {
		padding: 40px 50px 50px 50px;
	}

	.crs {
		margin: 20px 0px 20px 0px;
		width: 48%;
		background-color: #cccccc;
	}

	.crs img {
		height: 85px;
	}

	.bloqueQS {
		padding: 40px 50px 50px 50px;
	}

	.queEsX1, .queEsX2, .queEsX3 {
		padding: 40px 50px 50px 50px;
	}

	.queEsX3 img {
		height: 35px;
	}

	.queEsX3 p {
		line-height: 35px;
	}

	.bloqueContactos {
		padding: 40px 50px 50px 50px;
	}

	.bloqueForm {
		padding: 40px 50px 50px 50px;
	}

	.bloqueContactos .flex {
		margin-top: 50px;
	}

	.bCon {
		width: 30%;
		margin-bottom: 50px;
	}

	.spots {
		padding: 40px 50px 50px 50px;
	}

	.videos {
		padding: 40px 50px 50px 50px;
	}

	.videoP {
		width: 60%;
		padding: 10px;
		border-bottom: 0px solid #000000;
	}

	.fotogramas {
		width: 40%;
		padding: 10px;
	}

	.fotograma {
		width: 50%;
		border: 2px solid #000000;
	}

	.radio {
		padding: 40px 50px 50px 50px;
	}

	.bloqueMateriales {
		padding: 40px 50px 50px 50px;
	}

	.flyer {
		width: 30%;
	}

	.bpContIzq img, .bpContDer img {
		width: 40%;
	}

	.bloqueNoticias {
		padding: 40px 50px 50px 50px;
	}

	.bloqueNoticia {
		padding: 40px 50px 50px 50px;
	}

	.mcookies {
		width: 27%;
	}

	.bloqueColabora2 {
		padding: 40px 50px 50px 50px;
	}

	.bloqueContesta {
		padding: 20px 50px 20px 50px;
	}

	.bloqueGYM h2 {
		margin: 20px 0px 50px 0px;
		font-size: 1.8em;
	}

	.bloqueGYM h3 {
		margin: 50px 0px 30px 0px;
		font-size: 1.5em;
	}

	.bloqueGYM img.L {
		width: 80%;
	}

	.bloqueGYM2 h3 {
		font-size: 2em;
	}

	.bloqueGYM3 h2 {
		font-size: 2em;
	}

	.bloqueGYM3 h3 {
		font-size: 1.5em;
	}

	.bloqueProgramaGYM table {
		width: 80%;
	}

	.bloqueProgramaGYM table td {
		font-size: 1.5em;
	}

	.bloqueProgramaGYM table td li {
		font-size: 0.8em;
	}

	.slider .textos {
		bottom: 20px;
	}

	.slider .textos h1 {
		font-size: 2em;
	}

	.slider .textos h2 {
		font-size: 2.5em;
	}

	.slider img.play {
		width: 70px;
		margin: 15px auto;
	}

	.razon h2 {
		top: 20%;
		font-size: 2em;
	}

	.cookies h2 {
		top: 20%;
		font-size: 2em;
	}

	.exposicion {
		padding: 40px 50px 50px 50px;
	}
	.elementoGaleria {
		max-width: 650px;
	}

	.pic-container-6 {
		margin: 4rem 5rem 6rem 0rem;
	}

	.bloqueProyectoExposicion {
		padding: 40px 40px 50px 40px;
	}
	.bloqueProyectoExposicion h2 {
		font-size: 1.5em;
	}
	.bloqueProyectoExposicion h2 span {
		font-size: 1.2rem;
	}

	.bloquePromocionXSolidaria p {
		padding: 2.5rem 3rem;
		font-size: 1rem;
		line-height: 1.4rem;
	}
	.bloquePromocionXSolidaria p:nth-child(1) {
		flex-basis: 60%;
	}

    .bloqueTransparencia .bloqueDocumento {
        flex-basis: 45%;
    }

}


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

	.show-mobile { display:none !important; }
	.show-tablet { display:inherit !important; }
	.show-screen { display:none !important; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:none !important; }
	.hide-screen { display:inherit !important; }

	html body {
		margin: 0px;
	}

	.bloqueLogo, .bloqueMenu, #contenido {
		width: 100%;
	}

	.bloqueMenuMovil {
		display: flex;
	}

	#contenido {
		padding-top: 45px;
	}

	.ts h1 {
		bottom: -35px;
		padding: 5px 20px 5px 10px;
		font-size: 1.6em;
		letter-spacing: 2px;
		color: #ed7d23;
		background-color: #e8e8e8;
	}

	.boton:hover, .boton2:hover {
		background-color: transparent;
	}

	.slider .textos {
		bottom: 20px;
	}

	.slider .textos h1 {
		font-size: 2em;
	}

	.slider .textos h2 {
		font-size: 2.5em;
	}

	.slider img.play {
		width: 70px;
		margin: 15px auto;
	}

	.razon h2 {
		top: 15%;
		font-size: 2em;
	}

	.cookies h2 {
		top: 15%;
		font-size: 2em;
	}

	.colabora h2 {
		font-size: 0.9em;
	}

	.colabora div.t {
		top: 10%;
	}

	.colabora p {
		font-size: 0.8em;
	}

	.razon .boton, .colabora .boton2, .cookies .boton {
		bottom: 10px;
	}

	.queEsFoto {
		width: 100%;
		padding: 30px 25% 0px 25% ;
	}

	.queEsTexto {
		width: 100%;
		padding: 20px 20px 20px 20px;
	}

	.queEsTexto h2 {
		margin: 10px 0px 15px 0px !important;
		font-size: 2em;
	}

	.queEsTexto .boton {
		margin: 30px auto 0px auto;
	}

	.pfFoto {
		width: 100%;
		padding: 10px 25% 30px 25% ;
	}

	.pfTexto {
		width: 100%;
		padding: 20px 20px 20px 20px;
	}

	.pfTexto h2 {
		margin: 0px 0px 15px 0px !important;
		font-size: 2em;
	}

	.pfTexto li {
		margin-bottom: 10px;
	}

	.pfTexto .boton {
		margin-top: 30px;
	}

	.empresas h2 {
		margin: 10px 0px 40px 0px !important;
		font-size: 2em;
	}

	.empresas .boton {
		margin: 20px auto;
	}

	.difundir h2 {
		margin: 10px 0px 30px 0px !important;
		font-size: 2em;
	}

	.materiales h2 {
		margin: 0px;
		top: 35px;
		font-size: 2em;
	}

	.materiales p {
		top: 35%;
	}

	.materiales .boton {
		bottom: 20px;
	}

	.bloqueColabora {
		padding: 40px 30px 50px 30px;
	}

	.bloqueProyectos {
		padding: 40px 30px 50px 30px;
	}

	.crs {
		margin: 20px 0px 20px 0px;
		width: 100%;
		background-color: #cccccc;
	}

	.crs img {
		height: 60px;
		margin-right: 20px;
	}

	.crs p {
		padding: 0px;
		line-height: 60px;
		font-size: 0.9em;
	}

	.bloqueColabora .logos {
		margin-top: 30px;
	}

	.bloqueColabora .logos img {
		margin: 20px;
		height: 75px;
	}

	.logosPie img {
		height: 40px;
		margin: 10px;
	}

	.bpCat img.b {
		width: 40px;
	}

	.bloqueQS {
		padding: 40px 30px 50px 30px;
	}

	.bloqueQS .entidad {
		width: 47%;
		padding: 20px;
	}

	.bloqueQS .entidad {
		position: relative;
		margin-bottom: 30px;
		padding-bottom: 40px;
	}

	.queEsX1, .queEsX2, .queEsX3 {
		padding: 40px 30px 50px 30px;
	}

	.queEsX3 img {
		height: 30px;
	}

	.queEsX3 p {
		line-height: 30px;
	}

	.queEsX3 .contQ {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	.bloqueContactos {
		padding: 40px 30px 50px 30px;
	}

	.bloqueForm {
		padding: 40px 30px 50px 30px;
	}

	.bloqueContactos .flex {
		margin-top: 50px;
	}

	.bCon {
		width: 48%;
		margin-bottom: 50px;
	}

	.spots {
		padding: 40px 30px 50px 30px;
	}

	.videos {
		padding: 40px 30px 50px 30px;
	}

	.videoP {
		width: 60%;
		padding: 10px;
		border-bottom: 0px solid #000000;
	}

	.fotogramas {
		width: 40%;
		padding: 10px;
	}

	.fotograma {
		width: 50%;
		border: 2px solid #000000;
	}

	.radio {
		padding: 40px 30px 50px 30px;
	}

	.bloqueMateriales {
		padding: 40px 30px 50px 30px;
	}

	.cartel {
		width: 40%;
	}

	.flyer {
		width: 30%;
	}

	.bpContIzq img, .bpContDer img {
		width: 40%;
	}

	.prensa {
		width: 50%;
	}

	.bloqueNoticias {
		padding: 40px 30px 50px 30px;
	}

	.bloqueNoticia {
		padding: 40px 30px 50px 30px;
	}

	.bloqueCookiesSolidarias {
		padding: 40px 30px 0px 30px;
	}

	.mcookies {
		width: 30%;
	}

	.bloqueColabora2 {
		padding: 40px 30px 50px 30px;
	}

	.bloqueContesta {
		padding: 20px 30px 20px 30px;
	}

	.bloqueGYM h2 {
		margin: 20px 0px 50px 0px;
		font-size: 1.8em;
	}

	.bloqueGYM h3 {
		margin: 50px 0px 30px 0px;
		font-size: 1.5em;
	}

	.bloqueGYM img.L {
		width: 80%;
	}

	.bloqueGYM2 h3 {
		font-size: 2em;
	}

	.bloqueGYM3 h2 {
		font-size: 2em;
	}

	.bloqueGYM3 h3 {
		font-size: 1.5em;
	}

	.bloqueProgramaGYM table {
		width: 80%;
	}

	.bloqueProgramaGYM table td {
		font-size: 1.5em;
	}

	.bloqueProgramaGYM table td li {
		font-size: 0.8em;
	}

	.exposicion {
		padding: 40px 20px 50px 20px;
	}
	.elementoGaleria {
		max-width: 500px;
	}

	.bloqueProyectoExposicion {
		padding: 40px 20px 50px 20px;
	}
	.bloqueProyectoExposicion h2 {
		font-size: 1.5em;
	}
	.bloqueProyectoExposicion h2 span {
		font-size: 1.2rem;
	}

	.presentacionProyecto img {
		max-width: 350px;
	}

	.pic-container {
		max-width: 300px;
	}
	.pic-container-1 {
		margin: 4rem 5rem 4rem 2rem;
	}
	.pic-container-2 {
		margin: 4rem 5rem 5rem 2rem;
	}
	.pic-container-5 {
		margin: 5rem 5rem 5rem 0rem;
	}
	.pic-container-6 {
		margin: 2.5rem 5rem 3.1rem 0rem;
	}

	.bloquePromocionXSolidaria {
		flex-wrap: wrap;
	}
	.bloquePromocionXSolidaria p {
		margin: 1rem 0;
		padding: 2.5rem .5rem;
		font-size: .9rem;
		line-height: 1.1rem;
	}
	.bloquePromocionXSolidaria p:nth-child(1) {
		flex-basis: 72%;
	}
	.bloquePromocionXSolidaria p:nth-child(2) {
		flex-basis: 22%;
	}

    .bloqueTransparencia,
    .bloqueConvocatoriasTransparencia,
    .bloquePOAS {
        padding: 40px 30px 50px 30px;
    }
    .bloqueDocumentacion .bloqueEnlaceDocumento {
        flex-basis: 100%;
    }
    .bloqueTransparencia .bloqueDocumento {
        flex-basis: 48%;
    }
    img.mapaRedes {
        width: 90%;
    }

}


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

	.show-mobile { display:inherit !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:none !important; }
	.hide-mobile { display:none !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:inherit !important; }

	html body {
		margin: 0px;
	}

	.bloqueLogo, .bloqueMenu, #contenido {
		width: 100%;
	}

	.bloqueMenuMovil {
		display: flex;
	}

	#contenido {
		padding-top: 45px;
	}

	.ts h1 {
		position: relative;
		bottom: auto;
		padding: 5px 20px 5px 10px;
		font-size: 1.2em;
		letter-spacing: 2px;
		color: #ed7d23;
		background-color: #e8e8e8;
	}

	.bloqueMenu {
		width: 100%;
	}

	.boton:hover, .boton2:hover {
		background-color: transparent;
	}

	.slider .textos {
		bottom: 5px;
	}

	.slider .textos h1 {
		font-size: 1em;
	}

	.slider .textos h2 {
		font-size: 1.5em;
	}

	.slider img.play {
		width: 25px;
		margin: 5px auto;
	}

	.empresas .boton {
		margin: 20px auto;
	}

	.bx-wrapper {
		margin-bottom: 20px !important;
	}

	.razon, .colabora, .cookies {
		width: 100%;
	}

	.colabora {
		border-style: none;
	}

	.razon h2, .cookies h2 {
		top: 15%;
		font-size: 2em;
	}

	.colabora div.t {
		top: 10%;
	}

	.colabora h2 {
		font-size: 1.2em;
	}

	.queEsFoto {
		width: 100%;
	}

	.queEsTexto {
		width: 100%;
		padding: 20px 20px 20px 20px;
	}

	.queEsTexto h2 {
		margin: 20px 0px 30px 0px !important;
		font-size: 1.5em;
	}

	.queEsTexto .boton {
		margin: 30px auto 0px auto !important;
	}

	.queEsTexto li {
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
	}

	.pfFoto {
		width: 100%;
	}

	.pfTexto {
		width: 100%;
		padding: 20px 20px 20px 20px;
	}

	.pfTexto h2 {
		margin: 0px 0px 30px 0px !important;
		font-size: 1.5em;
	}

	.pfTexto ol {
		margin: 0px;
		padding-left: 20px;
	}

	.pfTexto .boton {
		margin: 30px auto 0px auto !important;
	}

	.bloqueOWLE {
		margin: 0px 0em 0px 0em;
	}

	.empresas {
		padding: 20px;
	}

	.empresas h2 {
		margin: 10px 0px 30px 0px !important;
		font-size: 1.5em;
	}

	.difundir {
		padding: 20px 30px 30px 30px;
	}

	.difundir h2 {
		margin: 10px 0px 30px 0px !important;
		font-size: 1.2em;
	}

	.difundir p {
		font-size: 1em;
		text-align: center;
		color: #ffffff;
	}

	.difundir .barraRS {
		margin: 0px auto 0px auto !important;
	}

	.brs {
		float: none;
		margin: 0px auto 10px auto !important;
	}

	.materiales h2 {
		margin: 0px;
		top: 15px;
		font-size: 0.9em;
	}

	.materiales p {
		display: none;
	}

	.materiales .boton {
		bottom: 10px;
	}

	.noticias {
		padding: 30px 20px 0px 20px;
	}

	.noticias h2 {
		margin: 0px 0px 40px 0px;
		font-size: 1.5em;
		font-weight: 600;
		letter-spacing: 1px;
		text-align: center;
		color: #ed7d23;
	}

	.noticias .boton {
		margin: 0px auto;
	}

	.noticias .flex2 {
		margin-bottom: 50px;
		align-items: flex-start;
	}

	.noticias .notasPrensa, .noticias .entrevistas, #calendario {
		width: 100%;
		margin-bottom: 30px;
	}

	.noticias h3 {
		font-size: 1.1em;
	}

	.noticias h4 {
		font-size: 1em;
	}

	.noticias p {
		font-size: 0.8em;
	}

	.noticias .flex2 {
		margin-bottom: 0px;
	}

	.pie img.logo {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}

	.pie p {
		text-align: left;
	}

	.logosPie {
		padding: 10px;
		border: 1px solid #d8d8d8;
	}

	.logosPie img {
		height: 50px;
		margin: 10px;
	}

	.poas {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}

	.apoyo {
		float: none;
		width: 100%;
	}

	.bloqueColabora {
		padding: 40px 20px 50px 20px;
	}

	.bloqueProyectos {
		padding: 40px 20px 50px 20px;
	}

	.crs {
		margin: 20px 0px 20px 0px;
		width: 100%;
		background-color: #cccccc;
	}

	.crs img {
		height: 30px;
		margin-right: 10px;
	}

	.crs p {
		padding: 0px 6px 0px 6px !important;
		line-height: 30px;
		font-size: 0.9em;
	}

	.bloqueColabora .logos {
		margin-top: 30px;
	}

	.bloqueColabora .logos img {
		margin: 20px;
		height: 50px;
	}

	.bpIzq .bpCat h2 {
		position: relative;
		left: 0px;
		top: 0px;
		margin: 0px;
		padding: 5px 0px 0px 0px;
		font-size: 1em;
	}

	.bpDer .bpCat h2 {
		position: relative;
		right: 0px;
		top: 00px;
		margin: 0px;
		padding: 5px 0px 0px 0px;
		font-size: 1em;
	}

	.bpCat img.b {
		display: none;
	}

	.bpContIzq h3, .bpContDer h3 {
		margin: 20px 0px 0px 0px;
		font-size: 0.9em;
		font-weight: 700;
	}

	.bpContIzq h3:first-child, .bpContDer h3:first-child {
		font-size: 0.9em;
		font-weight: 700;
	}

	.bloqueQS {
		padding: 10px 20px 50px 20px;
	}

	.bloqueQS .entidad {
		width: 100%;
	}


	.bloqueQS .entidad {
		position: relative;
		margin-bottom: 30px;
		padding-bottom: 40px;
	}

	.queEsX1, .queEsX2, .queEsX3 {
		padding: 20px 20px 50px 20px;
	}

	.queEsX2 h2,.queEsX3 h2 {
		font-size: 1.2em;
	}

	.queEsX3 img {
		height: 25px;
	}

	.queEsX3 .contQ {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	.queEsX3 p {
		line-height: 25px;
		text-align: left;
		font-size: 1em;
	}

	.queEsX3 .contQ p {
		font-size: 1em;
	}

	.queEsX3 blockquote {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 20px;
	}

	.bloqueContactos {
		padding: 20px 20px 50px 20px;
	}

	.bloqueForm {
		padding: 20px 20px 50px 20px;
	}

	.bloqueForm h2 {
		font-size: 1.5em;
	}

	.bloqueContactos .flex {
		margin-top: 50px;
	}

	.bCon {
		width: 100%;
		margin-bottom: 50px;
	}

	.bloqueForm .g-recaptcha {
		float: none;
		display: table;
		margin: 0px auto 20px auto !important;
	}

	.bloqueForm .boton {
		float: none;
		width: 100%;
	}

	.spots {
		padding: 20px 20px 50px 20px;
	}

	.spots h2 {
		margin: 10px 0px 30px 0px !important;
		font-size: 1.5em;
	}

	.spot {
		width: 100%;
		margin-bottom: 20px;
	}

	.videos {
		padding: 20px 20px 50px 20px;
	}

	.videos h2 {
		margin: 10px 0px 30px 0px !important;
		font-size: 1.5em;
	}

	.videoP {
		float: none;
		width: 100%;
		padding: 10px;
		border-bottom: 0px solid #000000;
	}

	.fotogramas {
		float: none;
		width: 100%;
		padding: 0px 10px 10px 10px !important;
	}

	.fotograma {
		width: 33.333%;
		border: 2px solid #000000;
	}

	.radio {
		padding: 20px 20px 50px 20px;
	}

	.radio h2 {
		margin: 10px 0px 30px 0px !important;
		font-size: 1.5em;
	}

	.radio p {
		font-size: 1em;
	}

	.radio .flex2 {
		margin-top: 30px;
	}

	.cRadio {
		width: 300px;
		margin-bottom: 20px;
	}

	.bloqueColabora h2 {
		margin: 10px 0px 30px 0px !important;
		font-size: 1.5em;
	}

	.bloqueMateriales {
		padding: 40px 20px 50px 20px;
	}

	.bloqueMateriales h2 {
		margin: 10px 0px 30px 0px !important;
		font-size: 1.5em;
	}

	.cartel {
		width: 100%;
		margin-bottom: 20px;
	}

	.flyer {
		width: 100%;
		margin-bottom: 20px;
	}

	.prensa {
		width: 100%;
		margin-bottom: 20px;
	}

	.bpContIzq img, .bpContDer img {
		float: none;
		width: 100%;
	}

	.bloqueNoticias {
		padding: 40px 20px 50px 20px;
	}

	.noticiaListado2 img {
		float: none;
		width: 100%;
		margin-right: 0px;
	}

	.listadoNoticias {
		padding: 40px 20px 0px 20px;
	}

	.listadoNoticias h2 {
		margin: 10px 0px 30px 0px !important;
		font-size: 1.5em;
	}

	.listadoEntrevistas {
		padding: 40px 20px 50px 20px;
	}

	.noticiaListado {
		width: 100%;
	}

	.entrevistaListado {
		width: 100%;
	}

	#bloqueEventos {
		margin-bottom: 50px;
		padding: 40px 20px 50px 20px;
	}

	#bloqueEventos .calendario {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}

	#bloqueEventos .eventosModAgenda {
		margin-left: 0%;
		width: 100%;
		float: none;
	}

	#bloqueEventos .eventoModAgenda {
		float: none;
		width: 100%;
		margin-left: 0px;
	}

	.bloqueNoticia {
		padding: 40px 20px 50px 20px;
	}

	.bloqueNoticia h1 {
		font-size: 1.8em;
		font-weight: 600;
	}

	.datosNoticia p.f {
		padding: 30px 10px 20px 10px;
	}

	.datosNoticia p.c {
		padding: 30px 10px 20px 10px;
	}

	.datosNoticia div.com {
		padding: 30px 10px 20px 10px;
	}

	.datosNoticia div.gal {
		padding: 30px 10px 20px 10px;
	}

	.datosNoticia div.rs {
		margin: 0px;
		padding: 31px 10px 20px 10px;
	}

	.datosNoticia div.rs div.brs {
		float: left;
		margin-left: 5px !important;
		margin-right: 5px !important;
	}

	.noticiaRelacionada {
		width: 100%;
		margin-bottom: 20px;
	}

	.ruedasPrensa {
		padding: 40px 10px 50px 10px;
	}

	.bloqueRP {
		width: 100%;
	}

	.bloqueCookiesSolidarias {
		padding: 40px 20px 0px 20px;
	}

	.bloqueCookiesSolidarias h2 {
		margin: 20px 0px 30px 0px;
		font-size: 1.5em;
	}

	.bloqueCookiesSolidarias h3 {
		font-size: 1.2em;
	}

	.mcookies {
		width: 100%;
	}

	.bloqueColabora2 {
		padding: 40px 20px 50px 20px;
	}

	.bloqueColabora2 .logos img {
		margin: 15px;
		height: 40px;
	}

	.bloqueContesta {
		padding: 20px 20px 20px 20px;
	}

	.bloqueGYM {
		padding: 40px 10px 0px 10px;
	}

	.bloqueGYM h2 {
		margin: 10px 0px 30px 0px;
		font-size: 1.5em;
	}

	.bloqueGYM h3 {
		margin: 30px 0px 20px 0px;
		font-size: 1.2em;
	}

	.bloqueGYM img.L {
		width: 100%;
	}

	.bloqueGYM2 {
		margin-top: 30px;
		padding: 20px 10px 20px 10px;
	}

	.bloqueGYM2 h3 {
		font-size: 1.2em;
	}

	.bloqueGYM3 {
		padding: 40px 10px 50px 10px;
	}

	.bloqueGYM3 h2 {
		font-size: 1.5em;
	}

	.bloqueGYM3 h3 {
		font-size: 1.2em;
	}

	.bloqueProgramaGYM {
		padding: 0px 10px 50px 10px;
	}

	.bloqueProgramaGYM table {
		width: 100%;
	}

	.bloqueProgramaGYM table td {
		font-size: 1em;
	}

	.bloqueProgramaGYM table td li {
		font-size: 0.8em;
	}

	.exposicion {
		padding: 20px 0px 50px 0px;
	}
	.elementoGaleria {
		max-width: 300px;
	}

	.bloqueProyectoExposicion {
		padding: 40px 20px 50px 20px;
	}
	.bloqueProyectoExposicion h2 {
		margin: 10px 0px 30px 0px !important;
		font-size: 1.5em;
	}
	.bloqueProyectoExposicion h2 span {
		font-size: 1.2rem;
	}

	.presentacionProyecto img {
		margin-right: 0;
		margin-bottom: 1rem;
		width: 100%;
		max-width: auto;
		float: none;
	}

	.pic-container {
		max-width: 300px;
		float: none;
	}
	.pic-container-1 {
		margin: 2rem auto 4rem auto;
	}
	.pic-container-2 {
		margin: 3rem 3rem 5rem 2rem;
	}
	.pic-container-5 {
		margin: 2rem 0rem 4rem 1.5rem;
	}
	.pic-container-6 {
		margin: 2rem 0rem 4rem 1.5rem;
	}


	.bloquePromocionXSolidaria {
		margin-top: 0;
		flex-wrap: wrap;
	}
	.bloquePromocionXSolidaria p {
		margin: .5rem 0;
		padding: 2.5rem .5rem;
		font-size: 1.1rem;
		line-height: 1.4rem;
	}
	.bloquePromocionXSolidaria p:nth-child(1) {
		flex-basis: 100%;
	}
	.bloquePromocionXSolidaria p:nth-child(2) {
		flex-basis: 100%;
	}

    .bloqueTransparencia,
    .bloqueConvocatoriasTransparencia,
    .bloquePOAS {
        padding: 40px 20px 50px 20px;
    }
    .bloqueConvocatoriasTransparencia .flex {
        flex-flow: wrap;
    }
    .bloqueConvocatoriasTransparencia .flex .boton {
        margin: 1rem 0 2rem 0;
    }
    .bloqueDocumentacion .bloqueEnlaceDocumento {
        flex-basis: 100%;
    }
    .bloqueTransparencia .flex {
        flex-flow: wrap;
    }
    .bloqueTransparencia .bloqueDocumento {
        flex-basis: 100%;
    }
    img.mapaRedes {
        width: 100%;
    }

}


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

	.show-mobile { display:inherit !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:none !important; }
	.hide-mobile { display:none !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:inherit !important; }

	#contenido {
		width: 100%;
		padding-top: 50px;
	}

	.bloqueMenu {
		width: 100%;
	}

	.bx-wrapper {
		margin-bottom: 0px !important;
	}

	.rentaterapia, .colabora, .proyectos {
		width: 33.3333333333%;
		margin-bottom: 0px;
	}

	.proyectos h2 {
		font-size: 0.8em;
	}

	.colabora div.t p {
		display: none;
	}

	.colabora h2 {
		margin-bottom: 20px;
		font-size: 0.8em;
	}

	.rentaterapia .boton, .colabora .boton2, .proyectos .boton {
		bottom: 10px;
	}

	.queEsFoto {
		width: 100%;
		padding: 30px 25% 0px 25% ;
	}

	.queEsTexto {
		width: 100%;
		padding: 20px 20px 20px 20px;
	}

	.queEsTexto h2 {
		margin: 10px 0px 15px 0px !important;
		font-size: 2em;
	}

	.queEsTexto .boton {
		margin: 30px auto 0px auto;
	}

	.pfFoto {
		width: 100%;
		padding: 10px 25% 30px 25% ;
	}

	.pfTexto {
		width: 100%;
		padding: 20px 20px 20px 20px;
	}

	.pfTexto h2 {
		margin: 0px 0px 15px 0px !important;
		font-size: 2em;
	}

	.pfTexto li {
		margin-bottom: 10px;
	}

	.pfTexto .boton {
		margin-top: 30px;
	}

	.materiales h2 {
		margin: 0px;
		top: 20px;
		font-size: 1.5em;
	}

	.materiales p {
		top: 35%;
		display: block;
	}

	.materiales .boton {
		bottom: 20px;
	}

	.pie img.logo {
		width: auto;
		height: 60px;
		margin-bottom: 20px;
	}

	.logosPie img {
		height: 50px;
		margin: 0px;
	}

	.bpIzq .bpCat h2 {
		position: absolute;
		left: 0px;
		top: 40px;
		padding: 5px 20px 5px 40px;
		font-size: 1.2em;

	}

	.bpDer .bpCat h2 {
		position: absolute;
		right: 0px;
		top: 40px;
		padding: 5px 40px 5px 20px;
		font-size: 1.2em;
	}

	.bpCat img.b {
		display: inherit;
		width: 30px;
	}

	.bloqueQS {
		padding: 10px 30px 50px 30px;
	}

	.bloqueQS .entidad {
		width: 47%;
		padding: 20px;
	}

	.bloqueQS .entidad {
		position: relative;
		margin-bottom: 30px;
		padding-bottom: 40px;
	}

	.bloqueContactos {
		padding: 20px 20px 50px 20px;
	}

	.bloqueContactos .flex {
		margin-top: 50px;
	}

	.bCon {
		width: 48%;
		margin-bottom: 50px;
	}

	.bloqueForm .g-recaptcha {
		float: left;
		display: inherit;
		margin: 0px 0px 0px 0px !important;
	}

	.bloqueForm .boton {
		float: right;
		width: auto;
	}

	.spots {
		padding: 20px 20px 50px 20px;
	}

	.spot {
		width: 45%;
		margin-bottom: 0px;
	}

	.videos {
		padding: 20px 20px 50px 20px;
	}

	.videos h2 {
		margin: 10px 0px 30px 0px !important;
		font-size: 1.5em;
	}

	.videoP {
		float: left;
		width: 60%;
		padding: 10px;
		border-bottom: 0px solid #000000;
	}

	.fotogramas {
		float: left;
		width: 40%;
		padding: 10px 10px 10px 10px !important;
	}

	.fotograma {
		width: 50%;
		border: 2px solid #000000;
	}

	.radio {
		padding: 20px 20px 50px 20px;
	}

	.radio h2 {
		margin: 10px 0px 30px 0px !important;
		font-size: 1.5em;
	}

	.radio p {
		font-size: 1em;
	}

	.radio .flex2 {
		margin-top: 30px;
	}

	.cRadio {
		width: 300px;
		margin-bottom: 20px;
	}

	.bloqueColabora h2 {
		margin: 10px 0px 30px 0px !important;
		font-size: 1.5em;
	}

	.bloqueMateriales {
		padding: 40px 20px 50px 20px;
	}

	.bloqueMateriales h2 {
		margin: 10px 0px 30px 0px !important;
		font-size: 1.5em;
	}

	.cartel {
		width: 40%;
	}

	.flyer {
		width: 40%;
	}

	.prensa {
		width: 40%;
		margin-bottom: 20px;
	}

	.bloqueNoticias {
		padding: 40px 20px 50px 20px;
	}

	.noticiaListado2 img {
		float: left;
		width: 140px;
		margin-right: 10px;
	}

	.noticiaRelacionada {
		width: 46%;
	}

	.presentacionProyecto img {
		margin-right: 1rem;
		margin-bottom: 0;
		width: 100%;
		max-width: 300px;
		float: left;
	}

	.pic-container {
		max-width: 300px;
		float: left;
	}
	.pic-container-1 {
		margin: 2rem 5rem 4rem 2rem;
	}
	.pic-container-2 {
		margin: 3rem 5rem 4rem 1rem;
	}
	.pic-container-5 {
		margin: 4rem 5rem 4rem 1.5rem;
	}
	.pic-container-6 {
		margin: 4rem 4rem 3rem 1.5rem;
	}

    .bloqueTransparencia .flex {
        flex-flow: nowrap;
    }
    .bloqueTransparencia .bloqueDocumento {
        flex-basis: 47%;
    }
    .tablaResumen tr td:first-child {
        width: 65%;
    }

}