* {
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;

    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
    font-family: 'actobold';
    src: url('/especiales/cumbre-pyme/fonts/acto-bold-webfont.woff2') format('woff2'),
         url('/especiales/cumbre-pyme/fonts/acto-bold-webfont.woff') format('woff');
}

@font-face {
    font-family: 'glosabold';
    src: url('/especiales/cumbre-pyme/fonts/glosa-bold-webfont.eot');
    src: url('/especiales/cumbre-pyme/fonts/glosa-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/cumbre-pyme/fonts/glosa-bold-webfont.woff2') format('woff2'),
         url('/especiales/cumbre-pyme/fonts/glosa-bold-webfont.woff') format('woff'),
         url('/especiales/cumbre-pyme/fonts/glosa-bold-webfont.ttf') format('truetype'),
         url('/especiales/cumbre-pyme/fonts/glosa-bold-webfont.svg#glosabold') format('svg');
}

@font-face {
    font-family: 'glosaroman';
    src: url('/especiales/cumbre-pyme/fonts/glosa-roman-webfont.eot');
    src: url('/especiales/cumbre-pyme/fonts/glosa-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/cumbre-pyme/fonts/glosa-roman-webfont.woff2') format('woff2'),
         url('/especiales/cumbre-pyme/fonts/glosa-roman-webfont.woff') format('woff'),
         url('/especiales/cumbre-pyme/fonts/glosa-roman-webfont.ttf') format('truetype'),
         url('/especiales/cumbre-pyme/fonts/glosa-roman-webfont.svg#glosaroman') format('svg');
}

.hide {
    display: none;
}

.hidden {
    visibility: hidden;
}

.mobile {
    display: none;
}

.container {
    background: #fff;
    height: auto;
    margin: 0 auto 50px;
    position: relative;
    width: 1020px;
}
    .container.large {
        width: 1002px;
    }

.header-comercio {
    background: #000;
    min-width: 980px;
    padding: 30px 0;
}
    .ctn-header-comercio {
        margin: 0 auto;
        max-width: 980px;
        padding: 0 15px;
        text-align: left;
    }

        .ctn-header-comercio a {
            display: inline-block;
            text-indent: -9999px;
        }
            a.logo-comercio {
                background: url(../img/logo.png) no-repeat 0 6px;
                background-size: 100%;
                height: 40px;
                width: 154px;
            }
        #social,
        .social-nota,
        .social-nota-interior {
            float: right;
            margin-right: 0;
        }
        .social-nota{
            margin-top: -25px;
        }

            #social ul,
            .social-nota ul,
            .social-nota-interior ul{
                display: inline-block;
                margin: 5px auto 0;
                padding: 0;
                vertical-align: middle;
            }
                #social ul li,
                .social-nota ul li,
                .social-nota-interior ul li{
                    display: inline-block;
                    margin: 0 1px;
                    vertical-align: middle;
                }
                    #social ul li a{
                        height: 32px;
                        text-indent:-9999px;
                        width: 32px;
                    }
                    .social-nota ul li a{
                        height: 25px;
                        text-indent:-9999px;
                        width: 27px;
                    }
                    .social-nota-interior ul li a{
                        height: 40px;
                        text-indent:-9999px;
                        width: 40px;
                    }

                        #social ul li a.facebook {
                            background: url('../img/redes.png') no-repeat -17px -9px;
                        }
                        .social-nota ul li a.facebook{
                            background: url('../img/redes-nota.png') no-repeat -31px 0;
                            display: inline-block;
                        }
                        .social-nota-interior ul li a.facebook{
                            background: url('../img/redes-nota-interior.png') no-repeat -6px -5px;
                            display: inline-block;
                        }

                        #social ul li a.tw {
                            background: url('../img/redes.png') no-repeat -56px -9px;
                        }
                        .social-nota ul li a.tw{
                            background: url('../img/redes-nota.png') no-repeat 0 0;
                            display: inline-block;
                        }
                        .social-nota-interior ul li a.tw{
                            background: url('../img/redes-nota-interior.png') no-repeat -56px -5px;
                            display: inline-block;
                        }

                        #social ul li:hover,
                        .social-nota ul li:hover,
                        .social-nota-interior ul li:hover {
                            opacity: 0.5;
                        }
        .ctn-header-comercio h1{
            color: #fff;
            display: inline-block;
            font: 40px/40px 'actobold';
            margin: 0 auto;
            text-align: center;
            text-transform: uppercase;
            vertical-align: top;
            width: 710px;
        }
            .ctn-header-comercio h1 a{
                color: #fff;
                display: inline-block;
                font: 40px/40px 'actobold';
                margin: 0 auto;
                text-align: center;
                text-indent: inherit;
                text-decoration: none;
                text-transform: uppercase;
                vertical-align: top;
                width: 710px;
            }

