body {
    font-size: 100%;
    display: block;
    font-family: 'Lato', sans-serif;
    margin: auto;
    margin-top: 0rem;}

@charset "utf-8";
/*CSS Document*/

.cleaner { clear: both; }

ul, li, a {
    text-decoration: none;
    cursor: auto;
    list-style: none;
    padding-left: 0;
    color: inherit;
        
    
    }

#contenido {
    max-width: 1200px;
    margin: auto;
    padding-top: 2.5rem;
    }

section {
    padding-top: 2.5rem;}

header {    
    width: 100%;
    margin: auto;
    height: auto;
    background-color: #000;
    position:fixed;
    z-index: 100;
    /*border-bottom: solid;
    border-bottom-color:#e35ec7;
    border-bottom-width: thin;*/
    margin-top: -0.5rem;
        }

.cont_header {
    width: 90%;
    margin: auto;
    height: auto;
    margin-top: 1rem;
    margin-bottom: 0.75rem;
    /*min-width: 900px;*/}

.logo {
    float: left;
    width: 8%;}

.entrar {
    float: left;   
    /*width: 6%;*/
    padding: .75rem;
    margin-top: -1.25rem;
    margin-left: 7rem;
    font-size: 1rem;
    color: rgb(0, 159, 227);}

.entrar img {
    width: 20%;
    float: left;
    margin-right: .25rem;}

.entrar:hover {
    color: white;}

.principal {
    width: 68%;
    height: 2rem;
    margin: auto;
    padding-top: .001rem;
    
    }

.menu_principal {
    float: left;
    margin: 0rem;
    line-height: 1.5rem;
    margin-top: .75rem;    
}


.btn_principal {
    text-align: center;
    display: inline-block;
    margin: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-variant: small-caps;
    font-size: 1.25rem;
    color: #fff;
    }

.btn_principal a:hover {
    color: #e35ec7;
        }

.btn_principal:hover >.desplegable_princ {
    display: block;}

.desplegable_princ {
    display: none;
    position: absolute;
    text-align: left;
    float: left;
    /*margin-left: -2rem;*/
    width: 7.5rem;
    
    }

.btn_desplegable {
    background-color: white;
    padding: 0.5rem;
    color: black;
    font-size: 0.9rem;
    margin-top: 0.5rem;
    margin-bottom: -0.5rem;}

.btn_desplegable:hover {
    background-color: #e35ec7;}

.divisor_btn {
    text-align: center;
    display: inline-block;
    padding-left: .5rem;
    padding-right: .5rem;
    margin:0.25;
    color: white;
    }


.btn_visited {
    text-align: center;
    display: inline-block;
    margin: 0.5rem;
    font-variant: small-caps;
    font-size: 1.25rem;
    color: #e35ec7;
        }

.btn_visited_perfil {
    color: black;
}

/*FIN MENU FIJO */


/*//////// social botonera //////////*/

.social{
    position:fixed;
    right: 0;
    top: 100px;
    z-index: 1000;
}

.social ul {
    list-style: none;
}

.social ul li a {
    display: inline-block;
    color: #fff;
    background: #000;
    padding: 10px 15px;
    text-decoration: none;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.social ul li .icon-facebook2 {background:#3b5998 ;}
.social ul li .icon-instagram {background: #125688;}
.social ul li .icon-twitter2 {background: #00aced;}
.social ul li .icon-vimeo2 {background:  #aad450;}
.social ul li .icon-dropbox {background:#007ee5 ;}
.social ul li .icon-linkedin {background:#007bb5 ;}
.social ul li .icon-pinterest2 {background: #D70004;}

.social ul li a:hover {
    padding:  10px 10px;
    background: #000;
}

/*//////// slider tendencias //////////*/

.main { 
    float: left;
    width: 63%;
    max-width: 1200px;
    /*margin: 0px auto;*/
    padding: 0px;
    margin-top: .5rem; 
    margin-left: 1.5rem;
}

.slides {
    width: 100%;
}

.slides img {
    width: 100%;
    /*margin-top: 3.2rem;*/
    }

.slidesjs-pagination {
    background: #696969;
    list-style: none;
    overflow: hidden;
    margin: 0rem;
    margin-top: -6.5rem;
    
}

.slidesjs-pagination li {
    float: left;
}

.slidesjs-pagination li a {
    display: block;
    padding: .75rem 1.2rem;
    color: #fff;
    text-decoration: none;
}

.slidesjs-pagination li a:hover {
    background: #000;
} 
.slides .active {
     background: #000;
}

.slidesjs-navigation{
    background: #696969;
    color: #696969;
    text-decoration: none;
    display: inline-block;
    float:right;
    margin-top: -6.2rem;
}

/*////////MULTIMEDIA//////////*/
/*tanto el color de fondo como el alto de todo esto después se saca, lo puse para ir viendo la distribución.*/


.titulo_seccion {
    float: left;
    text-align: center;
    font-variant: small-caps;
    margin: .5rem;
    margin-bottom: 0rem;
    line-height: 1.5rem;
    font-size: 1.2rem;
    background-color: rgba(177, 0, 177, 0.58);
    color: white;
    padding-left: .5rem;
    padding-bottom: .2rem;
    padding-right: .5rem;
    width: auto;
   
    
    
    }

.titulo_seccion:hover {
    background-color: rgba(177, 0, 177, 0.31); }

.titulo_suelto {
    float: left;
    /*margin-top: 3.5rem;*/
    margin-left: 1.5rem;
        }

.multimedia {
    width: 35%;
    float: left;
    /*background-color: antiquewhite;*/
    height: auto;
    margin-top: 0rem;}

.video {
    width: 100%;
    background-color: rgba(193, 193, 193, 0.58);
    /*border: solid;
    border-width: thin;
    border-color: rgba(177, 0, 177, 0.58);*/
    height: auto;
    float: left;
    margin: 0.5rem;
    }

.elvideo {
    width: 100%;
    height: auto;;
    margin: auto;   
    background-color: grey;}

.video h3 {
    margin: 0.25rem;
    margin-left: .5rem;
    color: black;
    font-size: 1.3rem;
    }

.video p {
    margin: .25rem;
    margin-left: .5rem;
    font-size: .85rem; }

/*.video:hover {
    background-color: rgba(255, 0, 255, 0.15);}*/

/*////////FIN MULTIMEDIA/////////*/


.novedades {
    width: 35%;
    float: left;
    height: auto;
    margin-top: 1rem;
    
    /*margin-left: 1rem;*/
    /*background-color: #fffcf8*/} /*NOSE PORQUE TUVE QUE PONER ESTO PARA QUE QUEDE AL LADO DEL OTRO, SI ALGUNO LO PUEDE SOLUCIONAR, BUENISIMO*/

.titulos {
    float: left;
    width: 100%;
    height: auto;}

.titulos .medio {
    width: 46%;
    height: 35%;
    float: left;
    margin: .5rem;
    margin-top: .5rem;
    /*border-bottom: solid;
    border-bottom-width: thin;*/
    }

.total {
    width: 100%;
    float: left;
    margin: .5rem;
    margin-top: 1.5rem;}

.titulos div p {
    font-size: .85rem;
    color: #be6800;
    font-weight: bold;
    margin: .1rem;
    margin-bottom: .25rem;
        }

.titulos div a h4 {
    font-size: 1.25rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    color: black;
    }

.titulos div h5 {
    margin-top: .5rem;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    font-weight: 100;}

.leermas {
    float: right;
    padding: .3rem;
    background-color: rgb(150, 150, 150);
    color: white;
    font-size: .7rem;
    margin-bottom: .5rem;}

.leermas:hover {
    background-color: rgba(175, 175, 175, 0.35);}

.divisor1 {
    width: 95%;
    float: left;   
    /*background-color: rgba(255, 140, 0, 0.44);*/
    border-top: solid;
    border-top-width: thin;
    border-top-color: rgba(255, 140, 0, 0.44);
    }
/*//////// tendencias //////////*/


.modulo {
    width:16,66%;
    float: left;
    margin-right: 41,66%;
    margin-top: 30px;
    margin-left: 80px;
    
}

/*//////// noticias fadu //////////*/


#destacados {
    width: 65%;
    float: left;
    margin-left: 0rem;
        margin-top: 1rem;
    /*padding: 0px;*/
    
}

.destac_vertical {
    clear: both;
    width: 38%;
    height: 25rem;
    float: left;
    margin-left: .5rem;
    margin-top: .5rem;}

.destac_vertical img {
    width: 100%;
    height: auto;
}

.destac_vertical h4 {
    position: absolute;
    font-size: 1.95rem;
    margin-top: -4.4rem;
    height: 2.5rem;
    background-color: rgba(242, 138, 26, 0.5);
    padding-left: .25rem;
    padding-right: .5rem;
    color: white;
    font-weight: 100;
    }

.destac_vertical p {
    position: absolute;
    font-size: .85rem;
    margin-top: -1.5rem;
    margin-left: .25rem;
    color: rgb(255, 255, 255);
    }




.destac_cuadra {
    width: 28.5%;
    float: left;
    margin-left: .5rem;
    margin-top: .5rem;
    height: auto;
    background-color: rgba(255, 222, 187, 0.15);}

.destac_cuadra h4 {
    float: left;
    width: auto;
    font-size: 1.5rem;
    line-height: 1.2rem;
    color: white;
    background-color: rgb(242, 138, 26);
    margin-top: 0rem;
    margin-left: .25rem;
    margin-bottom: .25rem;}

.destac_cuadra h5 {
    float: left;
    font-size: .85rem;
    width: 100%;
    color: rgb(100, 100, 100);
    font-weight: 100;
    margin-top: .25rem;
    margin-left: .25rem;
    margin-bottom: .25rem;}

.destac_cuadra p {
    float: left;
    width: 100%;
    font-size: 1rem;  
    font-weight: 100;
    margin: .25rem;}

.destac_horiz {
    width: 58%;
    float: left;
    margin-left: .5rem;
    margin-top: .5rem;
    height: auto;
    /*background-color: rgba(0, 255, 255, 0.22);*/}

.destac_horiz p {
    width: 51%;
    float: left;
    margin-left: .75rem;
    margin-bottom: rem;
    }

.destac_horiz img {
    width: 42%;
    float: left;
    margin-left: .25rem;
    margin-top: .25rem;}


.modulo h3 { 
    font-family: 'Lato', sans-serif;
    color: #e35ec7; 
    font-size: 0.8rem;
    border-bottom: 3px solid #66FF99;
}

.modulo p {
    font-size: 0.8em;
    width: 200px;
    float: right;
}

.modulo a {
    color: #66FF99;
    font-size: 8pt;
    padding: 5px 8px;
    display: inline-block;
    float: right;
}


/*//////////////////programas en home///////////////////////*/

.programas {
    float: left;
    width: 75%;
    }

.un_video {
    float: left;
    width: 50%;
    margin: .5rem;} 

.un_video iframe {
        float: left;
        width: 100%;
        height: 15rem;}

.un_video span {
    float: left;
    text-align: right;
    width: 100%;
    font-family: 'Lato';
    font-style: italic;
    margin-bottom: .25rem;
    }

.un_video h4 {
    float: left;
    width: auto;
    background-color: rgb(166, 83, 155);
    color: white;
    padding-left: .5rem;
    padding-right: 1rem;
    padding-bottom: .2rem;
    padding-top: .2rem;
    margin-bottom: .5rem;
    margin-top: 0;
}

.un_video h5 {
    font-size: 1rem;
    padding-top: .2rem;
    padding-left: 1rem;
    padding-bottom: .2rem;
    font-weight: 100;
    float: left;
    width:auto;
    margin-top: 0;
    }

.programas p {
    float: left;
    width: 45%;
    margin: .5rem;
    margin-top: 2rem;
    font-size: 1.85rem;
    line-height: 2.5rem;
    font-weight: 100;
    color: rgb(167, 167, 167);
}

/*///////CURSOS en home///////*/

.cursos {
    float: left;
    width: 24%;
    height: auto;}

.curso {
    float: left;
    width: 100%;
    height: auto;
    margin-top: .75rem;
    }

.curso h4 {
    float: left;
    width: auto;
    margin: .5rem;
    margin-bottom: 0rem;
    font-size: 1.5rem;
    line-height: 1.2rem;
    background-color: blue;
    color: white;
    }

.curso h5 {
    float: left;
    width: auto;
    font-size: 1rem;
    font-weight: 100;
    color: rgb(100, 100, 100);
    margin: .5rem;
    margin-top: 0.25rem;}

.curso p {
    float: left;
    margin: .5rem;
}
/*FOOTER*/

footer {
    
    width: 100%;
    float: left;
    height: 15rem;;
    margin-top: 2.5rem;
    background-color: #cecece;}

/*.linea {
    width: 100%;
    margin: auto;
    border-top: solid;
    border-width: thin;
    border-top-color: #e35ec7;}*/

.cont_footer {
    margin: auto;   
    width: 70%;
    height: 15rem;
    padding-left: 15rem;
}

.texto_footer {
    float: left;
    width: 40%;
    margin-top: 3rem;
    padding-left: .5rem;
    font-size: .9rem;
    line-height: 1.1rem;
    font-weight: lighter;
    border-left: solid;
    border-left-color: magenta;
    border-left-width: thin;
    }

.img1 {
    float: left;
    width: 10%;
    margin: 1rem;
    margin-top: 1.5rem;
    }

.dgpc {
    width: 10%;
    float: left;
    height: auto;
    margin-top: 3.5rem;}

.dgpc span {
    float: left;
    font-size: .7rem;
    text-align: center;
    margin-top: .5rem;
    color: black;}

.img2 {
    float: left;
    width: 100%;
   
        }

.nos {
    width: 10%;
    height: auto;
    margin-top: 4rem;
    float: left;
    margin-left: 2rem;
    
    }

.cont_footer .nos a{
    float: left;
    font-variant: small-caps;
    color: black;
    margin-top: .5rem;
    font-size: 1.1rem;
    
    }



//* Galeria *//


#container {
    width: 70%;
    margin-top: 5rem;
    cursor: pointer;
    padding-top: 3rem;
}

#previa {
    background: rgba(245, 255, 0, 0.70);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top 0;
    width: 100%;
}

#previa div {
    margin-left: 40rem;
    margin-right: 40rem;
}

#container img {
    width: ;
    margin: 0rem;
    float: ;
}

#container .grande {
    width: 40%;}

#container .marcas {
    width: 20%;
    float: left;
    background-color: ;
    height: auto;}

#container .marcas .cajamarca {
    background-color: blue;
    width: 100%;
    float: ;
    text-align: ;
}

#container .marcas .titulo {
    /*background-color: gray;*/
    width: ;
    float: ;
    /*font-size: 1rem;*/
    text-align: left;
}

#container .marcas .linkmarca {
    background-color: yellow;
    width: 80%;
    margin-bottom: 0.7rem;
    float: left;
    text-align: center;
    font-size: 0.9rem;
}

