/* RECURSOS */

        .recursos__container{

            margin-bottom: 45px;

        }

        /* BOTONES */

            .recursos__container > .nav{


            }

            .recursos__container > .nav > li{



            }

            .recursos__container > .nav > li > a{

                font-size: 1.5rem;
                line-height: 1.5rem;
                border: none;
                padding: 10px 20px;
                font-weight: 500;

            }

            .recursos__container > .nav > li > a:hover,
            .recursos__container > .nav > li > a:focus,
            .recursos__container > .nav > li > a:active,
            .recursos__container > .nav > li.active > a{

                font-weight: 500;

            }

            /* read-before */

            .recursos__container > .nav > li > a{

                background: #66696a;
              	color: #fff;

            }

            .recursos__container > .nav > li > a:hover,
            .recursos__container > .nav > li > a:focus,
            .recursos__container > .nav > li > a:active,
            .recursos__container > .nav > li.active > a{

                background: #a4a8a8 !important;
              color: #000;
                background-image: none;

            }


        /* FIN BOTONES */

        /* VENTANAS */

            .recursos__container > .tab-content{



            }
            
            .recursos__container > .tab-content > .tab-pane{
            
                background: #505050;
                box-shadow: 0 1px 2px rgba(0,0,0,0.11);
            
                position: fixed;
                top: 10%;
                z-index: 999999999;
                left: 5%;
                width: 90%;
                height: 75%;
                padding: 30px;
                overflow-y: scroll;
            
            }
            
            .recursos__container > .tab-content > .tab-pane > .icon{
            
                position: initial;
                width: auto;
                height: 40px;
                top: initial;
                left: initial;
                border: none;
                background: none;
                padding: 0;
                margin: 0;
                display: flex;
            
            }
            
            .recursos__container > .tab-content > .tab-pane > .icon::after{
            
                display: none;
            
            }
            
            .recursos__container > .tab-content > .tab-pane > .icon > img{
            
                width: auto;
                height: 100%;
            
            }
            
            .recursos__container > .tab-content > div > button{
            
                color: #fff;
                opacity: 1;
            
            }
            
            .recursos__container > .tab-content > div > h2{
            
                color: #fff;
                font-size: 2.7rem;
                line-height: 2.7rem;
                font-weight: 700;
                margin: 0;
                padding: 0;
                margin-top: 20px;
                margin-bottom: 10px;
                font-family: 'Open Sans', sans-serif;

            }
            
            .recursos__container > .tab-content > div > h3{
            
                color: #fff;
                font-size: 2rem;
                line-height: 2.4rem;
                font-weight: 700;
                margin: 0;
                padding: 0;
                margin-top: 20px;
                margin-bottom: 10px;
                font-family: 'Open Sans', sans-serif;
            
            }
            
            .recursos__container > .tab-content > div > p{
            
                color: #fff;
                font-size: 1.4rem;
                line-height: 2.2rem;
                margin: 0;
                padding: 0;
                margin-bottom: 10px;
            
            }
            
            .recursos__container > .tab-content > div > ul{
            
                color: #fff;
                font-size: 14px;
                line-height: 20px;
                margin: 0;
                padding: 0;
                margin-bottom: 10px;
                list-style: initial;
                margin-left: 25px;
            
            }
            
            .recursos__container > .tab-content > div > ul > li{
            
                margin-bottom: 3px;
            
            }

            .recursos__container > .tab-content > .tab-pane.alert-read-before{

                background: #00a65a;

            }

            .recursos__container > .tab-content > .tab-pane.alert-tips{

                background: #611BBD;

            }

            .recursos__container > .tab-content > .tab-pane.alert-caso-estudio{

                background: #3c8dbc;

            }

        /* FIN VENTANAS */

    /* FIN RECURSOS */