@import url('reset.css');
@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=070a55b3-ebbb-4b67-b319-01002dbe779b&fontids=744028,744034,744031,744025");
@import url('fonts.css');

/*1000px*/
/*—————–GENERAL————–*/

body, p, table, td, th, tr, ul, ol, textarea, input, h2, h1, h3 {
    font-family: DINNextRoundedLTW02-Reg, arial;
    color: #666666;
    list-style: none;
    font-size: 16px;
    line-height: 16px;
}

span {
    font-family: DINNextRoundedLTW02-Reg, arial;
    list-style: none;
    font-size: 16px;
    line-height: 100%;
}

h1 {
    font-family: andes_condensed_boldbold;
}

.wrap {
    position: relative;
    width: 1120px;
    margin: 0 auto;
}

body {
    background: #f2f2f2;
    width: 100%;
}

html {
    overflow: hidden;
}

::-webkit-scrollbar {
    width: 12px;
    background: #fff;
}

::-webkit-scrollbar-track {
    opacity: 0.8;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ff5c39;
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: #fc947e;
        opacity: 0.8;
    }

a:hover {
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}

strong {
    font-weight: bold;
}

/*—————–GENERAL————–*/


/*—————–HEADER—————–*/
header {
    position: relative;
    float: left;
    width: 80px;
    z-index: 10;
    background: #fff;
}

.leftbar {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    z-index: 12;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
}

.main-logo {
    position: relative;
    float: left;
    width: 80px;
    height: 80px;
    background:#0092bc;
    -webkit-transition: background 0.75s;
    -moz-transition: background 0.75s;
    -o-transition: background 0.75s;
    transition: background 0.75s;
}

.bd-neg .main-logo {
    background: url(../img1/bg-mainlogo-2.jpg) top left no-repeat;
}

.logohead{
    position: relative;
    float: left;
    margin: 21px 0px 0px 15px;
    width: 50px;
}

.main-logo p {
    position: absolute;
    bottom: 8px;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-family: DINNextRoundedLTW02-Med;
    opacity: 0;
    transition: opacity 0.7s ease;
    -webkit-animation: fade .7s ease both;
    animation: fade .7s ease both;
}

@-webkit-keyframes fade {
    from {
    }

    to {
        opacity: 1;
    }
}

@keyframes fade {
    from {
    }

    to {
        opacity: 1;
    }
}

.btn-lbr {
    position: relative;
    float: left;
    width: 100%;
    height: calc(100% - 80px);
    margin: auto;
}


    .btn-lbr a, .btn-lbr .bloque-selector {
        position: relative;
        float: left;
        width: 100%;
        margin: 18px 0px;
        text-align: center;
        font-size: 98%;
        font-family: DINNextRoundedLTW02-Med;
        color: #0092bc;
        cursor: pointer;
    }

    .btn-lvl2 a, .btn-lvl2 .bloque-selector22 {
        position: relative;
        float: left;
        width: 100%;
        margin: 0px 0px 17px;
        text-align: center;
        font-size: 85%;
        font-family: DINNextRoundedLTW02-Reg;
        color: #fff;
        cursor: pointer;
    }

    .btn-lbr .bloque-selector2, .btn-lbr .bloque-selector22, .btn-lbr .bloque-selector23 {
        position: relative;
        float: left;
        width: 100%;
        text-align: center;
        font-size: 100%;
        font-family: DINNextRoundedLTW02-Med;
        color: #0092bc;
        cursor: pointer;
    }

    .btn-lbr .bloque-selector3 {
        position: relative;
        float: left;
        width: 12%;
        margin: 12px 0% 12px 3%;
        text-align: center;
        font-size: 120%;
        font-family: DINNextRoundedLTW02-Med;
        color: #0092bc;
        cursor: pointer;
    }

    .btn-lbr .bloque-selector4 {
        position: relative;
        float: left;
        width: 12%;
        margin: 12px 0% 12px 3%;
        text-align: center;
        font-size: 120%;
        font-family: DINNextRoundedLTW02-Med;
        color: #0092bc;
        cursor: pointer;
    }

    .btn-lbr .lbr-btn{
        position: relative;
        float: left;
        width: 100%;
        height: 34px;
        background-size: contain;
        transition: background-image 0.25s ease-in-out;
        -webkit-transition: background-image 0.25s ease-in-out;
        -moz-transition: background-image 0.25s ease-in-out;
        -o-transition: background-image 0.25s ease-in-out;
    }
    
    .btn-lvl2 .lbr-btn {
        position: relative;
        float: left;
        width: 100%;
        height: 24px;
        background-size: contain;
        transition: background-image 0.25s ease-in-out;
        -webkit-transition: background-image 0.25s ease-in-out;
        -moz-transition: background-image 0.25s ease-in-out;
        -o-transition: background-image 0.25s ease-in-out;
    }

    .btn-lbr a:hover, .current, .btn-lbr .bloque-selector:hover {
        color: #ff5c39 !important;
    }


.btlv .current {
    color: #fff !important;
    border-right: 3px solid #fff;
}

.btlv .current:after {
        color: #fff;
    content: " ";
    width: 10px;
    height: 0px;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    top: 40%;
    right: 0px;
}

.bfibo {
    background: url(../img1/btns/btn-fibo.png) top center no-repeat;
}

.btn-lbr a:hover .bfibo, .current .bfibo {
    background: url(../img1/btns/btn-fibo2.png) top center no-repeat !important;
    background-size: contain !important;
}

.bmovi {
    background: url(../img1/btns/btn-movi.png) top center no-repeat;
}

.btn-lbr a:hover .bmovi, .current .bmovi {
    background: url(../img1/btns/btn-movi2.png) top center no-repeat !important;
    background-size: contain !important;
}

.btrad {
    background: url(../img1/btns/btn-trad.png) top center no-repeat;
}

.btn-lbr a:hover .btrad, .current .btrad {
    background: url(../img1/btns/btn-trad2.png) top center no-repeat !important;
    background-size: contain !important;
}

.btien {
    background: url(../img1/btns/btn-tien.png) top center no-repeat;
}

.btn-lbr a:hover .btien, .current .btien {
    background: url(../img1/btns/btn-tien2.png) top center no-repeat !important;
    background-size: contain !important;
}

.bmiet {
    background: url(../img1/btns/btn-miet.png) top center no-repeat;
}

.btn-lbr a:hover .bmiet, .current .bmiet {
    background: url(../img1/btns/btn-miet2.png) top center no-repeat !important;
    background-size: contain !important;
}

.bguia {
    background: url(../img1/btns/btn-guia3.png) top center no-repeat;
}

.bguia2 {
    background: url(../img1/btns/btn-guia.png) top center no-repeat;
}
/*
.btn-lbr a:hover .bguia, .current .bguia {
    background: url(../img1/btns/btn-guia4.png) top center no-repeat !important;
    background-size: contain !important;
}*/
/*matta*/

.bchat{
    margin: 4px;
}

.bchat img{
    width: 21px;
}
.bgchat {
    background: url(../img1/btns/servicices-chat-icon.png) top center no-repeat;
}

.btn-lbr a:hover .bchat, .current .bchat {
    background: url(../img1/btns/support-chat-icon.png) top center no-repeat !important;
    background-size: contain !important;
}
/*matta*/

.bplan {
    background: url(../img1/btns/btn-plan3.png) top center no-repeat;
}

.badic {
    background: url(../img1/btns/btn-adic.png) top center no-repeat;
}
/*
.btn-lbr a:hover .bplan, .current .bplan {
    background: url(../img1/btns/btn-plan4.png) top center no-repeat !important;
    background-size: contain !important;
}*/

.bdivi {
    background: url(../img1/btns/btn-divi3.png) top center no-repeat;
}

.btn-lbr a:hover .bdivi, .current .bdivi {
    background: url(../img1/btns/btn-divi2.png) top center no-repeat !important;
    background-size: contain !important;
}

.btend {
    background: url(../img1/btns/btn-tend.png) top center no-repeat;
}

.btn-lbr a:hover .btend, .current .btend {
    background: url(../img1/btns/btn-tend2.png) top center no-repeat !important;
    background-size: contain !important;
}

.binter {
    background: url(../img1/btns/btn-inter3.png) top center no-repeat;
}
/*
.btn-lbr a:hover .binter, .current .binter {
    background: url(../img1/btns/btn-inter4.png) top center no-repeat !important;
    background-size: contain !important;
}*/

.btelef {
    background: url(../img1/btns/btn-telef3.png) top center no-repeat;
}
/*
.btn-lbr a:hover .btelef, .current .btelef {
    background: url(../img1/btns/btn-telef4.png) top center no-repeat !important;
    background-size: contain !important;
}*/

.bcober {
    background: url(../img1/btns/btn-cober.png) top center no-repeat;
}
/*
.btn-lbr a:hover .bcober, .current .bcober {
    background: url(../img1/btns/btn-cober2.png) top center no-repeat !important;
    background-size: contain !important;
}*/

.bestre {
    background: url(../img1/btns/btn-estre.png) top center no-repeat;
}
/*
.btn-lbr a:hover .bestre, .current .bestre {
    background: url(../img1/btns/btn-estre2.png) top center no-repeat !important;
    background-size: contain !important;
}*/

.bevent {
    background: url(../img1/btns/btn-event.png) top center no-repeat;
}
/*
.btn-lbr a:hover .bevent, .current .bevent {
    background: url(../img1/btns/btn-event2.png) top center no-repeat !important;
    background-size: contain !important;
}*/

.bservi {
    background: url(../img1/btns/btn-servi3.png) top center no-repeat;
}
/*
.bloque-selector:hover .bservi, .current .bservi {
    background: url(../img1/btns/btn-servi2.png) top center no-repeat !important;
    background-size: contain !important;
}*/

.bmovi2 {
    background: url(../img1/btns/btn-movi.png) top center no-repeat;
}

.bloque-selector2:hover .bmovi2, .current .bmovi2 {
    background: url(../img1/btns/btn-movi2.png) top center no-repeat !important;
    background-size: contain !important;
    color: #ff5c39 !important;
}

.bloque-selector2 a:hover {
    color: #ff5c39 !important;
}

.b4g {
    background: url(../img1/btns/btn-4g.png) top center no-repeat;
}

.btn-lbr a:hover .b4g, .current .b4g {
    background: url(../img1/btns/btn-4g2.png) top center no-repeat !important;
    background-size: contain !important;
}


.bloque-serv {
    position: absolute;
    top: -16%;
    left: 100%;
    background: #fff;
    overflow: hidden;
    width: 0px; /*364px*/
    height: 108px;
    -webkit-box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.45);
}

.btn-guia2 {
    position: absolute;
    color: #0092bc;
    right: 40px;
    top: 45px;
    z-index: 11;
    text-decoration: underline;
    font-size: 138%;
}

.bloque-serv2 {
    position: absolute;
    top: 0px;
    left: 100%;
    background: #fff;
    overflow: hidden;
    width: 0px;
    height: 66px;
    padding-top: 10px;
    -webkit-box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.45);
    -webkit-border-radius: 0px 12px 12px 0px;
    -moz-border-radius: 0px 12px 12px 0px;
    border-radius: 0px 12px 12px 0px;
}

.bloque-serv22 {
    position: absolute;
    top: -5px;
    left: 100%;
    background: #fff;
    overflow: hidden;
    width: 0px;
    height: 60px;
    padding-top: 0px;
    -webkit-box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.45);
    -webkit-border-radius: 0px 12px 12px 0px;
    -moz-border-radius: 0px 12px 12px 0px;
    border-radius: 0px 12px 12px 0px;
}

    .bloque-serv22 h1 {
        color: #0092bc;
        font-size: 250%;
        text-align: center;
        position: relative;
        float: left;
        width: 100%;
        line-height: 80%;
        margin-top: 9px;
    }

        .bloque-serv22 h1:hover {
            color: #ff5c39;
        }

.bloque-serv23 {
    position: absolute;
    top: 0px;
    left: 100%;
    background: #fff;
    overflow: hidden;
    width: 0px;
    height: 102px;
    padding-top: 10px;
    -webkit-box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.45);
    -webkit-border-radius: 0px 12px 12px 0px;
    -moz-border-radius: 0px 12px 12px 0px;
    border-radius: 0px 12px 12px 0px;
}

    .bloque-serv23 h1 {
        color: #0092bc;
        font-size: 250%;
        text-align: center;
        position: relative;
        float: left;
        width: 100%;
        line-height: 80%;
        margin-top: 9px;
    }

        .bloque-serv23 h1:hover {
            color: #ff5c39;
        }

.bloque-serv3 {
    position: absolute;
    top: -16%;
    left: 100%;
    background: #fff;
    overflow: hidden;
    width: 0px;
    height: 102px;
    padding-top: 10px;
    -webkit-box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.45);
}

.bloque-serv4 {
    position: absolute;
    top: 100%;
    right: 0px;
    background: #fff;
    overflow: hidden;
    width: 0px;
    height: 30px;
    padding-top: 10px;
    -webkit-box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.45);
    -webkit-border-radius: 0px 0px 12px 12px;
    -moz-border-radius: 0px 0px 12px 12px;
    border-radius: 0px 0px 12px 12px;
}

    .bloque-serv a, .bloque-serv2 a, .bloque-serv22 a, .bloque-serv23 a, .bloque-serv3 a, .bloque-serv4 a {
        position: relative;
        float: left;
        width: 114px !important;
        margin: 5px 1% !important;
        text-align: center;
        font-size: 100%;
        font-family: DINNextRoundedLTW02-Med;
        color: #0092bc;
        cursor: pointer;
        height: 100%;
    }

    .bloque-serv22 a{
        position: relative;
        float: left;
        width: 80px !important;
        margin: 5px 1% !important;
        text-align: center;
        font-size: 100%;
        font-family: DINNextRoundedLTW02-Med;
        color: #0092bc;
        cursor: pointer;
        height: 100%;
    }

    .bloque-serv .lbr-btn, .bloque-serv2 .lbr-btn, .bloque-serv23 .lbr-btn, .bloque-serv3 .lbr-btn, .bloque-serv4 .lbr-btn {
        width: 100% !important;
        background-size: contain;
    }

.btn-lvl2 {
    position: absolute;
    left: 80px;  
    background: #0092bc;
    height: calc(100% - 100px);
    z-index: 0;
    top: 30px;
    -webkit-box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.45);
    padding: 50px 0px 20px;
}

.btns-fibra, .btns-trad{
    position: relative;
    float: left;
    width: 0px;
    opacity: 0;
}

.btns-adic, .btns-tadic {
    position: relative;
    float: left;
    width: 0px;
    opacity: 0;
    border-top: 1px solid #fff;
    padding-top: 10px;
}

.showmenu{
    width: 70px !important;
    opacity: 1 !important;
    -webkit-transition: all 0.8s; /* Safari */
    transition: all 0.8s;/*70px;*/
    -webkit-transition: opacity 1.2s; /* Safari */
    transition: opacity 1.2s;/*70px;*/
}

.topbar {
    position: absolute;
    top: 0px;
    left: 80px;
    width: 542px;
    height: 30px;
    background-color: #ffffff;
    z-index: 11;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    -webkit-transition: background 0.75s;
    -moz-transition: background 0.75s;
    -o-transition: background 0.75s;
    transition: background 0.75s;
    -webkit-transition: all 0.75s;
    -moz-transition: all 0.75s;
    -o-transition: all 0.75s;
    transition: all 0.75s;
}

.bd-neg .topbar {
    background-image: none !important;
}

.topbar a {
    position: relative;
    float: left;
    font-family: andes_condensed_mediummedium;
    color: #0092bc;
    font-size: 100%;
    margin: 0px 0px 0px 17px;
    height: 23px;
    line-height: 30px;
}

.bd-neg .topbar a {
    color: #0092bc !important;
}

#magic-line {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 20px;
    height: 3px !important;
    float: none !important;
    background: #ff5c39;
}

.bd-neg #magic-line {
    background: #0092bc !important;
}

.topblue {
    position: absolute;
    right: 0px;
    height: 100%;
    min-width: 36px;
    background: #0092bc;
    -webkit-transition: background 0.75s;
    -moz-transition: background 0.75s;
    -o-transition: background 0.75s;
    transition: background 0.75s;
}

.tag_blue, .tag_chat{
    position: relative;
    float: left;
    width:30px;
}


.tag_blue img{
    height: 30px;    
}

.tag_chat a{
    margin: 5px !important;
}

.bd-neg .topblue, .bd-neg .search {
    background: #ff5c39 !important;
}

    .bd-neg .search input {
        border: 1px solid #f69e81 !important;
    }

.search {
    position: absolute;
    right: 77px;
    width: 0px; /*357px*/
    overflow: hidden;
    height: 100%;
    background: #0092bc;
}

    .search input {
        position: relative;
        margin: 5px 2%;
        height: 23px;
        width: 94%;
        border-radius: 3px;
        border: 1px solid #4eaece;
        color: #333;
        padding: 2px 1%;
    }

.topblue a {
    margin: 0px;
}

.redesbar {
    position: fixed;
    top: 0px;
    right: 0px;
    /*width:200px;*/
    height: 30px;
    background:#0092bc top left;
    z-index: 11;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    -webkit-transition: background 0.75s;
    -moz-transition: background 0.75s;
    -o-transition: background 0.75s;
    transition: background 0.75s;
}

