/*NOTICIA*/
#noticiaPrincipal{
        text-align: center;
        width: 100%;
        /*background-position: center top;
        background-repeat: no-repeat;
        background-size: 1100px auto;
        height: 1450px;
        margin: 20px auto 0;
        width: 1100px;*/
}
#noticiaPrincipal img{
        margin: 20px auto 0;
        text-align: center;
        width: 100%; /*width: 1100px; SE QUITA*/
}
/*EDUCACION A DISTANCIA ============================================================*/
#partGeneralLic .posgrado{
        border-bottom: 2px solid;
        margin: 30px auto 20px;
        text-align: center;
        width: 1100px;
}

#partGeneralLic .posgrado .oferta{
        background-color: rgba(200, 200, 200, 0.2);
        border-radius: 0 20px 0 0;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 5px;
        padding: 10px;
        text-align: center;
        min-width: 130px;
}

#partGeneralLic .posgrado .oferta:hover{
        background-color: rgba(200, 200, 200, 0.5);
}

#partGeneralLic .posgrado a{
        color: black;
        text-decoration: none;
}
/*EDUCACION CONTINUA ============================================================*/
#partGeneralUniVirtual .posgrado{
        border-bottom: 2px solid;
        margin: 30px auto 20px;
        text-align: center;
        width: 1100px;
}

#partGeneralUniVirtual .posgrado .oferta{
        background-color: rgba(200, 200, 200, 0.2);
        border-radius: 0 20px 0 0;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 5px;
        padding: 10px;
        text-align: center;
        min-width: 130px;
}

#partGeneralUniVirtual .posgrado .oferta:hover{
        background-color: rgba(200, 200, 200, 0.5);
}

#partGeneralUniVirtual .posgrado a{
        color: black;
        text-decoration: none;
}

#f1{
        background-image: url("../imgs/continua/formadores/1.png");
} 
#f2{
        background-image: url("../imgs/continua/formadores/2.png");
} 
#f3{
        background-image: url("../imgs/continua/formadores/3.png");
} 
#f4{
        background-image: url("../imgs/continua/formadores/4.png");
} 
#f5{
        background-image: url("../imgs/continua/formadores/5.png");
} 
#f6{
        background-image: url("../imgs/continua/formadores/6.png");
} 
#f7{
        background-image: url("../imgs/continua/formadores/7.png");
}
#f8{
        background-image: url("../imgs/continua/formadores/8.png");
}
#f9{
        background-image: url("../imgs/continua/formadores/9.png");
}
#f10{
        background-image: url("../imgs/continua/formadores/10.png");
}
#f11{
        background-image: url("../imgs/continua/formadores/11.png");
}
#f12{
        background-image: url("../imgs/continua/formadores/12.png");
}
#f13{
        background-image: url("../imgs/continua/formadores/13.png");
}
#f14{
        background-image: url("../imgs/continua/formadores/14.png");
}
#f15{
        background-image: url("../imgs/continua/formadores/15.png");
}
#f16{
        background-image: url("../imgs/continua/formadores/16.png");
}
#f17{
        background-image: url("../imgs/continua/formadores/17.png");
}
/*CURSOS  =============================================================================*/
.titleDivCurso{
        border-bottom: 1px solid #007dbd;
        font-size: 24px;
        height: 30px;
        margin: 30px 0 10px;
        padding-left: 60px;
        padding-top: 10px;
        text-shadow: 1px 1px 2px gray;
}
/*DIRECTORIO ==========================================================================*/
.head{
        /*background-image: url("../imgs/directorio/dra.png");*/
        background-image: url("../imgs/directorio/dra.jpg");
        background-position: left top;
        background-repeat: no-repeat;
        /*background-size: 475px auto;
        border: 1px solid;*/
        height: 350px;
        margin-bottom: 30px;
}
.head .text{
        float: right;
        padding: 60px;
        width: 600px;
}
.single{
        /*border: 1px dashed;*/
        float: left;
        height: 350px;
        margin-bottom: 30px;
        margin-left: 5px;
        width: 540px;
}
.single .pbtn{
        display: table;
        height: 212px;
        overflow: hidden;
        width: 249px;
}
.single .pbtn div a div:hover{
        background-color: rgba(150,150,250,0.2);
}
.single .pbtn .btn-der{
        display: table-cell;
        text-align: right;
        vertical-align: bottom;
}
.single .pbtn .btn-izq{
        display: table-cell;
        padding-left: 30px;
        text-align: left;
        vertical-align: bottom;
}
.div_dir{
        border: 1px solid #ccc;
        float: left;
        margin: 0 auto 20px 175px;
        width: 750px;

}
#c1{
        background-image: url("../imgs/directorio/3.jpg");
        /*background-image: url("../imgs/directorio/3.png");*/
        background-position: left bottom;
        background-repeat: no-repeat;
        /*background-size: 310px auto; */
}
#c2{
        background-image: url("../imgs/directorio/2.png");
        background-position: right top;
        background-repeat: no-repeat;
        /*background-size: 475px auto;*/
}
#c3{
        /*background-image: url("../imgs/directorio/4.png");*/
        background-image: url("../imgs/directorio/4.jpg");
        background-position: left bottom;
        background-repeat: no-repeat;
        /*background-size: 310px auto;*/
}
#c4{
       /* background-image: url("../imgs/directorio/5.png");*/
        background-image: url("../imgs/directorio/5.jpg");
        background-position: right top;
        background-repeat: no-repeat;
        /*background-size: 475px auto;*/
}
#c5{
        background-image: url("../imgs/directorio/6.png");
        background-position: right top;
        background-repeat: no-repeat;
        height: 800px;
        width: 100%;
        /*background-size: 475px auto;*/
}
#c6{
        background-image: url("../imgs/directorio/7.jpg");
        /*background-image: url("../imgs/directorio/7.png");*/
        background-position: right top;
        background-repeat: no-repeat;
        height: 800px;
        width: 100%;
        /*background-size: 475px auto;*/
}
#c7{
        background-image: url("../imgs/directorio/8.png");
        /*background-image: url("../imgs/directorio/8.jpg");*/
        background-position: right top;
        background-repeat: no-repeat;
        height: 800px;
        width: 100%;
        /*background-size: 475px auto;*/
}
#c8{
        /*background-image: url("../imgs/directorio/9.png");*/
        background-image: url("../imgs/directorio/9.jpg");
        background-position: right top;
        background-repeat: no-repeat;
        height: 800px;
        width: 100%;
        /*background-size: 475px auto;*/
}
#c09{
        /*background-image: url("../imgs/directorio/9.png");*/
        background-image: url("../imgs/directorio/c09.jpg");
        background-position: left; top;
        background-repeat: no-repeat;
        height: 800px;
        width: 100%;
        /*background-size: 475px auto;*/
}
#c10{
        /*background-image: url("../imgs/directorio/9.png");*/
        background-image: url("../imgs/directorio/c10.jpg");
        background-position: right top;
        background-repeat: no-repeat;
        height: 800px;
        width: 100%;
        /*background-size: 475px auto;*/
}
.izq, .der{
        border: 1px solid;
        height: 350px;
        margin-bottom: 30px;
        width: 100%;
}

