/* INICIO GENERAL */


@font-face {
    font-family: "Arial bold";
    src: url("../font/arialbd.ttf");
  }
  @font-face {
    font-family: "Arial";
    src: url("../font/arial.ttf");
  }
h1{
    font-size: 25pt;
}
h2{
    color: #004b87;
    font-weight: 600;
    /*font-size: 22pt;*/
    font-size: 1.8rem;
}
p{
    color: #004b87;
    /*font-size:13pt;*/
    font-size: 1.1rem;
    letter-spacing: 0.9pt;
    
}
.item-fami-alum img{
    display: block;
    width: 100%;
}
.subitem-fami-alum{
    display: block;
    position: relative;
    width: 90%;
    background: white;
    margin-left:auto ;
    margin-right:auto ;
    left: 0px;
    right: 0px;
    top:-20px;
    box-shadow: 0px 5px 5px #999;
    margin-bottom: 20px;
    padding:10px;
    height: 100%;

}
.subitem-fami-alum h3{
    font-size: 25px;
    color:#004b87;
}
.subitem-fami-alum p{
    color:#404041;
    font-size: 15px;
}

div.ingresar{
    position: absolute;
    width: 90%;
    bottom:0px;
}
a.button{
    color: #fff;
    font-size: 11pt;
    background-color: #004b87;
    /*border-radius: 5px;*/
    padding: 10px 30px;
    text-decoration: none;    
   /* border-top:2px solid #e2231a;
    border-right:2px solid #e2231a;*/
    border-radius: 5px;;
    
}
a.button:hover,#customBtn p:hover{
    
    background-color: #0161ad;
}
div.ingresar a.link{
    display: block;
    text-align: right;
    margin-top:10px ;
    color:#4d4d4d;
    font-size: 10pt;
    text-transform: uppercase;
}
.display-none{
    display: none;
}
img.img-extend{
    min-width: 110% !important;
}
/* TERMINA GENERAL */
.info-header{
    padding:10px 0px;
    position: absolute;
    z-index: 9999;
    width: 100%;
    
}
.info-header p{
    text-align: right;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
    color: #004b87;
    margin: 0px;
    padding: 0px;
    font-size: 10pt;
    margin-right: 12px;
}
.p-instagram-head{
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-content: center;
}
.p-instagram-head a{
    display: inline-block;
}
a.head-instagram {
    margin-left: 5px;
    padding-top: 2px;
    background-color: none;
}

a.head-email {
    padding-bottom: 5px;
    color: #004b87;
    padding-left: 3px;
}
a.head-instagram .fa{
    font-size: 20px;
    padding: 0px;
    display: inline-block;
    color: #004b87;
}

.dropdown-menu{
    background-color: rgba(255, 255, 255, 0.8);
}
.dropdown-item:hover{
    border-bottom:3px solid #004b87;
}
.dropdown-item{
    color:#004b87 !important;
}

.logo{
    position:absolute;
    margin-top: 20px;
}
header{
    padding:0px;
    display: block;
    background-size: cover;
    background-position: center;
    z-index: 999;
    position: relative;
}
div.lista-materiales-home{
    z-index:9999;
    color:black;
    position:absolute; 
    margin-left:auto;
    margin-right:auto;
    left:0;
    right:0;
    bottom:50px;
    text-align: center;
}

div.lista-materiales-home div{
    display: block;
    margin:15px;
}
div.lista-materiales-home div a{
    background:rgba(255,255,255,0.8);
    color:#000;
    padding:8px;
    font-weight: 900;
}
div.aviso{
    z-index:9999;
    color:black;
    position:absolute; 
    margin-left:auto;
    margin-right:auto;
    left:0;
    right:0;
    bottom:50%;
    top:50%;
    text-align: center;
    
}

div.aviso {
    display: block;
    margin:15px;
}
div.aviso  p span{
    
    font-weight: 900;
    font-size: 18pt;
}
div.aviso  p{
    background:rgba(255,255,255,0.8);
    color:#000;
    padding:10px;
    font-weight: 600;
    display: inline-block;
    max-width: 500px;
    border: 3px solid #004b87;
}
div.degrade-header{
    background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
    height: 170px;
    width: 100%;
    /* background: #004b87; */
    z-index: 9;
    position: absolute;
}
.logo-header{
    min-height:170px ;
    min-width: 170px;

}
.dropdown:hover>.dropdown-menu {
    display: block;
}
#navbar{
    position: absolute;
    z-index: 9999;
    width: 100%;
        /*background-color: rgba(255, 255, 255, 0.8);*/
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,0) 32%, rgba(0,75,135,1) 53%, rgba(0,75,135,1) 100%);
    top:40px;
    
}

