:root {
    --primario: #71b100;
    --secundario: #e08709;
}

@font-face {
	font-family: 'roboto';
	src: url('../font/roboto.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'monserat';
	src: url('../font/monserat.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'monserat2';
	src: url('../font/monserat2.ttf');
	font-weight: normal;
	font-style: normal;
}

body {
    font-family: 'Lato', sans-serif;
}


 .navbar-dark .navbar-toggler-icon { 
                        background-color: #46456D; 
                    }


#myTabContent{
  display: none;
}
.logomef{
	height: 47px;	
}

.imagenes_btn{
    width: auto;
    height: 33px;
}

.barra{
    /*width: 80%;*/
    margin: 0 auto;

}

.sumilla{
    font-family: 'roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    letter-spacing: -0.444444px;
    color: #848484;
}

.fechas{
    width: 300px;
    font-family: 'roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    letter-spacing: -0.444444px;
    color: #868686;
}

.fechas_notas{
    width: 300px;
    font-family: 'roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    /*letter-spacing: -0.744444px;*/
    color: #868686;
}

.pie_publicaciones{
    width: 250px;
    font-family: 'roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    letter-spacing: -0.444444px;
    color: #868686;
}


.cabecera_card{
    width: 300px;
    text-align: left;
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
}

/*
.ir-arriba {
	display:none;
	padding:20px;
	background:#024959;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
}
*/


.colorflecha{
    color:#0764E3;
}

/* REDES SOCIALES */

.buttons ul{
    width: 400px;
    margin: 0;
    padding-inline-start: 0px;

}

.buttons ul li{
    display: inline-block;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    text-align: center;  
}

.buttons ul li a{
    display: block;
    /*padding: 0 10px;*/
    /*background: #333;*/
    background: #BDC3CA;
    color: #fff;
    line-height: 40px;
    font-size: 20px;
    box-shadow: 0 3px 5px 0px rgba(0, 0, 0, .2);
    transition: .2s;
    border-radius: 50%;
}

/* FIN REDES SOCIALES*/



/* FOOTER */
.footer-sitio{
background-color: #F6F4F3;
}

/* FIN FOOTER */



/*
.buttons a {
	margin-right: 30px;
	width: 64px;
	height: 64px;
	display: inline-block;
	position: relative;
	line-height: 64px;
	background-color: #eaeaea;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); 
	background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); 
	background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: linear-gradient(top, #f6f6f6, #eaeaea);
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
}

.buttons a:active {
	top: 1px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f6f6f6));
	background-image: -webkit-linear-gradient(top, #eaeaea, #f6f6f6);
	background-image: -moz-linear-gradient(top, #eaeaea, #f6f6f6); 
	background-image: -ms-linear-gradient(top, #eaeaea, #f6f6f6); 
	background-image: -o-linear-gradient(top, #eaeaea, #f6f6f6);
	background-image: linear-gradient(top, #eaeaea, #f6f6f6);
}

.buttons a::before{
	content: '';
	position: absolute;
	z-index: -1;
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	background-color: #eaeaea;
	-moz-border-radius: 140px;
	-webkit-border-radius: 140px;
	border-radius: 140px;
	opacity: 0.5;		
}

.buttons a:active::before {
	top: -9px;
}
 
.buttons a:hover::before {
	opacity: 1;
}

.buttons a.twitter:hover::before {
	background-color: #c6f0f8;
}
 
.buttons a.facebook:hover::before {
	background-color: #dae1f0;
}
 
.buttons a.dribble:hover::before {
	background-color: #fadae6;
}
 
.buttons a.rss:hover::before {
	background-color: #f8ebb6;
}

.twitter img {
	vertical-align: -7px;
}
 
.dribble img {
	vertical-align: -12px;
}
 
.facebook img {
	vertical-align: -12px;
}
 
.rss img {
	vertical-align: -7px;
}
*/

.colorphone{
        color:#9EA3EB;
        /* #fd7e14;*/
}

h3 .titulo{
    color: #2A2957;
    font-weight: bold;
}

.titulo_footer {
    font-family: 'monserat';
    color: #2A2957;
    font-size: 18px;
    line-height: 16px;
    text-align: left;
    letter-spacing: -0.5px;
    font-weight: bold;
}

.titulo2_footer {
    font-family: 'monserat';
    color: #2A2957;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    letter-spacing: -0.5px;
    font-weight: bold;
}


.subtitulo_footer {
    font-family: 'monserat';
    color: #6B6B6B;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    letter-spacing: -0.5px;
    font-weight: 300;
}

.titulo_principal {
    font-family: 'monserat';
    color: #2A2957;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.5px;
}

.txt_contenido{
    font-family: 'roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.444444px;
    color: #576078;
}



.imagen_cuadro {
    /*border: 1px solid #cccccc;
    width: 130px;*/
    /*width: 80%;*/
    filter: drop-shadow(5px 5px 10px #ccc);
}


.recuadro_inversion{
    background-color: #0093F8;
    width: 50px;
    /*border: 1px solid #000000;*/
    -moz-border-radius: 9px;
    -webkit-border-radius:9px;
    padding: 10px;
}

.recuadro_mantenimiento{
    background-color: #EB5767;
    width: 50px;
    /*border: 1px solid #000000;*/
    -moz-border-radius: 9px;
    -webkit-border-radius:9px;
    padding: 10px;
}

.recuadro_trabaja{
    background-color: #43BEB0;
    width: 50px;
    /*border: 1px solid #000000;*/
    -moz-border-radius: 9px;
    -webkit-border-radius:9px;
    padding: 10px;
}

.recuadro_gestion{
    background-color: #F5BB47;
    width: 50px;
    /*border: 1px solid #000000;*/
    -moz-border-radius: 9px;
    -webkit-border-radius:9px;
    padding: 10px;
}

.recuadro_nucleos{
    background-color: #98D367;
    width: 50px;
    /*border: 1px solid #000000;*/
    -moz-border-radius: 9px;
    -webkit-border-radius:9px;
    padding: 10px;
}

.recuadro_bono{
    background-color: #9398EC;
    width: 50px;
    /*border: 1px solid #000000;*/
    -moz-border-radius: 9px;
    -webkit-border-radius:9px;
    padding: 10px;
}

.detalles_card{
    border: 0px;
    color: #ffffff;
    text-align: center;
}

.subdetalle{
    height: 70px;
    margin: 0px;
    padding-top:9px;
    padding-left:0px;
    font-size: 20px;
    color: #2A2957;
}

.subdetalle a{
    font-size: 20px;
    color: #2A2957;
}

.subtitulo_preguntas{
    width: 200px;
    float: left;
}

/* CAPACITACIONES */
.subtitulo_capacitaciones{
    width: 200px;
    color: dimgrey;
    font-size: 12px;

}

/* FIN CAPACITACIONES */


/* MATERIAL */
.titulo_material{
    font-family: 'monserat';
    color: #2A2957;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    letter-spacing: -0.5px;
    font-weight: bold;
    margin-top: 0px;
}

/* FIN MATERIAL */

/* CALENDAR */
/* FIN CALENDAR */


@media (min-width: 768px){
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1  {
      width: 100%;
      *width: 100%;

    }
  }
  
  @media (min-width: 992px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
      width: 14.285714285714285714285714285714%;
      *width: 14.285714285714285714285714285714%;
    }
  }
  
  /**
   *  The following is not really needed in this case
   *  Only to demonstrate the usage of @media for large screens
   */    
  @media (min-width: 1200px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
      width: 14.285714285714285714285714285714%;
      *width: 14.285714285714285714285714285714%;
    }
  }





