*{
	padding: 0px;
	margin: 0px;
}
body{
	background-image: url("../img/fondo.jpg");
	background-attachment: fixed;
	background-size: 100% 2000px;
	background-repeat: no-repeat;
}
@font-face{
	font-family: OpenSans;
	src: url(../fonts/OpenSans-Light.ttf);
}

#anuncios{
	width: 29%;
	float: right;
	min-height: 200px;
	margin-top: 10px;
	background: white;
	box-shadow: 2px 2px 2px rgba(0,0,0,.6), inset 10px 0px 10px 0px rgba(0,0,0,.3), inset -10px 0px 10px 0px rgba(0,0,0,.2);
	box-sizing: border-box;
	font-family: OpenSans;
	padding-bottom: 20px;
}
#anuncios h1{
	font-family: OpenSans;
 text-align: center;
 color: black;

}
.imagenPromocion{
	width: 100%;
	z-index: -1;
}
.imagenPromocion img{
	width: 90%;
	margin-top: 10px;
	max-height: 200px;
	margin-left: 5%;

}
.textoPromocion{
	width: 90%;
	text-align: justify;
	margin-left: 5%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.tituloProductos{
	background-color: rgba(0,0,0,.8);
	box-shadow: inset 0px -10px 10px 0px rgba(0,0,0,.5), inset 0px 10px 10px 0px rgba(255,255,255,.3), 0px 5px 5px rgba(0,0,0,.3);
	text-shadow: 1px 1px 1px rgba(0,0,0,.7);
	border-radius: 0px 0px 20px 20px;
	box-sizing: border-box;
	padding: 5px;
	cursor: pointer;
	color: white;
	width: 100%;
	margin-bottom: 10px;
	

}
.cerrar{
	overflow: hidden;
	height: 50px;
}
.imagenesProductos{
	-webkit-filter: Brightness(80%);
	cursor: pointer;
	height: auto; width: 19%; margin-right: 1%; border-radius: 30%; float: left;
	margin-bottom: 5px;

	height: 100px;
}
.imagenesProductos:hover{
	-webkit-transition: all.3s;
	-webkit-filter: Brightness(110%);
}

.anchoCero{
	width: 0px;
}

#menu{
	width: 100%;
 	background-image: url("../img/fondoMenu.jpg");
 	background-size: 100% 100%;
 	background-repeat: no-repeat;
  	height: auto;
  	z-index: 9999;
  	margin-bottom: 0px;
  	box-shadow: inset 0px -20px 30px rgba(0,0,0,.4), inset 0px 20px 30px rgba(0,0,0,.4),
  	0px 4px 4px rgba(0,0,0,.6);
}
#nav{
	float: right;
	margin-top: 55px;
	transition: all .1s;
}
#centrarMenu{
		z-index: 9999;
	width: 98%;
 	height: 130px;
 	margin: auto;
 	max-width: 1400px;
}
#logo{
	float: left;
	width: 220px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#logo img{
	width: 220px;
}
#logo2{
	display: none;
	width: 220px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#nav > ul > li{
	list-style: none;
	float: left;
}
#nav > ul{
	display: block;
}
#nav ul li ul{
	display: none;
	color: white;
	position: absolute;
	z-index: 99;
	
	overflow: hidden;
	
}
#nav > ul > li:hover > ul{
	display: block;
}
#nav ul li ul li{
	min-width: 250px;
 	list-style: none;
 	background-color: rgb(35,35,35);
 	box-shadow: 10px 10px 5px 10px rgba(0,0,0,.4); 
}

#nav ul li ul li a{
	padding: 10px 20px;
	display: block;
	transition: border .1s;
	box-shadow: inset 0px 10px 20px rgba(0,0,0,.4);
}
#nav ul li ul li:first-child{
	margin-top: 47px;

}
.fixed{
	position: fixed;
	top: 0px;
}
#editarBoton, #eliminarBoton, #pedirBoton{
	padding: 5px 10px;
	margin-left: 2px;
	color: white;
	border-radius: 2px;
	text-decoration: none;
	font-family: OpenSans;
	cursor: pointer;
	transiton: background-color .3s;
	border: none;
}

