@import url(https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/Innovacion/caba2024/style.css);/*24-7-24*/
 

@import url('https://fonts.googleapis.com/css2?family=Kadwa&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
/*@import url(https://canvas-rsc.ilumno.com/siglo21/prod/css/Cursos-blend/styleblend_inicio.css);*/
@import url(https://canvas-rsc.ilumno.com/siglo21/prod/css/Cursos-blend/styleblend_paginas.css);
@import url(https://canvas-rsc.ilumno.com/siglo21/prod/css/Cursos-blend/style_infoblendCapabilia.css);
@import url(https://canvas-rsc.ilumno.com/siglo21/prod/css/Cursos-blend/estilos_cierreblend.css);
/*@import url(https://canvas-rsc.ilumno.com/siglo21/prod/css/Cursos-blend/styleblend_paginaampliadaCapabilia.css);*/
/*@import url(https://meca.ues21.edu.ar/blend_lightbox/style_blend_pagina_ampliada_capabilia.css);*/
@import url(https://canvas-rsc.ilumno.com/siglo21/prod/css/galeria_videos_CASA.css);
@import url(https://canvas-rsc.ilumno.com/siglo21/prod/css/genericostyle-definitivo.css);
@import url(https://canvas-rsc.ilumno.com/siglo21/prod/css/periodismo_capabilia/periodismo_capabilia_v2.css);
@import url(https://content.lameca.com.ar/estilos/deloittefinal1.css);
@import url(https://meca.ues21.edu.ar/test/imagen-ohlala/ohlala7.css);
@import url(https://meca.ues21.edu.ar/conmebol_materia_base/base_conmebol_v6.css);
@import url(https://meca.ues21.edu.ar/conmebol_materia_base/base_conmebol_cierre_v1.css);
@import url(https://meca.ues21.edu.ar/programa_nuevo/estilos/programa_nuevo_2020.css);
/*@import url(https://meca.ues21.edu.ar/test/lightboxfcbcapa1.css);*/
/*@import url(https://meca.ues21.edu.ar/blend_lightbox/lightboxfcbcapa1.css);*/
/*@import url(https://meca.ues21.edu.ar/blend_lightbox/styleblend_inicio.css);*/
@import url(https://content.lameca.com.ar/Innovacion/Lac2025/LAC2025.css);
/* @import url(https://content.lameca.com.ar/Innovacion/FCB2025/styleFCB2025.css); */


@import url(https://s3.amazonaws.com/content.lameca.com.ar/estilos/lightboxfcbcapa1.css);
@import url(https://content.lameca.com.ar/estilos/style_blend_pagina_ampliada_capabilia2.css);
/*@import url(https://content.lameca.com.ar/estilos/styleblend_inicio.css);*/
@import url(https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/estilos/blend2022-reparacion.css);

@import url(https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/estilos/avon2022/css/estilos.css);
@import url(https://content.lameca.com.ar/estilos/aplv_2022/css/estilos.css);
@import url(https://content.lameca.com.ar/Innovacion/APLVgenerico/style.css);
@import url(https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/Innovacion/APLV-BLOCK/landing/estilo.css);




@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

@import url(https://meca.ues21.edu.ar/fehgra/fehgra_landing_v1.css);

@import url(https://meca.ues21.edu.ar/caraffa/caraffa-style.css);

@import url(https://meca.ues21.edu.ar/programa_nuevo/estilos/programa_nuevo_2020.css);

@import url(https://content.lameca.com.ar/estilos/blenderizacion_landing/css/estilos.css);
@import url(https://content.lameca.com.ar/estilos/blenderizacion_landing/css/parada_diplomatura.css);

@import url(https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/estilos/avon_2021/css/estilos.css);
@import url(https://content.lameca.com.ar/estilos/avon2023/estilos.css);

@import url(https://content.lameca.com.ar/estilos/genericostyle-definitivo.css);

@import url(https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/Innovacion/APLV/aplv.css);
@import url(https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/Innovacion/FEHGRA/fehgra.css);
@import url(https://meca.ues21.edu.ar/programa_nuevo/estilos/programa_nuevo_2020.css);
@import url(https://s3.dualstack.us-east-1.amazonaws.com/content.lameca.com.ar/InnovacionProducto/FCB_2025/FCB_2025_styles.css);
@import url(https://s3.dualstack.us-east-1.amazonaws.com/content.lameca.com.ar/InnovacionProducto/Conmebol_2025/conmebol_2025_styles.css);
@import url(https://s3.dualstack.us-east-1.amazonaws.com/content.lameca.com.ar/InnovacionProducto/FCB_landing/fcb_landing_styles.css);
@import url(https://s3.dualstack.us-east-1.amazonaws.com/content.lameca.com.ar/InnovacionProducto/Test_React/react_test.css);
@import url(https://s3.dualstack.us-east-1.amazonaws.com/content.lameca.com.ar/InnovacionProducto/Silstech_2025/silstech_2025_syles.css);
@import url(https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/InnovacionProducto/Kru-esports_2025/css/kru-esports_styles.css);
@import url(https://s3.dualstack.us-east-1.amazonaws.com/content.lameca.com.ar/InnovacionProducto/Mujeres-lideres_2025/mujeres-lideres-styles.css);
@import url(https://s3.dualstack.us-east-1.amazonaws.com/content.lameca.com.ar/InnovacionProducto/Mujeres-lideres-v2_2025/mujeres-lideres-v2-styles.css);
@import url(https://s3.dualstack.us-east-1.amazonaws.com/content.lameca.com.ar/InnovacionProducto/FCB_2025/fcb-1-0825/fcb-1-0825-styles.css);
@import url(https://s3.dualstack.us-east-1.amazonaws.com/content.lameca.com.ar/InnovacionProducto/FCB_2025/fcb-2-0825/fcb-2-0825-styles.css);





/************************************************** 
PROPIEDADES DE LOS LINKS DE LA PAGINA DE LOGIN
***************************************************/
/*.ic-Login-footer .ic-Login-footer__links a, .ic-Login-footer .ic-Login-footer__links .menu-item__text {
    display: none;
}*/

.ic-Login-footer .ic-Login-footer__logo-link {
    display: none;
}

.footer-logo {
    display: none;
}

.ic-app-footer__links a {
    display: none;
}

.ic-Login-footer .ic-Login-footer__links {
    text-align: center;
}


/************************************************** 
OCULTAMIENTO DEL LOGO "By INSTRUCTURE" DEL LOGIN
***************************************************/
.ic-Login-footer .ic-Login-footer__logo-link  {
    display: none;
}


/************************************************** 
OCULTAMIENTO DEL LOGO "By INSTRUCTURE" DEL FOOTER
***************************************************/
#footer .footer-logo {
    display: none;
}


/************************************************** 
    OCULTAMIENTO DE LOS LINKS DE AYUDA
***************************************************/

#help-dialog-options a[href="https://community.canvaslms.com/community/answers/guides/"] {
    display:none !important; 
}

/*Ocultar "Informe de un problema"*/
#help-dialog-options a[href="#create_ticket"] {
    display:none !important; 
}

/*Ocultar "Preguntar a la comunidad"*/
#help-dialog-options a[href="https://community.canvaslms.com/community/answers"] {
    display:none !important; 
}

/*Ocultar "Eviar una idea de funciones"*/
#help-dialog-options a[href="https://community.canvaslms.com/community/ideas/feature-ideas"] {
    display:none !important; 
}

/*PARRALLAX*/
.container_parrallax {
    width: 80;
}

#post1 {
  background-image: url("https://canvas-rsc.ilumno.com/siglo21/test/img/parallax-edcontinua/capa1.png");
  background-attachment: fixed;
  background-size: cover;
  height: 30vh;
}

#post_cierre_fcb01 {
  background-image: url("https://canvas-rsc.ilumno.com/siglo21/test/img/1.png");
  background-attachment: fixed;
  background-size: cover;
  height: 30vh;
}

#post2 {
background-color: #D8D8D8;
padding: 2em 2em;
}

#post3 {
  background-image: url("https://canvas-rsc.ilumno.com/siglo21/test/img/parallax-edcontinua/capa2.png");
  background-attachment: fixed;
  background-size: cover;
  height: 30vh;
}

#post_cierre_fcb03 {
  background-image: url("https://canvas-rsc.ilumno.com/siglo21/test/img/2.png");
  background-attachment: fixed;
  background-size: cover;
  height: 30vh;
}

#post4 {
    background-color: #D8D8D8;
    padding: 2em 2em;
}

#post5 {
  background-image: url("https://canvas-rsc.ilumno.com/siglo21/test/img/parallax-edcontinua/capa3.png");
  background-attachment: fixed;
  background-size: cover;
  height: 30vh;
}

#post_cierre_fcb05 {
  background-image: url("https://canvas-rsc.ilumno.com/siglo21/test/img/3.png");
  background-attachment: fixed;
  background-size: cover;
  height: 30vh;
}

#post6 {
    background-color: #D8D8D8;
    padding: 2em 2em;
}

#post7 {
  background-image: url("https://canvas-rsc.ilumno.com/siglo21/test/img/parallax-edcontinua/capa4.png");
  background-attachment: fixed;
  background-size: cover;
  height: 30vh;
}

#post_cierre_fcb07 {
  background-image: url("https://canvas-rsc.ilumno.com/siglo21/test/img/4.png");
  background-attachment: fixed;
  background-size: cover;
  height: 30vh;
}

#post8 {
    background-color: #D8D8D8;
    padding: 2em 2em;
}

#post9 {
  background-image: url("https://canvas-rsc.ilumno.com/siglo21/prod/img/parallax/parallaxcatalogo5.jpg");
  background-attachment: fixed;
  background-size: cover;
  height: 30vh;
}

#post_cierre_fcb09 {
  background-image: url("https://canvas-rsc.ilumno.com/siglo21/test/img/5.png");
  background-attachment: fixed;
  background-size: cover;
  height: 30vh;
}


/** LIGHTBOX MARKUP **/

.lightboxUES {
    /** Default lightbox to hidden */
    display: none;

    /** Position and style */
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
}

.lightboxUES img {
    /** Pad the lightbox image */
    max-width: 90%;
    max-height: 80%;
    margin-top: 2%;
}

.lightboxUES:target {
    /** Remove default browser outline */
    outline: none;

    /** Unhide lightbox **/
    display: block;
}

.titlevideoUES {
    color: #006755;
    font-family: Roboto;
    text-align: left;
    text-decoration: none;

}

/*EDUCACION CONTINUA*/
div#edcontinuageneral {
    float: left;
    margin: auto;
    position: center;
    width: 720px;
    height: 1600px;
    background-color: white;
}

div#edcontinuaheader {
    position: absolute;
    width: 720px;
    margin-left: 0px;
    margin-top: 0px;
    height: 143px;
    background-image: url("https://canvas-rsc.ilumno.com/siglo21/test/img/landing-edcontinua/cabecera.png"); 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

div#edcontinuaintro {
    position: absolute;
    margin-top: 143px;
    margin-left: 0px;
    width: 720px;
    height: 67px;
    background-color: #00284e;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    }

div#edcontinuam1 {
    position: absolute;
    margin-top: 247px;
    margin-left: 50px;
    width: 180px;
    height: 266px;
    background-image: url("https://canvas-rsc.ilumno.com/siglo21/prod/img/educacion%20continua/Asset%208.png"); 
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    }



div#edcontinuam2 {
    position: absolute;
    margin-top: 563px;
    margin-left: 50px;
    width: 180px;
    height: 266px;
    background-image: url("https://canvas-rsc.ilumno.com/siglo21/prod/img/educacion%20continua/Asset%204.png"); 
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    }


div#edcontinuam3 {
    position: absolute;
    margin-top: 879px;
    margin-left: 50px;
    width: 180px;
    height: 266px;
        background-image: url("https://canvas-rsc.ilumno.com/siglo21/prod/img/educacion%20continua/Asset%205.png"); 
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    }



div#edcontinuam4 {
    position: absolute;
    margin-top: 1195px;
    margin-left: 50px;
    width: 180px;
    height: 266px;
    background-image: url("https://canvas-rsc.ilumno.com/siglo21/prod/img/educacion%20continua/Asset%206.png"); 
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    }



div#footeredcontinua {
    position: absolute;
    margin-top: 1511px;
    margin-left: 0px;
    width: 720px;
    height: 67px;
    background-color: #00284e;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    }


div#bienvenidaedcontinua {
    position: absolute;
    margin-top: 159px;
    margin-left: 20px;
    width: 179px;
    height: 29px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    }

div#bienvenidaedcontinua:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1); 


}


div#autoevaluacionedcontinua {


    position: absolute;
    margin-top: 159px;
    margin-left: 200px;
    width: 369px;
    height: 29px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#autoevaluacionedcontinua:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 

div#edcontinuaforo {


    position: absolute;
    margin-top: 159px;
    margin-left: 569px;
    width: 128px;
    height: 29px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuaforo:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 


div#edcontinuatexto1 {


    position: absolute;
    margin-top: 263px;
    margin-left: 304px;
    width: 197px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuatexto1:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 


div#edcontinuatexto2 {


    position: absolute;
    margin-top: 314px;
    margin-left: 304px;
    width: 286px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuatexto2:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 

div#edcontinuatexto3 {


    position: absolute;
    margin-top: 365px;
    margin-left: 304px;
    width: 286px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuatexto3:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 


div#edcontinuatexto4 {


    position: absolute;
    margin-top: 415px;
    margin-left: 304px;
    width: 286px;
    height: 68px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuatexto4:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 

div#edcontinuatexto5 {


    position: absolute;
    margin-top: 580px;
    margin-left: 304px;
    width: 197px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuatexto5:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 


div#edcontinuatexto6 {


    position: absolute;
    margin-top: 630px;
    margin-left: 304px;
    width: 286px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuatexto6:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 


div#edcontinuatexto7 {


    position: absolute;
    margin-top: 681px;
    margin-left: 304px;
    width: 286px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuatexto7:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 

div#edcontinuatexto8 {


    position: absolute;
    margin-top: 731px;
    margin-left: 304px;
    width: 286px;
    height: 68px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuatexto8:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 

div#edcontinuatexto9 {


    position: absolute;
    margin-top: 896px;
    margin-left: 304px;
    width: 197px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuatexto9:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 


div#edcontinuatexto10 {


    position: absolute;
    margin-top: 946px;
    margin-left: 304px;
    width: 286px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuatexto10:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 


div#edcontinuatexto11 {


    position: absolute;
    margin-top: 997px;
    margin-left: 304px;
    width: 286px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuatexto11:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 

div#edcontinuatexto12 {


    position: absolute;
    margin-top: 1047px;
    margin-left: 304px;
    width: 286px;
    height: 68px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuatexto12:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 


div#edcontinuatexto13 {


    position: absolute;
    margin-top: 1212px;
    margin-left: 304px;
    width: 197px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuatexto13:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 

div#edcontinuatexto14 {


    position: absolute;
    margin-top: 1262px;
    margin-left: 304px;
    width: 286px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuatexto14:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 


div#edcontinuatexto15 {


    position: absolute;
    margin-top: 1313px;
    margin-left: 304px;
    width: 286px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuatexto15:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 

div#edcontinuatexto16 {


    position: absolute;
    margin-top: 1364px;
    margin-left: 304px;
    width: 286px;
    height: 68px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuatexto16:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 






div#edcontinuacierre {


    position: absolute;
    margin-top: 1528px;
    margin-left: 51px;
    width: 179px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuacierre:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 


div#edcontinuaexamen {


    position: absolute;
    margin-top: 1528px;
    margin-left: 282px;
    width: 193px;
    height: 29px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuaexamen:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 


div#edcontinuaencuesta {


    position: absolute;
    margin-top: 1528px;
    margin-left: 527px;
    width: 193px;
    height: 29px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;

    }

div#edcontinuaencuesta:hover{ 

transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 



div#edcontinuafondo1 {
    position: absolute;
    margin-top: 247px;
    margin-left: 230px;
    width: 439px;
    height: 266px;
    background-color: #f1f1f1;
    background-size: 100%;

}

div#edcontinuafondo2 {
    position: absolute;
    margin-top: 563px;
    margin-left: 230px;
    width: 439px;
    height: 266px;
    background-color: #f1f1f1;
    background-size: 100%;
}

div#edcontinuafondo3 {
    position: absolute;
    margin-top: 879px;
    margin-left: 230px;
    width: 439px;
    height: 266px;
    background-color: #f1f1f1;
    background-size: 100%;

}

div#edcontinuafondo4 {
    position: absolute;
    margin-top: 1195px;
    margin-left: 231px;
    width: 439px;
    height: 266px;
    background-color: #f1f1f1;
    background-size: 100%;

}

div#textopdf1 {


    position: absolute;
    margin-top: 490px;
    margin-left: 420px;
    width: 250px;
    height: 23px;
    }

div#textopdf2 {


    position: absolute;
    margin-top: 806px;
    margin-left: 420px;
    width: 249px;
    height: 23px;

    }

div#textopdf3 {


    position: absolute;
    margin-top: 1122px;
    margin-left: 420px;
    width: 249px;
    height: 23px;

    }