.nav-link{
    /*color:#808080 !important;*/
    color:#fff !important;
    font-size:   14px;
    font-weight: 900;    
    letter-spacing: 1pt;
}
.item-selec{
    border-bottom:3px solid #004b87
}
.separador-header{
    
    height: 15px;
    width: 100%;;
    background:#004b87;
    opacity: 0.9;
    z-index: 99999;
}
.separador-header .rojo{
    width: 25%;
    background:#e2231a;
    height: 15px;
    float: right;
}
h2.tit-1{
    position: relative !important;
    font-weight: 900;
    font-family: 'Arial bold';

}
h2.tit-2{
    position: relative !important;
    background: url('../imagenes/linea-3.jpg') center repeat-x !important;
    font-weight: 900;
    font-family: 'Arial bold';

}
h2.tit-2 span{
    background: white;
    padding-right: 10px;
}
h2.tit-3{
    position: relative !important;
    background: url('../imagenes/linea-4.jpg') center repeat-x !important;
    font-weight: 900;
    font-family: 'Arial bold';
    color:white;
}
h2.tit-3 span{
    background: #004b80;
    padding-right: 10px;
}
@media (max-width: 992px) {
    .logo-header{
        min-height:120px ;
        min-width: 120px;
    }
    #navbar{
     background: #fff;
        top: 0;
    }
    .nav-link{
        color:#004b87 !important;
    }
    .navbar-collapse{
        margin-top: 20px;
    }
}
@media (min-width: 992px) {
    .subitem-fami-alum span{
        display: block;
    }
  
}
/*  INICIO HOME */

section#home{
    margin-top:50px;
}
.vi-mi-va{
    background: url('../imagenes/home2.jpg') center no-repeat;
    background-size: cover;
}
.vi-mi-va{
    padding:150px 0px 50px 0px;
}
.info-home{    
    background-color: rgba(0, 0, 0, 0.4);
    padding:20px 0px;
}
.info-home h2,.info-home p{
    color:#fff;
}
.info-home p{
    text-align: justify;
}
.info-home h2{
    border-bottom:solid 2px #fff;
    padding-bottom: 10px;
}
.img-galeria{
    width: 100%;
    
}
/*  TERMINA HOME */

/*  INICIO INSTITUCIONAL */
#proyecto p,#nuestra-historia p,#organizacion p, #estructura p{
    text-align: justify;
    font-size: 0.95rem;
}
.banner-seccion-institucional{
    background: url('../imagenes/banner-1.jpg') center no-repeat;
    background-size: cover;
    height: 540px;
}
.banner-seccion{
    background-size: cover;
    height: 540px;
}
.inst-info{
    background: url('../imagenes/institucional.jpg') center no-repeat;
    background-size: cover;
    padding-bottom: 50px;
}
.inst-info-item{
    margin-top:20px;
    padding:30px 0px;
    background-color: rgba(255, 255, 255, 0.8);

}
.inst-info h2{
    border-bottom:2px solid #004b87;
}

.inst-info p{
    text-align: justify;
}
div.frase{
    text-align: right;
}
div.frase p{
    font-size: 15pt;  
    color:#004b87;
    font-weight: 900;
    text-align: right !important; 
    font-family: 'Arial bold';
    width: 60%;    
    display: inline-block;
}
div.frase p span{
    display: block;
    font-weight: 100;
    font-family: Arial, Helvetica, sans-serif;


}
div.institucional-detalle p, div#estructura p, div#organizacion p, div#historia p{
    color:#666;
}
div#estructura h4{
    color:#004b87;
}

