.verano .nav-tabs .active {
    border-bottom: 2px solid #d74514;
}

.verano .cv-cards{
    padding: 15px 0;
}

.verano .card.gradient::before{
    content: '';
    background: #f9d738 ; /* Old browsers */
    /* background: -moz-linear-gradient(-45deg, #b7b539 0%, #d0634c 100%); */ /* FF3.6-15 */
    /* background: -webkit-linear-gradient(-45deg, #b7b539 0%,#d0634c 100%); */ /* Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(135deg, #b7b539 0%,#d0634c 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    display: block;
    clear: both;
    width: 100%;
    height: 7px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px 5px 0 0 ;
}

.verano .card.gradient::before{
    content: '';
    background: #f9d738; /* Old browsers */
    /* background: -moz-linear-gradient(-45deg, #b7b539 0%, #d0634c 100%); */ /* FF3.6-15 */
    /* background: -webkit-linear-gradient(-45deg, #b7b539 0%,#d0634c 100%); */ /* Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(135deg, #b7b539 0%,#d0634c 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    display: block;
    clear: both;
    width: 100%;
    height: 7px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px 5px 0 0 ;
}

.verano .card.color{
    background-color: #f05334;
    color: #ffffff;
    
}



.verano .card.color2{
    background-color: #b1c834;
    color: #ffffff;
}

.verano .card.imagebg{
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat; 
}

.verano .card#condiciones{
    background-image: url(../images/verano/bgcard.png) ;
}

.verano .card.hmi{
    height: 200px;
}

.verano .card.hmi h1{
    font-family: 'Helvetica Now Text Regular';
    font-size: 36px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 3px;
}

.verano .card.hmi p{
    text-align: left;
    font-size: 18px;
    color: #ffffff;
    margin-top: 0;
    padding: 0
}

.verano .card#condiciones h1{
    text-align: center;
    font-family: 'helvetica new text bold';
    font-size: 65px;
    color: #d74514;
    margin-top: 30px;
    margin-bottom: 20px;
}

.verano #condiciones .vmaincontent{
    max-width: 900px;
    margin:50px 0px 0px 70px;
}

.verano .card#seguimiento{
    background-image: url(../images/verano/bgcard2.png) ;
}

.verano #seguimiento .vmaincontent{
    max-width: 800px;
    margin:20px auto;
}

.verano .card#seguimiento h1{
    text-align: center;
    font-family: 'natura_scriptregular';
    font-size: 65px;
    color: #ffffff;
    margin-top: 30px;
    margin-bottom: 20px;
}
.verano .card#agenda h2,
.verano .card#seguimiento h2{
    text-align: center;
    font-size: 22px;
    color: #ffffff;
    margin-top: 30px;
    margin-bottom: 20px;
}

.verano .ccontainer{
margin: 0 auto;
    width: 100%;
    max-width: 130px 
}
.verano .card#seguimiento h3{
    text-align: center;
    font-size: 22px;
    margin-top: 30px;
    margin-bottom: 0px;
    color: #fff
}


.verano .card#seguimiento p.bigval{
    text-align: center;
    font-size: 60px;
    margin-top: 0px;
    margin-bottom: 30px;
    padding: 0;
}

.ntilde:after{
    content: url('../images/verano/ntilde.png') ;
    position:relative;
    display: block;
    padding-top: 10px;
    position: relative;
}

.ntilde.color:after{
    content: url('../images/verano/ntilde2.png') ;
    padding-top: 0px;
    padding-bottom: 10px;
}

.verano .white{
    color: #ffffff!important;
}

.verano .dgreen{
    color: #64771a!important;
}

.verano #disponibles-bar,
.verano #activas-bar{
    position: relative;
    height: 300px;
    padding-top: 100px;
}

.verano #disponibles-bar .tit-bar,
.verano #activas-bar .tit-barb{
    color: #fff;
    font-size: 16px;
    padding-top: 15px; 
}

.verano #activas-bar .tit-barb{
    position: absolute;
    left: -115px;
    top: -15px;
    display: block;
    width: 100px;
    text-align: center;
}
.verano #activas-bar .tit-barb span{
    color: #fff;
    font-size: 40px;
    line-height: 30px;
    padding-top: 8px;
    display: block;
}

.verano #disponibles-bar .vmaincontent,
.verano #activas-bar .vmaincontent{
    margin:0px auto;
    width: 500px;
    position: relative;
     height: 200px;
}

.verano .percent-bar{
    width: 100%;
    position: relative;
    padding: 40px 0 10px;
}

.verano .percent-bar .bar{
    position: absolute;
    height: 15px;
    border-radius: 8px

}

.verano .percent-bar .disp-17{
    background-color: #d74514;
    z-index: 100;
}

.verano .percent-bar .disp-actuales{
    background-color: #92636c;
    z-index: 90;
}
.verano #disponibles-bar .ref-c17,
.verano #activas-bar .ref-c17b{
    width: 100px;
    padding: 7px;
    font-size: 12px;
    color: #ffffff;
    font-weight: 300;
    background-color: #d74514; 
    text-align: left;
    position: absolute;
     left: -50px;    
    top: -100px;
}
/*
.verano #activas-bar .ref-c17b{
    top: -100px;
}*/

.verano #disponibles-bar .ref-c16,
.verano #activas-bar .ref-c16b{
    width: 100px;
    padding: 7px;
    font-size: 12px;
    color: #ffffff;
    font-weight: 300;
    background-color: #92636c; 
    text-align: left;
    position: absolute;
    left: -50px;    
    top: 75px;
}
.verano #activas-bar .ref-c16b,
.verano #activas-bar .ref-c17b{
    background-color: transparent;
    text-align: center;
    font-size: 13px;
    padding: 0
}