#botonMas{
	padding: 5px 10px;
	color: white;
	border-radius: 2px;
	text-decoration: none;
	font-family: OpenSans;
	cursor: pointer;
	transiton: background-color .3s;
	border: none;
	background-color: rgb(157,47,33);
	transiton: background .5s;
}

#editarBoton{
	background-color: rgb(230,113,0);
}
#pedirBoton{
	background-color: rgb(68,80,37);
}
#editarBoton:hover{
	background-color: rgb(193,96,2);
}
#eliminarBoton{
	background-color: rgb(157,47,33);
		transiton: background .5s;
}
#eliminarBoton:hover{
	background-color: rgb(128,31,19);
}
#edicionProductos{
	width: 100%;
}
#edicionProductos tr td{
	padding: 5px;
	border-bottom: 1px solid #c9c9c9;
}
#edicionProductos tr th{
	padding-bottom: 20px;
	box-shadow: inset 0px -20px 30px -5px rgba(0,0,0,.2);
}



#editar2 form{
	width: 80%;
	margin: auto;
}

#editar2 table{
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}
#editar2 table tr th{
	padding-bottom: 20px;
}
#editar2 table tr th h2{
	background-color: rgb(68,80,37);
	box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,.4), inset 0px 5px 10px 0px rgba(255,255,255,.2);
	color: white;
	padding: 10px;
}

#fondo3{
position: fixed;
top: 0px;
height: 100%;
z-index: 9999;
width: 100%;
display: none;
background-color: rgba(0,0,0,.7);
}
#editar3{
	font-family: OpenSans;
	width: 40%;
	margin-left: 30%;
	background-color: white;
	margin-top: 50px;
	border-radius: 20px;
	border: 2px solid;
}
#editar3 table{
	width: 80%;
	margin:auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#editar3 table tr th{
	padding-bottom: 20px;
}
#editar3 table tr th h2{
	background-color: rgb(68,80,37);
	box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,.4), inset 0px 5px 10px 0px rgba(255,255,255,.2);
	color: white;
	padding: 10px;
}

#fondo4{
position: fixed;
top: 0px;
height: 100%;
z-index: 9999;
width: 100%;
display: none;
background-color: rgba(0,0,0,.7);
}
#editar4{
	font-family: OpenSans;
	width: 40%;
	margin-left: 30%;
	background-color: white;
	margin-top: 0px;
	border-radius: 20px;
	border: 2px solid;
}
#editar4 table{
	width: 80%;
	margin:auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#editar4 table tr th{
	padding-bottom: 20px;
}
#editar4 table tr th h2{
	background-color: rgb(68,80,37);
	box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,.4), inset 0px 5px 10px 0px rgba(255,255,255,.2);
	color: white;
	padding: 10px;
}

#fondo5{
position: fixed;
top: 0px;
height: 100%;
z-index: 9999;
width: 100%;
display: none;
background-color: rgba(0,0,0,.7);
}
#editar5{
	font-family: OpenSans;
	width: 40%;
	margin-left: 30%;
	background-color: white;
	margin-top: 0px;
	border-radius: 20px;
	border: 2px solid;
}
#editar5 table{
	width: 80%;
	margin:auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#editar5 table tr th{
	padding-bottom: 20px;
}
#editar5 table tr th h2{
	background-color: rgb(68,80,37);
	box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,.4), inset 0px 5px 10px 0px rgba(255,255,255,.2);
	color: white;
	padding: 10px;
}