.bd-neg .redesbar {
    background: url(../img1/bg-top-2.jpg) top left !important;
}

.redesbar a {
    position: relative;
    float: left;
    margin: 4px;
    height: calc(100% - 8px);
}

.redesbar a img{
    height: 100%;
}
/*—————–HEADER—————–*/

/*——-——–CONTENT————–*/
.content {
    position: relative;
    float: right;
    z-index: 1;
    background: #0092bc;
    height: 100%;
    overflow: hidden;
    perspective: 1200px;
    transform-style: preserve-3d;
    width: calc(100% - 80px);
}

.cont-tam2{
    width: calc(100% - 150px) !important;
    -webkit-transition: all 0.8s; /* Safari */
    transition: all 0.8s;/*70px;*/
}

.wrap-cont {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    background: #fff;
    top: 0;
    left: 0;
    overflow: hidden;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.45);
}

.pt-page-scaleDown {
    -webkit-animation: scaleDown .4s ease both;
    animation: scaleDown .4s ease both;
}

@-webkit-keyframes scaleDown {
    from {
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}

@keyframes scaleDown {
    from {
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
}

.pt-page-moveFromTop {
    -webkit-animation: moveFromTop .6s ease both;
    animation: moveFromTop .6s ease both;
}

@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-100%);
    }
}

@keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.pt-page-moveFromLeft, .pt-page-moveToLeft {
    -webkit-animation: moveFromLeft .6s ease both;
    animation: moveFromLeft .6s ease both;
}

@-webkit-keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes moveToLeft {
    from {
        -webkit-transform: translateX(100%);
    }
}

@keyframes moveToLeft {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.widebg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

.backnav {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 11;
}

/*———-—–CONTENT————–*/


/*—————–FOOTER—————–*/
footer {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    height: 0px;
    z-index: 21;
    background: #fff;
}

.foot-topl {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    border-top: 2px solid #ff5c39;
}

.footer-arrow {
    position: fixed;
    bottom: 0px;
    left: 49%;
    width: 46px;
    z-index: 80;
}

    .footer-arrow img {
        position: relative;
        float: left;
        width: 100%;
    }

.credits {
    position: absolute;
    width: 100%;
    bottom: -13.5px;
    left: 0px;
    color: #0092bc;
    font-family: DINNextRoundedLTW02-Reg;
    font-size: 100%;
    text-align: center;
    height: 11.9%;
}

.contflinks {
    position: relative;
    float: left;
    width: 175px;
    margin: 25px 10px;
}

.contflinks2 {
    position: relative;
    float: left;
    width: 320px;
    margin: 25px 10px;
}

.contflinks h2 {
    position: relative;
    float: left;
    width: 100%;
    color: #0092bc;
    font-family: DINNextRoundedLTW02-Reg;
    font-size: 105%;
    margin-bottom: 10px;
    border-bottom: 1px solid #0092bc;
    padding-bottom: 5px;
}

.contflinks ul {
    position: relative;
    float: left;
    width: 160px;
}

    .contflinks ul li {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 2px;
    }

        .contflinks ul li a {
            color: #666;
            font-family: DINNextRoundedLTW02-Reg;
            font-size: 80%;
            line-height: 90%;
            text-decoration: underline;
        }

            .contflinks ul li a:hover {
                text-decoration: none;
                color: #ff5c39;
            }

.cont-regu {
    position: fixed;
    right: 0px;
    top: 0px;
    height: 0px; /*80%;*/
    background: url(../img1/bg-data-solid2.png) top left no-repeat;
    background-size: cover;
    width: 30%;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
}

    .cont-regu .rslides3_tabs {
        position: absolute;
        top: 44px;
        left: 10px;
        z-index: 20;
        width: 100% !important;
        right: inherit !important;
    }

        .cont-regu .rslides3_tabs li {
            position: relative;
            float: left;
            width: 10px !important;
            height: 10px !important;
            margin-bottom: 0px !important;
            margin-right: 5px;
        }

            .cont-regu .rslides3_tabs li a {
                text-indent: -9999px;
                width: 10px !important;
                height: 10px !important;
                border-radius: 0px;
                background: #ff5c39;
                position: relative;
                float: left;
                -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0);
                -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0);
                box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0);
            }
/*—————–FOOTER—————–*/

