html {	
	color:#262626;
	font-family: 'Roboto', sans-serif;
	text-align: justify;
	font-weight: 300;
	font-size:18px;
}
@media only screen and (max-width: 1000px) {
	html {font-size:14px;
	}
}
body {
	margin: 0px;
	background-color:#E8E0D3;
}


.my-float{
	margin-top:16px;
}
p {margin: 0px;}
h1{	font-size: 36px; font-weight: 300; margin: 0px; color:#262626;}
h2{	font-size: 30px; font-weight: 300; margin: 0px; color:#262626;}
h3{	font-size: 25px; font-weight: 300; margin: 0px; color:#262626;}
h4{	font-size: 22px; font-weight: 300; margin: 0px; color:#262626;}
.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: 27px;}
	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: 0px;
	color:#262626;
	margin-bottom:10px;
}
.marquita {
	display:block;
	width:100%;
	text-align:center;
	margin-top:20px;
	}
.puntos {
	display: block;
	border-bottom: 1px dotted #333333;
	width: 100%;
	margin-bottom:10px;
	}
.barrafacebookpre {
	width:100%;
	background-color:#3B5998;
	border-bottom:1px solid #29487D;
	height:43px;
	padding-top:0px;
	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 0.8s ease;
	border:0px;
	margin:0px;
	padding:0px 0px 0px 10px ;
	float:left;
	} 
.tabla_facebook_pre {
	width:100%;
	background-color:#34495E;
	margin:0px;
 	z-index:99999999999;
	}
.tabla_facebook {
	padding-top:0px;
	width: 1200px;
	height:43px;
	margin: auto;
	} 
.facebookboxer{
	width:394px;
	height:24px;
	border:0px;
	color:#000000;
	border-radius:5px 0px 0px 5px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 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:#F00;
	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: #E8E0D3;
	z-index:99999999998;
	}
.tabla_logo {
	width: 1200px;
	display: table;
	background-color: #E8E0D3;
	margin: auto;
    text-align:center;
	transition:all 0.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 0.8s ease;
	}
.tabla_logo_right {
	width: 525px;
	float:left;
	display:table-column;
	text-align:right !important;
	transition:all 0.8s ease;
	}
.tabla_contenido_pre {
	background-color: #E8E0D3;
	width: 100%;
	margin: 0px;
	}
.tabla_contenido {
	background-color: #E8E0D3;
	transition: all 0.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_form_pre {
	background-color: #D9D1C5;
	width: 100%;
 	margin: 0px;
	}
.tabla_form {
	background-color: #D9D1C5;
	transition: all 0.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: #D9D1C5;
	width: 100%;
 	margin: 0px;
	}
.tabla_relacionados {
	
	background-color: #D9D1C5;
	transition: all 0.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;
}
@media only screen and (max-width: 650px)
{
	.imvisorbox {width:100%;
}
} 

.seemore {
	background-color:#E8E0D3;
	color:#999999;
	border: 1px solid #CCC5BA;
	width:100%;
	height:50px;
	text-align:center;
	display:block;
	float:left;
	padding-top:10px;
	font-size:20px;
	margin-bottom:0px;
	margin-top:15px;
	border-radius:6px;
	transition:all 0.6s ease;
}
.seemore:hover {
	background-color:#8C1912;
	color:#FFFFFF;
	border: 1px solid #8C1912;
	width:100%;
	height:50px;
	text-align:center;
	display:block;
	float:left;
	padding-top:10px;	
	font-size:20px;
	margin-bottom:0px;
	margin-top:15px;
	text-decoration:none;
	transition:all 0.6s ease;
}

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

/*index results*/
.producticos_descripcion_index {
	padding:0px 7px;
	width: 100%;
 	display: block;
	background-color:#E8DFCE;
	text-align:left;
	}
.producticos_descripcion_index2 {
	padding-top:15px;
	width: 100%;
 	display: block;
	background-color:#E8DFCE;
	text-align:left;
	}   
.producticos_descripcion_home{
	padding:0px 5px;
	width: 100%;
 	display: block;
	background-color:#E8DFCE;
	text-align:left;
	}
.producticos_descripcion_home2 {
	padding-top:15px;
	width: 100%;
 	display: block;
	background-color:#E8DFCE;
	text-align:left;
	} 
.titulo_index{
	font-size:36px;
	margin:0px;
	color:#262626;
	}
@media only screen and (max-width: 1100px) {
	.titulo_index{padding-left:10px;}
}
@media only screen and (max-width: 650px) {
	.titulo_index{font-size:30px;text-align:center;}
}

.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 0px 6px 12px;
	float:left;
	border-radius:4px  0px 0px 4px;
	border:0px;
	}
.k2{
	display:block;
	width:130px;
	color:#666;
	background-color:#fff;
	padding:6px 0px 6px 12px;
	float:left; 
	border-radius:4px  0px 0px 4px;
	border:1px solid #c2c2c2;
	}
.k3{ 
	display:block;
	float:left;
	}
.ktitulo{ width: 100%; text-align:left;}
.campo {
	margin: 0px;	
	border-radius: 0px 4px 4px 0px;
	box-sizing: border-box;
	border: 1px solid #c3c3c3;
	border-left: 0px;
	height:36px;
	width: 170px;
	padding:6px 9px 6px 9px;
	color: #666;
    background-color: #eaeaea;
	-webkit-appearance: none;
	text-align:left;
	font-family: inherit;
	transition:  0.2s;
	outline:0px;
}
.campo:hover {
	font-family: inherit;
	border-radius: 0px 4px 4px 0px;
	box-sizing: border-box;
	border: 1px solid #c3c3c3;
	border-left: 0px;
	height:36px;
	padding:6px 9px 4px 9px;
	color: #FFFFFF;
	background-color: #8C1912;
	-webkit-appearance: none; 
	transition:  0.2s;
	outline:0px;
}
.campo:focus, .campo2:focus {
	font-family: inherit;
	color: #FFFFFF;
    borde: 1px solid ;
	background-color: #B02318;
	-webkit-appearance: none;
	border-radius: 0px 4px 4px 0px;
	border-bottom: 0px;
	padding:6px 9px 4px 9px;
	font-weight:bold;
	transition:  0.2s;
	outline:0px;
	
}
.articulo_boton {
	color: #FFFFFF;
    borde: 1px solid ;
	background-color: #8C1912;
	font-weight: normal;
	border: 0px;
	border-radius: 6px;
	text-decoration: none;
	transition: all 400ms ease;
	height: 40px;
	display: block;
	font-size: 15px;
	width: 300px;
}
.articulo_boton_over{
	color: #FFFFFF;
    borde: 1px solid ;
	background-color: #B02318;
	font-weight: normal;
	border: 0px;
	border-radius: 6px;
	text-decoration: none;
	transition: all 400ms ease;
	height: 40px;
	display: block;
	font-size: 15px;
	width: 300px;
}




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

	
.inputbusboton {
	color: #FFFFFF;
    borde: 1px solid ;
	background-color: #8C1912;
	background-color: #d92000;
	border: 0px;
	border-radius: 0px 6px 6px 0px;
	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: #B02318;
	font-weight: normal;
	border: 0px;
	border-radius: 0px 6px 6px 0px;
	text-decoration: none;
	transition: all 400ms ease;
	height: 45px;
	display: block;
	font-size: 15px;
	
}
.css171{background-color: #D9D1C5;}
.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: 48%;
	margin-right:2%;
	float:left;
	min-height: 40px;
margin-bottom:10px;
	}
.j1{ 
	display:block;
	width:100%;
	height:5px;
	padding:6px 0px 6px 12px;
	float:left;
	
	border:0px;
font-weight:bold;
	}
.j2{
	display:block;
	width:100%;
	
	font-weight:bold;
	padding:6px 0px 6px 5px;
	float:left; 
	
	
	}
.j3{ 
	display:block;
	float:left;
	width: 100%;
	}
.campoj {
	margin: 0px;	
	border-radius: 4px;
	box-sizing: border-box;
	border: 1px solid #c3c3c3;
	
	height:36px;
	width: 100%;
	padding:6px 9px 6px 9px;
	color: #666;
    background-color: #eaeaea;
	-webkit-appearance: none;
	text-align:left;
	font-family: inherit;
	transition:  0.2s;
	outline:0px;
}
.campoj:hover {
	font-family: inherit;
	border-radius: 0px 4px 4px 0px;
	box-sizing: border-box;
	border: 1px solid #c3c3c3;
	border-left: 0px;
	height:36px;
	padding:6px 9px 4px 9px;
	color: ##FFFFFF;
	background-color: #B02318;
	-webkit-appearance: none; 
	transition:  0.2s;
	outline:0px;
}
.campoj:focus {
	font-family: inherit;
	color: #FFFFFF;
    borde: 1px solid ;
	background-color: #B02318;
	-webkit-appearance: none;
	border-radius: 0px 4px 4px 0px;
	border-bottom: 0px;
	padding:6px 9px 4px 9px;
	font-weight:bold;
	transition:  0.2s;
	outline:0px;
	
}

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

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














.g{ 
	display: block;
	width: 100%;
	min-height: 30px;
	}
.g1{ 
	display:block;
	width:200px;
	height:22px;
	padding:6px 0px 6px 12px;
	float:left;
	border-radius:4px  0px 0px 4px;
	border:0px;
	}
.g2{
	display:block;
	padding:6px 10px 0px 5px;
	float:left; 
	font-weight:bold;
	}
.g3{ 
	display:block;
	float:left;
	padding-top:5px;
	}









    
.producticos_index {
	width: 300px;
	min-height: 220px;
 	display: block;
 	alignment-adjust: auto;
 	float: left;
 	border-radius:0px;
 	margin: 0px 5px 20px 5px;
 	box-sizing:border-box;
 	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
 	text-align:center;
	border:1px solid #D5C5AC;
	transition: all 400ms ease;
	}

.r_titulo_home{
	font-size: 16px;
	font-weight: normal ;
	color: #8C1912;
    height: 40px;
    display:flex;
    align-items: center;
    justify-content: center !important;
    text-align: center;
}
.r_codigo_home{
	color: #3B0A08;
    font-size: 12px;
	font-weight: normal;
    height: 20px;
    display:flex;
    align-items: center;
    justify-content: center !important;
    text-align: center;
	
}
.r_antes_home{
	height:40px;	font-size: 17px;
	font-weight: none;
	color: #FF0000;
	display:flex;
	align-items: center;
	justify-content:center !important;
	}

.r_titulo_index {
	font-size: 16px;
	font-weight: normal ;
	color: #8C1912;
    height: 40px;
    display:flex;
    align-items: center;
    justify-content: center !important;
    text-align: center;
	}
.r_codigo_index {
	font-size: 12px;
	font-weight: normal;
	color: #3B0A08;
    height: 20px;
    display:flex;
    align-items: center;
    justify-content: center !important;
    text-align: center;
	}
.preciorojo {height:40px;
	color: #FF0000;
	font-size: 17px;
	display:flex;
	align-items: center;
	justify-content: center;
	}
.r_antes_index{
	height:40px;	font-size: 17px;
	font-weight: none;
	color: #FF0000;
	display:flex;
	align-items: center;
	justify-content:center !important;
	}
.r_antes2{
	font-size: 17px;
	font-weight: none;
	}

.r_preciosin {	font-size: 19px;	font-weight: normal;	color: #FF0000;
}
.r_preciotachado {
	text-decoration: line-through;
}
	
.tabla_entrance_pre {
	width: 100%;
	background-color: #F2F2F2 ;
	margin: 0px;
	z-index: 99999999999;
	
}
.tabla_entrance {
	
background-color: #F2F2F2;
padding-top:10px;

padding-bottom:20px;
	width: 1200px;
	margin: auto;
	transition:all 0.8s ease;
	min-height:1px;
}
.entrance_tit {
	
	text-align:center;
	vertical-align:middle;
}
	
.entrance_text {
	margin: auto;
	transition:all 0.8s ease;
}
@media screen and (max-width: 650px) {
.entrance_tit {	font-size:22px !important;
font-weight:400;
}
	
.entrance_text {
	font-size:15px;
}
}
@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;
}
	}
