body{	
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/** fonts **/

@font-face {
  font-family: 'ChronicleDisplay-Roman';
    src: url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Roman.eot?#iefix') format('embedded-opentype'),  
         url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Roman.otf')  format('opentype'),
         url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Roman.woff') format('woff'), 
         url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Roman.ttf')  format('truetype'), 
         url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Roman.svg#ChronicleDisplay-Roman') format('svg');
}

@font-face {
  font-family: 'ChronicleDisplay-Italic';
    src: url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Italic.eot?#iefix') format('embedded-opentype'),  
         url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Italic.otf')  format('opentype'),
         url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Italic.woff') format('woff'), 
         url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Italic.ttf')  format('truetype'), 
         url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Italic.svg#ChronicleDisplay-Italic') format('svg');
}

@font-face {
  font-family: 'ChronicleDisplay-Bold';
    src: url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Bold.eot?#iefix') format('embedded-opentype'),  
         url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Bold.otf')  format('opentype'),
         url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Bold.woff') format('woff'), 
         url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Bold.ttf')  format('truetype'), 
         url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Bold.svg#ChronicleDisplay-Bold') format('svg');
}

@font-face {
  font-family: 'ChronicleDisplay-Black';
    src: url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Black.eot?#iefix') format('embedded-opentype'),  
         url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Black.otf')  format('opentype'),
         url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Black.woff') format('woff'), 
         url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Black.ttf')  format('truetype'), 
         url('/especiales/peruanos-en-chile/fonts/ChronicleDisplay-Black.svg#ChronicleDisplay-Black') format('svg');
}

@font-face {
  font-family: 'Acto-Book';
    src: url('/especiales/peruanos-en-chile/fonts/Acto-Book.eot?#iefix') format('embedded-opentype'),  
         url('/especiales/peruanos-en-chile/fonts/Acto-Book.otf')  format('opentype'),
         url('/especiales/peruanos-en-chile/fonts/Acto-Book.woff') format('woff'), 
         url('/especiales/peruanos-en-chile/fonts/Acto-Book.ttf')  format('truetype'), 
         url('/especiales/peruanos-en-chile/fonts/Acto-Book.svg#Acto-Book') format('svg');
}

@font-face {
  font-family: 'Acto-SemiBold';
    src: url('/especiales/peruanos-en-chile/fonts/Acto-SemiBold.eot?#iefix') format('embedded-opentype'),  
         url('/especiales/peruanos-en-chile/fonts/Acto-SemiBold.otf')  format('opentype'),
         url('/especiales/peruanos-en-chile/fonts/Acto-SemiBold.woff') format('woff'), 
         url('/especiales/peruanos-en-chile/fonts/Acto-SemiBold.ttf')  format('truetype'), 
         url('/especiales/peruanos-en-chile/fonts/Acto-SemiBold.svg#Acto-SemiBold') format('svg');
}

@font-face {
    font-family: 'prelobook';
    src: url('/especiales/peruanos-en-chile/fonts/Prelo-Book-webfont.eot');
    src: url('/especiales/peruanos-en-chile/fonts/Prelo-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/peruanos-en-chile/fonts/Prelo-Book-webfont.woff2') format('woff2'),
         url('/especiales/peruanos-en-chile/fonts/Prelo-Book-webfont.woff') format('woff'),
         url('/especiales/peruanos-en-chile/fonts/Prelo-Book-webfont.ttf') format('truetype'),
         url('/especiales/peruanos-en-chile/fonts/Prelo-Book-webfont.svg#prelobook') format('svg');
}



.clear{
    clear: both;
}

.header-comercio{   
    background: #000;        
    padding: 12px 0 18px;
}
    .ctn-header-comercio{
        margin: 0 auto;     
        max-width: 970px;
       text-align: center;
    }
        .ctn-header-comercio a{
            display: inline-block;                
            text-indent: -9999px;
        }
            a.logo-comercio{
                    background: url(/especiales/peruanos-en-chile/img/logo-comercio.png) no-repeat 0 0;
                    background-size: 100%;
                    height: 30px;
                    width: 190px;
            }
            #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(/especiales/peruanos-en-chile/img/sprite-redes.png) no-repeat 0 0;  
                                background-size: 75px;                         
                            }
                            #social ul li a.tw{
                                background: url(/especiales/peruanos-en-chile/img/sprite-redes.png) no-repeat -37px 0;  
                                background-size: 75px;                         
                            }
