@media only screen and (max-width: 618px) {
#img100 {width:98%;}
}

html {
color:#061A39;
font-family:'Poppins',sans-serif;
text-align:justify;
font-weight:300;
font-size:17px
}

@media only screen and (max-width: 618px) {
html {
font-size:16px;
line-height:25px
}
}

body {
margin:0;
background-color:#FFFFFF}

div,input,textarea {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box
}

.rayado {
display:grid;
grid-template-columns:1px 1fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr;
justify-items:center;
align-items:center;
grid-column-gap:0;
width:100%
}

div,input,textarea {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box
}

.elilink {
width:100%;
text-align:center
}

@media only screen and (max-width: 1218px) {
.rayado {
display:block;
grid-template-columns:none;
justify-items:none;
align-items:none;
grid-column-gap:none;
width:100%
}

.elilink {
text-align:left
}
}

.ciencien {
width:100%
}

ol {
margin:0;
padding:0
}

.hotals {
display:table;
min-height:100px
}

@media only screen and (max-width: 818px) {
.hotals {
display:none!important
}

.losnew,.losnewfin {
display:none
}
}

.boxtop1 {
width:100%;
height:35px;
display:grid;
background-color:#15406D}

.boxtop2 {
display:grid;
grid-template-columns:1fr 260px 200px;
align-items:center;
width:1200px;
margin:auto;
}

.boxtop3 {
text-align:center;
color:#FFFFFF;
text-shadow:0.5px 0.5px 1px rgba(0,0,0,0.4);
font-size:15px;
text-decoration:none;
cursor:pointer;
align-items:center;
}

.boxtop3:hover {
text-align:center;
color:#FFC34A;
text-decoration:none;
cursor:pointer
}

@media only screen and (max-width: 1218px) {
.boxtop2 {
display:grid;
grid-template-columns:2fr 1fr;
align-items:center;
width:100%;
margin:auto;
}
.boxtop3 {
display:none;
justify-items:center;
align-items:center
}
}

.cinta1 {
width:100%;
height:30px;
background-color:#FF2B2B;
display:table;
text-shadow:.5px .5px 1px rgba(0,0,0,0.4)
}

.cinta1font {
color:#FFFFFF;
text-align:right;
padding-right:10px
}

.cinta2 {
display:grid;
grid-template-columns:1fr 200px;
justify-items:right;
align-items:center;
width:1200px;
margin:auto
}

@media only screen and (max-width: 1218px) {
.cinta2 {
width:100%
}
}

.boxindex1 {
width:1200px;
margin:0 auto 20px
}

@media only screen and (max-width: 1218px) {
.boxindex1 {
width:100%;
margin:20px auto
}
}

.boxindex2 {
display:grid;
grid-template-columns:1fr 850px;
justify-items:left;
align-items:center
}

@media only screen and (max-width: 1150px) {
.boxindex2 {
grid-template-columns:1fr 700px
}
}

@media only screen and (max-width: 1000px) {
.boxindex2 {
grid-template-columns:1fr 650px
}
}

@media only screen and (max-width: 950px) {
.boxindex2 {
grid-template-columns:1fr 600px
}
}

@media only screen and (max-width: 900px) {
.boxindex2 {
grid-template-columns:1fr 550px
}
}

@media only screen and (max-width: 800px) {
.boxindex2 {
grid-template-columns:1fr
}
}

.imgboxadd {
width:100%;
height:100%
}

@media only screen and (max-width: 800px) {
.boxindex1 {
width:100%;
margin:0 auto
}

.imgboxadd {
width:100%;
display:block;
height:200px
}
}

@media only screen and (max-width: 600px) {
.boxindex1 {
width:100%;
margin:0 auto
}

.imgboxadd {
width:100%;
display:block;
height:200px
}
}

svg {
width:25px;
height:25px;
margin:3px
}

svg path {
fill:#ccc!important
}

.topcar {
font-size:15px;
color:#fff
}

.topcar:hover {
font-size:15px;
color:red;
text-decoration:none
}

.busRR {
width:400px!important
}

.my-float {
margin-top:16px
}

p {
margin:0
}

h1 {
letter-spacing:-1px;
font-size:42px;
font-weight:400;
margin:0;
color:#D90000;
}

h2 {
letter-spacing:-1px;
font-size:34px;
font-weight:400;
margin:0;
color:#D90000;
}

h3 {
letter-spacing:-1px;
font-size:30px;
font-weight:400;
margin:0;
color:#D90000;
}

h4 {
letter-spacing:-1px;
font-size:27px;
font-weight:400;
margin:0;
color:#D90000;
}

.escalonadoFlecha {
background-image:url(imagen_web/escalonado.png);
background-position:right top;
height:25px;
padding:2px 20px 2px 10px;
display:table;
min-width:50px;
float:left;
border-left:1px solid #f4f4f4
}

@media only screen and (max-width: 650px) {
h1 {
font-size:30px;
text-align:center;
letter-spacing:0
}

h2 {
font-size:22px
}
}

.sustituto {
display:block;
height:85px
}

@media only screen and (max-width: 768px) {
.sustituto {
height:10px
}
}

.escalonado,.escalonado a {
font-size:12px;
font-weight:300;
margin:0;
color:#666666;
margin-bottom:10px;
text-decoration: none;
}

.escalonado a:hover {
font-size:12px;
font-weight:300;
margin:0;
color:#ff0000;
margin-bottom:10px;
text-decoration: none;
}

@media only screen and (max-width: 550px) {
.escalonado {
text-align:center;
margin-bottom:30px;
display:none
}
}

.marquita {
display:block;
width:100%;
text-align:center;
margin-top:20px
}

.puntos {
display:block;
border-bottom:1px dotted #333;
width:100%;
margin-bottom:15px
}

.barrafacebookpre {
width:100%;
background-color:#3B5998;
border-bottom:1px solid #29487D;
height:43px;
padding-top:0;
padding-left:10px
}

.barrafacebook {
width:1200px;
margin:auto;
display:table;
padding-top:8px
}

.bflogo {
width:26px;
float:left;
display:table
}

.bfinput {
min-width:50px;
float:left;
text-align:right;
display:table
}

.bflupa {
width:26px;
float:left;
text-align:left;
display:table
}

@media only screen and (max-width: 768px) {
.barrafacebookpre {
display:none
}
}

.facebookboxer {
width:394px;
height:24px;
transition:all .8s ease;
border:0;
margin:0;
padding:0 0 0 10px;
float:left
}

.tabla_facebook_pre {
width:100%;
background-color:#34495E;
margin:0;
z-index:99999999999
}

.tabla_facebook {
padding-top:0;
width:1200px;
height:43px;
margin:auto
}

.facebookboxer {
width:394px;
height:24px;
border:0;
color:#000;
border-radius:5px 0 0 5px;
margin:0 0 0 10px;
padding:0 0 0 10px;
float:left;
font-size:14px
}

@media only screen and (max-width: 1218px) {
.barrafacebook {
width:100%
}
}

@media only screen and (max-width: 650px) {
.facebookboxer {
width:200px
}
}

@media screen and (max-width: 450px) {
.facebookboxer {
width:120px
}
}

.nota_titulo {
color:red;
font-weight:400;
text-align:center;
font-size:24px;
padding:20px
}

.nota_texto {
text-align:center;
padding:15px
}

@media screen and (max-width: 650px) {
.nota_titulo {
font-size:20px;
padding:10px
}

.nota_texto {
font-size:14px;
text-align:justify;
padding:5px
}
}

.tabla_logo_pre {
width:100%;
display:block;
background-color:#FFFFFF;
z-index:99999999998
}

.tabla_logo {
width:1200px;
display:table;
background-color:#FFFFFF;
margin:auto;
text-align:center;
transition:all .8s ease
}

@media only screen and (max-width: 1210px) {
.tabla_logo {
width:100%
}
}

.tabla_logo_left {
width:675px;
float:left;
display:table-column;
transition:all .8s ease
}

.tabla_logo_right {
width:525px;
float:left;
display:table-column;
text-align:right!important;
transition:all .8s ease
}

.tabla_contenido_pre {
background-color:#FFFFFF;
width:100%;
margin:0
}

.tabla_contenido {
background-color:#FFFFFF;
transition:all .8s ease;
width:1200px;
margin:auto;
padding:15px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
display:table
}

.tabla_index_recientes {
background-color:#FFFFFF;
transition:all .8s ease;
width:1200px;
margin:auto;
padding:15px;
display:table
}

.tabla_form_pre {
background-color:#F0ECD9;
width:100%;
margin:0
}

.tabla_form {
background-color:#F0ECD9;
transition:all .8s ease;
width:1200px;
margin:auto;
padding:15px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
display:table
}

.tabla_relacionados_pre {
background-color:#F5F5F5;
width:100%;
margin:0
}

.tabla_relacionados {
background-color:#F5F5F5;
transition:all .8s ease;
width:1200px;
margin:auto;
padding:15px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
display:table
}

.som_slide {
margin:auto;
width:1100px;
background-image:url(imagen_web/sombra1.png);
height:24px;
background-size:100% 100%
}

@media only screen and (max-width:1118px) {
.som_slide {
width:100%
}
}

.imvisor {
width:100%;
transition:all 400ms ease
}

.imvisorbox {
width:100%;
transition:all 400ms ease
}

.cajaboxw {
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
justify-items:center;
align-items:center;
grid-column-gap:10px
}

@media only screen and (max-width: 650px) {
.imvisorbox {
width:100%
}
}

.seemore {
background-color:#FFFFFF;
color:#061A39;
border:1px solid #E5E5E5;
width:100%;
text-align:center;
display:block;
float:left;
padding:10px;
font-size:1rem;
margin-bottom:0;
border-radius:6px;
transition:all .6s ease;
text-decoration:none;
-webkit-appearance:none
}

.seemore:hover {
background-color:#D90000;
color:#FFFFFF;
border:1px solid #DDDDDD;
width:100%;
text-align:center;
display:block;
float:left;
padding:10px;
font-size:1rem;
margin-bottom:0;
text-decoration:none;
transition:all .6s ease;
-webkit-appearance:none
}

a.linkblur img {
-webkit-filter:blur(0px);
transition:ease 1s all;
border:0
}

a.linkblur:hover img {
-webkit-filter:blur(2px);
transition:ease .5s all;
border:0
}

.producticos_descripcion_index {
padding:0px 7px;
width:100%;
background-color:#FFFFFF;
text-align:left;
height:100%;
display:block;
justify-content:center;
align-items:center
}

@media only screen and (max-width: 618px) {
.producticos_descripcion_index {
padding:0px 7px;
width:100%;
background-color:#FFFFFF;
text-align:left;
height:100%;
display:flex;
justify-content:center;
align-items:center
}
}

.producticos_descripcion_index2 {
padding-top:15px;
width:100%;
display:flex;
background-color:#FFFFFF;
text-align:left;
height:100%
}

.producticos_descripcion_home {
padding:0px 5px;
width:100%;
display:block;
background-color:#FFFFFF;
text-align:left
}

.producticos_descripcion_home2 {
padding-top:15px;
width:100%;
display:block;
background-color:#FFFFFF;
text-align:left
}

.titulo_index {
font-size:42px;
letter-spacing:-1px;
margin:0;
color:#D90000;
font-weight:400}

@media only screen and (max-width: 1100px) {
.titulo_index {
padding-left:10px
}
}

@media only screen and (max-width: 650px) {
.titulo_index {
font-size:26px;
text-align:center;
letter-spacing:0
}
}

.producticos_contenedor {
width:100%;
display:flex;
justify-content:space-between
}

@media only screen and (max-width: 1020px) {
.producticos_contenedor {
width:100%;
display:block;
justify-content:none
}
}

@media only screen and (max-width: 1000px) {
.producticos_contenedor {
text-align:center;
display:table;
justify-content:none
}
}

.k {
display:block;
width:300px;
min-height:40px
}

.k1 {
display:block;
width:100px;
height:22px;
padding:6px 0 6px 12px;
float:left;
border-radius:4px 0 0 4px;
border:0
}

.k2 {
display:block;
width:130px;
color:#666;
background-color:#fff;
padding:6px 0 6px 12px;
float:left;
height:36px;
border-radius:4px 0 0 4px;
border:1px solid #c2c2c2
}

.k3 {
display:block;
float:left
}

.ktitulo {
width:100%;
text-align:left
}

.campo {
margin:0;
border-radius:0 4px 4px 0;
box-sizing:border-box;
border:1px solid #c3c3c3;
border-left:0;
height:36px;
width:170px;
padding:6px 9px;
color:#666;
background-color:#eaeaea;
-webkit-appearance:none;
text-align:left;
font-family:inherit;
transition:.2s;
outline:0
}

.campo:hover {
font-family:inherit;
border-radius:0 4px 4px 0;
box-sizing:border-box;
height:36px;
padding:6px 9px 4px;
color:#3B3B3B;
background-color:#DAE6F0;
border:1px solid #D9CF9F;
border-left:0;
-webkit-appearance:none;
transition:.2s;
outline:0
}

.campo:focus,.campo2:focus {
font-family:inherit;
color:#3B3B3B;
borde:1px solid #D9CF9F;
background-color:#DAE6F0;
-webkit-appearance:none;
border-radius:0 4px 4px 0;
border-bottom:0;
padding:6px 9px 4px;
font-weight:700;
transition:.2s;
outline:0
}

.campok2 {
margin:0;
border-radius:6px;
box-sizing:border-box;
border:1px solid #c3c3c3;
height:48px;
padding:6px 9px;
background-color:#fff;
-webkit-appearance:none;
text-align:left;
color:#000;
transition:.4s;
outline:0;
width:100%;
font-size:1rem
}

.campok2:hover {
width:100%;
font-size:1rem;
border-radius:6px;
box-sizing:border-box;
color:#3B3B3B;
background-color:#DAE6F0;
border:1px solid #D9CF9F;
height:48px;
padding:6px 9px 4px;
-webkit-appearance:none;
transition:.4s;
outline:0
}

.campok2:focus {
width:100%;
font-size:1rem;
-webkit-appearance:none;
border-radius:6px;
color:#FFFFFF;
borde:1px solid ;
background-color:#9F0000;
padding:6px 9px 4px;
font-weight:700;
transition:.4s;
outline:0
}

@media only screen and (max-width: 718px) {
.campok2 {
margin:0;
border-radius:24px;
box-sizing:border-box;
border:1px solid #C2C2C2;
border-top:0;
width:100%;
height:48px;
margin-bottom:10px;
padding:6px 9px 4px 15px;
font-size:1rem
}

.campok2:hover {
font-size:1rem;
border-radius:24px;
box-sizing:border-box;
border:1px solid #C2C2C2;
border-top:0;
height:48px;
padding:6px 9px 4px 15px;
background-color:#f2f2f2;
-webkit-appearance:none;
color:#785D5E;
transition:.2s;
outline:0
}

.campok2:focus {
font-size:1rem;
color:#0093FF;
-webkit-appearance:none;
border:1px solid #C2C2C2;
border-radius:24px;
background-color:#ffff;
border-top:0;
padding:6px 9px 4px 15px;
height:48px;
transition:.2s;
outline:0
}
}

.grillajust {
width:100%;
display:grid;
margin:auto;
justify-items:center;
align-items:center
}

.grilluno {
grid-template-columns:1fr;
width:300px!important
}

.grilldos {
grid-template-columns:1fr 1fr;
width:600px!important
}

.grilltres {
grid-template-columns:1fr 1fr 1fr
}

.grillcuatro {
grid-template-columns:1fr 1fr 1fr 1fr
}

@media only screen and (max-width: 618px) {
.grilluno {
grid-template-columns:1fr;
width:100%!important
}

.grilldos {
grid-template-columns:1fr;
width:100%!important
}

.grilltres {
grid-template-columns:1fr
}

.grillcuatro {
grid-template-columns:1fr
}
}

.articulo_boton {
color:#FFFFFF;
borde:1px solid ;
background-color:#D22700;
font-weight:400;
border:0;
border-radius:6px;
text-decoration:none;
transition:all 400ms ease;
height:40px;
display:block;
font-size:15px;
width:300px;
-webkit-appearance:none
}

.articulo_boton_over {
color:#FFFFFF;
borde:1px solid ;
background-color:#9F0000;
font-weight:400;
border:0;
border-radius:6px;
text-decoration:none;
transition:all 400ms ease;
height:40px;
display:block;
font-size:15px;
width:300px;
-webkit-appearance:none
}

.inputbus1 {
margin:0;
border-radius:20px 0 0 20px;
box-sizing:border-box;
border:1px solid #c3c3c3;
border-right:0;
height:45px;
width:80%;
padding:6px 9px;
color:#666;
background-color:#eaeaea;
-webkit-appearance:none;

text-align:left;
font-family:inherit;
transition:.2s;
outline:0;
float:left
}

.inputbus1:hover {
font-family:inherit;
color:#000;
background-color:#f4f4f4;
-webkit-appearance:none;
transition:.2s;
outline:0
}

.inputbus {
margin:0;
border-radius:4px 0 0 4px;
box-sizing:border-box;
border:1px solid #c3c3c3;
border-right:0;
height:45px;
width:100%;
padding:6px 9px;
color:#666;
background-color:#eaeaea;
-webkit-appearance:none;
text-align:left;
font-family:inherit;
transition:.2s;
outline:0
}

.inputbus:hover {
font-family:inherit;
color:#D60000;
background-color:#F2F2F2;
-webkit-appearance:none;
transition:.2s;
outline:0
}

.inputbus:focus,.inputbus:focus {
font-family:inherit;
color:#D60000;
borde:1px solid #F2F2F2;
background-color:#F2F2F2;
-webkit-appearance:none;
border-radius:4px 0 0 4px;
border-bottom:0;
padding:6px 9px 4px;
font-weight:700;
transition:.2s;
outline:0
}

.inputbusboton {
color:#FFFFFF;
borde:1px solid ;
background-color:#D22700;
border:0;
border-radius:0 20px 20px 0;
text-decoration:none;
transition:all 400ms ease;
height:45px;
display:block;
font-size:15px;
text-align:center;
float:left;
background-image:url(img/lupa.png);
display:block;
background-repeat:no-repeat;
background-position:center
}

.inputbusboton:hover {
color:#FFFFFF;
borde:1px solid ;
background-color:#9F0000;
font-weight:400;
border:0;
border-radius:0 20px 20px 0;
text-decoration:none;
transition:all 400ms ease;
height:45px;
display:block;
font-size:15px
}

.inputbus1::-webkit-input-placeholder {
color:rgba(21,64,109,1);
font-weight:900
}

.inputbus1::-moz-placeholder {
color:rgba(21,64,109,1);
font-weight:900
}

.inputbus1:-ms-input-placeholder {
color:rgba(21,64,109,1);
font-weight:900
}

.inputbus1:-moz-placeholder {
color:rgba(21,64,109,1);
font-weight:900
}

.css171 {
background-color:#F0F0F0}

.escondifo {
display:none
}

@media only screen and (max-width: 768px) {
.escondifo {
display:table
}
}

@media only screen and (max-width: 1000px) {
.k {
margin:auto
}

.articulo_boton,.articulo_boton_over {
margin:auto
}

.ktitulo {
text-align:center
}
}

.j {
display:block;
width:100%;
min-height:40px;
margin-bottom:10px
}

.j1 {
display:block;
width:100%;
height:5px;
padding:6px 0 6px 12px;
border:0;
font-weight:700
}

.j2 {
display:block;
width:100%;
font-weight:700;
padding:6px 0 6px 5px
}

.j3 {
display:block;
width:100%
}

.campoj {
margin:0;
border-radius:4px;
box-sizing:border-box;
border:1px solid #c3c3c3;
height:36px;
width:100%;
padding:6px 9px;
color:#666;
background-color:#eaeaea;
-webkit-appearance:none;
text-align:left;
font-family:inherit;
transition:.2s;
outline:0
}

.campoj:hover {
font-family:inherit;
border-radius:0 4px 4px 0;
box-sizing:border-box;
border:1px solid #D9CF9F;
border-left:0;
height:36px;
padding:6px 9px 4px;
color:#3B3B3B;
background-color:#DAE6F0;
-webkit-appearance:none;
transition:.2s;
outline:0
}

.campoj:focus {
font-family:inherit;
color:#3B3B3B;
borde:1px solid #D9CF9F;
background-color:#DAE6F0;
-webkit-appearance:none;
border-radius:0 4px 4px 0;
border-bottom:0;
padding:6px 9px 4px;
font-weight:700;
transition:.2s;
outline:0
}

@media only screen and (max-width: 700px) {
.j {
display:block;
width:100%;
margin-right:0;
min-height:40px;
margin-bottom:10px
}
}

.g {
display:block;
width:100%;
min-height:30px
}

.g1 {
display:block;
width:200px;
height:22px;
padding:6px 0 6px 12px;
float:left;
border-radius:4px 0 0 4px;
border:0
}

.g2 {
display:block;
padding:6px 10px 0 5px;
float:left;
font-weight:700
}

.g3 {
display:block;
float:left;
padding-top:5px
}

.producticos_index {
width:100%;
min-height:220px;
display:block;
alignment-adjust:auto;
border-radius:0;
margin:20px;
text-align:center;
border:1px solid #f5f5f5;
transition:all 400ms ease
}

@media only screen and (max-width: 618px) {
.producticos_index {
text-align:left;
display:grid;
grid-template-columns:3fr 2fr;
justify-items:center;
align-items:center;
grid-column-gap:0
}
}

.r_titulo_home {
font-size:18px;
font-weight:400;
color:#000000;
height:20px;
display:flex;
align-items:center;
justify-content:center!important;
text-align:center}

.r_codigo_home {
color:#0F408C;
font-size:12px;
font-weight:400;
height:15px;
display:flex;
align-items:center;
justify-content:center!important;
text-align:center}

.r_antes_home {
height:30px;
font-size:22px;
font-weight:none;
color:#D90000;
display:flex;
align-items:center;
justify-content:center!important
}

.r_titulo_index {
font-size:15px;
font-weight:400;
color:#000000;
display:block;
text-align:center}

@media only screen and (max-width: 618px) {
.r_titulo_index {
font-size:1rem;
letter-spacing:-1px;
line-height:20px
}
}

.r_codigo_index {
font-size:12px;
font-weight:400;
color:#0F408C;
height:20px;
display:block;
text-align:center}

.preciorojo {
height:30px;
color:#D90000;
font-size:22px;
display:block;
width:100%;
text-align:center
}

@media only screen and (max-width: 618px) {
.preciorojo {
font-size:17px
}
}

.r_antes_index {
height:30px;
font-size:18px;
font-weight:none;
color:#D90000;
display:flex;
align-items:center;
justify-content:center!important
}

.r_antes2 {
font-size:17px;
font-weight:none
}

.r_preciosin {
font-size:19px;
font-weight:400;
color:red
}

.r_preciotachado {
text-decoration:line-through
}

.tabla_entrance_pre {
width:100%;
background-color:#FFFFFF ;
margin:0;
z-index:99999999999
}

.tabla_entrance {
background-color:#FFFFFF;
padding-top:10px;
padding-bottom:20px;
width:1200px;
margin:auto;
transition:all .8s ease;
min-height:1px
}

.entrance_tit {
font-weight:400;
text-align:center;
vertical-align:middle
}

.entrance_text {
margin:auto;
transition:all .8s ease
}

@media screen and (max-width: 650px) {
.entrance_tit {
font-size:22px!important
}

.entrance_text {
font-size:1rem
}
}

@media only screen and (max-width: 1218px) {
.tabla_entrance {
width:100%;
padding:20px
}

.entrance_tit {
font-size:36px
}
}

@media only screen and (max-width: 500px) {
.entrance_tit {
font-size:30px
}
}

.titulo_categorias {
font-size:40px;
text-align:center;
padding-top:30px;
display:block;
font-weight:400;
color:#061A39}

@media only screen and (max-width: 618px) {
.titulo_categorias {
font-size:1.8rem;
letter-spacing:-1px
}
}

.subtitulo_categorias {
font-size:1rem;
text-align:center;
display:block;
padding-bottom:25px;
color:#061A39}

.cajondiv {
width:100%;
display:grid;
grid-template-columns:1fr 1fr 1fr;
justify-items:center;
align-items:center;
grid-gap:20px}

@media only screen and (max-width: 618px) {
.cajondiv {
grid-template-columns:1fr 1fr
}
}

.categorias_index {
background-color:#F8F8F8;
background-size:cover;
width:100%;
height:250px;
display:block
}

.productotop {
width:100%;
margin-bottom:0
}

.mapaindex {
width:100%;
height:450px;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
margin-bottom:20px
}

a.linkoscuro img {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
-khtml-opacity:1;
border:0;
transition:all .5s ease;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease
}

a.linkoscuro:hover img {
background:rgba(0,0,0,0.4);
transition:all .5s ease;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease
}

a.linkoscuro_home img {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
-khtml-opacity:1;
border:0;
transition:all .5s ease;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease
}

a.linkoscuro_home:hover img {
background:rgba(0,0,0,0.4);
transition:all .5s ease;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease
}

.tabla_slider_pre {
width:100%;
background-color:#f4f4f4;
top:100px
}

.tabla_slider {
width:1100px;
background-color:#fff;
margin:auto;
transition:all .8s ease
}

.tabla_categorias_pre {
background-color:#FAFAFA;
width:100%;
display:block;
margin:0
}

.tabla_categorias {
width:1250px ;
margin:auto;
padding-bottom:25px
}

.tabla_producto_pre {
background-color:#FFFFFF;
width:100%;
display:block;
margin:0
}

.tabla_producto {
width:1240px;
margin:auto
}

.in1 {
font-size:28px;
font-weight:400;
margin:-55px 0 0;
height:55px;
padding-top:13px;
text-align:left;
padding-left:10px;
background-image:url(images/sombra.png);
cursor:pointer;
width:100%;
color:#FFF
}

.in1over {
font-size:22px;
font-weight:700;
margin:-55px 0 0;
letter-spacing:-.5px;
height:55px;
padding-top:13px;
text-align:left;
padding-left:10px;
background-image:url(images/sombra2.png);
cursor:pointer;
width:100%;
color:#FF8000
}

.cantidad {
border-radius:8px;
margin:2px;
outline:0;
padding:2px;
position:relative;
border:1px;
border-color:#999;
border-style:solid;
background-color:#FFF;
font-size:12px;
text-align:center
}

.selector {
border-radius:8px;
margin:2px;
outline:0;
padding:2px;
position:relative;
border:1px;
border-color:#999;
border-style:solid;
background-color:#FFF;
-webkit-appearance:menulist-button;
font-size:12px;
text-align:center
}

#fieldseti {
border-top:1px dotted #061A39;
border-bottom:0;
border-left:0;
border-right:0
}

#fieldsetJ {
border-top:1px dotted #061A39;
border-bottom:0;
border-left:0;
border-right:0;
margin:auto
}

#legendi {
font-size:35px;
text-align:left;
font-weight:900;
color:#061A39}

#legendiX {
font-size:35px;
text-align:left;
font-weight:900;
color:#061A39}

@media only screen and (max-width: 650px) {
#legendiX {
text-align:center
}
}

.tabladiv {
display:grid;
grid-template-columns:1fr 1fr;
justify-items:center;
align-items:top;
grid-column-gap:20px;
width:100%
}

.imgfix {
line-height:0;
display:block
}

.celdaleft {
display:table;
width:100%;
text-align:center;
padding-top:0;
vertical-align:top;
transition:all .8s ease
}

.celdaright {
display:table;
width:100%;
transition:all .8s ease
}

@media only screen and (max-width: 618px) {
.tabladiv {
display:grid;
grid-template-columns:1fr;
justify-items:center;
align-items:center;
grid-column-gap:20px;
width:100%
}
}

.l_codigo {
font-size:14px;
color:#D90000;
margin-bottom:10px
}

#galeriaX {
border:0px;
padding:0;
padding-bottom:0;
width:100%;
transition:all 400ms ease;
margin:auto
}

#galeriaX_imagen {
margin:auto;
min-height:50px;
transition:all 400ms ease
}