/*index results*/

.titulo_categorias{
	font-size:40px;
 text-align:center;
padding-top:30px;
display:block;
color:#FFFFFF;
}
.subtitulo_categorias{font-size:20px;
text-align:center;
display:block;
padding-bottom:25px;
color:#;
}
	 
/*index inicio*/
.cajondiv {
	width: 100%;
border: 0px solid;
border-color: #9C0;
overflow: auto;
 box-sizing:border-box;
	-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
} 
.categorias_index {
	background-color: #F8F8F8;
background-size:cover;
width: 32.33%;
height: 250px;
 display: block;
alignment-adjust: auto;
float: left;
border-radius:0px;
margin: 0.5%;
 box-sizing:border-box;
	-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.productotop {
	width: 100%;
margin-bottom: 0px;
box-sizing:border-box;
	-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
} 
.mapaindex {
	width: 100%;
height:450px;
background-size:cover;
background-position:center;
 background-repeat:no-repeat;
margin-bottom: 20px;
box-sizing:border-box;
	-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
} 
/*index final*/	 
	 
a.linkoscuro img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	-khtml-opacity: 1.0;
	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.0;
	opacity: 1.0;
	-khtml-opacity: 1.0;
	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 0.8s ease;
} 
	 	
.tabla_categorias_pre {background-color:#666666;
width: 100%;
display:block;
margin:0px;
}
.tabla_categorias {
	width:1250px;
 margin:auto;
 padding-bottom:25px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
} 
	 
     .tabla_producto_pre {background-color:#FFFFFF;
width: 100%;
display:block;
margin:0px;
}
.tabla_producto {
	width:1240px;
margin:auto;
 box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
} 

