html, 
body{
    box-sizing: border-box;    
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
    background-color: #000;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'actobook';
    src: url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/elementos-comunes/fonts/acto-book-webfont.woff2') format('woff2'),
         url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/elementos-comunes/fonts/acto-book-webfont.woff') format('woff');
}
@font-face {
    font-family: 'actobold';
    src: url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/elementos-comunes/fonts/acto-bold-webfont.woff2') format('woff2'),
         url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/elementos-comunes/fonts/acto-bold-webfont.woff') format('woff');
}
@font-face {
    font-family: 'actosemibold';
    src: url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/elementos-comunes/fonts/acto-semibold-webfont.woff2') format('woff2'),
         url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/elementos-comunes/fonts/acto-semibold-webfont.woff') format('woff');
}
@font-face {
    font-family: 'guardianegyp-bold';
    src:  url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/elementos-comunes/fonts/GuardianEgyp-Bold');
    src:  url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/elementos-comunes/fonts/GuardianEgyp-Bold#iefix') format('embedded-opentype'),
      url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/elementos-comunes/fonts/GuardianEgyp-Bold.ttf') format('truetype'),
      url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/elementos-comunes/fonts/GuardianEgyp-Bold.woff') format('woff'),
      url('https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/elementos-comunes/fonts/GuardianEgyp-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.clear{
    clear: both;
}

.bg-cabecera {
    max-width: 500px;
    margin: 0 auto;
    display: block;
}

.logo-especiales {
    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/calculadora-eliminatorias-qatar-2022-ecvisual-ecpm/img/logo-especiales.png) no-repeat 0 0;
    background-size: 100%;
    height: 22px;
    width: 100px;
    position: relative;
    top: 5px;
}

#header{
    margin-bottom: 50px;
    width: 100%;
}
    .header-comercio{   
        background: #000;        
        padding: 5px 0;
        position: relative;
        width: 100%;
        z-index: 9999999;
    }
        .ctn-header-comercio{
            margin: 0 auto;     
            max-width: 1024px;
            padding: 0 5px;
        }
            .ctn-header-comercio a{
                display: inline-block;                
                text-indent: -9999px;
            }
                a.logo-comercio{
                    /*background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/logo-comercio.png) no-repeat 0 0;
                    background-size: 100%;
                    height: 30px;
                    margin-top: 10px;
                    width: 110px;*/


                        

                        background: url(https://especiales.ojo.pe/elementos-comunes/img/logo-ojo.png) no-repeat 0px 0px;
                        background-size: 100% 100%;
                        height: 33px;
                        width: 52px;
                }
                #social{
                    float: right;
                }
                     #social ul{
                        display: inline-block;
                        margin: 0 auto;
                        padding: 0;
                        vertical-align: middle;
                    }
                        #social ul li{
                            display: inline-block;
                            margin: 0 3px;
                            vertical-align: middle;
                        }
                            #social ul li a{
                                height: 36px;
                                width: 36px;
                            }
                                #social ul li a.facebook{
                                    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/sprite-redes.png) no-repeat 2px 0;  
                                    background-size: 100px;                         
                                }

                                #social ul li a.tw{
                                    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/sprite-redes.png) no-repeat -32px 0;  
                                    background-size: 100px;                         
                                }
                                #social ul li a.wst{
                                    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/sprite-redes.png) no-repeat -65px 0;  
                                    background-size: 100px;                                      
                                }
                