#container .marcas .web {
    background-color: red;
    width: 15%;
    padding: 0.1rem;
    margin-left: 0.2rem;
    float: left;
    font-size: 0.7rem;
}

.galeriia {
    width: 70%;
    float: left;
        }

.costadito {
    width: 25%;
    height: auto;
    float: left;
        
        
}
/*////////////FORMULARIO CONTACTO CURSO//////////*/

.consulta_curso {
    padding-top: 3rem;
    width: 75%;
    margin: auto;}

.consulta_curso h3 {
    color: #720072;
    font-size: 2rem;
    margin-bottom: 0rem;}

.consulta_curso h5 {
    font-size: .75rem;
    margin-top: .5rem;}

.consulta_curso label {
    font-size: 1.2rem;
    color: #a026a0;
    
    }

.caja1 {
    background-color: rgba(235, 225, 235, 0.74);
    border: none;
    width:40%;
    margin-top: .75rem;
    margin-left: .5rem;
    margin-bottom: .75rem;
    height: 1.5rem;
}

.caja2 {
    float: left;
    width: 40%;
    background-color: rgba(235, 225, 235, 0.74);
    border: none;
    margin-top: .75rem;
    margin-left: .5rem;
    margin-bottom: .75rem;
    }

.btn {
    float: left;
    width: 10%;
    margin: 1rem;  
    margin-top: 9.5rem;
    background-color: darkmagenta;
    color: white;
    font-size: 1rem;
    border: none;}

/*///////////NOTA////////*/
.migaja {
    margin-top: 1rem;
    float: left;
    width: 100%;}

.nota_completa {
    float: left;
    width: 77.5%;}

.nota_completa h2 {
    font-size: 2.5rem;
    background-color: rgb(242, 138, 25);
    color: white;
    margin-top: 1rem;
    margin-left: 0rem;
    margin-bottom: .5rem;
    padding-left: .5rem;
    }

.nota_completa h5 {
    font-size: 1.5rem;
    font-weight: lighter;
    color: rgba(242, 138, 25, 0.5);
    margin-left: .25rem;
    margin-top: .5rem;
    }

.nota_completa span {
    font-size: 1rem;
    font-style: italic;
    margin-left: .25rem;}

.nota_completa .subida {
    margin-left: .25rem;
    font-size: 1.1rem;}

.nota_completa .text1 {
    margin-left: .25rem;    
    font-size: 1.2rem;
    float: left}

.nota_completa .text2 {
    margin-left: .25rem;
    font-size: 1.2rem;
    float: left;
    width: 65%;}

.nota_completa .destacado {
    width: 30%; 
    float: left;
    margin-top: 1.35rem;
    text-align: center;
    font-size: 1.3rem;
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    background-color: rgb(255, 165, 0);
    padding: .5rem;}

.nota_completa .img_nota {
    width: 48%;
    float: left;
    margin-left: .25rem:}

.nota_completa .img_nota img {
    width: 100%; 
    float: left;}

.nota_completa .img_nota span {
    position: absolute;
    float: left;   
    margin-left: -8.5rem;
    margin-top: 15.6rem;
    background-color:rgb(255, 242, 218); 
    line-height: 1.2rem;
    padding-left: 0.25rem;
    padding-right: .75rem;
    font-size: .85rem;}

.nota_completa .llamado1 {
    width: 50%; 
    float: left;
    margin-left: .75rem;
    margin-top: 0rem;
    margin-bottom: .5rem;
    font-weight: 600;}

.nota_completa .llamado2 {
    float: left;
    width: 50%;
    font-size: 1.55rem;
    line-height: 1.6rem;
    margin-left: .75rem;
    margin-top: .5rem;
    color: rgb(214, 110, 25);}

.info_extra {
    float: left;
    font-size: 1rem;
    font-style: italic;}

.barra_lateral {
    float: right;    
    width: 20%;
    /*height: 5rem;*/
    margin-top: 1rem;
    margin-left: 1.75rem;
    }