/*home slider*/
.slider-inicio, .item-slider {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.text-slider {
    position: absolute;
    right: 5%;
    top: 15%;
    width: 350px;
    z-index: 3;
}

    .text-slider h1 {
        position: relative;
        float: left;
        width: 100%;
        color: #fff;
        font-size: 300%;
        line-height: 100%;
    }

    .text-slider p {
        position: relative;
        float: left;
        width: 100%;
        font-family: DINNextRoundedLTW02-Reg;
        color: #fff;
        text-align: justify;
        font-size: 135%;
        line-height: 110%;
    }

.btn-suscribete {
    position: relative;
    float: left;
    width: 225px;
    height: 27px;
    padding-top: 10px;
    border-radius: 19px;
    background: #ff5c39;
    font-family: DINNextRoundedLTW02-Bol;
    font-size: 160%;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    left: 42%;
    margin-left: -94px;
}

    .btn-suscribete:hover {
        background: #f2c75c;
    }

.btn-suscribetesopo {
    position: relative;
    float: left;
    width: 188px;
    height: 28px;
    padding-top: 10px;
    border-radius: 19px;
    background: #f2c75c;
    font-family: DINNextRoundedLTW02-Bol;
    font-size: 160%;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    left: 50%;
    margin-left: -94px;
}

    .btn-suscribetesopo:hover {
        background: #ff5c39;
    }

.rslides, .rslides3, .rslides4 {
    position: relative;
    list-style: none;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

/*Historia*/

.content-historia {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 2;
}

.portada-hist {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.porh-text {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 220px;
    z-index: 3;
}

    .porh-text h1 {
        position: relative;
        float: left;
        width: 80%;
        margin-left: 10%;
        color: #fff;
        font-size: 444%;
        line-height: 98%;
        text-align: center;
        text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.4);
    }

    .porh-text p {
        position: relative;
        float: left;
        width: 60%;
        color: #fff;
        margin-top: 10px;
        margin-left: 20%;
        font-size: 235%;
        line-height: 95%;
        text-align: center;
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    }

.title-hist {
    position: relative;
    float: left;
    width: 100%;
    border-top: 1px solid #ff5c39;
    border-bottom: 1px solid #ff5c39;
    min-height: 160px;
}

    .title-hist h2 {
        position: relative;
        float: left;
        width: 80%;
        color: #0092bc;
        font-size: 238%;
        line-height: 90%;
        text-align: center;
        margin: 42px 10%;
    }
/*fondo suave hist1*/
.bloque-hist {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 50px;
    min-height: 740px;
    padding-bottom: 50%;
    background-size: contain !important;
}

.bloqshort {
    min-height: 40px !important;
    padding-bottom: 2% !important;
}

.bg-bloque1 {
    background: url(../img1/historias/hist1/bgsuave-h1.jpg) bottom center #fff no-repeat;
}

.bg-bloque2 {
    background: url(../img1/historias/hist2/bgsuave-h2.jpg) bottom center #fdfbfc no-repeat;
}

.bg-bloque4 {
    background: url(../img1/historias/hist4/bgsuave-h4.jpg) bottom center #fff no-repeat;
}

.bg-bloque3 {
    background: url(../img1/historias/hist3/bgsuave-h3.jpg) bottom center #fdfbfc no-repeat;
}

.bg-bloque5 {
    background: url(../img1/historias/hist5/bgsuave-h5.jpg) bottom center #fefefe no-repeat;
}

.bg-bloque6 {
    background: url(../img1/historias/hist6/bgsuave-h6.jpg) bottom center #fefefe no-repeat;
}

.wrap-historia {
    position: relative;
    width: 966px;
    margin: 0 auto;
}

.wrap-sitem {
    position: relative;
    float: left;
    width: 42%;
    margin: 0px 4%;
}

.bh1 {
    position: relative;
    float: left;
    margin-bottom: 40px;
}

.bloque-hist h2 {
    position: relative;
    float: left;
    width: 100%;
    color: #0092bc;
    font-size: 238%;
    line-height: 90%;
    text-align: center;
    margin-bottom: 40px;
}

.bloque-hist p {
    position: relative;
    float: left;
    width: 676px;
    margin: 0 auto;
    margin-bottom: 40px;
    margin-left: 145px;
    font-size: 138%;
    line-height: 105%;
    color: #333;
}

    .bloque-hist p a {
        color: #ff5c39;
        text-decoration: underline;
    }

        .bloque-hist p a:hover {
            color: #0092bc;
        }

.imgduo {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

    .imgduo li {
        position: relative;
        float: left;
    }

        .imgduo li:first-child {
            margin-right: 9px;
        }

.btn-ingresa {
    position: relative;
    float: left;
    width: 188px;
    height: 28px;
    padding-top: 10px;
    border-radius: 19px;
    background: #f2c75c;
    font-family: DINNextRoundedLTW02-Bol;
    font-size: 160%;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    left: 50%;
    margin-left: -94px;
    z-index: 10;
}

    .btn-ingresa:hover {
        background: #ff5c39;
    }

.cont-btns {
    position: relative;
    float: left;
    width: 54%;
    padding: 0px 23%;
}

.term-trad {
    color: #ff5c39;
    text-decoration: underline;
    font-size: 100%;
    cursor: pointer;
}

    .term-trad:hover {
        color: #f2c75c;
    }

.cont-btns .btn-ingresa {
    position: relative;
    float: left;
    width: 59% !important;
    height: 28px;
    padding-top: 10px;
    border-radius: 19px;
    background: #f2c75c;
    font-family: DINNextRoundedLTW02-Bol;
    font-size: 160%;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    left: auto !important;
    margin-left: 0px !important;
    z-index: 10;
}

.cont-btns .btn-ingresa2 {
    position: relative;
    float: left;
    width: 58%;
    height: 28px;
    padding-top: 10px;
    border-radius: 19px;
    background: #0092bc;
    font-family: DINNextRoundedLTW02-Bol;
    font-size: 160%;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    margin-right: 4%;
    z-index: 10;
}

    .cont-btns .btn-ingresa:hover, .cont-btns .btn-ingresa2:hover {
        background: #ff5c39;
    }
/*Fibra*/

.foot-fibra {
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 3;
    height: 108px;
    background: #0092bc;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
}

    .foot-fibra .boxlink {
        position: relative;
        overflow: hidden;
        float: left;
        width: 33.1%;
        height: 108px;
        text-align: center;
        margin: 2px 0.1111% 0px;
        background: #ff5c39;
    }

a.boxlink img {
    position: relative;
    min-height: 100%;
    width: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

/*.foot-fibra a  figcaption::before,
.foot-fibra a  figcaption::after {
	pointer-events: none;
}*/

a.boxlink figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: DINNextRoundedLTW02-Lig;
    color: #ff5c39;
    font-size: 237%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 8;
}

    a.boxlink figcaption::before {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        content: '';
    }

a.boxlink p {
    position: absolute;
    color: #ff5c39;
    font-family: DINNextRoundedLTW02-Lig;
    font-size: 100%;
    line-height: 100%;
    width: 100%;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    top: 32%;
}

a.boxlink:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

a.boxlink:hover figcaption::before {
    opacity: 0.8;
    -webkit-transform: scale(1);
    transform: scale(1);
}

a.boxlink:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.foot-fibra a.boxlink img {
}

.foot-fibra a.boxlink figcaption::before {
    opacity: 0.8;
}

.foot-fibra a.boxlink p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.redes-movil {
    display: none;
}


.tag {
    position: absolute !important;
    top: 0px;
    right: 0px;
    opacity: 1 !important;
    z-index: 10;
    width: 15% !important;
    min-height: 15% !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    display: none;
}
/*Estrenos*/

.content-estleft {
    position: relative;
    float: left;
    width: 60%;
    overflow: hidden;
    height: 100%;
    background: #0092bc;
}

    .content-estleft .img-estleft {
        position: absolute;
        top: 0px;
        left: 0px;
        min-width: 100%;
        min-height: 100%;
        width: 100%;
        z-index: 1;
        display: none;
    }

    .content-estleft .data-estleft {
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 2;
        height: 129px;
        width: 92%;
        background: url(../img1/bg-data.png) top left;
        background-size: cover;
        padding: 20px 4%;
        overflow: hidden;
        z-index: 7;
    }

.masdata, .masdata-trad, .masdata-adi {
    position: absolute;
    top: 0px;
    right: 14px;
    cursor: pointer;
}

.content-estleft .data-estleft h2 {
    position: relative;
    float: left;
    width: 100%;
    font-family: DINNextRoundedLTW02-Bol;
    color: #fff;
    font-size: 237%;
    line-height: 90%;
    margin-bottom: 20px;
}

.content-estleft .data-estleft p {
    position: relative;
    float: left;
    width: 100%;
    font-family: DINNextRoundedLTW02-Med;
    color: #fff;
    text-align: justify;
    font-size: 125%;
    line-height: 90%;
}

.content-estright {
    position: relative;
    float: left;
    width: 40%;
    height: 100%;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    z-index: 8;
}

.data-estright {
    position: relative;
    float: left;
    width: 100%;
    height: 290px;
}

.item-est {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
}

.data-iest {
    display: none;
}

.desrleft {
    position: relative;
    float: left;
    width: 54%;
    height: 100%;
}

.desrright {
    position: relative;
    float: left;
    width: 46%;
    height: 100%;
}

.desr-long {
    height: 384px !important;
}

.item-dsmall {
    height: 33.3333% !important;
}

    .item-dsmall p {
        font-size: 75% !important;
        top: 35% !important;
    }

.item-drect img {
    width: auto !important;
    left: -25%;
}

.desr-short {
    height: 169px !important;
}

.desrd2s {
    position: relative;
    float: left;
    width: 50%;
    height: 100%;
}

    .desrd2s p {
        font-size: 75% !important;
        top: 40% !important;
    }

.video-estrenos {
    position: relative;
    float: left;
    width: 124%;
    margin-top: 0%;
    z-index: 7;
    margin-left: -12%;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
}

/*Adicionales*/

.content-adileft {
    position: relative;
    float: left;
    width: 75%;
    overflow: hidden;
    height: 100%;
}

    .content-adileft .img-adileft {
        position: absolute;
        top: 0px;
        left: 0px;
        min-width: 100%;
        min-height: 100%;
        width: 100%;
        z-index: 1;
    }

    .content-adileft .data-adileft {
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 3;
        height: 101px;
        width: 92.1%;
        background: url(../img1/bg-data.png) top left;
        background-size: cover;
        padding: 20px 4%;
        overflow: hidden;
    }

        .content-adileft .data-adileft h2 {
            position: relative;
            float: left;
            width: 100%;
            font-family: DINNextRoundedLTW02-Bol;
            color: #fff;
            font-size: 237%;
            line-height: 90%;
            margin-bottom: 20px;
        }

        .content-adileft .data-adileft p {
            position: relative;
            float: left;
            width: 100%;
            margin-top: 0%;
            font-family: DINNextRoundedLTW02-Med;
            color: #fff;
            text-align: justify;
            font-size: 125%;
            line-height: 90%;
        }

.content-adiright {
    position: relative;
    float: left;
    width: 25%;
    height: 100%;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    z-index: 8;
}

.data-adiright {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

.item-adi {
    position: relative;
    float: left;
    width: 100%;
    height: 9.2%; /* 100/6 */
    cursor: pointer;
}

#btnWinLogin {
    padding: 0px !important;
}

.img-adi {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    transition: background-image 0.25s ease-in-out;
    -webkit-transition: background-image 0.25s ease-in-out;
    -moz-transition: background-image 0.25s ease-in-out;
    -o-transition: background-image 0.25s ease-in-out;
}

.adi-hbo {
    background: url(../img1/adicionales/adi-hbo.png) center center no-repeat;
}

.adi-win {
    background: url(../img1/adicionales/adi-win.png) center center no-repeat;
}

.adi-wint {
    background: url(../img1/adicionales/adi-wint.png) center center no-repeat;
}

.adi-hbogo {
    background: url(../img1/adicionales/adi-hbogo.png) center center no-repeat;
}


.adi-hbogot {
    background: url(../img1/adicionales/adi-hbogot.png) center center no-repeat;
}

.adi-guar {
    background: url(../img1/adicionales/adi-guar.png) center center no-repeat;
}

.adi-guart {
    background: url(../img1/adicionales/adi-guar1t.png) center center no-repeat;
}

.adi-adul {
    background: url(../img1/adicionales/adi-adul.png) center center no-repeat;
}

.adi-ufc {
    background: url(../img1/adicionales/adi-ufc.png) center center no-repeat;
}

.adi-macf {
    background: url(../img1/adicionales/adi-macf.png) center center no-repeat;
}

.adi-ppv {
    background: url(../img1/adicionales/adi-ppv.png) center center no-repeat;
}

.adi-cont {
    background: url(../img1/adicionales/adi-cont.png) center center no-repeat;
}

.adi-test {
    background: url(../img1/adicionales/adi-test1.png) center center no-repeat;
}

.adi-testt {
    background: url(../img1/adicionales/adi-test1t.png) center center no-repeat;
}

.adi-sopo {
    background: url(../img1/adicionales/adi-sopo.png) center center no-repeat;
}

.adi-vide {
    background: url(../img1/adicionales/adi-vide.png) center center no-repeat;
}

.adi-linea {
    background: url(../img1/adicionales/adi-linea.png) center center no-repeat;
}

.adi-fox {
    background: url(../img1/adicionales/adi-fox.png) center center no-repeat;
}

.adi-hotpack {
    background: url(../img1/adicionales/adi-hotpack.png) center center no-repeat;
}

.adi-hotgot {
    background: url(../img1/adicionales/adi-hotgot.png) center center no-repeat;
}

.adi-larga {
    background: url(../img1/adicionales/adi-ld.png) center center no-repeat;
}

.adi-largat {
    background: url(../img1/adicionales/adi-ldt.png) center center no-repeat;
}

.adi-grab {
    background: url(../img1/adicionales/adi-grab.png) center center no-repeat;
}

.adi-mini {
    background: url(../img1/adicionales/adi-mini1.png) center center no-repeat;
}

.adi-minit {
    background: url(../img1/adicionales/adi-mini1t.png) center center no-repeat;
}

.adi-espn {
    background: url(../img1/adicionales/adi-espn.png) center center no-repeat;
}

.adi-ros {
    background: url(../img1/adicionales/adi-ros1.png) center center no-repeat;
}

.adi-retro {
    background: url(../img1/adicionales/adi-retro481.png) center center no-repeat;
}

.adi-codigo {
    background: url(../img1/adicionales/adi-codigo.png) center center no-repeat;
}

.adi-visi {
    background: url(../img1/adicionales/adi-visi1.png) center center no-repeat;
}

.adi-visit {
    background: url(../img1/adicionales/adi-visi1t.png) center center no-repeat;
}

.adi-remo {
    background: url(../img1/adicionales/adi-cremoto1.png) center center no-repeat;
}

.adi-deco {
    background: url(../img1/adicionales/adi-deco1.png) center center no-repeat;
}

.adi-vtv {
    background: url(../img1/adicionales/adi-vtv1.png) center center no-repeat;
}

.adi-dhd {
    background: url(../img1/adicionales/adi-dhd1.png) center center no-repeat;
}

.adi-dpvr {
    background: url(../img1/adicionales/adi-dpvr1.png) center center no-repeat;
}

.adi-113 {
    background: url(../img1/adicionales/adi-1131.png) center center no-repeat;
}

.adi-transf {
    background: url(../img1/adicionales/adi-transf1.png) center center no-repeat;
}

.adi-marcaa {
    background: url(../img1/adicionales/adi-marcaa1.png) center center no-repeat;
}

.adi-iden {
    background: url(../img1/adicionales/adi-iden1.png) center center no-repeat;
}

.adi-d3s {
    background: url(../img1/adicionales/adi-d3s1.png) center center no-repeat;
}

.adi-desper {
    background: url(../img1/adicionales/adi-desper1.png) center center no-repeat;
}

.adi-sin {
    background: url(../img1/adicionales/adi-sin1.png) center center no-repeat;
}

.adi-mni {
    background: url(../img1/adicionales/adi-mni1.jpg) center center no-repeat;
}

.adi-valor {
    background: url(../img1/adicionales/adi-valor1.jpg) center center no-repeat;
}

.adi-7sl {
    background: url(../img1/adicionales/adi-7sl1.jpg) center center no-repeat;
}

.adi-tarifap {
    background: url(../img1/adicionales/adi-tarifap1.jpg) center center no-repeat;
}

.adi-mundo {
    background: url(../img1/adicionales/adi-mundo1.jpg) center center no-repeat;
}

.adi-prepago {
    background: url(../img1/adicionales/adi-prepago1.jpg) center center no-repeat;
}

.adi-etbplay {
    background: url(../img1/adicionales/adi-etbplay1.png) center center no-repeat;
}

.adi-happy {
    background: url(../img1/adicionales/adi-happy1.png) center center no-repeat;
}

.adi-happyt {
    background: url(../img1/adicionales/adi-happy1t.png) center center no-repeat;
}

.adi-retropaq {
    background: url(../img1/adicionales/adi-retrop1.png) center center no-repeat;
}

.adi-mundop {
    background: url(../img1/adicionales/adi-mundop1.png) center center no-repeat;
}

.adi-mundopt {
    background: url(../img1/adicionales/adi-mundop1t.png) center center no-repeat;
}

.adi-grabapaq {
    background: url(../img1/adicionales/adi-grabapaq.png) center center no-repeat;
}

.adi-foxplay {
    background: url(../img1/adicionales/adi-foxplay.png) center center no-repeat;
}

.adi-paq-bas {
    background: url(../img1/adicionales/adi-paq-bas.png) center center no-repeat;
}

.adi-paq-sta {
    background: url(../img1/adicionales/adi-paq-sta.png) center center no-repeat;
}

.adi-goldenp {
    background: url(../img1/adicionales/adi-goldenp.png) center center no-repeat;
}

.adi-mni:hover, .adi-mni.current {
    background: url(../img1/adicionales/adi-mni2.jpg) center center no-repeat;
}

.adi-valor:hover, .adi-valor.current {
    background: url(../img1/adicionales/adi-valor2.jpg) center center no-repeat;
}

.adi-7sl:hover, .adi-7sl.current {
    background: url(../img1/adicionales/adi-7sl2.jpg) center center no-repeat;
}

.adi-tarifap:hover, .adi-tarifap.current {
    background: url(../img1/adicionales/adi-tarifap2.jpg) center center no-repeat;
}

.adi-mundo:hover, .adi-mundo.current {
    background: url(../img1/adicionales/adi-mundo2.jpg) center center no-repeat;
}

.adi-prepago:hover, .adi-prepago.current {
    background: url(../img1/adicionales/adi-prepago2.jpg) center center no-repeat;
}

.adi-hbogo:hover, .adi-hbogo.current {
    background: url(../img1/adicionales/adi-hbogo2.png) center center no-repeat;
}

.adi-hbogot:hover, .adi-hbogot.current {
    background: url(../img1/adicionales/adi-hbogo2t.png) center center no-repeat;
}

.adi-win:hover, .adi-win.current {
    background: url(../img1/adicionales/adi-win2.png) center center no-repeat;
}

.adi-wint:hover, .adi-wint.current {
    background: url(../img1/adicionales/adi-win2t.png) center center no-repeat;
}


.adi-guar:hover, .adi-guar.current {
    background: url(../img1/adicionales/adi-guar2.png) center center no-repeat;
}

.adi-guart:hover, .adi-guart.current {
    background: url(../img1/adicionales/adi-guar2t.png) center center no-repeat;
}

.adi-hbo:hover, .adi-hbo.current {
    background: url(../img1/adicionales/adi-hbo2.png) center center no-repeat;
}

.adi-adul:hover, .adi-adul.current {
    background: url(../img1/adicionales/adi-adul2.png) center center no-repeat;
}

.adi-ufc:hover, .adi-ufc.current {
    background: url(../img1/adicionales/adi-ufc2.png) center center no-repeat;
}

.adi-macf:hover, .adi-macf.current {
    background: url(../img1/adicionales/adi-macf2.png) center center no-repeat;
}

.adi-ppv:hover, .adi-ppv.current {
    background: url(../img1/adicionales/adi-ppv2.png) center center no-repeat;
}

.adi-cont:hover, .adi-cont.current {
    background: url(../img1/adicionales/adi-cont2.png) center center no-repeat;
}

.adi-test:hover, .adi-test.current {
    background: url(../img1/adicionales/adi-test2.png) center center no-repeat;
}

.adi-testt:hover, .adi-testt.current {
    background: url(../img1/adicionales/adi-test2t.png) center center no-repeat;
}


.adi-sopo:hover, .adi-sopo.current {
    background: url(../img1/adicionales/adi-sopo2.png) center center no-repeat;
}

.adi-vide:hover, .adi-vide.current {
    background: url(../img1/adicionales/adi-vide2.png) center center no-repeat;
}

.adi-linea:hover, .adi-linea.current {
    background: url(../img1/adicionales/adi-linea2.png) center center no-repeat;
}

.adi-fox:hover, .adi-fox.current {
    background: url(../img1/adicionales/adi-fox2.png) center center no-repeat;
}

.adi-hotpack:hover, .adi-hotpack.current {
    background: url(../img1/adicionales/adi-hotpack2.png) center center no-repeat;
}

.adi-hotgo:hover, .adi-hotgot.current {
    background: url(../img1/adicionales/adi-hotgo2.png) center center no-repeat;
}

.adi-larga:hover, .adi-larga.current {
    background: url(../img1/adicionales/adi-ld2.png) center center no-repeat;
}

.adi-largat:hover, .adi-largat.current {
    background: url(../img1/adicionales/adi-ld2t.png) center center no-repeat;
}

.adi-grab:hover, .adi-grab.current {
    background: url(../img1/adicionales/adi-grab2.png) center center no-repeat;
}

.adi-mini:hover, .adi-mini.current {
    background: url(../img1/adicionales/adi-mini2.png) center center no-repeat;
}

.adi-minit:hover, .adi-minit.current {
    background: url(../img1/adicionales/adi-mini2t.png) center center no-repeat;
}

.adi-espn:hover, .adi-espn.current {
    background: url(../img1/adicionales/adi-espn2.png) center center no-repeat;
}

.adi-ros:hover, .adi-ros.current {
    background: url(../img1/adicionales/adi-ros2.png) center center no-repeat;
}

.adi-retro:hover, .adi-retro.current {
    background: url(../img1/adicionales/adi-retro482.png) center center no-repeat;
}

.adi-codigo:hover, .adi-codigo.current {
    background: url(../img1/adicionales/adi-codigo2.png) center center no-repeat;
}

.adi-visi:hover, .adi-visi.current {
    background: url(../img1/adicionales/adi-visi2.png) center center no-repeat;
}

.adi-visit:hover, .adi-visit.current {
    background: url(../img1/adicionales/adi-visi2t.png) center center no-repeat;
}

.adi-remo:hover, .adi-remo.current {
    background: url(../img1/adicionales/adi-cremoto2.png) center center no-repeat;
}

.adi-deco:hover, .adi-deco.current {
    background: url(../img1/adicionales/adi-deco2.png) center center no-repeat;
}

.adi-vtv:hover, .adi-vtv.current {
    background: url(../img1/adicionales/adi-vtv2.png) center center no-repeat;
}

.adi-dhd:hover, .adi-dhd.current {
    background: url(../img1/adicionales/adi-dhd2.png) center center no-repeat;
}

.adi-dpvr:hover, .adi-dpvr.current {
    background: url(../img1/adicionales/adi-dpvr2.png) center center no-repeat;
}

.adi-113:hover, .adi-113.current {
    background: url(../img1/adicionales/adi-1132.png) center center no-repeat;
}

.adi-transf:hover, .adi-transf.current {
    background: url(../img1/adicionales/adi-transf2.png) center center no-repeat;
}

.adi-marcaa:hover, .adi-marcaa.current {
    background: url(../img1/adicionales/adi-marcaa2.png) center center no-repeat;
}

.adi-iden:hover, .adi-iden.current {
    background: url(../img1/adicionales/adi-iden2.png) center center no-repeat;
}

.adi-d3s:hover, .adi-d3s.current {
    background: url(../img1/adicionales/adi-d3s2.png) center center no-repeat;
}

.adi-desper:hover, .adi-desper.current {
    background: url(../img1/adicionales/adi-desper2.png) center center no-repeat;
}

.adi-sin:hover, .adi-sin.current {
    background: url(../img1/adicionales/adi-sin2.png) center center no-repeat;
}

.adi-etbplay:hover, .adi-etbplay.current {
    background: url(../img1/adicionales/adi-etbplay2.png) center center no-repeat;
}

.adi-happy:hover, .adi-happy.current {
    background: url(../img1/adicionales/adi-happy2.png) center center no-repeat;
}

.adi-happyt:hover, .adi-happyt.current {
    background: url(../img1/adicionales/adi-happy2t.png) center center no-repeat;
}

.adi-retrop:hover, .adi-retrop.current {
    background: url(../img1/adicionales/adi-retrop2.png) center center no-repeat;
}

.adi-mundop:hover, .adi-mundop.current {
    background: url(../img1/adicionales/adi-mundop2.png) center center no-repeat;
}

.adi-mundopt:hover, .adi-mundopt.current {
    background: url(../img1/adicionales/adi-mundop2t.png) center center no-repeat;
}

.adi-retropaq:hover, .adi-retropaq.current {
    background: url(../img1/adicionales/adi-retropaq2.png) center center no-repeat;
}

.adi-grabapaq:hover, .adi-grabapaq.current {
    background: url(../img1/adicionales/adi-grabapaq2.png) center center no-repeat;
}

.adi-foxplay:hover, .adi-foxplay.current {
    background: url(../img1/adicionales/adi-foxplay2.png) center center no-repeat;
}

.adi-paq-bas:hover, .adi-paq-bas.current {
    background: url(../img1/adicionales/adi-paq-bas2.png) center center no-repeat;
}

.adi-paq-sta:hover, .adi-paq-sta.current {
    background: url(../img1/adicionales/adi-paq-sta2.png) center center no-repeat;
}

.adi-goldenp:hover, .adi-goldenp.current {
    background: url(../img1/adicionales/adi-goldenp2.png) center center no-repeat;
}

.data-iadi {
    display: none;
}

.data-iform {
    display: none;
}

.data-iform-Win {
    display: none;
}

.data-iform-ufc {
    display: none;
}

.aux-form {
    position: absolute;
    top: 129px;
    left: 5%;
    width: 250px;
    z-index: 2;
    padding: 10px;
    border-radius: 2px;
    background: url(../img1/bg-data.png) top left;
    background-size: cover;
    display: none;
}

    .aux-form .input-form {
        position: relative;
        float: left;
        height: 23px;
        width: 98%;
        border-radius: 3px;
        border: 1px solid #4eaece;
        color: #333;
        padding: 2px 1%;
        margin: 5px 0px 10px;
    }

    .aux-form .input-form2 {
        position: relative;
        float: left;
        height: 23px;
        width: 47%;
        border-radius: 3px;
        border: 1px solid #4eaece;
        color: #333;
        padding: 2px 1%;
        margin: 5px 0px 10px;
    }

    .aux-form .img-capcha {
        position: relative;
        float: left;
        height: 26px;
        width: 48%;
        border-radius: 3px;
        color: #333;
        padding: 2px 1%;
        margin: 5px 0px 10px;
    }

    .aux-form h2 {
        position: relative;
        float: left;
        width: 100%;
        font-family: DINNextRoundedLTW02-Bol;
        color: #fff;
        font-size: 148%;
        line-height: 90%;
        margin-bottom: 20px;
        text-align: center;
    }

    .aux-form p {
        position: relative;
        float: left;
        width: 100%;
        font-family: DINNextRoundedLTW02-Reg;
        color: #fff;
        text-align: justify;
        font-size: 100%;
        line-height: 90%;
    }

    .aux-form .btn-submit {
        position: relative;
        float: left;
        width: 140px;
        height: 28px;
        padding: 10px 5px 0px;
        border-radius: 19px;
        background: #f2c75c;
        font-family: DINNextRoundedLTW02-Bol;
        font-size: 130%;
        text-align: center;
        color: #fff;
        left: 50%;
        margin-left: -70px;
    }

        .aux-form .btn-submit:hover {
            background: #ff5c39;
        }

.aux-form2 {
    position: absolute;
    top: 90px;
    left: 5%;
    width: 265px;
    height: 270px;
    z-index: 2;
    padding: 10px;
    border-radius: 2px;
    background: url(../img1/bg-data.png) top left;
    background-size: cover;
    display: none;
}

    .aux-form2 .input-form {
        position: relative;
        float: left;
        height: 23px;
        width: 98%;
        border-radius: 3px;
        border: 1px solid #4eaece;
        color: #333;
        padding: 2px 1%;
        margin: 5px 0px 10px;
    }

    .aux-form2 .input-form2 {
        position: relative;
        float: left;
        height: 23px;
        width: 47%;
        border-radius: 3px;
        border: 1px solid #4eaece;
        color: #333;
        padding: 2px 1%;
        margin: 5px 0px 10px;
    }

    .aux-form2 .img-capcha {
        position: relative;
        float: left;
        height: 26px;
        width: 48%;
        border-radius: 3px;
        color: #333;
        padding: 2px 1%;
        margin: 5px 0px 10px;
    }

    .aux-form2 h2 {
        position: relative;
        float: left;
        width: 100%;
        font-family: DINNextRoundedLTW02-Bol;
        color: #fff;
        font-size: 148%;
        line-height: 90%;
        margin-bottom: 20px;
        text-align: center;
    }

    .aux-form2 p {
        position: relative;
        float: left;
        width: 100%;
        font-family: DINNextRoundedLTW02-Reg;
        color: #fff;
        text-align: justify;
        font-size: 100%;
        line-height: 90%;
    }

    .aux-form2 .btn-submit {
        position: relative;
        float: left;
        width: 140px;
        height: 28px;
        padding: 10px 5px 0px;
        border-radius: 19px;
        background: #f2c75c;
        font-family: DINNextRoundedLTW02-Bol;
        font-size: 130%;
        text-align: center;
        color: #fff;
        left: 50%;
        margin-left: -70px;
    }

        .aux-form2 .btn-submit:hover {
            background: #ff5c39;
        }

/*Inicio de UFC*/

.aux-form3 {
    position: absolute;
    top: 90px;
    left: 5%;
    width: 265px;
    height: 270px;
    z-index: 2;
    padding: 10px;
    border-radius: 2px;
    /*background: url(../img1/bg-dataUFC.png) top left;*/
    background-size: cover;
    display: none;
}


    .aux-form3 .input-form {
        position: relative;
        float: left;
        height: 23px;
        width: 98%;
        border-radius: 3px;
        border: 1px solid #4eaece;
        color: #333;
        padding: 2px 1%;
        margin: 5px 0px 10px;
    }

    .aux-form3 .input-form2 {
        position: relative;
        float: left;
        height: 23px;
        width: 47%;
        border-radius: 3px;
        border: 1px solid #4eaece;
        color: #333;
        padding: 2px 1%;
        margin: 5px 0px 10px;
    }

    .aux-form3 .img-capcha {
        position: relative;
        float: left;
        height: 26px;
        width: 48%;
        border-radius: 3px;
        color: #333;
        padding: 2px 1%;
        margin: 5px 0px 10px;
    }

    .aux-form3 h2 {
        position: relative;
        float: left;
        width: 100%;
        font-family: DINNextRoundedLTW02-Bol;
        color: #fff;
        font-size: 148%;
        line-height: 90%;
        margin-bottom: 20px;
        text-align: center;
    }

    .aux-form3 p {
        position: relative;
        float: left;
        width: 100%;
        font-family: DINNextRoundedLTW02-Reg;
        color: #fff;
        text-align: justify;
        font-size: 100%;
        line-height: 90%;
    }

    .aux-form3 .btn-submit {
        position: relative;
        float: left;
        width: 140px;
        height: 28px;
        padding: 10px 5px 0px;
        border-radius: 19px;
        background: #f2c75c;
        font-family: DINNextRoundedLTW02-Bol;
        font-size: 130%;
        text-align: center;
        color: #fff;
        left: 50%;
        margin-left: -70px;
    }

        .aux-form3 .btn-submit:hover {
            background: #ff5c39;
        }


/* fin link de UFC*/


.item-form {
    cursor: pointer;
}

#btnLogin .btn-submit {
    height: 32px;
    padding: 4px 0px;
}

#btnLogin2 .btn-submit {
    height: 32px;
    padding: 4px 0px;
}

.btn-reg1 {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

    .btn-reg1 a {
        color: #fff;
        font-family: DINNextRoundedLTW02-Bol;
    }
/*eventos*/

.bl-even {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    list-style: none;
    margin: 0 auto;
}

    .bl-even section {
        width: 33.3333%;
        height: 100%;
        color: #fff;
        display: block;
        position: relative;
        float: left;
        cursor: pointer;
        overflow: hidden;
    }

.evenbox {
    position: absolute;
    bottom: 0px;
    width: 84%;
    height: 116px;
    padding: 20px 8%;
    background: url(../img1/bg-data.png) top left;
    background-size: cover;
    overflow: hidden;
}

    .evenbox h2 {
        position: relative;
        float: left;
        width: 100%;
        font-family: DINNextRoundedLTW02-Bol;
        font-size: 200%;
        line-height: 100%;
        color: #fff;
        transition: all 0.3s ease-in-out;
    }

    .evenbox p {
        position: relative;
        float: left;
        width: 100%;
        font-family: DINNextRoundedLTW02-Reg;
        font-size: 110%;
        line-height: 95%;
        margin-top: 10px;
        color: #fff;
        transition: all 0.3s ease-in-out;
    }

.even-ng .evenbox {
    position: absolute;
    bottom: 0px;
    width: 84%;
    height: 140px;
    padding: 20px 8%;
    background: transparent;
    background-size: cover;
    overflow: hidden;
}

    .even-ng .evenbox h1 {
        position: relative;
        float: left;
        width: 100%;
        font-size: 200%;
        line-height: 100%;
        color: #fff;
        transition: all 0.3s ease-in-out;
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.40);
    }

    .even-ng .evenbox p {
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.40);
    }

