body {
	font-family: 'Poppins', sans-serif ;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	font-size: 19px;
	font-weight:300;
	color:#666666;
	padding:0px;
	 }
div, input, textarea { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
a:link, a:visited, a:active {
    text-decoration:none;
}
.cien{width:100%;}
p  {text-align: justify; margin: 0px; font-style: normal;}
h1 {font-size:36px ; font-weight:600 ; color:#224967; margin:30px 0px 0px 0px ; letter-spacing:-2px ; line-height: 40px; }
h2 {font-size:30px ; font-weight:700 ; color:#224967; margin:0px;}
h3 {font-size:22px ; font-weight:700 ; color:#224967; margin:0px;}



.prefind-fondo{ width:100%; background-color:#000000; text-align:center; padding:; display:flex;}

.find-fondo{ width: 1200px; display:flex; justify-content: ; margin:auto; }



.finder{
display: grid;
grid-template-columns:   1fr ;
align-items:center;
grid-column-gap:0px;
 outline: none;
width: ;

}





.finder_input{
width: 100%; 
height: ;
border-radius:  0px 0px ;
border:;
border-right:0px;
background-color:#000000;
color:#000000;
font-size:;
padding-left:15px; 
outline: none;
}

.finder_input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000000;
}
.finder_input::-moz-placeholder { /* Firefox 19+ */
  color: #000000;
}
.finder_input:-ms-input-placeholder { /* IE 10+ */
  color: #000000;
}
.finder_input:-moz-placeholder { /* Firefox 18- */
  color: #000000;
}














.finder_boton { 
	cursor:pointer; 
	background-color: #30bad5;
	background-image: url(imagen_web/lupa.svg);
	width: 100%; 
	height: ;
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: center;
	border-radius: 0px   0px;
	border:;

	border-left: 0;
	}
.finder_boton:hover { 
	background-color: #155b6a;
	}






@media only screen and (max-width: 618px) {
h1 {margin:30px 0px 10px 0px; font-size:30px;}
h2 {margin:0px; font-size:25px;}
h3 {margin:0px;}
}
.cartH, a.cartH{ 
	display:grid; 
	justify-items:center; 
	align-items:center; 
	position:fixed; 
	top:0px; 
	right:0px; 
	background-color:#30bad5; 
	border-radius: 12px 0px 0px 12px; 
	min-width:100px; 
	padding:10px 20px;
	color: #ffffff !important;
	font-size:14px;
	z-index:1000;
	}
.cartH:hover{ 
	background-color:#155b6a; 
	color: #ffffff !important;
	}
	
	
	@media only screen and (max-width: 618px) {
.cartH, a.cartH{ 
	display:grid; 
	justify-items:center; 
	align-items:center; 
	position:fixed; 
	top:0px; 
	right:0px; 
	background-color:#30bad5; 
	border-radius: 6px 0px 0px 6px; 
	min-width:50px; 
	padding:5px 10px;
	color: #ffffff !important;
	font-size:12px;
	}
}
	
	
	.escalonado{ width:100%; font-size:12px;  margin-bottom:20px;}
	
	.Ncate{ width:100%; margin-bottom:10px; display:block; }
	.Ncat1{ 
	padding:4px;
	font-size: 11px;
	display:inline-block; }
	
	.Ncat, a.Ncat:link, a.Ncat:visited { 
	padding:4px;
	font-size: 11px;
	display:inline-block;
	border-radius:4px;  border:1px solid #ccc; border-radius:4px;
	}
	.Ncat:hover, a.Ncat:hover{ 
	text-decoration: none;
	padding:4px;
	font-size: 11px;
	display:inline-block; 
	background-color: #30bad5; 
	border-radius:4px; 
	color: #000000!important;
	}
	
	

.puntos{border-bottom:1px dotted #9F9F9F; margin-bottom:10px; width:100%;  }
@media only screen and (max-width: 618px) {
.puntos{padding-bottom:20px;}
}
	
.t_logo_pre {display:block; background-color: #f2f2f2; width:100%;}	
.t_logo {margin:auto; display:block; text-align:left ; background-color: #f2f2f2; line-height: 0px; width:1200px;}		
@media only screen and (max-width: 950px) {
.t_logo {width:100%; text-align:center;}	
}
.t_menu_pre {
	vertical-align: top;
	background-color:#D4CDBD;
	padding:0px 0px 0px 0px;
	width: 200px;
}
.tabla_menu {
	vertical-align: top;
	background-color:#D4CDBD;
	padding:0px 0px 0px 0px;
	width: 200px;
}




.tabla_contenido {
	vertical-align: top;
	margin:0px 20px 20px 20px ;
	padding:0px 20px 20px 20px ;
}
@media only screen and (max-width: 618px) {
.tabla_contenido {
	vertical-align: top;
	margin:0px 10px 20px 10px ;
	padding:0px 10px 20px 10px ;
}
}





.redsocial{
	height: 100px ;   
	display: grid;
	border-top: 2px solid #f2f2f2 ;
	justify-items:center;
	align-items:center;
	background-color: #f2f2f2;
	background-image: url(imagen_web/red1a.png), url(imagen_web/red1b.png);
	background-position: center bottom, center top;
	background-repeat: no-repeat, no-repeat;
	background-size:100%;

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



.iconred{ 
	width:50px ;
	height:50px ;
}
 
.iconred:hover{ 
 	opacity: 50%;
 	width:60px ;
 	height:60px ;
 	transition: 0.3s ease;
}
.redsocialin{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr ;
	justify-items:center;
	align-items:center;
	grid-column-gap:20px;
	margin:auto;
}
.twocolshadow {	
	background-image:url(imagen_web/twocol-shadow.png); 
	background-size:100% 100%; 
	background-repeat:no-repeat; 
	background-position:center top; 
	height:15px; 
	width:100%;
	display:block;
	}
.fondo_pie{
	display:block;

	background: #1e406c;
background: linear-gradient(0deg, #1e406c 0%, #0b192b 100%);
	
	
	
	margin-top: 0px;
}
.pie_caja {
	width: 1200px;
	margin: auto;
	padding: 20px 0px 0px 0px;
		height: 300px ;
	color: #ffffff;
	font-size: 15px;
	text-shadow: 0px 0px 0 #000 ;
	display: grid;
	 grid-template-columns: 1fr 1fr 1fr;
	justify-items:center;
	align-items:center;
	grid-column-gap:20px;
}
.T_foot{font-weight:bold; font-size: 20px;}



@media only screen and (max-width: 618px) {
.pie_caja {
	width: 100%;
	grid-template-columns: 1fr;
	grid-column-gap:0px;
	height: 100%;
	padding-bottom:50px;
}
.T_foot{text-align:center; padding: 10px 30px;}



}
.pie_h3 {
	color: #FFFFFF;
	font-size: 23px;
}
.firma  {
	background-color: rgba(0,0,0,0.7) ;
	color: #ffffff;
	padding-left: 30px;
	height: 65px ;
	text-shadow: #000 1px 1px 0;
	vertical-align: middle;
  display: grid;
  grid-template-columns: 1fr 1fr;
font-size: 10px ;
align-items:center;
grid-column-gap:0px;
}


.topi{width:100%; height:10px; 
background:#155b6a;
background: linear-gradient(90deg, #155b6a 0%, #abcb43 100%);
}

a.folink:link, a.folink:visited {
	color: #ffffff;
	text-decoration: none;
	font-size: 10px ;
}
a.folink:hover {
	color: #e6e6e6;
	text-decoration: none;
}
.waze{display:block; width: 250px; margin:0px auto 30px auto;}

.whatsapp{
width: 250px;
height:89px;
background-size:cover;
background-repeat:no-repeat;
color: #000000;
padding: 42px 0px 0px 100px;
font-size: 22px;
font-weight:700;
letter-spacing:-2px;
background-image: url("imagen_web/whatsapp-chat2.svg");
text-shadow: none;
margin:auto;
cursor:pointer;
}

.bordeleft {border-left:1px solid #cccccc; padding:0px 30px; height:80%; align-items:center; display:grid;}
@media only screen and (max-width: 618px) {
.bordeleft {border-left:0px solid #cccccc; padding:0px 0px; height:100%;}
}
.ticodesign {
	float: right;
	padding-right: 10px;
}

	

/* CSS Document */
#entrada p, h1, .t_logo_pre, .f_menu_pre, .prefind-fondo, .find-fondo, .f_menu_line, .B_menu_line, .t_logo, .tabla_main, .redsocial, .fondo_pie {
    
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}
#entrada {
    
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}
@keyframes 


fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
	 

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #E97927;
}
a:active {
	text-decoration: none;
	color: #E97927;
}






/*LINKS OPACITY 90% */
a.linkopacity80a img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	-khtml-opacity: 1.0;
	border: 0;
}
a.linkopacity80a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-khtml-opacity: 0.8;
	border: 0;
}

a.linkopacity80b img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-khtml-opacity: 0.8;
	border: 0;
}
a.linkopacity80b:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	-khtml-opacity: 1.0;
	border: 0;
}
a.regresarlink:link, a.regresarlink:visited {
	color: #81754B;
	text-decoration: none;
}
a.regresarlink:hover {
	color: #FF7C00;
	text-decoration: none;
}











.imagen {

	
	-moz-box-shadow: 0 0 4px 4px #000;
	-webkit-box-shadow: 0 0 4px 4px #000;
	box-shadow: 0 0 6px 2px #000;
	background-repeat:repeat;
	background-color:#FFF;
	padding:4px;

}


.tabla_main {
	width: 1200px;
	margin: auto;
	}
	@media only screen and (max-width: 618px) {
.tabla_main {
	width: 94%;
	margin: auto;
	}
}






 .tabla_ticodesign {
	width:920px;
	margin:auto;
	height:18px;
	margin-bottom: 55px;
}
/* CAJAS FIN*/



/* TEXTOS BASICOS*/




.regresar {
width:200px;
float: right;
padding-right:20px;
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	text-align:right;
	color: #ff0000;
}
/* BASICOS INICIA*/









/* inicio CONTACTOS */
.contactos_texto {
	
	font-size: 14px;
	font-weight: none;
	color: #535353;
}
.contactos_textob {
font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color:#000000;
}
.contactos_titulo {
font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color:#000000;
}



.boton {
	background-color: #30bad5;
	padding:12px ;
	border:1px solid #cccccc ;
	box-shadow:none ;
	border-radius:12px ;
	font-size: 15px ;
	color: #ffffff;
	margin: 0px;
	font-weight: 700 ;
	text-decoration: none;
}


.boton:hover {
	background-color: #155b6a;
	padding:12px ;
	border:1px solid #cccccc ;
	box-shadow:none ;
	border-radius:12px ;
	font-size: 15px ;
	color: #ffffff;
	margin: 0px;
	font-weight: 700 ;
	text-decoration: none;
}



.pie1 {
	
	font-size: 14px;
	font-weight: none;
	color: #ffffff;
}
.pie {
	font-family: Arial;
	font-size: 10px;
	font-weight: none;
	color:#ffffff;
}

 .t1 {
	width:120px;
	float:right;
	height:22px;
}
 .t2 {
	width:120px;
	text-align:left;
	float: left;
	height:22px;
}
 .contador{
    
	font-size: 11px;
	align:center;
	font-weight: none;
	color: #000000;
 }
.link_ticodesign{
    
	font-size: 10px;
	color: #000000;
 }


.k{display: grid; grid-column-gap: 0px; width: 100%; margin-bottom: 5px;}


.k2{ 
background-color:#f5f5f5;
	display:grid;
	 align-items:center;
	color:#a02c2c; 
	text-align: right; 
	letter-spacing: -0.2px; 
	padding-right:10px ;  
	border-radius:10px 0px 0px 10px ; 
	border:1px solid #cccccc ;
	font-size: 14px ;
	height:40px ;
	font-weight:500 ;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	}
	.k2extra{height:100%!important;}
	.ajus90{ width:100%;}
.k3{ display:block; }



textarea {font-family: 'Poppins', sans-serif ;}

.campok {
background-color:#ffffff;
display:grid;
align-items:center;
color:#3d5fa4;  
letter-spacing: -0.2px; 
padding-left:10px ;  
border-radius:0px 10px 10px 0px ; 
border:1px solid #cccccc ;
font-size: 14px ;
height:40px ;
font-weight:300 ;
margin: 0px;
border-left: 0px;
box-sizing: border-box;
width: 100%; 
padding-left: 10px;
-webkit-appearance: none;
text-align: left;
transition: 0.2s;
}
.campok:hover, .campok:focus {
background-color:#dedede;
border-radius: #dedede;
box-sizing: border-box;
border: 1px solid #cccccc ;
border-left: 0px;
height:40px ;
font-size: 14px ;
-webkit-appearance: none; 
color:#c30909;  
transition:  0.2s;
outline:0px;
font-weight:300 ;
}

.campok::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #adadad;
  font-family: 'Poppins', sans-serif ;
  font-size: 15px;
}
.campok::-moz-placeholder { /* Firefox 19+ */
  color: #adadad;
  font-family: 'Poppins', sans-serif ;
  font-size: 15px;
}
.campok:-ms-input-placeholder { /* IE 10+ */
  color: #adadad;
  font-family: 'Poppins', sans-serif ;
  font-size: 15px;
}
.campok:-moz-placeholder { /* Firefox 18- */
  color: #adadad;
  font-family: 'Poppins', sans-serif ;
  font-size: 15px;
}

.forma {
background-color:#ffffff;
border-radius:8px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-webkit-appearance:none;
display:grid;
align-items:center;
border: 1px solid #cccccc ;
color:#3d5fa4; 
font-size: 14px ;
font-weight:300 ;
letter-spacing: -0.2px; 
margin:0;
outline:0;
height:40px ;
width: 100%; 
padding-left: 10px;
-webkit-appearance: none;
text-align: left;
transition: 0.2s;
}
.forma:hover, .forma:focus {
background-color:#dedede;
border-radius:8px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-webkit-appearance:none;
padding:5px 5px 5px 5px;
border: 1px solid #cccccc ;
color:#c30909;  
font-size: 14px ;
font-weight:300 ;
position:relative;
margin:0;
outline:0;
height:40px ;
box-sizing: border-box;
-webkit-appearance: none; 
transition:  0.2s;
outline:0px;
}





@media only screen and (max-width: 718px) {
 .k{
	  grid-template-columns: 1fr !important;
	 width: 100%;
	 margin: auto;
}
.k2{
	width: 100%; 
	text-align: left; 
	color:#06162D; 
	background-color:#E5E5E5; 
	height:48px; 

	border-radius:14px  14px 0px 0px; 
	border:1px solid #C2C2C2; 
	border-bottom: 0px; 
	font-weight: 400;

	padding-left:30px;
	
	display:grid;
	padding-right:0px;  
	
	}
	
	.k2extra{height:48px!important;}
	.ajus90{ width:90%;}
.campok {
	margin: 0px;	
	border-radius: 0px 0px 7px 7px;
	box-sizing: border-box;
	border: 1px solid #C2C2C2;
	border-top: 0px;
	width: 100%;
	height:48px;
	margin-bottom: 10px;
	padding:6px 9px 4px 15px;
}
.campok:hover {
	font-family: inherit;
	border-radius: 0px 0px 7px 7px;
	box-sizing: border-box;
	border: 1px solid #C2C2C2;
	border-top: 0px;
	height:48px;
	padding:6px 9px 4px 15px;
	background-color: #f2f2f2;
	-webkit-appearance: none; 
	color: #785D5E;
	transition:  0.2s;
	outline:0px;
}
.campok:focus {
	font-family: inherit;
	color: #0093FF;
	-webkit-appearance: none;
	border: 1px solid #C2C2C2;
	border-radius: 0px 0px 24px 24px ;
	background-color: #ffff;
	border-top: 0px;
	padding:6px 9px 4px 15px;
	height:48px;
	transition:  0.2s;
	outline:0px;
	
}	
	
	
}


.notica {
	font-size: 14px !important;
	color: #666;
	margin: 0px;
	text-align: justify;
	letter-spacing: 0px;
	background-image: url(../imagen_web/flecha.fw.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 25px;
	padding-left: 40px;
	padding-top: 4px;
	border-radius:0px 0px 8px 8px;
	width: 100%;
	margin-top: -5px;
	margin-bottom: 5px;
	display: block;
	font-weight: 400;
	}







.campo, .campo2 {
	margin: 0px;	
	border-radius: 0px 4px 4px 0px;
	box-sizing: border-box;
	border: 1px solid #c5c5c5;
	border-left: 0px;
	height:36px;
	font-size: 18px;
	padding:6px 9px 6px 9px;
	background-color:#fff;
	-webkit-appearance: none;
	text-align:left;
	color: #547E9E;
	font-family: inherit;
	transition:  0.2s;
	outline:0px;
}
.campo:hover, .campo2:hover {
	font-family: inherit;
	border-radius: 0px 4px 4px 0px;
	box-sizing: border-box;
	border: 1px solid #c5c5c5;
	border-left: 0px;
	height:36px;
	font-size: 18px;
	padding:6px 9px 4px 9px;
	background-color: #052E4E;
	-webkit-appearance: none; 
	
	color: #fff;
transition:  0.2s;
	outline:0px;
}
.campo:focus, .campo2:focus {
	font-family: inherit;
	color: #F00;
	-webkit-appearance: none;
	border-radius: 0px 4px 4px 0px;
	background-color: #fff;
	border-bottom: 0px;
	padding:6px 9px 4px 9px;
	font-weight:bold;
	transition:  0.2s;
	outline:0px;
	
}


.campo2, .campo2:hover, .campo2:focus {font-family: inherit; border-left: 1px solid #CECECE; border-radius: 4px 4px 4px 4px; outline:0px;}




@media screen and (max-width: 600px) {
	

.k3{ display:block;  float:none; width:100%; }
	.campo{ width:100%; 	border-radius: 0px 0px 6px 6px;
margin-bottom:10px; border-left:1px solid #CECECE; border-top:0px;}
}


/* campos j*/
.j {
	display: block;
	width: 100%;
	min-height: 40px; 
}
.j1 {display:block; width:100%; height:36px; padding:10px 0px; float:left;  border-radius:4px  0px 0px 4px; border:0px;}
.j2 {
	display: block;
	width: 100%;
	background-color: #D6D6D6;
	min-height: 36px;
	padding: 10px;
	float: none;
	font-size: 18px !important;
	border-radius: 7px  7px 0px 0px;
	border: 1px solid #D6D6D6;
	color: #212D41;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);    
    box-shadow: 0 0 .05em rgba(0,0,0,0.6);
	text-align:left;
}

.j2metatags {display: block;
	width: 100%;
	background-color: #F60;
	min-height: 36px;
	padding: 10px;
	float: none;
	font-size: 18px !important;
	border-radius: 7px  7px 0px 0px;
	border: 1px solid #F60;
	color: #FFF;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);    
    box-shadow: 0 0 .05em rgba(0,0,0,0.6);}




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




.campoj {font-size: 20px;
	padding:10px;
	background-color:#FFF;
	-webkit-appearance: none;
	text-align:left;
	color:#000;
	font-family: inherit;
	width:100%;
	box-sizing: border-box; 
	border-radius: 0px 0px 6px 6px; 
	min-height:36px; 
	margin-bottom:15px; 
	border:1px solid #D6D6D6; 
	border-top:0px;
	font-weight:300;
	transition:  0.2s;
	outline:0px;}

.campoj:hover {
	font-family: inherit;
	color: #fff;
	-webkit-appearance: none;
	background-color: #FF0000;
	padding: 10px;
	border-radius: 0px 0px 6px 6px;
	box-sizing: border-box;
	transition: 0.2s;
	font-weight:bold;
	outline: 0px;
}

.campoj:focus {
	font-family: inherit;
	color: #ff0000;
	font-size:22px;
	-webkit-appearance: none;
	border-radius: 0px 0px 6px 6px; 
	background-color: #fff;
	padding:10px;
	margin-top:-8px;
	min-height:100px;
	font-weight:bold;
transition:  0.4s;
	box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75);
	outline:0px;
}


/* campos j*/

@media screen and (max-width: 1300px) {
.j {display: block;	width: 100%;	min-height: 40px;}	
	
}

.boton_mini{
background-color: #155b6a;
padding: 5px 10px 5px 10px ;
border-radius: 6px ;
border: 0px solid #cccccc ;
font-family: #155b6a;
font-size: 14px ;
color: #ffffff!important;
display: inline-block;
font-weight: 300 ;
display:inline;
margin:10px 10px 10px 0px;
}
.boton_mini:hover{
background-color: #4493a7;
border: 0px solid #cccccc ;
color: #ffffff!important;
font-weight: 300 ;
text-decoration:none!important;
}







.boton_mini span.tag{background-repeat:no-repeat; background-position:left center; display:block; padding-left:25px;}



 .COMPRAS{ 
 display:block; 
 width:100%; 
 background-color:#be1313; 
 border: 0px solid #cccccc ; 
 border-radius:6px ; 
 padding:10px 6px ; 
 color:#ffffff; 
 margin: 10px auto 0px auto ;
 font-family:'Poppins', sans-serif ; 
 font-size:15px ; 
 font-weight: 300 ; 
 text-align:center;
 }
 
 .COMPRAS:hover{ 
 	background-color:#790c0c;
  	color:#ffffff;
	font-weight: 300 ; 
 }
 
 .ENCARRITO{ 
 display:block; 
 width:100%; 
 background-color:#2d8108; 
 border: 0px solid #cccccc ; 
 border-radius:6px ; 
 padding:10px 6px ; 
 color:#ffffff!important; 
 margin: 10px auto 0px auto ;
 font-family:'Poppins', sans-serif ; 
 font-size:15px ; 
 font-weight: 300 ; 
 text-align:center;
 text-decoration: none;
  }
 .ENCARRITO:hover{ 
 background-color:#24590d;
  	color:#ffffff;
	font-weight: 700 ; 
	text-decoration: none; }



.form { display:block; margin: 0px; padding:0px;}

.cajabox1 { 
border-radius: 6px 0px 0px 6px;
width: 50px; 
padding: 0px; 
height: 40px!important; 
margin: 0px; 
border: 1px solid #cccccc; 
border-right: 0px; 
float: left; 
display: block;
text-align: center;
}

.botonbox1 { 
font-family: 'Poppins', sans-serif ;
background:#30bad5;
color: #ffffff;
border-radius:0px 6px 6px 0px; 
padding:0px;  
margin: 0px; 
width: 70px; 
height: 40px !important; 
float: left; 
border:#30bad5;
display:block;}

.botonbox1:hover { 
background:#155b6a;
color: #ffffff;
border:#155b6a;
}



.topcart {
	display: grid; 
	grid-template-columns: 120px 120px 1fr 160px  80px;  
	align-items:center; 
	grid-column-gap: 20px; 
	font-weight: 700;
	border: 1px solid #cccccc; 
	padding:10px; 
	border-radius: 12px 12px 0px 0px; 
	background-color:#D7D7D7;
}
#cart2 {display:none;}

@media only screen and (max-width: 618px) {
.topcart {display:none !important;}
#cart1 {display:none;}
#cart2 {display:grid; padding:20px; text-align:center; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-top:1px solid #cccccc; border-right:1px solid #cccccc; }
#cart2TOP {display:grid; padding:20px; text-align:center; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-top:1px solid #cccccc; border-right:1px solid #cccccc; }
}
.cartlist2{ 
display: grid;
grid-template-columns: 1fr 1fr 1fr;
justify-items:center;
align-items:center;
grid-column-gap:10px;				   
	}
.cartlist {display: grid; grid-template-columns: 120px 120px 1fr 160px  80px; align-items:center; grid-column-gap:20px;
border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; padding:10px; border-bottom:1px solid #cccccc;}

.intercalado1 { background-color:#f4f4f4; border-bottom:1px solid #f4f4f4;}
.intercalado2 { border-bottom:0px solid #f4f4f4;}
.cierreintercalado1 { border-radius:0px 0px 8px 8px; background-color:#f4f4f4; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; height: 8px;}
.cierreintercalado2 { border-radius:0px 0px 8px 8px; background-color:#ffffff; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; height: 8px;}

.BoxServicios{  display: grid;
grid-template-columns: 280px 1fr;
align-items:top;
grid-gap:20px;}

@media only screen and (max-width: 618px) {
.BoxServicios{  display: grid;
grid-template-columns: 1fr ;
align-items:top;
grid-gap:0px;
margin-top: 40px;}
}
.sercher
{
display: grid;
grid-template-columns: 1fr 300px;
align-items:center;
grid-column-gap:20px;
width: 100%;
}
.buscardor{
display: grid;
grid-template-columns:   230px 70px;
align-items:center;
grid-column-gap:0px;
width: 100%;
}
.S_boton { 
	cursor:pointer; 
	background-color: #30bad5;
	background-image: url(imagen_web/lupa.svg);
	width: 100%; 
	height: 40px;
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: center;
	border-radius: 0px 8px 8px 0px;
	border:1px solid #cccccc ;
	border-left: 0;
	}
.S_boton:hover { 
	background-color: #155b6a;
	}
.S_input{
width: 100%; 
height: 40px;
border-radius: 8px 0px 0px 8px;
border:1px solid #cccccc ;
}
@media only screen and (max-width: 618px) {
.sercher
{
display: grid;
justify-items:center;
grid-template-columns: 1fr ;
grid-column-gap:0px;
}
} 


.parent {
overflow: hidden;
position: relative;

cursor: pointer;
border: 1px solid #cccccc;
line-height: 0px;
}

.child {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.parent:hover .child, .parent:focus .child {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.parent:hover .child:before, .parent:focus .child:before {
    display: block;
}
.parent:hover a, .parent:focus a {
    display: block;
}
.child:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/* Media Queries */
@media screen and (max-width: 960px) {
    .parent {width: 100%; margin: 20px 0px}
    .wrapper {padding: 20px 20px;}
}
.whatsapp2{
display: grid;
padding:10px;
width:100%;
align-items:center;
background-color: #097207;
border-radius: 6px ; 
color:#ffffff;
justify-items:center;
text-align:center;
margin: 25px 0px;
 font-family:'Poppins', sans-serif ; 
 font-size:15px ; 
 font-weight: 300 ;
}

.whatsapp2:hover{
display: grid;
width:100%;
padding:10px;
background-color: #024A00;
border-radius: 6px ; 
color:#ffffff;
}
.RECO-t{font-size:16px;}