@media (min-width: 1201px) and (max-width: 1366px) {

                .navbar-dark a {
                    color: #46456D;
                }
                .navbar-dark .navbar-nav .nav-link {
                    color: #46456D;
                    font-size: 12px;
                }
                /*
                .navbar-dark .navbar-nav .nav-link {
                    color: #1F9CF1;
                    font-size: .8rem;
                }*/

                .navbar-dark .navbar-nav .nav-link.active  {
                    color: #1F9CF1;
                    font-size: 12px;
                }

                .navbar-dark .navbar-nav .nav-link:hover  {
                    color: #1F9CF1;
                    font-size: 12px;
                }

                .navbar-dark .navbar-nav .active>.nav-link,
                .navbar-dark .navbar-nav .nav-link.active,
                .navbar-dark .navbar-nav .nav-link.show,
                .navbar-dark .navbar-nav .show>.nav-link {
                    /*color: #fff;*/
                    color: #46456D;
                }



                .navbar-dark .navbar-toggler-icon { 
                    background-color: #46456D; 
                }


                .navbar .nav-item:not(:last-child) {
                    margin-right: 0px !important;
                }



                .navbar-expand-lg .navbar-nav .nav-link {
                    padding-right: 0rem;
                    padding-left: 0rem;
                }


                .logomef{
                    height: 47px;

                }



                .dropdown-item {
                        display: block;
                        width: 100%;
                        padding: .15rem .35rem;
                        clear: both;
                        font-weight: 400;
                        font-size: 12px;
                        color: #212529;
                        text-align: inherit;
                        white-space: nowrap;
                        background-color: transparent;
                        border: 0;
                }


                .dropdown-menu {
                    position: absolute;
                    top: 100%;
                    left: 0;
                    z-index: 1000;
                    display: none;
                    float: left;
                    min-width: 1rem;
                    padding: .5rem 0;
                    margin: .125rem 0 0;
                    font-size: 1rem;
                    color: #212529;
                    text-align: center;
                    list-style: none;
                    background-color: #fff;
                    background-clip: padding-box;
                    border: 1px solid rgba(0,0,0,.15);
                    border-radius: .25rem;
                }

                .container{
                    max-width: 1000px;
                }


                .img_normas_covid{
                    height: 30px;
                }

                .img_ranking{
                    height: 38px;

                }


                /*CONTAINER*/
                .titulo_footer {
                    font-family: 'monserat';
                    color: #2A2957;
                    font-size: 16px;
                    line-height: 14px;
                    text-align: left;
                    letter-spacing: -0.5px;
                    font-weight: bold;
                }

                .titulo2_footer {
                    font-family: 'monserat';
                    color: #2A2957;
                    font-size: 16px;
                    line-height: 22px;
                    text-align: left;
                    letter-spacing: -0.5px;
                    font-weight: bold;
                }


                .subtitulo_footer {
                    font-family: 'monserat';
                    color: #6B6B6B;
                    font-size: 14px;
                    line-height: 14px;
                    text-align: center;
                    letter-spacing: -0.5px;
                    font-weight: 300;
                }

                .titulo_principal {
                    font-family: 'monserat';
                    color: #2A2957;
                    font-size: 18px;
                    line-height: 18px;
                    text-align: center;
                    letter-spacing: -0.5px;
                }

                .txt_contenido{
                    font-family: 'roboto';
                    font-style: normal;
                    font-weight: normal;
                    font-size: 14px;
                    line-height: 20px;
                    text-align: center;
                    letter-spacing: -0.444444px;
                    color: #576078;
                }



                .imagen_cuadro {
                    /*border: 1px solid #cccccc;
                    width: 130px;*/
                    /*width: 80%;*/
                    filter: drop-shadow(5px 5px 10px #ccc);
                }


                .recuadro_inversion{
                    background-color: #0093F8;
                    width: 50px;
                    /*border: 1px solid #000000;*/
                    -moz-border-radius: 9px;
                    -webkit-border-radius:9px;
                    padding: 10px;
                }

                .recuadro_mantenimiento{
                    background-color: #EB5767;
                    width: 50px;
                    /*border: 1px solid #000000;*/
                    -moz-border-radius: 9px;
                    -webkit-border-radius:9px;
                    padding: 10px;
                }

                .recuadro_trabaja{
                    background-color: #43BEB0;
                    width: 50px;
                    /*border: 1px solid #000000;*/
                    -moz-border-radius: 9px;
                    -webkit-border-radius:9px;
                    padding: 10px;
                }

                .recuadro_gestion{
                    background-color:#83C250; /* #F5BB47;*/
                    width: 50px;
                    /*border: 1px solid #000000;*/
                    -moz-border-radius: 9px;
                    -webkit-border-radius:9px;
                    padding: 10px;
                }

                .recuadro_nucleos{
                    background-color:#8086E2;/* #98D367;*/
                    width: 50px;
                    /*border: 1px solid #000000;*/
                    -moz-border-radius: 9px;
                    -webkit-border-radius:9px;
                    padding: 10px;
                }

                .recuadro_bono{
                    background-color:#084B98;/* #9398EC;*/
                    width: 50px;
                    /*border: 1px solid #000000;*/
                    -moz-border-radius: 9px;
                    -webkit-border-radius:9px;
                    padding: 10px;
                }

                .detalles_card{
                    border: 0px;
                    color: #ffffff;
                    text-align: center;
                }

                .subdetalle{
                    height: 70px;
                    margin: 0px;
                    padding-top:9px;
                    padding-left:0px;
                    font-size: 15px;
                    color: #2A2957;
                }

                .subdetalle a{
                    font-size: 15px;
                    color: #2A2957;
                    padding-left: 30px;
                }

                .subtitulo_preguntas{
                    width: 200px;
                    float: left;
                }

                /* CAPACITACIONES */
                .subtitulo_capacitaciones{
                    width: 200px;
                    color: dimgrey;
                    font-size: 12px;

                }

                /* FIN CAPACITACIONES */


                /* MATERIAL */
                .titulo_material{
                    font-family: 'monserat';
                    color: #2A2957;
                    font-size: 18px;
                    line-height: 22px;
                    text-align: left;
                    letter-spacing: -0.5px;
                    font-weight: bold;
                    margin-top: 0px;
                }



                .titulo_inversion{
                  color: #0093F8;
                  font-family: 'roboto';
                  font-size: 16px;
                  line-height: 20px;
                  font-weight: bold;
                }
                .titulo_inversion a{
                    color: #0093F8;
                    font-weight: bold;
                }
                .titulo_inversion a:hover{
                  color: #0093F8;
                  font-weight: bold;
                }

                .titulo_mantenimiento{
                  color: #EB5767;
                  font-family: 'roboto';
                  font-size: 16px;
                  line-height: 20px;
                  font-weight: bold;
                }
                .titulo_mantenimiento a{
                  color: #EB5767;
                  font-weight: bold;
                }
                .titulo_mantenimiento a:hover{
                  color: #EB5767;
                  font-weight: bold;

                }
                .titulo_trabaja{
                  color: #3ABEB0;
                  font-family: 'roboto';
                  font-size: 16px;
                  line-height: 20px;
                  font-weight: bold;
                }
                .titulo_trabaja a{
                  color: #3ABEB0;
                  font-weight: bold;
                }
                .titulo_trabaja a:hover{
                  color: #3ABEB0;
                  font-weight: bold;
                }

                .titulo_nucleos{
                  color: #6DAD3A;
                  font-family: 'roboto';
                  font-size: 16px;
                  line-height: 20px;
                  font-weight: bold;
                }
                .titulo_nucleos a{
                  color: #6DAD3A;
                  font-weight: bold;
                }
                .titulo_nucleos a:hover{
                  color: #6DAD3A;
                  font-weight: bold;
                }

                .titulo_bono{
                  color: #8086E2;
                  font-family: 'roboto';
                  font-size: 16px;
                  line-height: 20px;
                  font-weight: bold;
                }
                .titulo_bono a{
                  color: #8086E2;
                  font-weight: bold;
                }
                .titulo_bono a:hover{
                  color: #8086E2;
                  font-weight: bold;
                }
                .titulo_gestion{
                  color: #084B98;
                  font-family: 'roboto';
                  font-size: 16px;
                  line-height: 20px;
                  font-weight: bold;
                }
                .titulo_gestion a{
                  color: #084B98;
                  font-weight: bold;
                }
                .titulo_gestion a:hover{
                  color: #084B98;
                  font-weight: bold;
                }


                .img_inversion_p, .img_mantenimiento_v, .img_trabaja_p , .img_bono_f, .img_nucleos_e , .img_gestion_h{
                    height: 70px;
                }




                /* REDES SOCIALES */

                .buttons ul{
                    width: 400px;
                    margin: 0;
                    padding-inline-start: 0px;

                }

                .buttons ul li{
                    display: inline-block;
                    margin: 0 5px;
                    width: 30px;
                    height: 30px;
                    text-align: center;  
                }

                .buttons ul li a{
                    display: block;
                    /*padding: 0 10px;*/
                    /*background: #333;*/
                    background: #BDC3CA;
                    color: #fff;
                    line-height: 30px;
                    font-size: 10px;
                    box-shadow: 0 3px 5px 0px rgba(0, 0, 0, .2);
                    transition: .2s;
                    border-radius: 50%;
                }

                .unop{
                    font-size: 15px !important;

                }

                /* FIN REDES SOCIALES*/

                .w-75 {
                    width: 69%!important;
                }

                .form-control{
                    font-size: 12px !important;

                }



                .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                    color: #007bff;
                    background-color: transparent;
                    border-color: transparent;
                    font-size: 12px !important;
                }
                .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-item.show .nav-link.active {
                    color: #007bff;
                    background-color: transparent;
                    border-color: transparent;
                    font-size: 12px !important;
                }

                .nav-tabs .nav-link.active {
                    color: #007bff;
                    font-size: 12px !important;
                    /*background-color: #fff;*/
                    /*border-color: #dee2e6 #dee2e6 #fff;*/
                }


                .header-scroll .nav-link {
                    /*color:#777;*/
                    font-size: 12px;
                }

                .nav-link {
                    display: block;
                    padding: .1rem .1rem;
                }







}