@media only screen and (max-width: 800px) {
#galeriaX_imagen {
width:100%
}
}

.l_antes {
font-size:15px;
font-weight:none
}

.l_descuento {
font-size:14px;
font-weight:none;
margin-bottom:10px
}

.l_antes150 {
width:85px;
font-weight:none
}

.l_preciosin {
font-weight:400;
color:#D90000;
font-size:19px
}

.l_preciotachado {
text-decoration:line-through
}

.l_boton {
color:#FFFFFF;
borde:1px solid ;
background-color:#D22700;
font-weight:400;
border:0;
border-radius:6px;
text-decoration:none;
transition:all 400ms ease;
height:40px;
display:block;
font-size:15px;
width:100%
}

.l_boton_over {
color:#FFFFFF;
borde:1px solid ;
background-color:#9F0000;
font-weight:400;
border:0;
border-radius:6px;
text-decoration:none;
transition:all 400ms ease;
height:40px;
display:block;
font-size:15px;
width:100%
}

.pun {
border-bottom:1px dotted #061A39!important;
margin:5px 0
}

.img_relacionados {
width:100%;
height:160px;
background-color:#F5F5F5;
background-size:contain;
background-position:center;
background-repeat:no-repeat
}

.art_rela {
font-size:32px;
margin-bottom:1px;
color:#061A39;
font-weight:400}

