.tophed{
    float: left;
    width: 100%;
    margin: 0 0 45px 0;
    position: relative;
}
.tag_sanitario {
    position: absolute;
    width: 100%;
    bottom: -16px;
    z-index: 99;
}
.leyend_san {
    color: white;
    background-color: #37457d;
    font-size: 17px;
    margin: 0 auto;
    display: block;
    width: 600px;
    text-align: center;
    padding: 5px 0 5px 0;
    text-transform: uppercase;
    padding: 5px 15px 5px 15px;
}
.col-lg-3.colprd { margin: 10px 0;}
.nom_prodc a { color: #333333; font-size: 17px; font-family: Roboto;}
div.gris { padding: 50px 0 0;}
.flexslider .slides > li { position: relative;}
a.cotizas { position: absolute; top: 40%; left: 55%; padding: 10px; background: #e84855; color: #fff;}
a.cotizas.dos { top: 50%;}
p.rigt_abs.leftsss, p.rigt_abs.leftsss.bold, a.cotizas.leftsss { left: 25%; right: inherit;}
p.rigt_abs.bold { position: absolute; top: 0; left: 55%; top: 10%; font-size: 30px; color: #636363;}
p.rigt_abs { position: absolute; left: 55%; top: 22%; width: 25%; font-size: 20px;}
.banner { position: relative; top: 0; z-index: 9; width: 100%; overflow: hidden;/* margin: 0 0 45px 0px; */}
.col-lg-12.equip1 { padding: 0; margin: 10px 0; position: relative;}
.col-lg-6.equip2 { padding: 0;}
.col-lg-6.equip3 { padding: 0;}
.col-lg-7.sin { padding: 0;}
.col-lg-12.rowmg {padding: 0;}
h1 span { float: left; width: 100%; font-size: 30px;}
.col-md-4 { position: relative; z-index: 99; padding: 0 5px;}
h2 { float: left; width: 100%; position: relative; margin: 0;}
img.img_fondo { float: left; width: 98%; position: relative; margin: 0 1%;}
h2 span { position: absolute; color: #fff; top: 5px; left: 0; font-size: 20px; text-shadow: 1px -1px 6px #444; padding: 0 25px; text-align: center; text-transform: uppercase; width: 100%;}
h2 span img { margin: 0 0 4px;}
.equip1 h2 span { float: right; right: 0; width: 50%; left: inherit; top: 40px; text-align: left;}
.equip3 h2 span { float: left; top: 10px;}
.rowmg { margin-bottom: 25px;}
.colprd { padding-right: 5px; padding-left: 5px;}
.dv_product_c { float: left; width: 100%; background-color: #fff; border: 3px solid #EBEBEB;}
.imgpdc { float: left; width: 100%; height: auto;}
.pie_cat_pro { float: left; width: 100%; padding: 10px 10px 0 10px; background: #EBEBEB; text-align: center;}
.nom_prodc { float: left; width: 100%; font-size: 18px; color: #333333; font-weight: bold; margin: 0 0 5px 0; height: 50px; text-align: left;}
.marc_prod { float: left; width: 100%; color: #333333; font-weight: 600; font-size: 14px; font-family: Roboto; margin: 0; text-align: left;}
.mod_prodc { float: left; width: 100%; font-size: 12px; color: #333333; font-family: Roboto; margin: 0 0 7px; text-align: left;}
.descr_prodc { float: left; width: 100%; color: #464646; font-size: 12px; margin: 12px 0 8px 0; height: 54px; overflow: hidden; text-overflow: ellipsis;}
.btn_cotizarp { color: white; background-color: #14A8DF; text-align: center; padding: 10px 12px; font-size: 14px; font-weight: bold; border: 1px solid #14ADDF; margin: 0 0 3px; transition: 1s;}
.redes img { height: 500px;}
.redes { position: relative; overflow: hidden; width: 100%;}
h4 { font-size: 20px; text-transform: uppercase; text-align: center; color: #fff; text-shadow: 1px -1px 6px #444; margin: -340px 0 0; position: relative; line-height: 44px;}
h1 { font-size: 28px; color: #002875; margin: 0 0 60px; font-weight: 100; text-align: center; padding: 0 20px;}
p.gris { float: left; width: 100%; margin: 30px 0 0; color: #636363;}
h4 strong { font-size: 30px; float: left; width: 100%;}
h6 { font-size: 30px; float: left; width: 100%; margin: 0 0 20px; color: #002875; font-weight: 700;}
.col-md-6 { margin: 10px 0 0; text-align: center;}
h5 { text-align: center; display: table; width: 100%; height: 60px; color: #fff; font-size: 20px; font-weight: 700;}
.col-md-6 span { display: table-cell; vertical-align: middle;}
.face h5 { background: #3A5897;}
.video h5 { background: #C93737;}
.col-lg-4.colprd { margin: 10px 0 0;}
.col-md-6 span img { margin: 0 10px;}
.dv_cat { border: 5px solid #CFCFCF; overflow: hidden; width: 100%; float: left; position: relative;}
img.img_cat { height: 190px; position: relative;}
.dv_cat span { position: absolute; z-index: 9; bottom: 0; width: 100%; text-align: center; color: #fff; background:rgba(20, 168, 223, 0.78); font-size: 21px; text-transform: uppercase; font-weight: 600; padding: 3px 0;}
.btn_cotizarp:hover { color: #14A8DF; background: #fff;}
p.mejores { font-size: 36px; text-align: center; margin: 20px 0; float: left; width: 100%;}
.marcas img { margin: 0 10px 20px;}
p.precio_pro { float: left; width: 100%; text-align: right; font-size: 20px;}
.botones a.btn_cotizarp { font-size: 13px; font-weight: 100; padding: 5px 5px; margin: 0 6px;}
p.pre_sob { text-align: right; font-size: 15px; margin: 2px 0px 15px; float: left; width: 100%;}
p.botones { float: left; width: 100%; margin: 10px 0 15px;}
.gris h5 { font-size: 30px; float: left; width: 100%; margin: 50px 0 10px; color: #002875; font-weight: 700;}
.video_you { width: 100%; float: left; text-align: center; margin: 0 0 40px;}
iframe {    width: 100%; border: none;}
.marcas {    text-align: center;}
video#pretzel-video { width: 100%;}.sobre {position: absolute;
	z-index: 10;
    top: 37%;
    width: 50%;
    text-align: center;
    font-size: 28px;
    color: #fff;
    text-align: center;
    margin: 0 25%;}
.banner:before {
    background: rgba(0,56,107,0.5);
    height: 100%;
    width: 100%;
    content: '';
    position: absolute;
}
@media (max-width: 991px) {
	.cuerpo .col-lg-3.col-md-3.col-sm-6.col-xs-12 {    margin: 0 0px 30px;}
}
@media (max-width: 767px) {
	img.img_cat {    height: 380px;}
}
@media (max-width: 670px) {
    img.img_cat {    height: 340px;}
    .leyend_san {
        width: 100%;
    }
    .sobre p{
       font-size: 20px;
    }
    .banner{
       margin-top: 85px;
    }
}
@media (max-width: 570px) {
    img.img_cat {    height: 280px;}
    .sobre {
        top: 20%;
        width: 92%;
        text-align: center;
        font-size: 24px;
        margin: 0 4%;
        padding: 0 0 0px 0;
    }
    .sobre p br {
        display: none;
    }
    
}
@media (max-width: 560px) {
	.botones a.btn_cotizarp, .btn_cotizarp {    width: 100%;    float: left;    margin: 0 0 10px;}
}
@media (max-width: 440px) {
	img.img_cat {    height: 190px;}
}