#fondoInicio{
position: absolute;
top: 0px;
z-index: 9999;
width: 100%;
background-color: rgba(0,0,0,.7);
}
#editarInicio{
	font-family: OpenSans;
	width: 50%;
	margin-left: 25%;
	background-color: white;
	box-shadow: inset 0px 10px 15px rgba(0,0,0,.3);
}
#editarInicio table{
	width: 70%;
	margin:auto;

	padding: 10px 10px 10px 10px;
}
#editarInicio table tr th{
	padding-bottom: 20px;
}
#editarInicio table tr th h2{
	background-color: rgb(68,80,37);
	box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,.4), inset 0px 5px 10px 0px rgba(255,255,255,.2);
	color: white;
	
}
#fondoCategoria{
position: fixed;
top: 0px;
height: 100%;
z-index: 9999;
width: 100%;
display: none;
background-color: rgba(0,0,0,.7);
}
#editarCategoria{
	font-family: OpenSans;
	width: 40%;
	margin-left: 30%;
	background-color: white;
	margin-top: 20px;
	border-radius: 20px;
	border: 2px solid;
}
#editarCategoria table{
	width: 80%;
	margin:auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#editarCategoria table tr th{
	padding-bottom: 20px;
}
#editarCategoria table tr th h2{
	background-color: rgb(68,80,37);
	box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,.4), inset 0px 5px 10px 0px rgba(255,255,255,.2);
	color: white;
	padding: 10px;
}
#fondoCategoria2{
position: fixed;
top: 0px;
height: 100%;
z-index: 9999;
width: 100%;
display: none;
background-color: rgba(0,0,0,.7);
}
#editarCategoria2{
	font-family: OpenSans;
	width: 40%;
	margin-left: 30%;
	background-color: white;
	margin-top: 20px;
	border-radius: 20px;
	border: 2px solid;
}
#editarCategoria2 table{
	width: 80%;
	margin:auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#editarCategoria2 table tr th{
	padding-bottom: 20px;
}
#editarCategoria2 table tr th h2{
	background-color: rgb(68,80,37);
	box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,.4), inset 0px 5px 10px 0px rgba(255,255,255,.2);
	color: white;
	padding: 10px;
}
#fondoPromocion2{
position: fixed;
top: 0px;
height: 100%;
z-index: 9999;
width: 100%;
display: none;
background-color: rgba(0,0,0,.7);
}
#editarPromocion2{
	font-family: OpenSans;
	width: 40%;
	margin-left: 30%;
	background-color: white;
	margin-top: 20px;
	border-radius: 20px;
	border: 2px solid;
}
#editarPromocion2 table{
	width: 80%;
	margin:auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#editarPromocion2 table tr th{
	padding-bottom: 20px;
}
#editarPromocion2 table tr th h2{
	background-color: rgb(68,80,37);
	box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,.4), inset 0px 5px 10px 0px rgba(255,255,255,.2);
	color: white;
	padding: 10px;
}
#fondoPromocion{
position: fixed;
top: 0px;
height: 100%;
z-index: 9999;
width: 100%;
display: none;
background-color: rgba(0,0,0,.7);
}
#editarPromocion{
	font-family: OpenSans;
	width: 40%;
	margin-left: 30%;
	background-color: white;
	margin-top: 20px;
	border-radius: 20px;
	border: 2px solid;
}
#editarPromocion table{
	width: 80%;
	margin:auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#editarPromocion table tr th{
	padding-bottom: 20px;
}
#editarPromocion table tr th h2{
	background-color: rgb(68,80,37);
	box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,.4), inset 0px 5px 10px 0px rgba(255,255,255,.2);
	color: white;
	padding: 10px;
}
.articulo{

	margin-bottom: 20px;
	margin-top: 5px;
	width: 100%; float: left;
	border: 4px solid rgb(230,228,228);
	box-sizing: border-box;
	padding: 5px;
	background: white;
}
.titulo{
	width: 100%;
	 float: left;
	  font-size: 20px;
	   margin-bottom: 5px;
	  text-align: center;
}