.barra_lateral .titulo_costado {
    margin-top: 0;
    margin-bottom: 0;
    background-color: #e35ec7;}

.barra_lateral h4 {
    margin-top: 0;
    margin-bottom: .5rem;
    margin-left: -.05rem;
    font-size: 1.4rem;
    color: white;   
    padding-right: 1.5rem;
    padding-left: 0rem;
    line-height: 1.1rem;}

.barra_lateral article {
    width: 100%;    
    float: left;
    margin-bottom: .75rem;}

.barra_lateral article img {
    width: 100%;
    margin-top: .5rem;}

.barra_lateral article h3 {    
    float: left;
    font-size: 1.1rem;
    margin-top: .2rem;
    margin-bottom: 0rem;
    color: rgba(227, 94, 199, 0.75);}

.barra_lateral article p {
    float: left;
    margin-top: .25rem;
    font-size: .85rem;}

.barra_lateral article .mes {
    background-color: white;
    color: #00b1ff;
    font-variant: small-caps;
    margin-bottom: 0rem;}

.barra_lateral h5 {
    margin-top: 0.25rem;
    margin-bottom: .5rem;
    font-size: 1rem;
    color: #ffdfff;}

.barra_lateral .especial {
    background-color: #af33af;
    color: white;
    font-size: .95rem;
    line-height: 1.2rem;
    padding: .5rem;
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    margin-bottom: 1rem;}

.barra_lateral .linkea {
    font-weight: bold;
    font-variant: small-caps;
    color: darkmagenta;}

.barra_lateral article form {
    float: left;
    width: 100%;}

.barra_lateral article form label {
    float: left;
    font-size: .95rem;
    margin-left: .5rem;
    font-variant: small-caps;}

.barra_lateral article form input {
    float: left;
    width: 90%;
    height: 1.25rem;
    margin-left: .5rem;
    margin-bottom: .25rem;
    border: solid #3caa3c thin;
    /*background-color: #8fe68f;*/
    /*border: none;*/}

.barra_lateral article form textarea {
    float: left;
    width: 90%;
    margin-left: .5rem;
    margin-bottom: .25rem;
    border: solid #3caa3c thin;
    /*background-color: #8fe68f;*/
    /*border: none;*/
    }

.barra_lateral article form .boton {
    width: 20%;
    float: right;
    margin-right: .5rem;
    background-color: rgba(13, 185, 13, 0.26);
    color: black;
    margin-top: .5rem;}

.calendario {
    float: left;}

.dias {
    float: left;
    margin-top: 1rem;
    width: 100%;}

.dias h5 {
    float: left;
    width: 12%;
    margin: .15rem;
    text-align: center;}

.cuadric span {
    float: left;
    width: 12%;
    text-align: center;
    font-size: .85rem;
    margin: .15rem;
    margin-top: .75rem;
    padding-bottom: .25rem;
    padding-top: .25rem;
}

.blank {
    color: white;}

.domingo {
    color: #53b9d8;}

.con_evento {
    background-color:#53b9d8;
    color: white;
    border-radius: 1rem;}

.ver_mas {
    float:right;    
    background-color: #00b1ff;
    color: white;
    font-variant: small-caps;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-bottom: .25rem;
    margin-top: .5rem;}

.ver_mas:hover {
    background-color:  rgba(0, 177, 255, 0.53); }

.comentarios {
    float: left;
    width: 35%;
    margin-left: .5rem;}

.comentarios h4 {
    float: left;
    font-size: 1.25rem;
    margin-bottom: .5rem;}

.comentarios .subida_comen {
    float: left;
    width: 100%;
    color: rgb(255, 165, 0); 
    margin-bottom: 1rem;}

.dejar_comen {
    width: 100%;
    float:left;
    margin-top: .5rem;
    margin-bottom: .5rem;
    border: solid;
    border-width: thin;
    border-color: rgba(242, 140, 25, 0.35);
    padding-left: .5rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-family: 'Lato';}

.comentarios form label {
    float: left;
    font-variant: small-caps;
    width: 100%;
    margin: .1rem;} 

.btn_send {
    float: right;
    clear: both;
    margin-right: -.5rem;
    margin-top: .5rem;
    background-color: rgb(242, 140, 25);
    }

.comentario {
    float: left;
    width: 100%;
    margin-top: 1rem;}

.comentario span {
    float: right;   
    font-size: .85rem;
    font-style: italic;
    margin-right: .5rem;
    margin-top: .25rem;}

.comentario h4 {
    float: left;
    font-size: 1.05rem;
    margin-top: 0rem;
    width: 100%;
    }

.comentario p {
    float: left;
    width: 95%;
    margin-top: .25rem;

}

/*////////////////////////VIDEOS - PROGRAMAS COMPLETOS ///////////////////////////////*/

.info_principal {
    float: left;
    width: 77.5%;
    }

.info_principal .titulo_verde {
    float: left;
    width: 100%;
    font-size: 2.5rem;
    background-color: #198b19;
    color: white;
    margin-top: 1rem;
    margin-left: .25rem;
    margin-bottom: .5rem;}


.titulo_gde {
    float: left;
    width: 100%;
    font-size: 2.5rem;
    background-color: rgb(166, 82, 154);
    color: white;
    margin-top: 1rem;
    margin-left: .25rem;
    margin-bottom: .5rem;}

.ultimo_video {
    float: left;
    width: 63%;
    /*background-color: rgb(166, 82, 154);*/
    margin-top: 1rem;
    margin-right: 1.5rem;
    }

.ultimo_video span {
    float: right;
    width: 90%;
    text-align: right;
    font-style: italic;
    font-size: .95rem;
    margin-bottom: .25rem;
    margin-top: .25rem;
    margin-right: .5rem;
    color: rgb(166, 82, 154);}

.ultimo_video iframe {
    float: left;
    width: 100%;
    margin: auto;
    height: 19rem;}

.ultimo_video h4 {
    float: left;
    margin: 0rem;
    margin-top: 0rem;
    color: white;
    background-color: rgb(166, 82, 154);
    font-size: 1.75rem;
    font-weight: 100;
    line-height: 1.5rem;
    
    }

.ultimo_video h5 {
    float: left;
    width: 100%;
    margin-top: .25rem;
    margin-bottom: .75rem;
    color: rgb(166, 82, 154);   
    font-size: 1rem;
    font-weight: lighter;}

.info_ultimo {
    width: 30%;
    float: left;
    height: auto;
    margin-top: 1rem;
    margin-left: 1rem;  
    }

.info_ultimo h5 {
    font-size: 1.1rem;
    color: rgb(166, 82, 154);
    margin: 0rem;
    margin-top: .25rem;}

.info_ultimo p {
    margin-top: 0.5rem;}

.otros_videos {
    width: 30%;
    float: left;
    margin-top: 1.2rem;
    margin-right: 1.5rem;
    /*background-color: rgb(166, 82, 154);*/
    }

.otros_videos span {
    float: right;
    width: 90%;
    text-align: right;
    font-style: italic;
    font-size: .95rem;
    margin-bottom: .25rem;
    margin-top: .25rem;
    margin-right: .2rem;
    color: rgb(166, 82, 154);}

.otros_videos iframe {
    width: 100%;
    margin: auto;
    height: 9rem;}

.otros_videos h4 {
    float: left;
    margin: 0rem;
    margin-top: -0.2rem;
    color: white;
    background-color: rgb(166, 82, 154);
    font-size: 1.25rem;
    line-height: 1.1rem;
    font-weight: 100;
    
    }

.otros_videos h5 {
    float: left;
    width: 100%;
    margin: 0rem;
    margin-top: .2rem;
    margin-bottom: .5rem;
    color:rgb(166, 82, 154);   
    font-size: .9rem;
    font-weight: lighter;}

.masvideos {
    float: left;
    margin-left: 40%;
    margin-top: 1rem;
    font-size: 1.1rem;
    color: rgb(166, 82, 154);
    font-weight: 800;
    padding-left: .5rem;
    padding-right: .5rem;
    }

.masvideos:hover {
    background-color: rgb(166, 82, 154);
    color: white;
    font-weight: 100;}

.barra_lateral article span {
    float: right;
    
    margin-top: .5rem;
    margin-bottom: .25rem;}

/*/////////////////////////////////////NOTICIAS REL///////////////////////////*/

.noticias_rel {
    float: left;
    width: 70%;}

.notis {
    float: left;
    width: 46.5%;
    margin-right: 1rem;
    margin-top: 1rem;}

.notis img {
    float: left;
    width: 100%; 
    height: auto;
    margin-bottom: .5rem;
}

.notis h4 {
    width: 100%;
    float: left;
    margin: 0;
    font-size: 1.2rem;
    }

.notis p{
    float: left;
    width: 90%;
    margin: 0;
    margin-top: .5rem;
    font-size: 1rem;}


/*///////////////////////////CARRERAS DG RICO ///////////////////////////////*/

.nivel_carrera {
    float: left;
    width: 23.66%; 
    margin-right: 1rem;
    margin-top: 2rem;
    height: 6rem;
    background-color: #a7a8a8;
    }

.nivel_carrera span {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: -2.5rem;
    font-size: 8.5rem;
    font-weight: bolder;
    color: white;}

.nivel_selecc {
    background-color: #00b1ff; }

.materias {
    float: left;
    width: 100%;
    padding-bottom: .75rem;
    padding-top: .75rem;
    background-color: #00b1ff;
    margin-top: 1rem;
        }

.materias span {
    color: #0070a2;
    padding: .5rem;
    
    }

.materias .seleccion {
    color: white;}

.catedras {
    float: left;
    width: 100%;
    margin-top: 1rem;
    margin-left: 1rem;
    clear: both;}

.catedras span {
    float: left;
    clear: both;
    margin-top: 0rem;
    color: #0070a2;
    font-variant: small-caps;
    font-size: 1.25rem;}

.cat_seleccionada {
    font-weight: bolder;}

.info_general {
    width: 100%;
    float: left;
    }

.info_general h3 {
    margin-bottom: .5rem;}

.info_general img {
    float: left;
    width: 40.5%;
    height: auto;
    margin-right: .5rem;}

.info_general p {
    float: left;
    width: 57%;
    margin-left: 1rem;
    margin-top: 0rem;
    font-size: 1.05rem;}

.logo_cat div {
    position: absolute;
    width: 10%;
    margin-left: 15rem;
    margin-top: 25rem;}

.logo_cat div img {
    width: 15%;}

.docentes {
    float: left;
    width: 100%;
    height: auto;
    background-color: #cccccc;}

.docentes h4 {
    float: left;
    font-size: 2rem;
    color: #00b1ff;
    margin-top: .5rem;
    margin-left: 2.5rem;
    margin-bottom: .5rem;}

.docentes h5 {
    float: left;
    font-size: 2rem;
    color: white;
    margin-top: .5rem;
    margin-left: .1rem;
    margin-bottom: .5rem;
    font-weight: 100;}

.docentes p {
    width: 25%;
    float: left;
    margin-top: .5rem;
    margin-left: 8rem;
    margin-right: 0rem;
    margin-bottom: .5rem;
    font-size: .85rem;}

.simple {
    float: left;
    margin-left: 0;
    margin-right: 0;
    width: 16.65%;}

.simple .foto {
    width: 100%;}

.simple .star {
    float: left;
    width: 10%;
    margin-left: .2rem;
    margin-right: 0;
    margin-top: .5rem;
    margin-bottom: .5rem;}

.simple .icono {
    float: right;
    width: 12%;
    margin-top: .5rem;
    margin-right: 1rem;
    }

.simple .flecha_der {
    position: absolute;
    width: 1.5%;
    margin-left: .75rem;
    margin-top: 4rem;}

.simple .flecha_izq {
    position: absolute;
    width: 1.5%;
    margin-left: -3rem;
    margin-top: 4rem;}

.info_compl {
    float: left;
    width: 100%;
    height: auto;}

.info_compl .titulo_compl{
    float: left;
    width: 100%;
    height: 3.5rem;
    background-color: #cccccc;
    margin-top: 1rem;
    }

.info_compl h4{
    float: left;
    font-size: 2rem;
    color: #00b1ff;
    margin-top: .5rem;
    margin-left: 2.5rem;
    margin-bottom: .5rem;
    }

.info_compl h5 {
    float: left;
    width: 25%;
    font-size: 2rem;
    color: white;
    margin-top: .5rem;
    margin-left: .1rem;
    margin-bottom: .5rem;
    font-weight: 100;
    }

.nota1 {
    float: left;
    width: 65%;
    margin-top: 1rem;
    margin-left: 0}

.nota1 p{
    width: 62%;
    float: left;
    margin: 0;
    font-size: .95rem;
    }

.nota1 img {
    float: left;    
    width: 34%;
    margin-left: 1rem;}

.mini_nota {
    float: left;
    width: 35%;}

.mini_nota div {
    float: left;
    margin-top: .75rem;
    margin-left: .5rem;
    background-color: black;
    width: 80%;
    padding-bottom: .25rem;
    padding-top: .25rem;
    margin-bottom: 1rem;
    height: auto;}

.mini_nota div h4 {
    float: left;
    font-size: 1.5rem;
    }

.mini_nota div h5 {
    float: left;
    width: 25%;
    font-size: 1.5rem;}

.mini_nota span {
    float: left;
    background-color:#00b1ff;
    color: white;
    margin-left: .5rem;
    padding-left: 2.5rem;
    padding-right: 1.5rem;    
    clear: both;
    margin-bottom: .5rem;}

.mini_nota p {
    width: 100%;
    font-size: 1rem;
    float: left;
    margin-left: .5rem;
    margin-right: .5rem;}

.mini_galeria {
    float: left;
    width: 100%;
    clear: both;
    }

.mini_galeria img{
    float: left;
    width: 5.5555%;
    margin: 0;
    opacity: 0.5;
    
    }

.mini_galeria img:hover {
    opacity: 1;}

.extras {
    float: left;
    width: 30%;
    margin-top: 1.5rem;
    margin-left: .25rem;
    margin-right: .25rem;
    background-color: gainsboro;
    height: 22.5rem;}

.extras img {
    width: 100%;
    opacity: 0.5;}

.extras .titulo1 {
    position: absolute;
    margin-top: -22.6rem;
    background-color: black;
    width: 16%;
    height: 3.5rem;}

.extras .titulo2 {
    position: absolute;
    margin-top: -3.65rem;
    background-color: black;
    width: 16%;
    height: 3.5rem;}

.titulo1 h4 {
    float: left;
    color: magenta;
    font-size: 2rem;
    margin-left: 1.75rem;
    margin-top: .5rem;}

.titulo2 h4 {
    float: left;
    color: magenta;
    font-size: 2rem;
    margin-left: 1.75rem;
    margin-top: .5rem;}

.titulo1 h5 {
    float: left;
    color: white;
    font-size: 2rem;
    font-weight: lighter;
    margin-top: .5rem;}

.titulo2 h5 {
    float: left;    
    color: white;
    font-size: 2rem;
    font-weight: lighter;
    margin-top: .5rem;}

.extras .parrafo1 {
    position: absolute;
    margin-top: -16rem;
    
    }

.extras .parrafo1 span {
    background-color: #951095;
    color: white;
    font-size: 1rem;
    line-height: 1.75rem;
    padding-left: 1.5rem;
    padding-right: 1rem;
    padding-bottom: .25rem;
    font-variant: small-caps;}

.extras p {
    position: absolute;
    width: 17%;
    margin-left: .75rem;
    margin-top: -10rem;
    padding-left: .25rem;
    padding-right: .25rem;
    background-color: rgba(255, 255, 255, 0.66);
    }

.extras .interaccion {
    position: absolute;
    width: 5%;
    margin-left: 15rem;
    margin-top: -3.5rem;
    }

.extras .interaccion2 {
    position: absolute;
    width: 5%;
    margin-left: 15rem;
    margin-top: -21rem;}

.interaccion img {
    float: left;
    width: 40%;
    margin: .25rem;}

.interaccion2 img {
    float: left;
    width: 40%;
    margin: .25rem;}

.el_pabellon {
    float: left;    
    width: 100%;}

.el_pabellon h3 {
    font-size: 1.5rem;
    color: green;}

.el_pabellon iframe{
    float: left;
    margin-right: 1.5rem;}



.sub_verde {
    float: left;
    margin-top: .5rem;
    margin-left: .25rem;
    margin-bottom: .25rem;
    font-size: 1.1rem;
    color: #004d00;}
.mapa {
    float: left;
    border: solid;
    border-width: thin;
    border-color: green;
    margin-top: 1rem;}

.buscador_aula {
    float: left;
    width: 45%;
    height: auto;}

.buscador_aula input {
    float: left;
    clear: both;
    margin-left: 1rem;
    margin-top: .75rem;
    font-size: .85rem;
    color: white;
    background-color: #6dbc6d;
    width: 100%;
    height: 1.5rem;}

.buscador_aula label {
    float: left;
    clear: both;
    margin-left: .5rem;
    margin-top: 1rem;
    font-size: 1,1rem;
    color: #6dbc6d;
    }

.btn_enviar {
    float: left;
    width: 15%;}

.respuesta {
    float: left;
    width: 50%;
    font-size: 1.25rem;
    font-weight: lighter;
    font-variant: small-caps;
    margin-left: 2.5rem;
    margin-top: 3rem;}

.nivel {
    float: left;
    width: 30%;
    margin: 1rem;}

.nivel h5 {
    font-size: 1rem;
    background-color: #d1d6d6;
    color: #00b1ff;
    padding: .5rem;
    margin-top: 0rem;}

.materia_final {
    font-size: 1rem;
    margin: .25rem;
    font-weight: bold;
    margin-top: 1rem;
    }

.materia_final ul li {
    margin-left: .5rem;
    font-size: .95rem;
    margin-top: .5rem;
    font-weight: 100;}

.otras_fechas {
    float: left;
    width: 100%;}

.otras_fechas2 {
    width: 90%;
    float: left;
    margin-left: 10%;
    margin-top: .75rem; }

.info_general h3 a:hover {
    color: #3facd4;}

.menu_cerrado {
    position: fixed;
    top: 100px;
    z-index: 1000;}

.simulado {
    width: 100%;
    height: auto;
    margin-top: 1rem;}

/*  Botonera  */

#perfil {
    background-color: rgba(0, 191, 255, 100);
    width: 17rem;
    height: 21rem;
    position: fixed;
    float: left;
    top: 100px;
    margin-left: 3.5rem;
    display: none;
}

.usuario {
    /*background-color: #6F98E5;*/
    border-color: azure;
    border-style: solid;
    border-width: thin;
    width: 17rem;
    float: left;
}

.usuario .foto { 
    /*background-color: yellow;*/
    width: 3rem;
    position: relative;
    float: left;
}

.usuario .nombre {
    /*background-color: red;*/
    color: aliceblue;
    width: 12rem;
    height: 2.3rem;
    padding-left: 0.5rem;
    padding-top: 0.7rem;
    position: relative;
    float: inherit;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
}

.opciones {
    /*background-color: yellow;*/
    color: white;
    width: 17rem;
    float: left;
    clear: both;
}

.opciones .boton {
    /*background-color: greenyellow;*/
    width: 12rem;
    margin-top: 0.5rem;
    margin-left: 1.3rem;
    margin-right: 1.3rem;
    display: block;
    float: left;
    font-size: 1rem;
    cursor: pointer;
    text-align: left;
}

.opciones .boton:hover {
    color: black;
}

.boton .icono {
    /*background-color: blue;*/
    float: left;
    margin-left: 1rem;
}

.boton .texto {
    /*background-color: red;*/
    float: left;
    padding-top: 0.2rem;
    margin-left: 1rem;
    font-size: 1rem;
}

#hide {
    /*background-color: greenyellow;*/
    color: white;
    border-color: azure;
    border-style: solid;
    border-width: thin;
    width: 5rem;
    margin-right: 0.5rem;    
    text-align: center;
    float: right;
    clear: both;
    cursor: pointer;
    font-size: 1.2rem;
}

#hide:hover {
    background-color: black;
}

#show {
    position: fixed;
    margin-top: ;
    cursor: pointer;
    float: left;
    top: 100px;
}

/*//////INICIAR SESION///////*/

#perfil .login {
    float: left;
    width: 90%;
    margin: 1rem; }

.login .titulo {
    color: aliceblue;
    width: 100%;
    height: 2.3rem;
    position: relative;
    float: inherit;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;}

.login label {
    float: left;
    font-variant: small-caps;
    color: white;
    margin-bottom: .25rem;
    }

.login input {
    float: left;
    width: 100%;
    border: none;
    height: 1.25rem;
    margin-bottom: .5rem;}

.login .boton_texto {
    float: left;
    width: 100%;
    text-align: center;
    background-color: rgba(0, 191, 255, 100);
    color: white;
    font-size: .95rem;
    font-variant: small-caps;}

.login .boton_btn {
    float: right;
    width: auto;
    height: 1.5rem;
    border: solid;
    border-color: black;
    border-width: thin;
    margin-top: .25rem;
    padding-top: .2rem;
    background-color: rgba(0, 191, 255, 100);
    }

.login .texto_extra {
    float: left;
    width: 100%;
    text-align: center;
    color: black;
    margin-top: 1.5rem;
    }

.login span {
    float: left;
    width: 100%;
    text-align: center;}

.login span a {
    color: white;
    font-variant: small-caps;}

/* Galeria */

#container {
    width: 100%;
    margin: auto;
    padding-top: 6rem;
    cursor: pointer;
}

#previa {
    background: rgba(60, 60, 75, 0.75);
    display: none;
    left: 0;
    position: fixed;
    top 0;
    width: 100%;
    height: 100%;
}