#head{    
    text-align: center;
} 
    #head h1{
        color: #e73028;
        font: 66px/1em 'ChronicleDisplay-Black';
        margin: 70px auto 0;
        text-transform: uppercase;
    }
        #head h1 span{
            color: #000;
            font-family: 'ChronicleDisplay-Roman'; 
        }
    #head h2{
        font: 35px/1em 'ChronicleDisplay-Bold';
        margin: 10px auto;
    }
    #head p{
        font: 22px/1.3em 'ChronicleDisplay-Italic';
        margin: 0 auto;
        max-width: 700px;
    }
    .separador{
        background: #e73028;
        height: 2px;
        margin: 15px auto;
        max-width: 60px;
    }
    #head h6{
        font: 18px/20px 'Acto-Book';
        margin: 0 auto;
    }
        #head h6 span{
            font-family: 'Acto-SemiBold';
        }

    p.txt-up{
        font: 17px/28px 'Acto-Book';
        padding-bottom: 20px;
        margin: 0 auto;
        max-width: 644px;
    }  

    p{
        font: 15px/28px 'Acto-Book';
        padding: 15px 0px 15px 0px;
        margin: 0 auto;
        max-width: 644px;
    }   
  
.nav-container{    
    text-align: center;
}    
    .nav-container .nav{
        color: #e73028;
        font: 16px/1em 'ChronicleDisplay-Black';
        margin: 32px auto 0px auto;
        padding: 2px 0px 2px 0px;
        background-color: #f7eadd;
        background: url(/especiales/peruanos-en-chile/img/bg-menu.jpg) repeat-x;  
    }
    
        .nav-container .nav ul{
            list-style-type: none;
            max-width: 785px;
            margin: 15px auto 10px auto;
        }

            .nav-container .nav ul li{
                    display: inline-block;
                    padding: 14px 20px;
            }

                .nav-container .nav ul li a{
                   color: #7c7c7c;
                   text-decoration: none;  
                }

                    .nav-container .nav ul li a:hover{
                        color: #e73028;
                    }

                .nav-container .nav ul li a .uno{
                    background: url(/especiales/peruanos-en-chile/img/sprites.jpg) -3px 0px;
                    width: 44px;
                    height: 42px;
                    padding-bottom: 10px;
                    margin: 0px auto;
                }  

                    .nav-container .nav ul li a .uno:hover{
                        background: url(/especiales/peruanos-en-chile/img/sprites.jpg) -3px 50px;
                    } 


                .nav-container .nav ul li a .dos{
                    background: url(/especiales/peruanos-en-chile/img/sprites.jpg) -62px 0px;
                    width: 44px;
                    height: 42px;
                    padding-bottom: 10px;
                    margin: 0px auto;
                }  

                        .nav-container .nav ul li a .dos:hover{
                            background: url(/especiales/peruanos-en-chile/img/sprites.jpg) -62px 50px;
                        } 

                .nav-container .nav ul li a .tres{
                    background: url(/especiales/peruanos-en-chile/img/sprites.jpg) -124px 0px;
                    width: 44px;
                    height: 42px;
                    padding-bottom: 10px;
                    margin: 0px auto;
                }  

                        .nav-container .nav ul li a .tres:hover{
                            background: url(/especiales/peruanos-en-chile/img/sprites.jpg) -124px 50px;
                        } 

                .nav-container .nav ul li a .cuatro{
                    background: url(/especiales/peruanos-en-chile/img/sprites.jpg) -186px 0px;
                    width: 44px;
                    height: 42px;
                    padding-bottom: 10px;
                    margin: 0px auto;
                }  

                        .nav-container .nav ul li a .cuatro:hover{
                            background: url(/especiales/peruanos-en-chile/img/sprites.jpg) -186px 50px;
                        } 

                .nav-container .nav ul li a .cinco{
                    background: url(/especiales/peruanos-en-chile/img/sprites.jpg) -251px 0px;
                    width: 44px;
                    height: 42px;
                    padding-bottom: 10px;
                    margin: 0px auto;
                }  

                        .nav-container .nav ul li a .cinco:hover{
                            background: url(/especiales/peruanos-en-chile/img/sprites.jpg) -251px 50px;
                        } 
    
    .f-nav{       
        left: 0;
        position: fixed;  
        top: 0; 
        width: 100%;
        z-index: 9999; 
    }      
        .f-nav .nav{
            margin-top: 0;
        }  


.main{
    margin: 50px auto 20px;
    max-width: 644px;
    padding: 0px 10px;
    box-sizing: border-box;
}

    .main h1{
        font: 28px/1em 'ChronicleDisplay-Bold';
        margin: 10px auto;
        color: #e73028;
        text-align: center;
    }

        .main h2{
            font: 20px/20px 'ChronicleDisplay-Italic';
            /*font: 20px/0.4 'ChronicleDisplay-Italic';*/
            margin: 0px auto;
            color: #000;
            text-align: center;
        }

            .main h3{
                font: 26px/30px 'Acto-SemiBold';
                margin: 20px auto 5px auto;
                color: #000;
                text-align: center;
            }

    .video{
        margin: 20px auto 0;
    }

    .img-responsive{
        width: 100%;
        height: auto;
        margin: 20px auto 0;
        box-sizing: border-box;
    }