.law_nombre {
color:#061A39;
font-size:38px;
font-weight:400}

.ccentereprecio {
color:#D90000;
font-size:19px;
font-weight:700
}

@media only screen and (max-width: 800px) {
.law_nombre,.l_codigo,.l_antes,.ccentere,.ccentereprecio {
text-align:center;
transition:ease 1s all
}
}

@media only screen and (max-width: 618px) {
.law_nombre {
font-size:30px;
line-height:30px
}
}

.producticos_relacionados {
border:1px solid #F5F5F5;
transition:all .8s ease;
width:24%;
margin:0 0 0 1%;
display:table;
alignment-adjust:auto;
float:left;
border-radius:0;
text-align:center
}

.relacionados_detalles {
background-color:#F5F5F5;
width:100%;
min-height:50px;
padding:8px 0;
display:block;
text-align:left;
margin:0
}

.relacionado_caja {
width:100%;
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr;
justify-items:center;
align-items:center;
grid-column-gap:20px
}

@media only screen and (max-width: 618px) {
.relacionado_caja {
grid-template-columns:1fr 1fr
}
}

.dimension_relacionados6 {
max-width:200px;
width:expression(this.height > 200 ? 200: true)
}

.dimension_relacionados7 {
max-height:200px;
height:expression(this.height > 200 ? 200: true)
}