.main{
    margin: 0 auto;
    max-width: 1170px;
    padding: 0 10px;
}
.main2 {
    margin: 0 auto;
    max-width: 500px;
    /* padding: 0 10px; */
}
hr {
    max-width: 100px;
    margin: 5px 20px 32px 20px;
    border: 0;
    border-top: 1px solid #C71121;
}
img.ajuste-left {
    width: 33%;
    display: flex;
    float: left;
    padding-right: 10px;
}
img.flag {
    max-width: 80px;
    margin: 5px auto;
    display: block;
    margin-top: 30px;
}
img.circle {
    max-width: 30px;
    display: block;
    margin: 0 auto;
    padding: 10px 0px;
}
p.chapana {
    color: white;
    font: 1.3rem/1.3 'guardianegyp-regular';
    padding: 0px 40px;
}
p.perdinina {
    color: white;
    font-weight: bold;
    text-align: center;
    margin: 5px 0px;
}
img.delmamar {
    max-width: 10px;
}
.btn-desliza{
    display: block;
    margin: 20px auto 60px auto;
    max-width: 140px;
}
span.autor {
    display: block;
    font: 0.8em/1.2 "actobold";
    text-align: center;
    text-transform: uppercase;
}
    h1{
        font: 1.7em/1.2 'guardianegyp-bold';
        margin: 10px auto 0;
        text-align: center;
        max-width: 360px;
        color: white;
    }
        h1 span{
        color: #C71121;
        }

    h1.title-left{
        font: 1.7em/1.0 'guardianegyp-bold';
        margin: 10px 20px;
        text-align: left;
        max-width: 460px;
        color: white;
    }

    h2{
        font: 1.2em/1.2 'actobook';
        margin: 10px auto;
        max-width: 900px;
        text-align: center;
    }
    h3{
        font: 1em/1.2 'guardianegyp-bold';
        margin: 5px auto;
        text-align: left;
    }
    h4{
        font: 1.0em/1.0 'actobold';
        margin: 0.5em 0px;
        padding: 0px 10px;
    }
    .ctn-foto{
        margin: 0 auto 120px auto;
        max-width: 680px;
        position: relative;
    }
    a  {
        color: black;
    }

    ul.btn-fiscales2 {
        padding: 0;
        position: relative;
        text-align: center;
    }

    ul.btn-fiscales2 li {
        border: 1px solid #dadada;
        border-radius: 16px 5px;
        cursor: pointer;
        display: inline-block;
        font: 0.9em/1.2 "actobook";
        margin: 5px 5px;
        /* padding: 2px 5px; */
        text-transform: uppercase;
        vertical-align: top;
        min-width: 130px;
    }

    ul.btn-fiscales2 li a{
        text-decoration: none;
        color: black;
        display: block;
        /* margin: 0px 10px; */
        padding: 10px 30px;
    }


    /*ul.btn-fiscales2 li a:hover, ul.btn-fiscales2 li:hover{
        color: white;
    }*/

    ul.btn-fiscales2 li:hover a, ul.btn-fiscales2 li:hover{
            color: white;
    }

    ul.btn-fiscales2 li:hover a, ul.btn-fiscales2 li:hover{
        color: white;
    }

    ul.btn-fiscales2 li.active a{
        color: white;
    }


        ul.btn-fiscales2 li:hover,  ul.btn-fiscales2 li.active, ul.btn-fiscales2 li.active a:hover{
                background: #343538;
                color: #fff;
                border-radius: 16px 5px;
        }

        ul.btn-fiscales{
            padding: 0;
            position: absolute;
            /* text-align: center; */
            width: 100%;
            /* max-width: 1800px; */
            height: 100%;
            /*background-color: #ffc0cb5e;*/
        }
            ul.btn-fiscales li{
                cursor: pointer;
                display: inline-block;
                font: 1.0rem/1 'actobold';
                margin: 2px;
                padding: 14px 18px;
                text-transform: uppercase;
                vertical-align: top;
                background-color: #ed0601;
                border-radius: 25px;
                opacity: 0;
            }

             ul.btn-fiscales li span{
            color: white;
            border-radius: 15px;
            }

                ul.btn-fiscales li:hover{
                    background: #0d66ff;
                    color: #fff;
                }
                .active{
                    background: #000;
                    color: #fff;
                }
        
            /*Lima*/
            ul.btn-fiscales li#fiscal-1{
                    position: absolute;
                    top: 14%;
                    left: 14%;
             }
            
                ul.btn-fiscales li#fiscal-1:before{
                    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-down-der.png) no-repeat 0 0;
                    content: '';
                    height: 30px;
                    top: 23px;
                    left: 107px;
                    margin: 0 auto;
                    position: absolute;
                    width: 30px;
                 }

            ul.btn-fiscales li#fiscal-2{
                position: absolute;
                top: 4%;
                left: 45%;
            }

            ul.btn-fiscales li#fiscal-3{
                position: absolute;
                top: 20%;
                left: 74%;
            }

                ul.btn-fiscales li#fiscal-3:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-up-der.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: -30px;
                        left: 80px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                     }

            ul.btn-fiscales li#fiscal-4{
                position: absolute;
                top: 51%;
                left: 24%;
            }
                    /*ul.btn-fiscales li#fiscal-4:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-down-izq.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: 24px;
                        left: 139px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                     }*/

            ul.btn-fiscales li#fiscal-5{
                position: absolute;
                top: 71%;
                left: 26%;
            }
                ul.btn-fiscales li#fiscal-5:before{
                    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-up-der.png) no-repeat 0 0;
                    content: '';
                    height: 30px;
                    top: -30px;
                    left: 119px;
                    margin: 0 auto;
                    position: absolute;
                    width: 30px;
                    }

            ul.btn-fiscales li#fiscal-6{
                position: absolute;
                top: 94%;
                left: 16%;
            }
                ul.btn-fiscales li#fiscal-6:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-up-izq.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: -30px;
                        left: 149px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                    }

            ul.btn-fiscales li#fiscal-7{
                position: absolute;
                top: 57%;
                left: 43%;
            }
                ul.btn-fiscales li#fiscal-7:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-up-der.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: -30px;
                        left: 49px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                    }

            ul.btn-fiscales li#fiscal-8{
                position: absolute;
                top: 70%;
                left: 58%;
            }

                ul.btn-fiscales li#fiscal-8:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-up-der.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: -30px;
                        left: 49px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                    }

            ul.btn-fiscales li#fiscal-9{
                position: absolute;
                top: 22%;
                left: 85%;
            }

                ul.btn-fiscales li#fiscal-9:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-up-der.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: -30px;
                        left: 49px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                    }

            ul.btn-fiscales li#fiscal-10{
                position: absolute;
                    top: 39%;
                    left: 70%;
            }


            /*ayacucho*/
            ul.btn-fiscales li#ayacucho-1{
                    position: absolute;
                    top: 11%;
                    left: 63%;
             }
            
                ul.btn-fiscales li#ayacucho-1:before{
                    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-down-izq.png) no-repeat 0 0;
                    content: '';
                    height: 30px;
                    top: 23px;
                    left: 107px;
                    margin: 0 auto;
                    position: absolute;
                    width: 30px;
                 }

            ul.btn-fiscales li#ayacucho-2{
                position: absolute;
                top: 0%;
                left: 36%;
            }

            ul.btn-fiscales li#ayacucho-3{
                    position: absolute;
                    top: 59%;
                    left: 39%;
            }

                    ul.btn-fiscales li#ayacucho-3:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-up-der.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: -28px;
                        left: 80px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                     }

            ul.btn-fiscales li#ayacucho-4{
                position: absolute;
                top: 38%;
                left: 63%;
            }

            ul.btn-fiscales li#ayacucho-5{
                position: absolute;
                top: 78%;
                left: 21%;
            }
                ul.btn-fiscales li#ayacucho-5:before{
                    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-down-der.png) no-repeat 0 0;
                    content: '';
                    height: 30px;
                    top: 24px;
                    left: 103px;
                    margin: 0 auto;
                    position: absolute;
                    width: 30px;
                    }

            ul.btn-fiscales li#ayacucho-6{
                position: absolute;
                top: 14%;
                left: 36%;
            }
                ul.btn-fiscales li#ayacucho-6:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-down-izq.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: 23px;
                        left: 140px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                    }

            ul.btn-fiscales li#ayacucho-7{
                position: absolute;
                top: 35%;
                left: 17%;
            }
                    ul.btn-fiscales li#ayacucho-7:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-down-der.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: 21px;
                        left: 93px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                    }

            /*cusco*/
            ul.btn-fiscales li#cusco-1{
                    position: absolute;
                    top: 24%;
                    left: 48%;
             }
            
                ul.btn-fiscales li#cusco-1:before{
                    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-down-izq.png) no-repeat 0 0;
                    content: '';
                    height: 30px;
                    top: 23px;
                    left: 107px;
                    margin: 0 auto;
                    position: absolute;
                    width: 30px;
                 }

            ul.btn-fiscales li#cusco-2{
                position: absolute;
                top: 48%;
                left: 61%;
            }

            ul.btn-fiscales li#cusco-3{
                    position: absolute;
                    top: 76%;
                    left: 38%;
            }

                    ul.btn-fiscales li#cusco-3:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-up-der.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: -28px;
                        left: 80px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                     }

            ul.btn-fiscales li#cusco-4{
                position: absolute;
                top: 55%;
                left: 5%;
            }

                ul.btn-fiscales li#cusco-4:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-down-der.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: 23px;
                        left: 148px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                     }

            ul.btn-fiscales li#cusco-5{
                position: absolute;
                top: 8%;
                left: 84%;
            }
                ul.btn-fiscales li#cusco-5:before{
                    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-down-der.png) no-repeat 0 0;
                    content: '';
                    height: 30px;
                    top: 23px;
                    left: 103px;
                    margin: 0 auto;
                    position: absolute;
                    width: 30px;
                    }

            ul.btn-fiscales li#cusco-6{
                position: absolute;
                top: 58%;
                left: 70%;
            }
                ul.btn-fiscales li#cusco-6:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-down-izq.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: 23px;
                        left: 140px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                    }

            ul.btn-fiscales li#cusco-7{
                position: absolute;
                top: 17%;
                left: 24%;
            }
                    ul.btn-fiscales li#cusco-7:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-up-der.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: -30px;
                        left: 160px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                    }


            /*europa*/
            ul.btn-fiscales li#europa-1{
                    position: absolute;
                    top: 74%;
                    left: 74%;
             }
            
                ul.btn-fiscales li#europa-1:before{
                    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-up-der.png) no-repeat 0 0;
                    content: '';
                    height: 30px;
                    top: -25px;
                    left: 107px;
                    margin: 0 auto;
                    position: absolute;
                    width: 30px;
                 }

            ul.btn-fiscales li#europa-2{
                position: absolute;
                top: 38%;
                left: 59%;
            }

            ul.btn-fiscales li#europa-3{
                    position: absolute;
                    top: 42%;
                    left: 33%;
            }

                ul.btn-fiscales li#europa-3:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-up-der.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: -28px;
                        left: 80px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                     }

            ul.btn-fiscales li#europa-4{
                position: absolute;
                top: 91%;
                left: 12%;
            }

            ul.btn-fiscales li#europa-5{
                position: absolute;
                top: 33%;
                left: 8%;
            }
                ul.btn-fiscales li#europa-5:before{
                    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-down-der.png) no-repeat 0 0;
                    content: '';
                    height: 30px;
                    top: 23px;
                    left: 103px;
                    margin: 0 auto;
                    position: absolute;
                    width: 30px;
                    }

            ul.btn-fiscales li#europa-6{
                position: absolute;
                top: 4%;
                left: 60%;
            }

            ul.btn-fiscales li#europa-7{
                position: absolute;
                top: 61%;
                left: 12%;
            }




        .box-info{
            background: rgba(255, 255, 255, 0.90);
            /* border-radius: 5px; */
            /* height: 360px; */
            height: 620px;
            max-width: 870px;
            overflow-y: scroll;
            /* padding: 5px; */
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            border: 1px solid #c3c3c3;
        }    
            .box-info h3{
                font: 1.3em/1.2 'guardianegyp-bold';
                margin: 5px auto;
                /* text-transform: uppercase; */
                color: #024ed2;
                padding: 10px 10px 5px 10px;
            }

            .box-info p {
                font: 1.0em/1.4 'actobook';
                margin: 5px auto;
                padding: 0px 10px;
            }
                .box-info p span{
                    font-family: 'actosemibold';
                }

            .box{
                display: inline-block;
                vertical-align: top;
                width: 48.9%;
            }

        .box-fiscal{
            position: absolute;
        }
        .cerrar{
            border-radius: 30px;
            color: #000;
            cursor: pointer;
            font: 2.5em/1.0 'actobold';
            height: 32px;
            position: absolute;
            right: 6px;
            text-align: center;
            width: 32px;
        }
        /*.info-fiscal-3{
            height: 215px;
        }*/