.izq{float: left;}

.der{float: right;}

.izq .img, .der .img{
        border: 1px dashed;
        /*display: inline-block;*/
        float: left;
        height: 350px;
        width: 500px;
}
.izq .grupo, .der .grupo{
        background-image: url("../imgs/directorio/catMaster.jpg");
        background-position: -35px bottom;
        background-repeat: no-repeat;
        background-size: 230px auto;
        border: 1px dashed;
        border-radius: 100px;
        float: left;
        height: 140px;
        margin: 25px 25px 0;
        position: relative;
        width: 140px;
}
.izq .grupo p, .der .grupo p{
        margin-left: 35px;
        margin-top: 60px;
}
.der .img{float: right;}

.der .grupo{float: right;}

.izq .grupo_t{
        background-image: url("../imgs/directorio/c1.jpg");
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: 310px auto;
        float: left;
        height: 350px;
        position: absolute;
}
.der .grupo_t{
        background-image: url("../imgs/directorio/c4.jpg");
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: 350px auto;
        float: left;
        height: 350px;
        position: absolute;
        width: 1100px;
}

.izq .grupo_t .pbtn, .der .grupo_t .pbtn{
        display: table;
        height: 300px;
        overflow: hidden;
        width: 1040px;
}
.izq .grupo_t .pbtn .btn-der{
        display: table-cell;
        text-align: right;
        vertical-align: bottom;
}
.der .grupo_t .pbtn .btn-izq{
        display: table-cell;
        padding-left: 30px;
        text-align: left;
        vertical-align: bottom;
}

/*GENERAL =============================================================================*/
.active{
        background-color: #007dbd; 
        color: white !important;
}
.select{
        background-color: #aaa !important; 
}

#partGeneralUniVirtual .tituloArea{
        margin: 30px auto 20px;
        width: 1065px;
}

#partGeneralUniVirtual .tituloArea .oferta{
        background-color: rgba(200, 200, 200, 0.2);
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        padding: 10px;
        /*width: 190px;*/
}
#partGeneralUniVirtual .tituloArea .oferta a{
        color: black;
        text-decoration: none;
}
#partGeneralUniVirtual .tituloArea .oferta a:hover{
        color: #007dbd;
}



#partContent{}

#partContent .wrap{
        margin: 0 auto;
        width: 1100px;
}

#partContent .wrap .opt{
        background-color: rgba(200, 200, 200, 0.2);
        display: inline-block;
        height: 135px;
        margin: 10px 20px;
        width: 500px;
}
#partContent .wrap .opt.opt-full{
        background-color: rgba(0, 0, 0, 0.0);
        width: calc(100% - 40px);
        border: 1px solid rgba(200, 200, 200, 0.4);
}
 
#partContent .wrap .opt .imagen{
        /*background-color: #007dbd;*/
        display: inline-block;
        height: 135px;
        position: absolute;
        width: 140px;

        background-position: left top;
        background-repeat: no-repeat;
        //background-size: 295px auto;
}
#partContent .wrap .opt.opt-full .imagen{
        width: 235px;
}

/* MODIFICACIÓN ESPECIAL PARA APARTADO DE FORMADORES */
#partContent .wrap .optf{
        background-color: rgba(200, 200, 200, 0.2);
        display: inline-block;
        height: 189px;
        margin: 10px 20px;
        width: 500px;
}

#partContent .wrap .optf .imagen{
        /*background-color: #007dbd;*/
        display: inline-block;
        height: 189px;
        position: absolute;
        width: 140px;

        background-position: left top;
        background-repeat: no-repeat;
}
/* FIN APARTADO DE FORMADORES*/

#partContent .wrap .opt .descripcion, #partContent .wrap .optf .descripcion{
        display: inline-block;
        margin-left: 160px;
        position: absolute;
        width: 325px;
}
#partContent .wrap .opt.opt-full .descripcion, #partContent .wrap .optf .descripcion{
        margin-left: 250px;
        width: calc(100% - 260px);
        position: relative;
}

#partContent .wrap .opt .descripcion .titulo, #partContent .wrap .optf .descripcion .titulo{
        font-weight: bold;
        padding: 10px 0;
}

#partContent .wrap .opt .descripcion .contenido, #partContent .wrap .optf .descripcion .contenido{
        font-size: 0.9em;
}

#partContent .wrap .opt .descripcion .leer, #partContent .wrap .optf .descripcion .leer{
        margin-top: 20px;
        text-align: right;
}
#partContent .wrap .opt .descripcion .leer a, #partContent .wrap .optf .descripcion .leer a{
        color: #007dbd;
        text-decoration: none;
}