@media (min-width: 992px) and (max-width: 1201px) {

                .navbar-dark a {
                    color: #46456D;
                }
                .navbar-dark .navbar-nav .nav-link {
                    color: #46456D;
                    font-size: 12px;
                }
                /*
                .navbar-dark .navbar-nav .nav-link {
                    color: #1F9CF1;
                    font-size: .8rem;
                }*/

                .navbar-dark .navbar-nav .nav-link.active  {
                    color: #1F9CF1;
                    font-size: 12px;
                }

                .navbar-dark .navbar-nav .nav-link:hover  {
                    color: #1F9CF1;
                    font-size: 12px;
                }

                .navbar-dark .navbar-nav .active>.nav-link,
                .navbar-dark .navbar-nav .nav-link.active,
                .navbar-dark .navbar-nav .nav-link.show,
                .navbar-dark .navbar-nav .show>.nav-link {
                    /*color: #fff;*/
                    color: #46456D;
                }



                .navbar-dark .navbar-toggler-icon { 
                    background-color: #46456D; 
                }


                .navbar .nav-item:not(:last-child) {
                    margin-right: 0px !important;
                }



                .navbar-expand-lg .navbar-nav .nav-link {
                    padding-right: 0rem;
                    padding-left: 0rem;
                }


                .logomef{
                    height: 30px;

                }



                .dropdown-item {
                        display: block;
                        width: 100%;
                        padding: .15rem .35rem;
                        clear: both;
                        font-weight: 400;
                        font-size: 12px;
                        color: #212529;
                        text-align: inherit;
                        white-space: nowrap;
                        background-color: transparent;
                        border: 0;
                }


                .dropdown-menu {
                    position: absolute;
                    top: 100%;
                    left: 0;
                    z-index: 1000;
                    display: none;
                    float: left;
                    min-width: 1rem;
                    padding: .5rem 0;
                    margin: .125rem 0 0;
                    font-size: 1rem;
                    color: #212529;
                    text-align: center;
                    list-style: none;
                    background-color: #fff;
                    background-clip: padding-box;
                    border: 1px solid rgba(0,0,0,.15);
                    border-radius: .25rem;
                }

                .container{
                    max-width: 700px;
                }


                .img_normas_covid{
                    height: 30px;
                }

                .img_ranking{
                    height: 30px;

                }


                /*CONTAINER*/
                .titulo_footer {
                    font-family: 'monserat';
                    color: #2A2957;
                    font-size: 16px;
                    line-height: 14px;
                    text-align: left;
                    letter-spacing: -0.5px;
                    font-weight: bold;
                }

                .titulo2_footer {
                    font-family: 'monserat';
                    color: #2A2957;
                    font-size: 16px;
                    line-height: 22px;
                    text-align: left;
                    letter-spacing: -0.5px;
                    font-weight: bold;
                }


                .subtitulo_footer {
                    font-family: 'monserat';
                    color: #6B6B6B;
                    font-size: 14px;
                    line-height: 14px;
                    text-align: center;
                    letter-spacing: -0.5px;
                    font-weight: 300;
                }

                .titulo_principal {
                    font-family: 'monserat';
                    color: #2A2957;
                    font-size: 18px;
                    line-height: 18px;
                    text-align: center;
                    letter-spacing: -0.5px;
                }

                .txt_contenido{
                    font-family: 'roboto';
                    font-style: normal;
                    font-weight: normal;
                    font-size: 14px;
                    line-height: 20px;
                    text-align: center;
                    letter-spacing: -0.444444px;
                    color: #576078;
                }



                .imagen_cuadro {
                    /*border: 1px solid #cccccc;
                    width: 130px;*/
                    /*width: 80%;*/
                    filter: drop-shadow(5px 5px 10px #ccc);
                }


                .recuadro_inversion{
                    background-color: #0093F8;
                    width: 50px;
                    /*border: 1px solid #000000;*/
                    -moz-border-radius: 9px;
                    -webkit-border-radius:9px;
                    padding: 10px;
                }

                .recuadro_mantenimiento{
                    background-color: #EB5767;
                    width: 50px;
                    /*border: 1px solid #000000;*/
                    -moz-border-radius: 9px;
                    -webkit-border-radius:9px;
                    padding: 10px;
                }

                .recuadro_trabaja{
                    background-color: #43BEB0;
                    width: 50px;
                    /*border: 1px solid #000000;*/
                    -moz-border-radius: 9px;
                    -webkit-border-radius:9px;
                    padding: 10px;
                }

                .recuadro_gestion{
                    background-color:#83C250; /* #F5BB47;*/
                    width: 50px;
                    /*border: 1px solid #000000;*/
                    -moz-border-radius: 9px;
                    -webkit-border-radius:9px;
                    padding: 10px;
                }

                .recuadro_nucleos{
                    background-color:#8086E2;/* #98D367;*/
                    width: 50px;
                    /*border: 1px solid #000000;*/
                    -moz-border-radius: 9px;
                    -webkit-border-radius:9px;
                    padding: 10px;
                }

                .recuadro_bono{
                    background-color:#084B98;/* #9398EC;*/
                    width: 50px;
                    /*border: 1px solid #000000;*/
                    -moz-border-radius: 9px;
                    -webkit-border-radius:9px;
                    padding: 10px;
                }

                .detalles_card{
                    border: 0px;
                    color: #ffffff;
                    text-align: center;
                }

                .subdetalle{
                    height: 70px;
                    margin: 0px;
                    padding-top:9px;
                    padding-left:0px;
                    font-size: 15px;
                    color: #2A2957;
                }

                .subdetalle a{
                    font-size: 15px;
                    color: #2A2957;
                    padding-left: 30px;
                }

                .subtitulo_preguntas{
                    width: 200px;
                    float: left;
                }

                /* CAPACITACIONES */
                .subtitulo_capacitaciones{
                    width: 200px;
                    color: dimgrey;
                    font-size: 12px;

                }

                /* FIN CAPACITACIONES */


                /* MATERIAL */
                .titulo_material{
                    font-family: 'monserat';
                    color: #2A2957;
                    font-size: 18px;
                    line-height: 22px;
                    text-align: left;
                    letter-spacing: -0.5px;
                    font-weight: bold;
                    margin-top: 0px;
                }



                .titulo_inversion{
                  color: #0093F8;
                  font-family: 'roboto';
                  font-size: 14px;
                  line-height: 20px;
                  font-weight: bold;
                }
                .titulo_inversion a{
                    color: #0093F8;
                    font-weight: bold;
                }
                .titulo_inversion a:hover{
                  color: #0093F8;
                  font-weight: bold;
                }

                .titulo_mantenimiento{
                  color: #EB5767;
                  font-family: 'roboto';
                  font-size: 14px;
                  line-height: 20px;
                  font-weight: bold;
                }
                .titulo_mantenimiento a{
                  color: #EB5767;
                  font-weight: bold;
                }
                .titulo_mantenimiento a:hover{
                  color: #EB5767;
                  font-weight: bold;

                }
                .titulo_trabaja{
                  color: #3ABEB0;
                  font-family: 'roboto';
                  font-size: 14px;
                  line-height: 20px;
                  font-weight: bold;
                }
                .titulo_trabaja a{
                  color: #3ABEB0;
                  font-weight: bold;
                }
                .titulo_trabaja a:hover{
                  color: #3ABEB0;
                  font-weight: bold;
                }

                .titulo_nucleos{
                  color: #6DAD3A;
                  font-family: 'roboto';
                  font-size: 14px;
                  line-height: 20px;
                  font-weight: bold;
                }
                .titulo_nucleos a{
                  color: #6DAD3A;
                  font-weight: bold;
                }
                .titulo_nucleos a:hover{
                  color: #6DAD3A;
                  font-weight: bold;
                }

                .titulo_bono{
                  color: #8086E2;
                  font-family: 'roboto';
                  font-size: 14px;
                  line-height: 20px;
                  font-weight: bold;
                }
                .titulo_bono a{
                  color: #8086E2;
                  font-weight: bold;
                }
                .titulo_bono a:hover{
                  color: #8086E2;
                  font-weight: bold;
                }
                .titulo_gestion{
                  color: #084B98;
                  font-family: 'roboto';
                  font-size: 14px;
                  line-height: 20px;
                  font-weight: bold;
                }
                .titulo_gestion a{
                  color: #084B98;
                  font-weight: bold;
                }
                .titulo_gestion a:hover{
                  color: #084B98;
                  font-weight: bold;
                }


                .img_inversion_p, .img_mantenimiento_v, .img_trabaja_p , .img_bono_f, .img_nucleos_e , .img_gestion_h{
                    height: 70px;
                }




                /* REDES SOCIALES */

                .buttons ul{
                    width: 400px;
                    margin: 0;
                    padding-inline-start: 0px;

                }

                .buttons ul li{
                    display: inline-block;
                    margin: 0 5px;
                    width: 30px;
                    height: 30px;
                    text-align: center;  
                }

                .buttons ul li a{
                    display: block;
                    /*padding: 0 10px;*/
                    /*background: #333;*/
                    background: #BDC3CA;
                    color: #fff;
                    line-height: 30px;
                    font-size: 10px;
                    box-shadow: 0 3px 5px 0px rgba(0, 0, 0, .2);
                    transition: .2s;
                    border-radius: 50%;
                }

                .unop{
                    font-size: 15px !important;

                }

                /* FIN REDES SOCIALES*/

                .w-75 {
                    width: 69%!important;
                }

                .form-control{
                    font-size: 12px !important;

                }



                .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                    color: #007bff;
                    background-color: transparent;
                    border-color: transparent;
                    font-size: 12px !important;
                }
                .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-item.show .nav-link.active {
                    color: #007bff;
                    background-color: transparent;
                    border-color: transparent;
                    font-size: 12px !important;
                }

                .nav-tabs .nav-link.active {
                    color: #007bff;
                    font-size: 12px !important;
                    /*background-color: #fff;*/
                    /*border-color: #dee2e6 #dee2e6 #fff;*/
                }


                .header-scroll .nav-link {
                    /*color:#777;*/
                    font-size: 12px;
                }

                .nav-link {
                    display: block;
                    padding: .1rem .1rem;
                }







}









