body{
	margin: 0;
	font-family: sans-serif;
}

header{
	width: 100%;
	background: #1B4F72;
}

#btn-menu{
	display: none;
}
header label{
	display: none;
	width: 30px;
	height: 30px;
	padding: 10px;
	border-right: 1px solid #fff;
}

header label:hover{
	cursor: pointer;
	background: rgba(0,0,0,0.3);
}

.menu li a{
	display: block;
	padding: 15px 15px;
	color: #fff;
	text-decoration: none;
	background-color: #1B4F72;
}

.menu li a:hover{
	background-color: #f6a636;
}
.menu > li{
	float: left;
}

.menu li ul{
	display:none;
	position:absolute;
	min-width: 140px;				
}
.menu li:hover>ul{
	display: block;			
}
.menu li ul li{
	position: relative;
}
.menu li ul li ul{
	right: -140px;
	top:0px;
}


/*.menu li:hover{
	background: rgb(0,0,0,0.3);
}*/

.menu ul{
	margin: 0;
	list-style: none;
	padding: 0;
	display: flex;
	justify-content: flex-end;
}

.menu li{
	border-right: 1px solid #fff;
}

.menu .li-buttons{
	color: green;
	background: #fff;
	margin-left: auto;
	margin-top: 6px;
	padding: 6px;
	border: 2px solid #4e94ab;
	transition: all 0.2;
}

/*ESTILO DE REGISTRO*/

.regis_datos{
	text-align: center;
}

div.from-registro{
	padding: 3px;
}

.from-registro input {
	width: 350px;
	padding-top: 15px;
}
.from-registro select {
	text-align: center;
	width: 350px;
	padding-top: 5px;
	border-radius: 0px;
	border-color: black;

}

 /* ESTILO DE LOS ADMINISTADORES*/

#btn-menu_admin{
	display: none;
}
.header{
	background: #111;
	color:#fff;
	padding: 30px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
}

.menu_admin{
	padding: 10px;
	background: #111;
}

.menu_admin a{
	text-decoration: none;
	color: #fff;
	background: #111;
	padding: 10px;
	font-size: 20px;
}

.menu_admin a:hover{
	color: #28a745;
	background: #000;
	text-decoration: none;
}


/*HASTA ACÁ TERMINA LOS ESTILOS DE LOS ADMIN*/




.table-striped{
	padding: 20px;
	min-height: 200px;
	font-size: 18px;
	width: 100%;
	text-align: center;
	margin-left: -10px;
}

table tr{
	background: #eee;
}

table tr:nth-child(2){
	background: #eee;
}
table tr:nth-child(even) {
    background-color: #eee;
}

table tr:nth-child(odd) {
    background-color: #dedede;
}

.form-group input{
	width: 95%;
	padding: 10px;
	border-style: none;
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
}
.label{
	margin-top: 20px;
	font-size: 18px;
	font-weight: bold;
}

.form-group select{
	width: 97%;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
	border-style: none;
	
}

.form-controlsolo{
	width: 95%;
	background: #ffff;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
}


.btn-primary{
	width: 200px;
	margin-top: 10px;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	background: #007bff;
	border-radius: 15px;
}
.btn-primary:hover{
	color: #ffffff;
	background: #007baa;
}

.btn-success{
	width: 200px;
	margin-top: 25px;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	background: #28a745;
	border-radius: 15px;
}
.btn-success:hover{
	color: #ffffff;
	background: #28a7aa;
}


.imagen_carro{
	width: 50px;
	height: 50px;
	border-radius: 1000px;
}


.footer{
	background: #000;
	color: #aaa;
	text-align: center;
	font-size: 10px;
	padding: 50px;
	text-decoration: none;
}

/*CATEGORIA */
.cuerpo_categoria{
	width: 100%;
}
.name_categoria a{
	text-decoration: none;
}
.name_categoria:hover a{
	text-decoration: none;
}