/* INICIO Formato de NOTAS */
.content {
    margin: 0 auto;
    max-width: 1120px; /*width: 1120px; MODIFICADO*/
    width: 100%; /*AGREGADO*/
}
.fondo-cielo{

        background: #1e5799; /* Old browsers */
        background: -moz-linear-gradient(top,  #1e5799 0%, #207cca 21%, #2989d8 38%, #2989d8 50%, #7db9e8 84%, #b5e7ff 99%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(21%,#207cca), color-stop(38%,#2989d8), color-stop(50%,#2989d8), color-stop(84%,#7db9e8), color-stop(99%,#b5e7ff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #1e5799 0%,#207cca 21%,#2989d8 38%,#2989d8 50%,#7db9e8 84%,#b5e7ff 99%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #1e5799 0%,#207cca 21%,#2989d8 38%,#2989d8 50%,#7db9e8 84%,#b5e7ff 99%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #1e5799 0%,#207cca 21%,#2989d8 38%,#2989d8 50%,#7db9e8 84%,#b5e7ff 99%); /* IE10+ */
        background: linear-gradient(to bottom,  #1e5799 0%,#207cca 21%,#2989d8 38%,#2989d8 50%,#7db9e8 84%,#b5e7ff 99%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#b5e7ff',GradientType=0 ); /* IE6-9 */

    -moz-animation: animarCielo 30s infinite;
    -webkit-animation: animarCielo 30s infinite;
    animation: animarCielo 30s infinite;
    -o-animation: animarCielo 30s infinite; 

}
.full-lenght{
        width: 100%;
        height: 100%;
        position: absolute;
}

.fondo-sky-morning{

        
        background-image: -moz-linear-gradient( 90deg, rgb(209,219,235) 0%, rgb(144,176,214) 63%, rgb(99,151,200) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(209,219,235) 0%, rgb(144,176,214) 63%, rgb(99,151,200) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(209,219,235) 0%, rgb(144,176,214) 63%, rgb(99,151,200) 100%);
        padding-bottom: 150px;
        position: relative;
        overflow: hidden;

    -moz-animation: animarCielo1 30s infinite;
    -webkit-animation: animarCielo1 30s infinite;
    animation: animarCielo1 30s infinite;
    -o-animation: animarCielo1 30s infinite; 

}
.fondo-sky-day{
        background-image: -moz-linear-gradient( 90deg, rgb(255,250,209) 0%, rgb(185,203,208) 52%, rgb(123,168,205) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(255,250,209) 0%, rgb(185,203,208) 52%, rgb(123,168,205) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(255,250,209) 0%, rgb(185,203,208) 52%, rgb(123,168,205) 100%);

        -moz-animation: animarCielo2 60s infinite;
        -webkit-animation: animarCielo2 60s infinite;
        animation: animarCielo2 60s infinite;
        -o-animation: animarCielo2 60s infinite; 

}
.fondo-sky-sunset{
        background-image: -moz-linear-gradient( 90deg, rgb(212,169,132) 3%, rgb(129,128,161) 79%, rgb(99,116,165) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(212,169,132) 3%, rgb(129,128,161) 79%, rgb(99,116,165) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(212,169,132) 3%, rgb(129,128,161) 79%, rgb(99,116,165) 100%);

        -moz-animation: animarCielo3 60s infinite;
        -webkit-animation: animarCielo3 60s infinite;
        animation: animarCielo3 60s infinite;
        -o-animation: animarCielo3 60s infinite; 
}
.fondo-sky-night{
        background-image: -moz-linear-gradient( 90deg, rgb(105,113,131) 3%, rgb(70,85,111) 39%, rgb(52,70,96) 62%, rgb(35,55,81) 85%, rgb(23,44,67) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(105,113,131) 3%, rgb(70,85,111) 39%, rgb(52,70,96) 62%, rgb(35,55,81) 85%, rgb(23,44,67) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(105,113,131) 3%, rgb(70,85,111) 39%, rgb(52,70,96) 62%, rgb(35,55,81) 85%, rgb(23,44,67) 100%);

        -moz-animation: animarCielo4 60s infinite;
        -webkit-animation: animarCielo4 60s infinite;
        animation: animarCielo4 60s infinite;
        -o-animation: animarCielo4 60s infinite; 
}

.nota{
        position: relative;
        color: #FFFFFF;

}
.nota-logos{
        background: url("../imgs/logos/UV-bco-new.png") no-repeat scroll right top / 11% auto;
        margin-left: 5%;
    margin-right: 5%;
    width: 90%;
        /*background: url("../imgs/logos/UV-bco-new.png") no-repeat scroll right top / 25% auto, rgba(0, 0, 0, 0) url("../imgs/logos/unach_bco_sombra.png") no-repeat scroll left bottom / 15% auto;*/

}
.nota-pie{
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% auto;

}
.nota .titulo-nota {
        background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
        border-radius: 0 0 15px;
        font-size: 30px;
        max-width: 68%;
        min-width: 50%;
        min-height: 125px;
        padding: 5px 10px 15px 5px;
        font-style: italic;
        text-align: left;
        //width: -moz-max-content;
        /*text-shadow: -1px -1px 1px #999, 1px 1px 1px #999, -1px 1px 1px #999, 1px -1px 1px #999, 4px 4px 5px #000;*/
        text-shadow: 4px 4px 5px #404040;
        /*-webkit-text-fill-color: #FFFFFF;
        -webkit-text-stroke: 1px #999999; */
}
.nota .titulo-nota p {
        margin-left: 10%;
}

.nota .cuerpo-nota{

        background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
        text-shadow: 1px 1px 2px #000;
        border-radius: 15px;
        font-size: 22px;
        font-style: italic;
        margin: 20px auto 0;
        padding: 25px 10px 10px;
        text-align: justify;
        //text-shadow: 4px 4px 5px #404040;
        width: 90%;
        //text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, 1px 1px 2px #555;
        //text-shadow: 4px 4px 5px #404040;
        -webkit-text-fill-color: #FFFFFF;
        //-webkit-text-stroke: 1px #000000; 

}

.cuerpo-nota > p {
    padding-bottom: 15px;
}

.cuerpo-nota li {
    padding-bottom: 20px;
}

.cuerpo-nota td {
    border: 1px solid #000;
    padding: 5px;
    text-align: justify;
}

.cuerpo-nota blockquote {
    font-size: 90%;
    padding: 10px;
    text-align: right;
}
.img-boletin-centrado{
    width: 60%;
    max-width: 460px;

}
.nota > .cuerpo-nota a {
    color: white;
    text-shadow: 1px 1px 2px #007dbd;
}
.titulo-nota > ul, .cuerpo-nota > ul {
    list-style: square;
}

.nube{
    left: 100%;

}
.nube1{
    background-image:url('../imgs/noticias/elementos/nube1.png');
    background-size: 100% auto;
    position: absolute;
    background-repeat: no-repeat;

    height: 115px;
    width: 35%;
    left: 50%;
    top:18%; 
    -moz-animation: nube_d_i 35s linear infinite;
    -webkit-animation: nube_d_i 35s linear infinite;
    animation: nube_d_i 35s linear infinite;
    -o-animation: nube_d_i 35s linear infinite; 
}
.nube2{
    background-image:url('../imgs/noticias/elementos/nube2.png');
    background-size: 100% auto;
    position: absolute;
    background-repeat: no-repeat;


    height: 110px;
    width: 30%;
    left: 100%;
    top:40%; 
    -moz-animation: nube_d_i 45s linear 10s infinite;
    -webkit-animation: nube_d_i 45s linear 10s infinite;
    animation: nube_d_i 45s linear 10s infinite;
    -o-animation: nube_d_i 45s linear 10s infinite; 
}
.nube3{
    background-image:url('../imgs/noticias/elementos/nube3.png');
    background-size: 100% auto;
    position: absolute;
    background-repeat: no-repeat;

    height: 85px;
    width: 25%;
    left: 100%;
    top:60%;
    -moz-animation: nube_d_i 50s linear 2s infinite;
    -webkit-animation: nube_d_i 50s linear 2s infinite;
    animation: nube_d_i 50s linear 2s infinite;
    -o-animation: nube_d_i 50s linear 2s infinite; 
}
.nubes_g1{
    background-image:url('../imgs/noticias/elementos/nubes_g1.png');
    background-size: 100% auto;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center bottom;

    height: 295px;
    width: 70%;
    left: 100%;
    bottom: 4%;

    -moz-animation: nube_d_i_g 45s linear 0s infinite;
    -webkit-animation: nube_d_i_g 45s linear 0s infinite;
    animation: nube_d_i_g 45s linear 0s infinite;
    -o-animation: nube_d_i_g 45s linear 0s infinite; 
}
.nubes_g1_m{
    background-image:url('../imgs/noticias/elementos/nubes_g1.png');
    background-size: 100% auto;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center bottom;

    height: 295px;
    width: 70%;
    left: 100%;
    bottom: 6%;

    -moz-animation: nube_d_i_g_m 60s linear 0s 1;
    -webkit-animation: nube_d_i_g_m 60s linear 0s 1;
    animation: nube_d_i_g_m 60s linear 0s 1;
    -o-animation: nube_d_i_g_m 60s linear 0s 1; 
}
.nubes_g2{
    background-image:url('../imgs/noticias/elementos/nubes_g2.png');
    background-size: 100% auto;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center bottom;

    height: 280px;
    width: 80%;
    left: 100%;
    bottom: 7%;

    -moz-animation: nube_d_i_g 60s linear 10s infinite;
    -webkit-animation: nube_d_i_g 60s linear 10s infinite;
    animation: nube_d_i_g 60s linear 10s infinite;
    -o-animation: nube_d_i_g 60s linear 10s infinite; 

}
.opac_5{
    opacity: 0.5;

}
.opac_8{
    opacity: 0.8;
}

.cuerpo-nota.cuerpo-nota-pie {
    text-align: center;
}
.efe-fuente-verde {
    color: rgb(0,104,71);
    text-shadow: 0 0 2px #FFFFFF;
}
.efe-fuente-blanco {
    color: rgb(255,255,255);
    text-shadow: 0 0 2px #000000;
}
.efe-fuente-rojo {
    color: rgb(206,17,38);
    text-shadow: 0 0 2px #FFFFFF;
}
 /**** Inicio Condiciones de Tamaños ****/

@media (min-width: 480px) {
        .nota-logos{
                background-size: 14% auto,15% auto;
        }
}
@media (min-width: 481px) and (max-width: 768px){
        .nota .titulo-nota {
                font-size: 45px;
        }
        .fondo-sky-morning{
            padding-bottom: 250px;
        }
}
@media (min-width: 768px) {
        .two-col {
                -webkit-column-count: 2; /* Chrome, Safari, Opera */
                -moz-column-count: 2; /* Firefox */
                -o-column-count: 2; 
                column-count: 2;
        }
        .nota .titulo-nota {
                font-size: 56px;
        }

        .fondo-sky-morning{
            padding-bottom: 400px;
        }
}
@media (min-width: 900px) {
        .nota-logos{
                background-size: 11% auto, 15% auto;
        }
}


/****** Fin Condiciones de Tamaños *****/

/***************IDENTIDAD****************/
#contenedores-uv {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.course_category_tree .courses .coursebox {
    background-color: red;
}
.seccion70 {
    display: inline-block;
    width: 69%;
    vertical-align: middle;
}
.seccion30 {
    display: inline-block;
    width: 29%;
    vertical-align: middle;
}
.logo-uv-new {
    background: rgba(0, 0, 0, 0) url("../../imgs/innovacion/identidad/UV_efectos.png") no-repeat scroll center center / 90% auto;
    height: 326px;
    margin: 0 auto;
    width: 230px;
}
.seccion50 {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 49%;
}
.bloque4 {
    /*background: red none repeat scroll 0 0;*/
    display: inline-block;
    min-height: 100px;
    text-align: center;
    width: 165px;
}
.bloque3 {
    /*background: red none repeat scroll 0 0;*/
    display: inline-block;
    min-height: 100px;
    text-align: center;
    width: 210px;
}
h3.title-identi {
    font-size: 22px;
    font-weight: lighter;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: left;
}
.logo-uv-small-140 {
    display: inline-block;
    min-height: 160px;
    width: 100px;
}
.uv-efectos {
    background: rgba(0, 0, 0, 0) url("../../imgs/innovacion/identidad/UV_efectos.png") no-repeat scroll center center / 100% auto;
}
.uv-plasta {
    background: rgba(0, 0, 0, 0) url("../../imgs/innovacion/identidad/UV_colorplasta.png") no-repeat scroll center center / 100% auto;
}
.uv-grises {
    background: rgba(0, 0, 0, 0) url("../../imgs/innovacion/identidad/UV_grises.png") no-repeat scroll center center / 100% auto;
}
.uv-negro {
    background: rgba(0, 0, 0, 0) url("../../imgs/innovacion/identidad/UV_negro.png") no-repeat scroll center center / 100% auto;
}
.boton-identi {
    background: #01509d none repeat scroll 0 0;
    color: white;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    max-width: 200px;
    padding: 8px;
    width: 70%;
}
.boton-identi:hover {
    background: #1d6cb9 none repeat scroll 0 0;
}
h1.title-identi {
    font-size: 36px;
    text-align: left;
}
.fuente-uv-1 {
    background: rgba(0, 0, 0, 0) url("../../imgs/innovacion/identidad/fuente_UV_1.png") no-repeat scroll center center / 100% auto;
}
.fuente-uv-2 {
    background: rgba(0, 0, 0, 0) url("../../imgs/innovacion/identidad/fuente_UV_2.png") no-repeat scroll center center / 100% auto;
}
.fuente-uv-3 {
    background: rgba(0, 0, 0, 0) url("../../imgs/innovacion/identidad/fuente_UV_3.png") no-repeat scroll center center / 100% auto;
}

/****************FIN IDENTIDAD***************/

/***************DEGRADADO****************/

        /*background: #1e5799; /* Old browsers */
        /*background: -moz-linear-gradient(top,  #1e5799 0%, #207cca 21%, #2989d8 38%, #2989d8 50%, #7db9e8 84%, #b5e7ff 99%); /* FF3.6+ */
        /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(21%,#207cca), color-stop(38%,#2989d8), color-stop(50%,#2989d8), color-stop(84%,#7db9e8), color-stop(99%,#b5e7ff)); /* Chrome,Safari4+ */
        /*background: -webkit-linear-gradient(top,  #1e5799 0%,#207cca 21%,#2989d8 38%,#2989d8 50%,#7db9e8 84%,#b5e7ff 99%); /* Chrome10+,Safari5.1+ */
        /*background: -o-linear-gradient(top,  #1e5799 0%,#207cca 21%,#2989d8 38%,#2989d8 50%,#7db9e8 84%,#b5e7ff 99%); /* Opera 11.10+ */
        /*background: -ms-linear-gradient(top,  #1e5799 0%,#207cca 21%,#2989d8 38%,#2989d8 50%,#7db9e8 84%,#b5e7ff 99%); /* IE10+ */
        /*background: linear-gradient(to bottom,  #1e5799 0%,#207cca 21%,#2989d8 38%,#2989d8 50%,#7db9e8 84%,#b5e7ff 99%); /* W3C */
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#b5e7ff',GradientType=0 ); /* IE6-9 */
/****************FIN DEGADADO***************/
 /**** Animaciones ****/

@keyframes animarCielo2 { /* Cielo MEDIO DIA*/
    0%  {opacity: 0;}
    10%  {opacity: 0;}
    20%  {opacity: 1;}
    40%  {opacity: 1;}
    45%  {opacity: 0;}
    100%  {opacity: 0;}
}
@-webkit-keyframes animarCielo2 {
    0%  {opacity: 0;}
    10%  {opacity: 0;}
    20%  {opacity: 1;}
    40%  {opacity: 1;}
    45%  {opacity: 0;}
    100%  {opacity: 0;}
}
@-moz-keyframes animarCielo2 {
    0%  {opacity: 0;}
    10%  {opacity: 0;}
    20%  {opacity: 1;}
    40%  {opacity: 1;}
    45%  {opacity: 0;}
    100%  {opacity: 0;}
}
@-o-keyframes animarCielo2 {
    0%  {opacity: 0;}
    10%  {opacity: 0;}
    20%  {opacity: 1;}
    40%  {opacity: 1;}
    45%  {opacity: 0;}
    100%  {opacity: 0;}
}



@keyframes animarCielo3 { /* Cielo ATARDECER */
    0%  {opacity: 0;}
    40%  {opacity: 0;}
    45%  {opacity: 1;}
    50%  {opacity: 1;}
    55%  {opacity: 0;}
    85%  {opacity: 0;}
    90%  {opacity: 1;}
    95%  {opacity: 1;}
    100%  {opacity: 0;}
}
@-webkit-keyframes animarCielo3 {
    0%  {opacity: 0;}
    40%  {opacity: 0;}
    45%  {opacity: 1;}
    50%  {opacity: 1;}
    55%  {opacity: 0;}
    85%  {opacity: 0;}
    90%  {opacity: 1;}
    95%  {opacity: 1;}
    100%  {opacity: 0;}
}
@-moz-keyframes animarCielo3 {
    0%  {opacity: 0;}
    40%  {opacity: 0;}
    45%  {opacity: 1;}
    50%  {opacity: 1;}
    55%  {opacity: 0;}
    85%  {opacity: 0;}
    90%  {opacity: 1;}
    95%  {opacity: 1;}
    100%  {opacity: 0;}
}
@-o-keyframes animarCielo3 {
    0%  {opacity: 0;}
    40%  {opacity: 0;}
    45%  {opacity: 1;}
    50%  {opacity: 1;}
    55%  {opacity: 0;}
    85%  {opacity: 0;}
    90%  {opacity: 1;}
    95%  {opacity: 1;}
    100%  {opacity: 0;}
}


@keyframes animarCielo4 { /* Cielo NOCHE */
    0%  {opacity: 0;}
    50%  {opacity: 0;}
    55%  {opacity: 1;}
    85%  {opacity: 1;}
    90%  {opacity: 0;}
    100%  {opacity: 0;}
}
@-webkit-keyframes animarCielo4 {
    0%  {opacity: 0;}
    50%  {opacity: 0;}
    55%  {opacity: 1;}
    85%  {opacity: 1;}
    90%  {opacity: 0;}
    100%  {opacity: 0;}
}
@-moz-keyframes animarCielo4 {
    0%  {opacity: 0;}
    50%  {opacity: 0;}
    55%  {opacity: 1;}
    85%  {opacity: 1;}
    90%  {opacity: 0;}
    100%  {opacity: 0;}
}
@-o-keyframes animarCielo4 {
    0%  {opacity: 0;}
    50%  {opacity: 0;}
    55%  {opacity: 1;}
    85%  {opacity: 1;}
    90%  {opacity: 0;}
    100%  {opacity: 0;}
}

@keyframes nube_d_i { /* Tranciion nube inmediata ocultar 30%*/
    0%  {left: 100%}
    100%  {left: -30%}
}
@-webkit-keyframes nube_d_i {
    0%  {left: 100%}
    100%  {left: -30%}
}
@-moz-keyframes nube_d_i {
    0%  {left: 100%}
    100%  {left: -30%}
}
@-o-keyframes nube_d_i {
    0%  {left: 100%}
    100%  {left: -30%}
}

@keyframes nube_d_i_g { /* Tranciion nube inmediata g ocultar 80% */
    0%  {left: 100%}
    100%  {left: -80%}
}
@-webkit-keyframes nube_d_i_g {
    0%  {left: 100%}
    100%  {left: -80%}
}
@-moz-keyframes nube_d_i_g {
    0%  {left: 100%}
    100%  {left: -80%}
}
@-o-keyframes nube_d_i_g {
    0%  {left: 100%}
    100%  {left: -80%}
}


@keyframes nube_d_i_g_m { /* Tranciion nube inmediata g ocultar 80% */
    0%  {left: 20%}
    100%  {left: -80%}
}
@-webkit-keyframes nube_d_i_g_m {
    0%  {left: 20%}
    100%  {left: -80%}
}
@-moz-keyframes nube_d_i_g_m {
    0%  {left: 20%}
    100%  {left: -80%}
}
@-o-keyframes nube_d_i_g_m {
    0%  {left: 20%}
    100%  {left: -80%}
}


 /**** Fin Animaciones ****/

/* FIN Formato de NOTAS */


/***** INICIO Boletin Info ****/

.full_hight_b{
    height: 100%;
    min-height: 300px;
}

.boletin{
    display: table;
    margin: 0 auto;
    padding-top: 10px;
    width: 95%;
}

.boletin_info{
    display: table-row;
}

.borde10 {
    border-bottom: 4px solid #BFBFBF;
    border-left: 4px solid #BFBFBF;
    border-top: 4px solid #BFBFBF;
    height: 65%;
    position: absolute;
    top: calc(20px + 4.8%);
    width: 15px;
}
.area-color_1{
    border-color: #5488C6 !important;
}
.area-color_2{
    border-color: #706DB0 !important;
}
.area-color_3{
    border-color: #CC7C10 !important;
}
.area-color_4{
    border-color: #EA5749 !important;
}
.area-color_5{
    border-color: #8D61A5 !important;
}
.area-color_6{
    border-color: #C76F0F !important;
}
.area-color_7{
    border-color: #E74B95 !important;
}
.area-color_8{
    border-color: #71AD2E !important;
}
.borde-area-g{
    border-right: 14px solid #BFBFBF;
    height: 16.5%;
    position: absolute;
    top: calc(20px + 8.15%);
    width: 0;
}
.borde-area-m{
    border-right: 14px solid #BFBFBF;
    height: 9%;
    position: absolute;
    top: calc(20px + 26.7%);
    width: 0;
}
.borde-area-ch{
    border-right: 14px solid #BFBFBF;
    height: 4.5%;
    position: absolute;
    top: calc(20px + 36.7%);
    width: 0;
}
.borde15_t {
    border-right: 14px solid #BFBFBF;
    border-top: 14px solid rgba(255, 255, 255, 0);
    height: calc(7.4% - 15px);
    position: absolute;
    top: 20px;
    width: 0;
}
.borde15_b {
    border-right: 14px solid #BFBFBF;
    border-bottom: 14px solid rgba(255, 255, 255, 0);
    height: calc(46% - 15px);
    position: absolute;
    top: calc(20px + 42.6%);
    width: 0;
}
.boletin-top {
    border-bottom: 3px solid #BFBFBF;
    border-top: 2px solid #BFBFBF;
    float: right;
    height: 5px;
    width: calc(30% - 25px);
}
.boletin-topr {
    border-bottom: 3px dotted #BFBFBF;
    border-top: 2px solid #BFBFBF;
    float: right;
    height: 5px;
    width: 70%;
}


.contenedor_1, .contenedor_2, .contenedor_texto{
    display: table-cell;
    position: relative;
}
.contenedor_1{
    width: 15px;
}
.contenedor_2{
    width: 15px;
}
.contenedor_texto{
    width: calc(100% - 32px);
}

.nota-boletin{
        color: #000000;

}

.nota-boletin .titulo-nota {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        font-size: 24px;
        width: 90%;
        margin: 0 auto;
        font-weight: bold;
        text-align: center;
        display: inline-block;
        padding-top: 15px;
}

.nota-boletin .cuerpo-nota{

        background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
        border-radius: 15px;
        font-size: 22px;
        //font-style: italic;
        margin: 20px auto 0;
        padding: 25px 10px 10px;
        text-align: justify;
        width: 90%;

}

.fecha-nota .logo {
    height: auto;
    max-width: 180px !important;
    width: 25% !important;
}

.fecha-nota {
    margin: 0 auto;
    text-align: left;
    width: 95%;
}

.fecha {
    float: right;
    padding: 35px 20px 20px;
    font-size: 18px;
    text-align: right;
}
.boletin-pie {
    margin: 0 auto;
    width: 90%;
}
.boletin-pie .pie {
    height: auto;
    padding-top: 20px;
    width: 100% !important;
}



/***** FIN Boletin Info ****/



/*********** COMIENZA APARTADO INICIO *********/
#welcome > div:nth-child(1){
    width: 64%;
}
#welcome > div:nth-child(2){
    width: 35%;
}
.derecha{
    float: right;
}
.izquierda{
    float: left;
}
#bienvenidauv{
    background-image: url("../imgs/bienvenida2.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 90% auto;
    min-height: 405px;
    /*min-height: 425px;*/
}
.logounach{
    background-image: url("../imgs/logos/UV-3D.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    /*padding-top: 253px;*/    
    min-height: 350px;
}
.logounach.derecha > div {
    /*padding-right: 28%;
    padding-top: 85%;*/
    text-align: right;
    /*padding-left: 10px;*/
    padding: 85% 20% 12px 10px;
}
#welcome .descripcion {
    padding: 5% 0 0 50%;
    text-align: left;
}
#welcome .titulo {
    padding: 4% 0 0 45%;
}