@media (max-width: 991px) {

        .titulo_inversion{
          color: #0093F8;
          font-family: 'roboto';
          font-size: 24px;
          line-height: 30px;
          font-weight: bold;
        }
        .titulo_inversion a{
            color: #0093F8;
            font-weight: bold;
        }
        .titulo_inversion a:hover{
          color: #0093F8;
          font-weight: bold;
        }

        .titulo_mantenimiento{
          color: #EB5767;
          font-family: 'roboto';
          font-size: 24px;
          line-height: 30px;
          font-weight: bold;
        }
        .titulo_mantenimiento a{
          color: #EB5767;
          font-weight: bold;
        }
        .titulo_mantenimiento a:hover{
          color: #EB5767;
          font-weight: bold;

        }
        .titulo_trabaja{
          color: #3ABEB0;
          font-family: 'roboto';
          font-size: 24px;
          line-height: 30px;
          font-weight: bold;
        }
        .titulo_trabaja a{
          color: #3ABEB0;
          font-weight: bold;
        }
        .titulo_trabaja a:hover{
          color: #3ABEB0;
          font-weight: bold;
        }

        .titulo_nucleos{
          color: #6DAD3A;
          font-family: 'roboto';
          font-size: 24px;
          line-height: 30px;
          font-weight: bold;
        }
        .titulo_nucleos a{
          color: #6DAD3A;
          font-weight: bold;
        }
        .titulo_nucleos a:hover{
          color: #6DAD3A;
          font-weight: bold;
        }

        .titulo_bono{
          color: #8086E2;
          font-family: 'roboto';
          font-size: 24px;
          line-height: 30px;
          font-weight: bold;
        }
        .titulo_bono a{
          color: #8086E2;
          font-weight: bold;
        }
        .titulo_bono a:hover{
          color: #8086E2;
          font-weight: bold;
        }
        .titulo_gestion{
          color: #084B98;
          font-family: 'roboto';
          font-size: 24px;
          line-height: 30px;
          font-weight: bold;
        }
        .titulo_gestion a{
          color: #084B98;
          font-weight: bold;
        }
        .titulo_gestion a:hover{
          color: #084B98;
          font-weight: bold;
        }




        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: #007bff;
            background-color: transparent;
            border-color: transparent;
        }
        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-item.show .nav-link.active {
            color: #007bff;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-link.active {
            color: #007bff;
            /*background-color: #fff;*/
            /*border-color: #dee2e6 #dee2e6 #fff;*/
        }

}