.in1 {
	font-size: 22px;
	font-weight: bold;
	margin: -55px 0px 0px 0px;
	letter-spacing: -0.5px;
	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: bold;
	margin: -55px 0px 0px 0px;
	letter-spacing: -0.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 2px 2px 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 2px 2px 2px;
	position:relative;
	border: 1px;
	border-color: #999;
	border-style: solid;
	background-color: #FFF;
	-webkit-appearance: menulist-button;
	font-size:12px;
	text-align:center;
}

/*layout view*/
#fieldseti {
	border-top: 1px dotted #B02318;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	
  }

#fieldsetJ {
	border-top: 1px dotted #B02318;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	/*width:550px;*/
	margin:auto;
	}

#legendi {
	font-size:18px;
  text-align:left;
  font-weight:none;
  color: #2B2B2B;
  }
  #legendiX {
	font-size: 18px;
	text-align: left;
	font-weight: none;
	color: #2B2B2B;
  }
  
 @media only screen and (max-width: 650px) {
	#legendiX {	text-align: center;
 }
} 
 .tabladiv {
	display: table;
	min-height: 150px;
	width: 100%;

	
}
.celdaleft {
	display: table-cell;
	width: 40%;
	text-align: center;
	padding-top: 0px;
	vertical-align: top;
	transition: all 0.8s ease;
}