.verano .percent-bar .bar-bg{
    width: 100%;
    background-color: #fff;
    z-index: 80
}

.verano .marker{
    width: 1px;
    height: 40px;
    border-left: 1px solid #fff;
    position: absolute;
    top: 35px;
}

.verano .marker.mark17,
.verano .marker.mark17b{
    top: 20px;
}

.verano .mark17:after{
    content:'CICLO 17';
    width: 80px;
    font-size: 15px;
    text-align: center;
    display: block;
    position: absolute;
    top: -25px;
    left: -40px;
}
.verano .mark16:after{
    content:'CICLO 16';
    width: 80px;
    font-size: 15px;
    text-align: center;
    display: block;
    position: absolute;
    top: 45px;
    left: -40px;
}
.verano .mark17b:after{
    content:'META 101%';
    width: 100px;
    font-size: 15px;
    text-align: center;
    display: block;
    position: absolute;
    top: -25px;
    left: -50px;
}
.verano .mark16b:after{
    content:'META 105%';
    width: 100px;
    font-size: 15px;
    text-align: center;
    display: block;
    position: absolute;
    top: 45px;
    left: -50px;
}
.verano #table-ciclos{
    background-color: #fff; 
    font-size: 16px;
    }
.verano #table-ciclos table{
    margin-bottom:0;
    }

.verano .table>tbody>tr>td.danger {
    background-color: transparent;
    color: red;
    font-weight: bold;
}
.verano .table>tbody>tr>td.good {
    background-color: transparent;
    color: #b1c834;
    font-weight: bold;
}

.verano .card #activas-bar{
    background-image: url(../images/verano/bgcard3.png) ;
    background-size: cover;
    background-position: center bottom;
    padding: 140px 0 0px 0;
    height: auto;
}

.verano .card.lyg h1{
    color: #a9c532;
    font-weight: bold;
    font-size: 25px
}

.verano .activar-btn{
    letter-spacing: 0;
    font-weight: bold;
    background-color: #b1c834;
}

.verano .titulo-seccion h2{
      color: #d74514;
      font-size: 25px;
      text-align: center;
      font-weight: bold;
}

.verano .card.imagebg#agenda {
    background-image: url(../images/verano/bgcard4.png);
    background-position: center bottom;
}

.verano .card#agenda h2{
    font-weight: bold;
}

