header{text-align: center; margin: 20px auto 0;}
header img{width: 236px;}
section.top{background-color: #f15a08;}
section.top h2{color: #fff; font-size: 40px;text-align: center; padding: 52px 0 0;font-family: 'Encode Sans', sans-serif;}
section.top h2 a.act{font-weight: 800;}
section.top h2 a:hover:not(.act){text-decoration: underline}
section.top nav{margin: 35px auto 105px; text-align: center;}
section.top nav a{font-family: 'Space Mono', monospace;width: 178px; height: 34px; border-radius: 3px;display: inline-block; border: 1px solid #fff; text-transform: uppercase;line-height: 34px;color: #fff;}
section.top nav a.act{color: #f15a08; background-color: #fff;}
section.top nav a:hover:not(.act){text-decoration: underline}
section.top #visualizador{max-width: 1100px;margin: 0 auto;}
section.top #visualizador .lista{width: 480px; float: left;}
section.top #visualizador .lista h3{font-family: 'Encode Sans', sans-serif; color: #fff; font-size: 18px; font-weight: 900; width: 480px; text-transform: uppercase; margin: 0 0 20px 0;}
section.top #visualizador .lista h4{font-family: 'Encode Sans', sans-serif; color: #fff; font-size: 14px; width: 220px; margin: 0 0 20px 0; float: left; cursor: pointer;}
section.top #visualizador .lista h4.act{font-weight: 400; text-decoration: underline; font-weight: bold}
section.top #visualizador .lista h4:hover:not(.act){text-decoration: underline}
section.top #visualizador #marcoholder{
    float: right;
    
}
section.top #visualizador #marco{
    width: 545px; height: 327px; overflow: hidden; position: relative;
    background-image: url(../img/marcodesktoptop.png);
    padding: 33px 34px 33px 32px;
}
section.top #visualizador #marco .marcotop{
    width: 548px;
    height: 33px;
    z-index: 1;
    position: absolute;
    background-color: #fff;
    top: 0;
    background-image: url(../img/marcodesktoptopback.png);
}
section.top #visualizador .marcobottom{
    width: 612px;
    margin-bottom: 70px;
}

section.middle{text-align: center; max-width: 980px; margin: 0 auto;}
section.middle h2{color: #f15a08; font-size: 40px; font-weight: 900; text-align: center; padding: 52px 0 0;font-family: 'Encode Sans', sans-serif;}
section.middle p.text1{color: #000; font-size: 18px; font-weight: 400; text-align: center; padding: 18px 0 40px;font-family: 'Encode Sans', sans-serif;}
section.middle p.text2{color: #adadad; font-size: 14px; font-weight: 400; text-align: left; padding: 0 0 10px;font-family: 'Space Mono', monospace;}
section.middle iframe{width: 922px; height: 600px; border: 0; margin: 0 auto 50px;}

section.middle #cuadrotarifario{
    width: 980px;
    margin: 0 auto 60px;
}

section.middle #cuadrotarifario tr:first-child{
    background-color: #f15a08;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

section.middle #cuadrotarifario tr td{
    padding: 5px;
    border: 1px solid #e8e8e9;
    height: 50px;
    font-size: 14px;
    font-family: 'Encode Sans', sans-serif;
}

section.middle #cuadrotarifario tr td a{
    color: #f15a08;
    text-decoration: underline;
    cursor: pointer;
}

section.middle #cuadrotarifario tr td a:hover{
    text-decoration: unset;
}

#popup{
    position: absolute;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background: #fff;
    overflow-y: auto;
}

.no-scroll{
    overflow: hidden;
}

.closepopup {
    width: 20px;
    height: 25px;
    display: block;
    background-color: #fff;
    border-radius: 50%;
    padding: 4px 7px;
    border: 3px solid #000;
    z-index: 1;
    position: fixed;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.close-bar:first-child {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.close-bar:last-child {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.close-bar {
    width: 19px;
    height: 3px;
    border-radius: 33px;
    display: block;
    position: absolute;
    margin-top: 11px;
}
.dark-grey-bg {
    background-color: #292929;
}


#popup img{
    width: inherit;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#marcoImagen,
#FULL_marcoImagen{
    top: 0;
}
#marcoImagen{
    top: 33px;
    background-color: #ffffff;
}

#verbanners a:hover{
    text-decoration: underline;
}

footer{border-top: 10px solid #f15a08}
footer div.content{width: 600px; margin: 0 auto;}
footer div.content .oficina{width: 250px; float: left; padding-left: 50px;margin-bottom: 60px;}
footer h2{color: #f15a08; font-size: 40px; font-weight: 900; text-align: center; padding: 52px 0 46px;font-family: 'Encode Sans', sans-serif;}
footer h4{color: #000; font-size: 20px; font-weight: 700; font-family: 'Encode Sans', sans-serif;}
footer p{color: #000; font-size: 16px; font-weight: 400; font-family: 'Encode Sans', sans-serif;}

/* Deportes */
nav .deportes-nav{
    margin-top: 50px;
}
section.top nav .deportes-nav a{
    font-size: 14px;
    font-family: 'Space Mono', monospace;
    width: 178px;
    height: 34px;
    border-radius: 0;
    border: 0;
    display: inline-block;
    border: 0;
    text-transform: uppercase;
    line-height: 34px;
    color: #fff;
}
section.top nav .deportes-nav a.act{
    color: #ffffff;
    background-color: unset;
    text-decoration: underline;
    font-weight: 700;
}

/* Rich media */
#rich-push,
#rich-layer,
#rich-zocalo,
#FULL_rich-prev,
#FULL_rich-push,
#FULL_rich-layer,
#FULL_rich-zocalo{
    opacity: 0;
}

/********* MOBILE  *********/

body.mobile-mediakit section.top #visualizador #marco{
    width: 351px;
    height: 585px;
    background: url(../img/marcomobile.png)no-repeat;
    box-sizing: border-box;
    padding: 63px 28px 33px 28px;
}

body.mobile-mediakit section.top #visualizador #marco .marcotop{
    width: 351px;
    height: 62px;
     background: url(../img/marcomobiletop.png)no-repeat;
     position: relative;
     top: -63px;
     left: -28px;
     background-color: #f15a08;
}

body.mobile-mediakit section.top #visualizador .marcobottom{
    width: 351px;
}
body.mobile-mediakit section.top #visualizador .marcobottom > img{
    margin-top: -73px;
    background-color: #f15a08;
    position: relative;
}

body.mobile-mediakit section.top #visualizador .lista h4{
    float: none;
}

img[src*="/_req/"] {
    display: none!important;
}