.ctn-movil,
.btn-desliza{
    /*display: none;*/
}         
    
/*Banners de publicidad*/
.container-top{
    /*padding: 10px 0;*/
    background-color: #fff;
    text-align: center;
    overflow: inherit;
}

.container-caja3{
    display: none;
}

.container-zocalo {
    max-width: 728px;
    height: auto;
    z-index: 2147483646;
    position: fixed;
    margin: 20px auto 0 auto;
    bottom: -5px;
    left: 0;
    right: 0;
    box-sizing: border-box;
    text-align: center;
}

@media only screen and (max-width: 640px){
    .container-top{
        overflow: scroll !important;
    }
}
/*Fin banners de publicidad*/

@media only screen and (max-width: 640px){

    #social ul li a.wst{
        display: block;
    }
    .btn-fiscales,
    .box-fiscal,
    /*.ctn-foto{
        display: none;
    }*/
    h1{
        font-size: 1.2rem;
    }
    h2{
        font-size: 1.1em;
    }
    .ctn-movil{
        display: block;
        margin: 0 auto 100px auto;
    }
        .ctn-movil img{
            display: block;
            margin: 0 auto;
        }
        .box-info{
            background: #fff;
            height: auto;
            padding: 5px 10px;
            position: relative;
            
            border: none;
        }
        .ctn-foto{
            margin-bottom: 20px;
        }
        h3{
            background: #fff;
            font-size: 1.3em;
            text-align: center;
        }
        .box-info p{
        padding: 0px;
        }
    
        h4{
        padding: 0px;
        }

    .swiper-container {
        height: 100%;
        width: 100%;
    }
    .swiper-container .swiper-button-next{
        background-image: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/next.png) !important;
    }
    .swiper-container .swiper-button-prev{
        background-image: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/prev.png) !important;
    }
    
    /*Banners de publicidad*/
    .container-top{        
        /*padding: 5px 0;*/
        overflow: scroll;
    }    
    .container-caja3{
        display: block;
        margin: 20px 0;
        text-align: center;
    }
    /*Fin Banners de publicidad*/  
    
}