div.institucional-detalle p span{
    font-weight: 900;
    
}
.separador-inst{
    position: relative;
    height: 15px;
    width: 100%;;
    background:#004b87;    
    z-index: 9999;
}
.separador-inst .rojo{
    width: 25%;
    background:#e2231a;
    height: 15px;
    float: right;
}
#nuestra-historia{
    position: relative;
    background: white;
    top:-100px;
    padding-top:20px;
}
a.link-descarga{
    display: block;
    text-align: right;
    color:#004b87;
    font-size: 14pt;
    font-weight: 900;
    padding:10px 0px;
}
a.link-descarga i{
    margin-right:10px;
}
div.organizacion-tit{
    background:#004b87;
    padding:10px;
    border-top:8px solid #e6e6e6 
    
}
div.organizacion-tit h2{
    color:#fff;
    border-left:4px solid white; 
    padding:10px;
}
div.organizacion-tit-2{
    background:#004b87;
    border-top:8px solid #e6e6e6 
    
}
div.organizacion-tit-2 h2{
    color:#fff;
    border-left:4px solid white; 
    padding:10px;
    font-size: 1.5rem;
}
a.link-descarga-organiza{
    display: block;
    widows: 80;
    text-align: right;
    color:#004b87;
    font-size: 14pt;
    font-weight: 900;
    padding:10px ;
    border-radius: 5px;
}
a.link-descarga-organiza i{
    margin-right:10px;
}
div.links-niveles{
    display: none;
}
div.links-niveles a {
    display: block;
    text-align: right;
    color: #004b87;
    font-size: 14pt;
    font-weight: 900;
    padding: 10px;
    border-radius: 5px;
    padding-left: 10px;
}
div.links-niveles a i{
    margin-right:10px;
}
#organizacion span{
    font-weight: 900;
}

/* TERMINA INSTITUCIONAL*/
/* INICIA FAMILIA Y ALUMNOS*/
    h2.tit{
        font-size: 25pt;
        margin-bottom: 3rem !important;
    }
    a.item-vida-academica{
        text-decoration: none;
        font-weight: 900;
    }
    a.item-vida-academica span {
        display: block;
        color:#004b87;
        
    }
    #familia-alumnos{
        margin-bottom: 50px;
    }
    #familia-alumnos hr{
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    form.sist-academico{
        background:#004b87;
        padding:20px 25px;
        border-radius: 20px;
        text-align: center;
    }
    form.sist-academico label{
        color:#fff;
        font-weight: 700;
    }
    form.sist-academico input{
        padding:0px;
        height: calc(1em + 0.5rem + 2px);
        border-radius: 10px;
    }
    form.sist-academico  button{
        background: #004b87;
        font-weight: 700;

        border:none
    }
    form.sist-academico button:active{
        background: #004b87;
        border:none;
    }
    form.sist-academico button:focus{
        background: #004b87;
        border:none;
    }

    .separador1{
        background:#004b87;
        height: 2px;;
    }
    div.login{
        padding: 0px 50px;
    }
    div.separadorVertical{
        background: url('../imagenes/linea-horizontal.jpg') repeat-y center center;
    }
    div.login p{
        text-align: center;
        font-size: 1.5rem;
    }
    div.login-google{
        padding: 20px;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    div.login-google p{
        display: block;
        color: #004b87;
        text-align: center;
        font-size: 1.5rem;
        margin:0px 0px 10px 0px;
    }
    div.login-google p.como-ingreso{
        display: inline;
        margin: 0px;
        font-size: 17px;;
    }
    div.login-google p a.como-ingreso{
        color: #004b87;
        text-transform: uppercase;
        font-size: 13px;
    }
    a.como-ingreso-login{
        color: #004b87;
        text-transform: uppercase;
        font-size: 13px;
    }
    div.ingresar-campus{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    div.ingresar-campus h2{
        font-size: 25pt;
        
    }
    div.ingresar-campus a.ingresar{
        background: #004b87;
        color:#fff;
        margin: 20px 0px;
        max-width: 280px;
        padding:15px 30px;
        text-align: center;
        border-radius: 15px;
        font-size: 15pt;
        font-weight: 900;

    }
    div.ingresar-campus a.ingresar:hover{
        background:#28658e;
    }
    div.ingresar-campus p {
      
        margin: 10px 0px;

    }
    div.ingresar-campus p a.como-ingreso{
        color:#004b87;
        text-transform: uppercase;
        font-size:13px;
    }
    div.msj-problema{
        background: #808080;
        padding:10px 20px;
        margin:80px 0px 60px 0px;
    }
    div.msj-problema p{
        text-align: center;
        color: #fff;
        font-size: 12pt;

    }
    #gSignInWrapper{
        display: inline;
    }
    div.loginVidaAcademica{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

    div.loginVidaAcademica  a{
        margin: 0px;
        font-size: 17px;;
        color: #fff;
        text-transform: uppercase;
        font-size: 13px;
        padding:10px 0px;
    }
   /* #customBtn {
        display: flex;
        color: white;      
        flex-direction: column;
        justify-content: end;
      }*/
      #customBtn {
          display: inline;
      }
      #customBtn p{
        /*background: #004b87;
        color: #fff;
        margin: 20px 0px;
        max-width: 280px;
        padding: 15px 30px;
        text-align: center;
        border-radius: 15px;
        font-size: 15pt;
        font-weight: 900;*/

        color: #fff;
        font-size: 11pt;
        background-color: #004b87;
        /* border-radius: 5px; */
        padding: 10px 30px;
        text-decoration: none;
        border-radius: 5px;
        margin: 0px;;
        }
        
      #customBtn:hover {
        cursor: pointer;
      }
      span.label {
        font-family: serif;
        font-weight: normal;
      }
      span.icon {
        background: url('/identity/sign-in/g-normal.png') transparent 5px 50% no-repeat;
        display: inline-block;
        vertical-align: middle;
        width: 42px;
        height: 42px;
      }
      span.buttonText {
        display: inline-block;
        vertical-align: middle;
        padding-left: 42px;
        padding-right: 42px;
        font-size: 14px;
        font-weight: bold;
        /* Use the Roboto font that is loaded in the <head> */
        font-family: 'Roboto', sans-serif;
      }
    .modal-lista-descarga a{
        display: block;
        color:#000;
        padding-bottom:20px;
    }
    .modal-lista-descarga hr{
      margin: 40px 0px;
    }
    .modal-lista-descarga p{
        color:#000;

    }
    .modal-lista-descarga p span{
        font-weight: 700;
    }
    .modal-lista-descarga .ejemplo-login{
        text-align: center;
        font-size: 13pt;
    }
    .modal-lista-descarga .ejemplo-login span{
        font-weight: 700;
    }
    .modal-lista-descarga p.mail-contacto a{
        display: inline;
        font-weight: 700;
    }
    .modal-lista-descarga img{
        max-width: 70%;
    }
    @media (min-width: 992px) {
        a.item-vida-academica img{
            max-width: 70px;;
        }
        
    }
     
    @media (max-width: 992px) {
        a.item-vida-academica span{
            font-size: 14px !important; 
        }
        .ingresar-campus div{
            margin-bottom: 20px;
            margin-top: 20px;
        }
        .modal-lista-descarga p{
            overflow-wrap: break-word;
        }
        .modal-lista-descarga img{
            max-width: 100%;
        }
    }
    