#previa div {
    margin-left: 40rem;
    margin-right: 40rem;
}

.img_peque1 {
    width: 40%;
    height: ;
    float: right;
}

.img_peque {
    width: 20%;
    height: ;
    float: left;
}

.costado {
    /*background-color: red;*/
    width: 20%;
    height: 112.5rem;
    float: right;
    position: static;
}

.destacado_1 {
    /*background-color: yellow;*/
    width: 40%;
    height: 21rem;
    float: left;
    padding-top: 1.5rem;
}

.destacado_1 .bajada {
    /*background-color: deepskyblue;*/
    width: 90%;
    float: left;
    margin: 0rem;
    padding: 1rem;
    font-weight: lighter;
    line-height: 0rem;
    text-decoration: underline;
}

.destacado_1 .titulo {
    /*background-color: blue;*/
    color: red;
    width: 90%;
    float: left;
    margin: 0rem;
    padding: 1rem;
    line-height: 0rem;
    text-decoration: underline;
}

.destacado_1 .desarrollo {
    /*background-color: red;*/
    float: left;
    margin: 0rem;
    padding: 1rem;
    font-size: 1.1rem;
    line-height: 1.5rem;
}

.destacado_1 .fecha {
    float: left;
    font-size: 1.1rem;
    font-weight: bold;
}

