@charset "ISO-8859-1";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Jockey+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Norican&display=swap');

/*-------------- colores a usar en todo el sitio cambiar aqui ----------------------*/

/* margenes a el buscador, info y el pie de tablas de DataTable--*/
#tablax_length, #tablax_info, #tablax_filter {
    margin: 10px;
}
/* margenes a el buscador, info y el pie de tablas de DataTable fin--*/

.facebook-informa {
    text-align: center;
    width: 100%;
    
}

/*--------Caja Clima -----------*/
.caja_clima {
    text-align: center;
    display: flex;
    -webkit-display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-content: center;
    -webkit-align-content: center;
    align-items: center;
    -webkit-align-items: center;
}

.caja_clima a {
    margin: 10px;
}

.caja_clima h2 {
    align-items: center;
    width: 100%;
}

/*-------------- fotos l�deres ----------------------*/
.fotoLider {
    width: 200px;
    height: 200px;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    margin: 10px -10px -10px 10px;
    text-align: center;
    vertical-align: middle;
    filter: grayscale(80%);
    -webkit-filter: grayscale(80%);
    border: 5px solid #f5f6f7;
    -webkit-box-shadow: 0px -1px 18px -4px rgba(0,0,0,0.49);
    -moz-box-shadow: 0px -1px 18px -4px rgba(0,0,0,0.49);
    box-shadow: -2px -1px 18px -4px rgb(0 0 0 / 49%);
    transition: 0.5s ease all;
}

.fotoLider:hover {
    filter: none;
}

/*-------------- colores a usar en todo el sitio cambiar aqui ----------------------*/
/*----------variables---------*/
:root {
    --Fondos-oscuro-verde: rgba(1, 89, 89, 1);
    --Fondos-claro-verde: rgba(160, 165, 3, 1);
    --Fondos-oscuro-beige: rgba(228, 211, 189, 1);
    --Fondos-claro-beige: rgba(242, 223, 201, 1);
    --Fondos-oscuro-aqua: rgba(3, 172, 191, 1);
    --Fondos-claro-aqua: rgba(3, 191, 191, 1);
    
    /*-----Colores textos--------*/
    --Color-Textos-TitulosH1: rgba(1, 89, 89, 1);
    --Color-Textos-TitulosH2: rgba(125, 128, 108, 1);
    --Color-Textos-TitulosH3: rgba(125, 128, 108, 1);
    --Color-Textos-parrafos: rgba(88, 88, 90, 1);
    
    /*-----Colores Links generales--------*/
    --a-link: rgba(1, 89, 89, 1);
    --a-hover: rgba(160, 165, 3, 1);
    --a-visited: rgba(218, 119, 133, 1);
}
    
/*--------fin variables--------*/