#descripcionAnuncio{
	font-size: 18px;
	text-align: justify;
}
#promociones{
	font-size: 30px;
}
#fondoAnuncio{
position: fixed;
top: 0px;
height: 100%;
z-index: 9999;
width: 100%;
display: none;
background-color: rgba(0,0,0,.7);
}
#editarAnuncio{
	font-family: OpenSans;
	width: 40%;
	margin-left: 30%;
	background-color: white;
	margin-top: 20px;
	border-radius: 20px;
	border: 2px solid;
}
#editarAnuncio table{
	width: 80%;
	margin:auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#editarAnuncio table tr th{
	padding-bottom: 20px;
}
#editarAnuncio table tr th h2{
	background-color: rgb(68,80,37);
	box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,.4), inset 0px 5px 10px 0px rgba(255,255,255,.2);
	color: white;
	padding: 10px;
}
#fondo{
position: fixed;
top: 0px;
height: 100%;
z-index: 9999;
width: 100%;
display: none;
background-color: rgba(0,0,0,.7);
}
#editar{
	font-family: OpenSans;
	width: 40%;
	margin-left: 30%;
	background-color: white;
	margin-top: 20px;
	border-radius: 20px;
	border: 2px solid;
}
#editar table{
	width: 80%;
	margin:auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#editar table tr th{
	padding-bottom: 20px;
}
#editar table tr th h2{
	background-color: rgb(68,80,37);
	box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,.4), inset 0px 5px 10px 0px rgba(255,255,255,.2);
	color: white;
	padding: 10px;
}
#fondoImgPromociones{
position: fixed;
top: 0px;
height: 100%;
z-index: 9999;
width: 100%;
display: none;
background-color: rgba(0,0,0,.7);
}
#editarImgPromociones{
	font-family: OpenSans;
	width: 40%;
	margin-left: 30%;
	background-color: white;
	margin-top: 20px;
	border-radius: 20px;
	border: 2px solid;
}
#editarImgPromociones table{
	width: 80%;
	margin:auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#editarImgPromociones table tr th{
	padding-bottom: 20px;
}
#editarImgPromociones table tr th h2{
	background-color: rgb(68,80,37);
	box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,.4), inset 0px 5px 10px 0px rgba(255,255,255,.2);
	color: white;
	padding: 10px;
}
#fondoImg{
position: fixed;
top: 0px;
height: 100%;
z-index: 9999;
width: 100%;
display: none;
background-color: rgba(0,0,0,.7);
}
#editarImg{
	font-family: OpenSans;
	width: 40%;
	margin-left: 30%;
	background-color: white;
	margin-top: 50px;
	border-radius: 20px;
	border: 2px solid;
}
#editarImg table{
	width: 80%;
	margin:auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#editarImg table tr th{
	padding-bottom: 20px;
}
#editarImg table tr th h2{
	background-color: rgb(68,80,37);
	box-shadow: inset 0px -5px 10px 0px rgba(0,0,0,.4), inset 0px 5px 10px 0px rgba(255,255,255,.2);
	color: white;
	padding: 10px;
}

#nav ul li a{
	text-decoration: none;
	color: white;
	padding: 10px 10px;
	font-size: 1.3em;
	font-family: OpenSans;
	transition: all .2s;
	

}
#nav > ul > li > a{
	margin-left: 5px;
}
#nav > ul > li > a:hover{
	/*color: #b99019;
	background:white;
	border-radius: 50px;
	*/ 
	border-radius: 15px;
	box-shadow: inset 0px 20px 20px -20px rgba(255,255,255,.7);
	box-sizing: border-box;
	
}
#nav ul li ul li a:hover{
	font-size: 1.4em;
 	box-shadow: inset 0px -10px 20px rgba(0,0,0,.4);
 	transition: all .2s;

}
#slider{
	width: 100%;
	height: 400px;
	overflow: hidden;
	margin-top: 5px;
	background: white;
	box-shadow: inset 0px -20px 20px rgba(0,0,0,.2), inset 0px 20px 20px rgba(0,0,0,.2);
	float: left;
}

#slider ul{
	position: relative;
	width: 100%;
	height: 400px;
}
#slider ul li{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 400px;
	list-style: none;
	box-shadow: -2px 0px 20px rgba(0,0,0,.9);
}
#slider ul li img{
	width: 100%;
	height: 400px;
	box-shadow:inset 10px 0px 10px 10px rgba(0,0,0,.6);
}
#slider ul li:first-child{
	left: 0px;
	animation: imgUno 5s infinite;
}
#slider ul li:nth-child(2){
	left: 25%;
	animation: imgDos 6s infinite;
}
#slider ul li:nth-child(3){
	left: 50%;
	animation: imgTres 7s infinite;
}
#slider ul li:nth-child(4){
	left: 75%;
	animation: imgCuatro 8s infinite;
}


#slider ul li:first-child:hover{
	z-index:1;
	transition:all .3s;
	animation: imgUno 0s linear 0s infinite;
	}
	