.box-portada{
    margin: 0 auto;
    position: relative;
    width: 980px;
}
    a.logo-cumbre{
        background: url(/especiales/cumbre-pyme/img/logo-cumbre.jpg) no-repeat 0 0;
        display: block;
        height: 130px;
        left: 50%;
        margin-left: -100px;
        position: absolute;
        text-indent: -9999px;
        width: 277px;
    }
    .box-portada h2{
        color: #000;
        font: 48px/48px 'actobold';
        left: 50%;
        margin-left: -200px;
        margin-top: 150px;
        position: absolute;
        text-align: center;
        text-transform: uppercase;
    }
        .box-portada h2 span{
            color: #00a6e7;
            display: block;
        }
    .box-portada a.bajada{
        color: #000;
        font: 22px/24px 'glosabold';
        left: 50%;
        margin-left: -160px;
        max-width: 370px;
        position: absolute;
        text-align: center;
        text-decoration: none;
        top: 208px;        
    }
        .box-portada a.bajada:hover{
            text-decoration: underline;
        }

.main-contenedor{
    border: 1px solid #d5e1e1;
    margin: 10px auto;
    width: 954px;
    box-sizing: border-box;
}
    .box-izquierda{
        display: inline-block;
        vertical-align: top;
        width: 634px;
    }
    .box-nota{
        border-bottom: 1px solid #d5e1e1;
        border-right: 1px solid #d5e1e1;
        display: inline-block;
        height: 374px;
        margin-right: -4px;
        position: relative;
        vertical-align: top;
        width: 317px;
    }
        .box-detalle{
            bottom: 0;
            height: 210px;
            padding: 20px;
            position: absolute;
            width: 100%;
        }
            .box-detalle h3,
            .box-detalle h2{
                margin-bottom: 20px;
            }
            .box-detalle h3 a{
                color: transparent;
                font: 18px/20px 'glosabold';
                text-decoration: none;
            }
                .box-detalle h2 a:hover,
                .box-detalle h3 a:hover{
                    text-decoration: underline;
                }
                .box-detalle h3 a::after,
                .box-detalle h3 a::before{
                    background: #fff;
                    content: "";
                    display: block;
                    height: 1px;
                    width: 35px;
                }
                .box-detalle h3 a::after{
                    margin-top: 5px;
                }
                .box-detalle h3 a::before{
                    display: none;
                    margin-bottom: 5px;
                }
            .box-detalle h2 a{
                color: #fff;
                display: block;
                font: 22px/26px 'glosabold';
                text-decoration: none;
            }
            span.autor{
                display: block;
                font: 11px/11px 'glosabold';
                text-transform: uppercase;
            }

        .completa{
            color: #fff;
        }
        .parcial{
            color: #000;
        }
        .nota-doble{
            border-bottom: none;
            border-right: none;
            margin: 5px 5px;
            width: 619px;
        }
            .nota-doble .box-detalle{
                width: 50%;
            }
        .no-border{
            border: none;
        }
        .last{
            border-left: 1px solid #d5e1e1;
        }

        .parcial .box-detalle{
            color: #000;
            top: 0;
        }
            .parcial .box-detalle h3 a{
                color: transparent;
            }
            .parcial .box-detalle h2 a{
                color: #000;
                top: 0;
            }
                .parcial .box-detalle h3 a::after, 
                .parcial .box-detalle h3 a::before{
                    background: #000;
                }

            .parcial img{
                display: block;
                margin: 196px auto 0;                
            }

        .nota-1{
            background: url(/especiales/cumbre-pyme/img/bg-nota-1.jpg) no-repeat 0 0;
        }
        .nota-4{
            background: url(/especiales/cumbre-pyme/img/bg-nota-4.jpg) no-repeat 0 0;
        }
        .nota-5{
            background: url(/especiales/cumbre-pyme/img/bg-nota-5.jpg) no-repeat 0 0;
        }
        .nota-7{
            background: url(/especiales/cumbre-pyme/img/bg-nota-7.jpg) no-repeat 0 0;
        }

    .box-derecha{
        display: inline-block;
        padding: 6px 6px 0;
        vertical-align: top;
        width: 313px;
    }
        .box-derecha a{
            display: inline-block;
            vertical-align: top;
        }
        a.banner-version-impresa{
            display: inline-block;
            vertical-align: top;
        }

.main-footer{
    background: #000;
    margin-top: 50px;
}
    .ctn-footer{
        margin: 0 auto;
        padding: 20px 0;
        text-align: center;
        width: 954px;
    }
        .ctn-footer a{
            display: block;
            margin: 0 auto 20px;
            width: 154px;
        }
        .ctn-footer p{
            color: #fff;
            display: inline-block;
            text-align: left;
            vertical-align: top;
        }
            p.footer-izquierda{
                border-right: 1px solid #c2c2c2;
                margin: 0 auto;
                margin-right: 10px;
                padding-right: 10px;
                width: 220px;
            }
            p.footer-derecha{
                margin: 0 auto;
                width: 225px;
            }
                p.footer-derecha span{
                    display: block;
                    font-weight: bold;
                }

/** banners**/

