


/*//////////////////////////////////////////////////////////////////
[ RESTYLE TAG ]*/

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

body, html {
	height: 100%;
	font-family: Fuente-Bold, sans-serif;
}

/*---------------------------------------------*/
a {
	font-family: Fuente-Bold;
	font-size: 14px;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

a:focus {
	outline: none !important;
}

a:hover {
	text-decoration: none;
  color: #57b846;
}

/*---------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
}
hr {
	margin: 4px;
}

p {
	font-family: Fuente-Bold;
	font-size: 14px;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
}

ul, li {
	margin: 0px;
	list-style-type: none;
}


/*---------------------------------------------*/

/*---------------------------------------------*/
button {
	outline: none !important;
	border: none;
	background: transparent;
}

button:hover {
	cursor: pointer;
}

iframe {
	border: none !important;
}


/*//////////////////////////////////////////////////////////////////
[ Utility ]*/
.txt1 {
  font-family: Fuente-Bold;
  font-size: 13px;
  line-height: 1.5;
  color: #999999;
}

.txt2 {
  font-family: Fuente-Bold;
  font-size: 13px;
  line-height: 1.5;
  color: #666666;
}


.txtCabecera {
	display:inline-block;
	width:100%;
  	font-family: Fuente-Bold;
  
  	line-height: 1.5;
  
  text-align:left;
	padding-left:10px;
	 
}

.txtArticulo {
display:inline-block;
	width:95%;
  font-family: Fuente-Bold;
  font-size: 17px;
  line-height: 1.5;
  color: #666666;
  text-align:left;
	padding-left:10px;
	 
}

.txtDC {
	
  font-family: Fuente-Regular;
  font-size: 13px;
  line-height: 1.5;
  color: #666666;
  text-align:left;
	padding-left:20px;
	
}


.txtPrecio {
	display:inline-block;
	width:95%;
  font-family: Fuente-Regular;
  font-size: 13px;
  line-height: 1.5;
  color: #666666;
	padding-left:10px;
  text-align:left;
	
}



.Elemento {
display:inline-block;
	width:80%;	 
}
.Foto {
display:inline-block;
	width:20%;	 
	padding-top:3px;
	vertical-align:top;
	
}
.Foto img {
border-radius:20px;
	
}

.btnOpcion {
display:inline-block;
	width:48%;
  font-family: Fuente-Bold;
  font-size: 15px;
  line-height: 1.5;
  color: #666666;
  text-align:center;
	
	 
}

.optAlergeno {
display:inline-block;
	width:30%;
  font-family: Fuente-Regular;
  font-size: 15px;
  line-height: 1.5;
  color: #666666;
  text-align:left;
	
	 
}


.añadir {
	display:inline-block;
	width:5%;
  font-family: Fuente-Bold;
  font-size: 13px;
  line-height: 1.5;
  color: #666666;
  text-align:right;
	
}

.alergenos {
	padding-left:10px;
  
}
.labelArticulo {
	width: 40%;
  
}


/*//////////////////////////////////////////////////////////////////
[ login ]*/

.limiter {
  width: 100%;
  margin: 0 auto;
	/*background-image: url("../images/fondo1.jpg");
	background-repeat: no-repeat;
	background-size: cover;*/
}

.limiterPie {
  width: 100%;
  margin: 0 auto;
}



.fondo {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: start;
  padding: 5px;
  background: #000;
  
}

.contenedor {
  width: 650px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px 95px 10px 95px;
	
}

form{
  margin: auto;
}
/*------------------------------------------------------------------
[  ]*/
.logo {
  width: 100%;
  
  
}

.logo img {
  max-width: 100%;
  display:block;
margin:auto;
transform: scale(1);
  
}


/*------------------------------------------------------------------
[  ]*/

/*------------------------------------------------------------------
[ Responsive ]*/



@media (max-width: 992px) {
  .contenedor {
    padding: 10px 85px 10px 85px;
  }

  .logo  img {
    width: 70%;
	display:block;
margin:auto;
  }

 
}

@media (max-width: 768px) {
 .contenedor {
    padding: 10px 85px 10px 85px;
  }

  .logo  img {
    width: 70%;
	display:block;
margin:auto;
  }

  
}

@media (max-width: 576px) {
  .contenedor {
    padding: 10px 15px 10px 15px;
  }
}