/* Color Theme Swatches in Hex */
.Viajar-1-hex { color: #04ADBF; }
.Viajar-2-hex { color: #04BFBF; }
.Viajar-3-hex { color: #025959; }
.Viajar-4-hex { color: #A0A603; }
.Viajar-5-hex { color: #F2E0C9; }

/* Color Theme Swatches in RGBA */
.Viajar-1-rgba { color: rgba(3, 172, 191, 1); }
.Viajar-2-rgba { color: rgba(3, 191, 191, 1); }
.Viajar-3-rgba { color: rgba(1, 89, 89, 1); }
.Viajar-4-rgba { color: rgba(160, 165, 3, 1); }
.Viajar-5-rgba { color: rgba(242, 223, 201, 1); }

/* Color Theme Swatches in HSLA */
.Viajar-1-hsla { color: hsla(185, 96, 38, 1); }
.Viajar-2-hsla { color: hsla(180, 96, 38, 1); }
.Viajar-3-hsla { color: hsla(180, 96, 17, 1); }
.Viajar-4-hsla { color: hsla(61, 96, 33, 1); }
.Viajar-5-hsla { color: hsla(33, 61, 86, 1); }

/*------------- Margenes a 0 en todo el sitio ____________________*/
* {
    margin: 0;
}

/*------------- Margenes a 0 en todo el sitio ____________________*/

/*------------- Botones ____________________*/

.boton-1 a {
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
    font-weight: 700;
    font-size: 1em;
    text-align: center;
    background: rgba(28,86,8,1.00);
    color: white;
    padding: 1em;
    margin: 10px, 0px, 50px, 0px;
    border-radius: 0.5em;
    transition: background 1s;
}

.boton-1 a:hover{
    color: rgba(250,253,0,1.00);
    background: rgba(0,152,23,1.00);
}


/*---------------Barra suscripcion al FHIA-INFORMA------------------------*/

.barra-suscripcion {
    overflow-y: none;
    width: 300px;
    height: 400px;
    display: block;
    float: right;
    /*background: var(--Fondos-claro-beige);*/
    margin: 1.25rem 0 1.25rem 1.25rem;
    border-radius: 10px;

}

/*---------------configuraciones caja logos proyectos------------------------------*/

.logos_proyectos {
    width: auto;
    height: auto;
    background-color: rgba(255,255,255,0.70);
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    padding: 10px;
    border-radius: 10px;
    
}

/*---------------configuraciones caja videos------------------------------*/

.caja-videos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: stretch;
    width: auto;
    height: auto;
    box-sizing: border-box;
}

.caja-videos iframe {
    width: 472px;
    height: 266px;
    padding: 10px;
}

.caja-videos div {
    width: 100%;
    align-content: center;
    text-align: center;
}

.caja-videos h3{
    align-content: center;
    clear: both;
}

/*---------------configuraciones modo oscuro------------------------------*/

.boton_darkmode {
    
    margin: 30px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.switch {
    background: #343D5B;
    border-radius: 1000px;
    border: none;
    position: relative;
    cursor: pointer;
    display: flex;
    outline: none;
}

.switch span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        display: block;
        background: none;
        color: #fff;
    }

.switch::after {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        background: #F1F1F1;
        top: 0;
        left: 0;
        right: unset;
        border-radius: 100px;
        transition: 0.3s ease all;
        box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
    
}

.switch.active {
    background: orange;
    color:  #000;
}

.switch.active::after {
    right: 0;
    left: unset;
}

body.dark {
    background: rgba(31,31,31,1.00);
    
}

.dark .main p {
    color: rgba(228,237,208,1.00);
}

.dark .main H1 {
    color: var(--Fondos-claro-verde);
}

.dark .main H2 {
    color: var(--Fondos-oscuro-beige);
}

.dark .main H3 {
    color: var(--Fondos-oscuro-beige);
}

.dark .main ol {
    color: var(--Fondos-oscuro-beige);
}

.dark .main ul {
    color: var(--Fondos-oscuro-beige);
}

.dark .main .foto_vertical_der p {
    color: var(--Fondos-oscuro-verde);
}

.dark .main .foto_horizontal_der p {
    color: var(--Fondos-oscuro-verde);
}

.dark .main .foto_vertical_izq p {
    color: var(--Fondos-oscuro-verde);
}

.dark .main .foto_horizontal_izq p {
    color: var(--Fondos-oscuro-verde);
}

.dark .main table ol,ul > li {
    color: var(--Fondos-oscuro-verde);
}

.dark .main tbody p {
    color: var(--Fondos-oscuro-verde);
}

.dark .proximos_eventos {
    background-color: rgba(0,0,0,1.00);
    background-size: cover;
    background-position: center;
    box-shadow: none;
}



/*---------------configuraciones modo oscuro fin------------------------------*/

/* ? ----- Cuenta Regresiva ----- */


.proximos_eventos {
    position: relative;
    text-align: center;
    padding: 30px;
    background-color: rgba(255,255,255,1.00);
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 20px #8a8a8a;
    -webkit-box-shadow: 0px 0px 20px #8a8a8a;
    box-shadow: 0px 0px 20px #8a8a8a;
    margin: 50px 0 50px 0;
}

.proximos_eventos::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/decorativos/fondo_ultimo_evento.jpg);
    opacity: 0.3;
    border-radius: 10px;
    
}

.proximos_eventos > h1, h2, a, #cuenta {
    position: relative;
}

.proximos_eventos > a {
    background: var(--Fondos-claro-verde);
    padding: 10px;
    border-radius: 10px;
    line-height: 4em;
}

.proximos_eventos > a:hover {
    background: var(--Fondos-oscuro-verde);
}

#cuenta {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.simply-section {
	background: var(--Fondos-claro-verde);
    padding: 1.25em;
	width: auto;
	height: auto;
	margin: 5px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.simply-amount {
    font-family: 'Jockey One', sans-serif;
    color: #fff;
    text-align: center;
	display: block;
	font-size: 3.125em;
	font-weight: 700;
    margin-bottom: 0.3em;
}

.simply-word {
    font-family: "Arial, Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "sans-serif";
    color: #fff;
    font-weight: bold;
    text-align: center;
	font-weight: 300;
	font-size: 1.25em;
}


/* ? fin caja proximos eventos ---------------------------- */

/*--------facebook comentarios--------*/

#fb-root {
    display: block;
}

.caja-comentarios-face {
    width: 90%;
    background: rgba(255,255,255,0.60);
    padding: 10px;
    margin: 10px 0;
    border-radius: 10px;
}

/*---------------configuraciones para buscador de google------------------------------*/


gsc-results-wrapper-overlay gsc-results-wrapper-visible {
    margin-top: 0!important;
}

.gsc-results-wrapper-overlay {
    height: 80vh !important;
}

.gsc-control-cse {
    border: none!important;
    background: none!important;
}

.gsc-input-box {
    padding: 0!important;
    border-radius: 25px 0 0 25px!important;
}

.gsc-search-button-v2 {
    padding: 8px 8px 8px 25px!important;
    border-radius: 0 25px 25px 0!important;
        
}

/*---------------- Ultimas Noticias 3 tarjetas ----------------------*/

.wrap_ult-noticias{
    font-family: "Arial, Helvetica, Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "sans-serif";
	width: auto;
	margin: 20px auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
    flex-wrap: wrap;
    hyphens: none;
}

.tarjeta-wrap{
	margin: 10px;
	-webkit-perspective: 800;
	perspective: 800;
}

.tarjeta{
	width: 300px;
	height: 350px;
	background: #F29720;
	position: relative;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: .7s ease;
	transition: .7s ease;
	-webkit-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.65);
	box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.65);

}

.adelante, .atras{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.adelante{
	width: 100%;
}

.atras{
    box-sizing: border-box;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);

	padding: 15px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;

	/*text-align: center;
	color: #fff;
	font-family: "open sans";*/
}

.atras p {
    font-size: 1.3em;
    line-height: 1.2em;
    width: 70%;
    text-align: center!important;
	color: #fff!important;
    font-weight: 600;
    padding: 30px;
    hyphens: none!important;
}