#slider ul li:nth-child(2):hover{
	z-index:1;
	left:0;
	transition:all .3s;
	animation: imgDos 0s linear 0s infinite;
	}
	
#slider ul li:nth-child(3):hover{
	z-index:1;
	left:0;
	transition:all .3s;
	animation: imgTres 0s linear 0s infinite;
	}

#slider ul li:nth-child(4):hover{
	z-index:1;
	left:0;
	transition:all .3s;
	animation: imgCuatro 0s linear 0s infinite;
	}
@keyframes imgUno{
	from{left: 0px;}
	50%{left: -25%;}
	to{left: 0px;}
}

@keyframes imgDos{
	from{left: 25%;}
	50%{left: 0%;}
	to{left: 25%;}
}
@keyframes imgTres{
	from{left: 50%;}
	50%{left: 25%;}
	to{left: 50%;}
}
@keyframes imgCuatro{
	from{left: 75%;}
	50%{left: 50%;}
	to{left: 75%;}
}

#textoBanner{
	position: absolute;
	top: 160px;
	width: 35%;
	margin-left: 15%;
}

#borde{
	height: 500px;
}
#textoBanner{
	float: left;
	z-index: 999;
	top: 160px;
	font-family: OpenSans;
}
#textoBanner p{
	margin-top: 20px;
}
#contenedor2{
	width: 98%;
	max-width: 1400px;
	margin: auto;
}
section{
	width: 100%;
	float: left;
	height: auto;
	min-height: 500px;
	background-image: url('../img/fondo2.jpg');
	
	background-size: 100%;
	margin-top: 10px;
	box-shadow: 2px 2px 2px rgba(0,0,0,.6), inset 10px 0px 10px 0px rgba(0,0,0,.2), inset -10px 0px 10px 0px rgba(0,0,0,.2);
	padding: 30px;
	box-sizing: border-box;
	font-family: OpenSans;

}
section h1{
	font-size: 40px;
	text-align: center;
}

section h2{
	font-size: 20px;
	text-align: center;	
}
section p{
	font-size: 20px;
	color: black;
	z-index: 9999;
	margin-top: 30px;
}
#sectionProductos{
	width: 100%;
}
#formRegistroUsuario{
	width: 60%;
	margin-left: 20%;
	margin-top: 30px;
}

.estiloRegistro{
 	width: 100%;
 	height: 20px;
 	margin-top: 10px;
 	border-radius: 2px;
 	border: 1px solid #c9c9c9;
 	margin-left: 20px;
}
.estiloActualizar{
 	width: 100%;
 	height: 20px;
}
#aside{
	position: fixed;
	overflow: hidden;
	border-radius: 0px 0px 0px 0px;
	right: 0px;
	top: 120px;
	z-index: 9999;
 	width: 0px;
 	height:auto;
 	background-image: url('../img/fondo2.jpg');
 	margin-top: 10px;
 	padding-top: 10px;
 	padding-bottom: 10px;
 	box-shadow: -2px 5px 5px rgba(0,0,0,.2), inset 0px 5px 10px 0px rgba(0,0,0,.6);
 	box-sizing: border-box;
 	transition: all .1s;
}
.imagenCambio,.contenidoCambio{
	position: absolute;
	width: 150px;
	height: 100px;
}
.imagenCambio{
	-webkit-transform: perspective(600px) rotateY(0deg);
	transform: perspective(600px) rotateY(0deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: -webkit-transform 1s ;
	transition: transform 1s ;
}
.contenidoCambio{
	background-color: white;
	-webkit-transform: perspective(600px) rotateY(180deg);
	transform: perspective(600px) rotateY(180deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: -webkit-transform 1s ;
	transition: transform 1s ;
}

.contenedorImagen:hover .imagenCambio{
-webkit-transform:  perspective(600px) rotateY(-180deg);
	transform:  perspective(600px) rotateY(-180deg);
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
}
.contenedorImagen:hover .contenidoCambio{
	-webkit-transform:  perspective(600px) rotateY(0deg);
	transform:  perspective(600px) rotateY(0deg);
	}

.contenedorImagen{
	width: 150px;
	height: 100px;
	
}
aside h2{
	font-family: OpenSans;
	text-align: center;
}
#formularioInicio{
	font-family: OpenSans;
	margin-top: 20px;
	
}
#formularioInicio a{
	text-decoration: none;
	font-size: 14px;
	text-align: center;
}
#formularioInicio table{
	width: 90%;
	margin-left: 5%;
	
	font-size: 20px;
}
#ingresar{
	border: none;
	border: 2px solid rgb(157,47,33);
	background: white;
	padding: 5px 10px;
	color: rgb(157,47,33);
	font-family: Arial;
	margin-top: 10px;
	font-size: 15px;
	border-radius: 5px;
	transition: background .3s;
}
#formActualizar{
	font-family:  OpenSans;
	margin-top: 20px;
	margin-right: 20px;
}
#ingresar:hover{
	background: rgba(157,47,33,1);
	color: white;
}
#documento, #contrasena{
	width: 100%;
	font-family: OpenSans;
	border-radius: 3px;
	border: 1px solid #c9c9c9;
}
#slider ul li img:hover{
 	-webkit-filter: grayscale(0%) brightness(120%);
}