.rela_titulo {
font-size:14px;
font-weight:400;
color:#061A39;
height:22px;
display:flex;
align-items:center;
justify-content:center!important;
text-align:center
}

.rela_codigo {
height:20px;
font-size:12px;
font-weight:400;
color:#0F408C;
text-align:center;
display:flex;
align-items:center;
justify-content:center!important;
text-align:center
}

.rela_precio {
height:25px;
font-size:16px;
font-weight:300;
color:#D90000;
display:flex;
align-items:center;
justify-content:center!important;
text-align:center
}

a.botonrela_ver:link,a.boton_ver:visited {
display:block;
font-size:14px;
color:#fff;
margin-top:0;
font-weight:400;
padding:3px;
border:0;
background-color:#D50000;
text-decoration:none;
text-align:center;
width:100%
}

a.botonrela_ver:hover {
display:block;
color:#fff;
font-weight:400;
background-color:#CC4D36;
text-decoration:none
}

.redondo {
border:1px solid #061A39;
width:100%;
min-height:150px;
display:block;
border-radius:8px;
padding:8px;
background-color:rgba(255,255,255,0.05)
}

.r_caja {
border:1px;
border-color:#eee;
border-style:solid;
border-spacing:0;
cellpadding:0;
width:250px;
float:left
}

.productico_caja {
width:100%;
border:0 solid;
border-color:#000;
overflow:auto;
margin-bottom:20px
}

.producticos {
width:100%;
min-height:220px;
display:block;
alignment-adjust:auto;
border-radius:0;
margin:10px;
text-align:center;
border:1px solid #f5f5f5;
transition:all 400ms ease
}

@media only screen and (max-width: 618px) {
.producticos {
text-align:left;
display:grid;
grid-template-columns:3fr 2fr;
justify-items:center;
align-items:center;
grid-column-gap:0
}
}

@media only screen and (max-width: 1210px) {
.producticos,.producticos_index,.producticos_relacionados {
width:96%
}
}

.grillajust {
margin-top:30px;
grid-column-gap:20px
}

@media only screen and (max-width: 1000px) {
.grillajust {
grid-template-columns:1fr 1fr 1fr 1fr!important
}
}

@media only screen and (max-width: 910px) {
.grillajust {
grid-template-columns:1fr 1fr 1fr!important
}
}

@media only screen and (max-width: 620px) {
.grillajust {
grid-template-columns:1fr!important;
margin-top:0
}
}

.producticos_descripcion {
padding-top:15px;
width:100%;
height:150px;
display:block;
background-color:#f9f9f9;
text-align:left
}

.img_resultsUNDER {
width:100%;
height:x;
background-color:#FFFFFF;
background-size:contain;
background-position:center;
background-repeat:no-repeat;
display:table
}

.img_results {
width:100%;
height:x;
background-color:#FFFFFF;
background-size:contain;
background-position:center;
background-repeat:no-repeat;
display:table;
transition:all .6s ease
}

.img_results:hover {
opacity:0;
transition:all .6s ease
}

@media only screen and (max-width: 618px) {
.img_results {
width:100%;
height:auto
}
}

.img_results_home {
width:100%;
height:270px;
background-color:#FFFFFF;
background-size:contain;
background-position:center;
background-repeat:no-repeat
}

.dimension_results1 {
max-width:270px;
width:expression(this.height > 270 ? 270: true)
}