@media handheld, only screen and (max-width: 767px) {
    .header-scroll {
        display:none;
    }
}



@media (max-width: 640px) {

    .logomef{
        height: 42px;
    }


    .subdetalle a {
        font-size: 12px;
        color: #2A2957;
        padding-left: 38px;
    }

}



/*a:link { color: blue; }          /* Enlaces no visitados */
/*a:visited { color: purple; }     /* Enlaces visitados */
/*a:hover { background: yellow; }  /* El usuario esta sobre el enlace */
/*a:active { color: lime; }   */



/* change the brand and text color */
/*.navbar-dark .navbar .navbar-brand,
.navbar-dark .navbar .navbar-text {
    color: pink;
}*/
/* change the link color */
.navbar-dark .navbar-nav .nav-item .nav-link {
    color: #46456D;
}
/* change the color of active or hovered links */
/*.navbar-dark .navbar-nav .nav-item.active .nav-link,
.navbar-dark .navbar-nav .nav-item:hover .nav-link {
    color: pink;
}*/


/*
.navbar-dark a {
    color: #46456D;
}
.navbar-dark .navbar-nav .nav-link {
    color: #46456D;
    font-size: 1rem;
}


.navbar-dark .navbar-nav .nav-link.active  {
    color: #1F9CF1;
    font-size: 1rem;
}

.navbar-dark .navbar-nav .nav-link:hover  {
    color: #1F9CF1;
    font-size: 1rem;
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
  
    color: #46456D;
}



.navbar-dark .navbar-toggler-icon { 
    background-color: #46456D; 
}
*/

