.barraSocial {
    position: fixed;
    z-index: 100;
    top: 12%;
    right: -113px;
}



    .barraSocial a.vertical {
        transform: rotate(90deg);
        right: 54px;
        height: 54px;
        border-radius: 4px;
        top: 54px;
        width: 142px;
    }

        .barraSocial a.vertical span {
            margin-left: 14px;
            transform: rotate(180deg);
            border-left: 0 none;
            display: inline-block;
            /*border-right: 1px solid #fff;
    padding-right: 10px;*/
            margin-left: 5px;
            position: relative;
            top: 2px;
        }

        .barraSocial a.vertical img {
            position: relative;
            top: 7px;
            right: 8px;
            transform: rotate(270deg);
        }

    .barraSocial a {
        height: 40px;
        padding-left: 13px;
        display: block;
        color: #fff;
        font-size: 12px;
        margin-bottom: 5px;
        width: 350px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        right: 0px;
        position: relative;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }



        .barraSocial a:hover {
            position: relative;
            right: 110px;
        }




    .barraSocial span {
        margin-left: 15px;
        border-left: 1px solid #fff;
        padding-left: 10px;
        line-height: 41px;
    }

    .barraSocial .evaluate {
        background-color:  #00285d;
    }

    .barraSocial .libreriaInglesa {
        background-color: #329336;
    }

    .barraSocial .facebook {
        background-color: #064A98;
    }

    .barraSocial .twitter {
        background-color: #0384B1;
    }

    .barraSocial .instagram {
        background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    }

    .barraSocial .youtube {
        background-color: #B81828;
    }

    .barraSocial .libreriaInglesa span {
        margin-left: 10px;
    }


    .barraSocial .twitter span {
        margin-left: 20px;
    }



    .barraSocial .youtube span {
        margin-left: 18px;
    }

    .barraSocial a img {
        position: relative;
        top: 2px;
    }

.cerrarbarraSocial {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #555555;
    color: #fff;
    border: 2px solid #fff;
    text-align: center;
    line-height: 27px;
    top: -8px;
    right: -15px;
    position: absolute;
    font-size: 17px;
    cursor: pointer;
}
/********/


/***********/