.bl-even section:hover .evenbox h2, .bl-even section:hover .evenbox h1 {
    color: #f2c75c;
}

.imgeven {
    position: relative;
    min-height: 100%;
    width: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
}

.bl-even section:hover .imgeven {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.bl-box {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 1;
}

.bl-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 37px;
    height: 36px;
    text-indent: -9000px;
    cursor: pointer;
    z-index: 13;
    background: url(../img1/btns/btn-close1.png) top left;
    background-size: cover;
}


.even-ng .bl-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 37px;
    height: 36px;
    text-indent: -9000px;
    cursor: pointer;
    z-index: 13;
    background: url(../img1/btns/btn-close3.png) top left;
    background-size: cover;
}

.bl-content {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 96%;
    height: 92%;
    padding: 6% 2% 2%;
    transition: all 0.4s ease;
    z-index: -1;
    pointer-events: none;
    cursor: default;
    background: url(../img1/bg-data-solid.png) top left;
    background-size: cover;
    overflow: auto;
}


    .bl-content h2 {
        position: relative;
        float: left;
        width: 100%;
        font-family: DINNextRoundedLTW02-Bol;
        font-size: 237%;
        line-height: 100%;
        color: #f2c75c;
        transition: all 0.3s ease-in-out;
        margin-bottom: 20px;
    }

    .bl-content p {
        position: relative;
        float: left;
        width: 100%;
        font-family: DINNextRoundedLTW02-Med;
        font-size: 120%;
        line-height: 95%;
        margin-top: 10px;
        color: #fff;
        transition: all 0.3s ease-in-out;
        text-align: justify;
    }

    .bl-content a {
        color: #f2c75c;
        text-decoration: underline;
    }

        .bl-content a:hover {
            color: #ff5c39 !important;
            text-decoration: none !important;
        }

.even-ng .bl-content {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    transition: all 0.4s ease;
    z-index: -1;
    pointer-events: none;
    cursor: default;
    background: #fff;
    background-size: cover;
    overflow: hidden;
}

    .even-ng .bl-content .porh-text {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 220px;
        z-index: 3;
    }

        .even-ng .bl-content .porh-text h1 {
            position: relative;
            float: left;
            width: 80%;
            margin-left: 10%;
            color: #fff;
            font-size: 444%;
            line-height: 98%;
            text-align: center;
            text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        }

        .even-ng .bl-content .porh-text p {
            position: relative;
            float: left;
            width: 60%;
            color: #fff;
            margin-top: 10px;
            margin-left: 20%;
            font-size: 235%;
            line-height: 95%;
            text-align: center;
            text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
            font-family: DINNextRoundedLTW02-Reg;
        }

    .even-ng .bl-content .title-hist h2 {
        position: relative;
        float: left;
        width: 80%;
        color: #0092bc;
        font-size: 238%;
        line-height: 90%;
        text-align: center;
        margin: 42px 10%;
        font-family: DINNextRoundedLTW02-Reg;
    }

    .even-ng .bl-content .bloque-hist h2 {
        position: relative;
        float: left;
        width: 100%;
        color: #0092bc;
        font-size: 238%;
        line-height: 90%;
        text-align: center;
        margin-bottom: 40px;
        font-family: DINNextRoundedLTW02-Reg;
    }

    .even-ng .bl-content .bloque-hist p {
        position: relative;
        float: left;
        width: 676px;
        margin: 0 auto;
        margin-bottom: 40px;
        margin-left: 145px;
        font-size: 138%;
        line-height: 105%;
        color: #333;
        font-family: DINNextRoundedLTW02-Reg;
    }

    .even-ng .bl-content .cont-btns .btn-ingresa2 {
        position: relative;
        float: left;
        width: 58%;
        height: 28px;
        padding-top: 10px;
        border-radius: 19px;
        background: #0092bc;
        font-family: DINNextRoundedLTW02-Bol;
        text-decoration: none;
        font-size: 160%;
        text-align: center;
        color: #fff;
        margin-top: 10px;
        margin-right: 4%;
        z-index: 10;
    }

    .even-ng .bl-content .cont-btns .btn-ingresa {
        position: relative;
        float: left;
        width: 38% !important;
        height: 28px;
        padding-top: 10px;
        border-radius: 19px;
        background: #f2c75c;
        font-family: DINNextRoundedLTW02-Bol;
        text-decoration: none;
        font-size: 160%;
        text-align: center;
        color: #fff;
        margin-top: 10px;
        left: auto !important;
        margin-left: 0px !important;
        z-index: 10;
    }

        .even-ng .bl-content .cont-btns .btn-ingresa:hover, .even-ng .bl-content .cont-btns .btn-ingresa2:hover {
            background: #ff5c39;
        }

/*Planes*/

.content-plaleft {
    position: relative;
    float: left;
    width: 75%;
    overflow: hidden;
    height: 100%;
}

    .content-plaleft .img-plaleft, .cont-barras .img-plaleft {
        position: absolute;
        top: 0px;
        left: 0px;
        min-width: 100%;
        min-height: 100%;
        width: 100%;
        z-index: 1;
    }

    .content-plaleft .data-plaleft {
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 2;
        height: 150px;
        width: 92.1%;
        background: url(../img1/bg-data.png) top left;
        background-size: cover;
        padding: 20px 4%;
        overflow: hidden;
    }

        .content-plaleft .data-plaleft h2 {
            position: relative;
            float: left;
            width: 100%;
            font-family: DINNextRoundedLTW02-Bol;
            color: #fff;
            font-size: 237%;
            line-height: 90%;
            margin-bottom: 20px;
        }

        .content-plaleft .data-plaleft p {
            position: relative;
            float: left;
            width: 100%;
            font-family: DINNextRoundedLTW02-Med;
            color: #fff;
            text-align: justify;
            font-size: 125%;
            line-height: 90%;
        }

.content-plaright {
    position: relative;
    float: left;
    width: 25%;
    height: 100%;
    overflow: auto;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    z-index: 8;
}

.data-plaright {
    position: relative;
    float: left;
    width: 100%;
    height: 42%;
}

.data-plaright2 {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

.item-pla {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

.item-cober {
    position: relative;
    float: left;
    width: 100%;
    height: 38%;
    background: #fff;
    background-size: cover;
}

    .item-cober h1 {
        position: relative;
        float: left;
        width: 100%;
        font-size: 278%;
        line-height: 85%;
        color: #0092bc;
        text-align: center;
        margin-top: 14%;
    }

    .item-cober:hover {
        background: #fff;
        background-size: cover;
    }

    .item-cober h1:hover {
        color: #ff5c39;
    }

.data-plaright-ld .item-cober h1, .data-plaright-ld .item-ld h1 {
    margin-top: 9%;
}

.data-plaright-ld .platri h1, .data-plaright-ld .pladuo h1 {
    margin-top: 19%;
}

.item-ld {
    position: relative;
    float: left;
    width: 100%;
    height: 38%;
    background: url(../img1/bg-data-solid2.png) top left no-repeat;
    background-size: cover;
}

    .item-ld h1 {
        position: relative;
        float: left;
        width: 100%;
        font-size: 278%;
        line-height: 85%;
        color: #fff;
        text-align: center;
        margin-top: 14%;
    }

    .item-ld:hover {
        background: url(../img1/bg-data-solid2-over.png) top left no-repeat;
        background-size: cover;
    }

.img-pla {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    transition: background-image 0.25s ease-in-out;
    -webkit-transition: background-image 0.25s ease-in-out;
    -moz-transition: background-image 0.25s ease-in-out;
    -o-transition: background-image 0.25s ease-in-out;
}

.platri {
    background: url(../img1/bg-data-solid2.png) top left no-repeat;
    background-size: cover;
}

.platri2 {
    background: url(../img1/bg-data-solid2.png) top left no-repeat;
    background-size: cover;
}

.pladuo {
    background: #fff;
}

.platri h1 {
    position: relative;
    float: left;
    width: 100%;
    font-size: 478%;
    line-height: 85%;
    color: #fff;
    text-align: center;
    margin-top: 28%;
}

.pladuo h1 {
    position: relative;
    float: left;
    width: 100%;
    font-size: 478%;
    line-height: 85%;
    color: #0092bc;
    text-align: center;
    margin-top: 28%;
}

.plan-selector {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 6;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

.platri2 .plan-selector {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 6;
    opacity: 1 !important;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

.platri .plan-selector {
    background: url(../img1/bg-data-solid2-over.png) top left no-repeat;
    background-size: cover;
}

.pladuo .plan-selector {
    background: #fff;
}

.plan-selector h2 {
    font-family: DINNextRoundedLTW02-Lig;
    font-size: 240%;
    line-height: 100%;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    margin: 7.8% 0px 0px;
}

.plan-selector p {
    font-family: DINNextRoundedLTW02-Lig;
    font-size: 125%;
    line-height: 100%;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-bottom: 4%;
}

.pladuo .plan-selector h2, .pladuo .plan-selector p {
    color: #0092bc;
}

.plan-selector nav {
    position: relative;
    float: left;
    width: 82%;
    margin: 2% 9%;
    text-align: center;
}

    .plan-selector nav a {
        position: relative;
        float: left;
        width: 29%;
        min-height: 56px;
        background: #f6c55b;
        border-radius: 12px;
        margin: 1% 2%;
        font-family: DINNextRoundedLTW02-Lig;
        font-size: 240%;
        line-height: 100%;
        color: #fff;
        padding-top: 17px;
    }

        .plan-selector nav a:hover, .plan-selector .plaPinSel {
            color: #ff5c39;
            background: #fff;
        }

.pladuo .plan-selector nav a:hover, .pladuo .plaPinSel {
    background: #0092bc;
    color: #fff;
}

.plan-selector nav a small {
    font-size: 50%;
    margin: 0px 2px;
}

.nav2 {
    margin: 1% 2% 1% 18% !important;
}

.nor {
    line-height: 42% !important;
}

    .nor small {
        font-family: DINNextRoundedLTW02-Lig;
        font-weight: normal !important;
        font-size: 36% !important;
    }

    .nor strong {
        font-family: DINNextRoundedLTW02-Lig;
        font-weight: normal !important;
        font-size: 85% !important;
    }


.cont-barras {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 75%;
    height: 100%;
    z-index: 4;
    overflow: hidden;
    display: none;
}

.barras-adi {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
}

    .barras-adi h2 {
        position: relative;
        float: left;
        width: 100%;
        font-family: DINNextRoundedLTW02-Reg;
        font-size: 260%;
        line-height: 95%;
        color: #fff;
        text-align: center;
        margin-top: 6%;
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    }

    .barras-adi p {
        position: relative;
        float: left;
        width: 100%;
        font-family: DINNextRoundedLTW02-Reg;
        font-size: 200%;
        line-height: 95%;
        color: #f6c55b;
        text-align: center;
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    }

    .barras-adi ul {
        position: relative;
        float: left;
        width: 80%;
        margin: 0px 10%;
    }

        .barras-adi ul li {
            position: relative;
            float: left;
            width: 24%;
            margin: 10px 0.5%;
            background: url(../img1/planes/bg-box.png) top left repeat;
            background-size: cover;
            border-radius: 12px;
            padding: 4px 0px 14px;
        }

            .barras-adi ul li img {
                position: relative;
                width: 80%;
                margin: 0 auto;
            }

.plan4 li, .plan3 li, .plan2 li, .plan5 li, .plan1 li {
    position: relative;
    float: left;
    width: 24%;
    margin: 10px 0.5% !important;
    background: url(../img1/planes/bg-box.png) top left repeat;
    background-size: cover;
    border-radius: 12px;
    padding: 4px 0px 14px;
}

.plan3 {
    width: 60% !important;
    margin: 0px 20% !important;
}

    .plan3 li {
        width: 32% !important;
    }


.plan2 {
    width: 40% !important;
    margin: 0px 30% !important;
}

    .plan2 li {
        width: 49% !important;
    }

.plan1 {
    width: 20% !important;
    margin: 0px 40% !important;
}

    .plan1 li {
        width: 98% !important;
    }


    .plan4 .btn-suscribete, .plan3 .btn-suscribete, .plan2 .btn-suscribete, .plan5 .btn-suscribete, .plan1 .btn-suscribete {
        position: relative;
        float: left;
        width: 148px !important;
        height: 28px;
        padding-top: 10px;
        border-radius: 19px;
        background: #f2c75c;
        font-family: DINNextRoundedLTW02-Bol;
        font-size: 150% !important;
        text-align: center;
        color: #fff;
        margin-top: 10px;
        left: 50%;
        margin-left: -74px !important;
    }

        .plan4 .btn-suscribete:hover, .plan3 .btn-suscribete:hover, .plan2 .btn-suscribete:hover, .plan5 .btn-suscribete:hover, .plan1 .btn-suscribete:hover {
            background: #ff5c39;
        }

.norduo li:first-child {
    margin-left: 6.5%;
}

.incluyen {
    position: relative;
    float: left;
    left: 50%;
    margin-left: -288px !important;
    width: auto !important;
}

.incduo {
    margin-left: -194px !important;
}

.incluyen li {
    position: relative !important;
    float: left !important;
    width: 70px !important;
    height: 70px;
    border-radius: 12px;
    border: 3px solid #0092bc;
    margin: 10px !important;
    background: #fff !important;
    padding: 0px !important;
    cursor: pointer;
}

    .incluyen li img {
        position: relative;
        float: left;
        width: 100% !important;
        height: 100% !important;
        border-radius: 12px;
    }

.tooltip-content2 {
    position: absolute;
    bottom: 122%;
    left: -92%;
    z-index: 9999;
    margin: 0;
    width: 180px;
    border-radius: 18px;
    background: #fff;
    font-family: DINNextRoundedLTW02-Lig;
    color: #ff5c39;
    text-align: center;
    font-size: 100%;
    line-height: 95%;
    opacity: 0;
    cursor: default;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    pointer-events: none;
    padding: 10%;
}

.tc3 {
    bottom: 102% !important;
    left: -16% !important;
}

.tc4 {
    bottom: 128% !important;
    left: -8% !important;
    font-size: 70% !important;
}

.tooltip-content2::after {
    content: '';
    position: absolute;
    pointer-events: none;
    bottom: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    left: 46%;
    border-top: 10px solid #fff;
}

.tooltip-effect-1 .tooltip-content2 {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg);
    transform: perspective(1000px) rotate3d(1,0,0,90deg);
}

.tooltip:hover .tooltip-content2 {
    opacity: 0.9;
    pointer-events: auto;
    -webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);
    transform: perspective(1000px) rotate3d(1,0,0,0deg);
}

.dp1 a {
    height: 24.9% !important;
}

    .dp1 a h1 {
        margin-top: 16% !important;
    }

.dp2 a {
    height: 50% !important;
}

    .dp2 a h1 {
        margin-top: 41% !important;
        font-size: 225% !important;
    }

.dp22 a {
    height: 50% !important;
}

    .dp22 a h1 {
        margin-top: 105% !important;
        font-size: 300% !important;
    }

.dp4 a {
    height: 50% !important;
}

.dp3 {
    top: 49.9% !important;
    background: url(../img1/bg-data-solid2.png) top left no-repeat !important;
    background-size: cover !important;
    height: 25% !important;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.0) !important;
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.0) !important;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.0) !important;
}

    .dp3 a {
        height: 100% !important;
    }

    .dp3:hover {
        background: url(../img1/bg-data-solid2-over.png) top left no-repeat !important;
        background-size: cover !important;
    }

    .dp3 a h1, .dp3 a h1:hover {
        color: #fff !important;
        margin-top: 22% !important;
    }