.tarjeta-wrap:hover .tarjeta{
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.card1{
	background-image: url(../images/ultimas_noticias/Ultimo-informe-anual.jpg);
	background-size: cover;
}

.card2{
	background-image: url(../images/ultimas_noticias/Ultimas-noticias.jpg);
	background-size: cover;
}

.card3{
	background-image: url(../images/ultimas_noticias/Ultimo-FHIA-Informa.jpg);
	background-size: cover;
}

/*--------------------FORMULARIO DE CONTACTO--------------------------------*/

.form_wrap {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 13.75em;
    background: #fff;
    display: flex;
    border-radius: 0.625em;
    overflow: hidden;
    box-shadow: 0px 0px 1.25em rgba(0,0,0,0.2);
}

/* Informacion de Contacto*/

.cantact_info::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--Fondos-oscuro-verde);
    opacity: 0.5;
}

.cantact_info {
    width: 38%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url(../images/decorativos/Edif_Direccion_contacto_fondo.jpg);
    background-size: cover;
    background-position: center;
}

.info_title,
.info_items {
    color: white;
    position: relative;
    z-index: 2;
}

.info_title {
    margin-bottom: 3.75em;
}

.info_title span {
    font-size: 6.25em;
    display: block;
    text-align: center;
    margin-bottom: 0.9375em;
    line-height: 0.5em;
}

.info_title H2 {
    font-size: 2.1875em;
    text-align: center;
    color: white!important;
}

.info_items p {
    color: white!important;
    display: flex;
    align-items: center;
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 0.625em;
    line-height: 0.1em;
}

/*.info_items p span{
    font-size: 1.875em;
    margin: 0 0.9375em 0 0.9375em;
    line-height: 0.7em;
}*/

.info_items p:nth-child(1) span{
    text-align: left;
    font-size: 1.875em;
    margin-right: 0.625em;
    margin-left: 0;
}

.info_items p:nth-child(2) span{
    text-align: left;
    font-size: 3.125em;
    margin-right: 0.625em;
    margin-left: 0;
}

/*------forma de contacto----------*/

form.form_contact {
    width: 62%;
    padding: 1.875em 2.5em;
}

form.form_contact h2 {
    font-size: 1.5625em;
    font-weight: 600;
    color: var(--Fondos-oscuro-verde);
    margin-bottom: 1.875em;
}

form.form_contact .user_info {
    display: flex;
    flex-direction: column;
}

form.form_contact label {
    font-weight: 600;
    
}

form.form_contact input,
form.form_contact textarea {
    width: 100%;
    border: none;
    color: rgba(96,101,94,1.00);
    border-bottom: 0.125em solid var(--Fondos-oscuro-verde);
    padding: 0.5em 0 0.3125;
    margin-bottom: 1.25em;
    
}

form.form_contact textarea{
    max-width: 100%;
    min-width: 100%;
    min-height: 3.125em;
    max-height: 6.25em;
}

form.form_contact input[type="submit"] {
    width: 11.25em;
    background: var(--Fondos-oscuro-verde);
    padding: 0.625em;
    border: none;
    border-radius: 1.5625em;
    color: white;
    align-self: flex-end;
    font-weight: 600;
    
}

form.form_contact input[type="submit"]:hover {
    cursor: pointer;
    color: white;
    background: var(--Fondos-claro-verde);
}

:focus {
    outline: none;
}

.user_info input:focus, textarea:focus {
    background-color: rgba(222,222,222,1.00);
    border-radius: 5px;
}

/*-------ventana de errores forma de contacto--------*/

.modal_wrap {
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mensaje_modal {
    background:#fff;
    box-shadow: 0 0 0.9375em rgba(0,0,0,0.5);
    width: 50%;
    padding: 1.875em 1.25em;
}

.mensaje_modal h3 {
    text-align: center;
    font-size: 1.25em;
    font-weight: 600;
}

.mensaje_modal h3:after {
    content: '';
    display: block;
    width: 100%;
    height: 0.125em;
    background: #C5C5C5;
    margin: 0.625em 0 0.9375em;
}

.mensaje_modal p {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 1em;
    color: #606060;
}

.mensaje_modal p span {
    color: red;
    font-size: 1.25em;
    padding-right: 0.625em;
}

.mensaje_modal #btnClose {
    display: inline-block;
    padding: 0.1875em 0.625em;
    margin-top: 0.625em;
    background: var(--Fondos-oscuro-verde);
    color: white;
    border: 0.125em solid rgba(77,237,9,1.00);
    cursor: pointer;
    float: right;
}

/* MENSAJE EXITOSO*/