div#textopdf4 {


    position: absolute;
    margin-top: 1438px;
    margin-left: 420px;
    width: 249px;
    height: 23px;


    }




/*PARRALLAX - CIERRE - FCB*/
.catalogo_cierre_topico {
    background: #f2f2f2;
    height: 30vh;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 25vh;
    background-size: cover;
    background-attachment: fixed;
    font-size: 36pt;
}
.catalogo_cierre_txt {
    text-align: center;
    color: #181733;
    font-size: 24pt;
    background: #d8d8d8;
    padding: 30px 0px;
}


#catalogo_cierre_img01{
    background-image: url("https://canvas-rsc.ilumno.com/siglo21/test/img/1.png");
}
#catalogo_cierre_img02{
    background-image: url("https://canvas-rsc.ilumno.com/siglo21/test/img/2.png");
}
#catalogo_cierre_img03{
    background-image: url("https://canvas-rsc.ilumno.com/siglo21/test/img/3.png");
}
#catalogo_cierre_img04{
    background-image: url("https://canvas-rsc.ilumno.com/siglo21/test/img/4.png");
}
#catalogo_cierre_img05{
    background-image: url("https://canvas-rsc.ilumno.com/siglo21/test/img/5.png");
}


/*#############################################################*/
/*#############################################################*/
/*#############################################################*/
/*#############################################################*/
@keyframes icono_saltador {
    0%, 20%, 60%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.contenedor_disparadora {
    width: 80%;
    height: 15vh;
    margin: 10px auto;
    background: #772583;
    background: -moz-radial-gradient(center, ellipse cover, #81509B 0%, #772583 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #81509B 0%,#772583 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #81509B 0%,#772583 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81509B', endColorstr='#772583',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    position: relative;
}
/*#################################################################*/
/*#################################################################*/
.cantidad_concepto_1, .cantidad_concepto_2, 
.cantidad_concepto_3, .cantidad_concepto_4, 
.cantidad_concepto_5, .cantidad_concepto_6  {
    display: grid;
    grid-gap: 5px;
    width: 80%;
    margin: 10px auto;
}
/*#################################################################*/
/*#################################################################*/
.cantidad_concepto_1 {
    grid-template-columns: 2fr 4fr;
    grid-template-rows: 40vh;
}

.cantidad_concepto_2, .cantidad_concepto_3, .cantidad_concepto_4 {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 20vh);
}

.cantidad_concepto_5, .cantidad_concepto_6 {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(3, 20vh);
}
/*#################################################################*/
/*#################################################################*/
.titulo_de_concepto_1, .titulo_de_concepto_2, .titulo_de_concepto_3,
.titulo_de_concepto_4, .titulo_de_concepto_5, .titulo_de_concepto_6 {
    display: flex;
    position: relative;
    background-image: url("https://canvas-rsc.ilumno.com/siglo21/prod/img/aula%20grado/fondoconcepto.png");
    background-size: cover;
}

.titulo_de_concepto_2, .titulo_de_concepto_3, .titulo_de_concepto_4 {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
}
.titulo_de_concepto_5, .titulo_de_concepto_6 {
    grid-column: 1 / 3;
    grid-row: 1 / 4;
}
/*#################################################################*/
/*#################################################################*/
.aa_concepto_1_1,.aa_concepto_2_1,.aa_concepto_2_2,.aa_concepto_3_1,
.aa_concepto_3_2,.aa_concepto_3_3,.aa_concepto_4_1,.aa_concepto_4_2,
.aa_concepto_4_3,.aa_concepto_4_4,.aa_concepto_5_1,.aa_concepto_5_2,
.aa_concepto_5_3,.aa_concepto_5_4,.aa_concepto_5_5,.aa_concepto_6_1,
.aa_concepto_6_2,.aa_concepto_6_3,.aa_concepto_6_4,.aa_concepto_6_5,
.aa_concepto_6_6{ display: flex; position: relative;}
/*#################################################################*/
.aa_concepto_1_1 {
    background: black;
}
/*#################################################################*/
/*#################################################################*/
.aa_concepto_2_1, .aa_concepto_2_2 {
    background: black;
    grid-column: 3 / 7;
}
/*#################################################################*/
/*#################################################################*/
.aa_concepto_3_1, .aa_concepto_3_2 {
    background: black;
    grid-column: 3 / 5;
}
.aa_concepto_3_3 {
    background: black;
    grid-column: 5 / 7;
    grid-row: 1 / 3;
}
/*#################################################################*/
/*#################################################################*/
.aa_concepto_4_1 {
    background: black;
    grid-column: 3 / 6;
    grid-row: 1 / 2;
}
.aa_concepto_4_2 {
    background: black;
    grid-column: 6 / 7;
    grid-row: 1 / 2;
}
.aa_concepto_4_3 {
    background: black;
    grid-column: 3 / 5;
    grid-row: 2 / 3;
}
.aa_concepto_4_4 {
    background: black;
    grid-column: 5 / 7;
    grid-row: 2 / 3;
}
/*#################################################################*/
/*#################################################################*/
.aa_concepto_5_1 {
    background: black;
    grid-column: 3 / 7;
    grid-row: 1 / 2;
}
.aa_concepto_5_2 {
    background: black;
    grid-column: 3 / 6;
    grid-row: 2 / 3;
}
.aa_concepto_5_3 {
    background: black;
    grid-column: 6 / 7;
    grid-row: 2 / 3;
}
.aa_concepto_5_4 {
    background: black;
    grid-column: 3 / 5;
    grid-row: 3 / 4;
}
.aa_concepto_5_5 {
    background: black;
    grid-column: 5 / 7;
    grid-row: 3 / 4;
}
/*#################################################################*/
/*#################################################################*/
.aa_concepto_6_1 {
    background: black;
    grid-column: 3 / 6;
    grid-row: 1 / 2;
}
.aa_concepto_6_2 {
    background: black;
    grid-column: 6 / 7;
    grid-row: 1 / 3;
}
.aa_concepto_6_3 {
    background: black;
    grid-column: 3 / 4;
    grid-row: 2 / 3;
}
.aa_concepto_6_4 {
    background: black;
    grid-column: 4 / 6;
    grid-row: 2 / 3;
}
.aa_concepto_6_5 {
    background: black;
    grid-column: 3 / 5;
    grid-row: 3 / 4;
}
.aa_concepto_6_6 {
    background: black;
    grid-column: 5 / 7;
    grid-row: 3 / 4;
}
/*#################################################################*/
/*#################################################################*/
@media (max-width: 1200px) {
    .contenedor_disparadora,
    .cantidad_concepto_1, .cantidad_concepto_2, 
    .cantidad_concepto_3, .cantidad_concepto_4, 
    .cantidad_concepto_5, .cantidad_concepto_6 {
        display: grid;
        grid-gap: 5px;
        width: 100%;
        margin: 10px auto;
        grid-template-columns: 6fr;
    }
    .cantidad_concepto_1{grid-template-rows: repeat(2, 20vh);}
    .cantidad_concepto_2{grid-template-rows: repeat(3, 20vh);}
    .cantidad_concepto_3{grid-template-rows: repeat(4, 20vh);}
    .cantidad_concepto_4{grid-template-rows: repeat(5, 20vh);}
    .cantidad_concepto_5{grid-template-rows: repeat(6, 20vh);}
    .cantidad_concepto_6{grid-template-rows: repeat(7, 20vh);}

    .titulo_de_concepto_1, .titulo_de_concepto_2, .titulo_de_concepto_3,
    .titulo_de_concepto_4, .titulo_de_concepto_5, .titulo_de_concepto_6 {
        display: flex;
        background-image: url("https://canvas-rsc.ilumno.com/siglo21/prod/img/aula%20grado/fondoconcepto.png");
        background-size: cover;
        grid-column: 1/7;
        grid-row: 1/2;
    }
    /*#################################################################*/
    .aa_concepto_1_1,.aa_concepto_2_1,.aa_concepto_2_2,.aa_concepto_3_1,
    .aa_concepto_3_2,.aa_concepto_3_3,.aa_concepto_4_1,.aa_concepto_4_2,
    .aa_concepto_4_3,.aa_concepto_4_4,.aa_concepto_5_1,.aa_concepto_5_2,
    .aa_concepto_5_3,.aa_concepto_5_4,.aa_concepto_5_5,.aa_concepto_6_1,
    .aa_concepto_6_2,.aa_concepto_6_3,.aa_concepto_6_4,.aa_concepto_6_5,
    .aa_concepto_6_6{ display: flex; grid-column: 1/7; background: black;}
    /*#################################################################*/
    .aa_concepto_1_1 {grid-row: 2/3;}
    /*#################################################################*/
    .aa_concepto_2_1{ grid-row: 2/3;}
    .aa_concepto_2_2{ grid-row: 3/4;}
    /*#################################################################*/
    .aa_concepto_3_1 {grid-row: 2/3;}
    .aa_concepto_3_2 {grid-row: 3/4;}
    .aa_concepto_3_3 {grid-row: 4/5;}
    /*#################################################################*/
    .aa_concepto_4_1 {grid-row: 2/3;}
    .aa_concepto_4_2 {grid-row: 3/4;}
    .aa_concepto_4_3 {grid-row: 4/5;}
    .aa_concepto_4_4 {grid-row: 5/6;}
    /*#################################################################*/
    .aa_concepto_5_1 {grid-row: 2/3;}
    .aa_concepto_5_2 {grid-row: 3/4;}
    .aa_concepto_5_3 {grid-row: 4/5;}
    .aa_concepto_5_4 {grid-row: 5/6;}
    .aa_concepto_5_5 {grid-row: 6/7;}
    /*#################################################################*/
    .aa_concepto_6_1 {grid-row: 2/3;}
    .aa_concepto_6_2 {grid-row: 3/4;}
    .aa_concepto_6_3 {grid-row: 4/5;}
    .aa_concepto_6_4 {grid-row: 5/6;}
    .aa_concepto_6_5 {grid-row: 6/7;}
    .aa_concepto_6_6 {grid-row: 7/8;}
    /*#################################################################*/
}
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.contenedor_disparadora div {
    font-family: 'Roboto', sans-serif;
    font-size: 1.4vw;
    color: #fff;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 45%;
    left: 4%;
    width: 40%;
}
.contenedor_disparadora img {
    width: 30%;
    height: 6vh;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 35%;
    right: 5%;
}
.contenedor_disparadora:hover img {animation: icono_saltador 1s;}
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.a_a_concepto_principal, .a_a_concepto_principal_nombre {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    letter-spacing: 0vw;
    color: #727176;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 20%;
    width: 75%;
}
.a_a_concepto_principal {
    font-size: 0.9vw;
    font-weight: normal;
    text-decoration: underline;
    top: 30%;
}
.a_a_concepto_principal_nombre {
    font-size: 1.3vw;
    top: 50%;
}
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.aa_conc_txt_pos {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    margin: 0%;
    font-weight: normal;
    position: absolute;
    font-size: 0.7vw;
}

.aa_concepto_1_1 div.aa_conc_txt_pos { /*celda 4x2*/
    top: 45%; left: 20%; width: 75%; }

.aa_concepto_2_1 div.aa_conc_txt_pos,  /*celda 4x1*/
.aa_concepto_2_2 div.aa_conc_txt_pos,  /*celda 4x1*/
.aa_concepto_5_1 div.aa_conc_txt_pos { /*celda 4x1*/
    top: 40%; left: 20%; width: 75%; }

.aa_concepto_3_1 div.aa_conc_txt_pos, .aa_concepto_3_2 div.aa_conc_txt_pos,
.aa_concepto_4_3 div.aa_conc_txt_pos, .aa_concepto_4_4 div.aa_conc_txt_pos,
.aa_concepto_5_4 div.aa_conc_txt_pos, .aa_concepto_5_5 div.aa_conc_txt_pos,
.aa_concepto_6_4 div.aa_conc_txt_pos, .aa_concepto_6_5 div.aa_conc_txt_pos,
.aa_concepto_6_6 div.aa_conc_txt_pos { /*celda 2x1*/
    top: 30%; left: 20%; width: 75%; }

.aa_concepto_3_3 div.aa_conc_txt_pos { /*celda 2x2*/
    top: 40%; left: 19%; width: 75%; } /* 40%; 10%; 75%*/

.aa_concepto_4_1 div.aa_conc_txt_pos, .aa_concepto_5_2 div.aa_conc_txt_pos,
.aa_concepto_6_1 div.aa_conc_txt_pos { /* celda 3x1*/
    top: 35%; left: 20%; width: 75%; }

.aa_concepto_4_2 div.aa_conc_txt_pos, .aa_concepto_5_3 div.aa_conc_txt_pos,
.aa_concepto_6_3 div.aa_conc_txt_pos { /* celda 1x1*/
    top: 40%; left: 20%; width: 75%; }

.aa_concepto_6_2 div.aa_conc_txt_pos { /* celda 1x2*/
    top: 35%; left: 20%; width: 75%; }

.aa_conc_txt_pos > a {color: #fff; text-decoration: none;}

@media (max-width: 1200px){
  .aa_concepto_1_1 div.aa_conc_txt_pos, .aa_concepto_2_1 div.aa_conc_txt_pos,
  .aa_concepto_2_2 div.aa_conc_txt_pos, .aa_concepto_3_1 div.aa_conc_txt_pos,
  .aa_concepto_3_2 div.aa_conc_txt_pos, .aa_concepto_3_3 div.aa_conc_txt_pos,
  .aa_concepto_4_1 div.aa_conc_txt_pos, .aa_concepto_4_2 div.aa_conc_txt_pos,
  .aa_concepto_4_3 div.aa_conc_txt_pos, .aa_concepto_4_4 div.aa_conc_txt_pos,
  .aa_concepto_5_1 div.aa_conc_txt_pos, .aa_concepto_5_2 div.aa_conc_txt_pos,
  .aa_concepto_5_3 div.aa_conc_txt_pos, .aa_concepto_5_4 div.aa_conc_txt_pos,
  .aa_concepto_5_5 div.aa_conc_txt_pos, .aa_concepto_6_1 div.aa_conc_txt_pos,
  .aa_concepto_6_2 div.aa_conc_txt_pos, .aa_concepto_6_3 div.aa_conc_txt_pos,
  .aa_concepto_6_4 div.aa_conc_txt_pos, .aa_concepto_6_5 div.aa_conc_txt_pos,
  .aa_concepto_6_6 div.aa_conc_txt_pos {top: 40%; left: 16%; width: 80%; font-size: 1.2vw;}} /*antes --> 45%, 15%*/ /*NUEVO*/

  @media (max-width: 1200px){.a_a_concepto_principal, .a_a_concepto_principal_nombre {width: 100%; left: 0; text-align: center;}}
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
.aa_conc_icon_pos{position: absolute;}

.aa_concepto_1_1 img.aa_conc_icon_pos { /*celda 4x2*/
    top: 45%; left: 10%; width: 10%;} /*antes --> 50% 15%*/ /*NUEVO*/

.aa_concepto_2_1 img.aa_conc_icon_pos,  /*celda 4x1*/
.aa_concepto_2_2 img.aa_conc_icon_pos,  /*celda 4x1*/
.aa_concepto_5_1 img.aa_conc_icon_pos { /*celda 4x1*/
    top: 40%; left: 10%; width: 10%;}  /* antes --> 45%; 15%*/ /*NUEVO*/

.aa_concepto_3_1 img.aa_conc_icon_pos, .aa_concepto_3_2 img.aa_conc_icon_pos,
.aa_concepto_4_3 img.aa_conc_icon_pos, .aa_concepto_4_4 img.aa_conc_icon_pos,
.aa_concepto_5_4 img.aa_conc_icon_pos, .aa_concepto_5_5 img.aa_conc_icon_pos,
.aa_concepto_6_4 img.aa_conc_icon_pos, .aa_concepto_6_5 img.aa_conc_icon_pos,
.aa_concepto_6_6 img.aa_conc_icon_pos { /*celda 2x1*/
    top: 30%; left: 4%; width: 15%;} /*antes --> 47%; 10%*/ /*NUEVO*/

.aa_concepto_3_3 img.aa_conc_icon_pos { /*celda 2x2*/
    top: 28%; left: 16%; width: 20%;} /*antes --> 25%; 45%*; 20%/ /*NUEVO*/

.aa_concepto_4_1 img.aa_conc_icon_pos, .aa_concepto_5_2 img.aa_conc_icon_pos,
.aa_concepto_6_1 img.aa_conc_icon_pos { /* celda 3x1*/
    top: 35%; left: 6%; width: 12%;}  /*antes --> 45%; 13%*/ /*NUEVO*/

.aa_concepto_4_2 img.aa_conc_icon_pos, .aa_concepto_5_3 img.aa_conc_icon_pos,
.aa_concepto_6_3 img.aa_conc_icon_pos { /* celda 1x1*/
    top: 15%; left: 20%; width: 30%;} /*antes --> 15%; 35% 30%*/ /*NUEVO*/

.aa_concepto_6_2 img.aa_conc_icon_pos { /* celda 1x2*/
    top: 20%; left: 35%; width: 30%;} /*antes --> 25%; 45%*/ /*NUEVO*/

@media (max-width: 1200px){
  .aa_concepto_1_1 img.aa_conc_icon_pos, .aa_concepto_2_1 img.aa_conc_icon_pos,
  .aa_concepto_2_2 img.aa_conc_icon_pos, .aa_concepto_3_1 img.aa_conc_icon_pos,
  .aa_concepto_3_2 img.aa_conc_icon_pos, .aa_concepto_3_3 img.aa_conc_icon_pos,
  .aa_concepto_4_1 img.aa_conc_icon_pos, .aa_concepto_4_2 img.aa_conc_icon_pos,
  .aa_concepto_4_3 img.aa_conc_icon_pos, .aa_concepto_4_4 img.aa_conc_icon_pos,
  .aa_concepto_5_1 img.aa_conc_icon_pos, .aa_concepto_5_2 img.aa_conc_icon_pos,
  .aa_concepto_5_3 img.aa_conc_icon_pos, .aa_concepto_5_4 img.aa_conc_icon_pos,
  .aa_concepto_5_5 img.aa_conc_icon_pos, .aa_concepto_6_1 img.aa_conc_icon_pos,
  .aa_concepto_6_2 img.aa_conc_icon_pos, .aa_concepto_6_3 img.aa_conc_icon_pos,
  .aa_concepto_6_4 img.aa_conc_icon_pos, .aa_concepto_6_5 img.aa_conc_icon_pos,
  .aa_concepto_6_6 img.aa_conc_icon_pos {top: 28%;left: 5%; width: 10%;}} /*antes --> 40%, 10%*/  /*NUEVO*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.aa_concepto_1_1:hover img, .aa_concepto_1_1:hover div {
    animation: icono_saltador 1s;}

.aa_concepto_2_1:hover img, .aa_concepto_2_1:hover div,
.aa_concepto_2_2:hover img, .aa_concepto_2_2:hover div {
    animation: icono_saltador 1s;}

.aa_concepto_3_1:hover img, .aa_concepto_3_1:hover div,
.aa_concepto_3_2:hover img, .aa_concepto_3_2:hover div,
.aa_concepto_3_3:hover img, .aa_concepto_3_3:hover div {
    animation: icono_saltador 1s;}

.aa_concepto_4_1:hover img, .aa_concepto_4_1:hover div,
.aa_concepto_4_2:hover img, .aa_concepto_4_2:hover div,
.aa_concepto_4_3:hover img, .aa_concepto_4_3:hover div,
.aa_concepto_4_4:hover img, .aa_concepto_4_4:hover div {
    animation: icono_saltador 1s;}

.aa_concepto_5_1:hover img, .aa_concepto_5_1:hover div,
.aa_concepto_5_2:hover img, .aa_concepto_5_2:hover div,
.aa_concepto_5_3:hover img, .aa_concepto_5_3:hover div,
.aa_concepto_5_4:hover img, .aa_concepto_5_4:hover div,
.aa_concepto_5_5:hover img, .aa_concepto_5_5:hover div {
    animation: icono_saltador 1s;}

.aa_concepto_6_1:hover img, .aa_concepto_6_1:hover div,
.aa_concepto_6_2:hover img, .aa_concepto_6_2:hover div,
.aa_concepto_6_3:hover img, .aa_concepto_6_3:hover div,
.aa_concepto_6_4:hover img, .aa_concepto_6_4:hover div,
.aa_concepto_6_5:hover img, .aa_concepto_6_5:hover div,
.aa_concepto_6_6:hover img, .aa_concepto_6_6:hover div {
    animation: icono_saltador 1s;}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.aula_act_prac_n_img img {width: 80%;}


@media (max-width: 1200px){
    .aula_act_prac_n_img img {width: 100%;}} /*NUEVO*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.aa_tipo_lectura {
    background: rgb(255,157,0); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,157,0,1) 44%, rgba(234,130,2,1) 76%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,157,0,1) 44%,rgba(234,130,2,1) 76%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(255,157,0,1) 44%,rgba(234,130,2,1) 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d00', endColorstr='#ea8202',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.aa_tipo_publicacion, .aa_tipo_paper {
  background: rgb(21,193,165); /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, rgba(21,193,165,1) 1%, rgba(0,147,125,1) 72%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(21,193,165,1) 1%,rgba(0,147,125,1) 72%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(21,193,165,1) 1%,rgba(0,147,125,1) 72%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15c1a5', endColorstr='#00937d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.aa_tipo_video {
  background: rgb(0,132,114); /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, rgba(0,132,114,1) 5%, rgba(0,103,85,1) 73%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0,132,114,1) 5%,rgba(0,103,85,1) 73%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(0,132,114,1) 5%,rgba(0,103,85,1) 73%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008472', endColorstr='#006755',GradientType=1 ); /* IE6-9 fallback on horizontal gradient *//* IE6-9 fallback on horizontal gradient */
}

.aa_tipo_bibliografia {
  pointer-events: none;
  background: rgb(0,132,114); /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, rgba(0,132,114,1) 5%, rgba(0,103,85,1) 73%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0,132,114,1) 5%,rgba(0,103,85,1) 73%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(0,132,114,1) 5%,rgba(0,103,85,1) 73%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008472', endColorstr='#006755',GradientType=1 ); /* IE6-9 fallback on horizontal gradient *//* IE6-9 fallback on horizontal gradient */
}



