/* CSS Document */

.menu-items {
    border-right: 1px solid black;
}

.slide-out-div {
    padding: 20px 20px 20px 60px;
    width: 400px;
    background: #baccfd;
    border: #29216d 2px solid;
    -webkit-border-bottom-right-radius: 20px 20px;
    -moz-border-bottom-right-radius: 20px 20px;
    border-bottom-right-radius: 20px 20px;
    min-height: 150px;
}

.slide-out-div a {
    color: #0b0c0c;
    list-style-type: square;
}

.uno{
    background-color: #628af3 !important;
    border-top: #29216d 2px solid !important;
    border-bottom: #29216d 2px solid !important;
    border-right: #29216d 2px solid !important;
    top:-2px !important;
    -webkit-border-top-right-radius: 20px 20px;
    -moz-border-top-right-radius: 20px 20px;
    border-top-right-radius: 20px 20px;
    -webkit-border-bottom-right-radius: 20px 20px;
    -moz-border-bottom-right-radius: 20px 20px;
    border-bottom-right-radius: 20px 20px;
}

.slide-out-div2 {
    padding: 20px 20px 20px 60px;
    width: 400px;
    background: #baccfd;
    border: #29216d 2px solid;
    -webkit-border-bottom-right-radius: 20px 20px;
    -moz-border-bottom-right-radius: 20px 20px;
    border-bottom-right-radius: 20px 20px;
    min-height: 150px;
}

.slide-out-div2 a {
    color: #0b0c0c;
    list-style-type: square;
}

.dos{
    background-color: #628af3 !important;
    border-top: #29216d 2px solid !important;
    border-bottom: #29216d 2px solid !important;
    border-right: #29216d 2px solid !important;
    top:-2px !important;
    -webkit-border-top-right-radius: 20px 20px;
    -moz-border-top-right-radius: 20px 20px;
    border-top-right-radius: 20px 20px;
    -webkit-border-bottom-right-radius: 20px 20px;
    -moz-border-bottom-right-radius: 20px 20px;
    border-bottom-right-radius: 20px 20px;
}

.slide-out-div3 {
    padding: 20px 20px 20px 60px;
    width: 400px;
    background: #baccfd;
    border: #29216d 2px solid;
    -webkit-border-bottom-right-radius: 20px 20px;
    -moz-border-bottom-right-radius: 20px 20px;
    border-bottom-right-radius: 20px 20px;
    min-height: 150px;
}

.slide-out-div3 a {
    color: #0b0c0c;
    list-style-type: square;
}

.tres{
    background-color: #628af3 !important;
    border-top: #29216d 2px solid !important;
    border-bottom: #29216d 2px solid !important;
    border-right: #29216d 2px solid !important;
    top:-2px !important;
    -webkit-border-top-right-radius: 20px 20px;
    -moz-border-top-right-radius: 20px 20px;
    border-top-right-radius: 20px 20px;
    -webkit-border-bottom-right-radius: 20px 20px;
    -moz-border-bottom-right-radius: 20px 20px;
    border-bottom-right-radius: 20px 20px;
}

/* Cabecera */

.navbar-toggle {
    display: block !important;
}

/* Menu lateral */

#sidebar {
    min-width: 250px;
    max-width: 250px;
    min-height: 100vh;
    /* don't forget to add all the previously mentioned styles here too */
    color: #fff;
    transition: all 0.3s;
}

#sidebar.active {
    margin-left: -250px;
}

@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
}

#sidebar li {
    width: 100%;
}

/* Contenido */

.wrapper {
    display: flex;
    align-items: stretch;
    background-color: #cdd8e5;
}

#content {
    width: 100%;
}

#botones-navegacion {
    padding: 10px;
}

#visor {
    background-color: #fff;
}

/* Portada */

#buscador-proyectos-panel .pad20 {
   padding: 20px; 
}

#buscador-proyectos-panel .caja-proyecto{
    border:none;
}
#buscador-proyectos-panel .materia{
    font-size:12px; 
    padding-top:10px;    
}
#buscador-proyectos-panel .area{
    font-size:12px;  
}
#buscador-proyectos-panel .tit-proyecto{
    font-size:14px; 
    padding-top:7px; 
    font-variant: small-caps; 
}
.color-videocinco{
    color:#c0232c;
}