.verano .price {
    background-image: url(../images/verano/bg-prices.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    width: 100%;
    max-width: 200px;
    
    position: relative;
}


.verano .price:before{
    content: "";
    display: block;
    padding-top: 62%;
}

.verano .price .price-txt{
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    margin: auto; 
    font-size: 30px;
    height: 30px
}


.verano .lyg ul, .verano .lyg li {
    margin: 0;
    padding: 0;
}


.verano .lyg .detalle {
    padding-top: 20px;
    min-height: 85px
}

.verano #agenda .claim{
    color: #fff;
    font-size: 20px;
    text-align: center;
}

.verano .ag_report{
    display: inline-block;
    min-width: 150px;
    vertical-align: top;
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin: 20px;
}


/* exclusivo verano cn*/
.verano.cns .recuadro{
    width: 100%;
    padding: 5px;
    border:1px solid #dddddd;
    margin-left:-15px; 
    margin-top: 5px;
}

.verano.cns .recuadro table{
    width: 100%;
    border: none;
}

.verano.cns .recuadro table th{
    font-weight: 300;
    font-size: 11px;
    text-transform: uppercase;
    color: #a9c532;
    text-align: left;
}

.verano.cns .recuadro table td{
    font-weight: 300;
    font-size: 20px;
    color: #7a6052;
    text-align: left;
}
.verano.cns .recuadro table td span{
    font-size: 30px;
   
}


.verano.cns .cn_bar{
    width: 100%;
    position: relative;
    padding-bottom: 30px
}

.verano.cns .cn_bar:before{
    content: url('../images/verano/smile_mal.png') ;
    position: absolute;
    width: 26px;
    height: 26px;
    left: -34px;
    top: 10px;
}

.verano.cns .cn_bar:after{
    content: url('../images/verano/smile_ok.png') ;
    position: absolute;
    width: 26px;
    height: 26px;
    right: -34px;
    top: 10px;
}

.verano.cns .percent-bar.cn_bar {
    width: 100%;
    position: relative;
    padding: 20px 0 20px;
}

.verano.cns .percent-bar.cn_bar .bar {
   height: 10px;
}

.verano.cns .percent-bar .bar-bg.grey {
    width: 100%;
    background-color: #dddddd;
}

.verano.cns .percent-bar .cn-mesure-bar.bar{
    z-index: 100;
    background: #f4b600; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #d0634c 0%, #b7b539 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #d0634c 0%,#b7b539 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #d0634c 0%,#b7b539 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.verano.cns .titulo-seccion{
    background-image: url(../images/verano/bgcard_cn1.png) ;
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat; 
}

.verano.cns .titulo-seccion h2{
     font-size: 35px;
}

.verano.cns .titulo-seccion .desc{
     font-size: 16px;
}

.verano.cns .pccards h3{
     font-size: 22px;
     color: #d74514;
     text-align: left;
     font-weight: bold;
}

.verano.cns #agenda h2{
    font-size: 25px
}

.verano.cns #agenda .script{
    color: #fff;
    font-size: 50px;
    text-align: left;
    font-family: 'natura_scriptregular';
    padding-bottom: 0;
    padding-top: 100px
}

.verano.cns #agenda .claim{
    color: #fff;
    font-size: 20px;
    text-align: left;
    padding-top: 0
}

.card-content .card .head.ph .info {
    font-size: 14px;
    margin: 25px 0px 0px;
    display: block;
    float: left;
}

/* POP-UP de aclaracion en premio verano   */
.popaclaracion  .content ul {
    float: left;
    margin-left: 2vw;
}

.popaclaracion .content {
    width: 500px;
    overflow: hidden;
    margin: 29px auto;
}

.popaclaracion .content ul li a {
    text-align: left;
    display: block;
}
.popaclaracion .content .txt {
    margin-bottom:20px;
    text-align: left;
    font-size: 16px;
}

#popaclaracion {
    display: none;
}
.popaclaracion .modal-footer button {
    display: none;
}
.popaclaracion .txt-btn {
    color: #fff;
    font-size: 16px;
}

