/* CONTENT - CAPTION */

.content-caption {
    position: absolute;
    right: 5%;
    color: #fff;
    text-align: center;
    /* text-shadow: 0 4px 8px rgba(0,0,0,.8); */
    background: rgba(0,0,0,0.4);
    left: 50%;
    bottom: 0%;
    top: 20%;
    font-size: 50px;
    border-radius: 0px;
    font-weight: bold;
    /*font-family: "Trebuchet MS",Helvetica,sans-serif;*/
    overflow: hidden;
}



/* SIDE BAR */

#sidebar{
    font-size:14px;
}

#sidebar.affix-top {
    position: static;
    width: 100%;
}
#sidebar.affix-bottom {
    position: absolute;
}
/*
#sidebar.affix {
    position: fixed;
    top:150px;
    width: auto;
}*/

#sidebar .menuSectionName {
    color: #808080;
    text-decoration:none;
    cursor:pointer;
}
#sidebar>li{
      margin-top: 10px;
      margin-bottom: 10px; 
}
.menu-seccion{
     font-size:16px;
}
/*#sidebar>li:hover{
    border-left: 2px solid #006580;
    color: #006580;
}*/

#sidebar .menuSectionName{
    padding-right:10px; 
    padding-left:5px; 
}
.menuSectionName{
    display:inline-block;
    width:100%;
    border-left: 2px solid transparent;
}



#sidebar .menuSectionName:hover{
    border-left: 2px solid #006580;
    color: #006580;
}

#sidebar .active .menuSectionName{
    border-left: 2px solid #006580;
    color: #006580;
    font-weight:bold;
}


/*.bs-docs-sidebar .nav>.active:focus>a, .bs-docs-sidebar .nav>.active:hover>a, .bs-docs-sidebar .nav>.active>a {
    padding-left: 18px;
    font-weight: 700;
    color: #563d7c;
    background-color: transparent;
    border-left: 2px solid #563d7c;
}*/


/*#sidebar a:hover {
    color: #006580;
}*/
#sidebar .content-list {
    margin-top:5px;
    padding: 0px 0px;
    list-style: none;
}

#sidebar .content-list .menuSectionName {
    padding: 0px 20px;
    list-style: none;
}

/*#sidebar .menu-seccion{
  display:inline;
}*/
#leftCol{
 padding-right: 0px;
}


@media (min-width: 1025px){
    #sidebar.affix {
        position: fixed;
        width: 262px;
    }
}

@media(max-width: 1024px){
    #sidebar.affix {
        position: fixed;
        width: 212px;
        animation: affixFadeIn 0.44s  ease-in;
        -webkit-animation: affixFadeIn 0.44s;
    }

    @keyframes affixFadeIn {
             from {opacity: 0;}
             to {opacity: 1;}
         }

    @-webkit-keyframes affixFadeIn {
        from {opacity: 0;}
        to {opacity: 1;}
    }
}






/* phone devices*/

@media(max-width:767px) {

    .content-caption {
        position: absolute;
        text-align: center;
        /* text-shadow: 0 4px 8px rgba(0,0,0,.8); */
        background: rgba(0,0,0,0.4);
        bottom: 10%;
        top: 10%;
        right: 10%;
        left: 10%;
        font-size: 24px;
        border-radius: 0px;
        font-weight: bold;
        /*font-family: "Trebuchet MS",Helvetica,sans-serif;*/
    }

}

/* TABLETS */

@media (min-width: 768px) and (max-width: 991px) {

    .content-caption {
        font-size: 36px;
        left: 40%;
    }
}