.celdaright {
	display: table-cell;
	float: left;
	width: 100%;
	padding-left: 20px;
	transition: all 0.8s ease;
}
.l_codigo {
	font-size: 16px;
	
	color: #D9864E;
	margin-bottom:10px;
}
#galeriaX {
border: 0px solid #ff0000;/* Borde de la galeria */
padding: 0px;
padding-bottom: 0;
 /* Fondo de la galeria */
width: 100%;
 /* Ancho de la galeria */
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:250px;
}
}








.l_antes{
	font-size: 19px;
	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: normal;
	color: #FF3C26;
    font-size: 22px;
}
.l_preciotachado {
	
	
	text-decoration: line-through;
}
.l_boton {
	color: #FFFFFF;
    borde: 1px solid ;
	background-color: #8C1912;
	font-weight: normal;
	border: 0px;
	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: #B02318;
	font-weight: normal;
	border: 0px;
	border-radius: 6px;
	text-decoration: none;
	transition: all 400ms ease;
	height: 40px;
	display: block;
	font-size: 15px;
	width: 100%;
}


.pun{
	border-bottom:1px dotted #000 !important;
	margin: 5px 0px;
}
/*layout view fin*/

/*layout relacionados inicio*/	
.img_relacionados {
	width: 100%;
	height:150px;
	background-color:#FFFFFF;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	box-sizing:border-box;
		-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.art_rela{
	font-size:24px;
	margin-bottom:1px;
	font-weight:normal;
	color:#000000;
}

.law_nombre {color:#B02318;
	font-size:20px;
	font-weight:bold;
	}

.ccentereprecio  {color:#FF3C26;
	font-size:22px;
	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;
	}
}


.producticos_relacionados {
	border:1px solid #D5C5AC;
	transition:all 0.8s ease;
	width: 24%;
	margin: 0px 0px 0px 1%;
 	display: table;
 	alignment-adjust: auto;
 	float: left;
 	border-radius:0px;
 	box-sizing:border-box;
 	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
 	text-align:center;
	}
.relacionados_detalles {
	
background-color:D5C5AC;
	width: 100%;
	min-height: 50px;
	padding:8px 0px;
 	display: block;
 	box-sizing:border-box;
 	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
 	text-align:left;
	margin:0px;
	}	
.relacionado_caja	{
	
	width: 100%;
	overflow: auto;
	margin-bottom: 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.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: normal ;
	color: 8C1912;
    height:40px;
    display:flex;
    align-items: center;
    justify-content: center !important;
    text-align:center;
}
.rela_codigo {
	height:20px;
	font-size: 12;
	font-weight: normal;
	color: 3B0A08;
	text-align:center;
    display:flex;
    align-items: center;
    justify-content: center !important;
    text-align:center;
}
.rela_precio {
	height:30px;
	font-size: 13px;
	font-weight: 300;
	color: #FF0303;
	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: #ffffff;
	margin-top: 0px;
	font-weight: normal;
	padding:3px;
	border:0px;
	background-color: #D50000;
	text-decoration: none;
	text-align:center;
	
	width: 100%;
}
a.botonrela_ver:hover {
	display:block;
	color: #ffffff;
	font-weight: normal;
	background-color: #CC4D36;
	text-decoration: none;
}

/*layout relacionados fin */	

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

/*layout results inicio*/
.r_caja {
	border: 1px;
	border-color:#eee;
	border-style: solid;
	border-spacing: 0px;
	cellpadding: 0px;
	width:250px;
	float:left;
	}
.productico_caja {
	width: 100%;
	border: 0px solid;
	border-color: #000;
	overflow: auto;
	margin-bottom: 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}

.producticos {
	
	width: 375px;
	min-height: 220px;
 	display: block;
 	alignment-adjust: auto;
 	float: left;
 	border-radius:0px;
 	margin: 0px 5px 20px 5px;
 	box-sizing:border-box;
 	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
 	text-align:center;
	border:1px solid #D5C5AC;
    transition: all 400ms ease;
	}