/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/
/*programa tfg*/
.tfg_prog_contenedor_maestro {
    width: 100%;
    margin: 0 auto;}

.tfg_programa_selector, .tfg_programa_seleccionado {
    width: 25%;
    line-height: 10vh;
    display: block;
    text-align: center;
    font-size: 1.5vw;
    font-family: Arial;
    border-bottom: solid 2px #f2f2f2;}

.tfg_programa_selector {
    color: #4d4d4d;
    border-right: solid 2px #e6e6e6;}

.tfg_programa_seleccionado {
    font-weight: bold;
    color: #333333;
    border-right: solid 2px #009681;}

.tfg_programa_selector:hover {
    background: #f7f7f7;
    color: #333333;
    font-weight: bold;}


.tfg_prog_contenedor_maestro div {
    width: 70%;
    display: none;
    position: absolute;
    left: 25%;
    overflow: auto;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3vw;
    padding: 0px 10px 0px 20px;
    margin: 0px;}

.tfg_programa_bloque_titulo {font-weight: bold; color: #1a1a1a;}
.tfg_programa_bloque_subtitulo {font-weight: bold; color: #009681;}

.tfg_prog_contenedor_maestro #tfg_programa_elem_01:target, .tfg_prog_contenedor_maestro #tfg_programa_elem_02:target,
.tfg_prog_contenedor_maestro #tfg_programa_elem_03:target, .tfg_prog_contenedor_maestro #tfg_programa_elem_04:target,
.tfg_prog_contenedor_maestro #tfg_programa_elem_05:target { display: block; position: absolute; top: 5%;}



@media(max-width: 700px){

    .tfg_programa_selector, .tfg_programa_seleccionado {
        width: 100%;
        /*line-height: 10vh;*/
        margin: 0 auto;
        /*display: block;*/
        /*text-align: center;*/
        font-size: 3.5vw;
        /*font-family: Arial;*/
        /*border-bottom: solid 2px #f2f2f2;*/}

    .tfg_programa_selector {
        border-right: none;}

    .tfg_programa_seleccionado {
        /*font-weight: bold;*/
        /*color: #333333;*/
        background: #f7f7f7;
        border-right: none;
        border-left: none;}

    .tfg_prog_contenedor_maestro div {
        width: 90%;
        display: none;
        position: relative;
        left: 0%;
        overflow: auto;
        color: #333333;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 2.3vw;
        margin: 0 auto;}

    .tfg_prog_contenedor_maestro #tfg_programa_elem_01:target, .tfg_prog_contenedor_maestro #tfg_programa_elem_02:target,
    .tfg_prog_contenedor_maestro #tfg_programa_elem_03:target, .tfg_prog_contenedor_maestro #tfg_programa_elem_04:target,
    .tfg_prog_contenedor_maestro #tfg_programa_elem_05:target { display: block; position: relative;}

}


.tfg_cont_central {
  position: relative; 
  background-image: url("https://canvas-rsc.ilumno.com/siglo21/prod/img/tfg/fondo.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%;}

.tfg_cont_central_titulo{
  position: absolute;
  font-family: Roboto, sans-serif;
  font-size: 2.2vw;
    font-weight: bold;
  top: 15%;
  display: block;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;}

.thumbnail_pant_prin {
 width: 50%;
 position: absolute;
 top: 25%;
 left: 25%;}

.lightbox_pant_prin {
    /** Default lightbox to hidden */
    display: none;

    /** Position and style */
  position: fixed!important;
  z-index: 999!important;
  width: 100%!important;
  height: 100%!important;
  text-align: center;
  top: 0!important;
  left: 0!important;
  background: rgba(0,0,0,0.8);}

.lightbox_pant_prin img {
  width: 2%;
  position: absolute;
  z-index: 2;
  top: 15%; left: 81%; }

.lightbox_pant_prin iframe {
    /** Pad the lightbox image */
  max-width: 100%!important;
  max-height: 100%!important;
  margin-top: 0%!important;
  margin-left: -45%!important;
  width: 100%!important;
  position:fixed!important;

}

.lightbox_pant_prin:target {
    /** Remove default browser outline */
    outline: none;

    /** Unhide lightbox **/
    display: block;}










/*
HEADER_TFG

.tfg_header {width: 100%; height: 10vh; background: #fff; position: relative;}

.tfg_pant_prin_h_seminario_final {
    width: 40%; color: rgb(0, 108, 91);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.2vw; font-weight: bold;
    position: relative; top: 50%; left: 5%;
  transform: translateY(-50%);}

.bloque_links {
  width: 40%; 
  position: absolute; top: 10%; left: 60%;}

.tfg_header a {
  float: left;
  font-size: 16px;
  color: rgb(0,149,128);
  font-family: Arial; font-weight: bold;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;}

.tfg_header_subindice {
  float: left;
  font-family: Arial; font-weight: bold; 
  overflow: hidden;}

.tfg_header_subindice .tfg_header_subindice_btn {
  font-size: 16px; color: rgb(0,149,128);
  font-weight: bold;
  padding: 14px 16px;
  margin: 0;}

.tfg_header a:hover, .tfg_header_subindice:hover .tfg_header_subindice_btn {
  color: rgb(255,162,0);}

.tfg_header_subindice_contenido {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;}

.tfg_header_subindice_contenido a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;}

.tfg_header_subindice_contenido a:hover { background-color: #ddd;}

.tfg_header_subindice:hover .tfg_header_subindice_contenido { display: block; }


.tfg_pant_principal_body {
  width: 100%; height: 90vh;
  background-image: url("https://canvas-rsc.ilumno.com/siglo21/prod/img/tfg/fondo.png");
  background-repeat: no-repeat; background-size: cover;}

.tfg_pant_principal_body_titulo {
  width: 100%;
  text-align: center; color: #fff;
  font-weight: bold; font-size: 4vw; font-family: Arial;
  padding-top: 5%; padding-bottom: 2%;}

.tfg_pant_principal_body_img01 {
  width: 50%;
  position: relative; left: 50%; transform: translateX(-50%);}

.tfg_pant_principal_body_lightbox {
  display: none;
  width: 100%; height: 100%;
  position: fixed; top: 0; left: 0;
  z-index: 999;
  text-align: center;
  background: rgba(0,0,0,0.8);}

.tfg_pant_principal_body_lightbox iframe { margin-top: 10%;}

.tfg_pant_principal_body_lightbox:target {
  outline: none;
  display: block;}
*/

/**********************************************************
***********************************************************
LIGHTBOX PARA CAPABILIA Y FCB
***********************************************************
**********************************************************/
.lightbox_capa_fcb {
    /** Default lightbox to hidden */
    display: none;

    /** Position and style */
  position: fixed!important;
  z-index: 999!important;
  width: 100%!important;
  height: 100%!important;
  text-align: center;
  top: 0!important;
  left: 0!important;
  background: rgba(0,0,0,0.8);}

.lightbox_capa_fcb iframe{
   
  max-width: 100%!important;
  max-height: 100%!important;
  margin-top: 0%!important;
  margin-left: -45%!important;
  width: 100%!important;
  position:fixed!important;
}

.lightbox_capa_fcb img{
    margin-top: 0%;
    position:relative;
    z-index:2;}

.lightbox_capa_fcb:target {
    /** Remove default browser outline */
    outline: none;

    /** Unhide lightbox **/
    display: block;}


img {
    max-width: none !important;
}















/*Cierre generico*/

#gireround1, #gireround2, #gireround3, #gireround4, #gireround5, #gireround6, #gireround7{
  width:40px;
  height:40px;
  border-radius:40px;
  border-style:solid;
  border-color:#989898;
  border-width:10px;
  background-color:white;
  float:left;
  margin-left:80px;
  z-index:999;
  transition:0.5s;
}

#gireround1{
  margin-left:240px;
}

#linegire5{
  
  position:absolute;
  top:25px;
  width:600px;
  height:14px;
  left:260px;
  background-color:#989898;
  float:left;
  z-index:-999;
  transition:0.5s;

}

#linegire2{
  
  position:absolute;
  top:25px;
  width:140px;
  height:14px;
  left:260px;
  background-color:#989898;
  float:left;
  z-index:-999;
  transition:0.5s;

}

#linegire3{
  
  position:absolute;
  top:25px;
  width:280px;
  height:14px;
  left:260px;
  background-color:#989898;
  float:left;
  z-index:-999;
  transition:0.5s;

}

#linegire4{
  
  position:absolute;
  top:25px;
  width:410px;
  height:14px;
  left:260px;
  background-color:#989898;
  float:left;
  z-index:-999;
  transition:0.5s;

}



#linegire6{
  
  position:absolute;
  top:25px;
  width:698px;
  height:14px;
  left:260px;
  background-color:#989898;
  float:left;
  z-index:-999;
  transition:0.5s;

}