.mensaje-exito{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mensaje-exito h1{
    font-size: 2.1875em;
    display: block;
    text-align: center;
    margin-bottom: 1.25em;
}

.mensaje-exito a{
    display: block;
    padding: 0.625em 1.875em;
    background: var(--Fondos-oscuro-verde);
    text-decoration: none;
    color: #fff;
    border-radius: 1.5625em;
}

.mensaje-exito a:hover{
    background: rgba(77,237,9,1.00)
}

/*--------------------FORMULARIO DE FONTACTO FIN--------------------------------*/


/*--------------------CORREOS FHIA PARA EVITAR LOS BOTS y firmas--------------------------------*/

.correo_marlonlopez:after {
    content: "marlon_lopez@fhia-hn.org";
}

.correo_fhia:after {
    content: "fhia@fhia-hn.org";
}

.correo_barbier:after {
    content: "marcel_barbier@fhia-hn.org";
}

.correo_victorgonzales:after {
    content: "victor_gonzalez@fhia-hn.org";
}

.correo_biblio:after {
    content: "bibliofhia@gmail.com";
}

.correo_drAguilar:after {
    content: "juan_aguilar@fhia-hn.org";
}

.correo_drJDiaz:after {
    content: "javier_diaz@fhia-hn.org";
}

.correo_ingJoseAlfonzo:after {
    content: "jose_alfonso@fhia-hn.org";
}

.correo_cedeh:after {
    content: "fhia.cedeh@gmail.com";
}

.correo_mauriciorivera:after {
    content: "mauricio_rivera@fhia-hn.org";
}

.correo_hectoraguilar:after {
    content: "hector_aguilar@fhia-hn.org";
}

.correo_enidcuellar:after {
    content: "enid_cuellar@fhia-hn.org";
}

.correo_labquimico:after {
    content: "laboratorioquimicoagricola@gmail.com";
}

.correo_labplaguicidas:after {
    content: "laboratorioquimicoagricola@gmail.com";
}

.correo_capacitaciones:after {
    content: "capacitacionesfhia@fhia-hn.org";
}

.correo_simpah:after {
    content: "simpah@fhia-hn.org";
}

.correo_marcotulio:after {
    content: "marco_bardales@fhia-hn.org";
}

.correo_hernan:after {
    content: "hernan_espinoza@fhia-hn.org";
}

.firmas {
    font-size: 2em;
    text-align: left;
    line-height: 1em;
    font-family: 'Norican', cursive;
}


/*---------------- Links sin subrallar y color en todo el sitio--------------------*/

a {
    color: var(--a-link);
    text-decoration: none;
}

a:hover {
    color: var(--a-hover);
    text-decoration: none;
}

a:visited {
    color: var(--a-visited);
}

/*---------------- Links sin subrallar y color en todo el sitio fin--------------------*/

body {
    font-family: Arial, Gotham, "Helvetica Neue", Helvetica, "sans-serif";
    font-size: 16px;
    line-height: 1.3em;
    margin: 0;
    background: rgba(255,255,255,1.00);
    transition: 3s ease all;
}

.main {
    margin-top: 9em;
    padding: 0;
    /*background: red;*/
}

.main p {
    margin-bottom: 1.6em;
    text-align: justify;
    hyphens: auto;
}

.container p {
    color: var(--Color-Textos-parrafos);
}

.main h2, h3 {
    color: var(--Color-Textos-TitulosH2);
    line-height: 1.2em;
    margin-top: 1em;
}

/*-------------------listas ul y ol dentro del main-------------------*/

.main ul, ol {
    color: var(--Color-Textos-parrafos);
    font-weight: bold;
    margin-bottom: 1rem;
    list-style-position: outside;
    /*margin-left: -30px;*/
    /*background: rgba(144,144,144,1.00);*/ 
}

.main ul a, ol a {
    text-decoration: none;
    color: var(--a-link);
}

.main ul a:hover, ol a:hover {
    color: var(--a-hover);
}

.main ul a:visited, ol a:visited {
    color: var(--a-visited);
}

/*-------------------listas ul y ol fin -------------------*/

/*-------------------configiracion tablas dentro de main -----------------*/

.main table {
    background: var(--Fondos-claro-beige);
    text-align: left;
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0 1em 0;
    padding: 1em;
    
}

.main td {
    padding: 0.7em;
    /*padding-left: 2em;*/
}

.main thead {
    text-align: center;
    background-color: var(--Fondos-oscuro-verde);
    border-bottom: solid 0.3125rem var(--Fondos-claro-verde);
    color:white;
    font-weight: bold;
    line-height: 1.2em;
    
}

.main thead th {
    padding: 0.7em;
}

.main tr:nth-child(even) {
    background-color: var(--Fondos-oscuro-beige);
}

/*------------------------Tablas fin ----------------------*/

/*---------------- Cajas Documentos viejos --------------------*/

.caja-docs-viejos {
    width: 100%;
    height: auto;
    padding: 0;
    box-sizing: border-box;
    border: 2px solid var(--Fondos-oscuro-verde);
    border-radius: 10px;
    overflow: hidden;
    display: block;
    text-align: center;
    margin: 10px 0;
}

.caja-docs-viejos .titulo-caja-docs-viejos {
    text-align: center;
    width: 100%;
    padding: 15px 0 5px 0;
    margin: -10px 0 10px 0;
    color: white;
    background: var(--Fondos-oscuro-verde);
    box-sizing: border-box;
}

.paquetes_docs_viejos {
    width: 100%;
    padding: 0;
    background: rgb(255,255,255);
    display: flex;
    align-items: flex-start;
    align-content: center;
    flex-flow: wrap;
    justify-content: center;
}

.caja-docs-viejos .tabla-anos {
    box-sizing: border-box;
    max-width: 190px;
    margin: 5px 5px 10px 5px;
    align-content: center;
}

.caja-docs-viejos .tabla-anos-noticia {
    margin: 5px 5px 10px 5px;
    
}

.paquetes_docs_viejos thead th {
    padding: 10px;
    
}

.paquetes_docs_viejos tbody td {
    padding: 5px;
    
}

.paquetes_docs_viejos tbody td a {
    padding: 5px 30px 5px 0;
    color: var(--Fondos-oscuro-verde);
}

.paquetes_docs_viejos tbody td:hover {
    background: var(--Fondos-claro-aqua);
    
}

/*---------------- Cajas Documentos viejos fin --------------------*/

.container {
    width: 90%;
    max-width: 64rem;
    margin:0 auto;
    /*background: yellow;*/
}

.main h1 {
    font-family: 'Jockey One', sans-serif;
    color: var(--Fondos-oscuro-verde);
    font-size: 3em;
    text-align: center;
    line-height: 1.2em;
    margin-bottom: 1rem;
    margin-top: 0;
    padding: 0.3125rem;
    /*background-color: #95B27B;*/
    /*border-radius: 10px;*/
}

.main h1 a {
    text-decoration: none;
    color: var(--Fondos-oscuro-verde);
    
}
.main h1 a:hover {
    color: var(--Fondos-claro-verde);
}

/*-------------------configuraci�n de las fotos horizontales-------------------*/

/***** pie de foto *********/

.pie_de_foto {
    text-align: center!important;
}

.foto_horizontal_izq, .foto_horizontal_der, .foto_vertical_der, .foto_vertical_izq {
    text-align: center;
    background-color: var(--Fondos-claro-beige);
    border: 0.625rem var(--Fondos-claro-beige) solid;
    -webkit-box-shadow: 0px 0px 13px -1px rgba(161,161,161,1);
    -moz-box-shadow: 0px 0px 13px -1px rgba(161,161,161,1);
    box-shadow: 0px 0px 13px -1px rgba(161,161,161,1);
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    
}

.foto_horizontal_izq figcaption, .foto_horizontal_der figcaption, .foto_vertical_der figcaption, .foto_vertical_izq figcaption {
    color: var(--Fondos-oscuro-verde);
    width: auto;
    margin-top: 0.625rem;
    font-weight: bold;
    text-align: left;
    /*float: left;*/
    display: block;
    
}

.foto_horizontal_izq {
    width: 28.125rem;
    height: auto;
    float: left;
    margin: 1.25rem 1.25rem 1.25rem 0;
    
}

.foto_horizontal_izq img {
    width: 28.125rem;
    height: 20.125rem;
}

.foto_horizontal_der {
    width: 28.125rem;
    height: auto;
    float: right;
    margin: 1.25rem 0 1.25rem 1.25rem;  
}

.foto_horizontal_der img {
    width: 28.125rem;
    height: 20rem;
}

/*-------------------configuraci�n de las fotos verticales-------------------*/

.foto_vertical_izq {
    width: 20rem;
    height: auto;
    float: left;
    margin: 1.25rem 1.25rem 1.25rem 0;
    
}
.foto_vertical_izq img {
    width: 20rem;
    height: 28.125rem;
}

.foto_vertical_der {
    width: 20rem;
    height: auto;
    float: right;
    margin: 1.25rem 0 1.25rem 1.25rem;
}

.foto_vertical_der img {
    width: 20rem;
    height: 28.125rem;
}


/*-------------------configuraci�n de la cabecera principal-------------------*/

header {
    /*display: none;*/
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 7.5em;
    border-bottom: var(--Fondos-claro-verde) 0.625rem solid;
    background-color: #263c15;
    background-repeat: repeat-x;
    background-size: 20%;
    color: rgba(255,255,255,1.00);
    padding: 0.625rem 0px;
    z-index: 800;
    transition: all 1s;
    
}

header a {
    color: rgba(255,255,255,1.00);
    /*text-decoration: none;*/
}

header:hover {
    filter: saturate(180%);
    transition: 1s;
}

/*-------------------configuraci�n del logo y el slogan-------------------*/


.cajalogo {
    display: block;
    width: 70%;
    height: auto;
    float: left;
    box-sizing: border-box;
    
}

.logo {
    text-align: center;
    display: block;
    background-image: url(../images/logofhia.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    padding-top: 0.625em;
    width: 60%;
    height: 4.625em;
    margin-top: 0.625em auto;

   /* background-color: blue;*/
    
}

.cajalogo h1 {
    color: white;
    display: block;
    font-size: 1em;
    text-align: center;
    line-height: 1.2em;
    width: 60%;
    min-width: 400px;
    float: left;
    margin-top: 0px;
    text-shadow: #555 2px 2px 3px;
   /* background-color: antiquewhite;*/
}

.cajalogo h2 {
    font-size: 1.5em;
    line-height: 1.2em;
    width: 40%;
    height: auto;
    /*top: -20px;*/
    margin-top: -4.625em;
    padding-top: 1.875em;
    float: left;
    box-sizing: border-box;
    text-align: center;
    text-shadow: #555 2px 2px 3px;
     /*background-color: brown;*/
}

/*-------------------configuracion de la caja del buscador-------------------*/

#buscador {
    width: 30%;
    height: auto;
    float: right;
    margin: 10px 0 10px 0;
    /*background-color: black;*/
}

/*-------------------configuraci�n Menu PRINCIPAL-------------------*/


.boton_menu {
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.lbl-menu img {
    /*text-align: center;*/
    display: none;
    width: 30px;
    height: 30px;
    display: none;
}

#btn-menu {
    display: none;
    text-align: center;
}


.navigation {
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    padding: 0;
}


/*----------estilos generales ----------------*/


.navigation .current{
    background: var(--Fondos-claro-verde);
    transition: 0.5s;
}

.navigation ul li > spam {
    /*background-image: url(../images/iconos/GIF/arrow_green.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.625rem;*/
    display: block;
    margin: -0.5em 0em 0em 0em;
    text-align: center;
    width: auto;
    height: 1px;

}

.navigation spam::before {
    /*background-image: url(../images/iconos/GIF/arrow_green.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.625rem;*/
    position: absolute;
    color: var(--Fondos-claro-verde);
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    font-size: 0.9em;
    text-align: center;
    content: "\f103";
    display: block;
    margin: -3.2em 0em 0em 0em;
    text-align: center;
    width: auto;
    height: 1px;

}
    
.navigation ul {
    font-size: 1.2em;
    font-family: 'Oswald', sans-serif;
    list-style: none;
    padding: 0;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}

.navigation li {
    /*font-weight: bold;*/
    line-height: 3rem;
    position: relative;
    border-right: 3px solid var(--Fondos-claro-verde);
}

.navigation li:last-child {
    border-right: 0;
}

.navigation li ul {
    text-align: center;
    position: absolute;
    left: -7rem;
    
}

.navigation a {
    color: white;
    display: block;
    padding:  0 0.5em;
    text-decoration: none;
}

.navigation a:hover {
    background: var(--Fondos-claro-verde);
    transition: 1s;
}
/*
nav li ul {
    display: none;

}

nav li:hover > ul {
    display: block;
}
*/
/*-------------primer niver -----------------*/

.navigation > ul {
    background: var(--Fondos-oscuro-verde);
    display: table;
    width: auto;
    
}

.navigation > ul > li {
    float: left;
}

/*-------------segundo niver ----------------*/
.navigation li li {
    font-size: 0.8em;
    background: var(--Fondos-oscuro-verde);
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s;
    width: 20em;
    border-right: 0;
    line-height: 2em;
}

.navigation li:hover {
    background: rgba(76,76,76,1);
    background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
    background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}

.navigation li:hover >ul > li{
    max-height: 31.25rem;
    overflow: visible;
}

/*-------------tercer niver ----------------*/

.navigation ul ul ul {
    top: 0;
    left: 100%;
}

.navigation ul ul ul li {
    width: 10em;
}
/*-------------------------FIN Menu PRINCIPAL----------------------*/

/*-------------------configuraci�n Menu del Footer-------------------*/

footer {
    margin: 0;
    padding: 0;
}


.menu_footer {
    display: block;
    width: 100%;
    height: auto;
    clear: both;
    text-align: center;
    margin: 0 auto;
   /*background-color: red;*/
}

.menu_footer ul {
    text-align: center;
    width: 100%;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    
}

.menu_footer ul li {
    width: 10em;
    height: 4.325em;
    font-size: 0.7em;
    line-height: 1.1em;
    padding: 0.5em 0;
    margin: 0.25em;
    background: var(--Fondos-oscuro-verde);
    float: left;
    border: 0.3125em var(--Fondos-claro-verde) solid;
    border-radius: 0.625em;
    /*box-sizing: border-box;*/
    transition: all 0.5s;
}

.menu_footer ul li span {
    display: block;
    width: 100%;
    height: 2.1875em;
    margin-top: 5px;
    
}

/*------------------- iconos del menu footer-------------------*/

.menu_footer ul li .icon_correo::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    font-size: 2em;
    text-align: center;
    content: "\f0e0";
    /*background-image: url(../images/iconos/PNG/mail.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2em;*/
}

