@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

a {text-decoration: none; color: inherit;}



h1 { font:2.0rem "Roboto Condensed", sans-serif; color:#1d4586; display:block; font-weight:700; margin: 2% 0 2% 0;}

h2 { font:1.75rem "Roboto Condensed", sans-serif; color:#1f7639; display:block; font-weight:500; margin: 3% 0 2.5% 0;}

h3 { font:1.5rem "Roboto Condensed", sans-serif; color:#646363; display:block; font-weight:400; margin: 4% 0 3.5% 0;}

h4 { font:1.25rem "Roboto Condensed", sans-serif; color:#36ac57; display:block; font-weight:400; margin: 2.5% 0 2% 0;}

p {font:1.13rem "Roboto Condensed", sans-serif; color:black; font-weight:300;  text-align: left; }

p.nota { font:1.0rem "Roboto Condensed", sans-serif; color:#000; font-weight:300; }



.color_blanco {color:white;}

#informe_gestion_cpacf h1 {font:1.65em "Roboto Condensed", sans-serif; color:#fff; font-weight: 150;}

.compos { font:1.16em "Roboto Condensed", sans-serif; color:#000; width: 96%; background-color: #f2f2f2; display: block; border: 0;  padding: 2%; }

textarea {font:1.16em "Roboto Condensed", sans-serif; color:#000; width: 96%; background-color: #f2f2f2; display: block; border: 0;  padding: 2%; height: 50% }

#cont_Contacto, #cont_Contacto_ { width: 100%;}	

.enviar_contact { font:1.16em "Roboto Condensed", sans-serif; color:#fff; width: 48%; background-color: #36ac57; display: block; border: 0;  padding: 2%; margin-top: 2%; cursor: pointer; margin-bottom: 2%; background-image:initial; border-radius:0 0 0 0; }

.enviar_contact:hover {  background-color: #1f7639;}

@media screen and (min-width:480px) {
/* body 480 | Celular Horizontal ------------------------------------------------------------------------------------------------------------------------*/
	
#informe_gestion_cpacf h1 {font:2em/1em "Roboto Condensed", sans-serif; color:#fff; font-weight: 150;}	

	p {text-align: justify; }

}

@media screen and (min-width:756px) { 
/* body 756 | Tablet Vertical ----------------------------------------------------------------------------------------------------------------------------*/
p { text-align:justify; }
	
#cont_Contacto, #cont_Contacto_ { width: 90%; padding-right:10% }	
	
}

@media screen and (min-width:1024px) { 
/* body 1024 | Tablet Horizontal -----------------------------------------------------------------------------------------------------------------------------*/

h1 { font:2.5rem "Roboto Condensed", sans-serif; font-weight:700; margin: 2% 0 1.5% 0;}

h2 { font:2.0rem "Roboto Condensed", sans-serif; font-weight:500; margin: 2% 0 2.5% 0;}

h3 { font:1.75rem "Roboto Condensed", sans-serif; font-weight:400; margin: 3% 0 1.5% 0;}

h4 { font:1.25rem "Roboto Condensed", sans-serif; font-weight:400; margin: 3% 0 1.5% 0;}
	
p {font:1.13rem "Roboto Condensed", sans-serif; font-weight:300; text-align:justify; margin: 0; }


.compos { font:1.15em "Roboto Condensed", sans-serif; }
	
textarea {font:1.15em "Roboto Condensed", sans-serif; }
	
#cont_Contacto, #cont_Contacto_ { width: 80%; padding-right:20% }		

.enviar_contact { font:1.15em "Roboto Condensed", sans-serif; }	
	
p.nota { font:1.085em "Roboto Condensed", sans-serif; color:#000; font-weight:300; }
	
#informe_gestion_cpacf h1 {font:2.5em "Roboto Condensed", sans-serif; color:#fff; font-weight: 150;}
	
}



	


	
@media screen and (min-width:1536px) {
/* body 1200 | Notebook/Nebook -----------------------------------------------------------------------------------------------------------------------------*/	

h1 { font:3.5rem "Roboto Condensed", sans-serif; font-weight:600; margin: 2% 0 1.5% 0;}

h2 { font:2.25rem "Roboto Condensed", sans-serif; font-weight:500; margin: 2% 0 2.5% 0;}

h3 { font:1.75rem "Roboto Condensed", sans-serif; font-weight:400; margin: 3% 0 1.5% 0;}

h4 { font:1.5rem "Roboto Condensed", sans-serif;font-weight:400; margin: 3% 0 1.5% 0;}
	
p {font:1.3rem "Roboto Condensed", sans-serif; font-weight:300;  text-align: justify;  margin: 0; }	
	
}