body{
    background: #F9F9F9!important;
}

.bg_photo_privileges{
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/headers/ilusion/img/bg-privilegios-compras.jpg');
    background-position: center top;
    background-size : cover;
    height: 436px;
    left: 0;
    margin-left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}

h1.titulo {
    color: #fff;
    margin-top: 135px;
    font-size: 45px;
    text-align: center;
}

h2.descripcion{
    font-family: arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    color: #FFF;
    max-width: 642px;
    margin: 15px auto;
    text-transform: none!important;
}

.descripcion span{
    display: block;
    margin-bottom: 30px;
    line-height: 19px;
}

.contenido{
    margin: 509px 0 50px 0;
    position: relative;
}

.contenido ul{
    margin-top: 20px;
}

.contenido li{
    list-style: disc;
    margin: 0 0 20px 15px;
}

.contenido li a, .contenido li a:hover{
    color:#333;
    text-decoration: underline!important;
}

#accordion .panel{
    border: 0!important;
}

.panel-group a,.panel-group a:hover{
    text-decoration: none!important;
}

h4{
    padding: 20px 14px;
    margin: 0!important;
    background: #F9F9F9;
    line-height: 25px;
}

h4:hover{
    background: #F5F5F5;
}

h4:hover > .glyphicon{
    color: #808080;
}

a h4, a:hover h4, a:visited h4, a:active h4 {
    font-family: arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #1e3747;
}

h4 .titulo{
    display: inline-block;
    max-width: 80%;
}

h4 .glyphicon{
    color: #CCC;
    padding-top: 5px;
}

h4.seleccionado > .glyphicon{
    color: #808080;
}

.panel-body{
    font-size: 14px;
    line-height: 25px;
    color: #777;
    margin-top: -15px;
}

.item{
    border-bottom: 1px solid #d8d8d8;

}

.ayuda{
    margin-top: 40px;
}

.ayuda span{
    display: block;
    text-align: center;
    font-family: arial, Helvetica, sans-serif;
    margin-bottom: 11px;
}

.tituloAyuda{
    font-size: 16px;
    color: #42789a;
    font-weight: bold;
}

.tlfAyuda{
    color: #666;
    font-size: 16px;
    font-weight: bold;
}

.txtAyuda a{
    text-decoration: underline;
    color: #333;
}

.panel-body a{
    color: #41789a;
}

@media (min-width: 320px) and (max-width: 736px) {
    .contenido {
        margin: 509px 0 50px -8px;
        padding: 0px;
        width: 103%;
}

@media (min-width: 320px) and (max-width: 767px) {
    .bg_photo_privileges{
        padding: 20px;
    }

    h1.titulo {
        margin-top: 0;
    }
}

@media (min-width: 480px) and (max-width: 767px){
    .bg_photo_privileges {
        height: 270px;
    }
}

@media (min-width: 667px) and (max-width: 767px){
    .bg_photo_privileges {
        height: 228px;
    }
}

@media (width: 360px){
    .bg_photo_privileges {
        height: 375px;
    }

    .contenido{
        margin-top: 385px!important;
    }
}

@media (min-width: 320px) and (max-width: 374px){
    .contenido{
        margin-top: 455px;
    }
}

@media (min-width: 375px) and (max-width: 413px){
    .bg_photo_privileges {
        height: 375px;
    }

    .contenido{
        margin-top: 385px;
    }
}

@media (min-width: 414px) and (max-width: 479px){
    .bg_photo_privileges {
        height: 320px;
    }

    .contenido{
        margin-top: 339px;
    }
}

@media (min-width: 480px) and (max-width: 736px){
    .contenido{
        margin-top: 289px;
    }
}