/* COOKIES  */

#overbox3 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: block;
}
#infobox3 {
    margin: auto;
    position: relative;
    top: 0px;
    height: 58px;
    width: 100%;
    text-align:center;
    background-color: #eeeeee;
}
#infobox3 p {
    line-height:58px;
    font-size:12px;
    text-align:center;
}
#infobox3 p a {
    margin-right:5px;
    text-decoration: underline;
}




/* ---------------- */
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  background-color: #424242;
}

body {
	background: -webkit-linear-gradient(left, #ECE6AB, #ECE7BD ); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(right, #ECE6AB, #ECE7BD); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(right, #ECE6AB, #ECE7BD); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to right,  #ECE6AB, #ECE7BD); /* Standard syntax */

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  margin-left: -5%; 
  margin-right: 8%; 
  
  }
  
    
	@media (max-width: 767px) {
 		body {
	background: -webkit-linear-gradient(left, #ECE6AB, #ECE7BD ); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(right, #ECE6AB, #ECE7BD); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(right, #ECE6AB, #ECE7BD); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to right,  #ECE6AB, #ECE7BD); /* Standard syntax */

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  margin-left: 0%; 
  margin-right: 8%; 
  
  }
	}
 
.logo_inic {
	padding: 5px;
	border-radius: 7px;
	float:left;
	margin-right: 5px;
	}
	
	
		@media (max-width: 767px) {
			  .foot {
	  height: 350px;
	  width: 470px;
	  background-color: #D1CCCC;
	  margin-right: -88%;
			  }
		}
				
	
  
  .foot {
	  height: 20%;
	  width: 100%;
	  background-color: #D1CCCC;
	  margin-right: -8%;
	 
	  
	  }
  
.foot-1 ¨{
	margin-top: 2px;
	
	}
.copy {
	color:black;
	margin-top:300px;
	}
.text-publi {
	margin-top: 10px;
	margin-left: 10px;
	text-decoration:underline;
	font-family: cursive;
	}
	
	.somos {
		font-size: 18px;
		padding: 10px;
	}
	
	

	

	 
	.img1 img {
		width:80%;
		height:45%x;
		box-sizing:border-box;
	}

	
	
	.img1 {
		margin-left: 17%;
		vertical-align: middle;
		box-sizing:border-box;
	
		/* float: left; */
		
	}
	
	
	@media (max-width: 767px) {
		
		.img1 {
		margin-left: 7%;
		vertical-align: middle;
		box-sizing:border-box;
		/* float: left; */
		
	}
	}
	
	
	
			.descri {
		/*margin-top: 18px;
		 float: right; */
		margin-left: 2%;

		height: 80px;
		width: 20%;
		background-color: white;
		padding: 5px 15px;
		border-radius: 5px;
		font-family: cursive;
		box-sizing:border-box;

	}
	
	
	
	
	
	.descri {
		margin-top: 18px;
		/* float: right; */
		margin-left: 20px;

		height: 80px;
		width: 50%;
		background-color: white;
		padding: 10px 15px;

		margin-right: 20px;
		font-family: cursive;

	}
	
	
	@media (max-width: 767px) {
		
		.form-subs {
		background-color: white;
		padding: 2% 12% 2% 5%;
		border-radius: 5px;
		margin-left: 5%;
		margin-right: -5%; 
	}
	}
	
	
	.form-subs {
		background-color: white;
		padding: 2% 12% 2% 5%;
		border-radius: 5px;
		margin-left: 5%;
		margin-right: 20%; 
	}
	
	.form-subs1 {
		background-color: white;
		border-radius: 5px;
		margin-left: 0%;
		margin-right: 2%; 
		
		padding: 2% 6% 2% 6%;
		line-height:1.8em;
		font-size: 1.5em;
	
	}
	
		.form-subs2 {
		background-color: white;
		border-radius: 5px;
		margin-left: 5%;
		margin-right: 5%; 
		font-size: 18px;
		padding: 1% 2% 1% 3%;
	
		}
	
	.nom-input {
		background-color: #E3E0E0;
		width: 100%;
		border-radius: 2%;
		font-size:17px;
		text-decoration:underline;
		}
	input {
		width: 50%;
		border-radius: 2%;
		background-color: #F0F0F0;
		border-color:#0E0E0E;
		
		}
		
		.input_descri {
			height: 20%;
		width: 30%;
		border-radius: 2%;
		background-color: #F0F0F0;
		border-color:#0E0E0E;
		
		}
	
	.redes_sociales {
		float:right;
		padding-left: 2%;
		padding-top: 0,5%;
		padding-bottom: 0%;
		}

	.flecha {
		margin-top: 470%;
		border-radius: 20%;
	}
	
	
	@media (max-width: 767px) {
	
		.flecha {
		margin-top: 470%;
		border-radius: 20%;
	}
		
	}
		
		
	
	.fb-page {
		/*padding-left: 1%;
		padding-right: 1%;*/
		margin-top: -45%;
		margin-right: 10%;
		float:right;
		box-sizing:border-box;
		
	}
	
		.fb-page-nos {
		padding-left: 1%;
		padding-right: 1%;
		margin-top: 2%;
		margin-right: 6%;
		float:right;
		box-sizing:border-box;
		
		
	}
	
		.fb-page {
		padding-left: 1%;
		padding-right: 1%;
		margin-top: -80%;
		
		margin-left: 2%;
		float:right;
		box-sizing:border-box;
		width: 22%;
		height: 70%;
		
	}


	@media (max-width: 768px) {
  
  			.fb-page {
			margin-top:-145%;
		padding-left: 0%;
		padding-right: 1%;
		margin-bottom: 5%;
		margin-right: -10%;
		float: right;
		box-sizing:border-box;
		width: 5%;
		
	}
	}
	
	
	.producto{
	width: 40%;
	height: auto;
	
	display: inline-block;
	vertical-align: top;
	margin-left: 1%;
	margin-top: 1%;
	color: #4a4a4a;
	font-weight: bolder;
	font-size: 1.2rem;
	padding: 1%;
	
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
}
.producto:hover{

	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
}
.producto img{
	width: 90%;
	height: 70%;
	margin:0 auto;

	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
}
.producto img:hover{
	
}
.producto a{
	background-color: #C00909;
	padding: 3px;
	color: white;
	width: 50%;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 4px;
}

  @media (max-width: 768px) {
  .map {
	  width:50px;
	  height:50px;
	  }

  }
  
  .map {
	  width: 80%;
	  height:40%;
	  
	  }
	 
	  @media (max-width: 768px) { 
	.prezi iframe {
		width: 80%;
		height: 50%;
		margin-left: 5%;
		box-sizing:border-box;
		}
	  }
	  
	  .prezi iframe {
		width: 90%;
		height: 350px;
		margin-left: 5%;
		
		}