@media only screen and (max-width: 1200px){
  
}

@media only screen and (max-width: 1000px){

}

@media only screen and (max-width: 850px){
            ul.btn-fiscales li#fiscal-1{
                position: absolute;
                top: 8%;
                left: 13%;
             }

             ul.btn-fiscales li#fiscal-2{
                position: absolute;
                top: -1%;
                left: 43%;
            }

            ul.btn-fiscales li#fiscal-3{
                position: absolute;
                top: 14%;
                left: 73%;
            }

            ul.btn-fiscales li#fiscal-4{
                position: absolute;
                top: 46%;
                left: 23%;
            }

            ul.btn-fiscales li#fiscal-5{
                position: absolute;
                top: 66%;
                left: 25%;
            }

            ul.btn-fiscales li#fiscal-6{
                position: absolute;
                top: 89%;
                left: 14%;
            }

            ul.btn-fiscales li#fiscal-7{
                position: absolute;
                top: 57%;
                left: 43%;
            }
                 
            ul.btn-fiscales li#fiscal-8{
                position: absolute;
                top: 70%;
                left: 58%;
            }
                   

    
            /*ayacucho*/
            ul.btn-fiscales li#ayacucho-1{
                    position: absolute;
                    top: 7%;
                    left: 60%;
             }
            
            ul.btn-fiscales li#ayacucho-1:before{
                    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-down-izq.png) no-repeat 0 0;
                    content: '';
                    height: 30px;
                    top: 23px;
                    left: 107px;
                    margin: 0 auto;
                    position: absolute;
                    width: 30px;
                 }

            ul.btn-fiscales li#ayacucho-2{
                position: absolute;
                top: -2%;
                left: 23%;
            }

            ul.btn-fiscales li#ayacucho-3{
                    position: absolute;
                    top: 59%;
                    left: 39%;
            }

            ul.btn-fiscales li#ayacucho-3:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-up-der.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: -28px;
                        left: 80px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                     }

            ul.btn-fiscales li#ayacucho-4{
                position: absolute;
                top: 38%;
                left: 63%;
            }

            ul.btn-fiscales li#ayacucho-5{
                position: absolute;
                top: 71%;
                left: 14%;
            }
                ul.btn-fiscales li#ayacucho-5:before{
                    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-down-der.png) no-repeat 0 0;
                    content: '';
                    height: 30px;
                    top: 23px;
                    left: 103px;
                    margin: 0 auto;
                    position: absolute;
                    width: 30px;
                    }

            ul.btn-fiscales li#ayacucho-6{
                position: absolute;
                top: 10%;
                left: 30%;
            }
                ul.btn-fiscales li#ayacucho-6:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-down-izq.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: 23px;
                        left: 140px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                    }

            ul.btn-fiscales li#ayacucho-7{
                position: absolute;
                top: 28%;
                left: 10%;
            }
                    ul.btn-fiscales li#ayacucho-7:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-down-der.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: 21px;
                        left: 93px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                    }

            /*cusco*/
            ul.btn-fiscales li#cusco-1{
                    position: absolute;
                    top: 17%;
                    left: 44%;
             }
            
                ul.btn-fiscales li#cusco-1:before{
                    background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-down-izq.png) no-repeat 0 0;
                    content: '';
                    height: 30px;
                    top: 23px;
                    left: 107px;
                    margin: 0 auto;
                    position: absolute;
                    width: 30px;
                 }

            ul.btn-fiscales li#cusco-2{
                position: absolute;
                top: 48%;
                left: 61%;
            }

            ul.btn-fiscales li#cusco-3{
                    position: absolute;
                    top: 76%;
                    left: 28%;
            }

                    ul.btn-fiscales li#cusco-3:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-up-der.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: -28px;
                        left: 80px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                     }

            ul.btn-fiscales li#cusco-4{
                position: absolute;
                top: 45%;
                left: -1%;
            }

            ul.btn-fiscales li#cusco-5{
                position: absolute;
                top: 3%;
                left: 66%;
            }
               
            ul.btn-fiscales li#cusco-6{
                position: absolute;
                top: 80%;
                left: 63%;
            }
                ul.btn-fiscales li#cusco-6:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-up-izq.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: -29px;
                        left: 128px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                    }

            ul.btn-fiscales li#cusco-7{
                position: absolute;
                top: 17%;
                left: 6%;
            }
                    ul.btn-fiscales li#cusco-7:before{
                        background: url(https://d1ts5g4ys243sh.cloudfront.net/proyectos_especiales_prod/especiales/historias-6-edificios-emblematicos-en-lima-nndd-nnav-ecvisual-ecpm/img/flecha-up-der.png) no-repeat 0 0;
                        content: '';
                        height: 30px;
                        top: -30px;
                        left: 160px;
                        margin: 0 auto;
                        position: absolute;
                        width: 30px;
                   }    
            
}