@charset "utf-8";

/*  filas */
.fila-header{width:100%;box-sizing: border-box; float:left; background:#fff;height:85px; border-bottom:2px solid #E2E2E2}
.fila-body{width:100%;box-sizing: border-box; float:left;}
.fila-foot-corp{width:100%;box-sizing: border-box; float:left; background: #fff; min-height:120px; padding-top:20px; color:#333; border-top:2px solid #E2E2E2; margin-top:200px;}
.contenedor_1{ margin:0 auto; width:80%;box-sizing: border-box;}
/* fin */

/* imagenes */
.div_ext_general{position:relative;float:left;width:25%;text-align:center; box-sizing: border-box; padding:10px}

.div_ext1{position:relative;float:left;width:25%;text-align:center; box-sizing: border-box; padding:0px 10px 20px 0px}
.div_ext2{position:relative;float:left;width:25%;text-align:center; box-sizing: border-box; padding:0px 10px 20px 10px}
.div_ext3{position:relative;float:left;width:25%;text-align:center; box-sizing: border-box; padding:0px 0px 20px 10px}

.div_int{position:relative;float:left;min-width:100%; min-height:100%; border:1px solid #ccc; padding:8px;box-sizing:border-box; transition:1s;box-shadow: 0px 0px 3px #ccc;background: #fff;}
.div_int:hover{ background: #FFFFEC}

.link_cotizar a{width:100%; float:left; height:40px;display:block;font:14px/35px MyCustomFont, Verdana, Arial, sans-serif;text-align: left; text-decoration:none;border:1px solid #fff; box-sizing: border-box;text-transform: uppercase; background:#5CB85C; color:#fff; text-align:center}
.link_cotizar a:hover{ background: #060; color:#FFF; transition:1s}

.link_cotizado a{width:100%; float:left; height:40px;display:block;font:12px/35px MyCustomFont, Verdana, Arial, sans-serif;text-align: left; text-decoration:none;border:1px solid #fff; box-sizing: border-box;text-transform: uppercase; background:#ccc; color:#000; text-align:center}

/* modificar productos */
.modificar{border:solid 1px #ccc;background: #fff;width:100%;height:40px;cursor:pointer;color:#000;outline:none;font-size:12px; text-align:center;}
.modificar:hover{ background:#E2E2E2;}
.text_modificar{border:solid 1px #ccc;background: #DDD;height:40px;color:#000;line-height:38px;text-transform:uppercase;}


.class-titulo{border-bottom:1px solid #DBDBDB;font-size:15px;text-transform:uppercase; font-weight:bold;
padding:0px 0 10px 0; margin: 0 0 20px 0; }

.link_pdf a{width:100%; float:left; height:40px;display:block;font:14px/35px MyCustomFont, Verdana, Arial, sans-serif;text-align: left; text-decoration:none;border:1px solid #fff; box-sizing: border-box;text-transform: uppercase; background:#B10E0A; color:#fff; text-align:center}
.link_pdf a:hover{ background: #f00; color:#FFF; transition:1s}

@media screen and (max-width: 980px) 
{
.div_ext1,.div_ext2,.div_ext3{ width:50%; padding:20px}

.div_ext_general{width:50%;}
#phone_50{ width:50%; padding:10px;}
}


@media screen and (max-width: 700px) 
{
.dvy-salir{right:10%;width:15%;height:60px; padding-right:10px;}
.dvy-link-salir a{border-bottom-right-radius:0px;border-bottom-left-radius:5px;}

.div_ext1,.div_ext2,.div_ext3{ width:100%; padding:20px}
.div_ext_general{width:100%;}

#phone_50{ width:100%; padding:20px}
#phone_25{ width:50%; padding:10px 0 10px 0}
}