/* TERMINA FAMILIA Y ALUMNOS*/
/* INICIA VIDA ACADEMICA */
    div.tit-vida-academi{
        width: 100%;
        background: rgba(0,75,135,0.5);
    }
    div.tit-vida-academi h1{
        color:#fff;
        font-size: 25pt;
    }
    
    /* INICIO CALENDARIO */
  /*  span.fc-header-title h2{
        font-size: 13pt;
    }
    h3.tit-calendario{
        font-size:20pt;
    }
    #vida-academica .cont-load{
        position:absolute;
        left:50%;
        top:50%;
        z-index:999;
    }
    #calendario #loading{
        padding:12px 12px 6px;
        background-color:#fff;
        border-radius:3px;
        position:absolute;
        top:50%;
        margin-top:-20px;
        left:50%;
        margin-left:-20px;
        z-index:9999;
        box-shadow:0 0 10px #000;
    }
    */
    /* TERMINA CALENDARIO*/
    @media (max-width: 991px) {
       
        #vida-academica .panel{
            display: none   ;
        }
       
    }
    
/* TERMINA VIDA ACADEMICA*/
/* INICIA ADMISION */
section#admision div.admision {
display: flex;
flex-direction: column;
align-items: center;
}
section#admision p{
    max-width: 900px;
    width: 100%;;
    text-align: left;
    padding:20px 30px;
    margin-bottom:20px;
}
div.admision iframe{
    min-width:900px;
    width: 100%;
    height:1000px
}
.obligatorio{
    color:red;
}
@media (max-width: 992px) {
 
    div.admision iframe{
        min-width: 100%;
    }

    
}


#heading {
    text-transform: uppercase;
    color: #004b87;
    font-weight: normal
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

.form-card {
    text-align: left
}

#msform fieldset:not(:first-of-type) {
    display: none
}
#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #004b87;
    outline-width: 0
}

#msform .action-button {
    width: 100px;
    background: #004b87;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 0px 10px 5px;
    float: right
}

#msform .action-button:hover,
#msform .action-button:focus {
    background-color: #311B92
}

#msform .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px 10px 0px;
    float: right
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    background-color: #000000
}