.menu_footer ul li .icon_miembro::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    font-size: 2em;
    text-align: center;
    content: "\f2bb";
    /*background-image: url(../images/iconos/PNG/users.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2em;*/
}

.menu_footer ul li .icon_noticia::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    font-size: 2em;
    text-align: center;
    content: "\f1ea";
    /*background-image: url(../images/iconos/PNG/newspaper.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2em;*/
}

.menu_footer ul li .icon_youtube::before{
    font-family: "Font Awesome 5 Brands";
    font-weight: 800;
    font-size: 2em;
    text-align: center;
    content: "\f167";
    /*background-image: url(../images/iconos/PNG/youtube2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 4em;*/
}

.menu_footer ul li .icon_inicio::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    font-size: 2em;
    text-align: center;
    content: "\f6f1";
    /*background-image: url(../images/iconos/svg/home-solid.svg);
    background-color: aqua;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2em;*/
}

.menu_footer ul li .icon_facebook::before{
    font-family: "Font Awesome 5 Brands";
    font-weight: 800;
    font-size: 2em;
    text-align: center;
    content: "\f082";
    /*background-image: url(../images/iconos/PNG/facebook2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2em;*/
}

/*------------------- fin iconos del menu footer-------------------*/

.menu_footer .footer-avtive {
    background: var(--Fondos-claro-verde);

}