@media only screen and (max-width: 1210px) {
	.producticos, .producticos_index, .producticos_relacionados {
	width:19%;
margin: 0px 0.5% 20px 0.5%;
}
	}
@media only screen and (max-width: 1050px) {
	.producticos, .producticos_index, .producticos_relacionados {width:24%;
	margin: 0px 0.5% 20px 0.5%;
}
	}	
@media only screen and (max-width: 865px) {
	.producticos, .producticos_index, .producticos_relacionados {width:32.3%;
	margin: 0px 0.5% 20px 0.5%;
}
	}	    
 @media only screen and (max-width: 665px) {
	.producticos, .producticos_index, .producticos_relacionados {width:48%;
	margin: 0px 1% 20px 1%;
}
	}   
  @media only screen and (max-width: 450px) {
	.producticos, .producticos_index, .producticos_relacionados {width:48%;
	margin: 0px 1% 20px 1%;
}
	}   
    
    
    
    
	
	
	
.producticos_descripcion {
	padding-top:15px;
	width: 100%;
	height: 150px;
 	display: block;
	background-color:#f9f9f9;
	text-align:left;
	}
.img_results {
	width: 100%;
	height:220px;
	background-color:#FFFFFF;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
.img_results_home {
	width: 100%;
height:220px;
 background-color:#FFFFFF;
background-size:contain;
background-position:center;
 background-repeat:no-repeat;
box-sizing:border-box;
	-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}


	
.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: normal ;
	color: #000;
	margin-left:20px;
}
.r_codigo {
	font-size: 13px;
	font-weight: normal;
	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: normal;
	color: #FF0000;
}
.r_preciotachado {

	text-decoration: line-through;
}

.r_precio {
	font-size: 20px;
	font-weight: normal;
	color: #FF0000;
	margin-left:20px;
}
a.boton_ver:link, a.boton_ver:visited {
	display:block;
	font-size: 18px;
	color: #ffffff;
	margin-top: 18px;
	border-radius:6px;

	font-weight: normal;
	padding:3px;
	border:0px;
	background-color: #D50000;
	text-decoration: none;
	text-align:center;
	float:right;
	margin-right:10px;
	width: 100px;
}
a.boton_ver:hover {
	display:block;
	color: #ffffff;
	font-weight: normal;
	background-color: #CC4D36;
	text-decoration: none;
}
/*layout results fin*/
/*paginado */

.paginado_box{
	width:100%;
display:block;
 font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
text-decoration: none;
padding-top:10px;
transition:all 0.6s ease;
}

a.paginacion_pagina_siguiente:link, a.paginacion_pagina_siguiente:visited {font-size:20px;
color: #D90000;
text-decoration: none;
background-color:#E8E0D3;
width:100%;
padding:20px;
  display:block;
 border-radius: 8px;	box-sizing:border-box;
	-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
margin-bottom:20px;
transition:all 0.6s ease;
}
a.paginacion_pagina_siguiente:hover {
	color: #FFFFFF;
text-decoration: none;
background-color:#D90000;
transition:all 0.6s ease;
}

a.paginado_anterior:link, a.paginado_anterior:visited {
	color: #D90000;
 background-color:#E8E0D3;
padding: 5px;
border-radius: 20px;	 text-decoration: none;
transition:all 0.6s ease;
}
a.paginado_anterior:hover {
	color: #FFFFFF;
text-decoration: none;
background-color:#D90000;
transition:all 0.6s ease;
}

a.numerosin:link, a.numerosin:visited {font-size:15px;
color: #D90000;
text-decoration: none;
background-color:#E8E0D3;
padding: 5px;
border-radius: 30px;
border-color: #DFDFDF;
text-decoration: none;
transition:all 0.6s ease;
}
a.numerosin:hover {
	color: #FFFFFF;
text-decoration: none;
background-color:#D90000;
transition:all 0.6s ease;
}

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

a.paginado_siguiente:link, a.paginado_siguiente:visited {color: #D90000;
 background-color:#E8E0D3;
padding: 5px;
border-radius: 20px;	 border-color: #DFDFDF;
text-decoration: none;
transition:all 0.6s ease;
}
a.paginado_siguiente:hover {
	color: #FFFFFF;
text-decoration: none;
background-color:#D90000;
transition:all 0.6s ease;
}
.paginado_texto{
	font-size:11px;
 height:20px;
display:block;
transition:all 0.6s ease;
}

/*paginado fin*/
/*mis compras inicio*/