.categoria{
	display: inline-block;
	width: 320px;
	padding: 10px;
	background: rgba(0,0,0,0.05);
	color:#333;
	margin: 5px;
}
.img_categoria{
	text-align: center;
	width: 290px;
	height: 290px;
	background-color: #fff;
	border: 5px solid #fff;
}
.img_categoria:hover{
	background-color: #fff;
	border: 5px solid #f6a636;
}
.name_categoria{
	width: 285px;
	padding: 10px;
	color:#fff;
	background:#ff8800;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.name_categoria a{
		width: 275px;
	padding: 10px;
	color:#fff;
	background:#ff8800;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

.cuerpo{
	background: #eaeaea;
	padding: 30px;
	min-height: 420px;
}

.centrar_login{
	width: 50%;
	text-align: center;
	padding-top: 50px;
}
.fondo{
	background: #eaeaea;
	width: 100%;
	height: 600px;
}


.btn-submit{
	width: 200px;
	margin-top: 20px;
	padding: 10px;
	font-weight: bold;
	border-radius: 20px;
}
.btn-submit:hover{
	background: #28a745;
	border-radius: 20px;
}

.admin_produ{
	display: inline-block;
}
.admin_produ button {
	width: 200px;
	margin-left: 10px;
	margin-top: 10px;
}

/* ESTILO DE LOS PRODUCTOS DE PROVEEDORES*/
.producto{
	display: inline-block;
	width: 320px;
	padding: 10px;
	background: rgba(0,0,0,0.05);
	color:#333;
	margin: 5px;
}

.img_producto{
	text-align: center;
	width: 300px;
	height: 300px;
	background-color: #fff;
	border: 3px solid #fff;
}

.name_producto{
	width: 300px;
	padding: 10px;
	color:#fff;
	background:#ff8800;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

.precio{
	color:#00aa00;
	padding: 180px;
}


@media(max-width: 1000px){

	header label{
		display: block;
	}

	header label i{
		background: #06411d;
		color: #fff;
		padding: 6px 9px;

	}
	.menu{
		position: absolute;
		background: #06411d;
		width: 50%;
		margin-left: -70%;
		transition: all 0.5s;
	}
	.menu ul{
		flex-direction: column;
	}
	.menu li{
		border-top: 1px solid #fff;
	}
	.menu li ul{
	display:none;
	position:absolute;
	min-width: 140px;
	margin-left: 90px;				
	}
	.menu li ul li a{
	background: #4c4c4c;
	}

	#btn-menu:checked ~ .menu{
		margin: 0;
	}

	.categoria{
	width: 35%;
	padding: 10px;
	}
	.img_categoria{
	text-align: center;
	width: 240px;
	height: 240px;
	background-color: #fff;
	border: 3px solid #fff;
}
.name_categoria{
	width: 235px;
	padding: 10px;
}
.name_categoria a{
	text-decoration: none;
}
.name_categoria:hover a{
	text-decoration: none;
}
/*RISPON DEL MENU DE ADMIN*/
#btn-menu_admin{
	display: none;
	background: #0000;
}
	.menu_admin{
		position: absolute;
		background: black;
		width: -50%;
		margin-left: -70%;
		transition: all 0.5s;
	}
	.menu_admin a{
		flex-direction: column;
		width: 100%;
		background: no-repeat;
		padding: 10px 45px -5px;
	}
	.menu_admin a:hover{
		flex-direction: column;
		width: 100%;
		background: no-repeat;
		padding: 10px 45px -5px;
	}
		
	
	#btn-menu_admin:checked ~ .menu_admin{
		margin: 0;
	}


}

@media(max-width: 600px){
	.categoria{
	width: 35%;
	padding: 10px;
	}
	.img_categoria{
	text-align: center;
	width: 140px;
	height: 140px;
	background-color: #fff;
	border: 3px solid #fff;
}
.name_categoria{
	width: 138px;
	padding: 10px;
}
.name_categoria a{
	text-decoration: none;
}
.name_categoria:hover a{
	text-decoration: none;
}

}

/*ESTILO PARA EL PIE DE PAGINA*/
.pieg{
	background: #4c4c4c;
	text-align: right;
	padding: 8px;
	display: inline-block;
}
.pieg a{
	color: white;
	font-size: 15px;
	margin-left: 4px;
	text-decoration: none;
}
.pieg img{
	margin-left: 2px;
	border-radius: 5px;
}
.pieg img:hover {
	width: 3.5%;
}


/*ESTILOS DE LOS TEXTOS */

.texto {
	padding: 15px;
	width: 75%;
	font-size: 20px;
	margin-top: 55px;
	margin-left: 15px;
	text-align: justify;
}

/*.texto h1{
	font-size: 20px;
}*/

.publicidad{
	width: 380px;
	height: 200px;
}

/* IMAGEN EN MOVIMIENTO DE INDEX */
.slider{
	width: 100%;
	margin: auto;
	overflow: hidden;
	float: left;
}

.slider ul{
	display: flex;
	padding: 0;
	width: 500%;

	animation: cambio 20s infinite;
	animation-direction: alternate;
}

.slider li{
	width: 100%;
	list-style: none;
 }

 .slider img{
 	width: 100%;
 	height: 400px;
 }


 @keyframes cambio{
 	0% {margin-left: 0;}
 	20%{margin-left: 0;}

 	25%{margin-left: -100%;}
 	40%{margin-left: -100%;}

 	45%{margin-left: -200%;}
 	60%{margin-left: -200%;}

 	65%{margin-left: -300%;}
 	80%{margin-left: -300%;}

 	85%{margin-left: -400%;}
 	100%{margin-left: -400%;}
 }