.precio {
    position: relative;
    float: left;
    width: 80%;
    margin: 5px 10% 0px;
}

    .precio img {
        position: relative;
        float: left;
        width: 100% !important;
    }

    .precio h3 {
        position: absolute;
        top: 0px;
        color: #fff;
        font-size: 280%;
        font-family: DINNextRoundedLTW02-Bol;
        margin-top: 12px;
        letter-spacing: -2px;
        width: 86%;
        margin: 21px 7%;
        text-align: center;
        left: 0px;
        z-index: 10;
    }

        .precio h3 small {
            font-size: 40%;
            font-family: DINNextRoundedLTW02-reg;
        }

        .precio h3 span {
            font-size: 60%;
            font-family: DINNextRoundedLTW02-med;
            position: relative;
            top: -12px;
            color: #fff;
        }

.plan3 .precio h3 {
    font-size: 280%;
    margin-top: 24px;
}

    .plan3 .precio h3 span {
        top: -17px;
    }

.plan2 .precio h3 {
    font-size: 280%;
    margin-top: 24px;
}

.estd2 a {
    width: 46% !important;
}

/*Guia de TV*/

.content-guialeft {
    position: relative;
    float: left;
    width: 75%;
    overflow: hidden;
    height: 100%;
    background: #fff;
}

    .content-guialeft .links-guialeft {
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 4;
        height: 55px;
        width: 92.1%;
        background: url(../img1/bg-data.png) top left;
        background-size: cover;
        padding: 10px 4%;
        overflow: hidden;
    }

.content-guiaright {
    position: relative;
    float: left;
    width: 25%;
    height: 100%;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    z-index: 8;
}

