@charset "utf-8";
/* Cintaya Resize */
/* Visibility on Smartphones */
@media only screen and (min-width: 100px) and (max-width: 780px){
	body {
		-webkit-user-select:none;
   	 	-webkit-touch-callout:none;
    	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	section {
		width:90%;
		margin:10px auto 10px auto; 
	}
	/***** Header *****/
	header {
		height:auto;
		overflow:hidden;
		padding-bottom:5px;
	}
	#content-nav {
		position:relative;
	}
	.navi {
		position:relative;
		width:100%;
		height:auto;
		overflow:hidden;
		margin-right:0;
	}
	.logo {
		width:200px;
		position:relative;
		float:left;
		margin:auto auto auto 5px;
	}
	nav {
		position:relative;
		width:100%;
		margin-top:10px;
		overflow:hidden;
		max-height:0;
		transition:max-height 0.5s linear;
		-webkit-transition:max-height 0.5s linear;
		-moz-transition:max-height 0.5s linear;
		-o-transition:max-height 0.5s linear;
	}
	nav ul {
		width:100%;
		margin:0;
		padding:0;
	}
	nav ul > li {
		float:none;
	}
	nav ul li a {
		width:100%;
		margin:0;
		padding:10px 20px;
		border-radius:0;
		background-image:none;
	}
	.nav-active {
		width:100%;
		padding:10px 20px;
		border-radius:0;
	}
	.b-mobile {
		display:block;
	}
	/***** General Properties *****/
	#loadingDesktop {
		width:95%;
		left:2.5%;
		right:2.5%;
		margin-top:11px;
		margin-left:0;
	}
	#part1, #part2 {
		width:100%;
	}
	#part2 {
		margin-top:-12px;
	}
	/***** Home ********/
	#slide {
		width:100%;
		height:auto;
	}
	/***** About *******/
	#nosotros {
		width:100%;
		padding:0;
	}
	.about-left, .about-right {
		float:none;
		display:block;
		margin:10px auto;
		width:100%;
	}
	.about-left img, .about-right img {
		width:310px;
		height:auto;
		display:block;
		margin:auto;
	}
	/***** Products *****/
	.product2, .product3, .product4 {
		float:none;
		display:block;
		margin:150px auto;
	}
	.product1 {
		float:none;
		display:block;
		margin:10px auto;
	}
	/***** Contact *****/
	.contact-left, .contact-right {
		float:none;
		display:block;
		margin:10px auto;
		width:100%;
	}
	.contact-left h4:first-child {
		margin-top:10px;
	}
	.form {
		width:100%;
		border-radius:0;
		padding:10px;
	}
	/***** Footer ******/
	footer {
		margin-top:250px;
		height:120px;
	}
	footer img {
		height:120px;
	}
}

/* Visibility on Tablets */
@media only screen and (min-width: 780px) and (max-width: 1024px){
	body {
		-webkit-user-select:none;
   	 	-webkit-touch-callout:none;
    	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	section {
		width:90%;
		margin:10px auto 10px auto; 
	}
	/***** Header ****/
	.navi {
		width:95%;
	}
	.nav-active {
		background-color:#4AC427;
		color:#FFF;
		padding:15px;
		margin-right:10px;
		border-radius:10px;
	}
	nav ul li a {
		display:block;
		padding:15px;
		margin-right:10px;
		color:#4AC427;
		border-radius:10px;
	}
	footer {
		height:170px;
	}
	footer img {
		height:170px;
	}
}