.fila-body{width:100%;box-sizing: border-box; float:left;}
.contenedor-1{ margin:0 auto; width:90%;box-sizing: border-box; }/**/
.contenedor-2{ margin:0 auto; width:100%;box-sizing: border-box;}

.modal-body {
    background-color: rgb(255, 255, 255);
}

.d-10{ width:10%; float:left; box-sizing:border-box}
.d-20{ width:20%; float:left; box-sizing:border-box}
.d-100{float:left;width:100%;}
.d-40{float:left;width:40%;}
.d-50{float:left;width:50%;}
.p-10{ padding:10px}
.pt-10{ padding-top:10px}
.pt-20{ padding-top:20px}
.pl-15{ padding-left:15px}
.pr-10{ padding-right:10px}
.ptb-10{ padding:10px 0 10px 0}
.al-50{ height:50px}
.alin-3{ text-align:right}
.imagen_max100{ max-width:100%; max-height:100%}
.auto{box-sizing:border-box;-moz-box-sizing:border-box;
-ms-word-break: break-all;word-break: break-all;word-break: break-word; -webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.class-titulo{font-size:25px; padding:30px 0 30px 0 ;}

.link_cotizar_carro 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: #0080FF; color:#fff; text-align:center; border-radius:5px;}
.link_cotizar_carro a:hover{ background:#C9302C; color:#FFF; transition:1s}

.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:#D9534F; color:#fff; text-align:center; border-radius:5px;}
.link_cotizar a:hover{ background:#C9302C; color:#FFF; transition:1s}

/* 4 imagenes */
.div4_ext1{position:relative;float:left;width:25%;text-align:center; box-sizing: border-box; padding:0px 12px 15px 0px;}
.div4_ext2{position:relative;float:left;width:25%;text-align:center; box-sizing: border-box; padding:0px 8px 15px 4px}
.div4_ext3{position:relative;float:left;width:25%;text-align:center; box-sizing: border-box; padding:0px 4px 15px 8px}
.div4_ext4{position:relative;float:left;width:25%;text-align:center; box-sizing: border-box; padding:0px 0px 15px 12px}
.div_int{position:relative;float:left;min-width:100%; min-height:100%; border:1px solid #ddd; padding:8px;box-sizing:border-box; transition:1s;background:#fff; border-radius:2px}
.div_int:hover{ border:1px solid #0080FF}


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

/* carro num web normal*/
.carro_num{position:absolute; background:#F30; width:25px; height:25px; border-radius:100%; text-align:center; color:#FFF; margin-top:-5px; margin-left:15px;}
/* carro num moviles*/
.carro_num_phone{ display:inline-block; margin-left:10px; border-radius:100%; width:20px; height:20px; line-height:20px;  background:#F30;text-align:center; color:#FFF;  }


@media screen and (max-width: 980px) 
{
.div4_ext1,.div4_ext2,.div4_ext3,.div4_ext4{width:50%; padding:10px}
#phone_15{ width:15%; padding:10px}
#phone_25{ width:25%;padding:10px}
#phone_50{ width:50%;padding:10px}
#phone_100{ width:100%;padding:10px}

@media screen and (max-width: 600px) 
{
.div4_ext1,.div4_ext2,.div4_ext3,.div4_ext4{width:100%; padding:10px}
#phone_15{ width:50%; padding:5px}
#phone_25{ width:100%; padding:10px}
#phone_50{ width:100%;padding:10px}
#phone_100{ width:100%;padding:10px}
}