/*
.icon-bar { 
    color: black; 
    border-color: black; 
    background-color: black; 
} 
*/

/** 
FLECHAS CON CIRCULO
background-color: #ffffff;
        border-radius: 50%;
        animation: fadein_keyframes .5s both;
        box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
        text-shadow: 1px 1px 0 rgba(255,255,255,0.1);
         background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…N0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZT0iI2ZmZiI+PC9wb2x5bGluZT48L3N2Zz4=); 
         
        width: 75px;
        min-width: 75px;
        max-width: 75px;
        height: 75px;
        min-height: 75px;
        max-height: 75px;"

        */



/* CODIGO CAROUSEL MATERIAL INFORMTIVO  */

/* FIN CODIGO MATERIAL INFORMATIVO */


div.ocultar{
    /*display: none;*/

}


nav.menu-programa{
    width: 100%;
    border-bottom: 1px solid #D0D2D3;
    padding-bottom: 10px;
}

@media only screen and (min-width:768px){
    nav.menu-programa{
        display: table;
    }
}

nav.menu-programa a {
    display: block;
    text-align: center;
    color: #2A2957;
    text-decoration: none;
    /*font-family: 'Oswald', san-serif;*/
    margin-bottom: 10px;
    font-size: 1.2em;
    position: relative;
    /*padding-bottom: 10px;
    border-bottom: 1px solid #0093F8;*/

}