.card {
    z-index: 0;
    border: none;
    position: relative;
    width:100%;
    padding:20px;
    border:solid 1px #004b87;
}

.fs-title {
    font-size: 25px;
    color: #004b87;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left
}

.purple-text {
    color: #004b87;
    font-weight: normal
}

.steps {
    font-size: 20px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
    color: gray;
    text-align: left
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
    padding:0px;
}

#progressbar .active {
    color: #004b87
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 400
}

#progressbar #account:before {
    font-family: FontAwesome;
    content: "1"
}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: "2"
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "3"
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #004b87
}

.progress {
    height: 20px
}

.progress-bar {
    background-color: #004b87
}

.fit-image {
    width: 100%;
    object-fit: cover
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}
.no-colegio{
    display: flex;
}

.que-colegio{
    flex-grow: 2;
    padding-left: 20px;
}
/* TERMINA ADMISION */
/* INICIA EXALUMNOS */
div.banner-exalumnos{
    position: relative;
}
div.titulo{
    position: absolute;
    bottom: 0px;
    width: 100%;
}
div.banner-exalumnos .carousel-control-prev-icon, div.banner-exalumnos .carousel-control-next-icon {
    height: 50px;
    width: 50px;
    outline: #004b87;
    background-color: rgba(0,75, 135, 0.3);
    background-size: 50%, 50%;
    border-radius: 50%;
    border: 1px solid #004b87;
    padding:20px;
    color:red;
}

/*
.carousel-control-next,
.carousel-control-prev {
    filter: invert(100%);
}
*/
div.exalumnos div.opcion-ex{
    padding:10px 0px;
    background: #004b87;
    color:#fff;
    margin-top:50px;
    position: relative;
}
div.exalumnos div.opcion-ex label{
    font-size: 15pt;
}
div.exalumnos div.listado-ex p{
    font-size: 14px;
    margin:0px;
}
div.exalumnos div.listado-ex h6{
    margin:10px 0px;
}
div.exalumnos div.opcion-ex-fijo{
    position: sticky;
    top:0;
    width: 100%;
    margin-top:0px;
    z-index: 9999;
}

div.exalumnos select.selec_anio{
    background: #fff;;
}
/* TERMINA EXALUMNOS */
/*INICIA TALLERES*/
#talleres h2{
    margin-top: 50px;
}
#talleres h2.tit-3{
    margin: 0px;
}
#talleres p{
    color: #666;
    
}
#talleres .propuestas{
    background-color: #004b80;
    border-top: 8px solid #2285cb;
    padding:20px 10px
}
#talleres .ver-mas{
    background-color: #004b80;
    width: 100%;
    height: 30px;
    position: relative;
    text-align: right;
}
#talleres .ver-mas a{
    color:#004b80; 
    background-color: white;
    padding: 1px 40px 3px 10px;
    top: 0;
    right: 0;
    border-bottom: solid 4px #999;
    text-decoration: none;
}
#talleres .ver-mas a:hover{
    text-decoration: underline;
}
#talleres .titulos-talleres{
    position: absolute;
    background-color: rgba(0,75,128,0.5);
    right: 0;
    top:20px;
    
}
#talleres .titulos-talleres p{
    margin-top: 10px;
    padding: 0px 10px;
    color: white;
}
#talleres-propuestas .propuestas{
    background-color: #004b80;
    border-top: 8px solid #2285cb;
    border-bottom: 5px solid #2285cb;
    padding:20px 10px;
    margin-bottom: 50px;
}
#talleres-propuestas .talleres{
    display: flex;
    flex-direction: column;
    justify-content:space-between;
}
#talleres-propuestas .talleres h4{
    color: #004b80;
}
#talleres-propuestas .talleres p{
    color: #666;
}
#talleres-propuestas .separacion{
    background-color:  #333;
    height: 1px;
    width: 100%;
    margin: 30px 15px 30px 0px ;
}
#talleres-propuestas .img-100{
    width: 100% !important;
}

/*TERMINA TALLERES*/
/*INICIA BIENVENIDOS*/
#bienvenidos {
    margin-bottom: 50px;
}
#bienvenidos p {
    color: #666;
}
#bienvenidos .tit-1{
    margin-bottom: 30px;
}
#bienvenidos h4 {
    color: #004b80;
    font-size: 1.2rem;
}
#bienvenidos .descarga-bienvenidos{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    text-align: center;
}
#bienvenidos .propuestas{
    background-color: #004b80;
    border-top: 8px solid #2285cb;
    padding:10px 10px;
    margin:40px 0px 20px 0px;
}
#bienvenidos .separacion{
    background-color:  #333;
    height: 1px;
    width: 100%;
    margin: 30px 15px 30px 0px ;
}
#bienvenidos ul{
    padding-left: 0px;
}
#bienvenidos ul li{
    list-style: none;
}
#bienvenidos ul li img{
    padding-bottom: 5px;
    width: 20px;
}
#bienvenidos ul li .fa{
    color: #666;
}
#bienvenidos ul.nivel-1{
    padding-left: 15px;
}
#bienvenidos ul.nivel-1 li{
    padding:10px 0px;
}
#bienvenidos ul.nivel-1 li div.tit{
    background-color: #004b80;
    border-top: 8px solid #2285cb;
    display: inline;
    padding: 5px 10px 8px 5px ;
}
#bienvenidos ul.nivel-1 li div.tit span{
    color: #fff;
    display: inline-block;
}

#bienvenidos ul.nivel-1 li a, #bienvenidos ul.nivel-1 li span{
    font-size: 1.2rem;
    color: #004b80;
    font-weight: 700;

}
#bienvenidos ul.nivel-2{
    padding-left:20px;
}
#bienvenidos ul.nivel-3{
    padding-left:40px;
   
}
#bienvenidos ul.nivel-3 li a{
    font-size: 1.1rem;
}
/*TERMINA BIENVENIDOS*/
/* INICIA FOOTER */
div.fondo-azul{
    background: #004b87;
    color:#fff;
    padding-top:40px;
    padding-bottom:40px;
}
div.fondo-azul p{
    color:#fff;
    font-size: 15px;
    margin-bottom:5px;
}
div.fondo-azul p a{
    color:#fff;
}

.logo-footer{
    background-color: rgba(0, 75, 135, 0.5);
    border-right:25px solid #e2231a;    
    padding-top:40px;
    padding-bottom:50px;
   

}
div.redes a{
    margin-left: 20px;
}
div.footer-item-medio span{
    display: block;
}
.p-instagram{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-content: center;
}
.p-instagram a{
    display: inline-block;
}
a.footer-instagram {
    margin-left: 5px;
    margin-top: 2px;
}

a.footer-email {
    padding-bottom: 5px;
}
a.footer-instagram .fa{
    background-color:rgba(0, 75, 135, 0.5);
    font-size: 20px;
    padding: 0px;
    display: inline-block;
}
@media (max-width: 767px) {
 
    #talleres-propuestas .separacion{
        display: none;
    }
    #talleres-propuestas .talleres{
        margin-top: 20px;
    }
    #talleres .titulos-talleres {
        
        width: 80%;
        top: 0;
    }
    #talleres .titulos-talleres p{
        font-size: 0.8rem;
    }
    #bienvenidos .separacion{
        display: none;
    }
    #bienvenidos h4{
        margin-top: 20px;
    }
    #bienvenidos ul{
        padding-left: 0px;
    }
    
}

@media (min-width: 992px) {
 
    div.footer-item-medio{
        border-right:5px solid #fff;
        border-left:5px solid #fff
    }
    
}

@media (max-width: 991px) {
 
    .info-header{
        display:none;
    }
    div#institucional,div#proyecto,div#nuestra-historia,div#organizacion,div#vida-academica,div#estructura{
        max-width: 991px;
    }

    div.frase p{
        width: 100%;
        
    }
    ul.navbar-nav{
        margin-top: 70px;
    }
    div#proyecto{
        padding:20px;
    }
    #navbar{
        position: relative;
    }
    a.link-descarga{
        text-align: center;
    }
   a.link-descarga-organiza{
        text-align: center;
    }
    footer p{
        text-align: center;
    
    }
    
    .logo-footer{
        border-right: none;
        border-bottom:25px solid #e2231a;
    }
    .vi-mi-va{
        background-position: left;
    }
    .banner-seccion{
        height: 300px;
    }
    #nuestra-historia{
        top:0px;
    }
    .logo{
        width: 100px;
        position: absolute;
        /* margin-top: 30px; */
        top: 0;
        left: 0;
        margin-top: 0;
        z-index: 999;
        padding: 0;
    }
    .info-header p{
        text-align: center;
    }
    div.ingresar{
        bottom:-10px;
    }
    .p-instagram{
        flex-direction:row;
        justify-content: center;
    }
}


/* TERMINA FOOTER */