/*fonts*/
@font-face {
    font-family: "humnst777_btroman";
    src: url('../fonts/humanist_777_bt-webfont.woff2') format('woff2'),
         url('../fonts/humanist_777_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: "droid_sansregular";
    src: url('../fonts/droidsans-webfont.eot');
    src: url('../fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidsans-webfont.woff2') format('woff2'),
         url('../fonts/droidsans-webfont.woff') format('woff'),
         url('../fonts/droidsans-webfont.ttf') format('truetype'),
         url('../fonts/droidsans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.parrafo{
	line-height: 1.2rem; 
	font-family: "droid_sansregular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
}
.footer{
    font-size: 0.875rem;
    color:#4E4B49;
    line-height: 1.1rem; 
    font-family: "droid_sansregular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
}

.titulo{
	color: #074179; font-weight: bold; font-size: 1.3rem; font-family: "humnst777_btroman", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
}
.productos{
    padding-top:0.75rem; 
    padding-bottom: 0.75rem; 
    font-size: 0.8rem; 
    background-color: #074179
}
.link-font {
    
    font-family: "humnst777_btroman","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
    color: #fff
}


/*media queries Mario para megaprint*/
// Small screens
@media only screen { 
    .top-bar-section ul li > a{
color: #DDDDDC;
        }

.form{
    padding-left: 1rem;
    padding-right: 1rem;
}
        } /* Define mobile styles */

@media only screen and (max-width: 40em) { 
    .top-bar-section ul li > a{
color: #DDDDDC;
        }

.form{
    padding-left: 1rem;
    padding-right: 1rem;
}
        } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) {
.form{
    padding-left: 1rem;
    padding-right: 1rem;
}
 } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
.form{
    padding-left: 1rem;
    padding-right: 1rem;
}
    } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
	.title-area{
	padding-right: 8rem}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
.title-area{
	padding-right: 8rem}

 } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */