html {color:#666666;
	  font-family: 'Roboto', sans-serif;
	  text-align: justify;
       font-weight: 300;
	   font-size:18px; }
body {margin: 0px;	background-color: #FFFFFF;}

p {margin: 0px;}
h1{	font-size: 36px; font-weight: 300; margin: 0px; color:#666666;}
h2{	font-size: 30px; font-weight: 300; margin: 0px; color:#666666;}
h3{	font-size: 25px; font-weight: 300; margin: 0px; color:#666666;}
h4{	font-size: 22px; font-weight: 300; margin: 0px; color:#666666;}
@media only screen and (max-width: 650px) {
	h1{	font-size: 29px;}
	h2{	font-size: 25px;}
	}
 .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:#666666;margin-bottom:40px;}
.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 #29487D solid; 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: #FFFFFF;
	z-index:99999999998;
}
.tabla_logo {
	width: 1200px; display: table;
	background-color: #FFFFFF;
	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: #FFFFFF; width: 100%;  margin: 0px;}
.tabla_contenido { 
	background-color: #FFFFFF;
	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: #E1E1E1; width: 100%;  margin: 0px;}
.tabla_form { 
	background-color: #E1E1E1;
	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: #F2F2F2; width: 100%;  margin: 0px;}
.tabla_relacionados { 
	background-color: #F2F2F2;
	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;} 





.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:#FFFFFF;
color:#999999;
border: 1px solid #E5E5E5;
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:#2198A5;
color:#FFFFFF;
border: 1px solid #DDDDDD;
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:#D42260;
	text-align:left;
	}
.producticos_descripcion_index2 {
	padding-top:15px;
	width: 100%; 
 	display: block;
	background-color:#D42260;
	text-align:left;
	}   
   .producticos_descripcion_home{
	padding:0px 5px;
	width: 100%; 
 	display: block;
	background-color:#D42260;
	text-align:left;
	}
.producticos_descripcion_home2 {
	padding-top:15px;
	width: 100%; 
 	display: block;
	background-color:#D42260;
	text-align:left;
	} 
.titulo_index{ font-size:36px; margin:0px; color:#D42260;}
@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;}
	}	
	
    
.producticos_index { 
	width: 223px; 
	min-height: 162px; 
 	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 #E3E3E3;
	transition: all 400ms ease;
     
	}

.r_titulo_home{
	font-size: 14px;
	font-weight: normal ;
	color: #FFFFFF;
    height: 40px;
    display:flex;
    align-items: center;
    justify-content: center !important;
    text-align: center;
}
.r_codigo_home{
	color: #FFFFFF;
    font-size: 12px;
	font-weight: normal;
    height: 20px;
    display:flex;
    align-items: center;
    justify-content: center !important;
    text-align: center;
	
}
.r_antes_home{ height:30px;	font-size: 16px;  font-weight: none; color: #FFFFFF; display:flex; align-items: center;  justify-content:center !important;}

.r_titulo_index {
	font-size: 14px;
	font-weight: normal ;
	color: #FFFFFF;
    height: 40px;
    display:flex;
    align-items: center;
    justify-content: center !important;
    text-align: center;
}
.r_codigo_index {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
    height: 20px;
    display:flex;
    align-items: center;
    justify-content: center !important;
    text-align: center;
	
}
.preciorojo {height:30px; color: #FFFFFF; font-size: 16px;  display:flex; align-items: center; justify-content: center;}
.r_antes_index{ height:30px;	font-size: 16px;  font-weight: none; color: #FFFFFF; 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: #FFFFFF ;
	margin: 0px;
	z-index: 99999999999;
	
}
.tabla_entrance { 
background-color: #FFFFFF;
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:#666666;}
.subtitulo_categorias{font-size:20px; text-align:center; display:block; padding-bottom:25px; color:#666666;}
	 
/*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:#BFE5F2; 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: 1px solid #636363;
	border-radius: 6px;
	
  }
#legendi {
	font-size:12px;
  text-align:left;
  font-weight:none;
  color:EBEBEB;
  }
  #legendiX {
	font-size: 12px;
	text-align: left;
	font-weight: none;
	color: EBEBEB;
  }
  
 @media only screen and (max-width: 650px) {
	#legendiX {	text-align: center;  }
} 
 .tabladiv {
	display: table;
	min-height: 150px; /*valor que necesites*/
	width: 100%; /*Valor que necesites*/
	
}
.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;
	font-weight: none;
	color: #CCCCCC;
	margin-bottom:10px;
}
#galeriaX {
border: 0px solid #fff;/* 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-size: 19px;
	font-weight: none;
}
.l_preciosin {
	font-weight: normal;
	color: #D90000;
    font-size: 38px;
}
.l_preciotachado {
	
	
	text-decoration: line-through;
}
.l_boton {
	color: #FFFFFF;
    borde: 1px solid ;
	background-color: #49CBDB;
	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: #2198A5;
	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:250px; 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:#D42260;}

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

.ccentereprecio  {color:#D90000; font-size:38px; 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 #CCCCCC;
	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:D42260;
	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: 15px;
	font-weight: normal ;
	color: FFFFFF;
    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: FFFFFF;
	text-align:center;
    display:flex;
    align-items: center;
    justify-content: center !important;
    text-align:center;
}
.rela_precio {
height:20px;
	font-size: 16px;
	font-weight: 300;
	color: #FFFFFF;
	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 #636363; 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: 223px; 
	min-height: 162px; 
 	display: block; 
 	alignment-adjust: auto; 
 	float: left; 
 	border-radius:0px; 
 	margin: 0px 5px 40px 5px;  
 	box-sizing:border-box; 	
 	-moz-box-sizing:border-box; 
 	-webkit-box-sizing:border-box;
 	text-align:center;
	border:1px solid #E3E3E3;
    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:98%; 	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:200px;  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: #FFFFFF; text-decoration: none; background-color:#49CBDB; 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:#2198A5; transition:all 0.6s ease;}

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

a.numerosin:link, a.numerosin:visited {font-size:15px; color: #FFFFFF; text-decoration: none; background-color:#49CBDB; 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:#2198A5; transition:all 0.6s ease;}

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

a.paginado_siguiente:link, a.paginado_siguiente:visited {color: #FFFFFF;  background-color:#49CBDB; 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:#2198A5; 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: 0px; 
left: 75px; 
}
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: #49CBDB;
	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: #2198A5;
	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: #49CBDB;
    font-size: 18px;
	margin: 2px ;
	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;
	
}
a.botoncomprando:hover, .botoncomprando_over {
	color: #FFFFFF;
    borde: 1px solid ;
	background-color: #2198A5;
	text-decoration: none;
	font-size: 18px;
	margin: 2px;
	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;

}
/*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;
}




}























.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;
}

@media only screen and (max-width: 650px) {
.fdatos { width:100%; float:none; display:block; padding-left:0px; padding-bottom:0px; }
.fcampos{ width:100%; float:none; text-align:left; display:block; padding-bottom:5px; }
.forma3{ width:100%;}
.botoncomprando, .botoncomprando_over{width:100%;}
	}




















.tabla_footer_pre { width:100%; background-color:#49CBDB; margin:0px;}
.tabla_footer {	padding-top:25px; padding-left:5px; transition: all 0.8s ease; width: 1240px; margin: auto;	display:table;}
@media screen and (max-width: 1258px) {	
.tabla_footer {width:100%; padding-left:25px; }	
}
.pielinea { border:1px solid #666; }
.tabla_cajacopyright_pre {
	width: 100%;
	background-color: #01131F;
	margin: 0px;
	padding-bottom:5px;
}
.cajacopyright {width:1240px; 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: 14px; 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; padding-right:150px; padding-bottom:15px; }
.boxfooter2{width:50%; float:left; padding-left:85px; padding-top:100px; font-family:15px; }
@media only screen and (max-width: 800px) {
.boxfooter1{ width:100%; float:left; padding-right:25px;  }
.boxfooter2{width:100%; float:left; padding-left:0px; padding-top:40px; }
}

@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:25px;
	font-size: 20px;
	color:#0D3D42;
}

.texto_foot{
	 color:#FFFFFF;
	 font-size:14px;
}

.linea_foot_up{
	height:30px;
	background-color:#D42260;}

.tabla_footerimg_pre { width:100%; margin:0px; background-color:#49CBDB;}
.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:#FFFFFF;
 color:#D42260;
  border:1px solid #DFDFDF;
    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:#D42260;
    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: 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;
	}


}