nav.menu-programa a.activo::after {
    position: absolute;
    content: '';
    left: 0;
    right:0;
    margin-left: auto;
    margin-right: auto;
    height: 4px;
    width: 30;
    background-color: #8086E2;
    bottom: -12px;
}

@media only screen and (min-width:768px){
    nav.menu-programa a{
        display: table-cell;
    }
}



/*
.ir-arriba {
	display:none;
	padding:20px;
	background:#024959;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
}
*/



/* INICIO PAGINA CONSULTAS */
.fondo_consultas{
    /*background-image: url(../img/inversion_publica/bg.png);*/
    background-repeat: no-repeat;
    height: 100px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100% ;
    text-align: center;
}



.black-background {background-color:#0093F8;}
.white {color:#ffffff;}

.green-background {background-color:#71D875;}
.white {color:#ffffff;}



/* Inicio Flechas al acordeon desplegable*/
#AccordionHeadings {
    font-weight: bolder;
    color: slategrey;
    font-size: medium;
  }
  .small:hover {
    background-color: #F8E498!important;
  }
  .list-group-item h5 {
    margin-left: 10px;
  }
  
  #AccordionText {
    margin-bottom: 0px!important;
    color: gray;
    margin-left: 10px;
  }
  
  #AccordIcon {
    padding-right: 10px;
    height: 25px;
    width: 25px;
  }

  .panel-title:after {
    font-family: FontAwesome;
    content: "\f106";
    float: right;
    color: grey;
}
.panel-title.collapsed:after {
    content: "\f107";
}
/* Fin Flechas al acordeon desplegable*/

/* FIN PAGINA CONSULTAS */



/**/



/* RECUADRO DESPEGABLE - CONSULTAS*/
.espacio_numero{
    /*padding: 15px 20px;*/
    border: none;
    background: none;
    text-align: left;
    color: #007bff;
    font-weight: bold;
    padding-top: 25px;
}

.espacio_fecha{
    color:#595959;
    font-size: 13px;
    padding-left: 5px;

}

.espacio_titulo{
    /*padding: 15px 20px;*/
    border: none;
    background: none;
    text-align: left;
    color: #007bff;
    font-weight: bold;
    outline: none;
}

.espacio_contenido p{
    padding-left: 27px;
}

*:focus {
    outline: none;
}

button:active { outline: none; border: none; }



/* FIN PAGINA CONSULTAS */