.destacado_1 .link {
    /*background-color: greenyellow;*/
    width: 15rem;
    float: left;
    margin: 0rem;
    padding: 1rem;
    font-size: 1.1rem;
    font-weight: lighter;
    text-decoration: underline;
}

.destacado_1 .info {
    /*background-color: red;*/
    width: 2rem;
    float: right;
    margin: 0rem;
    padding: 1rem;
    line-height: 1.3rem;
    font-size: 2rem;
    font-weight: bold;
}

.destacado_1 .info:hover {
    color: red;
}

.destacado_2 {
    /*background-color: yellow;*/
    width: 40%;
    height: 22.5rem;
    float: left;
}

.destacado_2 .noticia {
    /*background-color: rgba(255, 0, 0, 0.3);*/
    color: red;
    border-color: red;
    border-style: solid;
    border-width: thin;
    width: 28rem;
    float: left;
    margin-top: 2rem;
    padding: 0.5rem;
    line-height: 1.1rem;
    font-size: 1rem;
}

.destacado_2 .noticia:hover {
    background-color: rgba(255, 0, 0, 0.15);
}

.costado .puntajes {
    /*background-color: aquamarine;*/
    width: 100%;
    height: 54rem;
    float: left;
    padding-bottom: 1rem;
}

.costado .titulo {
    background-color: red;
    color: white;
    width: 13.3rem;
    height: 1.1rem;
    float: left;
    margin-left: 0.8rem;
    margin-right: 0.8rem;
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 1rem;
}

.costado .puntaje_perfil {
    /*background-color: bisque;*/
    width: 13.3rem;
    height: 5rem;
    padding: 0.8rem;
    float: left;
}

.puntaje_perfil .foto {
    background-color: ;
    width: 38%;
    height: 100%;
    float: left;
}

.puntaje_perfil .foto:hover {
    background-color:red;
}

.puntaje_perfil .puntos {
    /*background-color: red;*/
    width: 62%;
    height: 1.5rem;
    float: left;
}

.puntaje_perfil .texto {
    /*background-color: greenyellow;*/
    width: 55%;
    height: 2.3rem;
    float: left;
    padding-left: 0.5rem;
    font-size: 0.9rem;
}

.puntaje_perfil .info {
    /*background-color: yellow;*/
    width: 1rem;
    height: 1.5rem;
    float: right;
    position: relative;
    font-size: 1.5rem;
}

.puntaje_perfil .info:hover {
    color: red;
}

.costado .marcas {
    /*background-color: lightgoldenrodyellow;*/
    width: 100%;
    height: 40rem;
    float: left;
    padding-top: 2rem;
    clear: ;
    position: ;
}

.marcas .marca_web {
    /*background-color: greenyellow;*/
    width: 13.3rem;
    height: 1.1rem;
    float: left;
    margin-top: 1rem;
    margin-left: 0.8rem;
    margin-right: 0.8rem;
}

.marca_web .link {
    /*background-color: yellow;*/
    width: 3rem;
    height: 1.3rem;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 0.8rem;
    line-height: 1.3rem;
}

.marca_web .link:hover {
    color: red;
}

.marca_web .nombre {
    /*background-color: orangered;*/
    color: red;
    width: 9.8rem;
    height: ;
    float: left;
    padding-left: 0.4rem;
    line-height: 1.1rem;
}


/*///////////////////ACORDEON////////////////////////*/

/*  Basic stucture
=====================*/
#accordion{}
#accordion ul{list-style:none;margin:0;padding:0;}
.accordion{display:none;}
.accordion:target{display:block;}
#accordion ul li a{text-decoration:none;display:block;padding:.5rem;}
.accordion{
    float: left;
    padding: .5rem;}

#accordion {
    float: left;
    width: 100%;
    margin-top: 1rem;
    }





/*  Colors 
====================*/
#accordion ul{
/*box-shadow
-webkit-box-shadow:0 4px 10px #BDBDBD;
   -moz-box-shadow:0 4px 10px #BDBDBD;
        box-shadow:0 4px 10px #BDBDBD;
/*border-radius
-webkit-border-radius:5px;
   -moz-border-radius:5px;
        border-radius:5px;*/
}
#accordion ul li a{

/*border-bottom:1px solid #E0E0E0;*/
    color: #0070a2;
    font-family: 'Lato'; 
    font-variant: small-caps;
    font-size: 1.25rem;
    padding: 0;
}

#accordion ul li a:hover {
    font-weight: bolder;}

.accordion{
    font-family: 'Lato';
    float: left;
    width: 90%;
    margin-left: 10%;
    margin-top: .75rem;

    }



.accordion:target{
border-top:.25rem solid #0070a2;
}




.titulo_gral {
    float: left;
    width: 100%;
    height: auto;
    }

.titulo_gral h2 {
    float: left;
    font-size: 1.5rem;
    
    }


.publi1 {
    float: left;
    }

.publi1 h2 {
    font-size: 1.5rem;
    font-variant: small-caps;
    color: red;
    margin-top: 0rem;
    line-height: 1rem;}

.subida_titulo {
    float: left;
    width: 100%;
    font-size: 1.25rem;
    margin-left: .25rem;
    font-weight: lighter;
    color: rgb(167, 167, 167);
    line-height: 1.6rem;}

.error404 {
    margin: auto;
    width: 50%;
    height: auto;
    margin-top: 6rem;
    }

.error404 span {
    float: left;
    width: 100%;
    margin-top: 6rem;
    text-align: center;
    font-style: italic;
    color:#e35ec7; 
    }

.error404 h1 {
    float: left;
    margin-left: 10rem;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    font-size: 10rem;
    background-color: #e35ec7; 
    color: white;
    line-height: 7rem;}

.error404 p {
    float: left;
    width: 100%;
    font-size: 1.5rem;
    line-height: 2.5rem;
    text-align: center;
    margin: .5rem;
    margin-bottom: 6rem;}

.error404 p a {
    font-weight: bolder;
   
    }