#welcome {
    background-image: none !important;
    height: auto !important;
}
#welcome .descripcion {
    background: transparent !important;
    margin: 0 !important;
}
#welcome .titulo {
    height: auto !important;
}

@media only screen and ( max-width: 995px ) {
    #bienvenidauv{
        background-size: 90% auto;
        min-height: 360px;
    }
    #partA {
        margin-top: 0 !important;
    }
}
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .derecha, .izquierda{
        width: 100% !important;
    }
    #bienvenidauv{
        background-position: right top;
        background-size: 90% auto;
        min-height: 358px;
    }
    .logounach{
        background-size: auto 98%;
        background-position: right;
        min-height: 200px;
    }
    .logounach.derecha > div {
        padding-right: 15%;
        padding-top: 42%;
    }
    
    
    #welcome .titulo {
        padding: 25% 0 0 42%;
    }
    #welcome .descripcion {
        padding: 25% 10px 0;
    }
    
    .logounach.derecha > div {
        padding-right: 52%;
        padding-top: 15%;
    }
}
@media only screen and (max-width: 480px) {
    /* For mobile phones: */
    .logounach.derecha > div {
        padding-right: 52%;
        padding-top: 15%;
        text-align: left;
    }
    .logounach {
        min-height: 190px;
    }
    #welcome .titulo {
        padding: 25% 0 0 42%;
    }/*
    #welcome .descripcion {
        padding: 25% 5px 0;
    }*/
    #bienvenidauv {
        min-height: 335px;
    }
}
/************* FIN APARTADO INICIO **********/