.circle-uno{
    background: url(/especiales/peruanos-en-chile/img/numeros.jpg) -3px 0px;
    width: 110px;
    height: 95px;
    padding: 20px 0px 10px 0px;
    margin: 25px auto 0px auto;
} 

.circle-dos{
    background: url(/especiales/peruanos-en-chile/img/numeros.jpg) -124px 0px;
    width: 110px;
    height: 95px;
    padding: 20px 0px 10px 0px;
    margin: 25px auto 0px auto;
}

.circle-tres{
    background: url(/especiales/peruanos-en-chile/img/numeros.jpg) -3px -120px;
    width: 110px;
    height: 95px;
    padding: 20px 0px 10px 0px;
    margin: 25px auto 0px auto;
} 

.circle-cuatro{
    background: url(/especiales/peruanos-en-chile/img/numeros.jpg) -124px -120px;
    width: 110px;
    height: 95px;
    padding: 20px 0px 10px 0px;
    margin: 25px auto 0px auto;
}

.circle-cinco{
    background: url(/especiales/peruanos-en-chile/img/numeros.jpg) -3px -240px;
    width: 110px;
    height: 95px;
    padding: 20px 0px 10px 0px;
    margin: 25px auto 0px auto;
}


.mobile {
  display: none;
  position: relative;
  width: 100%;
  top: 0;
}
    .mobile div {
      display: none;
    }
        .mobile button {
            background: rgba(255,255,255,0.8) url("/especiales/peruanos-en-chile/img/hamburger.png") center no-repeat;
            background-size: 80%;
            border: 0;
            border: 1px solid #ddd;
            height: 40px;
            left: 10px;
            outline: none;
            overflow: hidden;
            position: absolute;
            text-indent: -999999px;
            top: 0;            
            width: 40px;

            -webkit-transition: all 400ms ease;
            transition: all 400ms ease;
        }
            .mobile button.expanded {
                background-color: transparent;
                border: 0;
            }
    .mobile a {
        display: block;
    }
    .mobile a {
        background: #fff;
        border-bottom: 1px solid #e73028;
        color: #222;
        font: 16px/1em 'ChronicleDisplay-Black';
        text-align: center;
        text-decoration: none;
        padding: 20px 0;                
    }

.main-datos{
    background: #e73028;
    color: #fff;
}
    .datos{
        font: 20px/30px 'Acto-Book';
        max-width: 800px;
        padding: 5px 0;
    }
        /*.datos span{
            font-family: 'Acto-SemiBold';
        }*/

.datos-movil{
    display: none;
}

.ctn-datos{
    margin: 0 auto;
    max-width: 800px;
    position: relative;
}

    p.cifras{
        font: 20px/24px 'Acto-SemiBold';
        left: -130px;
        padding: 8px;
        position: absolute;
    }
 
.marquee {
  height: 25px;

  overflow: hidden;
  position: relative;
}

    .marquee div {
      display: block;
      width: 1000%;
      height: 30px;

      position: absolute;
      overflow: hidden;

      animation: marquee 55s linear infinite;
    }

    .marquee span {
        font-family: 'prelobook';
        display: inline-block;
    }

@keyframes marquee {
    0% { left: 0; }
    100% { left: -800%; }
}

@-webkit-keyframes marquee {
    0% { left: 0; }
    100% { left: -800%; }
} 

@-moz-keyframes marquee {
    0% { left: 0; }
    100% { left: -800%; }
}

span.leyenda{
    color: #7b7b7b;
    font: 13px/15px 'Acto-Book';
}


@media screen and (max-width: 821px) {      
    .nav-container .nav{
        color: #e73028;
        background-color: #f7eadd;
        background: url(/especiales/peruanos-en-chile/img/bg-menu2.jpg) repeat-x;  
    }
}

@media screen and (max-width: 454px) {      
    .nav-container .nav{
        color: #e73028;
        background-color: #f7eadd;
        background: url(/especiales/peruanos-en-chile/img/bg-menu3.jpg) repeat-x;  
    }
}


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

    .mobile{
        display: block;
    }

    .nav-container{
        display: none;
    }

}

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

    #head h1 {
        font: 46px/1em 'ChronicleDisplay-Black';
        margin: 36px auto 0;
    }
        #head h1 span {
            display: block;
        }

    .nav ul{
        padding: 0;
    }

    .mobile{
        display: block;
    }

    .nav-container{
        display: none;
    }
    .datos-movil{
        display: block;
        margin: 15px 0;
    }


}

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

}

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

}

/** monitor Comercio **/
@media only screen and (min-height: 900px) {

}

/** monitor 768px alto **/
@media only screen and (min-height: 760px) {

}

/** monitor 900px alto **/
@media only screen and (min-height: 1024px) {

}

/** monitor 1024px alto **/
@media only screen and (min-height: 1024px) {

}