ul.enlarge{
list-style-type:none;
/*remove the bullet point*/
margin:0px 0px 0px -40px;
/*space between the images*/

}
ul.enlarge li{
	display:inline-block;
/*places the images in a line*/
	position: relative;
/*allows precise positioning of the popup image when used with position:absolute - see support section */
	z-index: 0;
/*resets the stack order of the list items - we'll increase in step 4. See support section for more info*/
	margin:0px 0px 0px 0px;
/*space between the images*/
}
ul.enlarge span{
position:absolute;

left: -9999px;

}
ul.enlarge img{

}

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;
/*size of the frame*/
background:#fff;
/*colour of the frame*/
-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: 0px 0px 0px 5px;
	font-weight: normal;
	border:0px;
	padding:10px;
	border-color:#d90000;
	border-style:solid;
	border-radius:6px;
	background-color: #8C1912;
	text-decoration: none;
	display:block;
	text-align:center;
	vertical-align:middle;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	transition: all 250ms ease;
}
a.boton:hover, .boton_over {
	color: #FFFFFF;
    borde: 1px solid ;
	background-color: #B02318;
	text-decoration: none;
	font-size: 18px;
	margin: 0px 0px 0px 5px;
	font-weight: normal;
	border:0px;
	border-color:#900;
	border-style:solid;
	border-radius:6px;
	padding:10px;
	display:block;
	text-align:center;
	vertical-align:middle;
	transition: all 250ms ease;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

a.botoncomprando:link, a.botoncomprando:visited, .botoncomprando {
	color: #FFFFFF;
    borde: 1px solid ;
	background-color: #8C1912;
    font-size: 18px;
	font-weight: normal;
	border:0px;
	padding:10px;
	border-radius:6px;
	text-decoration: none;
	display:block;
	text-align:center;
	vertical-align:middle;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
width:98%;
	
}
a.botoncomprando:hover, .botoncomprando_over {
	color: #FFFFFF;
    borde: 1px solid ;
	background-color: #B02318;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	border:0px;
	border-radius:6px;
	padding:10px;
	display:block;
	text-align:center;
	vertical-align:middle;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
width:98%;

}
/*mis compras fin*/
#test p, h1, .tabla_main {
    
    animation: fadein 1s;
    -moz-animation: fadein 1s;
/* Firefox */
    -webkit-animation: fadein 1s;
/* Safari and Chrome */
    -o-animation: fadein 1s;
/* Opera */
}
 #test2 {
    
    animation: fadein 4s;
    -moz-animation: fadein 4s;
/* Firefox */
    -webkit-animation: fadein 4s;
/* Safari and Chrome */
    -o-animation: fadein 4s;