.error404 p a:hover {
    color: #e35ec7;}

.el_pabellon .buscador_aula {
    float: left;
    width:  30%;
    /*height: 10rem;*/
    margin-left: .5rem;}

.buscador_aula h3 {
    float: left;
    font-size: 1.1rem;
    margin-top: 0rem;
    margin-bottom: 0rem;}

.buscador_aula input {
    float: left;
    margin: 0rem;
    margin-top: .5rem;
    margin-left: 0rem;
    margin-bottom: .5rem;
    color: black;    
    background-color: white;
    border: solid thin green;}

.buscador_aula p {
    float: left;
    font-size: .90rem;
    
    margin: 0;
    margin-top: .5rem;
        
}

.buscador_aula div span {
    position: absolute;
    margin-top: 23rem;
    margin-left: 18rem;
    color: white;}

/* Foros */

.foros {
    /*background-color: red;*/
    width: 60rem;
    height: 80rem;
    float: left;
    margin-top: 1rem;
}

.foros .caracteristicas {
    background-color: rgba(0, 0, 0, 0.6);
    width: 60rem;
    height: 2.5rem;
    float: left;
    padding-top: 1rem;
}

.caracteristicas .texto_1 {
    color: white;
    float: left;
    margin-left: 1rem;
}

.caracteristicas .texto_2 {
    color: white;
    float: left;
    margin-left: 30.3rem;
}

.caracteristicas .texto_3 {
    color: white;
    float: left;
    margin-left: 3.5rem;
}

.caja_foros {
    background-color: rgba(0, 0, 0, 0.2);
    width: 60rem;
    height: 5rem;
    float: left;
    margin-top: 1rem;
    padding-top: 1.5rem;
}

.caja_foros .foto {
    /*background-color: gold;*/
    width: 3rem;
    height: 4rem;
    float: left;
    margin-left: 1rem;
    margin-right: 1rem;
}

.caja_foros .titulo {
    /*background-color: yellow;*/
    width: 32rem;
    height: 4rem;
    float: left;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.5rem;
}

.caja_foros .titulo:hover {
    color: rgb(0, 177, 255);
    cursor: pointer;
}

.titulo .autor {
    float: left;
    font-size: 0.9rem;
    font-weight: lighter;
}

.caja_foros .respuestas {
    /*background-color: red;*/
    width: 10rem;
    height: 4rem;
    float: left;
    font-weight: bold;
    text-align: center;
}

.caja_foros .ultimo_msj {
    /*background-color: green;*/
    width: 12rem;
    height: 4rem;
    float: left;
    text-align: center;
}

.costado {
    /*background-color: green;*/
    width: 15rem;
    height: 50rem;
    float: right;
    margin-top: 1rem;
}

/* Chat */

.chat {
    /*background-color: red;*/
    width: 60rem;
    height: 60rem;
    float: left;
    margin-top: 1rem;
}

.chat .caracteristicas {
    background-color: rgba(0, 0, 0, 0.6);
    width: 60rem;
    height: 4.5rem;
    float: left;
    padding-top: 1rem;
}

.chat .caracteristicas .foto {
    width: 4rem;
    float: left;
    margin-left: 2rem;
}

.chat .caracteristicas .texto_1 {
    /*background-color: red;*/
    color: white;
    float: left;
    font-size: 1.2rem;
    font-weight: lighter;
    margin-left: 1rem;
}

.chat .caracteristicas .texto_2 {
    /*background-color: yellow;*/
    color: white;
    float: ;
    font-weight: bold;
    margin-left: 0rem;
}

.caja_chat {
    background-color: rgba(0, 177, 255, 0.1);
    width: 60rem;
    height: 32rem;
    float: left;
    margin-top: 1rem;
    padding-top: 2rem;
}

.caja_chat .foto {
    background-color: gold;
    width: ;
    height: ;
    float: left;
    margin-left: 2rem;
    margin-right: 1rem;
    margin-top: 1rem;
}

.caja_chat .titulo {
    /*background-color: yellow;*/
    width: 40rem;
    height: 11rem;
    float: left;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.5rem;
    margin-top: 1rem;
}

.titulo .texto {
    float: left;
    font-size: 0.9rem;
    font-weight: lighter;
    line-height: 1.4rem;
}

.caja_chat .horario {
    /*background-color: green;*/
    color: grey;
    width: 12rem;
    height: 11rem;
    float: left;
    text-align: center;
    margin-top: 1rem;
    font-size: 0.9rem;
}

.caja_chat .titulo_nati_2 {
    /*background-color: yellow;*/
    width: 40rem;
    height: 6rem;
    float: left;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.5rem;
    margin-top: 1rem;
}

.titulo_nati_2 .texto_nati_2 {
    float: left;
    font-size: 0.9rem;
    font-weight: lighter;
    line-height: 1.4rem;
}

.caja_chat .horario_nati_2 {
    /*background-color: green;*/
    color: grey;
    width: 12rem;
    height: 6rem;
    float: left;
    text-align: center;
    margin-top: 1rem;
    font-size: 0.9rem;
}

.costado {
    /*background-color: green;*/
    width: 15rem;
    height: 60rem;
    float: right;
    margin-top: 1rem;
}

#respuesta {
    border-color: rgb(0, 177, 255);
    border-width: thin;
    border-style: solid;
    width: 60rem;
    height: 10rem;
    float: left;
    margin-top: 2rem;
}

#respuesta .formulario_enviar {
    margin-top: 2rem;
    margin-left: 2rem;
    float: left;
}

#respuesta .formulario { 
    /*background-color: aqua;*/
    color: black;
    border-color: rgb(0, 177, 255);
    border-style: solid;
    border-width: thin;
    width: 55rem;
    height: 2rem;
    padding-left: 1rem;
}

#respuesta .enviar { 
    background-color: rgb(0, 177, 255);
    color: white;
    font-size: 1rem;
    font-weight: bold;
    /*border-color: rgb(0, 177, 255);
    border-style: solid;
    border-width: thin;*/
    margin-top: 1rem;
    float: right;
    width: 7rem;
}


/*///////////////////TUTORIALES/////////////*/

.tutorial_gde {
    margin-top: 1rem;
}

.column_izq {
    float: left;
    width: 20%;
    height: auto;
    margin-top: 1rem;
    margin-right: 1rem;
    background-color: rgb(200, 200, 200);
    }

.column_izq ul {
    float: left;
    margin-top: 0.75rem;
    margin-bottom: .75rem;
    }

.column_izq ul li {
    float: left;
    font-variant: small-caps;
    margin-top: .75rem;
    padding-bottom: .5rem;
    margin-bottom: .25rem;
    padding-left: 3.5rem;
    margin-left: 1rem;}

.column_izq .marcado {
    border-bottom: solid;
    border-bottom-color: rgb(230, 230, 230);
    border-bottom-width: thin;
    border-left: solid;
    border-left-color:rgb(166, 82, 154); }

.column_izq2 {
    float: left;
    width: 20%;
    height: auto;
    margin-top: 1rem;
    margin-right: 1rem;}

.column_izq2 .titulo_confondo {
    float: left;
    background-color: black;
    width: 98%;
    height: auto;}

.titulo_confondo h3 {
    float: left;
    color: rgb(166, 82, 154);
    font-size: 1.5rem;
    margin: .5rem;
    margin-right: 0;
    margin-left: 1rem;}

.titulo_confondo h4 {
    float: left;
    color: white;
    font-size: 1.5rem;
    margin: .5rem;
    margin-left: 0rem;}

.column_izq2 ul {
    float: left;
    margin-left: 0rem;
    font-variant: small-caps;
    margin-top: .5rem;
    margin-bottom: 1rem;
    
}

.column_izq2 ul h5 {
    float: left;
    margin-left: .5rem;
    margin-bottom: 0.5rem;
    margin-top: 0rem;
    font-size: .95rem;
    font-weight: bolder;}

.column_izq2 ul li {
    float: left;
    margin-left: .5rem;
    margin-top: .2rem;
    margin-bottom: .2rem;
    }

.cuadradito1 {
    float: left;
    width: 1rem;
    height: 1rem;
    background-color: rgb(166, 82, 154);
    margin-right: .75rem;
    margin-top: .2rem;}

.cuadradito2 {
    float: left;
    width: 1rem;
    height: 1rem;
    background-color: rgb(200, 200, 200);
    margin-right: .75rem;
    margin-top: .2rem;}

.column_izq2 ul span {
    float: right;
    margin-top: .25rem;
    color: rgb(166, 82, 154);
    font-weight: bolder;
    }

.info_programa {
    float: left;
    width: 77%;
    margin: .5rem;
    margin-left: 0;}

.info_programa h5 {
    float: left;    
    font-size: 1.1rem;
    margin-top: 1rem;
    margin-bottom: 0rem;}

.info_programa .social {
    float: right;
    width: 100%;
    height: auto;
    position: relative;
    margin: .5rem;
    margin-top: -8rem;}

.social img {
    float: right;
    width: 3%;
    height: auto;
    margin-right: .5rem;    
    }

.info_programa p {
    float: left;
    font-size: .75rem;
    margin-top: 1.5rem;
    }

.tutorial_guardado {
    float: left;    
    width: 77.5%;
    height: 3rem;
    margin-top: 0rem;
    background-color: rgb(166, 82, 154);
    }

.tutorial_guardado span {
    float: left;    
    font-size: 1.2rem;
    line-height: 1.75rem;
    font-variant: small-caps;
    color: white;
    padding-left: 3rem;
    padding-top: .5rem;
    }

.tutorial_guardado input {
    float: right;    
    margin-top: .75rem;
    margin-right: 2rem;}

.tutoriales {
    float: left;
    }

.tutoriales iframe {
    float: left ;
    margin: .5rem;}

.apuntes {
    float: left;
    width: 40%;
    margin-top: 1.5rem;
}

.apuntes .top {
    float: left;
    width: 100%;
    background-color: rgb(166, 82, 154);
    height: 2.25rem;        
    }

.top input {
    float: right;
    margin-right: 2rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    color: rgb(170, 170, 170)}

.lista {
    float: left;
    width: 100%;
    margin-top: .5rem;
    /*border : solid 2px #ff0000;
    background : #000000;*/
    color : black;
    font-size: .95rem;
    line-height: 2.25rem;
    padding : 4px;
    height : 15rem;
    overflow : auto;}