.popaclaracion  span {
    text-align: center;
    color: #d74514;
    max-width: 600px;
    width: 100%;
    display: block;
    font-size: 19px;
    margin: 0 auto;
}
/* Fin POP-UP de aclaracion en premio verano   */

.verano .desc a.dscierre,
.verano .desc a.dsrepot {
    background: url(../images/verano/download-symbol.png) 260px center #f9d738 no-repeat;
    background-size: 24px;
    width: 300px;
    padding: 15px 26px 10px 0px;
    height: 50px;
    font-weight: 500;
    display: inline;
    zoom: 1;
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

.modal-header {
    background: #f4b600; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #b7b539 0%, #d0634c 100%); /* FF3.6-15 */
    padding: 28px 15px;
    color: #FFF;
    background: -webkit-linear-gradient(-45deg, #b7b539 0%,#d0634c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #b7b539 0%,#d0634c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    font-family: naturasans;
    }

.modal-header h4.modal-title {
    font-size: 26px;
    text-align: center;
}

.modal-content {
    text-align: center;
}
.modal-footer .negar {
    margin-right: 40px;
}
.modal-footer {
    border: none;
}
.modal-content {
    border: none;
}
.bootbox-body {
    font-size: 20px;
}
.modal-footer {
    border: none;
    max-width: 215px;
    margin: 0 auto;
    text-align: center;
}
.modal-footer .negar,.modal-footer .aceptar {
    background: #a9c532;
    padding: 12px 20px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
}
.card-content .card .head.ph {
    padding: 0px;
    min-height: auto;
}
.msjpre span {
    font-size: 3.5em;
    text-align: center;
    display: block;
    color: #a9c532;
}
.verano .desc {
    width: 100%;
    max-width: 605px;
    overflow: hidden;
    margin: 10px auto 0px;
    text-align: center;
}


.verano .suplist .btn-ing {
    padding: 8px 13px;
    background: #f9d738;
    border-radius: 6px;
    color: #fff;
    width: 95px;
    display: block;
    text-align: center;
    margin: 0px auto;
}
.verano .suplist .btn-mail {
    padding: 8px 13px;
    background: #D64514;
    border-radius: 6px;
    color: #fff;
    display: block;
    margin: 0px auto;
    width: 108px;
    text-align: center;
}
.verano .suplist .row {
    padding: 8px 0px 8px 0px;
    width: 100%;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #f9d738;
}
.verano .suplist {
    margin: 21px 0px 0px 15px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #f9d738;
}

.verano .suplist span.text {
    display: block;
    padding-top: 5px;
}
.verano .suplist .col-xs-2 {
    padding: 0px;
}
.home .verano .suplist .btn-ing {
    background: #AE2762;
}

.home .verano .suplist {
    border-top: 1px solid #FA6D0F;
}

.home .verano .suplist .row {
    border-bottom: 1px solid #FA6D0F;
}
@media all and (max-width: 1467px) {
    .verano .container-fluid .card.hmi h1 {
        font-size: 36px;
    }
    .verano .container-fluid .card.hmi p{
        font-size: 16px;
    }
    .close-menu .verano .container-fluid .card.hmi h1 {
        font-size: 41px;
    }
}
@media all and (max-width: 1180px) {
    .verano .container-fluid .card.hmi h1 {
        font-size: 26px;
    }
    .verano .container-fluid .card.hmi p{
        font-size: 16px;
    }
    .close-menu .verano .container-fluid .card.hmi h1 {
        font-size: 50px;
    }
}

@media all and (max-width: 990px) {
    .verano .container-fluid .card.hmi h1 {
        font-size: 50px;
    }
    .verano .container-fluid .card.hmi p{
        font-size: 18px;
    }
    .close-menu .verano .container-fluid .card.hmi h1 {
        font-size: 50px;
    }
    .verano .desc .dscierre, .verano .desc .dsrepot {
        width: 243px;
        float: none;
        margin: 13px auto 0px;
    }
    .verano .desc .dsrepot{
        width: 335px;
    }
    .verano .suplist .col-xs-8 {
        padding: 0px;
    }
}