.heightAuto{
	height: 200px;
}
#productos ul li{
	list-style: none;
	width: 100%;
}
#productos ul{
	display: flex;

}

#productos{
	width: 80%;
	margin: auto;
	overflow: hidden;
}
.estiloFlechasD{
	position: absolute;
	float: right;
	width: 5%;
	right: 5%;
	margin-top: 100px;
	cursor: pointer;
}
.estiloFlechasI{
	position: absolute;
	float: left;
	width: 5%;
	left: 5%;
	margin-top: 100px;
	cursor: pointer;
	overflow: hidden;
}
.estiloUl{
	transition: all .3s;
	background-color: rgba(0,0,0,.1);
	height: 300px;
	box-shadow:inset 0px 10px 20px 0px rgba(0,0,0,.3), inset 0px -10px 20px 0px rgba(0,0,0,.3);
}


/*estilos para el footer*/
.footer-distributed{
	background-image: url('../img//imgFooter.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: bold 16px sans-serif;

	padding: 55px 50px;
	margin-top: 80px;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
	display: inline-block;
	vertical-align: top;
}

/* Footer left */

.footer-distributed .footer-left{
	width: 40%;
}

/* The company logo */

.footer-distributed h3{
	color:  #ffffff;
	font: normal 36px 'Cookie', cursive;
	margin: 0;
}

.footer-distributed h3 span{
	color:  #5383d3;
}

/* Footer links */

.footer-distributed .footer-links{
	color:  #ffffff;
	margin: 20px 0 12px;
	padding: 0;
}

.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}

.footer-distributed .footer-company-name{
	color:  #8f9296;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

/* Footer Center */

.footer-distributed .footer-center{
	width: 35%;
}

.footer-distributed .footer-center i{
	border: 2px solid white;
	color: #b99019;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}

.footer-distributed .footer-center i.fa-envelope{
	font-size: 17px;
	line-height: 38px;
}

.footer-distributed .footer-center p{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin:0;
}

.footer-distributed .footer-center p span{
	display:block;
	font-weight: normal;
	font-size:14px;
	line-height:2;
}

.footer-distributed .footer-center p a{
	color:  #5383d3;
	text-decoration: none;;
}


/* Footer Right */

.footer-distributed .footer-right{
	width: 20%;
}

.footer-distributed .footer-company-about{
	line-height: 20px;
	color:  #c9c9c9;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}

.footer-distributed .footer-company-about span{
	display: block;
	color:  #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

.footer-distributed .footer-icons{
	margin-top: 25px;
}

.footer-distributed .footer-icons a{
	display: inline-block;
	width: 50px;
	height: 50px;
	cursor: pointer;
	
	border-radius: 2px;

	font-size: 35px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-right: 3px;
	margin-bottom: 5px;
}
.menuNoMostrar{
	display: none;
}
#treslineas{
	margin-bottom: -20px;
}
#menuResponsive{
	display: none;
	position: fixed;
	z-index: 9999;
	width: 100%;
	overflow: hidden;
	height: 0px;
	transition: height .3s;
}
#administrar{
	transition: height .8s;
}
#menuResponsive ul li{
	list-style: none;
	background-color: rgb(35,35,35);
 	box-shadow: 10px 10px 5px 10px rgba(0,0,0,.4);
}
#menuResponsive ul li a{
	display: block;
	text-align: center;
	padding: 10px 10px;
	color: white;
	font-family:  OpenSans;
	text-decoration: none;
	box-shadow: inset 0px 10px 20px rgba(0,0,0,.4);
	font-size: 17px;
}
#menuResponsive ul li ul{
	overflow: hidden;
	height: 0px;
}