.dimension_results2 {
max-height:270px;
height:expression(this.height > 270 ? 270: true)
}

.r_titulo {
font-size:18px;
font-weight:400;
color:#000;
margin-left:20px
}

.r_codigo {
font-size:13px;
font-weight:400;
color:#999;
margin-left:20px
}

.rmargen {
margin-left:20px
}

.r_antes {
font-size:17px;
font-weight:none
}

.r_antes2 {
font-size:17px;
font-weight:none
}

.r_preciosin {
font-size:19px;
font-weight:400;
color:red
}

.r_preciotachado {
text-decoration:line-through
}

.r_precio {
font-size:20px;
font-weight:400;
color:red;
margin-left:20px
}

a.boton_ver:link,a.boton_ver:visited {
display:block;
font-size:18px;
color:#fff;
margin-top:18px;
border-radius:6px;
font-weight:400;
padding:3px;
border:0;
background-color:#D50000;
text-decoration:none;
text-align:center;
float:right;
margin-right:10px;
width:100px
}

a.boton_ver:hover {
display:block;
color:#fff;
font-weight:400;
background-color:#CC4D36;
text-decoration:none
}

.paginacion {
margin:10px auto 0;
font-size:14px;
display:table
}

.avance {
cursor:pointer;
display:block;
background-color:#F2F2F2;
color:#000000;
height:auto;
padding:10px;
width:auto;
float:left;
text-align:center;
border:1px solid #D9D9D9}

.avance:hover {
background-color:#D90000;
color:#FFFFFF}

.numeracion {
cursor:pointer;
display:block;
float:left;
background-color:#F2F2F2;
border:1px solid #D9D9D9;
color:#000000;
border-left:0;
border-right:1px;
width:auto;
height:auto;
padding:10px;
text-align:center
}

.borderleftcero {
border-left:0
}

.numeracion:hover {
background-color:#D90000;
color:#FFFFFF}

.numeroactivo {
background-color:#CF0000;
color:#FFFFFF}

.disabled {
pointer-events:none;
cursor:none
}

.paginado_box {
width:100%;
display:block;
font-size:12px;
text-align:center;
text-decoration:none;
padding-top:10px;
transition:all .6s ease
}

a.paginacion_pagina_siguiente:link,a.paginacion_pagina_siguiente:visited {
font-size:20px;
color:#000000;
text-decoration:none;
background-color:##F2F2F2;
width:94%;
padding:20px;
display:block;
border-radius:8px;
margin:0 auto 20px;
transition:all .6s ease;
text-align:center
}

a.paginacion_pagina_siguiente:hover {
text-decoration:none;
transition:all .6s ease
}

.show_more {
font-size:20px;
color:#000000;
text-decoration:none;
background-color:#F2F2F2;
width:94%;
padding:20px;
display:block;
border-radius:8px;
margin:0 auto 20px;
transition:all .6s ease;
text-align:center
}

.show_more:hover {
color:#FFFFFF;
text-decoration:none;
background-color:#D90000;
transition:all .6s ease;
cursor:pointer
}

a.paginado_anterior:link,a.paginado_anterior:visited {
color:#000000;
background-color:#F2F2F2;
padding:5px;
border-radius:20px;
text-decoration:none;
transition:all .6s ease
}

a.paginado_anterior:hover {
color:#FFFFFF;
text-decoration:none;
background-color:#D90000;
transition:all .6s ease
}

a.numerosin:link,a.numerosin:visited {
font-size:15px;
color:#000000;
text-decoration:none;
background-color:#F2F2F2;
padding:5px;
border-radius:30px;
border-color:#DFDFDF;
text-decoration:none;
transition:all .6s ease
}

a.numerosin:hover {
color:#FFFFFF;
text-decoration:none;
background-color:#D90000;
transition:all .6s ease
}

.paginado_actual {
font-size:15px;
color:#FFFFFF;
background-color:#D90000;
padding:5px;
border-radius:20px;
transition:all .6s ease
}

a.paginado_siguiente:link,a.paginado_siguiente:visited {
color:#000000;
background-color:#F2F2F2;
padding:5px;
border-radius:20px;
border-color:#DFDFDF;
text-decoration:none;
transition:all .6s ease
}

a.paginado_siguiente:hover {
color:#FFFFFF;
text-decoration:none;
background-color:#D90000;
transition:all .6s ease
}

.paginado_texto {
font-size:11px;
height:20px;
display:block;
transition:all .6s ease
}

ul.enlarge {
list-style-type:none;
margin:0 0 0 -40px
}

ul.enlarge li {
display:inline-block;
position:relative;
z-index:0;
margin:0
}

ul.enlarge span {
position:absolute;
left:-9999px
}

ul.enlarge li:hover {
z-index:50;
cursor:pointer
}

ul.enlarge li:hover span {
top:-90px;
left:-73px
}

ul.enlarge li:hover:nth-child(2) span {
left:-20px
}

ul.enlarge li:hover:nth-child(3) span {
left:-20px
}

ul.enlarge span img {
padding:2px;
background:#ccc
}

ul.enlarge span {
padding:10px;
background:#fff;
-webkit-box-shadow:0 0 20px rgba(0,0,0,.75));
-moz-box-shadow:0 0 20px rgba(0,0,0,.75);
box-shadow:0 0 20px rgba(0,0,0,.75);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
font-size:.9em;
text-align:center;
color:#495a62
}

a.boton:link,a.boton:visited,.boton {
font-size:18px;
color:#FFFFFF;
borde:1px solid ;
margin:0 0 0 5px;
font-weight:400;
border:0;
padding:10px;
border-color:#d90000;
border-style:solid;
border-radius:6px;
background-color:#D22700;
text-decoration:none;
display:block;
text-align:center;
vertical-align:middle;
transition:all 250ms ease;
-webkit-appearance:none
}

a.boton:hover,.boton_over {
color:#FFFFFF;
borde:1px solid ;
background-color:#9F0000;
text-decoration:none;
font-size:18px;
margin:0 0 0 5px;
font-weight:400;
border:0;
border-color:#900;
border-style:solid;
border-radius:6px;
padding:10px;
display:block;
text-align:center;
vertical-align:middle;
transition:all 250ms ease;
-webkit-appearance:none
}

a.botoncomprando:link,a.botoncomprando:visited,.botoncomprando {
color:#FFFFFF;
borde:1px solid ;
background-color:#D22700;
font-size:18px;
font-weight:400;
border:0;
padding:10px;
border-radius:6px;
text-decoration:none;
display:block;
text-align:center;
vertical-align:middle;
width:98%
}

a.botoncomprando:hover,.botoncomprando_over {
color:#FFFFFF;
borde:1px solid ;
background-color:#9F0000;
text-decoration:none;
font-size:18px;
font-weight:400;
border:0;
border-radius:6px;
padding:10px;
display:block;
text-align:center;
vertical-align:middle;
width:98%
}

#test p,h1,.tabla_main {
animation:fadein 1s;
-moz-animation:fadein 1s;
-webkit-animation:fadein 1s;
-o-animation:fadein 1s
}

#test2 {
animation:fadein 4s;
-moz-animation:fadein 4s;
-webkit-animation:fadein 4s;
-o-animation:fadein 4s
}

@keyframes fadein {
from {
opacity:0
}


to {
opacity:1
}
}

@-moz-keyframes fadein {
from {
opacity:0
}

to {
opacity:1
}
}

@-webkit-keyframes fadein {
from {
opacity:0
}

to {
opacity:1
}
}

@-o-keyframes fadein {
from {
opacity:0
}

to {
opacity:1
}
}

@media only screen and (max-width: 1218px) {
.tabla_categorias {
width:100%
}

.tabla_logo,.tabla_slider,.tabla_categorias,.tabla_producto,.tabla_index_recientes,.tabla_contenido,.tabla_form,.tabla_relacionados,.tabla_mapa {
width:100%;
transition:all .8s ease
}
}

@media only screen and (max-width: 1100px) {
.boton,.l_boton,.boton_over,.l_boton_over {
-webkit-appearance:none
}
}

@media only screen and (max-width: 800px) {
.celdaleft {
display:block;
width:100%;
text-align:center;
vertical-align:middle;
margin-bottom:25px;
transition:all .8s ease
}

.celdaright {
display:table-cell;
transition:all .8s ease;
padding-left:0
}

.art_rela {
text-align:center
}
}

@media only screen and (max-width: 650px) {
.categorias_index {
background-color:#F8F8F8;
background-size:cover;
width:100%;
margin:0;
margin-top:10px
}

.celdaleft {
display:block;
width:100%;
text-align:center;
vertical-align:middle
}

.celdaright {
display:table-cell;
padding-left:0
}
}

.contactbox {
width:100%;
display:flex;
min-height:100px;
margin-bottom:20px
}

.contactboxA {
width:70%;
display:table-column;
float:left;
background-color:rgba(0,0,0,0.0);
box-shadow:0px 0px 8px rgba(0,0,0,0.2);
padding:40px
}

@media only screen and (max-width: 618px) {
.contactboxA {
width:90%;
padding:15px;
box-shadow:none
}
}

.contactboxA_in {
width:100%
}

.contactboxB {
width:30%;
display:table-column;
float:left;
background-color:rgba(100,100,100,0.2);
box-shadow:0px 0px 8px rgba(0,0,0,0.2)}

.mar1 {
margin-bottom:10px
}

.mar2ks {
width:98%!important
}

.boxsap {
width:100%;
height:50px;
display:table;
padding:20px;
background-color:#454545}

.boxsap1 {
color:#FFFFFF;
font-size:28px;
text-transform:uppercase
}

.boxsap2 {
color:#FFFFFF;
font-size:12px;
text-transform:uppercase
}

.boxsap3 {
color:#FFFFFF;
font-size:10px
}

.boxsap4 {
text-align:left;
font-size:30px;
padding:25px;
color:#4F4D4F}

.boxsap5 {
text-align:justify;
font-size:15px;
padding:25px 25px 0;
color:#4F4D4F}

.boxtel {
background-image:url(imagen_web/gris50/telefono.png)
}

.boxcel {
background-image:url(imagen_web/gris50/celular.png)
}

.boxemail {
background-image:url(imagen_web/gris50/email.png)
}

.boxdir {
background-image:url(imagen_web/gris50/direccion.png)
}

.boxhor {
background-image:url(imagen_web/gris50/horario.png)
}

.boxfax {
background-image:url(imagen_web/gris50/fax.png)
}

.boxwha {
background-image:url(imagen_web/whatsapp.png)
}

.boxservicios {
background-repeat:no-repeat;
margin:0 25px;
height:33px;
padding-left:38px;
font-size:17px;
padding-top:5px;
margin-bottom:12px;
color:#4F4D4F}

@media only screen and (max-width: 618px) {
.boxsap1 {
font-size:20px
}

.boxsap4 {
font-size:22px
}

.boxservicios {
height:33px;
font-size:1rem;
padding-top:6px;
margin-bottom:2px
}
}

@media only screen and (max-width: 900px) {
.contactbox {
width:100%;
display:table
}

.contactboxA {
width:100%;
display:table;
float:none
}

.contactboxA_in {
width:100%
}

.contactboxB {
width:100%;
margin-top:25px;
display:table;
float:left
}
}

.borde33 {
border-right:1px solid RGBA(255,255,255,0.2);
padding:0 30px;
height:100%
}

.borde34 {
padding:0 30px
}

.pie330 {
display:grid;
grid-template-columns:1fr 1fr 1fr;
justify-items:center;
align-items:center;
width:1200px;
margin:auto;
padding-top:25px
}

.pie33 {
width:33.3%;
padding:0 20px
}

@media only screen and (max-width: 1218px) {
.pie330 {
width:100%
}
}

@media only screen and (max-width: 650px) {
.pie330 {
display:grid;
grid-template-columns:1fr;
justify-items:center;
align-items:center;
width:100%;
margin:auto
}

.borde33,.borde34 {
width:100%;
padding:0 20px;
min-height:20px;
border-right:0
}
}

#pieimg {
width:100%;
height:100px;
margin-bottom:10px;
text-align:center
}

#pieimg2 {
width:150px;
height:100px;
margin-bottom:10px
}

@media screen and (max-width: 650px) {
#pieimg {
text-align:center;
width:100%;
margin:20px auto 0
}

#pieimg2 {
width:100%;
height:20px
}
}

.piewhatsapp {
height:33px;
background-image:url(imagen_web/Fwhatsapp.svg);
background-repeat:no-repeat;
padding:8px 0 0 40px
}

.contactenos {
width:100%;
margin:30px auto 10px;
border:1px solid #D90000;
color:#CCCCCC;
display:table;
padding:5px;
text-align:center;
font-weight:400}

.contactenos:hover {
color:#CCCCCC;
text-decoration:none;
background-color:rgba(255,255,255,0.1)
}

@media only screen and (max-width: 650px) {
.contactenos {
width:70%;
margin:20px auto
}
}

.tarjetasT {
width:100%;
text-align:center;
padding:10px;
color:#CCCCCC;
font-size:14px
}

.tarjetasIMG {
width:100%;
text-align:center
}

.MR8 {
margin:8px
}

.fdatos {
width:195px;
float:left;
display:table-column;
padding-left:15px;
padding-bottom:5px;
font-weight:400;
padding-top:5px
}

.fcampos {
width:auto;
float:left;
text-align:left;
display:table-column;
padding-bottom:5px;
padding-top:5px
}

.forma3 {
border:1px solid #998F6D;
background-color:#FFFFFF;
color:#0D0D0D;
border-radius:6px;
height:45px;
padding:5px;
outline:none;
width:410px;
transition:all 700ms ease
}

.forma3:focus {
background-color:#DAE6F0;
border:1px solid #D9CF9F;
border-radius:6px;
height:45px;
font-size:19px;
color:#3B3B3B;
!importantoutline:none;
transition:all 700ms ease
}

.tabla_footer_pre {
width:100%;
background-color:#091B2E;
margin:0
}

.tabla_footer {
padding:0 5px;
transition:all .8s ease;
width:1180px;
margin:auto;
display:table
}

.linea_foot {
width:1190px;
margin:auto;
padding:10px
}

@media screen and (max-width: 1248px) {
.linea_foot {
width:100%
}
}

@media screen and (max-width: 1258px) {
.tabla_footer {
width:100%
}
}

@media screen and (max-width: 650px) {
.linea_foot {
width:100%;
text-align:center
}
}

#medios1, #medios2, #medios3  {
width:48px;
height:48px
}