.menu_footer ul li:hover {
    background: var(--Fondos-claro-verde);
    border-color: var(--Fondos-oscuro-verde);
    -webkit-box-shadow: 0px 0px 19px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 19px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 19px 0px rgba(255,255,255,1);
}

.menu_footer ul li a{
    height: 3.125em;
    font-weight: 600;
    text-decoration: none;
    color: var(--Fondos-claro-beige);
    display: block;
    padding: 0.3125em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*background: blue;*/
    /*box-sizing: border-box;*/
    
}

/*-------------------Configuraci�n del pie de pagina-------------------*/

footer {
    /*background: rgba(205,243,190,1.00);*/
    padding: 0.625rem 0;
    text-align: center;
    margin-top: 1rem;
    bottom: 0;
    /*background: rgba(164,179,87,1);*/
    background: background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(242,224,201,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(242,224,201,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(242,224,201,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(242,224,201,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(242,224,201,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(242,224,201,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2e0c9', GradientType=0 );
}

footer p {
    font-size: 1em;
    line-height: 1.1em;
    
}
footer address {
    font-style: normal;
}

footer .direcciones {
    clear: both;
    color: var(--Color-Textos-parrafos);
}

/*---------------WATHSAP Y FACEBOOK CHAT ---------------------------*/

#app-messenger, #app-whatsapp{
	position: fixed;
	right: 1.5em;
	bottom: 1.5625em;
	width: 3.75em;
	z-index: 1000;
	display: none;
}
#app-whatsapp{
	bottom: 5.9375em;
	display: block;
}
#app-messenger i, #app-whatsapp i{
	font-size: 2.9375em;
}
#app-whatsapp i{
    color: #ffffff;
    right: 0.9375em;
    /*position: fixed;*/
    background: rgba(46,152,1,1.00);
    padding: 0.15em;
    border-radius: 1.5em;
}
#app-messenger i{
	color: #0084ff;	
}

/*-------------------------marquesina texto animado de footer----------------------------------------*/

.marquesina {
    height: 3.75em;
    width: auto;
    color: white;
    background-color: var(--Fondos-oscuro-verde);
    margin-bottom: -1.875rem;
    margin-top: 1.25rem;
    box-sizing: border-box;
    bottom: 0;
}
.marquesina p {
    padding: 0.3125rem;
    margin: 0.3125em auto;
    
}


/*-------------------medida de tablets menos de 1060 px-------------------*/



@media only screen and (max-width: 1060px) {
    
    
    body {
        font-size: 14px;
    }
    
    .main {
        margin-top: 16em;
    }
    
    /*-------------------configuraci�n de la cabecera principal-------------------*/

    header {
        background-image: none;
        height: 14.28em;
        transition: all 1s;

    }


/*-------------------configuraci�n del logo y el slogan-------------------*/

    .logo {
        width: 100%;
    }

    .cajalogo {
        display: inline;
        width: 100%;
        height: auto;
        margin: 0 auto;
        box-sizing: border-box;

    }

    .cajalogo h1 {
        width: 100%;
        margin: 0.25em auto;

    }

    .cajalogo h2 {
       display: none;
    }
    
    /*-------------------configuracion del buscador-------------------*/

    #buscador {
        width: 100%;
        height: auto;
    }
    
    .gsc-control-cse {
        margin: -20px 0 -20px 0 !important;
    }
    
    /*--------------------configuracion del menu principal--------------*/
    
    .navigation li li{
    text-align: left;
    }
    
    /*--------------------formulario de contacto--------------*/
    .form_wrap {
        margin-top: 18em;
    }


}

