/**********************************************************************************************************************/
/** 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:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	#cabecera {
		padding: 0px 45em 0px 45em;
	}

	.bloque {
		padding: 100px 45em 100px 45em;
	}	

	#pie {
		padding: 50px 45em 50px 45em;
	}	

	#subPie {
		padding: 0px 45em 0px 45em;
	}

	#cabSeccion, #seccionOFPEX, #seccionBancoDatos,  #seccionCentroDocumentacion, .legalidad { 
		padding: 0px 45em 0px 45em;
	}

	#cabSeccion .imagen, #bloqueCentroDocumentacion .imagen {
		right: 45em;
	}


}


/***********************************************
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:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	#cabecera {
		padding: 0px 30em 0px 30em;
	}

	#pie {
		padding: 50px 30em 50px 30em;
	}

	#subPie {
		padding: 0px 30em 0px 30em;
	}

	.bloque {
		padding: 100px 30em 100px 30em;
	}	

	#cabSeccion, #seccionOFPEX, #seccionBancoDatos,  #seccionCentroDocumentacion, .legalidad { 
		padding: 0px 30em 0px 30em;
	}

	#cabSeccion .imagen, #bloqueCentroDocumentacion .imagen {
		right: 30em;
	}


}


/***********************************************
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:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	#cabecera {
		padding: 0px 20em 0px 20em;
	}

	#pie {
		padding: 50px 20em 50px 20em;
	}

	#subPie {
		padding: 0px 20em 0px 20em;
	}

	.bloque {
		padding: 100px 20em 100px 20em;
	}	

	#cabSeccion, #seccionOFPEX, #seccionBancoDatos,  #seccionCentroDocumentacion, .legalidad { 
		padding: 0px 20em 0px 20em;
	}

	#cabSeccion .imagen, #bloqueCentroDocumentacion .imagen {
		right: 20em;
	}
}


/***********************************************
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:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	#cabecera {
		padding: 0px 15em 0px 15em;
	}

	#pie {
		padding: 50px 15em 50px 15em;
	}

	#subPie {
		padding: 0px 15em 0px 15em;
	}

	.bloque {
		padding: 100px 15em 100px 15em;
	}	
	
	#cabSeccion, #seccionOFPEX, #seccionBancoDatos,  #seccionCentroDocumentacion, .legalidad { 
		padding: 0px 15em 0px 15em;
	}
	
	#bloqueCentroDocumentacion .imagen {
		width: 36%;
	}

	#cabSeccion .imagen, #bloqueCentroDocumentacion .imagen {
		right: 15em;
	}

	#cabecera .rs {
		margin-right: 10px;
	}

	#cabSeccion .imagen {
		width: 30%;
	}

}

/***********************************************
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:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	#cabecera {
		padding: 0px 5em 0px 5em;
	}

	#pie {
		padding: 50px 5em 50px 5em;
	}	

	#subPie {
		padding: 0px 5em 0px 5em;
	}

	.bloque {
		padding: 100px 5em 100px 5em;
	}	

	#cabSeccion, #seccionOFPEX, #seccionBancoDatos,  #seccionCentroDocumentacion, .legalidad { 
		padding: 0px 5em 0px 5em;
	}
	
	#bloqueCentroDocumentacion .imagen {
		right: 5em;
	}

	#cabSeccion .imagen.cd {
		width: 30%;
	}

	#cabSeccion .imagen {
		right: 5em;
		width: 38%;
	}

	#bloqueCentroDocumentacion .imagen {
		width: 45%;
	}

}

/***********************************************
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:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	#cabecera {
		padding: 0px 1em 0px 1em;
	}

	#pie {
		padding: 50px 1em 50px 1em;
	}	

	#subPie {
		padding: 0px 1em 0px 1em;
	}

	.bloque {
		padding: 100px 1em 100px 1em;
	}	
	
	#cabSeccion, #seccionOFPEX, #seccionBancoDatos,  #seccionCentroDocumentacion, .legalidad { 
		padding: 0px 1em 0px 1em;
	}
	
	
	#bloqueCentroDocumentacion .imagen {
		right: 1em;
		width: 48%;
	}

	#cabSeccion .imagen {
		right: 1em;
		width: 40%;
	}

	#cabSeccion .imagen.cd {
		width: 35%;
	}
}

/***********************************************
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:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	html body {
		padding: 80px 0px 0px 0px;
	}

	#cabecera {
		padding: 0px 1em 0px 1em;
	}
	
	#cabecera #logos img {
		height: 50px;
	}

	#cabecera #menu ul li {
        margin: 0px 5px 0px 10px;
        font-size: 0.8em;
	}

	#cabecera .rs {
		margin-right: 10px;
	}

	#cabecera .rs div a img {
		width: 15px;
		height: 15px;
	}

	#cabecera .rs div a img.G {
		width: 20px;
		height: 20px;
	}

	#pie {
		padding: 50px 1em 50px 1em;	
	}

	#subPie {
		padding: 0px 1em 0px 1em;
	}

	.bloque {
		padding: 100px 1em 100px 1em;
	}	

	#bloqueBancoDatos .bancoDatos > div h2 {
		font-size: 1.2em;
		line-height: 1.2em;
	}
		
	#cabSeccion, #seccionOFPEX, #seccionBancoDatos, #seccionCentroDocumentacion, .legalidad { 
		padding: 0px 1em 0px 1em;
	}
		
	#bloqueCentroDocumentacion .imagen {
		width: 50%;
		top: 50px;
	}

	#cabSeccion .imagen, #bloqueCentroDocumentacion .imagen {
		right: 1em;
	}

	#bloqueCentroDocumentacion .imagen {
		right: 1em;
	}

	#cabSeccion .imagen {
		right: 1em;
		width: 40%;
	}

	.menuSeccion {
		padding-top: 220px;
		width: calc(35% - 50px);
	}

	.menuSeccion .itemMS h3 {
		font-size: 0.9em !important;
	}

	#seccionCentroDocumentacion .menuSeccion {
		padding-top: 170px;
	}
	
	#cabSeccion .imagen.cd {
		width: 35%;
	}
}


/***********************************************
Tablet (Smaller than 959px)
***********************************************/
@media only screen and (min-width:768px) and (max-width: 959px) {
	
	.show-mobile { display:block !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:none !important; }
	.hide-mobile { display:none !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:block !important; }
	
	html body {
		padding: 50px 0px 0px 0px;
	}

	h2 {
		font-size: 1.5em;
	}

	h3 {
		font-size: 1em;
	}

	p {
		font-size: 0.9em;
	}

	#cabecera {
		display: none;
	}

	#cabecera #logos img {
		height: 40px;
	}

	#cabecera #menu ul li {
		margin: 0px 5px 0px 5px;
		font-size: 0.8em;
	}

	#subPie {
		padding: 0px 1em 0px 1em;
	}

	.bloque {
		padding: 50px 1em 50px 1em;
	}	
	
	footer#pie {
		padding: 1em 1em
	}

	footer#pie .flex {
    	margin-top: -70px;
	}
	
	#bloqueOFPEX .quienesSomos .texto {
		width: 50%;
	}

	#bloqueBancoDatos .bancoDatos > div {
		padding: 20px 20px;
	}
		
	#bloqueBancoDatos .bancoDatos > div img {
		width: 50px;
    	margin: 0px 10px;
	}

	#bloqueBancoDatos .bancoDatos > div h2 {
		font-size: 1.2em;
	}

	#bloqueCentroDocumentacion .imagen {
    	top: 80px;
    	width: 48%;
	}

	#cabSeccion, #seccionOFPEX, #seccionBancoDatos, #seccionCentroDocumentacion, .legalidad { 
		padding: 0px 1em 0px 1em;
	}
		
	#cabSeccion .imagen {
		right: 1em;
		width: 40%;
		top: 40px;
	}

	#bloqueCentroDocumentacion .imagen {
		right: 1em;
		width: 50%;
		top: 40px;
	}

	.menuSeccion {
		width: calc(35% - 20px);
	}

	.menuSeccion .itemMS div {
		width: 40px;
		height: 40px;
	}

	.menuSeccion .itemMS div i {
		font-size: 1em;
	}

	.menuSeccion .itemMS h3 {
		font-size: 0.9em !important;
	}

	#cabSeccion .imagen.cd {
		width: 35%;
	}

	#seccionCentroDocumentacion .menuSeccion {
		padding-top: 200px;
	}

	#seccionCentroDocumentacion .bloqueListadoPublicaciones .publicacion {
		width: calc(50% - 10px);
	}

	#seccionCentroDocumentacion .bloqueListadoPublicaciones .textoPublicacion h2 {
		font-size: 1em;
	}
}


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

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

	html body {
		padding: 50px 0px 0px 0px;
	}

	#cabecera {
		display: none;
	}

	footer#pie .titulo h2 {
		font-size: 1.5em;
		padding: 30px 0px 0px 0px;
	}

	footer#pie, #subPie {
		padding: 0px 1em 0px 1em;
	}

	footer#pie .datosContacto {
		width: 100%;
	}

	footer#pie .flex {
		flex-wrap: wrap;
		margin-top: 0px;
	}

	footer#pie .flex .rs {
		width: 100%;
		justify-content: center;
		padding: 10px 0px;
		margin-bottom: 20px;
		border-top: 1px solid #f2f2f2;
		border-bottom: 1px solid #f2f2f2;
	}
	
	footer#pie .flex .rs div {
    	width: 30px;
    	height: 30px; 
	}

	footer#pie .flex .rs i {
		font-size: 20px;
	}

	footer#pie .flex .logosPie p {
		font-size: 0.9em;	
	}

	footer#pie .flex .logosPie {
		width: 100%;
		margin-top: -20px;
		margin-bottom: 20px;
	}

	#subPie p, #subPie a {
		font-size: 0.7em;
	}

	.bloque {
		padding: 50px 1em 50px 1em;
	}	
	
	#cabSeccion, #seccionOFPEX, #seccionBancoDatos, #seccionCentroDocumentacion {
		padding: 0px 1em 0px 1em;
	}

	h2 {
		font-size: 1.2em;
	}

	h3 {
		font-size: 1.1em;
	}

	#bloqueOFPEX > div {
		flex-wrap: wrap;
	}

	#bloqueOFPEX .quienesSomos .texto, #bloqueOFPEX .feminizacionPobreza .texto {
		width: 100%;
		padding: 1em 1em 1em 1em;
	}

	#bloqueOFPEX > div .imagen {
		width: 100%;
	}

	#bloqueOFPEX .quienesSomos .imagen {
		margin-top: -35px;
		margin-bottom: 30px;
	}

	#bloqueBancoDatos .bancoDatos > div {
		width: 100%;
	}

	#bloqueBancoDatos .bancoDatos > div img {
		width: 50px;
	}

	#bloqueBancoDatos .bancoDatos > div h2 {
		font-size: 1em;
		line-height: 1.2em;
	}

	#bloqueCentroDocumentacion {
		flex-wrap: wrap;
	}

	#bloqueCentroDocumentacion .texto {
		width: 100%;
	} 
	
	#bloqueCentroDocumentacion .imagen {
		width: 100%;
		margin-top: 10px;
	}

	.lineaTitulo {
		margin-top: -10px;
	}

	.lineaTitulo2 {
		margin-top: -8px;
	}

	#bloqueCentroDocumentacion .texto {
		width: 100%;
	}

	#cabSeccion .imagen {
		position: relative;
		float: right;
		width: 40%;
		padding: 10px 0px;
	}

	#bloqueCentroDocumentacion .imagen {
		bottom: 25px;
		top: auto;
		right: 0;
		width: 50%;
	}

	/* ------- OFPEX -----------------------------------*/

	#seccionOFPEX, #seccionOFPEX .texto, #seccionOFPEX .bloqueTexto {
		width: 100%;
	}


	/* ------- BANCO DE DATOS --------------------------*/

	#seccionBancoDatos h2 {
		font-size: 1.5em;
	}

	.infoSeccion {
		width: 100%;
	}

	.menuSeccion {
		width: 100%;
		padding-top: 20px;
	}

	.menuSeccion .itemMS div {
		width: 30px;
		height: 30px;
	}

	.menuSeccion .itemMS div i {
		font-size: 1em;
	}

	.menuSeccion .itemMS h3 {
		font-size: 1em !important;
	}

	/* ------- CENTRO DE DOCUMENTACION -----------------*/

	#seccionCentroDocumentacion .menuSeccion {
		padding-top: 20px;
	}

	#seccionCentroDocumentacion .menuSeccion .bloqueBuscadorPublicacionesEtiquetas ul {
		justify-content: center;
		
	}

	#seccionCentroDocumentacion .bloqueListadoPublicaciones .publicacion {
		width: 100%;
	}

	#seccionCentroDocumentacion .bloqueListadoPublicaciones .textoPublicacion h2 {
		font-size: 1em;
	}
	
	#seccionCentroDocumentacion .bloqueListadoPublicaciones .textoPublicacion p {
		font-size: 0.9em;
		line-height: 1.2em;
	}

	#bloqueDocumentosEAPN, #bloqueDocumentosOtras, #bloqueDocumentosEP {
		height: 50px;
	}

}


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

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

	.bloqueLogos {
		margin: 0px 5em;
	}
    
}