*{
	padding: 0px;
	margin: 0px;
	font-family: Arial,  Times New Roman, Helvatica, sans-serif;
}
body{
	background: #999966;
}
header{
	margin-top:10px;
	width: 80%;
	height: 90px;
	background: linear-gradient(to bottom, #000000 0%, #999966 93%);
	overflow:hidden;
	min-width:800px;
	border-radius:10px;
}
header{
	position: relative;
	margin-top:10px;
	width: 80%;
	height: 130px;
	background: linear-gradient(to bottom, #000000 0%, #999966 93%);
	overflow:hidden;
	min-width:800px;
	border-radius:10px;
}
@media screen and (max-width:1110px) and (min-width:0px) {
 	header .logo{
		left:100px;
	}
	header .letra_maps{
		display: none;
	}
}
@media screen and (min-width:1110px) {
	header .logo{
		margin-left:auto;
		margin-right:auto;
		left:0;
		right:0;
	}
}
header .logo{
	position:absolute;
	width: 45%;
	height: 130px;
}
header .logo img{
	width: 100%;
	height: 100%;
	border-radius:12px;
}
header .logo_whatsapp, header .logo_telefono, header .logo_mail, header .logo_maps{
	position: absolute;
	width:40px;
	height:35px;
	background-color:#404033;
	border-radius:10px;
}
header .logo_whatsapp img, header .logo_telefono img, header .logo_mail img, header .logo_maps img{
	width:40px;
	height:35px;
	border-radius:10px;
}
header .logo_whatsapp{
	top:10px;
	right:200px;
}
header .logo_telefono{
	top:50px;
	right:200px;
}
header .logo_mail{
	top:90px;
	right:200px;
}
header .logo_maps{
	top:40px;
	left:10px;
}
header .letra_whatsapp, header .letra_telefono, header .letra_mail,  header .letra_maps{
	position: absolute;
	width:165px;
	height:25px;
}
header .letra_whatsapp a, header .letra_telefono a, header .letra_mail a, header .letra_maps a{
	color:white;
	font-size:15px;
	text-decoration:none;
}
header .letra_whatsapp{
	top:15px;
	right:30px;
}
header .letra_telefono{
	top:55px;
	right:30px;
}
header .letra_mail{
	top:95px;
	right:30px;
}
header .letra_maps{
	top:48px;
	left:45px;
}
.menu1 ul, ol{
	list-style:none;
}

.menu{
	margin: 0 auto;
	width: 60%;
	background-color:#7a7a4e;
	height:35px;
	min-width:800px;
	border-radius:10px;
}
.menu1{
	text-align:center;
}
.menu .menu1 .selected, .menu2 .menu1 .selected{
	background:black;
	color:white;
	text-shadow:0px 1px 1px white;
}
.menu1 > li{
	position: relative;
	list-style:none;
	 display: inline-block;
}
.menu .menu1 li a{
	margin-top:2px;
	padding:0px 3px;
	color:black;
	font-size:1.5em;
	text-decoration:none;
	display:block;
	text-shadow:0px 1px 1px #000;
}
.menu .menu1 li a:hover{
	background:black;
	color:white;
	text-shadow:0px 1px 1px white;
}
H1{
	color:#81BEF7;
	font-size:1.5em;
}
section{
	width: 87%;
	min-width:800px;
	min-height: 500px;
	border: 1px solid #DDD;
	padding: 2%;
	margin:0 auto;
	margin-top: 20px;
	text-align:center;
}
footer .nombre_ferrete{
	margin-top:15px;
	font-size:30px;
}
footer .nombre_ferrete_dire{
	margin-top:10px;
	font-size:20px;
}
footer{
	position: relative;
	margin-top:5px;
	width: 80%;
	height: 120px;
	background: linear-gradient(to bottom, #000000 0%, #999966 93%);
	color:white;
	color:#81BEF7;
	display: inline-block;
	overflow:hidden;
	min-width:800px;
	border-radius:10px;
}
.menu_footer{
	position: absolute;
	width:100%;
	height:20px;
	background-color:#404033;
	bottom:0px;
	border-radius:10px;
}
.menu_footer ul li{
	position: relative;
	list-style:none;
	display: inline-block;
	float:right;
}
.menu_footer ul li a{
	padding:0px 10px;
	color:white;
	font-size:15px;
	text-decoration:none;
	display:block;
	text-shadow:0px 1px 1px #000;
}
.menu_footer_afip{
	position: absolute;
	width:60px;
	height:60px;
	background-color:#404033;
	bottom:40px;
	right:30px;
	border-radius:10px;
}
.menu_footer_hora{
	position: absolute;
	width:150px;
	height:60px;
	background-color:#404033;
	bottom:40px;
	left:30px;
	border-radius:10px;
}
.menu_footer_hora p{
	color:white;
	font-size:15px;
}
.menu_footer_afip img{
	width:60px;
	height:60px;
	border-radius:10px;
}

/* ofertas */

.ofertasshow{
	z-index: 1;
	width: 100%;
	margin:0 auto;
	height: 400px;
	position: relative;
	overflow: hidden;
}

.ofertas li{
	position:relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
}

.ofertas li .cuadro{
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height:400px;
}
.ofertas li .cuadro .oferta_1_texto{
	position:absolute;
	width: 100%;
	height:400px;
	border-radius:10px;
	border:3px solid gray;
	background: linear-gradient(180deg, black, gray);
}
.ofertas li .cuadro .oferta_2_texto{
	position:absolute;
	width: 100%;
	height:400px;
	border-radius:10px;
	border:3px solid gray;
	background: linear-gradient(180deg, blue, gray);
}
.ofertas li .cuadro .oferta_3_texto{
	position:absolute;
	width: 100%;
	height:400px;
	border-radius:10px;
	border:3px solid gray;
	background: linear-gradient(180deg, green, gray);
}
.ofertas li .cuadro .oferta_4_texto{
	position:absolute;
	width: 100%;
	height:400px;
	border-radius:10px;
	border:3px solid gray;
	background: linear-gradient(180deg, red, gray);
}
.ofertas li .cuadro .oferta_texto_right{
	position:absolute;
	right:30px;
	top:50px;
	width: 50%;
	height:200px;
	color:white;
	background-color:black;
	border-radius:10px;
	border:1px solid black
}

 .ofertas li .cuadro .oferta_texto_left{
	position:absolute;
	left:30px;
	top:80px;
	width: 50%;
	height:200px;
	color:white;
	background-color:black;
	border-radius:10px;
	border:1px solid black;
}
.ofertas li .cuadro .titulo{
	color:#F7FE2E;
}
 .ofertas li .cuadro .precio{
	position:absolute;
	bottom: -25px;
	padding:3px 10px;
	background:#F7FE2E;
	color:black;
	font-weight:bold;
	font-size:35px;
	border-radius:5px;
	font-family: Arial Black, Times New Roman, Arial;
	min-width:200px;
 }
.ofertas li .cuadro .oferta_img_left{
	position:absolute;
	right:20px;
	top:30px;
	width: 40%;
	height:300px;
	border-radius:10px;
	overflow:hidden;
}
.ofertas li .cuadro .oferta_img_right{
	position:absolute;
	left:20px;
	top:30px;
	width: 40%;
	height:300px;
	border-radius:10px;
	overflow:hidden;
}
.ofertas li .cuadro img{
	position:absolute;
	top:0px;
	left:0px;
	width: 120%;
	height:120%;
	animation: movimiento_diagonal 6s infinite linear alternate;
}
.pagination{
	width: 100%;
	display: flex;
	justify-content: center;
}
.pagination li{
	opacity:0.7;
	border-radius:4px;
	z-index: 3;
	font-size: 20px;
	margin: -50px 10px;
	width: 35px;
	height: 25px;
	color: white;
	background-color:#7a7a4e;
	cursor: pointer;
}
.pagination li p{
	margin: 0px 6px;
}
.pagination .primera{
	background-color:black;
}
.articulos_destacados{
	border-radius:10px;
	font-size:1.3em;
	width: 100%;
	margin:0 auto;
	height: 70px;
	background-color: #fafafa;
	border:1px solid gray;
}
.articulos_destacados a{
	color:blue;
}
/* quienes somos */
.imagen_q_somos{
	width: 23%;
	height: 230px;
	background-color: #fafafa;
	border:1px solid gray;
	display: inline-block;
	margin-left: 6%;
	margin-top: 1%;
	min-height:200px;
	min-width:200px;
	position: relative;
	overflow: hidden;
}
.imagen_q_somos img{
	width: 100%;
	height: 100%;
}
.texto_q_somos p{
	margin-top:20px;
	font-size:1.3em;
}
/* preguntas_frecuentes */
.preguntas_frecuentes{
	position:relative;
	width: 100%;
	padding:10px 5px 15px 5px;
	background-color: #33332b;
	margin-top:15px;
}
.preguntas_frecuentes:hover{
	cursor:pointer;
}
.preguntas_frecuentes h2{
	font-size:1.2em;
	color: #81BEF7;
	font-weight:normal;
}
.preguntas_frecuentes_linea{
	position:absolute;
	width: 100%;
	height: 10px;
	background-color: #87873e;
	bottom:0px;
	left:0px;
}	
.respuestas{
	color:white;
	margin:10px 20px;
	font-size:15px;
}
/* pagos y envios */
.pagos_y_envios p{
	margin:15px 10px;
	color:white;
	font-size:1em;;
}
.pago_envios{
	margin-top:10px;
	margin-left:5%;
	width: 90%;
	height: 300px;
}
.pago_envios img{
	width: 100%;
	height: 300px;
}
/* articulos */
.producto{
	width: 31%;
	height: 240px;
	background-color: #fafafa;
	border:1px solid gray;
	display: inline-block;
	margin-left: 1%;
	margin-top: 1%;
	min-height:200px;
	min-width:200px;
	position: relative;
	overflow: hidden;
	 
}
.producto img{
	z-index:0;
	width: 200px;
	height: 150px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.producto .nombre{
	z-index:3;
	width:100%;
	font-size:1em;
}
.producto .precio{
	z-index:4;
	background:#F7FE2E;
	color:blak;
	font-weight:bold;
	font-size:1.5em;
	border-radius:5px;
}
.producto .sin_stock{
	padding:5px 5px;
	position: absolute;
	font-size:50px;
	top:30%;
	left:0px;
	width:100%;
	background: rgba(255,255,0,0.7);
	color:red;
	font-weight:bold;
}
.producto .ver_detalle{
	text-align: center;
	position: absolute;
	width:100%;
	font-size:30px;
	background: rgba(0,0,0,0.7);
	text-decoration:none;
	font-weight:bold;
	color: #fff;
	font-size:1.2em;
	bottom:-30px;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.producto:hover{
	background:#F2F2F2
}
.producto:hover .ver_detalle{
	bottom:0px;
	left:0px;
}
.producto:hover img{
	-webkit-transform: scale(1.10);
	-ms-transform: scale(1.10);
	transform: scale(1.10);
}
.formulario_buscar{
	min-width:800px;
}
.palabra_a_buscar{
	border-color:green;
	height: 35px;
	width:400px;
	font-size:25px;
}
.t_buscar_articulo{
	border-color:green;
	height: 34px;
	width:120px;
	background-color: #fafafa;
	font-weight:bold;
	color:black;
	font-size:25px;
}
.menu2{
	margin: 2px auto;
	width: 100%;
	height:35px;
	min-width:800px;
}

.menu2 .menu1 li a{
	background-color:#8c8c5c;
	margin-top:2px;
	padding:2px 2px;
	color:black;
	font-size:1.25em;
	text-decoration:none;
	display:block;
	text-shadow:0px 1px 1px #000;
	border:1px solid black;
}
.menu2 .menu1 li a:hover{
	background:black;
	color:white;
	text-shadow:0px 1px 1px white;
}
.pajina{
	margin: 0 auto;
	width: 50%;
	height:35px;
	min-width:800px;
}
.pajina1{
	text-align:center;
}
.pajina1 .selected{
	background:black;
	color:white;
	text-shadow:0px 1px 1px white;
}

.pajina1 > li{
	position: relative;
	list-style:none;
	 display: inline-block;
}
.pajina1 li a{
	margin-top:2px;
	padding:2px 0px;
	color:white;
	font-size:1.3em;
	text-decoration:none;
	display:block;
	min-width:100px;
	text-shadow:0px 1px 1px #000;
}
.pajina1 li a:hover{
	background:black;
	color:white;
	text-shadow:0px 1px 1px white;
}
/* detalle */
.producto_detalle_img{
	position:relative;
	width:59%;
	height:320px;
	min-width:400px;
	float:left;
	overflow: hidden;
	text-align:center;
	background-color: #fafafa;
	border:1px solid gray;
	margin-bottom:10px;
}
.producto_detalle_img img{
	max-height:300px;
	width: 60%;
	height:300px;
	margin:10px auto;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	
}
.producto_detalle_img .sin_stock{
	padding:5px 5px;
	position: absolute;
	font-size:50px;
	top:40%;
	left:0px;
	width:100%;
	background: rgba(255,255,0,0.7);
	color:red;
	font-weight:bold;
}
.producto_detalle_img:hover img{
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}
.formulario_comprar{
	text-align:center;
	width:38%;
	height:650px;
	min-width:320px;
	float:right;
	position:relative;
}
.producto_detalle{
	color:green;
	text-align:center;
	background-color: #fafafa;
	border:1px solid gray;
	width:59%;
	height:320px;
	min-width:450px;
	overflow: hidden;
	
}
.producto_detalle p, .producto_detalle H2, .producto_detalle H3, .producto_detalle H4, .producto_detalle H5{
	margin:10px 20px;
}
.formulario_comprar_ahora label{
	font-size:1.3em;
}
.formulario_comprar_ahora{
	position:absolute;
	left:0%;
	width:100%;
	height:650px;
	min-width:320px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align:center;
	background-color:rgba(153, 153, 102, 0.9);
	border:1px solid #DDD;
	color:#006400;
}
.formulario_comprar_ahora .nombre_articulo{
	margin-top:30px;
	font-size:2em;
	font-weight:bold;
	color: white;
	background-color:#81BEF7;
}
.formulario_comprar_ahora .precio{
	margin:0 auto;
	padding:5px 5px;
	font-size:1.3em;
	font-weight:bold;
	color: white;
	width:70%;
	background-color:#81BEF7;
}
.sujerencias_articulo{
	margin:40px auto;
	width:60%;
	height:280px;
	background-color:#81BEF7;
	border-radius:10px;
	min-width:240px;
	background-image: url(../imagenes/sugerencias.jpg);
	background-size: 200%;
	animation: movimiento 6s infinite linear alternate;
}
.sujerencias_articulo p{
	font-size:21px;
	color: white;
}
.formulario_comprar_ahora .nombre{
	width: 60%;
	height:25px;
	font-size:1.3em;
}
.formulario_comprar_ahora .comentario{
	width: 80%;
	height:50px;
	font-size:1.2em;
}
.formulario_comprar_ahora .comentario::placeholder, .formulario_comprar_ahora .nombre::placeholder  { 
	color: rgba(0, 100, 0, 0.5);
 }
.formulario_comprar_ahora .form_datos{
	padding:10px 10px;
	border:1px solid #DDD;
	background-color:#999966;
	display: none;
	
}
.formulario_comprar_ahora .form_envio{
	padding:10px 10px;
	border:1px solid #DDD;
	background-color:#999966;
	display: none;
}
.formulario_comprar_ahora .form_pagar{
	padding:10px 10px;
	border:1px solid #DDD;
	background-color:#999966;
	display: none;
	
}
.formulario_comprar_ahora .botones{
	padding:10px 10px;
	border:1px solid #DDD;
	background-color:#999966;
	display: none;
}
.formulario_comprar_ahora .form_pagar .bot_pagar, #btn1{
	display:none;
}
.bot_comprar, .bot_comprar_ahora{
	margin:10px auto;
	height:38px;
	width: 200px;
	background-color:#64FE2E;
	text-align:center;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:bold;
	font-size:22px;
	color:#0101DF;
	border-radius:10px;
	padding-top:10px;
}

.bot_comprar_volver, .bot_comprar_seguir{
	margin:10px auto;
	height:28px;
	width: 200px;
	background-color:#64FE2E;
	text-align:center;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:bold;
	font-size:20px;
	color:#0101DF;
	border-radius:10px;
	padding-top:10px;
	display:none;
}
.bot_comprar_ahora label, .bot_comprar label, .bot_comprar_volver label, .bot_comprar_seguir label{
	font-size:1em;
}
 a{
	text-decoration:none;
}

.bot_comprar:hover, .bot_comprar_ahora:hover, .bot_comprar_volver:hover, .bot_comprar_seguir:hover {
	background-color:#BFFF00;
}
.bot_comprar:hover, .bot_comprar_ahora:hover, .bot_comprar_volver:hover, .bot_comprar_seguir:hover{
	cursor:pointer;
}
.bot_comprar_ahora:hover label, .bot_comprar:hover label, .bot_comprar_volver:hover label, .bot_comprar_seguir:hover label, .radio:hover, .radio:hover label{
	cursor:pointer;
}
.radio{
	margin:10px auto;
	padding:5px 5px;
	background-color:green;
	width: 600px;
	height:28px;
	border-radius:10px;
	color:black;
}
/* Círculos de colores numerados */
span.color_radio1, span.color_radio2, span.color_radio3, span.color_radio4, span.color_radio5 {
  background: #ffffff;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
  float:left;
}
.bot_volver{
	margin:0px auto;
	height:25px;
	width: 150px;
	background-color:black;
	text-align:center;
	border-radius:10px;
	padding-top:6px;
}
.bot_volver label{
	color:white;
	font-weight:bold;
	font-size:18px;
	cursor:pointer;
}
.formasdepagos{
	margin-top:10px;
	width: 80%;
	height: 120px;
	background-color: #64FE2E;
	border:1px solid gray;
	overflow:hidden;
	border-radius:10px;
}
.formasdepagos img{
	float:left;
	height:120px;
	margin:0 auto;
}
.formasdepagos h3{
	color:#0101DF;
	font-weight:bold;
	font-size:1.4em;
}
.formasdepagos p{
	margin-top:10px;
	color:#0B2161;
	font-weight:bold;
	font-size:0.9em;
}
@media screen and (max-width:1110px) and (min-width:0px) {
 	.formasdepagos p{
		margin-top:0px;
	}
}
/* compra ok */
.compra_ok{
	padding:20px 20px;
	margin:10px auto;
	width: 80%;
	height: 250px;
	background-color: #64FE2E;
	border:1px solid gray;
	overflow:hidden;
	border-radius:10px;
	text-align:center;
}
/* carrito compra */
.producto_carro{
	width: 70%;
	height: 100px;
	background-color: #fafafa;
	border:1px solid gray;
	display: inline-block;
	margin:0 auto;
	min-width:800px;
	border-radius:10px;
}
.producto_img{
	width: 32%;
	height: 100px;
	float:left;
}
.producto_img img{
	margin-top:5%;
	width: auto;
	height: 80%;
}
.producto_datos{
	width: 40%;
	height: 100px;
	float:left;
	background-color:#E6E6E6;
}
.producto_datos h3{
	background:black;
	color:white;
	font-size:20px;
	padding-top:2px;
	padding-bottom:2px;
}
.producto_cantidad{
	text-align:left;
}
.producto_datos h4{
	font-size:20px;
	margin-left:10px;
}
.producto_carro  .subtotal{
	font-size:20px;
}
.producto_botones{
	width: 27%;
	height: 100px;
	float:right;
}
.producto_carro .boton{
	margin-top:30px;
	font-weight:bold;
	font-size:30px;
	width: 40px;
	height: 40px;
	color:black;
	display:inline-block;
	cursor:pointer;
}
.producto_carro .boton:hover{
	background-color:#BFFF00;
}
.producto_total{
	width: 30%;
	margin: 5px auto;
	background-color:#81BEF7;
	color:white;
	font-weight:bold;
	font-size:25px;
	text-align:center;
	border-radius:10px;
}
.bot_carro_comprar, .bot_carro_volver{
	margin:10px auto;
	height:28px;
	width: 200px;
	background-color:#64FE2E;
	text-align:center;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:bold;
	font-size:20px;
	border-radius:10px;
	padding-top:6px;
	cursor:pointer;
}
.bot_carro_comprar label, .bot_carro_volver label{
	font-size:1em;
	cursor:pointer;
	color:#0101DF;
}
.bot_carro_comprar:hover, .bot_carro_volver:hover{
	background-color:#BFFF00;
}
.formulario_comprar_carrito{
	text-align:center;
	width:38%;
	height:700px;
	min-width:320px;
	position:relative;
	float:right;
	display:none;
}
.carrito_vacio{
	font-size:2em;
	padding:20px 20px;
	margin:10px auto;
	width: 70%;
	height: 450px;
	background-color: #7a7a4e;
	border:1px solid #DDD;
	border-radius:10px;
	text-align:center;
	color:white;
}
.carrito_vacio_img{
	width: 180px;
	height: 180px;
	border-radius:100px;
	margin:20px auto;
	background-image: url(../imagenes/mail_enviado.jpg);
	background-size: 120%;
	animation: movimiento 6s infinite linear alternate;
}
.carrito_vacio_img1{
	width: 220px;
	height: 220px;
	border-radius:110px;
	margin:20px auto;
	background-image: url(../imagenes/mail_no_enviado.jpg);
	background-size: 120%;
	animation: movimiento 6s infinite linear alternate;
}
.carrito_vacio_img2{
	width: 250px;
	height: 250px;
	border-radius:125px;
	margin:20px auto;
	background-image: url(../imagenes/carrito.jpg);
	background-size: 120%;
	animation: movimiento 6s infinite linear alternate;
}

/* contacto */

.contacto_datos{
	font-size:1.5em;
	padding: 10px 10px;
	margin:10px auto;
	width: 60%;
	height: 200px;
	background-color:#7a7a4e;
	border:1px solid #DDD;
	border-radius:10px;
	text-align:center;
	min-width:600px;
	color:white;
}
.contacto_datos a{
	color:#c4c4c4;
}
/* trampa */
#sitema_in{display:none;
}
.contacto_form{
	padding: 10px 10px;
	margin:10px auto;
	width: 70%;
	height: 300px;
	border:1px solid #DDD;
	background-color:#7a7a4e;
	border-radius:10px;
	text-align:center;
	min-width:800px;
	color:white;
}
.contacto_form input{
	width: 75%;
	height: 30px;
	float:right;
}
.contacto_form label{
	float:left;
	font-size:25px;
}
.contacto_form textarea{
	width: 75%;
	height: 100px;
	float:right;
}
.contacto_form .bot_mail{
	margin-top:20px;
	width: 50%;
	height: 50px;
	float:none;
	font-size:20px;
	cursor:pointer;
}
@keyframes movimiento{
	from{
		background-position:left;
	}to{
		background-position:right;
	}
}
@keyframes movimiento_diagonal{
	 from { left:-20%; top:-20% }
     to { left:0%; top:0% }
}