/*-------------------media query para telefonos menos de 750px-------------------------*/



@media only screen and (max-width: 750px) {
    
    body {
        font-size: 14px;
    }
    
    .main {
        margin-top: 12em;
    }
    
    .main h1 {
        font-size: 2em;
    }
    
    
    /*-------------------configuraci�n de la cabecera principal-------------------*/

    header {
        background-image: none;
        height: 10em;
        transition: all 1s;
    }
    
       /*-------------------configuraci�n de buscador------------------*/
    
        .gsc-control-cse {
    margin: 0 !important;
    }
    
    .gsc-control-cse {
        width: 70VW!important;
    }
    

    #buscador {
        text-align: center;
        width: 100%;
        margin: 0;
        display: flex;
        justify-content: center;
    }
    
    .cajalogo h1 {
    width: 100%;
    min-width: 100px;
    font-size: 0.8em;
    text-align: center;
    clear: both;
    padding: 2px;
}
    
    
    /*---------------------menu principal telefono-----------------------------*/
    
    
    .boton_menu {
        text-align: center;
        width: 100%;
        }
    
    .lbl-menu {
        position: absolute;
        left: 0.357em;
        top: 8.5em;
        width: 30px;
        height: 30px;
        /*content: url(../images/iconos/PNG/btn_menu_hamburguesa.png);*/
    }
    
    .lbl-menu::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 800;
        font-size: 2em;
        text-align: center;
        content: "\f039";
    }
    
    
    .lbl-menu img {
        display: block;
        width: 30px;
        height: 30px;
    }
    
    
    .navigation {
        visibility: collapse;
    }
    
    #btn-menu:checked ~ .navigation {
        visibility:  visible;
        
    }
    
    #btn-menu:checked ~ .lbl-menu::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 800;
        font-size: 2em;
        text-align: center;
        content: "\f057";
        /*content: url(../images/iconos/PNG/btn_menu_hamburguesa_cerrar.png);*/
        
    }
    
  .navigation .menu-titulo {
        display: block;
    }
    
    .navigation {
        display: block;
        width: 80%;
        text-align: left;
        position: fixed;
        top: 0.7em;
        left: 2.85em;
        overflow-scrolling: touch;
        -webkit-overflow-scrolling: touch;
        
    }
    
    .navigation a {
        background: rgba(6,58,2,1.00);
        padding: 3px;
        margin-bottom: 0px;
        border-bottom: 1px solid rgba(9,174,2,0.70);
        overflow-scrolling: touch;
        -webkit-overflow-scrolling: touch;
        /*border-radius: 30px;*/
    }
    
  .navigation ul {
        background: none;
        font-size: 1.2em;
        display: block;
        width: 100%;
        overflow-scrolling: touch;
        -webkit-overflow-scrolling: touch;
}
    
    .navigation li {
        line-height: 1.5rem;
        position: relative;
        border-right: 0;
        overflow-scrolling: touch;
        -webkit-overflow-scrolling: touch;
}
    
    .navigation li ul {
        text-align: center;
        position: relative;
        left: 0;
    }
    
    /*-------------primer niver -----------------*/
    

    .navigation > ul {
        text-align: center;
        text-transform: uppercase;
        display: block;
        width: 100%;
    }

    .navigation > ul > li {
        float: left;
        width: 100%;
    }
    
    .navigation ul li > spam {
        /*background-image: url(../images/iconos/GIF/arrow_green.gif);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 15px;*/
        display: block;
        float: right;
        margin: -1.5rem 1.0rem 0 0;
        text-align: center;
        width: 15px;
        height: 15px;
        transition: 0.5s;

    }
    
    .navigation spam::before {
    margin: 0em;

}
    
    .navigation ul li:hover > spam {
        transform: rotate(180deg);
    }
    
    .navigation li:hover {
        /*border-radius: 30px;*/
        background: red;
    }
    
    /*-------------segundo nivel ----------------*/
    
    .navigation li li {
        font-family: "Sans Condensed, Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu", Helvetica, Arial, "sans-serif";
        font-size: 0.8em;
        background: rgba(10,96,4,1.00);
        overflow: hidden;
        transition: all 0.5s;
        width: auto;
        border-right: 0;
        line-height: 1.2em;
        /*border-radius: 30px;*/
        text-transform: none;
    }

    .navigation li li a {
        text-align: center;
        background: rgba(10,96,4,1.00);
        /*border-radius: 30px;*/
    }
    