#linegire-clic{
  
  position:absolute;
  top:25px;
  width:0px;
  height:14px;
  left:260px;
  background-color:#333333;
  float:left;
  z-index:-999;
  transition:0.5s;

}

#boxgire1, #boxgire2, #boxgire3, #boxgire4, #boxgire5, #boxgire6{
  
  position:absolute;
  width:650px;
  top:80px;
  padding:15px;
  margin-left:40px;
  border-style:solid;
  border-color:#787878;
  border-width:5px;
  background-color:white;
  font-size:18px;
  font-family:Roboto;
  color:#787878;
}




#girebubble1, #girebubble2, #girebubble3, #girebubble4, #girebubble5, #girebubble6{
  position:absolute;
  top:85px;
  height:355px;
  width:365px;
  background-image:url("https://canvas-rsc.ilumno.com/siglo21/prod/img/cierre01.png");
  background-size:100%;
  background-repeat:no-repeat;
  font-family:Arial;
  font-size:0.8em;
  color:#787878;
  opacity:0;
  transition:1s;
}

#girebubble1{opacity:1; margin-left:90px;}

#girebubble2{margin-left:230px;}
#girebubble3{margin-left:370px;}
#girebubble4{margin-left:510px;}
#girebubble5{margin-left:650px;}
#girebubble6{margin-left:850px;}