.data-guiaright {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

.item-guia {
    position: relative;
    float: left;
    width: 100%;
    height: 14.2857%;
    overflow: hidden;
}

    .item-guia img {
        position: relative;
        min-height: 100%;
        width: 100%;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale(1.12);
        transform: scale(1.12);
    }

    .item-guia figcaption {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: DINNextRoundedLTW02-Lig;
        color: #0092bc;
        font-size: 237%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

        .item-guia figcaption::before {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background: #fff;
            opacity: 0.8;
            -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
            transition: opacity 0.35s, transform 0.35s;
            content: '';
        }

    .item-guia p {
        position: absolute;
        top: 33%;
        color: #0092bc;
        font-family: DINNextRoundedLTW02-Lig;
        font-size: 100%;
        line-height: 100%;
        width: 100%;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        text-align: center;
    }

    .item-guia:hover img {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .item-guia:hover figcaption::before {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .item-guia:hover p {
        color: #ff5c39;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .item-guia.current p {
        color: #ff5c39 !important;
        font-family: DINNextRoundedLTW02-Med;
    }

.content-canales {
    position: relative;
    float: left;
    width: 100%;
    height: 82%;
    overflow: auto;
    padding: 2% 0px 16%;
}

.categ-guia {
    position: relative;
    float: left;
    width: 94%;
    margin: 30px 0px 15px;
    padding: 0px 3%;
}

    .categ-guia h2 {
        position: relative;
        float: left;
        width: 100%;
        font-family: DINNextRoundedLTW02-Reg;
        color: #333;
        font-size: 150%;
        line-height: 110%;
        border-bottom: 1px solid #333;
        margin-bottom: 14px;
    }

.canal {
    position: relative;
    float: left;
    width: 18% !important;
    height: 140px;
    margin: 8px 0.85%;
    border-radius: 6px;
    border: 1px solid #c3c3c3;
    cursor: pointer;
}

.cestrenos{
    border: 0px solid #c3c3c3;
    cursor: default;
}

    .canal h3 {
        font-family: DINNextRoundedLTW02-Bol;
        position: relative;
        float: left;
        width: 100%;
        text-align: center;
        font-size: 180%;
        line-height: 100%;
        color: #ff5c39;
    }

.img-canal {
    position: relative;
    float: left;
    width: 100%;
    height: 80px;
    overflow: hidden;
    margin-bottom: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 3px solid #333;
}

.cpre .img-canal {
    border-color: #f2c75c !important;
}

.cext .img-canal {
    border-color: #ff5c39 !important;
}

.cbas .img-canal {
    border-color: #0092bc !important;
}

.cpre h3 {
    color: #f2c75c !important;
}

.cext h3 {
    color: #ff5c39 !important;
}

.cbas h3 {
    color: #0092bc !important;
}

.cpre.cnselect, .cfullData.cpre {
    border-color: #f2c75c !important;
}

.cext.cnselect, .cfullData.cext {
    border-color: #ff5c39 !important;
}

.cbas.cnselect, .cfullData.cbas {
    border-color: #0092bc !important;
}

.canal p {
    font-family: DINNextRoundedLTW02-Bol;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 87.5%;
    line-height: 95%;
    color: #666;
}

.cdata {
    display: none;
}

.cfullData {
    display: none;
    position: relative;
    float: right;
    width: 98% !important;
    min-height: 140px;
    margin: 8px 0.85%;
    border-radius: 6px;
    border: 1px solid #c3c3c3;
    overflow: hidden;
}

.img-full {
    position: relative;
    float: left;
    width: 25%;
    margin: 0px 2% 0px 1%;
    margin-top: -1.5%;
}

    .img-full img {
        width: 80%;
        margin: auto;
    }

.cfullData h2 {
    position: relative;
    float: left;
    width: 72%;
    margin-top: 5px;
    font-family: DINNextRoundedLTW02-Reg;
    color: #666;
    font-size: 150%;
    line-height: 110%;
    border-bottom: 1px solid #c2c2c2;
    margin-bottom: 4px;
}

.cfullData h3 {
    font-family: DINNextRoundedLTW02-Bol;
    position: relative;
    float: left;
    width: 36%;
    text-align: left;
    font-size: 180%;
    line-height: 100%;
    color: #333;
    margin-bottom: 10px;
}

.fcateg {
    position: relative;
    float: left;
    width: 34%;
    font-family: DINNextRoundedLTW02-Bol;
    font-size: 85%;
    text-align: right;
    margin-top: 4px;
}

.fdesc {
    position: relative;
    float: left;
    width: 71%;
    margin-bottom: 10px;
}

    .fdesc iframe {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

.img-canal img {
    position: relative;
    width: 65%;
    height: auto;
    margin: auto;
    margin-top: -6%;
}
/*---------------------*/

.links-guialeft a {
    position: relative;
    float: left;
    width: 33.1%;
    height: 100%;
    text-align: center;
    border-right: 1px solid #fff;
}

    .links-guialeft a:last-child {
        border-right: none;
    }

    .links-guialeft a img {
        position: relative;
        /*float: left;*/
        margin: auto;
        height: 100%;
    }

    .links-guialeft a:hover {
        opacity: 0.7;
    }

.masemo figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: DINNextRoundedLTW02-Bol;
    color: #fff;
    font-size: 168%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .masemo figcaption::before {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: none;
        opacity: 0.8;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        content: '';
    }

.masemo p {
    position: absolute;
    top: 18%;
    color: #fff;
    font-family: DINNextRoundedLTW02-Bol;
    font-size: 100%;
    line-height: 95%;
    width: 100%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    text-align: center;
}

    .masemo p small {
        font-family: DINNextRoundedLTW02-Lig;
    }

.masemo:hover p {
    color: #fff !important;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.masemo.current p {
    color: #fff !important;
}

.guia-ref {
    position: absolute;
    z-index: 8;
    top: 5px;
    right: 15px;
    padding: 5px;
    background: #fff;
    border-radius: 6px;
}

    .guia-ref p {
        position: relative;
        float: left;
        margin: 0px 8px;
        font-family: DINNextRoundedLTW02-Reg;
        font-size: 108%;
        line-height: 100%;
        color: #333;
    }

        .guia-ref p span {
            position: relative;
            float: right;
            width: 17px;
            height: 17px;
            border-radius: 6px;
            background: #f2c75c;
            margin-left: 4px;
        }

.sppre, .spext, .spbas {
    position: relative;
    float: right;
    width: 18px;
    height: 18px;
    margin-left: 4px;
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #999;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    display: inline-block;
    border-radius: 6px;
}

    .sppre:active, .spext:active, .spbas:active, .sppre:checked:active, .spext:checked:active, .spbas:checked:active {
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
    }

    .sppre:checked {
        background-color: #f2c75c;
        border: 1px solid #fff;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
        color: #99a1a7;
    }

    .spext:checked {
        background-color: #ff5c39;
        border: 1px solid #fff;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
        color: #99a1a7;
    }

    .spbas:checked {
        background-color: #0092bc;
        border: 1px solid #fff;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
        color: #99a1a7;
    }

        .sppre:checked:after, .spext:checked:after, .spbas:checked:after {
            content: '\2714';
            font-size: 11px;
            position: absolute;
            top: 0px;
            left: 4px;
            color: #ffffff;
        }

/*.img-parr {
    width: 90% !important;
    margin: 2px 5% 0px !important;
}*/

/*Diviertete*/

.content-divileft {
    position: relative;
    float: left;
    width: 60%;
    overflow: hidden;
    height: 100%;
}

    .content-divileft .img-divileft {
        position: absolute;
        top: 0px;
        left: 0px;
        min-width: 100%;
        min-height: 100%;
        width: 100%;
        z-index: 1;
    }

    .content-divileft .data-divileft {
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 2;
        height: 129px;
        width: 92%;
        background: url(../img1/bg-data.png) top left;
        background-size: cover;
        padding: 20px 4%;
        overflow: hidden;
    }

        .content-divileft .data-divileft h2 {
            position: relative;
            float: left;
            width: 100%;
            font-family: DINNextRoundedLTW02-Bol;
            color: #fff;
            font-size: 237%;
            line-height: 90%;
            margin-bottom: 20px;
        }

        .content-divileft .data-divileft p {
            position: relative;
            float: left;
            width: 100%;
            font-family: DINNextRoundedLTW02-Med;
            color: #fff;
            text-align: justify;
            font-size: 125%;
            line-height: 90%;
        }

.contentblog-divileft {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    overflow: hidden;
    height: 100%;
    z-index: 8;
    background: #fff;
    display: none;
}

.contblog-data {
    position: relative;
    float: left;
    width: 100%;
    height: 96%;
    overflow: auto;
    padding: 0% 0% 4%;
}

    .contblog-data .data-idivi {
        display: block;
        position: relative;
        float: left;
        width: 100%;
    }

    .contblog-data img {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }

.blogvod {
    position: relative;
    float: left;
    width: 100%;
    min-height: 400px;
    margin: 44px 0px 30px;
}

.contblog-data h2 {
    position: relative;
    float: left;
    width: 80%;
    margin: 0px 10% 30px;
    color: #0092bc;
    font-size: 238%;
    line-height: 90%;
    text-align: center;
    border-top: 1px solid #ff5c39;
    border-bottom: 1px solid #ff5c39;
    padding: 25px 0px;
}

.endblog {
    position: relative;
    float: left;
    width: 80%;
    margin: 0px 10% 0px !important;
    border-top: 1px solid #ff5c39;
    color: #ff5c39 !important;
    font-size: 80% !important;
    line-height: 100% !important;
    padding-top: 5px;
    text-align: center !important;
}

.contblog-data p {
    position: relative;
    float: left;
    width: 80%;
    margin: 0px 10% 30px;
    font-size: 138%;
    line-height: 105%;
    color: #333;
    text-align: justify;
}

.contblog-data a {
    color: #ff5c39;
    text-decoration: underline;
}

    .contblog-data a:hover {
        color: #0092bc;
    }

.content-diviright {
    position: relative;
    float: left;
    width: 40%;
    height: 100%;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    z-index: 8;
}

.data-diviright {
    position: relative;
    float: left;
    width: 100%;
    height: 41%;
}

.item-divi {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
}

.data-idivi {
    display: none;
}

.desrleft2 {
    position: relative;
    float: left;
    width: 58%;
    height: 59%;
}

.desrright2 {
    position: relative;
    float: left;
    width: 42%;
    height: 59%;
}

.blog60 {
    height: 60% !important;
}

.blog50 {
    height: 50% !important;
}

    .blog50 p {
        font-size: 80% !important;
    }

.blog40 {
    height: 40% !important;
}

.boxlink2 {
    cursor: pointer;
}

    .boxlink2 img {
        position: relative;
        min-height: 100%;
        width: 100%;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale(1.12);
        transform: scale(1.12);
    }

    .boxlink2 figcaption {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: DINNextRoundedLTW02-Lig;
        color: #ff5c39;
        font-size: 237%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

        .boxlink2 figcaption::before {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background: #fff;
            opacity: 0;
            -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
            transition: opacity 0.35s, transform 0.35s;
            content: '';
        }

    .boxlink2 p {
        position: absolute;
        top: 40%;
        color: #ff5c39;
        font-family: DINNextRoundedLTW02-Lig;
        font-size: 100%;
        line-height: 100%;
        width: 100%;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }

        .boxlink2 p small {
            margin: 0px 10%;
            width: 80%;
            line-height: 90%;
            font-size: 60%;
            position: relative;
            float: left;
        }

    .boxlink2:hover img {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .boxlink2:hover figcaption::before {
        opacity: 0.8;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .boxlink2:hover p {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

.data-estleft .canal {
    position: relative;
    float: left;
    width: 76px;
    min-height: 118px;
    margin: 50px 0px 5px;
    height: auto !important;
}

    .data-estleft .canal h3 {
        font-family: DINNextRoundedLTW02-Bol;
        position: relative;
        float: left;
        width: 100%;
        text-align: center;
        font-size: 150%;
        line-height: 100%;
        color: #fff;
    }

.data-estleft .img-canal {
    position: relative;
    float: left;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 12px;
    border: 3px solid #333;
    margin-bottom: 2px;
}

.data-estleft .canal p {
    font-family: DINNextRoundedLTW02-Bol;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 87.5%;
    line-height: 95%;
    color: #fff;
}

.fechacanal {
    position: relative;
    float: left;
    font-family: DINNextRoundedLTW02-Bol;
    width: 100%;
    color: #f2c75c;
    margin: 0px;
    font-size: 134%;
    margin-bottom: 10px;
}

.redesbar2 {
    position: fixed;
    top: 0px;
    right: 40%;
    width: 84px;
    height: 40px;
    background: url(../img1/bg-top.jpg) top left;
    z-index: 11;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
}

    .redesbar2 a {
        position: relative;
        float: left;
        margin: 6px;
    }

.btn-di {
    text-align: center !important;
    color: #0092bc !important;
}

.btn-diviertete {
    width: 220px;
    height: 20px;
    padding: 5px 10px;
    font-size: 130%;
    border-radius: 20px;
    background: #f2c75c;
    font-family: DINNextRoundedLTW02-Bol;
    font-size: 110% !important;
    text-align: center;
    color: #fff !important;
    margin-top: 20px;
    text-decoration: none !important;
    line-height: 200%;
}

    .btn-diviertete:hover {
        background: #ff5c39;
    }

/*ToolTips*/

.tooltip-content {
    position: absolute;
    top: 20%;
    right: -270px;
    z-index: 9999;
    margin: 0;
    width: 230px;
    border-radius: 18px;
    background: #fff;
    font-family: DINNextRoundedLTW02-Lig;
    color: #ff5c39;
    text-align: left;
    font-size: 16px;
    opacity: 0;
    cursor: default;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    pointer-events: none;
    padding: 10%;
}

    .tooltip-content::after {
        content: '';
        position: absolute;
        pointer-events: none;
        left: -7px;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #fff;
        top: 26%;
        border-top: 10px solid transparent;
    }

.tooltip-effect-1 .tooltip-content {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: perspective(1000px) rotate3d(0,1,0,90deg);
    transform: perspective(1000px) rotate3d(0,1,0,90deg);
}
.tooltip:hover .tooltip-content {
    opacity: 0.9;
    pointer-events: auto;
    -webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg);
    transform: perspective(1000px) rotate3d(0,1,0,0deg);
}

/*videos*/

.desrleft3 {
    position: relative;
    float: left;
    width: 50%;
    height: 41%;
}

.desrright3 {
    position: relative;
    float: left;
    width: 50%;
    height: 41%;
}

/*Manual*/
.cont-popmanu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(../img1/bg-modal.png) top left repeat;
    z-index: 20;
    display: none;
    overflow: hidden;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
}

.popmanu {
    position: absolute;
    left: 0px;
    top: 9%;
    width: 96%;
    height: 75%;
    padding: 2%;
    background: url(../img1/bg-data-solid.png) top left;
    background-size: cover;
    z-index: 12;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
}

.pageflip-cont {
    position: relative;
    float: left;
    width: 90%;
    height: 100%;
    top: 10%;
}

    .pageflip-cont img {
        position: relative;
        width: 100%;
    }

.booklet {
    width: 800px;
    height: 600px;
    position: relative;
    margin: 0 auto 10px;
    overflow: visible !important;
}

    .booklet .b-page {
        left: 0;
        top: 0;
        position: absolute;
        overflow: hidden;
        padding: 0;
        outline: 1px solid rgba(0,0,0,0);
    }

    .booklet .b-pN {
    }

    .booklet .b-p0 {
    }

    .booklet .b-p1 {
    }

    .booklet .b-p2 {
    }

    .booklet .b-p3 {
    }

    .booklet .b-p4 {
    }

    /* Page Wrappers */
    .booklet .b-wrap {
        top: 0;
        position: absolute;
    }

    .booklet .b-wrap-left {
        background: transparent;
    }

    .booklet .b-wrap-right {
        background: transparent;
    }

    .booklet .b-pN .b-wrap,
    .booklet .b-p1 .b-wrap,
    .booklet .b-p2 .b-wrap,
    .booklet .b-p3 .b-wrap,
    .booklet .b-p4 .b-wrap {
        left: 0;
    }

    .booklet .b-p0 .b-wrap {
        right: 0;
    }

    /* Custom Page Types */
    .booklet .b-page-blank {
        padding: 0;
        width: 100%;
        height: 100%;
    }

    .booklet .b-page-cover {
        padding: 0;
        width: 100%;
        height: 100%;
        background: #925C0E;
    }

        .booklet .b-page-cover h3 {
            color: #fff;
            text-shadow: 0 1px 3px #222;
        }

    /* Page Numbers */
    .booklet .b-counter {
        bottom: 10px;
        position: absolute;
        display: block;
        width: 25px;
        height: 20px;
        background: #ccc;
        color: #444;
        text-align: center;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 10px;
        padding: 5px 0 0;
    }

    .booklet .b-wrap-left .b-counter {
        left: 10px;
    }

    .booklet .b-wrap-right .b-counter {
        right: 10px;
    }

    /* Page Shadows */
    .booklet .b-shadow-f {
        right: 0;
        top: 0;
        position: absolute;
        opacity: 0;
        background-image: url("images/shadow-top-forward.png");
        background-repeat: repeat-y;
        background-position: 100% 0;
    }

    .booklet .b-shadow-b {
        left: 0;
        top: 0;
        position: absolute;
        opacity: 0;
        background-image: url("images/shadow-top-back.png");
        background-repeat: repeat-y;
        background-position: 0 0;
    }

    .booklet .b-p0 {
        background-image: url("images/shadow.png");
        background-repeat: repeat-y;
        background-position: 100% 10px;
    }

    .booklet .b-p3 {
        background-image: url("images/shadow.png");
        background-repeat: repeat-y;
        background-position: 0 10px;
    }

    /* Overlay Controls */
    .booklet .b-grab {
        cursor: url("images/openhand.cur"), default;
    }

    .booklet .b-grabbing {
        cursor: url("images/closedhand.cur"), default;
    }

    /* Overlay Controls */
    .booklet .b-overlay {
        top: 0;
        position: absolute;
        height: 100%;
        width: 50%;
    }

    .booklet .b-overlay-prev {
        left: 0;
    }

    .booklet .b-overlay-next {
        right: 0;
    }

    /* Tab Controls */
    .booklet .b-tab {
        background: #000;
        height: 40px;
        width: 100%;
        padding: 10px 0 0;
        text-align: center;
        color: #ccc;
        position: absolute;
        font-size: 11px;
    }

    .booklet .b-tab-prev {
        left: 0;
    }

    .booklet .b-tab-next {
        right: 0;
    }

    .booklet .b-tab:hover {
        background: #aaa;
        color: #000;
    }

    /* Arrow Controls */
    .booklet .b-arrow {
        display: block;
        position: absolute;
        text-indent: -9999px;
        top: 0;
        height: 100%;
        width: 74px;
    }

        .booklet .b-arrow div {
            display: none;
            text-indent: -9999px;
            height: 170px;
            width: 74px;
            position: absolute;
            left: 0;
            top: 25%;
        }

    .booklet .b-arrow-next {
        right: -80px;
    }

    .booklet .b-arrow-prev {
        left: -80px;
    }

    .booklet .b-arrow-next div {
        background: url("images/arrow-next.png") no-repeat left top;
    }

    .booklet .b-arrow-prev div {
        background: url("images/arrow-prev.png") no-repeat left top;
    }

/* @z-index fix (needed for older IE browsers)
----------------------------------------*/

body {
    z-index: 0;
}

.b-menu {
    z-index: 100;
}

.b-selector {
    z-index: 100;
}

.booklet {
    z-index: 10;
}

.b-pN {
    z-index: 10;
}

.b-p0 {
    z-index: 30;
}

.b-p1 {
    z-index: 20;
}

.b-p2 {
    z-index: 20;
}

.b-p3 {
    z-index: 30;
}

.b-p4 {
    z-index: 10;
}

.b-prev {
    z-index: 40;
}

.b-next {
    z-index: 40;
}

.b-counter {
    z-index: 40;
}

/* @Menu Items
----------------------------------------*/
.b-menu {
    height: 40px;
    padding: 0 0 10px;
}

.b-selector {
    height: 40px;
    position: relative;
    float: right;
    border: none;
    color: #cecece;
    cursor: pointer;
    font: normal 12px "Myriad Pro", Myriad, "DejaVu Sans Condensed","Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    .b-selector .b-current {
        padding: 8px 15px 12px;
        line-height: 20px;
        min-width: 18px;
        height: 20px;
        display: block;
        background: #000;
        text-align: center;
    }

.b-selector-page {
    width: auto;
    margin-left: 15px;
}

.b-selector-chapter {
    width: auto;
}

.b-selector:hover {
    color: #fff;
    background-position: left 0;
}

    .b-selector:hover .b-current {
        background-position: right 0;
    }

.b-selector ul {
    overflow: hidden;
    margin: 0;
    list-style: none !important;
    position: absolute;
    top: 40px;
    right: 0;
    padding: 0 0 10px;
    background: #000;
    width: 240px;
}

.b-selector li {
    border: none;
}

.b-selector a {
    color: #cecece;
    height: 14px;
    text-decoration: none;
    display: block;
    padding: 5px 10px;
}

    .b-selector a .b-text {
        float: left;
        clear: none;
    }

    .b-selector a .b-num {
        float: right;
        clear: none;
    }

    .b-selector a:hover {
        color: #fff;
    }

.bl-close2 {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 37px;
    height: 36px;
    text-indent: -9000px;
    cursor: pointer;
    z-index: 13;
    background: url(../img1/btns/btn-close1.png) top left;
    background-size: cover;
}

/*Scroller*/

.scrUp {
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: 15;
    margin-left: -52px;
    opacity: 0.5;
    cursor: pointer;
    height: 30px;
}

.scrDown {
    position: absolute;
    bottom: 0px;
    left: 50%;
    z-index: 15;
    margin-left: -52px;
    opacity: 0.5;
    cursor: pointer;
    height: 30px;
}

    .scrUp:hover, .scrDown:hover {
        opacity: 1;
    }

.scr {
    position: fixed;
    right: 0px;
    width: 40%;
    top: 0px;
    z-index: 14;
}

.scrb {
    position: fixed;
    right: 0px;
    width: 40%;
    bottom: 0px;
    z-index: 14;
}

.scr-40 {
    width: 40% !important;
}

.scr-25 {
    width: 25% !important;
}

/*Tradicional*/
.item-prod {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    background: url(../img1/bg-data-solid2.png) top left no-repeat;
}

    .item-prod h1 {
        position: relative;
        float: left;
        width: 100%;
        font-size: 278%;
        line-height: 85%;
        color: #fff;
        text-align: center;
        margin-top: 40%;
    }

    .item-prod:hover, .prod-open {
        background: url(../img1/bg-data-solid2-over.png) top left no-repeat;
    }

.item-coberyreq {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    background: #fff;
}

    .item-coberyreq h1 {
        position: relative;
        float: left;
        width: 100%;
        font-size: 278%;
        line-height: 85%;
        color: #0092bc;
        text-align: center;
        margin-top: 40%;
        -webkit-transition-property: color, text;
        -webkit-transition-duration: 0.2s;
        -webkit-transition-timing-function: linear, ease-in;
        -moz-transition-property: color, text;
        -moz-transition-duration: 0.2s;
        -moz-transition-timing-function: linear, ease-in;
        -o-transition-property: color, text;
        -o-transition-duration: 0.2s;
        -o-transition-timing-function: linear, ease-in;
    }

        .item-coberyreq h1:hover, .cober-open h1 {
            color: #ff5c39 !important;
        }

.data-plaright-trad14 {
    height: 14.3%;
}

    .data-plaright-trad14 h1 {
        font-size: 240% !important;
        margin-top: 11% !important;
    }

.data-plaright-trad16 {
    height: 16.663%;
}

.data-plaright-trad20 {
    height: 20.07%;
}

.data-plaright-trad25 {
    height: 24.9% !important;
}

    .data-plaright-trad25 h1 {
        font-size: 345% !important;
        margin-top: 22% !important;
    }

.data-plaright-trad33 {
    height: 33.3333%;
}

.data-plaright-trad50 {
    height: 50%;
}

.data-plaright-ld {
    height: 36.23%;
}

.item-interm, .item-banda {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

.item-interm {
    background: url(../img1/bg-data-solid2.png) top left no-repeat;
    background-size: cover;
}

    .item-interm h1 {
        position: relative;
        float: left;
        width: 100%;
        font-size: 278%;
        line-height: 85%;
        color: #fff;
        text-align: center;
        margin-top: 50%;
    }

.data-plaright-trad16 .item-interm h1, .data-plaright-trad16 .item-banda h1 {
    margin-top: 12%;
}

.data-plaright-trad20 .item-interm h1, .data-plaright-trad20 .item-banda h1 {
    margin-top: 17%;
}

.data-plaright-trad33 .item-interm h1, .data-plaright-trad33 .item-banda h1 {
    margin-top: 32%;
}


.item-banda h1 {
    position: relative;
    float: left;
    width: 100%;
    font-size: 278%;
    line-height: 85%;
    color: #0092bc;
    text-align: center;
    margin-top: 50%;
    -webkit-transition-property: color, text;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear, ease-in;
    -moz-transition-property: color, text;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: linear, ease-in;
    -o-transition-property: color, text;
    -o-transition-duration: 0.2s;
    -o-transition-timing-function: linear, ease-in;
}

    .item-banda h1:hover {
        color: #ff5c39 !important;
    }

.item-platrad h1 {
    margin-top: 37% !important;
}

.plan-selectortrad {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 6;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    background: url(../img1/bg-data-solid2-over.png) top left no-repeat;
}

    .plan-selectortrad h2 {
        font-family: DINNextRoundedLTW02-Lig;
        font-size: 240%;
        line-height: 100%;
        position: relative;
        float: left;
        width: 100%;
        text-align: center;
        color: #fff;
        margin: 7.8% 0px 0px;
    }

    .plan-selectortrad p {
        font-family: DINNextRoundedLTW02-Lig;
        font-size: 125%;
        line-height: 100%;
        position: relative;
        float: left;
        width: 100%;
        text-align: center;
        color: #fff;
        margin-bottom: 4%;
    }

    .plan-selectortrad nav {
        position: relative;
        float: left;
        width: 82%;
        margin: 2% 9%;
        text-align: center;
    }

        .plan-selectortrad nav a {
            position: relative;
            float: left;
            width: 100% !important;
            min-height: 10px;
            background: #f6c55b;
            border-radius: 12px;
            margin: 0.6% 2%;
            font-family: DINNextRoundedLTW02-Lig;
            font-size: 122% !important;
            line-height: 100%;
            color: #fff;
            padding: 3px 0px !important;
        }

            .plan-selectortrad nav a:hover, .plan-selectortrad .plaPinSel {
                color: #ff5c39;
                background: #fff;
            }

            .plan-selectortrad nav a small {
                font-size: 50%;
                margin: 0px 2px;
            }

.plan-selector-estratos {
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    height: 0%; /*138%*/
    z-index: 6;
    overflow: hidden;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    background: url(../img1/bg-data-solid2.png) top left no-repeat;
}

    .plan-selector-estratos h2 {
        font-family: DINNextRoundedLTW02-Lig;
        font-size: 240%;
        line-height: 100%;
        position: relative;
        float: left;
        width: 100%;
        text-align: center;
        color: #fff;
        margin: 7.8% 0px 0px;
    }

    .plan-selector-estratos p {
        font-family: DINNextRoundedLTW02-Lig;
        font-size: 125%;
        line-height: 100%;
        position: relative;
        float: left;
        width: 100%;
        text-align: center;
        color: #fff;
        margin-bottom: 4%;
    }

    .plan-selector-estratos nav {
        position: relative;
        float: left;
        width: 82%;
        margin: 2% 9%;
        text-align: center;
    }

        .plan-selector-estratos nav a {
            position: relative;
            float: left;
            width: 29%;
            min-height: 56px;
            background: #f6c55b;
            border-radius: 12px;
            margin: 1% 2%;
            font-family: DINNextRoundedLTW02-Lig;
            font-size: 240%;
            line-height: 100%;
            color: #fff;
            padding-top: 17px;
        }

            .plan-selector-estratos nav a:hover {
                color: #ff5c39;
                background: #fff;
            }

            .plan-selector-estratos nav a small {
                font-size: 50%;
                margin: 0px 2px;
            }

.item-platrad {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

.plan-selector-estratos .plaPinSel {
    color: #ff5c39;
    background: #fff;
}

.btn-close-tradplan, .btn-close-tradplan2 {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 9;
}

.content-plaleft .data-cober, .content-plaleft .data-prod {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    height: 150px;
    width: 92.1%;
    background: url(../img1/bg-data.png) top left;
    background-size: cover;
    padding: 20px 4%;
    overflow: hidden;
    display: none;
}

    .content-plaleft .data-cober h2, .content-plaleft .data-prod h2 {
        position: relative;
        float: left;
        width: 100%;
        font-family: DINNextRoundedLTW02-Bol;
        color: #fff;
        font-size: 237%;
        line-height: 90%;
        margin-bottom: 20px;
    }

    .content-plaleft .data-cober p, .content-plaleft .data-prod p {
        position: relative;
        float: left;
        width: 100%;
        font-family: DINNextRoundedLTW02-Med;
        color: #fff;
        text-align: justify;
        font-size: 125%;
        line-height: 90%;
    }

.voz-lb-data, .voz-ld-data, .data-plan {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #fff;
    z-index: 15;
    width: 0%;
    height: 100%;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
}

    .voz-ld-data a {
        height: 20.05%;
    }

    .voz-lb-data a {
        height: 33.3333%;
    }

    .data-plan a {
        height: 33.3333%;
    }

.data-plan2 a {
    height: 50% !important;
}

.data-plan3 a {
    height: 25% !important;
}

.data-plan h1 {
    margin-top: 31% !important;
}

.data-plan2 h1 {
    margin-top: 50% !important;
}

.data-plan3 h1 {
    margin-top: 23% !important;
}

.em1 {
    cursor: pointer;
    transition: background-image 0.25s ease-in-out;
    -webkit-transition: background-image 0.25s ease-in-out;
    -moz-transition: background-image 0.25s ease-in-out;
    -o-transition: background-image 0.25s ease-in-out;
}

    .em1:hover {
        background: url(../img1/bg-data-solid2-over.png) top left no-repeat;
        background-size: cover;
    }

.imgem1 {
    position: relative;
    float: left;
    left: 50%;
    margin: 50px 0px 0px -280px;
}

.rslides3_tabs, .rslides4_tabs {
    position: absolute;
    top: 38.333%;
    right: 5px;
    z-index: 20;
    width: 20px;
    height: 33.333%;
}

    .rslides3_tabs li, .rslides4_tabs li {
        position: relative;
        float: left;
        width: 15px;
        height: 15px;
        margin-bottom: 10px;
    }

        .rslides3_tabs li a, .rslides4_tabs li a {
            text-indent: -9999px;
            width: 15px;
            height: 15px;
            border-radius: 8px;
            background: #ff5c39;
            position: relative;
            float: left;
            -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
            -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
        }

            .rslides3_tabs li a:hover, .rslides3_here a, .rslides4_tabs li a:hover, .rslides4_here a {
                background: #f2c75c !important;
            }

.rslidesh_tabs {
    position: absolute;
    top: 38.333%;
    right: 5px;
    z-index: 20;
    width: 20px;
    height: 33.333%;
}

    .rslidesh_tabs li {
        position: relative;
        float: left;
        width: 15px;
        height: 15px;
        margin-bottom: 10px;
    }

        .rslidesh_tabs li a{
            text-indent: -9999px;
            width: 15px;
            height: 15px;
            border-radius: 8px;
            background: #ff5c39;
            position: relative;
            float: left;
            -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
            -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
        }

            .rslidesh_tabs li a:hover, .rslidesh_here a{
                background: #f2c75c !important;
            }

.titletv {
    font-size: 400% !important;
    margin: 35px 4% !important;
    font-family: andes_condensed_boldbold !important;
    color: #ff5c39 !important;
    width: 92%;
    float: left;
    position: relative;
    line-height: 100%;
}

.cntscroll {
    position: absolute;
    bottom: 4px;
    left: 50%;
    z-index: 50;
    margin-left: -52px;
}

.mapas h2 {
    text-align: left;
    margin-bottom: 15px;
}

.mapas a {
    text-decoration: underline;
    color: #0092bc;
    position: relative;
    float: left;
}

    .mapas a img {
        position: absolute;
        left: -12px;
        top: -1px;
    }

    .mapas a:hover {
        text-decoration: none;
    }

.mapas ul {
    position: relative;
    float: left;
    width: 100%;
    margin: 15px 0px;
}

    .mapas ul li {
        position: relative;
        float: left;
        width: 92%;
        padding: 0px 4%;
        margin-bottom: 10px;
    }

        .mapas ul li a {
            color: #666;
        }

.linka1 {
    font-size: 150%;
    color: #ff5c39 !important;
    margin-bottom: 6px !important;
}

    .linka1 img {
        position: absolute;
        left: -12px;
        top: -1px;
        height: 110%;
    }


/*------------------------------------------------- SVG ------------------------------------------------------*/

.btn-bene {
    font-size: 120% !important;
    font-family: DINNextRoundedLTW02-Med;
    background: #ff5c39;
    width: 73% !important;
    margin: 10px 10% 0px;
    height: 20px;
    line-height: 10px;
    position: relative;
    float: left;
    padding-top: 10px;
    border-radius: 19px;
    text-align: center;
    color: #fff;
    padding-left: 7%;
}

    .btn-bene img {
        width: 20px !important;
        position: absolute !important;
        top: 6px;
        left: 10px;
    }

    .btn-bene:hover {
        background: #f2c75c;
    }

.pop-bene {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    background: url(../img1/bg-modal.png) top left repeat;
    z-index: 100;
    display: none;
}

.content-pb {
    position: relative;
    float: left;
    width: 90%;
    margin: 110px 5% 0px;
    background: #fff;
    height: 500px;
    border-radius: 12px;
    z-index: 101;
    display: none;
}

.close-pb {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 102;
}

.content-svg {
    position: relative;
    float: left;
    width: 94%;
    margin: 2% 3%;
    height: 96%;
}

.tubos {
    position: relative;
    float: left;
    margin-right: 20px;
}

.tub {
    position: relative;
    float: left;
    width: 150px;
    margin-right: -35px;
    left: 0px;
    opacity: 0;
    animation: getIn 1s cubic-bezier(0.455, 0.030, 0.515, 0.955);
    animation-fill-mode: forwards;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.tb2 {
    width: 106px;
}

.tb3 {
    width: 87px;
}

@keyframes getIn {
    0% {
        transform: translate3d(500px, 0, 0);
        opacity: 0;
    }

    80% {
        transform: translate3d(-10px, 0, 0);
        opacity: 1;
    }

    95% {
        transform: translate3d(5px, 0, 0);
        opacity: 1;
    }

    100% {
        transform: translate3d(0px, 0, 0);
        opacity: 1;
    }
}

.tub:nth-child(1) {
    -webkit-animation-delay: 0s;
}

.tub:nth-child(2) {
    -webkit-animation-delay: .5s;
}

.tub:nth-child(3) {
    -webkit-animation-delay: 1s;
}

.tub:nth-child(4) {
    -webkit-animation-delay: 1.5s;
}

.tub:nth-child(5) {
    -webkit-animation-delay: 2s;
}

.tub:nth-child(6) {
    -webkit-animation-delay: 2.5s;
}

.tub:nth-child(7) {
    -webkit-animation-delay: 3s;
}

.tub:nth-child(8) {
    -webkit-animation-delay: 3.5s;
}

.tub:nth-child(9) {
    -webkit-animation-delay: 4s;
}

.tub:nth-child(10) {
    -webkit-animation-delay: 4.5s;
}

.tbsTelev .cilinder .body, .tbsTelev .line path {
    fill: #ff5c39 !important;
}

.tbsTelev .cilinder .tapa {
    fill: #b03f27 !important;
}

.tbsTelef .cilinder .body, .tbsTelef .line path {
    fill: #f2c75c !important;
}

.tbsTelef .cilinder .tapa {
    fill: #d9a139 !important;
}

.tbsTelev .texttub {
    color: #ff5c39;
}

.tbsTelef .texttub {
    color: #0092bc;
}

.tbsInter .texttub {
    color: #0092bc;
}

.texttub {
    position: relative;
    float: left;
    width: 70%;
    text-align: center;
    margin: 0px 15%;
    font-size: 84%;
    line-height: 90% !important;
}

    .texttub span {
        color: #333;
        font-family: DINNextRoundedLTW02-Med;
        font-size: 130% !important;
    }

.ttsmoll {
    font-size: 70% !important;
    width: 78%;
    text-align: center;
    margin: 0px 11%;
}

    .ttsmoll span {
        font-family: DINNextRoundedLTW02-Bol;
    }

.imgtb1 {
    position: relative;
    width: 168%;
    left: -34%;
    top: 5px;
}

.imgtb2 {
    position: relative;
    width: 42%;
    left: 29%;
    top: 5px;
}

.btn-comprar {
    position: absolute;
    right: 15px;
    font-family: DINNextRoundedLTW02-Bol;
    font-size: 125%;
    text-align: center;
    width: 185px;
    height: 40px;
    line-height: 40px;
    bottom: 15px;
    background: #f2c75c;
    border-radius: 20px;
    color: #fff;
}

    .btn-comprar:hover {
        background: #ff5c39;
    }

.tubhead {
    position: relative;
    width: 136px;
    height: 117px;
    background-size: contain;
    left: 50%;
    margin-left: -50px;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    opacity: 0;
    animation: dropIn 1s cubic-bezier(0.455, 0.030, 0.515, 0.955);
    animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
}

@keyframes dropIn {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        opacity: 1;
    }
}

.tbsTelef .tubhead {
    width: 64px;
    height: 115px;
    margin-left: -16px;
}

.tubhead p {
    position: absolute;
    float: left;
    width: 100%;
    text-align: center;
    top: 13px;
    font-size: 125%;
    font-family: DINNextRoundedLTW02-Bol;
    line-height: 26%;
    color: #0095bc;
}

    .tubhead p span {
        font-size: 185%;
        font-family: DINNextRoundedLTW02-Bol;
    }

.btn-hot1 {
    position: absolute;
    bottom: -120px;
    width: 520px;
}

    .btn-hot1 a {
        position: relative;
        float: left;
        border-radius: 6px;
        color: #fff;
        background: #b80c13; /* Old browsers */
        background: -moz-linear-gradient(top, #b80c13 0%, #89050b 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #b80c13 0%,#89050b 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #b80c13 0%,#89050b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        width: 250px;
        margin-right: 10px;
        height: 40px;
        line-height: 40px;
        font-family: DINNextRoundedLTW02-Med;
        text-align: center;
    }

        .btn-hot1 a:hover {
            background: #89050b; /* Old browsers */
            background: -moz-linear-gradient(top, #89050b 0%, #b80c13 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #89050b 0%,#b80c13 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #89050b 0%,#b80c13 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            -webkit-box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.26);
            -moz-box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.26);
            box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.26);
        }

/*Diseño Responsivo*/
.rpv {
    display: none;
}

.rpv-rot {
    display: none;
}

/*-------------------------------------------- iPads (landscape) -------------------------------------------- */
@media only screen and (min-width : 768px) and (max-width : 1024px)
/*and (orientation : landscape)*/ {

    body, p, table, td, th, tr, ul, ol, textarea, input, h2, h1, h3 {
        font-size: 13px;
        line-height: 16px;
    }

    .main-logo {
        height: 108px;
    }

    .logohead {
        margin: 15px 0px 0px 27px;
    }

    .widebg {
        width: auto;
        min-width: 100%;
        height: 100%;
    }

    .btn-lbr a {
        margin: 8px 3%;
    }

    .btn-lbr .lbr-btn {
        height: 36px;
    }

    .topbar {
        width: 470px;
    }

    .foot-fibra .boxlink {
        height: 100%;
    }

    .foot-fibra a.boxlink img {
        width: auto;
        margin-left: -20%;
        height: 100%;
    }

    .tag {
        width: 25% !important;
        height: auto !important;
    }

    .wrap-historia {
        width: 100%;
    }

    .bh1 {
        width: 100%;
    }

    .bloque-hist h2 {
        width: 90%;
        margin-left: 5%;
    }

    .imgduo li {
        width: 80%;
        margin-left: 10%;
    }

        .imgduo li img {
            width: 100%;
        }

    .imgeven {
        width: auto;
        margin-left: -40%;
    }

    .content-estleft .img-estleft, .content-adileft .img-adileft, .content-plaleft .img-plaleft, .cont-barras .img-plaleft, .content-divileft .img-divileft {
        min-width: auto;
        min-height: 100%;
        width: auto;
        margin-left: -15%;
    }

    .plan5 .btn-suscribete, .plan2 .btn-suscribete {
        width: 80% !important;
        margin-left: 10% !important;
        left: 0px !important;
        min-width: 80% !important;
    }
}

/*-----------------------------------Smartphones (horizontal y vertical)------------------------------------- */
@media only screen and (min-width : 0px) and (max-width : 480px) {

    .rpv {
        display: block;
    }

    input {
        font-size: 16px;
    }

    body, p, table, td, th, tr, ul, ol, textarea, h2, h1, h3 {
        font-size: 14px;
        line-height: 16px;
    }

    /*mains*/
    .footer-arrow {
        display: none;
    }

    header {
        width: 100%;
        height: 104px;
    }

    .main-logo {
        width: 100%;
        height: 40px;
        background: url(../img1/bg-data-solid.png) top left no-repeat;
        background-size: cover;
        z-index: 12;
    }

    .logohead {
        position: relative;
        float: left;
        width: 38px;
        left: 0px;
        margin: 6px 0px 0px 7px;
    }

    .main-logo p {
        position: absolute;
        bottom: 12px;
        width: 50%;
        text-align: left;
        font-size: 140%;
        left: 60px;
    }

    .btn-lbr {
        position: relative;
        float: left;
        width: 100%;
        background: #fff;
        height: 64px;
        z-index: 11;
    }

        .btn-lbr a {
            position: relative;
            float: left;
            width: 16%;
            margin: 4px 2%;
            text-align: center;
            font-size: 98%;
            font-family: DINNextRoundedLTW02-Med;
            line-height: 92%;
        }

        .btn-lbr .lbr-btn {
            position: relative;
            float: left;
            width: 100%;
            height: 34px;
            background-size: contain !important;
        }

    .tooltip-content {
        display: none !important;
    }

    .content {
        /*margin-top: 104px;*/
    }

    .widebg {
        height: 100%;
        width: auto;
    }

    .text-slider {
        top: 15%;
        width: 90%;
    }

        .text-slider h1 {
            font-size: 256%;
            margin-bottom: 5%;
        }

        .text-slider p {
            font-size: 148%;
            margin-bottom: 5%;
        }

    .bartop-movil {
        position: fixed;
        top: 0px;
        right: 0px;
        min-width: 40px;
        height: 40px;
        background: url(../img1/bg-top.jpg) top left;
        z-index: 13;
    }

    .search-movil {
        position: absolute;
        right: 80px;
        width: 0px; /*270px*/
        overflow: hidden;
        height: 100%;
        background: url(../img1/bg-top.jpg) top left;
    }

        .search-movil input {
            position: relative;
            margin: 5px 2%;
            height: 23px;
            width: 94%;
            border-radius: 3px;
            border: 1px solid #f6a083;
            color: #333;
            padding: 2px 1%;
        }

    .btn-search-movil, .btn-menu-movil {
        position: relative;
        float: left;
        margin: 7px;
    }

    .ui-autocomplete {
        width: 260px !important;
    }

    .topbar {
        position: fixed;
        top: 40px;
        left: 0px;
        width: 100%;
        height: 0px; /*130px*/
        background: #fff;
        z-index: 14;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
        overflow: hidden;
    }

    .topblue {
        display: none;
    }

    .topbar a {
        position: relative;
        float: left;
        font-size: 100%;
        line-height: 100%;
        margin: 18px 0px 0px;
        width: 25%;
        text-align: center;
        font-family: andes_condensedregular;
    }

        .topbar a:hover {
            opacity: 0.8;
        }

    .menu-opmov {
        opacity: 0.7;
    }

    .foot-topl {
        display: none;
    }

    .footer-movil {
        position: fixed;
        bottom: 0px;
        left: 0px;
        min-width: 80px;
        height: 36px;
        background: url(../img1/bg-top.jpg) top left;
        z-index: 13;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    }

    footer .wrap {
        width: 90%;
        padding: 5%;
        overflow: auto;
        height: 85%;
    }

    .btn-footer-movil, .btn-redes-movil {
        position: relative;
        float: left;
        margin: 6px;
    }

    .chat-movil {
        position: relative;
        float: left;
        height: 100%;
        background: #fff;
    }

    .contflinks {
        width: 90%;
        margin: 20px 5% 0px;
    }

    .credits {
        background: #fff;
    }

    .redes-movil {
        position: relative;
        display: block;
        float: left;
        width: 0px; /*122px;*/
        height: 36px;
        background: url(../img1/bg-mainlogo.jpg) top left no-repeat;
        background-size: cover;
        z-index: 14;
        overflow: hidden;
    }

        .redes-movil a {
            position: relative;
            float: left;
            margin: 7px 6px;
            width: 24px;
        }

            .redes-movil a img {
                width: 100%;
            }

    .cont-regu {
        position: fixed;
        right: 0px;
        top: 104px;
        height: 0px;
        background: url(../img1/bg-data-solid2.png) top left no-repeat;
        background-size: cover;
        width: 100%;
        overflow: hidden;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    }

        .cont-regu li img {
            width: 100%;
        }

    .red-op {
        opacity: 0.7;
    }

    .backnav {
        display: none;
    }

    .backnav-movil {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 10;
    }

    /*historias*/
    .porh-text {
        margin-top: 30%;
    }

        .porh-text h1 {
            font-size: 400%;
        }

        .porh-text p {
            width: 80%;
            margin-left: 10%;
        }

    .title-hist h2 {
        font-size: 188%;
        margin: 22px 10%;
    }

    .bh1 {
        margin-bottom: 20px;
        width: 100%;
    }

    .wrap-historia {
        width: 100%;
    }

    .bloque-hist {
        margin-top: 30px;
        padding-bottom: 60%;
    }

        .bloque-hist h2 {
            width: 90%;
            font-size: 206%;
            margin: 0px 5% 20px;
        }

        .bloque-hist p {
            width: 90%;
            margin-bottom: 20px;
            margin-left: 5%;
            font-size: 120%;
        }

    .cont-btns {
        width: 90%;
        padding: 0px 5%;
    }

        .cont-btns .btn-ingresa2, .cont-btns .btn-ingresa {
            font-size: 128%;
            min-height: 28px;
            height: auto;
        }

    .imgduo {
        margin-bottom: 20px;
    }

        .imgduo li, .imgduo li img {
            width: 100%;
        }

    /*fibra*/
    .foot-fibra {
        height: 110px;
        bottom: 0px;
        overflow: hidden;
    }

        .foot-fibra .tag {
            width: 50px !important;
            height: 50px !important;
        }

        .foot-fibra .boxlink {
            height: 100%;
        }

        .foot-fibra a.boxlink img {
            width: auto !important;
            margin-left: -50%;
            height: 100%;
        }

        .foot-fibra a.boxlink p {
            font-size: 65%;
        }

    /*estrenos*/
    .content-estleft {
        position: absolute;
        left: 0px;
        width: 0%;
        z-index: 11;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    }

    .content-estright {
        width: 100%;
        height: 100%;
        z-index: 8;
    }

    .scr-40 {
        width: 100% !important;
    }

    .scr, .scrb, .scrUp, .scrDown {
        z-index: 9;
    }

    .item-drect img {
        left: -75%;
    }

    .content-estleft .img-estleft {
        min-width: inherit;
        height: 100%;
        width: auto;
    }

    .data-estleft {
        padding: 20px 4% 36px;
    }

        .data-estleft .canal {
            margin: 20px 0px 5px;
        }

    .btn-close-movil {
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 9;
    }

    .data-estleft .canal p {
        font-size: 120%;
    }

    .btn-suscribete {
        min-width: 170px;
        font-size: 140%;
        width: auto;
    }

    /*Adicionales*/
    .content-adileft {
        position: absolute;
        left: 0px;
        width: 0%;
        z-index: 11;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    }

    .content-adiright {
        width: 100%;
        height: 100%;
        z-index: 8;
    }

    .item-adi {
        height: 20%;
        cursor: pointer;
    }

    .content-adileft .img-adileft {
        min-width: inherit;
        height: 100%;
        width: auto;
    }

    .aux-form {
        top: 10%;
        left: 50%;
        margin-left: -135px;
    }

    /*eventos*/
    .bl-even section {
        width: 100%;
        height: 33.3333%;
    }

    .evenbox {
        height: 20px;
        padding: 15px 8%;
    }

    .imgeven {
        margin-top: -42%;
    }

    .bl-content {
        height: 94%;
    }

    /*Diviertete*/
    .content-divileft {
        position: absolute;
        left: 0px;
        width: 0%;
        z-index: 11;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    }

    .content-diviright {
        width: 100%;
        height: 100%;
        z-index: 8;
    }

    .redesbar2 {
        position: absolute;
        left: 0px;
        width: 82px;
    }

    .endblog {
        width: 90% !important;
        margin: 0px 5% 0px !important;
        font-size: 100% !important;
        line-height: 100% !important;
    }

    .blogvod {
        min-height: 290px;
    }

    .contblog-data .data-idivi {
        z-index: 8;
    }

    /*Planes*/
    .content-plaleft, .cont-barras {
        position: absolute;
        left: 0px;
        width: 0%;
        z-index: 11;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    }

    .content-plaright {
        width: 100%;
        height: 100%;
        z-index: 8;
        overflow: hidden;
    }

    .plan-selector h2 {
        font-family: DINNextRoundedLTW02-Lig;
        font-size: 280%;
        line-height: 90%;
        margin: 20px 0px 0px;
    }

    .plan-selector p {
        margin-bottom: 5px;
    }

    .plan-selector nav {
        width: 68%;
        margin: 0px 16%;
    }

        .plan-selector nav a {
            width: 30%;
            min-height: 44px;
            margin: 1%;
        }

    .platri, .pladuo, .item-cober, .item-cober:hover, .item-ld, .item-ld:hover, .platri .plan-selector {
        background-size: cover;
    }

        .platri h1, .pladuo h1 {
            font-size: 500%;
            margin-top: 16%;
        }

        .item-cober h1 {
            font-size: 350%;
            margin-top: 7%;
        }

    .plan5 li, .plan2 li, .plan4 li, .plan3 li {
        width: 60% !important;
        margin: 10px 20% !important;
    }

    .incluyen {
        left: 0px;
        margin-left: auto !important;
        width: 62% !important;
        margin: 0px 19% 40px !important;
    }

        .incluyen li {
            width: 25% !important;
            height: 25%;
            margin: 8px 2.6% 1px !important;
        }

    .cont-barras .img-plaleft {
        min-width: auto;
        min-height: 100%;
        width: auto;
        height: 100%;
    }

    .plan5 .btn-suscribete, .plan2 .btn-suscribete, .plan4 .btn-suscribete, .plan3 .btn-suscribete {
        width: 80% !important;
        margin-left: 10% !important;
        left: 0px !important;
        min-width: 80% !important;
    }

    .plan4 li:first-child {
        margin: 10px 20% !important;
    }

    /*Guia*/
    .content-guialeft {
        position: absolute;
        left: 0px;
        width: 0%;
        z-index: 11;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    }

    .content-guiaright {
        width: 100%;
        height: 100%;
        z-index: 8;
    }

    .scr-25 {
        width: 100% !important;
    }

    .canal {
        height: 88px;
        margin: 4px 0.65%;
    }

    .img-canal {
        width: 90%;
        height: auto;
        margin: 2%;
    }

    .fdesc {
        width: 96%;
        margin: 0px 2% 4px;
    }

    .img-full {
        width: 40%;
    }

    .cfullData h2 {
        width: 57%;
    }

    .cfullData h3 {
        width: 22%;
    }

    .categ-guia {
        margin: 2% 0px 15px;
    }

    .guia-ref {
        left: 5px;
        right: auto;
    }

    .content-guialeft .links-guialeft {
        height: 7%;
        width: 100%;
        padding: 3% 0%;
    }

    .links-guialeft a {
        width: 33%;
    }

    #categ1 {
        margin-top: 9%;
    }

    /*tradicional*/
    .data-plaright-trad16 .item-interm h1, .data-plaright-trad16 .item-banda h1 {
        margin-top: 5% !important;
    }

    .data-plaright-trad20 .item-interm h1, .data-plaright-trad20 .item-banda h1 {
        margin-top: 11%;
    }

    .data-plaright-trad33 .item-interm h1, .data-plaright-trad33 .item-banda h1 {
        margin-top: 21%;
    }

    .data-plaright-trad50 .item-interm h1, .data-plaright-trad50 .item-banda h1 {
        margin-top: 33%;
    }

    .item-coberyreq h1, .item-prod h1 {
        font-size: 245%;
        margin-top: 18%;
    }

    .item-platrad h1 {
        margin-top: 25% !important;
    }

    .rpv-contrad {
        width: 100%;
    }

        .rpv-contrad .img-plaleft, .rpv-contrad .cont-barras .img-plaleft {
            position: absolute;
            top: 0px;
            left: 0px;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            z-index: 1;
            margin-left: -33%;
        }

        .rpv-contrad .data-plaleft {
            padding-bottom: 45px;
        }

    .btn-close-contrad {
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 9;
    }

    .plan-selectortrad h2 {
        margin: 1.8% 0px 0px;
    }

    /*tradicional*/

    .btn-lbr .bloque-selector, .btn-lbr .bloque-selector2, .btn-lbr .bloque-selector22, .btn-lbr .bloque-selector23, .btn-lbr .bloque-selector3, .bloque-selector4 .btn-lbr {
        position: relative;
        float: left;
        width: /*16%;*/ 97%;
        margin: /*8px 2%;*/ 3px -79% 7px 0%;
        text-align: center;
        font-size: 98%;
        font-family: DINNextRoundedLTW02-Med;
        line-height: 92%;
    }

    .bloque-serv, .bloque-serv2, .bloque-serv22, .bloque-serv23, .bloque-serv3, .bloque-serv4 {
        position: absolute;
        top: -7px;
        left: -8px;
        background: #fff;
        overflow: hidden;
        width: 0px;
        height: 63px;
        z-index: 2;
        -webkit-box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.0);
        -moz-box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.0);
        box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.0);
    }
    
    .bloque-serv22 a, .bloque-serv23 a, .bloque-serv3 a, .bloque-serv4 a {
        position: relative;
        float: left;
        width: 80px !important;
        margin: 5px 1% !important;
        text-align: center;
        font-size: 100%;
        font-family: DINNextRoundedLTW02-Med;
        color: #0092bc;
        cursor: pointer;
        height: 100%;
    }

        .bloque-serv a, .bloque-serv2 a, .bloque-serv23 a, .bloque-serv3 a, .bloque-serv4 a {
            position: relative;
            float: left;
            width: 113px !important;
            margin: 5px 1% !important;
            text-align: center;
            font-size: 100%;
            font-family: DINNextRoundedLTW02-Med;
            color: #0092bc;
            cursor: pointer;
            height: 100%;
        }

        .bloque-serv .lbr-btn, .bloque-serv2 .lbr-btn, .bloque-serv22 .lbr-btn, .bloque-serv23 .lbr-btn, .bloque-serv3 .lbr-btn, .bloque-serv4 .lbr-btn {
            width: 100% !important;
            background-size: contain;
        }

    .item-coberyreq h1, .item-prod h1 {
        margin-top: 31%;
    }

    .data-plan h1 {
        margin-top: 15% !important;
    }

    .dp3 a h1, .dp3 a h1:hover, .dp5 a h1, .dp5 a h1:hover, .dp4 a h1, .dp4 a h1:hover, .dp6 a h1, .dp6 a h1:hover {
        margin-top: 6% !important;
    }

    .cont-regu .rslides3_tabs, .rslides3_tabs li a, .rslides4_tabs li a {
        display: none;
    }

    .content-pb {
        margin: 4% 5% 0px;
        height: calc(90% - 20px);
        overflow: auto;
        padding-bottom: 20px;
    }

    .content-svg {
        height: auto;
        overflow: hidden;
    }

    .btn-comprar {
        position: relative;
        float: left;
        width: 90%;
        margin: 20px 5%;
        right: initial;
        font-size: 200%;
    }

    .tubos {
        margin-bottom: 35px;
    }

    .ttsmoll {
        font-size: 90% !important;
    }

    .texttub {
        font-size: 90%;
    }

    .precio h3 {
        margin-top: 13% !important;
    }

        .precio h3 span {
            top: 0 !important;
        }

    .btn-bene {
        width: 75% !important;
        padding-left: 0px;
        padding-right: 5%;
        text-align: right;
    }
    
    .btn-lvl2{display: none}
}

/*-----------------------------------------------Para landscape-----------------------------------------------*/
@media only screen and (min-width : 480px) and (max-width : 640px) {

    .rpv {
        display: block;
    }

    .rpv-rot {
        display: block;
        position: fixed;
        z-index: 100;
        background: #ff5c39;
        width: 100%;
        height: 100%;
    }

        .rpv-rot img {
            display: block;
            position: absolute;
            z-index: 100;
            top: 40%;
            left: 50%;
            margin-left: -100px;
        }
}
/*fin smartphones 2*/


/*-------------------------------------------------EXTRAS-----------------------------------------------------*/
.popupError {
    border-radius: 8px !important;
    /*background-image: url('../img1/adicionales/bg-content-info.png');*/
    /*background-color: #0088F0;*/
}

.BackLogonPop {
    background: url(../img1/adicionales/acceso_hbo.jpg);
    width: 335px;
    height: 500px;
}

.BackLogonPop1 {
    background: url(../img1/adicionales/acceso_sony.jpg);
    width: 639px;
    height: 500px;
}

.BackLogonPop2 {
    background: url(../img1/adicionales/acceso_e.jpg);
    width: 386px;
    height: 500px;
}

.BackLogonPop3 {
    background: url(../img1/adicionales/acceso_max.jpg);
    width: 319px;
    height: 500px;
}

.BackLogonPop4 {
    background: url(../img1/adicionales/acceso_histori.jpg);
    width: 450px;
    height: 500px;
}

.BackLogonPop5 {
    background: url(../img1/adicionales/compraHBO.jpg);
    width: 450px;
    height: 650px;
}

.BackLogonPop6 {
    background: url(../img1/adicionales/FOXPLUS.jpg);
    width: 450px;
    height: 650px;
}

.BackLogonPop7 {
    background: url(../img1/adicionales/compraHOTPACK.jpg);
    width: 450px;
    height: 650px;
}

.BackLogonPop8 {
    background: url(../img1/adicionales/compraUFC.jpg);
    width: 450px;
    height: 650px;
}

.BackLogonPop9 {
    background: url(../img1/adicionales/compraMUNDO.jpg);
    width: 450px;
    height: 650px;
}

.BackLogonPop10 {
    background: url(../img1/adicionales/compraGOLDEN.jpg);
    width: 450px;
    height: 650px;
}

.BackLogonPop11 {
    background: url(../img1/adicionales/img-concurso.jpg);
    width: 450px;
    height: 650px;
}

.BackLogonPop11 {
    background: url(../img1/bg-dataUFC.jpg);
    width: 650px;
    height: 650px;
}

.retrop {
    margin-left: 16%;
    font-size: 150%;
    font-weight: bold;
    margin-top: -2%;
    line-height: 100%;
}

.mundop {
    margin-left: 16%;
    font-size: 150%;
    font-weight: bold;
    margin-top: -2%;
    line-height: 100%;
}

.playp {
    margin-left: 22%;
    font-size: 147%;
    font-weight: bold;
    margin-top: -2%;
    line-height: 0%;
}

.winp {
    margin-left: 20%;
    font-size: 195%;
    font-weight: bold;
    margin-top: -2%;
    line-height: 0%;
}

.hbomaxp {
    margin-left: 24%;
    font-size: 122%;
    font-weight: bold;
    margin-top: -2%;
    line-height: 0%;
}

.hbogop {
    margin-left: 25%;
    font-size: 134%;
    font-weight: bold;
    margin-top: -2%;
    line-height: 100%;
}

.foxplay {
    margin-left: 0%;
}

/* Golden Site*/

.masdata, .masdata-trad, .masdata-adi {
    position: absolute;
    top: 0px;
    right: 14px;
    cursor: pointer;
}

.content_premier {
    color: #fff;
}

.content_text {
    clear: both;
    padding: 30px 0 0 0;
    overflow: hidden;
}

.content-adileft .data-adileft h2 {
    position: relative;
    float: left;
    width: 100%;
    /*font-family: DINNextRoundedLTW02-Bol;*/
    color: #fff;
    font-size: 237%;
    line-height: 90%;
}

.movies_img {
    width: 95px;
    height: 123px;
    margin: 2px;
    background-color: orange;
    display: inline-block;
}

.content_premier > h2 {
    font-size: 30px !important;
}

.content_text ul {
    margin: 20px 0 20px 2%;
}

.content_premier > h2 {
    width: auto !important;
    float: left !important;
    line-height: initial !important;
}

.content_premier img {
    float: left;
    margin: 0 5% 0 2%;
}

.content_premier {
    padding-top: 40px;
}

.movies_img {
    background-repeat: no-repeat;
}

    .movies_img:nth-child(1) {
        background-image: url(../img1/adicionales/movie1.jpg);
    }

    .movies_img:nth-child(2) {
        background-image: url(../img1/adicionales/movie2.jpg);
    }

    .movies_img:nth-child(3) {
        background-image: url(../img1/adicionales/movie3.jpg);
    }

    .movies_img:nth-child(4) {
        background-image: url(../img1/adicionales/movie4.jpg);
    }

    .movies_img:nth-child(5) {
        background-image: url(../img1/adicionales/movie5.jpg);
    }

    .movies_img:nth-child(6) {
        background-image: url(../img1/adicionales/movie6.jpg);
    }

    .movies_img:nth-child(7) {
        background-image: url(../img1/adicionales/movie7.jpg);
    }

    .movies_img:nth-child(8) {
        background-image: url(../img1/adicionales/movie8.jpg);
    }

.buy {
    padding: 5px 10px;
    background-color: #F0B050;
    text-transform: uppercase;
    display: inline-block;
    margin: 15px 0;
    cursor: pointer;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -ms-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
}

    .buy:hover {
        background-color: #FF5C39;
    }

.price {
    display: table;
    margin-left: 38%;
    margin-top: 25px;
}

.content_premier img {
    float: left;
    margin: 0 5% 0 2%;
}

.content_text ul li {
    color: #fff;
    list-style-type: disc;
}

.content_text p {
    margin: 20px 0;
}

.movies {
    display: inline-block;
    margin: 0 2px;
    float: left;
}

.data-adileft > h2 > img {
    display: inline-block;
    margin: 0 4px !important;
    padding: 0 !important;
}

span.list::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 1%;
    background-color: #fff;
    display: inline-block;
}

span#golden {
    font-size: 0.9em !important;
    font-weight: 100 !important;
}

span.retrop.golden_title {
    margin: 0 0 0 5%;
    display: inline-block;
    width: 60%;
    min-width: 500px;
}

.footer_text_gold {
    clear: left;
    display: block;
    padding-top: 10px;
}

.foxplus {
    margin-left: 19%;
    font-size: 150%;
    font-weight: bold;
    margin-top: -2%;
    line-height: 100%;
}

.parrafo {
    margin-left: 15%;
}


/* Light Box*/

#lightbox {
    cursor: pointer;
}

div.light-box {
    width: 47%;
    height: auto;
    position: absolute;
    top: 2%;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
}

.light-box img {
   width: 53%;
    MARGIN-LEFT: 28%;
}

.bg-opacity {
    background-color: rgba(37,37,37,0.9);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    display: none;
}

.redesfoot{
    position: relative;
    float: left;
    width: 100%;
    margin-top: 5px;
}

.redesfoot a{
    position: relative;
    float: left;
    margin-right: 10px;
}

.scrollhome {
    position: relative;
    float: left;
    width: 100%;
    overflow: auto;
    height: 100%;
}

.otheroferts{
    position: relative;
    float: left;
    width: 100%;
    height: 100px;
    display: none;
}

.rslidesh_nav{
    position: absolute;
    color: #fff;
    z-index: 100;
    right: 0px;
    top: 20%;
    width:30px;
    height: 59px;
    background: url(../img1/btns/navup.png) top left;
    text-indent: -9999px;
    display: block !important;
}

.rslidesh_nav.next{
    top: 60%;
    background: url(../img1/btns/navdown.png) top left;
}