/*********************  INICIO PIE  ***********************/
.contenedorp {
    margin: 0 auto;
    max-width: 1120px;
    width: 100%;
}
footer {
    height: auto !important;
    padding: 0 !important;
}
footer .logoFooter {
    background-size: 150px auto;  /*background-size: 200px auto;*/
    height: 100px; /*height: 150px;*/
    width: 150px !important;
    z-index: 3;
    margin: 0 !important;
}
.pie_center{
    /*background-image: url("../imgs/fonfo-ft.png");*/
    background-position: center center;
    background-repeat: repeat-y;
    background-size: 100% auto;
    /*padding-top: 253px;*/    
    height: 50px;
    margin-top: -45px;
}
.pie_sup {
    background-color: #007dbd;
    z-index:5;
    height: 110px;  /*height: 150px;*/
    padding-top: 15px;
}
#ft_cntr_cntr{
    /*background-image: url("../imgs/diag-ft.png");*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    z-index: -1;
}

.pie_inf {
    background-color: #313131;
    z-index:5;
    height: 60px;
}
.descripcion_ft{
    width: calc(100% - 155px);
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: left;
}
.descripcion_ft div{
    padding-bottom: 10px;
}
.pie_sup .descripcion_ft{
    float: right;
}
.pie_sup, .pie_inf{
    padding-left: 15px;
    padding-right: 15px;
}
.social_ft .facebook {
    background-image: url("../imgs/logos/facebook-w.png");
    background-size: 100% auto;
}
.social_ft .youtube {
    background-image: url("../imgs/logos/youtube-w.png");
    background-size: 100% auto;
}
.social_ft div {
    cursor: pointer;
    float: right;
    height: 47px;
    margin: 5px 10px;
    padding: 0;
    width: 47px;
}
.ecoesad {
    background-image: url("../imgs/logos/ecoesad.png");
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}
.logo-ft {
    height: 70px;
    margin-top: -25px;
    width: 100px;
}
.logos-ft-bottom{
    float: right;
}
/*********************  FIN PIE  ***********************/