.banner-top{
    display: block;
    margin: 0 auto;
    width: 980px;
}


/** estilos nota **/

.contenedor-interior{
    border: 1px solid #d5e1e1;
    margin: 0 auto;
    width: 980px;
}
    .contenedor-interior .main-contenedor{
        border: none;
        margin: 0 auto;
    }
    .box-header-tag{        
        margin: 25px auto 40px;
        vertical-align: top;
    }
        .box-header-tag h3{
            display: inline-block;
            font: 16px/18px 'glosabold';
            text-transform: uppercase;
        }
            .box-header-tag h3::after,
            .box-header-tag h3::before{
                background: #000;
                content: "";
                display: block;
                height: 1px;
                width: 35px;
            }
                .box-header-tag h3::after{
                    margin-top: 10px;
                }
                .box-header-tag h3::before{
                    display: none;
                    margin-bottom: 10px;
                }
        .contenedor-interior h1{
            font: 42px/58px 'glosabold';
            margin-bottom: 20px;
        }
        .contenedor-interior h2{
            font: 18px/28px 'glosabold';
            margin-bottom: 20px;
        }
    .box-media{
        margin-bottom: 20px;
    }
        .box-media p{
            color: #7f7b7b;
            font: 14px/17px arial;
        }

    p.autor{
        border-bottom: 1px solid #000;
        display: inline-block;
        font: 16px/18px 'glosabold';
        margin-bottom: 20px;
        padding-bottom: 10px;
        vertical-align: top;
    }
        p.autor span{
            display: block;
        }
    p.cuerpo{
        font: 18px/26px 'glosaroman';
        margin-bottom: 20px;
    }
    p.sumilla{
        color: #0077a4;
        font: 24px/30px 'glosabold';
        padding: 0 0 20px;
    }
        p.sumilla span{
            color: #000;
            display: block;
            font: 20px/22px 'actobold';
        }
    p.subtitulo{
        color: #0077a4;
        font: 22px/30px 'glosabold';
    }
    img.info{
        margin: 0 0 20px;
    }
    p.tags-relacionados{
        font: 14px/20px 'actobold';
        text-transform: uppercase;
    }
    a.tag{
        color: #00a6e7;
        display: block;
        font: 14px/20px 'actobold';
        margin-bottom: 20px;
        text-decoration: none;
        text-transform: uppercase;
    }

/** zocalos **/

.zocalo-1{
    left: -150px;
    position: absolute;
}
.zocalo-2{
    right: -150px;
    position: absolute;
}

#eplAdDivtop{
    display: block;
}
    #eplAdDivtop img{
        display: block;
        margin: 0 auto; 
    }

@media only screen and (max-width: 700px) {
    
    .header-comercio{
        min-width: inherit;
        padding: 10px 0;
        width: 100%;
    }
        a.logo-comercio{
            display: block;
            margin: 0 auto;
        }
        .ctn-header-comercio h1,
        .ctn-header-comercio h1 a{
            width: 100%;
        }
        #social{
            float: inherit;
            text-align: center;
        }

    .banner-top{
        width: 100%;
    }
        .banner-top img{
            display: block;
            margin: 0 auto;
        }

    .box-portada{
        width: 100%;
    }
        a.logo-cumbre{
            background-size: 100%;
            display: block;
            height: 80px;
            left: inherit;
            margin-left: -90px;
            margin: 0 auto;
            position: inherit;
            width: 175px;
        }
        img.bg-portada{
            width: 100%;
        }
        .box-portada h2{
            font: 2.2em/1em 'actobold';
            left: 0;
            margin: 0 auto;
            position: inherit;
        }
        .box-portada a.bajada{
            display: block;
            left: 0;
            margin: 0 auto;
            max-width: inherit;
            padding: 20px 0;
            position: inherit;
            top: 0;
            width: 98%;
        }
    
    .main-contenedor{
        border: none;
        width: 100%;
    }
        .box-izquierda{
            width: 100%;
        }
            .box-nota{
                width: 100%;
            }
                .completa{
                    background-size: 100%;
                }

    .ctn-footer{
        width: 100%;
    }
        p.footer-izquierda{
            border-bottom: 1px solid #c2c2c2;
            border-right: none;
            padding-bottom: 10px;
            text-align: center;
            width: 90%;
        }
        p.footer-derecha {
            padding-top: 10px;
            text-align: center;
            width: 90%;
        }

    .contenedor-interior{
        border: none;
        width: 98%;
    }
        .contenedor-interior h1 {
            font: 2.9em/1em 'glosabold';
        }
        .contenedor-interior h2 {
            font: 1.3em/1.3em 'glosabold';
        }
        .box-media{

        }
            .box-media img,
            img.info{
                width: 100%;
            }
        p.cuerpo{
            font: 18px/1.6em 'glosaroman';
        }    

#eplAdDivtop,
#eplAdDivmovil_1{
    display: block;
}
    #eplAdDivtop img,
    #eplAdDivmovil_1 img{
        display: block;
        margin: 0 auto; 
    }

}