@media screen and (max-width: 650px) {
#medios1, #medios2, #medios3  {
width:50px;
height:50px
}
}

.pielinea {
background-color:#091B2E;
margin-top:15px
}

.tabla_cajacopyright_pre {
width:100%;
background-color:#071626;
margin:0;
padding-bottom:5px
}

.cajacopyright{
width:1200px;
  display: grid;
  grid-template-columns:  1fr 200px;

align-items:center;
grid-column-gap:0px;
margin:auto;


}

@media screen and (max-width: 1100px) {
.cajacopyright {
grid-template-columns:  1fr ;
width:100%;

}
}

.histat {
float:left;
display:inline-block;
width:150px;
text-align:center
}

.firma {
float:left;
display:inline-block;
vertical-align:middle;
color:#CCCCCC;
font-size:12px;
width:650px;
padding-left:5px;
min-height:35px;
margin-top:10px
}

.ticodesign {
display:inline-block;
float:right;
margin:15px;
padding-right:10px
}

a.footerslink:link,a.footerslink:visited {
color:#CCCCCC;
text-decoration:none
}

a.footerslink:hover {
color:#DE4F17;
text-decoration:none
}

a.folink:link,a.folink:visited {
color:#FFF;
text-decoration:none;
font-size:15px
}

a.folink:hover {
color:#DE4F17;
text-decoration:none
}

@media only screen and (max-width: 618px) {
a.footerslink:link,a.footerslink:visited {
height:20px;
display:block;
margin:8px 0
}
}

#formtitt {
font-size:15px
}

.celdaleft_form {
display:table-column;
float:left;
width:50%;
text-align:center;
vertical-align:top;
transition:all .8s ease
}

.celdaright_form {
display:table-column;
float:left;
width:50%;
padding-left:20px;
vertical-align:top;
transition:all .8s ease
}

@media screen and (max-width: 800px) {
.firma {
text-align:center;
display:block;
width:100%;
font-size:12px;
padding-left:0;
padding-right:0;
min-height:35px;
margin-top:10px;
margin-bottom:10px
}
}

@media screen and (max-width: 650px) {
.firma {
font-size:12px
}
}

.ticodesign {
display:block;
float:none;
width:120px;
margin:auto
}

.celdaleft_form {
display:block;
width:100%;
text-align:center;
vertical-align:middle;
margin-bottom:25px;
transition:all .8s ease
}

.celdaright_form {
display:table-cell;
transition:all .8s ease;
padding-left:0;
width:100%
}

.formtitt {
font-size:29px!important;
font-weight:900;
text-align:left;
margin-bottom:5px
}

@media only screen and (max-width: 800px) {
.formtitt {
font-size:17px!important;
font-weight:900;
text-align:center;
margin-bottom:5px
}
}