.subir_bajar {
    float: left;
    margin-left: 1rem;
    margin-right: -.25rem;
    
    width: 17%;}

.subir_bajar .subir {
    float: left;
    background-color: black;
    margin-top: 8rem;
    margin-right: 0rem;
    margin-bottom: 1rem;
    }

.subir_bajar .subir h3 {
    float: left;
    font-size: 1.5rem;
    color: rgb(166, 82, 154);
    padding-left: .5rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-right: 0rem;}

.subir_bajar .subir h4 {
    float: left;
    font-size: 1.5rem;
    color: white;
    padding-right: .9rem;
    margin-right: 0rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-left: 0rem;}

.subir_bajar .bajar{
    float: left;
    background-color: black;
    margin-right: 0rem;
    margin-bottom: 5rem;}

.subir_bajar .bajar h3 {
    float: left;
    font-size: 1.5rem;
    color: white;
    padding-left: .5rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-right: 0rem;
    }

.subir_bajar .bajar h4 {
    float: left;
    font-size: 1.5rem;
    color: rgb(166, 82, 154);
    padding-right: .5rem;
    margin-right: 0rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-left: 0rem;}

/*////////////novedades PAGINA///////*/

.novedad1 {
    float: left;
    width: 54%;
    height: auto;
    margin-top: 1rem;
    margin-right: 1rem;}

.novedad1 img {
    float: left;
    width: 100%;
    height: auto;
    }

.novedad1 .parrafo3 {
    position: absolute;
    margin-top: 4rem;}

.parrafo3 span {
    float: left;
    font-variant: small-caps;
    line-height: 1.65rem;
    margin-bottom: .75rem;
    font-size: 1rem;
    padding-left: .25rem;
    padding-right: .5rem;
    color: white;
    background-color: rgb(242, 138, 26);}

.novedad1 .titulo {
    position: absolute;
    float: left;
    background-color: black;
    margin-top: 12.5rem;
    width: 31.4rem;}

.novedad1 .titulo h3 {
    float: left;
    font-size: 2.5rem; 
    color:  rgb(242, 138, 26);
    line-height: 3rem;
    margin-left: 3rem;
    margin-top: .5rem;  
    margin-bottom: .5rem;
    margin-right: 0rem;
    
}

.novedad1 .titulo h4 {
    float: left;
    font-size: 2.5rem; 
    color:  white;
    line-height: 3rem;
    margin-left: 0rem;
    margin-top: .5rem;  
    margin-bottom: .5rem;
    margin-right: 1rem;
    
}
    
.novedad2 {
    float: left;
    width: 44%;
    height: auto;
    margin-top: 1rem;}

.novedad2 img {
    float: left;
    width: 100%;
    height: auto;}

.novedad2 .subida {
    position: absolute;
    margin-left: .5rem;
    margin-top: .5rem;}

.novedad2 .subida p {
    float: left;
    font-size: .75rem;
    margin: 0rem;
    background-color: black;
    color: white;
    padding: .25rem;
    
}

.novedad2 .titulo4 {
    position: absolute;
    margin-top: 4.5rem;
    background-color: black;}

.titulo4 h3 {
    float: left;
    font-size: 1.25rem;
    color: rgb(242, 138, 26);
    padding-left: .75rem;
    margin-right: 0rem;
    margin-bottom: .25rem;
    margin-top: .25rem;
    }

.titulo4 h4 {
    float: left;
    font-size: 1.25rem;
    color: white;
    padding-right: .75rem;
    margin-left: 0rem;
    margin-bottom: .25rem;
    margin-top: .25rem;
    }

.novedad2 .parrafo4 {
    position: absolute;
    margin-top: 9rem;}

.parrafo4 span {
    float: left;
    font-variant: small-caps;
    line-height: 1.65rem;
    margin-bottom: .75rem;
    font-size: 1rem;
    padding-left: .25rem;
    padding-right: .5rem;
    color: white;
    background-color: rgb(242, 138, 26);}

.titulo_video {
    float: left;
    background-color: rgb(242, 138, 26);
    margin: 0;
    margin-top: -.2rem;
    
    }

.titulo_video h4 {
    float: left;  
    color: white;
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin: 0rem;
    padding-left: .5rem;
    font-weight: 100;
    }

.titulo_video h5 {
    float: left;
    color: white;
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin: 0rem;
    padding-right: .5rem;
    }


.novedad3 {
    float: left;
    width: 21%;
    height: 17.8rem;
    margin-top: 1rem;
    margin-right: .66rem;
    background-color: rgb(218, 218, 218);}

.novedad3 img {
    float: left;
    width: 100%;
    
    height: auto;
    
    }

.novedad3 .title1 {
    position: absolute;
    margin-top: 9.75rem;}

.title1 h3 {
    float: left;
    font-size: 1.1rem;
    background-color: black;
    color: white; 
    margin: 0rem;
    padding: .25rem;
    padding-right: 1rem;}


.title1 h4 {
    float: left;
    font-size: 1.1rem;
    background-color: black;
    color:  rgb(242, 138, 26);
    margin: 0rem;
    padding: .25rem;
    padding-right: 1rem;
    
}

.novedad3 p {
    position: absolute;
    margin-top: 14rem; 
    font-size: .9rem;
    margin-left: .25rem;
    margin-right: .25rem;}

.novedad3 .title2 {
    float: left;
    margin-top: 2rem;
    background-color: black;
    }

.title2 h3 {
    float: left;
    font-size: 1.1rem;
    line-height: 1.5rem;
    margin: 0rem;
    color: white;
    padding-left: .25rem;
    padding-top: .25rem;
    padding-bottom: .25rem;}

.title2 h4 {
    float: left;
    font-size: 1.1rem;
    line-height: 1.5rem;
    margin: 0rem;
    color: rgb(242, 138, 26);
    padding-right: .5rem;
    padding-top: .25rem;
    padding-bottom: .25rem;}

.novedad3 .parrafo6 {
    float: left;
    margin-top: 1.5rem;}

.parrafo6 span {
    background-color: rgb(242, 138, 26);
    font-variant: small-caps;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-right: .75rem;
    color: white;
    padding-bottom: .15rem;
    margin-bottom: 1.75rem;
}

.novedad3 .p_normal {
    position: relative;
    float: left;
    margin: .25rem;
    margin-top: 1rem;
    font-size: .9rem;
    line-height: 1.1rem;
    }


.novedad4 {
    float: left;
    margin-top: 1rem;
    width: 100%;}

.novedad4 .titulo4 {
    float: left;    
    margin: 0rem;
    background-color: black;}

.novedad4 .titulo4 h3 {
    float: left;
    margin: .25rem;
    margin-right: 0rem;
    color: rgb(242, 138, 26);
    font-size: 2.25rem;
    line-height: 3rem;
}

.novedad4 .titulo4 h4 {
    float: left;
    margin: .25rem;
    margin-left: 0rem;
    color: white;
    font-size: 2.25rem;
    line-height: 3rem;
}

.novedad4 span {
    float: left;    
    font-size: .95rem;
    width: 50%;
    margin-left: 2rem;}

.novedad4 .social{
    position: relative;
    float: right;
    margin-top: -9rem;}

.novedad4 .tipo_baner {
    float: left;
    width: 100%;
    }

.novedad4 .parrafo7 {
    position: absolute;
    margin-top: 6rem;
    }

.novedad4 .parrafo7 span {
    position: relative;
    float: left;
    margin: 0rem;
    width: auto;
    background-color: rgb(242, 138, 26);
    color: white;
    font-variant: small-caps;
    font-size: 1.1rem;
    line-height: 1.5rem;
    margin-bottom: .75rem;
    padding-right: .75rem;
    padding-left: .25rem;
    }

.galeria_libros {
    float: left;    
    width: 100%;
    height: auto;
    margin-top: 1rem;
    background-color: rgb(218, 218, 218);}

.galeria_libros img {
    float: left;
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 9%;
    opacity: .5;}

.galeria_libros .flechas {
    width: 3%;
    opacity: 1;
    margin: .55rem;
    margin-top: 3.5rem;
}

.galeria_libros h3 {
    position: absolute;
    margin-top: 7rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    background-color: rgb(242, 138, 26);
    padding-left: 3rem;
    padding-right: 1rem;
    padding-bottom: .3rem;
    padding-top: .3rem;
    color: white;
        
}

/*//////////////////////////////JUEGO////////////////////////////*/

.juego {
    float: left;
    width: 100%}

.info_principal .titulo_juego {
    background-color: red;
    color: white;
    font-size: 2rem;
    line-height: 2rem;
    width: 100%;
    margin-top: 1rem;}

/*  Cursos  */

.curso_fotografia {
    background-color: rgba(0, 0, 0, 0.1);
    width: 50rem;
    height: 25rem;
    float: left;
    border-top-color: blue;
    border-top-width: 2rem;
    border-top-style: solid;
    margin-top: 1rem;
}

.curso_fotografia .foto {
    background-color: ;
    width: 16rem;
    height: ;
    float: left;
    margin-left: 2rem;
    margin-top: 1rem;
}

.curso_fotografia .foto:hover {
    background-color: blue;
    cursor: pointer;
}

.curso_fotografia .titulo {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    margin: 0rem;
    width: 31rem;
    font-size: 1.5rem;
    margin-top: 1rem;
    margin-left: 1rem;
    line-height: 1.2rem;
    float: left;
}

.curso_fotografia .subtitulo {
    /*background-color: greenyellow;*/
    color: blue;
    margin: 0rem;
    font-size: 0.9rem;
    font-weight: lighter;
    text-decoration: underline;
    margin-top: 0.3rem;
    margin-left: 1rem;
    width: ;
    height: ;
    float: left;
}