/*----------------slider en telefonos ---------------------*/
    
   /* .flexslider {
        display: none;
    }*/
    
/*-------------------configuraci�n de las fotos horizontales-------------------*/

    .foto_horizontal_izq figcaption, .foto_horizontal_der figcaption, .foto_vertical_der figcaption, .foto_vertical_izq figcaption {
        float: none;
    }

    .foto_horizontal_izq {
        width: auto;
        height: auto;
        float: none;
        margin: 20px auto;
        box-shadow: none;

    }
    .foto_horizontal_izq img {
        width: 100%;
        height: auto;
        margin-left: 0;
    }

    .foto_horizontal_der {
        box-shadow: none;
        width: auto;
        height: auto;
        clear: both;   
        float: none;
        margin: 20px auto;

    }
    .foto_horizontal_der img {
        width: 100%;  
        height: auto;
        margin-left: 0;
    }

    /*-------------------configuraci�n de las fotos verticales-------------------*/

    .foto_vertical_izq {
        width: auto;
        height: auto;
        text-align: center;
        float: none;
        margin: 20px auto;
        box-shadow: none;

    }
    .foto_vertical_izq img {
        width: 100%;
        height: auto;
        margin-left: 0;
    }

    .foto_vertical_der {
        width: auto;
        height: auto;
        text-align: center;   
        float: none;
        margin: 20px auto;
        box-shadow: none;

    }
    .foto_vertical_der img {
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    
/*-------forma de contacto cambios------*/
    
    .form_wrap {
        height: auto;
        display: block;
        margin-top: 13em;
    }
    
    .cantact_info {
        width: 100%;
        height: 30%;
    }
    
    .info_title {
        margin-bottom: 2px;
        display: inline-block;

    }

    .info_title span {
        font-size: 50px;
        display: block;
        text-align: center;
        margin: 35px auto;
        line-height: 2px;
    }

    .info_title H2 {
        font-size: 20px;
        text-align: center;
        margin: 5px auto;
        line-height: 1.1em;
    }

    .info_items p {
        display: inline-block;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        margin-top: 0;
        margin-bottom: 10px;
    }
    
    .info_items p:nth-child(1) span{
        text-align: left;
        font-size: 15px;
        margin-right: 10px;
        margin-left: 20px;
        margin-top: 0;
    }

    .info_items p:nth-child(2) span{
        text-align: left;
        font-size: 20px;
        margin-right: 10px;
        margin-left: 20px;
        margin-top: 0;
    }
    
    /*------forma----------*/

    form.form_contact {
        width: 90%;
        height: auto;
    }
    
    form.form_contact input,
    form.form_contact textarea {
        width: 100%;
        padding: 0.5em 0 0.5em;

    }

    form.form_contact textarea{
        max-width: 100%;
        min-width: 100%;
    }
    
    form.form_contact .user_info {
        width: 90%;
        margin-right: 0px 10px 0 10px;
    
    }
    
    /*----------------------CHAT REDES SOCIALES -----------------------------*/
    
    	#fb-root{
		display: none;
	}
	    #app-messenger{
		display: block;
	}
    
        #app-whatsapp{
        bottom: 1.5em;
    }
    
    /*---------------- Cajas Documentos viejos --------------------*/


    .caja-docs-viejos .tabla-anos {
        width: 100%;
        max-width: 100%;
    }


    /*---------------- Cajas Documentos viejos fin --------------------*/
    
    /*-----------Barra de Suscricion FHIA-INFORMA----------------------*/
    
    .barra-suscripcion {
        float: none;
        display: flex;
        align-content: center;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    
    /*---------------configuraciones caja logos proyectos------------------------------*/

.logos_proyectos img {
    width: 90vw;
    height: auto;
    }
    
    /*---------------configuraciones caja videos------------------------------*/

.caja-videos iframe {
    width: auto;
    height: 266px;
    padding: 10px;
    background: none;
    }
    
    .caja-comentarios-face {
    width: 100%;
    background: rgba(255,255,255,0.60);
    padding: 10px;
    margin: 10px 0;
    border-radius: 10px;
    display: inline-block;
    }

}