#girebubble1 p, #girebubble2 p, #girebubble3 p, #girebubble4 p, #girebubble5 p, #girebubble6 p{
  width:300px;
  margin-top:30px;
  margin-left:30px;
}

.containergire{
  position:relative;
  height:70vh;
  overflow-x:hidden;
  overflow-y:hidden;
}


.pruebacapa a{
  padding:10px;
  font-family:Roboto;
  background-color:grey;
  color:black;
  transition:0.5s;
}

.pruebacapa a:visited{
  padding:10px;
  color:white;
  font-family:Roboto;
  background-color:black;
  transition:0.5;

}

.pruebacapa a:hover{
  padding:10px;
  color:white;
  font-family:Roboto;
  background-color:red;
  transition:0.5;

}


/*+++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++ NUEVO BARCA 2020 +++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++*/

@font-face {
    font-family: barca;
    src: url('https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/estilos/tipos/barza/FCBARCELONA-Bold.otf'), 
    url('https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/estilos/tipos/barza/FCBARCELONA-BoldItalic.otf'),
    url('https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/estilos/tipos/barza/FCBARCELONA-Extrabold.otf'), 
    url('https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/estilos/tipos/barza/FCBARCELONA-ExtraboldItalic.otf'),
    url('https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/estilos/tipos/barza/FCBARCELONA-Heavy.otf'), 
    url('https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/estilos/tipos/barza/FCBARCELONA-HeavyItalic.otf'),
    url('https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/estilos/tipos/barza/FCBARCELONA-Light.otf'), 
    url('https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/estilos/tipos/barza/FCBARCELONA-LightItalic.otf'),
    url('https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/estilos/tipos/barza/FCBARCELONA-Regular.otf'),
    url('https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/estilos/tipos/barza/FCBARCELONA-RegularItalic.otf'),
    url('https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/estilos/tipos/barza/FCBARCELONA-Semibold.otf'),
    url('https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/estilos/tipos/barza/FCBARCELONA-SemiboldItalic.otf'),
    url('https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/estilos/tipos/barza/FCBARCELONA-Thin.otf'),
    url('https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/estilos/tipos/barza/FCBARCELONA-ThinItalic.otf');
}

