﻿a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

.tab {
    padding: 15px;
}

    .tab .nav-tabs {
        padding: 0 10px;
        margin: 0;
        border: none;
    }

    /*    .tab .nav-pills li a {
        color: #fff;
        background: linear-gradient(#FF416C,#FF4B2B);
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        text-transform: capitalize;
        padding: 8px 20px 10px;
        margin: 0 10px 16px 0;
        border: none;
        border-radius: 10px 10px 0 0;
        overflow: hidden;
        position: relative;
        z-index: 1;
        transition: all 0.3s ease 0.15s;
    }*/
    .tab .nav-pills .nav-link {
        color: #0082ca;
        background: #fff;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        text-transform: capitalize;
        padding: 8px 20px 10px;
        margin: 0 10px 16px 0;
        border: none;
        border-radius: 10px 10px 0 0;
        overflow: hidden;
        position: relative;
        z-index: 1;
        transition: all 0.3s ease 0.15s;
        box-shadow: 0 -3px 7px rgba(0,0,0,0.15);
    }

        .tab .nav-pills .nav-link.active {
            color: #fff;
            background: #0082ca;
            border: none;
        }

    .tab .nav-pills li a:hover {
        color: #fff;
        background: #0082ca;
        border: none; 
    }
 

    .tab .tab-content {
        /*color: #fff;
        background: linear-gradient(#FF416C,#FF4B2B);*/
        /*  font-size: 14px;
        letter-spacing: 1px;
        line-height: 25px;*/
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 0 15px #fff,0 0 30px rgba(0,0,0,0.9);
        position: relative;
    }
    .borde_alineador {
        /*color: #fff;
        background: linear-gradient(#FF416C,#FF4B2B);*/
        /*  font-size: 14px;
        letter-spacing: 1px;
        line-height: 25px;*/
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0,0,0,0.2),0 0 0 15px #fff,0 0 30px rgba(0,0,0,0.9);
        position: relative;
    }

@media only screen and (max-width: 479px) {
    .tab .nav-tabs {
        padding: 0;
        margin: 0 0 15px;
    }

        .tab .nav-tabs li {
            width: 100%;
            text-align: center;
        }

            .tab .nav-tabs li a {
                margin: 0 0 15px;
                border-radius: 10px;
            }
}