.ocelote_dwnld{
        background-image: url("../imgs/innovacion/descargas/promo_descarga.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 300px 300px;
        float: left;
        height: 300px;
        /*position: absolute;*/
        /*width: 300px;*/
        border-radius: 50%; 
        /*margin: 30px 45px;*/
        margin: 30px 2px;
        max-width: 430px;
        width: 100%;
}
.descargar_btn:hover{
        opacity: 0.8;
}
#descarga{
    width: 100%;
    min-height: 430px;
    text-align: center;
}

.j-forms input[type="text"], .j-forms input[type="password"], .j-forms input[type="email"], .j-forms input[type="search"], .j-forms input[type="url"], .j-forms textarea, .j-forms select {
    -moz-appearance: none;
    background: #fff none repeat scroll 0 0;
    border: 2px solid rgba(0, 0, 0, 0.12);
    border-radius: 3px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.87);
    display: block;
    font-family: inherit;
    font-size: 16px;
    height: 48px;
    outline: medium none;
    padding: 10px 15px;
    transition: all 0.4s ease 0s;
    width: 100%;
}
.j-forms .widget .adn-130 {
    width: 130px;
}
.j-forms .widget .adn-right {
    right: 0;
}
.j-forms .input {
    position: relative;
}
.j-forms .widget {
    position: relative;
}
.j-forms .widget.right-130 .input {
    padding-right: 130px;
}
.j-forms .unit {
    margin-bottom: 25px;
    position: relative;
}
.wrapper-400 {
    max-width: 400px;
}
.wrapper {
    box-sizing: content-box;
    margin: 0 auto;
    outline: medium none;
    padding: 5px 15px 40px;
}
.j-forms .content::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.j-forms .content_dwnld {
    padding: 25px;
}
.j-forms .widget .addon, .j-forms .widget .addon-btn {
    background: #e0e0e0 none repeat scroll 0 0;
    border: medium none;
    color: rgba(0, 0, 0, 0.56);
    display: block;
    font: 16px/48px "Open Sans",Helvetica,Arial,sans-serif;
    height: 48px;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 5;
}
.j-forms {
    background-color: #f9fafd;
    border-radius: 3px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.54);
    font: 16px/1 "Open Sans",Helvetica,Arial,sans-serif;
    position: relative;
}
.j-forms .header {
    /*background-color: #3f51b5;*/
    /*background-color: #007dbd;*/
    border-radius: 3px 3px 0 0;
    border-top: 1px solid #7986cb;
    box-shadow: 0 6px 3px -3px rgba(63, 81, 181, 0.5);
    display: block;
    position: relative;
}