.boxfooter1 {
width:50%;
float:left
}

.boxfooter2 {
width:50%;
float:left
}

@media only screen and (max-width: 800px) {
.boxfooter1,.boxfooter2 {
width:100%;
float:left
}
}

#PP1 {
display:table;
min-height:250px
}

#PP2 {
display:table-cell;
vertical-align:middle;
padding-left:150px
}

.pieleft {
width:500px
}

@media only screen and (max-width: 1100px) {
.pieleft {
width:90%
}
}

@media only screen and (max-width: 800px) {
.pieleft {
width:100%
}
}

@media screen and (max-width: 800px) {
#PP1 {
min-height:100px
}
}

@media only screen and (max-width: 650px) {
.boxfooter1 {
width:100%;
float:none;
padding-right:20px
}

.boxfooter2 {
width:100%;
float:none;
padding-left:0;
padding-top:40px
}
}

.titulo_foot {
margin-top:0;
font-weight:400;
letter-spacing:0;
font-size:30px;
color:#D90000!important;
margin-bottom:5px;
display:table
}

.texto_foot {
color:#CCCCCC;
font-size:14px;
text-align:justity!important
}

@media only screen and (max-width: 618px) {
.texto_foot {
font-size:.9rem;
line-height:18px
}
}

.linea_foot_up {
display:table;
width:100%;
min-height:30px;
background-color:#D90000}

.tabla_footerimg_pre {
width:100%;
margin:0;
background-color:#091B2E}

.tabla_footerimg {
padding-top:50px;
transition:all .8s ease;
width:1200px;
margin:auto;
display:table
}

@media screen and (max-width: 1200px) {
.tabla_footerimg {
width:100%
}
}

.forma_consulta input[type="text"],.forma_consulta input[type="email"] {
padding:10px;
border:1px solid #998F6D;
transition:border .3s;
width:100%;
font-size:20px;
height:50px;
color:#0D0D0D;
margin-bottom:5px;
background-color:#FFFFFF;
border-radius:6px;
transition:all 700ms ease
}

.forma_consulta input[type="text"]:focus,.forma_consulta input[type="text"].focus,.forma_consulta input[type="email"]:focus,.forma_consulta input[type="email"].focus {
outline:0;
color:#3B3B3B;
border:1px solid #D9CF9F;
font-size:18px;
font-weight:none;
background-color:#DAE6F0;
transition:all 700ms ease
}

.forma_comen textarea {
color:#0D0D0D;
background-color:#FFFFFF;
border:1px solid #998F6D;
transition:all 300ms ease;
border-radius:6px;
width:100%;
font-size:20px;
height:160px;
transition:all 700ms ease
}

.forma_comen textarea:focus,.forma_comen textarea.focus {
outline:0;
font-size:18px;
color:#3B3B3B;
border:1px solid #D9CF9F;
background-color:#DAE6F0;
transition:all 700ms ease
}

.botonform {
background-color:#FFFFFF;
color:#666666;
border:1px solid #DFDFDF;
font-size:18px;
width:50%;
height:52px;
margin:auto;
margin-top:10px;
font-weight:400;
text-decoration:none;
display:block;
text-align:center;
vertical-align:middle;
transition:all 300ms ease
}

.botonform_over {
background-color:#D90000;
color:#FFFFFF;
border:1px solid #DFDFDF;
font-size:18px;
width:50%;
height:52px;
transition:all 300ms ease;
text-decoration:none;
margin:auto;
margin-top:10px;
font-weight:400;
padding:10px;
display:block;
text-align:center;
vertical-align:middle
}

@media only screen and (max-width: 650px) {
.botonform,.botonform_over {
width:100%
}
}

.cajacontenedor {
width:100%;
display:inline-table
}

.cajaformulario {
width:70%;
float:left
}

.tabladecon {
width:600px
}

.cajacontactos {
width:29%;
display:inline-block;
float:right
}

.forma {
border-radius:8px;
margin:5px;
outline:0;
padding:5px;
border:1px solid #998F6D;
background-color:#FFFFFF;
color:#0D0D0D;
width:100%;
height:50px
}

.forma:focus {
color:#3B3B3B;
background-color:#DAE6F0;
border:1px solid #D9CF9F;
transition:all 300ms ease;
width:100%;
height:50px
}

.forma::-webkit-input-placeholder {
color:#616161}

.forma::-moz-placeholder {
color:#616161}

.forma:-ms-input-placeholder {
color:#616161}

.forma:-moz-placeholder {
color:#616161}

.form1 {
margin:0;
border-radius:4px;
box-sizing:border-box;
border:1px solid #998F6D;
background-color:#FFFFFF;
color:#0D0D0D;
height:36px;
width:50px;
padding:6px 9px;
-webkit-appearance:none;
text-align:left;
font-family:inherit;
transition:.2s;
outline:0;
font-weight:700
}

.form1:hover {
font-family:inherit;
border-radius:4px;
box-sizing:border-box;
height:36px;
padding:6px 9px 4px;
color:#3B3B3B;
background-color:#DAE6F0;
border:1px solid #D9CF9F;
-webkit-appearance:none;
transition:.2s;
outline:0
}

.form1:focus {
font-family:inherit;
color:#3B3B3B;
background-color:#DAE6F0;
border:1px solid #D9CF9F;
-webkit-appearance:none;
border-radius:4px;
padding:6px 9px 4px;
font-weight:700;
transition:.2s;
outline:0
}

.boton,.boton_over {
width:100%
}

.reds {
color:red;
font-weight:700
}

@media screen and (max-width: 1090px) {
.tabladecon {
width:100%
}

.cajaformulario {
width:70%;
margin:auto;
float:none
}

.cajacontactos {
width:100%;
margin:auto;
float:none
}

.formanombre,.formamensaje {
width:100%
}

.forma {
width:100%
}
}

@media screen and (max-width: 700px) {
.tabladecon {
width:100%
}

.cajaformulario {
width:100%;
margin:auto;
float:none
}
}

.productoINDI {
background-color:rgba(0,0,0,0.04);
border:1px solid #f2f2f2;
display:table;
min-height:38px;
width:600px;
margin:auto;
font-size:15px;
padding:20px;
border-radius:8px
}

.productoINDIX {
background-color:rgba(0,0,0,0.06);
border:1px solid #ccc;
display:table;
min-height:38px;
width:100%;
margin:auto;
font-size:15px;
padding:0;
border-radius:8px 8px 0 0
}

.lostotalesX {
display:table;
background-color:#E3E3E3;
min-height:50px;
width:600px;
font-size:15px;
border:1px solid #f2f2f2;
border-radius:8px;
margin:auto;
padding:20px
}

@media only screen and (max-width: 618px) {
.productoINDI {
display:table;
min-height:38px;
width:100%;
margin:auto;
font-size:13px;
padding:10px;
border-radius:8px
}

.lostotalesX {
width:100%
}
}

.top1 {
width:10%;
display:table;
float:left;
text-align:center;
padding:10px;
border-right:1px solid #ccc
}

.top2 {
width:35%;
display:table;
float:left;
text-align:left;
padding:10px;
border-right:1px solid #ccc
}

.top2NO {
width:55%;
display:table;
float:left;
text-align:left;
padding:10px;
border-right:1px solid #ccc
}

.top5 {
width:15%;
display:table;
float:left;
text-align:center;
padding:10px;
border-right:1px solid #ccc
}

.top6 {
width:15%;
display:table;
float:left;
text-align:center;
padding:10px;
border-right:1px solid #ccc
}

.top7 {
width:15%;
display:table;
float:left;
text-align:center;
padding:10px;
border-right:1px solid #ccc
}

.top8ww {
width:10%;
display:table;
float:left;
text-align:center;
padding:10px
}


.TOPS1 {
text-align:center;
display:none
}

@media only screen and (max-width: 750px) {
.top1 {
display:none
}

.top2 {
display:none
}

.top2NO {
display:none
}

.top3 {
display:none
}

.top5 {
display:none
}

.top6 {
display:none
}

.top7 {
display:none
}

.top8ww {
display:none
}

.TOPS1 {
text-align:center;
display:table;
width:100%;
padding:10px;
font-size:16px
}
}

.losproductos {
display:table;
min-height:50px;
width:100%;
font-size:15px;
border-bottom:1px dotted #ccc;
border-right:1px solid #DFDFDF;
border-left:1px solid #DFDFDF
}

.laimagen {
width:10%;
display:table;
float:left;
text-align:center
}

.elnombre {
width:35%;
display:table;
float:left;
text-align:left;
padding:5px 0 0
}

.elnombreNO {
width:55%;
display:table;
float:left;
text-align:left;
padding:5px 0 0
}

.lacantidad {
width:15%;
display:table;
float:left;
text-align:center;
padding:15px 0 0
}

.elprecio {
width:15%;
display:table;
float:left;
text-align:center;
padding:15px 0 0
}

.elsubtotal {
width:15%;
display:table;
float:left;
text-align:center;
padding:15px 0 0
}

.elborrador {
width:9%;
display:table;
float:left;
text-align:center;
padding:25px 0 0
}

.eldetalleRES {
display:none
}

.eldetalleTAG {
display:none
}

.elprecioTAG {
display:none
}

@media only screen and (max-width: 750px) {
.laimagen {
width:20%;
display:table;
float:left;
text-align:center
}

.elnombre {
width:55%;
display:table;
float:left;
text-align:left;
padding:5px 0 0
}

.elnombreNO {
width:45%;
display:table;
float:left;
text-align:left;
padding:15px 0 0
}

.eldetalle1 {
width:100%;
display:none;
float:left;
text-align:center;
padding:15px 0 0
}

.lacantidad {
width:20%;
display:table;
float:left;
text-align:center;
padding:15px 0 0
}

.elprecio {
width:100%;
display:table;
float:none;
text-align:left;
padding:5px 0 0
}

.elsubtotal {
width:100%;
display:table;
float:none;
text-align:left;
padding:5px 0 0
}

.elborrador {
width:100%;
display:table;
float:none;
text-align:right;
padding:0 20px 25px 0
}

.eldetalleRES {
display:table;
width:100%;
padding:5px 0 0 10px
}

.elprecioTAG {
display:contents;
padding-left:10px
}

.eldetalleTAG {
display:contents
}
}

.inputbus1 {
margin:0;
border-radius:4px 0 0 4px;
box-sizing:border-box;
border:1px solid #c3c3c3;
border-right:0;
height:45px;
width:80%;
padding:6px 9px;
color:#666;
background-color:#eaeaea;
-webkit-appearance:none;
text-align:left;
font-family:inherit;
transition:.2s;
outline:0;
float:left
}

.inputbus1:hover {
font-family:inherit;
color:#000;
background-color:#f4f4f4;
-webkit-appearance:none;
transition:.2s;
outline:0
}

.inputbus {
margin:0;
border-radius:4px 0 0 4px;
box-sizing:border-box;
border:1px solid #c3c3c3;
border-right:0;
height:45px;
width:80%;
padding:6px 9px;
color:#666;
background-color:#eaeaea;
-webkit-appearance:none;
text-align:left;
font-family:inherit;
transition:.2s;
outline:0;
float:left
}

.inputbus:hover {
font-family:inherit;
color:#D60000;
background-color:#F2F2F2;
-webkit-appearance:none;
transition:.2s;
outline:0
}

.inputbus:focus,.inputbus:focus {
font-family:inherit;
color:#D60000;
borde:1px solid #F2F2F2;
background-color:#F2F2F2;
-webkit-appearance:none;
border-radius:4px 0 0 4px;
border-bottom:0;
padding:6px 9px 4px;
font-weight:700;
transition:.2s;
outline:0
}

.inputbusboton {
color:#FFFFFF;
borde:1px solid ;
background-color:#D22700;
background-color:#d92000;
border:0;
border-radius:0 6px 6px 0;
text-decoration:none;
transition:all 400ms ease;
height:45px;
display:block;
font-size:15px;
width:20%;
text-align:center;
float:left
}

.inputbusboton:hover {
color:#FFFFFF;
borde:1px solid ;
background-color:#9F0000;
font-weight:400;
border:0;
border-radius:0 6px 6px 0;
text-decoration:none;
transition:all 400ms ease;
height:45px;
display:block;
font-size:15px
}

.formacantidad {
width:50px;
border:1px solid #ccc;
height:40px;
font-size:18px;
border-radius:6px;
text-align:center;
margin-right:4px
}

.lostotales {
display:table;
background-color:#f2f2f2;
min-height:50px;
width:100%;
font-size:15px;
border-bottom:1px solid #ccc;
border-right:1px solid #DFDFDF;
border-left:1px solid #DFDFDF;
border-radius:0 0 8px 8px
}

.lostotales1 {
width:100%;
display:table;
text-align:left;
padding:15px 0 0 15px
}

.lostotales2 {
width:100%;
display:table;
text-align:right;
padding:5px 20px 0 0
}

.lostotales3 {
width:100%;
display:table;
text-align:right;
padding:5px 20px 10px 0
}

.whatappDIV {
position:fixed;
bottom:20px;
right:20px
}

.inpro {
display:grid;
grid-template-columns:200px 1fr 25px;
align-items:center;
grid-column-gap:10px;
width:100%
}

.inpro2 {
display:grid;
grid-template-columns:200px 1fr;
align-items:center;
grid-column-gap:10px;
width:100%
}

.tabla600 {
width:600px;
margin:auto
}

@media only screen and (max-width: 618px) {
.tabla600 {
width:90%;
text-align:justify
}

.inpro {
display:grid;
grid-template-columns:100px 1fr 20px;
align-items:center;
grid-column-gap:10px;
width:100%
}

.inpro2 {
display:grid;
grid-template-columns:90px 1fr;
align-items:center;
grid-column-gap:10px;
width:100%
}
}

.pinfo {
margin:2px 0
}

.fr2 {
display:grid;
grid-template-columns:1fr 1fr;
justify-items:left;
align-items:center;
grid-column-gap:20px;
width:100%
}

.fr2tercio {
display:grid;
grid-template-columns:1fr 1fr;
justify-items:left;
align-items:center;
grid-column-gap:20px;
width:100%
}

@media only screen and (max-width: 618px) {
.fr2tercio {
display:grid;
grid-template-columns:1.7fr 1fr;
justify-items:left;
align-items:center;
grid-column-gap:10px;
width:100%
}
}

.fr2xd {
display:grid;
grid-template-columns:1fr 1fr;
justify-items:center;
align-items:center;
grid-column-gap:20px
}

@media only screen and (max-width: 618px) {
.fr2xd {
display:grid;
grid-template-columns:1fr;
justify-items:center;
align-items:center;
grid-column-gap:20px
}
}

.boxprovincias {
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr;
justify-items:center;
align-items:center;
grid-gap:10px
}

@media only screen and (max-width: 618px) {
.boxprovincias {
grid-template-columns:1fr 1fr
}
}

.productoORDENpre {
width:100%;
background-color:#FBFBFB;
border:1px solid #f2f2f2;
min-height:38px;
width:600px;
margin:auto;
font-size:15px;
padding:20px;
border-radius:8px
}

.productoORDEN {
display:grid;
grid-template-columns:2fr 1fr 1fr;
justify-items:left;
align-items:center;
grid-column-gap:5px;
width:100%
}

@media only screen and (max-width: 618px) {
.productoORDENpre {
width:100%
}

.productoORDEN {
display:grid;
grid-template-columns:1fr;
justify-items:left;
align-items:center;
grid-column-gap:5px;
width:100%
}
}

.noestilo {
background-color:rgba(0,0,0,0);
border:0;
font-size:24px;
display:inline;
cursor:default
}

#slideshowf {
margin:auto;
position:relative;
width:850px;
height:470px
}

#slideshowf > div {
position:absolute;
top:0;
left:0;
right:0;
bottom:0
}

@media only screen and (max-width: 618px) {
#slideshowf {
margin:auto;
position:block;
width:100%;
height:auto
}

#slideshowf > div {
position:absolute;
top:0;
left:0;
right:0;
bottom:0
}
}

.menuweb {
display:grid;
grid-template-columns:1fr 1fr 1fr;
justify-items:left;
align-items:top;
grid-column-gap:20px;
margin-bottom:30px
}

.taza {
background-color:#f4f4f4;
display:block;
width:100%;
padding:5px;
font-size:1.2rem
}

@media only screen and (max-width: 618px) {
.menuweb {
display:grid;
grid-template-columns:1fr
}

.taza {
display:block;
width:100%;
padding:0;
font-size:1rem
}
}

.columna18 {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
display:grid;
width:100%;
grid-column-gap:0
}

.show18b {
display:none!important
}

.columnaIZQ18 {
width:100%;
text-align:left
}

.columna18TX {
display:table;
width:100%
}

@media only screen and (max-width: 618px) {
.columna18 {
display:table!important
}

.show18a {
display:none!important
}

.show18b {
display:table!important
}

.columnaIZQ18 {
width:100%;
text-align:center
}

.imgfix {
width:100%!important
}

.imgfix2020 {
width:80%!important;
float:none!important;
margin:auto
}
}