/*#nav ul li ul li{
	min-width: 250px;
 	list-style: none;
 	background-color: rgb(35,35,35);
 	box-shadow: 10px 10px 5px 10px rgba(0,0,0,.4); 
}

#nav ul li ul li a{
	padding: 10px 20px;
	display: block;
	transition: border .1s;
	box-shadow: inset 0px 10px 20px rgba(0,0,0,.4);
}
/* If you don't want the footer to be responsive, remove these media queries */
#tituloBienvenida{
		font-size: 50px;
		text-align: center;
	}
#subtituloBienvenida{
	 text-align: center;
	}
#opcionesTienda{
	font-size: 20px;
}	
#imagenesAnuncios{
	width: 100%;
	min-height: 150px;
}
#tituloTienda{
	margin-top: -20px;
	margin-bottom: -10px;
	font-size: 35px;
}

#subtituloTienda{
	margin-top: -20px;
	margin-bottom: -10px;
	font-size: 20px;
}
.descripcionPromociones{
	font-size: 13px;
}
#nombreProductos{
	width: 100%;
	 text-align:center;
	  font-size: 30px; 
	  margin-top: -20px; 
	  margin-bottom: 10px;
}
#imagenCarrito{
	position: absolute; width: 70px;
}
.visible{
	display: block;
}

section{
	width: 70%;
}

#cerrarPedido{
	
	position: absolute;
	padding: 10px;
 width: 40px;  
 cursor: pointer; 
 z-index: 9999;
}

@media (max-width: 880px) {
	#editar{
	
	width: 90%;
	margin-left: 5%;
	
	border-radius: 10px;
	
}
#cerrarPedido{
	width: 30px;
	}
	#tituloBienvenida{
		font-size: 30px;
	}
	#noLogo, #noAcerca{
	display: none;
	}
	.visible{
		display: none;
	}
	.titulo{
		font-size: 30px;
	}
	section{
		padding: 15px;
		width: 100%;
	}
	#subtituloBienvenida{
		font-size: 20px;
	}
	#imagenCarrito{
	width: 50px;
}
	#nombreProductos{
		font-size: 18px;
		margin-top: 5px;
	}
	.tituloAnuncio{
		font-size:18px;
	}
	#anuncios{
		width: 100%;
	}
	.descripcionPromociones{
	font-size: 16px;
	}
	#tituloTienda{
		font-size: 30px;
		margin-top: 0px;
	}
	#opcionesTienda{
	font-size: 17px;
	}
	#promociones{
	font-size: 30px;
	}
	.descripcionAnuncio{
		font-size: 18px;
	}
	#menu{
		font-size: 15px;
	}
	#slider{
		display: none;
	}

	h1{
		font-size: 25px;
	}

	.footer-distributed{
		font: bold 14px sans-serif;
	}

	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		
	}
	.footer-distributed .footer-right{
		float: right;
		width: 50%;
	}
	.footer-distributed .footer-left{
		display: none;
		width: 50%;
	}
	.footer-distributed .footer-center,{
		width: 50%;
	}

	.footer-distributed .footer-center i{
		margin-left: 0;
	}

}

@media (max-width: 600px) {
	.footer-distributed .footer-right
	,.footer-distributed .footer-center{
		font-size: 10px;
	}
}

@media (max-width: 1024px) {
	#menuResponsive{
		display: block;
	}
		.menuMostrar{
		display: none;
	}
	.menuNoMostrar{
	display: block;
}
}

footer{
	float: left;
}