.j-forms .primary-btn, .j-forms .file-button, .j-forms .secondary-btn {
    /*background: #303f9f none repeat scroll 0 0;*/
    background-color: #007dbd;
    transition: background 0.2s ease 0s;
}
.j-forms .primary-btn, .j-forms .secondary-btn {
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font: 16px "Open Sans",Helvetica,Arial,sans-serif;
    height: 48px;
    margin: 10px 0 10px 20px;
    outline: medium none;
    padding: 0 25px;
    white-space: nowrap;
}
.j-forms .header p {
    /*color: #fff;*/
    color: #007dbd;
    font-family:Courier New;
    font-size: 25px;
    font-weight: bold;
    margin: 0;
    padding: 25px 20px;
    text-shadow: 4px 2px 5px rgba(63, 81, 181, 0.8);
    /*text-transform: uppercase;*/
}

.descargar_btn{
        background-image: url("../imgs/innovacion/descargas/DESCARGA.svg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        /*float: right;*/
        height: 104px;
        /*position: absolute;*/
        width: 400px;
        border-radius: 8px; /*
        margin-top: 50px;
        margin-bottom: 30px;
        margin-right: 18%;*/
        margin: 20px;
        position: relative;
        display: inline-block;
        cursor: pointer;
}
.acceso_dwnld {
    /*border: 1px solid #ccc;
    border-radius: 5px;*/
    display: inline-block;
    width: 100%;
    max-width: 480px;
    /*padding: 11px;*/
    padding-top: 20px;
    overflow: hidden;
    height: 0;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}

.form_acces_dwnldr.active_dwn_frm .acceso_dwnld {
    /*border: 1px solid #ccc;
    border-radius: 5px;*/
    height: 380px;
}
.form_acces_dwnldr.active_dwn_frm .descargar_btn{
        height: 0px;
}
.text_dwnldr {
    /*color: #fff;*/
    color: #007dbd;
    font-family:Courier New;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-shadow: 4px 2px 5px rgba(63, 81, 181, 0.8);
    /*text-transform: uppercase;*/
}
.img_dwnld{
    width: 100%;
    max-width: 330px;
    text-align: center;
    display: inline-block;
}

.datos-file-dwnld .file-dwnld  .file-web, .datos-file-dwnld .file-dwnld  .file-source {
    min-height: 100px;
    min-width: 150px;
    width: 100%;
    background-position: center center;
    background-size: auto 80px;
    background-repeat: no-repeat;
    /*display: inline-block;*/
}
.file-dwnld{
    min-height: 150px;
    width: 150px;
    display: inline-table;
    margin-left: 5px;
    margin-right: 5px;

}
.datos-file-dwnld .file-dwnld  .file-web
{
    background-image: url("../imgs/innovacion/descargas/svg/ico-web.svg");
}
.datos-file-dwnld .file-dwnld  .file-source
{
    background-image: url("../imgs/innovacion/descargas/svg/ico-download.svg");
}
.file-dwnld .descrip-dwnld {
    font-size: 10px;
    height: 100px;
}
.descrip-dwnld > h5 {
    border-bottom: 1px solid #909090;
    font-weight: bold;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.descrip-dwnld > p {
    padding: 0 8px;
    color: #707070;
}
.img_dwnld .preview_dwnld {
    height: 125px;
    width: 100%;
}
.preview_dwnld > img {
    box-shadow: 1px 2px 5px #bababa;
    height: 100%;
    margin: 5px auto;
    width: auto;
}
/**************** INICIO GESTION ESCOLAR ******************/
.tabla-ge {
border: 1px solid #3c3c3c;
display: block;
margin: 10px auto;
width: 95%;
}
.tabla-celda3-ge {
display: inline-block;
max-width: 330px;
padding: 0 5px;
text-align: left;
width: 100%;
vertical-align: middle;
//border-left: 1px solid #3c3c3c;
}
.tabla-fila-ge {
padding: 5px;
text-align: justify;
width: calc(100% - 10px);
background-color: rgba(200, 200, 200, 0.2);
}
.tabla-title-ge {
font-weight: bold;
text-align: center;
text-transform: uppercase;
padding: 10px;
background-color: #007dbd;
color: #ffffff;
}
.celda-r {
text-align: right;
}
.tabla-celda50p-ge {
display: inline-block;
width: calc(50% - 20px);
}
/**************** FIN GESTION ESCOLAR ******************/
/************************ INICIO  NUEVO APARTADO DE OFERTA ****************************/  
.five-col-12{
    column-count: 5;
    -webkit-column-count: 5;
    -moz-column-count: 5;
    -o-column-count: 5;
    text-align: center;
}
.four-col-12{
    column-count: 4;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    -o-column-count: 4;
    text-align: center;
}
.categoria-oferta{
    background-color: rgba(200, 200, 200, 0.2);
    border-radius: 3px;
    text-align: left;
}
.lineas-oferta-edu {
    display: inline-block;
    margin: 5px;
    max-width: 250px;
    width: 90%;
}
.categoria-oferta > h3 {
    border-radius: 3px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
}
.cat-morado > h3 {
    background: #8a4cd7 none repeat scroll 0 0;
}
.cat-verde > h3 {
    background: #2fa526 none repeat scroll 0 0;
}
.cat-azul > h3 {
    background: #4380d0 none repeat scroll 0 0;
} 
.cat-rojo > h3 {
    background: #cc4d65 none repeat scroll 0 0;
}
.cat-cafe > h3 {
    background: #ac7201 none repeat scroll 0 0;
}
.categoria-oferta > ul {
    list-style: outside url("../imgs/vineta-flecha-der.png") disc;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.lineas-oferta-edu > h5 {
    font-size: 18px;
    padding-bottom: 10px;
    /*text-shadow: 1px 1px 2px gray;*/
}
.categoria-oferta li{ 
    padding-bottom: 5px;
    padding-right: 5px;
    font-size: 12px;
}
.categoria-oferta li > a:link, .categoria-oferta li > a:visited {   
    text-decoration:none;
    color: #454545;
}
.categoria-oferta li > a:hover { 
    color: #007dbd;
}

/*@media only screen and ( max-width: 1050px ) {
    
    .four-col-12{
        column-count: 4;
        -webkit-column-count: 4;
        -moz-column-count: 4;
        -o-column-count: 4;
    }
}
@media only screen and (max-width: 800px) {
    
    
    .four-col-12{
        column-count: 3;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        -o-column-count: 3;
    }
}
@media only screen and (max-width: 550px) {
    
    
    .four-col-12{
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -o-column-count: 2;
    }
}*/

@media only screen and (max-width: 1050px) {
    /* For mobile phones: */
    
    .four-col-12{
        column-count: 3;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        -o-column-count: 3;
    }
}
@media only screen and (max-width: 800px) {
    /* For mobile phones: */
    
    .four-col-12{
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -o-column-count: 2;
    }
}
@media only screen and (max-width: 520px) {
    /* For mobile phones: */
    
    .four-col-12{
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        -o-column-count: 1;
    }
}
/************************ FIN  NUEVO APARTADO DE OFERTA ****************************/   
.enlace-sitio, .enlace-sitio > a {
    color: #007dbd;
    font-size: 23px;
    line-height: 120px;
    position: absolute;
    text-decoration: none;
    width: 500px;
}
.enlace-sitio > a {
    color: #007dbd;
    font-size: 23px;
    text-decoration: none;
    text-align: center;
    
}

/************************ INICIO APARTADO DESARROLLO E INNOVACION ****************************/ 
.img-didt {
    background-image: url("../imgs/innovacion/apartados/DIDT.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 56% auto;
    min-height: 340px;
}
.contenido-fill {
    margin-left: 55%;
    padding: 10px;
}
.apartado-gral  .contenido-fill{
    font-size: 18px;
    text-align: justify !important;
}
.apartados-fil .contenido-fill > h2{
    color: #007dbd;
    font-size: 30px;
    margin: 15px;
}
.apartados-fil .contenido-fill > p{
    margin-bottom: 15px;
    margin-right: 15px;
    margin-top: 10px;
    margin-left: -10px;
}
.apartados-fil.apartado-gral .contenido-fill > h1{
    font-size: 40px;
}



.block-img{
    width: 54%;
    min-width: 400px;
    min-height: 340px;

    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: auto 340px;
}
.apartados-fil:nth-child(2n+1) .block-img{

    background-position: right center !important;
    background-repeat: no-repeat;
    background-size: auto 340px;
}
.apartado-gral .block-img{
    width: 50%;
    min-width: 420px;
    min-height: 340px;
}
.b-img-didt {
    background-image: url("../imgs/innovacion/apartados/didt-img.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    
}
.b-img-2d {
    background-image: url("../imgs/innovacion/apartados/2d.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 340px;
    
}
.b-img-resp {
    background-image: url("../imgs/innovacion/apartados/responsive.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 340px;
    
}
.b-img-stre{
    background-image: url("../imgs/innovacion/apartados/streaming.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 340px;
}
.b-img-ra{
    background-image: url("../imgs/innovacion/apartados/RA.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 340px;
}
.b-img-pa{
    background-image: url("../imgs/innovacion/apartados/produccion.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 340px;
}
.b-img-vid{
    background-image: url("../imgs/innovacion/apartados/videojuegos.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 340px;
}
.b-img-ilus{
    background-image: url("../imgs/innovacion/apartados/ilus.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 340px;
}
.b-img-vc{
    background-image: url("../imgs/innovacion/apartados/videoclase.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 340px;
}
.btn-leermas {
    text-decoration: none; 
    background-color: #007dbd;
    border-radius: 4px;
    color: #FFFFFF;
    padding: 5px 25px;
    box-shadow: 0 2px 1px #004f7a;
}


.block-inline{
    display: inline-block;
    vertical-align: middle;
}
.b-contenido-fill {
    /*padding: 10px;*/
    width: 35%;
    min-width: 380px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.apartado-gral  .b-contenido-fill{
    font-size: 14px;
    width: 45%;
    /*//text-align: justify !important;*/
}
.apartados-fil .b-contenido-fill > h2{
    /*color: #007dbd;*/
    font-size: 22px;
    /*margin: 20px;*/
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.apartados-fil .b-contenido-fill > p, .apartados-fil .b-contenido-fill > ul{
    padding: 10px;
}
.apartados-fil.apartado-gral .b-contenido-fill > h2{
    color: #007dbd;
    font-size: 30px;
}
.apartados-fil {
    margin-bottom: -80px;
    /*vertical-align: middle;*/
}

.apartados-fil:nth-child(2n) {
    text-align: right;
    /*vertical-align: middle;*/
}
.didt-filas{
    margin-bottom: 85px;
}
/*.apartados-fil:nth-child(2n) .block-img{
    width: 35%;
    min-width: 420px;
    min-height: 340px;
}*/
/************************ FIN APARTADO DESARROLLO E INNOVACION ****************************/ 


.logo-uv{
    background-image: url("../imgs/logos/UNACH-UV.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 95%;
}
.bnner-cris-der{
    background: rgba(0, 0, 0, 0) url("../imgs/componentes/cristal-der-sup.png") no-repeat scroll right top / auto 65%;
}
.bnner-cris-izq{
    background: rgba(0, 0, 0, 0) url("../imgs/componentes/cristal-izq-sup.png") no-repeat scroll left top / auto 65%;
}

.banner-logo {
    height: 220px;
    margin: 0 auto;
    width: 100%;
}
@media only screen and ( max-width: 995px ) {

    .banner-logo {
        height: 137px;
        margin: 0 auto;
        width: 100%;
    }
}
@media only screen and ( max-width: 500px ) {

    .banner-logo {
        height: 96px;
        margin: 0 auto;
        width: 100%;
    }
}