/*PAGINA DE INICIO*/
.barca_diciembre_inicio_contenedor {
    position: relative; width: 100%; height: 100vh;
}

.barca_diciembre_inicio_iframe {
    position: absolute; left: 50%; top: 0%; transform: translateX(-50%);
    width: 90%; height: 100vh;
}

.barca_diciembre_inicio_comenzar {
    position: absolute; left: 50%; top: 65%; transform: translateX(-50%);
    width: 90%;
    text-align: center; color: #181733;
    font-family: barca; font-size: 3vw; 
}
.barca_diciembre_inicio_comenzar a { color: #181733; }
.barca_diciembre_inicio_comenzar a:hover { color: #8a857e;}



/*MODULOS*/
.barca_diciembre_contenedor {
    position: relative; left: 50%; transform: translateX(-50%);
    width: 90%; height: 100%;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.barca_diciembre_menu {
    position: relative;
    width: 100%; height: 30vh;
    color: #fff; font-family: barca; text-align: center; font-size: 1vw;
}

.barca_diciembre_menu a { text-decoration: none; color: #fff; }

.barca_diciembre_menu_img {
    position: absolute; top: 0%; left: 0%;
    width: 65%; height: 100%;
    background-image: url("https://s3.us-east-1.amazonaws.com/content.lameca.com.ar/imgs/barza/barza2.png");
    background-repeat: no-repeat;
    background-size: cover;
}



.barca_diciembre_menu_informacion {
    position: absolute; top: 0%; left: 66%; 
    width: 33%; height: 30%;
    background: #181733;
    line-height: 10vh;    
}

.barca_diciembre_menu_programa, .barca_diciembre_menu_coffe {
    position: absolute; width: 16%; height: 25%; 
    top: 40%; background: #181733; line-height: 7vh;
    
}
.barca_diciembre_menu_programa { left: 66%; }
.barca_diciembre_menu_coffe { left: 83%; }

.barca_diciembre_menu_diagnostica, .barca_diciembre_menu_encuesta {
    position: absolute; width: 16%; height: 25%; 
    top: 75%; background: #fdc52c; line-height: 7vh;
    
}
.barca_diciembre_menu_diagnostica { left: 66%; }
.barca_diciembre_menu_encuesta { left: 83%; }

.barca_diciembre_menu_informacion:active, .barca_diciembre_menu_programa:active,
.barca_diciembre_menu_coffe:active {
    background-color: #181733;
    
    transform: translateY(4px);
  }

.barca_diciembre_menu_diagnostica:active, .barca_diciembre_menu_encuesta:active {
    background-color: #fdc52c;
    
    transform: translateY(4px);
  }

.barca_diciembre_menu_informacion:hover, .barca_diciembre_menu_programa:hover,
.barca_diciembre_menu_coffe:hover, .barca_diciembre_menu_diagnostica:hover,
.barca_diciembre_menu_encuesta:hover { background: #777777; }

.barca_diciembre_menu img { width: 20%; }
.barca_diciembre_menu_informacion img { width: 10%; }
.barca_diciembre_menu_img img { width: 100%; height: 100%;}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.barca_diciembre_modulos { position: relative; width: 100%; height: 55vh; font-family: barca; font-size: 1.5vw; }
.barca_diciembre_modulos a { color: #181733; text-decoration:none;}
.barca_diciembre_modulos hr { width: 70%; margin: 5% 0%; position: relative; left: 50%; transform: translateX(-50%);}

.barca_diciembre_modulos_01, .barca_diciembre_modulos_02,
.barca_diciembre_modulos_03, .barca_diciembre_modulos_04 {
    position: absolute; top: 5%;
    border: 2px solid #181733;
    width: 22%; height: 80%;
}

.barca_diciembre_modulos_01 { left: 2%; }
.barca_diciembre_modulos_02 { left: 27%; }
.barca_diciembre_modulos_03 { left: 52%; }
.barca_diciembre_modulos_04 { left: 77%; }

.barca_diciembre_modulo {
    position: relative; left: -3%; top: 5%;
    width: 80%; background: #181733;
    padding: 2%; text-align: center; 
    color: #fff; font-weight: bold;
    font-size: 1.5vw;
}

.barca_diciembre_lectura, .barca_diciembre_video,
.barca_diciembre_evaluacion, .barca_diciembre_actividad {
    text-align: left; width: 80%;
    position: relative; left: 20%;
    font-size: 1vw;
}

.barca_diciembre_lectura a:hover, .barca_diciembre_video a:hover,
.barca_diciembre_evaluacion a:hover, .barca_diciembre_actividad a:hover {
    color: #8a857e;}

.barca_diciembre_lectura a:visited, .barca_diciembre_video a:visited,
.barca_diciembre_evaluacion a:visited, .barca_diciembre_actividad a:visited {
    color: #fbc32c;}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.barca_diciembre_cierre{
    position: relative;
    width: 100%; height: 10vh;
}

.barca_diciembre_cierre_conceptual {
    position: absolute; top: 50%; transform: translateY(-50%); left: 2%;
    font-size: 2vw; font-family: barca;
    color: #181733;
}

.barca_diciembre_cierre_conceptual a { color: #181733; text-decoration: none; font-size: 2vw; }

.barca_diciembre_cierre_conceptual a:hover {color: #777777;}

.barca_diciembre_cierre_examen{
    position: absolute; top: 50%; transform: translateY(-50%); left: 60%;
    font-family: barca; font-weight: bold; font-size: 2.5vw;
    color: #181733; width: 40%; text-align: right;
}

.barca_diciembre_cierre_examen a { color: #181733; text-decoration: none; }

.barca_diciembre_cierre_examen a:hover { color: #777777; }



@media(max-width: 850px) {

.barca_diciembre_contenedor { width: 100%; height: auto; }
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.barca_diciembre_menu { width: 100%; height: auto; font-size: 3.5vw;}

.barca_diciembre_menu_img {
    position: relative;
    width: 100%; height: auto;
    display: none;
}

.barca_diciembre_menu_informacion, .barca_diciembre_menu_programa, .barca_diciembre_menu_coffe,
.barca_diciembre_menu_diagnostica, .barca_diciembre_menu_encuesta {
    position: relative; width: 100%; height: 10vh; left: 0%; margin-bottom: 3%;
}

.barca_diciembre_menu_informacion a, .barca_diciembre_menu_programa a, .barca_diciembre_menu_coffe a,
.barca_diciembre_menu_diagnostica a, .barca_diciembre_menu_encuesta a {
    position: relative; top: 10%
}

.barca_diciembre_menu img {width: 10%; position: relative; top: 10%; }
.barca_diciembre_menu_img img {width: 100%;}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.barca_diciembre_modulos { height: 55vh; font-size: 2.5vw; }

.barca_diciembre_modulos_01, .barca_diciembre_modulos_02,
.barca_diciembre_modulos_03, .barca_diciembre_modulos_04 {
    position: relative; left: 50%; transform: translateX(-50%);
    border: 2px solid #181733;
    width: 90%; height: 45vh;
    box-shadow: none;
    margin-bottom: 3%;
}

.barca_diciembre_modulo { font-size: 4vw; }

.barca_diciembre_lectura, .barca_diciembre_video,
.barca_diciembre_evaluacion, .barca_diciembre_actividad {
    text-align: left; width: 70%;
    position: relative; left: 25%;
    line-height: 30%; font-size: 2vw;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.barca_diciembre_cierre{
    position: relative;
    width: 100%; height: auto;
    top: 145vh;
}

.barca_diciembre_cierre_conceptual, .barca_diciembre_cierre_examen {
    position: relative; width: 100%;
    font-size: 5vw; font-family: "barca";
    color: #181733;
    left: 0%; margin-bottom: 2%; 
    text-align: center;
}

.barca_diciembre_cierre_conceptual a, .barca_diciembre_cierre_examen a { 
    color: #181733; text-decoration: none; font-size: 5vw;
}

}

@media(max-width: 750px) {
    .barca_diciembre_modulos_01, .barca_diciembre_modulos_02,
    .barca_diciembre_modulos_03, .barca_diciembre_modulos_04 { height: 40vh; }
    .barca_diciembre_lectura, .barca_diciembre_video,
    .barca_diciembre_evaluacion, .barca_diciembre_actividad { line-height: 30%; }
    .barca_diciembre_cierre{ top: 125vh; }

@media(max-width: 650px) {
    .barca_diciembre_modulos_01, .barca_diciembre_modulos_02,
    .barca_diciembre_modulos_03, .barca_diciembre_modulos_04 { height: 35vh; }
    .barca_diciembre_lectura, .barca_diciembre_video,
    .barca_diciembre_evaluacion, .barca_diciembre_actividad { line-height: 10%; }
    .barca_diciembre_cierre{ top: 105vh; }
}

@media(max-width: 550px) {
    .barca_diciembre_modulos_01, .barca_diciembre_modulos_02,
    .barca_diciembre_modulos_03, .barca_diciembre_modulos_04 { height: 30vh; }
    .barca_diciembre_cierre{ top: 80vh; }
}







/*
prueba de tutorial unica vez
*/
.contenedor_cookie {
    width: 80%; height: 90vh;
    position: relative;
    background: orange;
    z-index: 1;
}

.elemento_pag_cookie {
    width: 30%;
    position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%);
    text-align: center; font-size: 2vw; font-family: arial; color: #fff;
    background: red;
    margin: 2%;
}

#pag_tutorial_cookie {
    width: 100%; height: 100vh; z-index: 10;
    background: rgba(0,0,0,0.3);
    position: absolute; top: 0%; left: 0%;
}

.txt_info_cookie { font-size: 1vw; font-family: arial; color: #fff; }

.boton_info_cookie {
    font-size: 3vw; font-family: arial; color: #fff; margin: 1%; text-align: center;
    width: 10%; border-radius: 40px;
    background: grey;
}

#segundo_info_cookie, #tercer_info_cookie {display: none;}




@font-face {
    font-family: Roboto;
  src: url('https://canvas-rsc.ilumno.com/siglo21/prod/fonts/Roboto-Regular.woff');
}

.new_programa_2020_navegador{
    position: fixed; top: 0; left: 80%;
    width:20%; height: 555px;
    background: red;
}

.new_programa_2020_navegador_gif {
    position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); 
    background-image: url('https://meca.ues21.edu.ar/programa_nuevo/img/scroll_mouse.gif');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%; height: 30%;
}

.new_programa_2020_navegador_anclas {
    position: relative; top: 55%; left: 50%; transform: translate(-50%, -50%);
    width: 100%; height: 100%;
    text-align: center;
    font-family: Roboto; font-size: 1.2vw;
    display: none;
    background: rgba(0,0,255, 0.2);
    
}
.new_programa_2020_navegador_anclas a {
    display: block; 
    margin: 10% 0% 15% 0%; 
    color: #000;
}

.new_programa_2020_navegador_anclas a:hover {
    font-weight: bold;
}

.new_programa_2020_contenedor {
    position: relative; top: 0; left: 0%;
    width: 80%; height: 555px;
    background: salmon;
    font-family: Roboto; font-size: 1.2vw;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.new_programa_2020_contenedor::-webkit-scrollbar { width: 0px; }


.new_programa_2020_cabecera {
    position: relative; left: 50%; transform: translateX(-50%);
    width: 100%; height: 20vh;
    background: orange;
}

.new_programa_2020_contenido {
    position: relative;
    width: 96%; min-height: 80vh;
    padding: 2%;
}


@media only screen and (max-width: 1200px) {
    .new_programa_2020_navegador_anclas { font-size: 1.5vw; }
    .new_programa_2020_contenedor { font-size: 1.5vw; }
}

@media only screen and (max-width: 900px) {
    .new_programa_2020_navegador_anclas { font-size: 1.7vw; }
    .new_programa_2020_contenedor { font-size: 1.7vw; }
}

@media only screen and (max-width: 750px) {
    .new_programa_2020_navegador_anclas { font-size: 1.7vw; }
    .new_programa_2020_contenedor { font-size: 1.9vw; }
}

@media only screen and (max-width: 650px) {
    .new_programa_2020_navegador_anclas { font-size: 1.8vw; }
    .new_programa_2020_contenedor { font-size: 2vw; }
}

@media only screen and (max-width: 500px) {
    .new_programa_2020_navegador_anclas { font-size: 2vw; }
    .new_programa_2020_contenedor { font-size: 2.2vw; }
}


#gire_home_contenedor .file_download_btn{
  display:none!important;
  opacity:0!important;
}
}