.curso_fotografia .texto {
    /*background-color: skyblue;*/
    width: 30rem;
    margin-left: 1rem;
    line-height: 1.4rem;
    height: ;
    float: left;
}

.curso_fotografia .datos {
    /*background-color: red;*/
    width: 28rem;
    text-decoration: underline;
    height: ;
    float: left;
    margin-left: 1rem;
    line-height: 1.8rem;
}

.curso_fotografia .fecha {
    font-weight: bold;
    font-size: 1.1rem;
}

/*curso_fotografia .mas {
    background-color: red;
    width: 2rem;
    height: 5rem;
    float: left;
}*/

.formulario_curso {
    /*background-color: rgba(0, 0, 255, 0.1);*/
    border-color: blue;
    border-style: dashed;
    border-width: 0.1rem;
    width: 23.8rem;
    height: 27rem;
    float: left;
    margin-top: 1rem;
    margin-left: 1rem;
}

.formulario_curso .titulo {
    /*background-color: red;*/
    width: 20rem;
    text-decoration: underline;
    height: ;
    float: left;
    margin-top: 5rem;
    font-size: 1.5rem;
    color: blue;
    margin-left: 2rem;
}

.formulario_curso .formulario{
    background-color: ;
    width: 20rem;
    height: ;
    float: left;
    margin-top: ;
}

.formulario .casillero_1 {
    background-color: rgba(0, 0, 0, 0.05);
    border-bottom-color: blue;
    border-bottom-style: solid;
    border-bottom-width: 0.1rem;
    width: 20rem;
    height: ;
    float: left;
    padding: 0.2rem;
    margin-top: 1rem;
    margin-left: 2rem;
}

.formulario .casillero_2 {
    background-color: rgba(0, 0, 0, 0.05);
    border-bottom-color: blue;
    border-bottom-style: solid;
    border-bottom-width: 0.1rem;
    width: 20rem;
    height: ;
    float: left;
    padding: 0.2rem;
    margin-top: 1rem;
    margin-left: 2rem;
}

.formulario .casillero_3 {
    background-color: rgba(0, 0, 0, 0.05);
    width: 8rem;
    border-bottom-color: blue;
    border-bottom-style: solid;
    border-bottom-width: 0.1rem;
    height: ;
    float: left;
    padding: 0.2rem;
    margin-right: 1rem;
    margin-left: 2rem;
    margin-top: 1rem;
}

.formulario .casillero_4 {
    background-color: rgba(0, 0, 0, 0.05);
    width: 6.5rem;
    border-bottom-color: blue;
    border-bottom-style: solid;
    border-bottom-width: 0.1rem;
    height: ;
    float: left;
    padding: 0.2rem;
    margin-top: 1rem;
}

.formulario .enviar {
    background-color: blue;
    color: white;
    font-weight: bold;
    width: 10.2rem;
    height: ;
    float: left;
    margin-top: 1rem;
    margin-left: 2rem;
}

.destacado_bienal {
    /*background-color: red;*/
    border-color: blue;
    border-style: solid;
    border-width: thin;
    width: 58.1rem;
    height: 18rem;
    float: left;
    margin-top: 1rem;
}

.destacado_bienal .texto {
    color: blue;
    float: left;
    margin: 3rem;
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.5rem;
}

.destacado_bienal .texto:hover {
    text-decoration: underline;
    cursor: pointer;
}

.destacado_bienal .aclaracion {
    color: blue;
    font-size: 1.5rem;
    font-weight: bold;
}

.costado_cursos {
    background-color: skyblue;
    width: 15rem;
    height: 49rem;
    float: right;
    margin-top: 1rem;
}

.cursos_varios {
    /*background-color: bisque;*/
    width: 50rem;
    height: 30rem;
    float: left;
    margin-top: 1rem;
}

/*////////BOTONES APUNTES////////*/

.filtros {
    float: left;
    margin: .5rem;
    margin-top: 2rem;
    margin-left: 2rem;
    font-variant: small-caps;
    
    
    }

.filtros span {
    background-color: rgb(210, 210, 210);
    line-height: 1.2rem;
    padding: .25rem;}

.filtros .selecc {
    background-color: rgb(180, 180, 180);}

.filtros span:hover {
    background-color: rgb(155, 155, 155);
    }


/*  Librerias  */

.curso_libreria {
    background-color: rgba(252, 229, 0, 0.1);
    width: 58.5rem;
    height: 25rem;
    float: left;
    border-top-color: rgb(252, 229, 0);
    border-top-width: 2rem;
    border-top-style: solid;
    margin-top: 1rem;
}

.curso_libreria .promocion_1 {
    /*background-color: red;*/
    width: 17.5rem;
    height: 23rem;
    float: left;
    margin: 1rem;
}

.curso_libreria .promocion_1 .datos {
    /*background-color: yellow;*/
    width: 13rem;
    height: 9.5rem;
    float: ;
    margin-top: 1rem;
    margin-left: 2rem;
}

.curso_libreria .foto {
    background-color: ;
    width: ;
    height: ;
    float: left;
    margin-left: 2rem;
    margin-top: 1rem;
}

.curso_libreria .foto:hover {
    background-color: yellow;
    cursor: pointer;
}

.curso_libreria .titulo {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    margin: 0rem;
    width: 31rem;
    font-size: 1.5rem;
    margin-top: 1rem;
    margin-left: 1rem;
    line-height: 1.2rem;
    float: left;
}

.curso_libreria .datos {
    /*background-color: red;*/
    width: 28rem;
    text-decoration: underline;
    height: ;
    float: left;
    margin-left: 1rem;
    line-height: 1.8rem;
}

.curso_libreria .fecha {
    font-weight: bold;
    font-size: 1.1rem;
}

/*curso_fotografia .mas {
    background-color: red;
    width: 2rem;
    height: 5rem;
    float: left;
}*/

.formulario_libreria {
    /*background-color: rgba(0, 0, 255, 0.1);*/
    border-color: black;
    border-style: dashed;
    border-width: 0.1rem;
    width: 15rem;
    height: 27rem;
    float: left;
    margin-top: 1rem;
    margin-left: 1rem;
}

.formulario_libreria .titulo {
    /*background-color: red;*/
    width: 10rem;
    float: left;
    margin-top: 2rem;
    font-size: 5rem;
    color: black;
    margin-left: 2.3rem;
}

.formulario_libreria .titulo .bajada {
    /*background-color: red;*/
    width: 10rem;
    text-decoration: underline;
    height: ;
    float: left;
    margin-top: ;
    font-size: 0.9rem;
    color: black;
    margin-left: 0.8rem;
}

.formulario_libreria .formulario{
    background-color: ;
    width: 20rem;
    height: ;
    float: left;
    margin-top: ;
}

.formulario_libreria .formulario .casillero_1 {
    background-color: rgba(0, 0, 0, 0.05);
    border-bottom-color: rgb(252, 229, 0);
    border-bottom-style: solid;
    border-bottom-width: 0.1rem;
    width: 10rem;
    height: ;
    float: left;
    padding: 0.2rem;
    margin-top: 1rem;
    margin-left: 2.3rem;
}

.formulario_libreria .formulario .casillero_2 {
    background-color: rgba(0, 0, 0, 0.05);
    border-bottom-color: rgb(252, 229, 0);
    border-bottom-style: solid;
    border-bottom-width: 0.1rem;
    width: 10rem;
    height: ;
    float: left;
    padding: 0.2rem;
    margin-top: 1rem;
    margin-left: 2.3rem;
}

.formulario_libreria .formulario .casillero_3 {
    background-color: rgba(0, 0, 0, 0.05);
    width: 10rem;
    border-bottom-color: rgb(252, 229, 0);
    border-bottom-style: solid;
    border-bottom-width: 0.1rem;
    height: ;
    float: left;
    padding: 0.2rem;
    margin-right: 1rem;
    margin-left: 2.3rem;
    margin-top: 1rem;
}

.formulario_libreria .formulario .casillero_4 {
    background-color: rgba(0, 0, 0, 0.05);
    width: 10rem;
    border-bottom-color: rgb(252, 229, 0);
    border-bottom-style: solid;
    border-bottom-width: 0.1rem;
    height: ;
    float: left;
    padding: 0.2rem;
    margin-top: 1rem;
    margin-left: 2.3rem;
}

.formulario_libreria .formulario .enviar {
    background-color: rgb(252, 229, 0);
    color: white;
    font-weight: bold;
    width: 10.7rem;
    height: ;
    float: left;
    margin-top: 1rem;
    margin-left: 2.3rem;
}

.formulario_libreria .destacado_poli {
    background-color: red;
    border-color: rgb(252, 229, 0);
    border-style: solid;
    border-width: thin;
    width: 58.1rem;
    height: 18rem;
    float: left;
    margin-top: 1rem;
}

.destacado_poli .texto {
    background-color: rgba(0, 0, 0, 0.50);
    border-color: rgb(252, 229, 0);
    border-style: solid;
    border-width: thin;
    color: rgb(252, 229, 0);
    float: left;
    margin: 3rem;
    text-align: center;
    font-size: 1.5rem;
    line-height: 2.5rem;
}

.destacado_poli .texto:hover {
    text-decoration: underline;
    cursor: pointer;
}

.destacado_poli .aclaracion {
    color: rgb(252, 229, 0);
    font-size: 1.5rem;
    font-weight: bold;
}

.costado_cursos {
    background-color: skyblue;
    width: 15rem;
    height: 49rem;
    float: right;
    margin-top: 1rem;
}

.cursos_varios {
    /*background-color: bisque;*/
    width: 50rem;
    height: 30rem;
    float: left;
    margin-top: 1rem;
}