/* 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;
    }
}

@media only screen and (max-width: 1218px) {
	.tabla_categorias {
		width:100%;
	 } 
	.tabla_logo, .tabla_slider,  .tabla_categorias, .tabla_producto, .tabla_contenido, .tabla_form, .tabla_relacionados, .tabla_mapa {
		width:100%;
		transition:all 0.8s ease;
	}
}


@media only screen and (max-width: 1100px) {
	.boton, .l_boton, .boton_over, .l_boton_over {
		-webkit-appearance: none;
	}
	.categorias_index {
		background-color: #F8F8F8;
		background-size:cover;
		width: 48%;
		height: 250px;
		display: block;
		alignment-adjust: auto;
		float: left;
		border-radius:0px;
		margin: 1%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
}

@media only screen and (max-width: 800px) {
	.celdaleft {
		display: block;
		width: 100%;
		text-align: center;
		vertical-align: middle;
		margin-bottom:25px;
		transition:all 0.8s ease;
	}
	.celdaright {
		display: table-cell;
		transition:all 0.8s ease;
		padding-left: 0px;
	}
	.art_rela{
		text-align:center;
	}
}

@media only screen and (max-width: 650px) {
	
	.categorias_index {
		background-color: #F8F8F8;
		background-size:cover;
		width: 100%;
		margin: 0px;
		box-sizing:border-box;
		margin-top: 10px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		}
	.celdaleft {
		display: block;
		width: 100%;
		text-align: center;
		vertical-align: middle;
		}
	.celdaright {
		display: table-cell;
		padding-left: 0px;
		}
}


.contactbox{
	width: 100%; 
	display: flex; 
	min-height: 100px; 
	margin-bottom: 20px; 
	}
.contactboxA{
	width: 70%; 
	display:table-column; 
	float: left; 
	background-color: rgba(232,224,210,1) ; 
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2); 
	padding:40px; 
	}
.contactboxA_in{
	width: 100%; 
	box-sizing:border-box; 	
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	}
.contactboxB{width: 30%; 
	display:table-column;
	float: left; 
	background-color: rgba(140,25,18,1); 
	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: #530E0B;	
	}
.boxsap1 	{color:#FFFFFF; font-size: 30px; 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:#FFFFFF;}	
.boxsap5 	{text-align: justify; font-size: 15px;  padding: 25px 25px 0px 25px; color:#FFFFFF;}	

.boxtel 	{background-image: url(imagen_web/blanco50/telefono.png);}
.boxcel 	{background-image: url(imagen_web/blanco50/celular.png);}
.boxemail 	{background-image: url(imagen_web/blanco50/email.png);}
.boxdir 	{background-image: url(imagen_web/blanco50/direccion.png);}
.boxhor 	{background-image: url(imagen_web/blanco50/horario.png);}
.boxfax 	{background-image: url(imagen_web/blanco50/fax.png);}
.boxwha 	{background-image: url(imagen_web/whatsapp.png);}

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

	
@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);
	}
.pie330 {
	width:1200px;
	margin:auto;
	min-height:300px;
	padding: 20px 0px;
	display:flex;
	}
.pie33 {
	width:33.3%;
	padding:0px 20px;
	}

@media only screen and (max-width: 1218px) {
	.pie330 {
		width:100%;
		margin:auto;
		min-height:300px;
		padding: 20px 0px;
		display:flex;
	}

}

@media only screen and (max-width: 650px) {
	.pie330 {
		width:100%;
		margin:auto;
		min-height:10px;
		padding: 20px 0px;
		display:table;
		}
	.pie33 {
		width:100%;
		padding:0px 20px;
		min-height:20px;
		}
	.borde33 {
		border-right:0px;
		}
}


#pieimg {
	width:150px;
	height:100px;
	}
#pieimg2 {
	width:150px;
	height:100px;
	}
@media screen and (max-width: 500px) {	
	#pieimg {
		width:100%;
		}
	#pieimg2 {
		width:100%;
		height:10px;
		}
}
.piewhatsapp {
	height: 33px;
	background-image:url(imagen_web/whatsapp.png);
	background-repeat:no-repeat;
	padding: 8px 0px 0px 40px;}

.contactenos {
	width:70%;
	font-family:"Arial Black";
	margin:30px 0px 10px 0px;
	border:1px solid #B02318;
	color:#CCCCCC;
	display:block;
	padding:5px;
	text-align:center;
	}
.contactenos:hover {
	color:#CCCCCC;
	text-decoration: none;
	background-color:RGBA(255,255,255, 0.05);
	}

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

.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 #DFDFDF;
	background-color: #F4F4F4;
    color: #666666;
	border-radius:6px;
	height:45px;
	padding:5px;
	outline:none;
	width:410px;
    transition: all 700ms ease;
	} 
.forma3:focus {
	background-color: #E1E1E1;
    border: 1px solid #000000;
	border-radius:6px;
	height:45px;
	font-size:19px;
	color:#A1A1A1;!important
	outline:none;
    transition: all 700ms ease;
	}
.tabla_footer_pre {
	width:100%;
	background-color:#242321;
	margin:0px;
	}
.tabla_footer {
	padding-top:25px;
	padding:0px 5px;
	transition: all 0.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%;}	
}
.pielinea {
	background-color:#242321;
 	margin-top:15px;
	}
.tabla_cajacopyright_pre {
	width: 100%;
	background-color: #000000;
	margin: 0px;
	padding-bottom:5px;
	}
.cajacopyright {
	width:1190px;
	margin:auto;
	display: table;
	}
@media screen and (max-width: 1100px) {	
.cajacopyright {
	width:90%;
	padding-right:25px;
	padding-left:25px;
	}
}
	
	
	
.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-top: 8px;
	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: #FFFFFF;
	text-decoration: none;
	font-size: 15px;
	}
a.folink:hover {
	color: #DE4F17;text-decoration: none;
	}
#formtitt{
	font-size:15px;
	}
.celdaleft_form {
	display: table-column;
    float: left;
	width: 50%;
	text-align: center;
	vertical-align: top;
	transition: all 0.8s ease;
	}
.celdaright_form {
	display: table-column;
	float: left;
	width: 50%;
	padding-left: 20px;
	vertical-align: top;
	transition: all 0.8s ease;
	}

@media screen and (max-width: 800px) {
.firma  {
	text-align:center;
	display: block;
	width:100%;
	font-size:12px;
	padding-left: 0px;
	min-height: 35px;
	margin-top: 10px;
	margin-bottom:10px;
	}
.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 0.8s ease;
	}
.celdaright_form {
	display: table-cell;
	transition:all 0.8s ease;
	padding-left: 0px;
    width: 100%;
	} 
}

@media only screen and (max-width: 800px) {
.formtitt{
	font-size:29px;
	font-weight:400;
	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:0px;
	padding-top:40px;
	}
}

.titulo_foot{
	margin-top:0px;
	font-family:"Arial Black";
	letter-spacing:-1px;
	font-size: 22px;
	color:#B02318 !important;
	margin-bottom:5px;
	}
.texto_foot{
	color:#CCCCCC;
	font-size:14px;
	}
.linea_foot_up{
	display: table;
	width:100%;
	min-height:30px;
	background-color:#B02318;
	}
.tabla_footerimg_pre {
	width:100%;
	margin:0px;
	background-color:#242321;
	}
.tabla_footerimg {
	padding-top:50px;
	transition: all 0.8s ease;
	width: 1200px;
	margin: auto;
	display:table;
	}
@media screen and (max-width: 1200px) {	
.tabla_footerimg{width:100%;}
}
.forma_consulta input[type="text"], input[type="email"] {
	padding: 10px;
	border: 1px solid #DFDFDF;
	transition: border 0.3s;
	width:100%;
	font-size:20px;
	height:50px;
	color:#666666;
	margin-bottom:5px;
	background-color:#F4F4F4;
	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:0px;
	color:#A1A1A1;
	border:1px solid #000000;
	font-size:18px;
	font-weight:none;
	background-color:#E1E1E1;
	transition: all 700ms ease;
	}
.forma_comen textarea {
	color:#666666;
	background-color:#F4F4F4;
	border: 1px solid #DFDFDF;
	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:0px;
	font-size:18px;
	color:#A1A1A1;
	border:1px solid #000000;
	background-color:#E1E1E1;
	transition: all 700ms ease;
	}
.botonform {
 	background-color:#B02318;
 	color:#FFFFFF;
 	border:1px solid #D90000;
    font-size: 18px;
	width:50%;
	height:52px;
	margin: auto;
	margin-top:10px;
	font-weight: normal;
	text-decoration: none;
	display:block;
	text-align:center;
	vertical-align:middle;
	transition: all 300ms ease;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.botonform_over {
    background-color:#D90000;
    color:#FFFFFF;
    border:1px solid #B02318;
	font-size: 18px;
	width:50%;
	height:52px;
	transition: all 300ms ease;
	text-decoration: none;
	margin: auto;
	margin-top:10px;
	font-weight: normal;
	padding:10px;
	display:block;
	text-align:center;
	vertical-align:middle;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
@media only screen and (max-width: 650px) 
{
	h1{	font-size: 29px;}
	h2{	font-size: 25px;}
	.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:5;
	outline:0;
	padding:5px 5px 5px 5px;
	border:1px solid #DFDFDF;
	background-color: #F4F4F4;
	width:100%;
	height:50px;
	color:#666666;
}
.forma:focus {
	color:#A1A1A1;
    background-color: #E1E1E1;
    border: 1px solid #000000;
    transition: all 300ms ease;
	width: 100%;
	height: 50px;
	} 
.boton, .boton_over{
	width:100%;
	}
.reds{
	color:#F00;
	font-weight:bold;
	}
@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: #DFDFDF; display: table; min-height: 38px; font-weight: bold; width: 100%; font-size: 13px; margin-top: 10px; border-radius: 8px 8px 0px 0px;}
	.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 0px 0px 0px; }
	.elnombreNO {  	width:55%; display:table; float:left; text-align:left;   padding:5px 0px 0px 0px; }

	.lacantidad { 	width:15%; display:table; float:left; text-align:center; padding:15px 0px 0px 0px;}
	.elprecio { 	width:15%; display:table; float:left; text-align:center; padding:15px 0px 0px 0px;}
	.elsubtotal {	width:15%; display:table; float:left; text-align:center; padding:15px 0px 0px 0px;}
	.elborrador {	width:9%;  display:table; float:left; text-align:center; padding:25px 0px 0px 0px;}
	
	.eldetalleRES { display:none;}
	.eldetalleTAG { display:none;}
	.elprecioTAG { display: none;}	
	
	@media only screen and (max-width: 750px) {
	.laimagen {  	width:15%; display:table; float:left; text-align:center;}
	.elnombre {  	width:60%; display:table; float:left; text-align:left;   padding:5px 0px 0px 0px; }
	.elnombreNO {  	width:45%; display:table; float:left; text-align:left;   padding:15px 0px 0px 0px; }
	.eldetalle1 { 	width:100%; display:none; float:left; text-align:center; padding:15px 0px 0px 0px;}
	.lacantidad { 	width:20%; display:table; float:left; text-align:center; padding:15px 0px 0px 0px;}
	.elprecio { 	width:100%; display:table; float:none; text-align:left; padding:5px 0px 0px 0px;}
	.elsubtotal {	width:100%; display:table; float:none; text-align:left; padding:5px 0px 0px 0px;}
	.elborrador {	width:100%;  display:table; float:none; text-align:right; padding: 0px 20px 25px 0px;}	
		
		.eldetalleRES { display:table; width: 100%; padding: 5px 0px 0px 10px;}
		.elprecioTAG { display:contents; padding-left:10px;}
		.eldetalleTAG { display:contents;}
		
	}
	
	
	
	
	
	
	
	
	
	.formacantidad{ width:50px; border: 1px solid #ccc; height: 40px; font-family: "Arial Black"; 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:  0px 0px 8px 8px;}
	.lostotales1 { 	width:50%; display:table; float:left; text-align:left; padding:15px;}
	.lostotales2 { 	width:50%; display:table; float:left; text-align:right; padding:15px;}
	

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