@charset "utf-8";
/* CSS Document */

/*---------------------------------BOOSTRAP AJUST-------------------------------*/



		  @media only screen and (min-width: 1381px) and (max-width: 1902px)
		 {
		 	.logo_int_presentacion {width:21%; float:left;margin-left: 0%;}

		 	.img_icons_social {
				float:right;
				margin-top:2.3%;
				width:4.5%;
				margin-left:0.5%;
				opacity:0.8;
				-webkit-transition-duration:0.3s;
				transition-duration:0.3s;
				display: block;}

			#logo {width:17%; float:left; height:auto; margin-top:10px;margin-bottom: 0%;}

			#container_one nav {

					overflow:hidden;
					width:80%;
					padding-left:14%; padding-right:6%;margin-bottom: 0%;
					height:95px;
					text-align: center;
					}


			#container_one nav ul {
					list-style: none;
					overflow: hidden;
					display:block;
					width:70%;
					float:right;
					text-align:center;
					}

					#container_one nav ul li a {
					display: block;
					color:#fff;
					text-decoration: none;
					padding:20px;
					font-size:135%;
					-webkit-border-radius:2px;
					float: left;
					}


				.the_icons_catalogo {width:40%; height:110px;transition: all .2s ease-in-out;opacity:1;}
				
				#product_inner {height:260px;}

		 }

	     @media only screen and (min-width: 1285px) and (max-width: 1380px)
		 {

		 	.img_icons_social_w {float:left; margin-top:5%; width:10%; margin-left:4%; opacity:0.8; display: block;}

			h3 {text-align:left; color:#fff; font-size:130%; font-weight:normal; margin:0; float:left; padding-top:2.2%; padding-left:0.7%; width: auto;}
			.logo_int_presentacion {width:20%; float:left;margin-left: 0%;}
			.img_icons_social {
				float:right;
				margin-top:2.3%;
				width:4%;
				margin-left:0.5%;
				opacity:0.8;
				-webkit-transition-duration:0.3s;
				transition-duration:0.3s;
				display: block;}

			.comenzar {
				display: block;
				width:20%;
				position: absolute;
				bottom: 27%;
				left:40%;
				z-index: 7000;
				text-align: center;
				font-size: 200%;
				text-decoration: none;
				padding: 0.7% 0 0.7% 0;
				-webkit-transition-duration:0.3s;
				transition-duration:0.3s;
				}

				#logo {width:13%; float:left; height:auto; margin-top:20px;margin-bottom: 0%;}


				#container_one nav {

					overflow:hidden;
					width:80%;
					padding-left:14%; padding-right:6%;margin-bottom: 0%;
					height:90px;
					text-align: center;
					}


				#container_one nav ul {
					list-style: none;
					overflow: hidden;
					display:block;
					width:70%;
					float:right;
					text-align:center;
					}

					#container_one nav ul li a {
					display: block;
					color:#fff;
					text-decoration: none;
					padding:20px;
					font-size:120%;
					-webkit-border-radius:2px;
					float: left;
					}


			.btn_menu_boost {display:none;}


				#container_two {
					width:60%;
					height:auto;
					position:relative;
					background-image:url(../img/bg/bg_nosotros.jpg);
					text-align:justify;
					padding-left:20%;
					padding-right:20%;
					font-size:160%;
					background-attachment:fixed;
					background-size:105%;
					padding-top:180px;
					padding-bottom:100px;
					background-position: 0px 0px;}

				#container_three.animate {
		 		width:100%;
		 		margin:0 auto;
		 		height:auto;
		 		position:relative;
		 		text-align:center;

		 		overflow:hidden;
		 		padding-top:130px;
				padding-bottom:130px;
				background-size:200%;
	     		transform: translate(0,0px);
		 		-ms-transform: translate(0,0px);
		 		-moz-transform: translate(0,0px);
		 		-webkit-transform: translate(0,0px);

				transform: rotate(0deg);
		 		-ms-transform: rotate(0deg);
		 		-moz-transform: rotate(0deg);
		 		-webkit-transform: rotate(0deg);

		 		transform: scale(1, 1);
		 		-ms-transform: scale(1, 1);
		 		-mOZ-transform: scale(1, 1);
		 		-webkit-transform: scale(1, 1);

		 		opacity:1;}

		 		#container_six.animate {
		 			width:72%;
		 			margin:0 auto;
		 			height:auto;
		 			position:relative;
		 			text-align:center;
		 			background:url(../img/bg/bg_contactus.gif);
		 			overflow:hidden;
		 			padding-top:130px;
		 			padding-bottom:50px;
		 			background-size:100%;
		 			background-attachment:fixed;
		 			padding-left: 14%;
		 			padding-right: 14%;

		 		}

		 		.icons_container_inner {
					background:url(../img/bg_muestritas.png);
					border: 1px solid #f4f4f4;
					display: inline-block;
					letter-spacing: normal;
					width:45.5%;
					padding-top:5%;
					padding-bottom:5%;
					margin-right:3px;
					margin-bottom:3px;
					-webkit-transition-duration:.3s;
					color: #000;
					text-align: center;
					text-decoration: none;
					font-size:170%;
					text-shadow:0px 0px 4px #fff;
					}


				#container_five {
					width:66%;
					margin:0 auto;
					height:auto;
					position:relative;
					text-align:center;

					overflow:hidden;
					padding-top:130px;
					padding-left:17%;
					padding-right:17%;
					padding-bottom:330px;
					background-size:240%;}

				.logo_form_contacto {width:40%;margin-top: 0%;}

				.logo_pie {width:13%;margin-top: 0%;}

				.icons_container_inner_catalogo {
					background:#fff;
					border: 1px solid #f4f4f4;
					display: inline-block;
					letter-spacing: normal;
					width:40.5%;
					padding-top:5%;
					padding-bottom:5%;
					margin-right:3px;
					margin-bottom:3px;
					-webkit-transition-duration:.3s;
					color: #000;
					text-align: center;
					text-decoration: none;
					font-size:120%;
					text-shadow:0px 0px 4px #fff;
					opacity:0.7;
					}

				.the_icons_catalogo {width:40%; height:130px;transition: all .2s ease-in-out;opacity:1;}


				#container_services {
					width:100%;
					margin:0 auto;
					height:auto;
					position:relative;
					text-align:center;
					background:url(../img/bg/bg_servicios_full.gif);
					overflow:hidden;
					padding-top:9%;
					padding-bottom:130px;
					background-size:145%;
					background-position: -200px 0;
					background-attachment: fixed;
				}


				#container_left_services {width:0%; height:400px; float: left; }
				#container_right_services {width:100%; height:auto; float: right;  text-align: left; font-size:70%;}

				#contiene_form_categories {float:left; width:100%; text-align:center;}

				#contiene_back_categories {float:left; width:100%; text-align:center;margin-bottom: 0%;}
				
				#product_inner {height:220px;}

		 }

		 @media only screen and (min-width: 1025px) and (max-width: 1280px)
		 {

		 	.img_icons_social_w {float:left; margin-top:5%; width:2.5%; margin-left:2%; opacity:0.8; width: 9%; display: block;}

			h3 {text-align:left; color:#fff; font-size:100%; font-weight:normal; margin:0; float:left; padding-top:2.2%; padding-left:0.7%; width: auto;}
			.logo_int_presentacion {width:22%; float:left;margin-left: 0%;}
			.img_icons_social {
				float:right;
				margin-top:2.3%;
				width:4%;
				margin-left:0.5%;
				opacity:0.8;
				-webkit-transition-duration:0.3s;
				transition-duration:0.3s;
				display: block;}

			.comenzar {
				display: block;
				width:20%;
				position: absolute;
				bottom: 27%;
				left:40%;
				z-index: 7000;
				text-align: center;
				font-size: 200%;
				text-decoration: none;
				padding: 0.7% 0 0.7% 0;
				-webkit-transition-duration:0.3s;
				transition-duration:0.3s;
				}

				#logo {width:16%; float:left; height:auto; margin-top:20px;margin-bottom: 0%;}


				#container_one nav {

					overflow:hidden;
					width:80%;
					padding-left:14%; padding-right:6%;margin-bottom: 0%;
					height:80px;
					text-align: center;
					}


				#container_one nav ul {
					list-style: none;
					overflow: hidden;
					display:block;
					width:70%;
					float:right;
					text-align:center;
					}

					#container_one nav ul li a {
					display: block;
					color:#fff;
					text-decoration: none;
					padding:20px;
					font-size:90%;
					-webkit-border-radius:2px;
					float: left;
					}


			.btn_menu_boost {display: none;}


				#container_two {
					width:60%;
					height:auto;
					position:relative;
					background-image:url(../img/bg/bg_nosotros.jpg);
					text-align:justify;
					padding-left:20%;
					padding-right:20%;
					font-size:160%;
					background-attachment:fixed;
					background-size:360%;
					padding-top:130px;
					padding-bottom:200px;
					background-position: 0px 0px;}

				#container_three.animate {
		 		width:100%;
		 		margin:0 auto;
		 		height:auto;
		 		position:relative;
		 		text-align:center;

		 		overflow:hidden;
		 		padding-top:130px;
				padding-bottom:130px;
				background-size:200%;
	     		transform: translate(0,0px);
		 		-ms-transform: translate(0,0px);
		 		-moz-transform: translate(0,0px);
		 		-webkit-transform: translate(0,0px);

				transform: rotate(0deg);
		 		-ms-transform: rotate(0deg);
		 		-moz-transform: rotate(0deg);
		 		-webkit-transform: rotate(0deg);

		 		transform: scale(1, 1);
		 		-ms-transform: scale(1, 1);
		 		-mOZ-transform: scale(1, 1);
		 		-webkit-transform: scale(1, 1);

		 		opacity:1;}

		 		#container_six.animate {
		 			width:72%;
		 			margin:0 auto;
		 			height:auto;
		 			position:relative;
		 			text-align:center;
		 			background:url(../img/bg/bg_contactus.gif);
		 			overflow:hidden;padding-top:130px;
		 			padding-bottom:50px;
		 			background-size:210%;
		 			background-attachment:fixed;
		 			padding-left: 14%;
		 			padding-right: 14%;

		 		}

		 		.icons_container_inner {
					background:url(../img/bg_muestritas.png);
					border: 1px solid #f4f4f4;
					display: inline-block;
					letter-spacing: normal;
					width:45.5%;
					padding-top:5%;
					padding-bottom:5%;
					margin-right:3px;
					margin-bottom:3px;
					-webkit-transition-duration:.3s;
					color: #000;
					text-align: center;
					text-decoration: none;
					font-size:170%;
					text-shadow:0px 0px 4px #fff;
					}


				#container_five {
					width:66%;
					margin:0 auto;
					height:auto;
					position:relative;
					text-align:center;

					overflow:hidden;
					padding-top:130px;
					padding-left:17%;
					padding-right:17%;
					padding-bottom:330px;
					background-size:240%;}

				.logo_form_contacto {width:50%;margin-top: 0%;}

				.logo_pie {width:20%;margin-top: 0%;}

				.icons_container_inner_catalogo {
					background:#fff;
					border: 1px solid #f4f4f4;
					display: inline-block;
					letter-spacing: normal;
					width:40.5%;
					padding-top:5%;
					padding-bottom:5%;
					margin-right:3px;
					margin-bottom:3px;
					-webkit-transition-duration:.3s;
					color: #000;
					text-align: center;
					text-decoration: none;
					font-size:120%;
					text-shadow:0px 0px 4px #fff;
					opacity:0.7;
					}

				.the_icons_catalogo {width:40%; height:100px;transition: all .2s ease-in-out;opacity:1;}


				#container_services {
					width:100%;
					margin:0 auto;
					height:auto;
					position:relative;
					text-align:center;
					background:url(../img/bg/bg_servicios_full.gif);
					overflow:hidden;
					padding-top:9%;
					padding-bottom:130px;
					background-size:145%;
					background-position: -200px 0;
					background-attachment: fixed;
				}


				#container_left_services {width:0%; height:400px; float: left; }
				#container_right_services {width:100%; height:auto; float: right;  text-align: left; font-size:70%;}

				#contiene_form_categories {float:left; width:100%; text-align:center;}

				#contiene_back_categories {float:left; width:100%; text-align:center;margin-bottom: 0%;}

				/*PRODUCTS-VIEWS*/
					#pruducts_general {width:96%; }
					.img_faqs {width:100%;margin-left:0%;}
					.flor {width:2.5%;}

					#product_inner {width:40%; height:310px;}
					.title_description {text-align:left;}

					#left_container_unique_product {
					width:23%; 
					
					}
								
					/*PRODUCTS-VIEWS*/



		 }


		 /*vista 4*/
		 @media only screen and (min-width: 854px) and (max-width: 1024px)
		 {
			.img_icons_social_w {float:left; margin-top:5.5%; width:2.5%; margin-left:2%; opacity:0.8; width: 9%; display: block;}

			h3 {text-align:left; color:#fff; font-size:100%; font-weight:normal; margin:0; float:left; padding-top:2.2%; padding-left:0.7%; width: auto;}
			.logo_int_presentacion {width:22%; float:left;margin-left: 0%;}
			.img_icons_social {
				float:right;
				margin-top:2.3%;
				width:4%;
				margin-left:0.5%;
				opacity:0.8;
				-webkit-transition-duration:0.3s;
				transition-duration:0.3s;
				display: block;}

			.comenzar {
				display: block;
				width:20%;
				position: absolute;
				bottom: 27%;
				left:40%;
				z-index: 7000;
				text-align: center;
				font-size: 200%;
				text-decoration: none;
				padding: 0.7% 0 0.7% 0;
				-webkit-transition-duration:0.3s;
				transition-duration:0.3s;
				}

				#logo {width:16%; float:left; height:auto; margin-top:20px;margin-bottom: 0%;}


				#container_one nav {

					overflow:hidden;
					width:80%;
					padding-left:14%; padding-right:6%;margin-bottom: 0%;
					height:80px;
					text-align: center;
					}


				#container_one nav ul {
					list-style: none;
					overflow: hidden;
					display:block;
					width:70%;
					float:right;
					text-align:center;
					}

					#container_one nav ul li a {
					display: block;
					color:#fff;
					text-decoration: none;
					padding:20px;
					font-size:90%;
					-webkit-border-radius:2px;
					float: left;
					}

      
			.btn_menu_boost {display: none;}


				#container_two {
					width:60%;
					height:auto;
					position:relative;
					background-image:url(../img/bg/bg_nosotros.jpg);
					text-align:justify;
					padding-left:20%;
					padding-right:20%;
					font-size:160%;
					background-attachment:fixed;
					background-size:360%;
					padding-top:130px;
					padding-bottom:200px;
					background-position: 0px 0px;}

				#container_three.animate {
		 		width:100%;
		 		margin:0 auto;
		 		height:auto;
		 		position:relative;
		 		text-align:center;

		 		overflow:hidden;
		 		padding-top:130px;
				padding-bottom:130px;
				background-size:200%;
	     		transform: translate(0,0px);
		 		-ms-transform: translate(0,0px);
		 		-moz-transform: translate(0,0px);
		 		-webkit-transform: translate(0,0px);

				transform: rotate(0deg);
		 		-ms-transform: rotate(0deg);
		 		-moz-transform: rotate(0deg);
		 		-webkit-transform: rotate(0deg);

		 		transform: scale(1, 1);
		 		-ms-transform: scale(1, 1);
		 		-mOZ-transform: scale(1, 1);
		 		-webkit-transform: scale(1, 1);

		 		opacity:1;}

		 		#container_six.animate {
		 			width:72%;
		 			margin:0 auto;
		 			height:auto;
		 			position:relative;
		 			text-align:center;
		 			background:url(../img/bg/bg_contactus.gif);
		 			overflow:hidden;padding-top:130px;
		 			padding-bottom:50px;
		 			background-size:210%;
		 			background-attachment:fixed;
		 			padding-left: 14%;
		 			padding-right: 14%;

		 		}

		 		.icons_container_inner {
					background:url(../img/bg_muestritas.png);
					border: 1px solid #f4f4f4;
					display: inline-block;
					letter-spacing: normal;
					width:45.5%;
					padding-top:5%;
					padding-bottom:5%;
					margin-right:3px;
					margin-bottom:3px;
					-webkit-transition-duration:.3s;
					color: #000;
					text-align: center;
					text-decoration: none;
					font-size:170%;
					text-shadow:0px 0px 4px #fff;
					}


				#container_five {
					width:66%;
					margin:0 auto;
					height:auto;
					position:relative;
					text-align:center;

					overflow:hidden;
					padding-top:130px;
					padding-left:17%;
					padding-right:17%;
					padding-bottom:330px;
					background-size:240%;}

				.logo_form_contacto {width:50%;margin-top: 0%;}

				.logo_pie {width:20%;margin-top: 0%;}

				.icons_container_inner_catalogo {
					background:#fff;
					border: 1px solid #f4f4f4;
					display: inline-block;
					letter-spacing: normal;
					width:40.5%;
					padding-top:5%;
					padding-bottom:5%;
					margin-right:3px;
					margin-bottom:3px;
					-webkit-transition-duration:.3s;
					color: #000;
					text-align: center;
					text-decoration: none;
					font-size:120%;
					text-shadow:0px 0px 4px #fff;
					opacity:0.7;
					}

				.the_icons_catalogo {width:40%; height:100px;transition: all .2s ease-in-out;opacity:1;}


				#container_services {
					width:100%;
					margin:0 auto;
					height:auto;
					position:relative;
					text-align:center;
					background:url(../img/bg/bg_servicios_full.gif);
					overflow:hidden;
					padding-top:9%;
					padding-bottom:130px;
					background-size:145%;
					background-position: -200px 0;
					background-attachment: fixed;
				}


				#container_left_services {width:0%; height:400px; float: left; }
				#container_right_services {width:100%; height:auto; float: right;  text-align: left; font-size:70%;}

				#contiene_form_categories {float:left; width:100%; text-align:center;}

				#contiene_back_categories {float:left; width:100%; text-align:center;margin-bottom: 0%;}



				/*PRODUCTS-VIEWS*/
					#pruducts_general {width:96%; }
					.img_faqs {width:100%;margin-left:0%;}
					.flor {width:2.5%;}

					#product_inner {width:40%; height:310px;}
					.title_description {text-align:left;}

					#left_container_unique_product {
					width:40%;
					
					}
								
					/*PRODUCTS-VIEWS*/











		 }



		 /*vista 3*/

		 @media only screen and (min-width: 604px) and (max-width: 853px)
		 {

		 	.logo_int_presentacion {width:40%; float:left;margin-left: 30%;}
		 	#cont_watt_tel_float {float:left; width: 100%; margin-top:1.5%; margin-left:0%; }
		 		.img_icons_social_w {float:left; margin-top:0%; width:2.5%; margin-left:46%; opacity:0.8; width: 8%; display: block;}
		 	h3 {text-align:center; color:#fff; font-size:95%; font-weight:normal; margin:0; float:left; padding-top:1%; padding-left:0%; width:100%;}

		     .img_icons_social {float:right; margin-top:2.3%; width:2.5%; margin-left:0.5%; opacity:0.8; -webkit-transition-duration:0.3s;transition-duration:0.3s; display: none;}

		     .comenzar {
				display: block;
				width:40%;
				position: absolute;
				bottom: 13%;
				left:30%;
				z-index: 7000;
				text-align: center;
				font-size: 200%;
				text-decoration: none;
				padding: 0.7% 0 0.7% 0;
				-webkit-transition-duration:0.3s;
				transition-duration:0.3s;
				}


			#container_one nav {

			overflow:hidden;
			width:100%;
			padding-left:0%; padding-right:0%; padding-bottom:2% ;padding-top:2%;
			height:auto;
			text-align: center;
			}

			#container_one nav ul {
			list-style: none;
			overflow: hidden;
			display:block;
			width:100%;
			float:left;
			text-align:center;
			margin:0 auto;
			}

			#container_one nav ul li a {
			display: none;
			color:#fff;
			text-decoration: none;
			padding:1%;
			font-size:100%;
			-webkit-border-radius:2px;
			float: left;
			margin-left:0%;
			width:80%;
			}

			
			.btn_menu_boost {display: block;}








			#logo {width:20%; float:none; height:auto; margin:0 auto;margin-top:2%; margin-bottom: 1%; }

			h1 {text-align:center; font-size:220%; font-weight:normal; margin:0; padding-bottom:4%; padding-top:7%;  }


			#container_two {
				width:80%;
				height:auto;
				position:relative;
				background-image:url(../img/bg/bg_nosotros.jpg);
				text-align:justify;
				padding-left:10%;
				padding-right:10%;
				font-size:130%;
				background-attachment:fixed;
				background-size:500%;
				padding-top:130px; padding-bottom:200px;
				background-position: -500px 100px;}





		 	#container_three.animate {
		 		width:100%;
		 		margin:0 auto;
		 		height:auto;
		 		position:relative;
		 		text-align:center;

		 		overflow:hidden;
		 		padding-top:330px;
				padding-bottom:130px;
				background-size:250%;
	     		transform: translate(0,0px);
		 		-ms-transform: translate(0,0px);
		 		-moz-transform: translate(0,0px);
		 		-webkit-transform: translate(0,0px);

				transform: rotate(0deg);
		 		-ms-transform: rotate(0deg);
		 		-moz-transform: rotate(0deg);
		 		-webkit-transform: rotate(0deg);

		 		transform: scale(1, 1);
		 		-ms-transform: scale(1, 1);
		 		-mOZ-transform: scale(1, 1);
		 		-webkit-transform: scale(1, 1);

		 		opacity:1;}


		 		.icons_container_inner {
					background:url(../img/bg_muestritas.png);
					border: 1px solid #f4f4f4;
					display: inline-block;
					letter-spacing: normal;
					width:48%;
					padding-top:5%;
					padding-bottom:5%;
					margin-right:3px;
					margin-bottom:3px;
					-webkit-transition-duration:.3s;
					color: #000;
					text-align: center;
					text-decoration: none;
					font-size:100%;
					text-shadow:0px 0px 4px #fff;
					}

					.the_icons {width:40%;transition: all .2s ease-in-out;opacity:1; margin-top:10px;}


				#container_four.animate {
					width:100%;
					margin:0 auto;
					height:auto;
					position:relative;
					text-align:center;
					background:#f1f1f1;
					overflow:hidden;
					padding-top:100px;
					padding-bottom:130px; background-size:120%;padding-left:0%; padding-right:0%;
	    			transform: translate(0,0);
					-ms-transform: translate(0,0);
					-moz-transform: translate(0,0);
					-webkit-transform: translate(0,0);

		 			transform: rotate(0deg);
		 			-ms-transform: rotate(0deg);
		 			-moz-transform: rotate(0deg);
		 			-webkit-transform: rotate(0deg);
					opacity:1;}


      #c_saber_mas {width:100%; height:0px; background:#f1f1f1}



				#container_five {
					width:100%;
					margin:0 auto;
					height:auto;
					position:relative;
					text-align:center;

					overflow:hidden;
					padding-top:120px;
					padding-left:0%;
					padding-right:0%;
					padding-bottom:130px;
					background-size:353%;}


				#container_six.animate {
					width:72%;
					margin:0 auto;
					height:auto;
					position:relative;
					text-align:center;
					background:url(../img/bg/bg_contactus.gif);
					overflow:hidden;
					padding-top:130px;
					padding-bottom:130px;
					background-size:210%;
					background-attachment:fixed;
					padding-left: 14%;
					padding-right: 14%;
					}

				#left_c {width:100%; height:auto; float:left; text-align: left; font-size: 170%; color:#fff;}

				h4 {font-size:120%; margin:0; font-weight: normal; text-align: center;}

				#right_c {width:100%; height:auto; float:right; text-align: center; color:#fff;}

				.logo_form_contacto {width:30%; margin-top:20%;}

				.yellow_btn {text-decoration: none; color:#ffc600; margin-top: 10%; width: 100%; display: block;}


				.logo_pie {width:20%;margin-top: 0%;}


				#IrInicio {
			 	position:fixed;
			 	width:40px;
			 	height: 40px;
			 	right:4px;
			 	bottom:30px;
			 	opacity:0.5;
			 	-webkit-transition-duration:3s;
			 	transition-duration:0.3s;
			    background:url(../img/top.png);
				-webkit-transform: rotate(180deg);
				transform: rotate(180deg);
				display: block;}




/*------------------------------------------------EL CATALOGO--------------------------------------------------------*/





				#container_productos {
					width:100%;
					margin:0 auto;
					height:auto;
					position:relative;
					text-align:center;
					background:url(../img/bg/bg_catalogo_full.gif);
					overflow:hidden;
					padding-top:40%;
					padding-bottom:130px;
					background-size:200%;
					background-attachment: fixed;
					}

				.the_icons_catalogo {height:100px;}


				#container_functions_header {
					width:100%;
					height:auto;
					padding-left:0%;
					padding-right:0%;
					padding-bottom:2%;
					color:#fff;
	 				font-size:130%;
	 				overflow:hidden;
	 				text-align:center;
	 			    margin-bottom: 10%;}

				#contiene_form_categories {float:left; width:100%; text-align:center; }
				#contiene_back_categories {float:left; width:100%; text-align:center; margin-bottom: 10%;}


				.campo_select {padding-top:1.5%; padding-bottom:1.5%; padding-left:2%; padding-right:2%; cursor:pointer;font-family: 'Open Sans Condensed', sans-serif;
	 font-size:100%; background:fff; color:#000; opacity: 0.7; width: 100%; }


				.btn_campo_select {
					padding-top:1.5%;
					padding-bottom:1.5%;
					text-align:center;
					font-size:100%;
					font-family: 'Open Sans Condensed', sans-serif;
					background:none;
	 				border:solid thin #fff;
	 				color:#fff;
	 				padding-left:10%;
	 				padding-right:10%;
	 				-webkit-transition-duration:0.3s;
	 				transition-duration:0.3s;
	 				text-decoration:none;
	 				margin-top:5%;
					}


				.icons_container_inner_catalogo {
					background:#fff;
					border: 1px solid #f4f4f4;
					display: inline-block;
					letter-spacing: normal;
					width:48%;
					padding-top:10%;
					padding-bottom:10%;
					margin-right:3px;
					margin-bottom:3px;
					-webkit-transition-duration:.3s;
					color: #000;
					text-align: center;
					text-decoration: none;
					font-size:110%;
					text-shadow:0px 0px 4px #fff;
					opacity:0.7;
					}


				    #container_services {
						width:100%;
						margin:0 auto;
						height:auto;
						position:relative;
						text-align:center;
						background:url(../img/bg/bg_servicios_full.gif);
						overflow:hidden;
						padding-top:35%;
						padding-bottom:130px;
						background-size:345%;
						background-position: -700px 0;
						background-attachment: fixed;
						}

					#container_left_services {width:70%; height:auto; float: none; margin: 0 auto; }
					#container_right_services {width:100%; height:auto; float: right;  text-align: left; font-size:70%; text-align: center;}


					/*PRODUCTS-VIEWS*/
					#pruducts_general {width:96%; }
					.img_faqs {width:100%;margin-left:0%;}
					.flor {width:4%;}

					#product_inner {width:70%; height:380px;}
					.title_description {text-align:center;}

					#left_container_unique_product {
					width:70%; 
					
					}
								
					/*PRODUCTS-VIEWS*/




		 }


		 /*vista 2*/

		 @media only screen and (min-width: 504px) and (max-width: 603px)
		 {


		 	.logo_int_presentacion {width:60%; float:left;margin-left: 20%;}
		 	#cont_watt_tel_float {float:left; width: 100%; margin-top:1.5%; margin-left:0%; }
		 		.img_icons_social_w {float:left; margin-top:0%; width:2.5%; margin-left:46%; opacity:0.8; width: 8%; display: block;}
		 	h3 {text-align:center; color:#fff; font-size:95%; font-weight:normal; margin:0; float:left; padding-top:1%; padding-left:0%; width:100%;}

		     .img_icons_social {float:right; margin-top:2.3%; width:2.5%; margin-left:0.5%; opacity:0.8; -webkit-transition-duration:0.3s;transition-duration:0.3s; display: none;}

		     .comenzar {
				display: block;
				width:70%;
				position: absolute;
				bottom: 13%;
				left:15%;
				z-index: 7000;
				text-align: center;
				font-size: 200%;
				text-decoration: none;
				padding: 0.7% 0 0.7% 0;
				-webkit-transition-duration:0.3s;
				transition-duration:0.3s;
				}


			#container_one nav {

			overflow:hidden;
			width:100%;
			padding-left:0%; padding-right:0%; padding-bottom:2% ;padding-top:2%;
			height:auto;
			text-align: center;
			}

			#container_one nav ul {
			list-style: none;
			overflow: hidden;
			display:block;
			width:100%;
			float:left;
			text-align:center;
			margin:0 auto;
			}

			#container_one nav ul li a {
			display: none;
			color:#fff;
			text-decoration: none;
			padding:1%;
			font-size:100%;
			-webkit-border-radius:2px;
			float: left;
			margin-left:0%;
			width:80%;
			}

			
			.btn_menu_boost {display: block;}








			#logo {width:30%; float:none; height:auto; margin:0 auto;margin-top:2%; margin-bottom: 1%; }

			h1 {text-align:center; font-size:220%; font-weight:normal; margin:0; padding-bottom:4%; padding-top:7%; }


			#container_two {
				width:80%;
				height:auto;
				position:relative;
				background-image:url(../img/bg/bg_nosotros.jpg);
				text-align:justify;
				padding-left:10%;
				padding-right:10%;
				font-size:130%;
				background-attachment:fixed;
				background-size:500%;
				padding-top:100px; padding-bottom:200px;
				background-position: -500px 100px;}





		 	#container_three.animate {
		 		width:100%;
		 		margin:0 auto;
		 		height:auto;
		 		position:relative;
		 		text-align:center;

		 		overflow:hidden;
		 		padding-top:300px;
				padding-bottom:130px;
				background-size:650%;
	     		transform: translate(0,0px);
		 		-ms-transform: translate(0,0px);
		 		-moz-transform: translate(0,0px);
		 		-webkit-transform: translate(0,0px);

				transform: rotate(0deg);
		 		-ms-transform: rotate(0deg);
		 		-moz-transform: rotate(0deg);
		 		-webkit-transform: rotate(0deg);

		 		transform: scale(1, 1);
		 		-ms-transform: scale(1, 1);
		 		-mOZ-transform: scale(1, 1);
		 		-webkit-transform: scale(1, 1);

		 		opacity:1;}


		 		.icons_container_inner {
					background:url(../img/bg_muestritas.png);
					border: 1px solid #f4f4f4;
					display: inline-block;
					letter-spacing: normal;
					width:100%;
					padding-top:5%;
					padding-bottom:5%;
					margin-right:3px;
					margin-bottom:3px;
					-webkit-transition-duration:.3s;
					color: #000;
					text-align: center;
					text-decoration: none;
					font-size:170%;
					text-shadow:0px 0px 4px #fff;
					}

					.the_icons {width:40%;transition: all .2s ease-in-out;opacity:1; margin-top:10px;}


				#container_four.animate {
					width:100%;
					margin:0 auto;
					height:auto;
					position:relative;
					text-align:center;
					background:#f1f1f1;
					overflow:hidden;
					padding-top:100px;
					padding-bottom:50px; background-size:120%;padding-left:0%; padding-right:0%;
	    			transform: translate(0,0);
					-ms-transform: translate(0,0);
					-moz-transform: translate(0,0);
					-webkit-transform: translate(0,0);

		 			transform: rotate(0deg);
		 			-ms-transform: rotate(0deg);
		 			-moz-transform: rotate(0deg);
		 			-webkit-transform: rotate(0deg);
					opacity:1;}

        #c_saber_mas {width:100%; height:0px; background:#f1f1f1}




				#container_five {
					width:100%;
					margin:0 auto;
					height:auto;
					position:relative;
					text-align:center;

					overflow:hidden;
					padding-top:90px;
					padding-left:0%;
					padding-right:0%;
					padding-bottom:130px;
					background-size:353%;}


				#container_six.animate {
					width:72%;
					margin:0 auto;
					height:auto;
					position:relative;
					text-align:center;
					background:url(../img/bg/bg_contactus.gif);
					overflow:hidden;
					padding-top:110px;
					padding-bottom:130px;
					background-size:310%;
					background-attachment:fixed;
					padding-left: 14%;
					padding-right: 14%;
					}

				#left_c {width:100%; height:auto; float:left; text-align: left; font-size: 170%; color:#fff;}

				h4 {font-size:120%; margin:0; font-weight: normal; text-align: center;}

				#right_c {width:100%; height:auto; float:right; text-align: center; color:#fff;}

				.logo_form_contacto {width:60%; margin-top:20%;}

				.yellow_btn {text-decoration: none; color:#ffc600; margin-top: 10%; width: 100%; display: block;}


				.logo_pie {width:40%;margin-top: 0%;}


				#IrInicio {
			 	position:fixed;
			 	width:40px;
			 	height: 40px;
			 	right:4px;
			 	bottom:30px;
			 	opacity:0.5;
			 	-webkit-transition-duration:3s;
			 	transition-duration:0.3s;
			    background:url(../img/top.png);
				-webkit-transform: rotate(180deg);
				transform: rotate(180deg);
				display: block;}




/*------------------------------------------------EL CATALOGO--------------------------------------------------------*/





				#container_productos {
					width:100%;
					margin:0 auto;
					height:auto;
					position:relative;
					text-align:center;
					background:url(../img/bg/bg_catalogo_full.gif);
					overflow:hidden;
					padding-top:50%;
					padding-bottom:130px;
					background-size:300%;
					background-attachment: fixed;
					}


				#container_functions_header {
					width:100%;
					height:auto;
					padding-left:0%;
					padding-right:0%;
					padding-bottom:2%;
					color:#fff;
	 				font-size:130%;
	 				overflow:hidden;
	 				text-align:center;
	 			    margin-bottom: 10%;}

				#contiene_form_categories {float:left; width:100%; text-align:center; }
				#contiene_back_categories {float:left; width:100%; text-align:center; margin-bottom: 10%;}


				.campo_select {padding-top:1.5%; padding-bottom:1.5%; padding-left:2%; padding-right:2%; cursor:pointer;font-family: 'Open Sans Condensed', sans-serif;
	 font-size:100%; background:fff; color:#000; opacity: 0.7; width: 100%; }


				.btn_campo_select {
					padding-top:1.5%;
					padding-bottom:1.5%;
					text-align:center;
					font-size:100%;
					font-family: 'Open Sans Condensed', sans-serif;
					background:none;
	 				border:solid thin #fff;
	 				color:#fff;
	 				padding-left:10%;
	 				padding-right:10%;
	 				-webkit-transition-duration:0.3s;
	 				transition-duration:0.3s;
	 				text-decoration:none;
	 				margin-top:5%;
					}


				.icons_container_inner_catalogo {
					background:#fff;
					border: 1px solid #f4f4f4;
					display: inline-block;
					letter-spacing: normal;
					width:100%;
					padding-top:20%;
					padding-bottom:10%;
					margin-right:3px;
					margin-bottom:3px;
					-webkit-transition-duration:.3s;
					color: #000;
					text-align: center;
					text-decoration: none;
					font-size:140%;
					text-shadow:0px 0px 4px #fff;
					opacity:0.7;
					}


				    #container_services {
						width:100%;
						margin:0 auto;
						height:auto;
						position:relative;
						text-align:center;
						background:url(../img/bg/bg_servicios_full.gif);
						overflow:hidden;
						padding-top:50%;
						padding-bottom:130px;
						background-size:345%;
						background-position: -700px 0;
						background-attachment: fixed;
						}

					#container_left_services {width:100%; height:auto; float: left; }
					#container_right_services {width:100%; height:auto; float: right;  text-align: left; font-size:70%; text-align: center;}

					/*PRODUCTS-VIEWS*/
					#pruducts_general {width:90%; }
					#float_left_faqs_text {float:left; width:96%; border:solid thin #f1f1f1; background:#f8f8f8; padding:2%;}
					#float_right_faqs_img {float:right; width:98%; border:solid thin #f1f1f1; background:#f8f8f8; padding:1%;}
					.img_faqs {width:100%;margin-left:0%;}
					.flor {width:5%;}
					#product_inner {width:90%; height:320px;}
					.title_description {text-align:center;}
					#left_container_unique_product {
					width:80%; 
					
					}
								
					/*PRODUCTS-VIEWS*/

		 }



     /*vista 1*/

		 @media only screen and (min-width: 240px) and (max-width: 503px)
		 {

		 	.logo_int_presentacion {width:60%; float:left;margin-left: 20%;}
		 	#cont_watt_tel_float {float:left; width: 100%; margin-top:1.5%; margin-left:0%; }
		 		.img_icons_social_w {float:left; margin-top:0%; width:2.5%; margin-left:46%; opacity:0.8; width: 8%; display: block;}
		 	h3 {text-align:center; color:#fff; font-size:80%; font-weight:normal; margin:0; float:left; padding-top:1%; padding-left:0%; width:100%;}

		     .img_icons_social {float:right; margin-top:2.3%; width:2.5%; margin-left:0.5%; opacity:0.8; -webkit-transition-duration:0.3s;transition-duration:0.3s; display: none;}

		    .comenzar {
				display: block;
				width:70%;
				position: absolute;
				bottom: 13%;
				left:15%;
				z-index: 7000;
				text-align: center;
				font-size: 200%;
				text-decoration: none;
				padding: 0.7% 0 0.7% 0;
				-webkit-transition-duration:0.3s;
				transition-duration:0.3s;
				}




			#container_one nav {

			overflow:hidden;
			width:100%;
			padding-left:0%; padding-right:0%; padding-bottom:2% ;padding-top:2%;
			height:auto;
			text-align: center;
			}

			#container_one nav ul {
			list-style: none;
			overflow: hidden;
			display:block;
			width:100%;
			float:left;
			text-align:center;
			margin:0 auto;
			}

			#container_one nav ul li a {
			display: none;
			color:#fff;
			text-decoration: none;
			padding:1%;
			font-size:100%;
			-webkit-border-radius:2px;
			float: left;
			margin-left:0%;
			width:80%;
			}

			

			.btn_menu_boost {display: block;}








			#logo {width:30%; float:none; height:auto; margin:0 auto;margin-top:2%; margin-bottom: 1%; }

			h1 {text-align:center; font-size:220%; font-weight:normal; margin:0; padding-bottom:4%; padding-top:7%;}


			#container_two {
				width:80%;
				height:auto;
				position:relative;
				background-image:url(../img/bg/bg_nosotros.jpg);
				text-align:justify;
				padding-left:10%;
				padding-right:10%;
				font-size:130%;
				background-attachment:fixed;
				background-size:500%;
				padding-top:80px;
				padding-bottom:0px;
				background-position: -500px 100px;}





		 	#container_three.animate {
		 		width:100%;
		 		margin:0 auto;
		 		height:auto;
		 		position:relative;
		 		text-align:center;

		 		overflow:hidden;
		 		padding-top:250px;
				padding-bottom:130px;
				background-size:670%;
	     		transform: translate(0,0px);
		 		-ms-transform: translate(0,0px);
		 		-moz-transform: translate(0,0px);
		 		-webkit-transform: translate(0,0px);

				transform: rotate(0deg);
		 		-ms-transform: rotate(0deg);
		 		-moz-transform: rotate(0deg);
		 		-webkit-transform: rotate(0deg);

		 		transform: scale(1, 1);
		 		-ms-transform: scale(1, 1);
		 		-mOZ-transform: scale(1, 1);
		 		-webkit-transform: scale(1, 1);

		 		opacity:1;}


		 		.icons_container_inner {
					background:url(../img/bg_muestritas.png);
					border: 1px solid #f4f4f4;
					display: inline-block;
					letter-spacing: normal;
					width:100%;
					padding-top:5%;
					padding-bottom:5%;
					margin-right:3px;
					margin-bottom:3px;
					-webkit-transition-duration:.3s;
					color: #000;
					text-align: center;
					text-decoration: none;
					font-size:170%;
					text-shadow:0px 0px 4px #fff;
					}

					.the_icons {width:40%;transition: all .2s ease-in-out;opacity:1; margin-top:10px;}


				#container_four.animate {
					width:100%;
					margin:0 auto;
					height:auto;
					position:relative;
					text-align:center;
					background:#f1f1f1;
					overflow:hidden;
					padding-top:80px;
					padding-bottom:0px;
					background-size:120%;
					padding-left:0%;
					padding-right:0%;
	    		transform: translate(0,0);
					-ms-transform: translate(0,0);
					-moz-transform: translate(0,0);
					-webkit-transform: translate(0,0);

		 			transform: rotate(0deg);
		 			-ms-transform: rotate(0deg);
		 			-moz-transform: rotate(0deg);
		 			-webkit-transform: rotate(0deg);
					opacity:1;}


        #c_saber_mas {width:100%; height:0px; background:#f1f1f1}



				#container_five {
					width:100%;
					margin:0 auto;
					height:auto;
					position:relative;
					text-align:center;

					overflow:hidden;
					padding-top:130px;
					padding-left:0%;
					padding-right:0%;
					padding-bottom:130px;
					background-size:353%;}


				#container_six.animate {
					width:72%;
					margin:0 auto;
					height:auto;
					position:relative;
					text-align:center;
					background:url(../img/bg/bg_contactus.gif);
					overflow:hidden;
					padding-top:90px;
					padding-bottom:130px;
					background-size:310%;
					background-attachment:fixed;
					padding-left: 14%;
					padding-right: 14%;
					}




				#left_c {width:100%; height:auto; float:left; text-align: left; font-size: 170%; color:#fff;}

				h4 {font-size:120%; margin:0; font-weight: normal; text-align: center;}

				#right_c {width:100%; height:auto; float:right; text-align: center; color:#fff;}

				.logo_form_contacto {width:60%; margin-top:20%;}

				.yellow_btn {text-decoration: none; color:#ffc600; margin-top: 10%; width: 100%; display: block;}


				.logo_pie {width:40%;margin-top: 0%;}


				#IrInicio {
			 	position:fixed;
			 	width:40px;
			 	height: 40px;
			 	right:4px;
			 	bottom:30px;
			 	opacity:0.5;
			 	-webkit-transition-duration:3s;
			 	transition-duration:0.3s;
			    background:url(../img/top.png);
				-webkit-transform: rotate(180deg);
				transform: rotate(180deg);
				display: block;}




/*------------------------------------------------EL CATALOGO--------------------------------------------------------*/





				#container_productos {
					width:100%;
					margin:0 auto;
					height:auto;
					position:relative;
					text-align:center;
					background:url(../img/bg/bg_catalogo_full.gif);
					overflow:hidden;
					padding-top:50%;
					padding-bottom:130px;
					background-size:1000%;
					background-attachment: fixed;
					}


				#container_functions_header {
					width:100%;
					height:auto;
					padding-left:0%;
					padding-right:0%;
					padding-bottom:2%;
					color:#fff;
	 				font-size:130%;
	 				overflow:hidden;
	 				text-align:center;
	 			    margin-bottom: 10%;}

				#contiene_form_categories {float:left; width:100%; text-align:center; }
				#contiene_back_categories {float:left; width:100%; text-align:center; margin-bottom: 10%;}


				.campo_select {padding-top:1.5%; padding-bottom:1.5%; padding-left:2%; padding-right:2%; cursor:pointer;font-family: 'Open Sans Condensed', sans-serif;
	 font-size:100%; background:fff; color:#000; opacity: 0.7; width: 100%; }


				.btn_campo_select {
					padding-top:2%;
					padding-bottom:2%;
					text-align:center;
					font-size:90%;
					font-family: 'Open Sans Condensed', sans-serif;
					background:none;
	 				border:solid thin #fff;
	 				color:#fff;
	 				padding-left:5%;
	 				padding-right:5%;
	 				-webkit-transition-duration:0.3s;
	 				transition-duration:0.3s;
	 				text-decoration:none;
	 				margin-top:5%;
					}


				.icons_container_inner_catalogo {
					background:#fff;
					border: 1px solid #f4f4f4;
					display: inline-block;
					letter-spacing: normal;
					width:100%;
					padding-top:20%;
					padding-bottom:10%;
					margin-right:3px;
					margin-bottom:3px;
					-webkit-transition-duration:.3s;
					color: #000;
					text-align: center;
					text-decoration: none;
					font-size:140%;
					text-shadow:0px 0px 4px #fff;
					opacity:0.7;
					}


				    #container_services {
						width:100%;
						margin:0 auto;
						height:auto;
						position:relative;
						text-align:center;
						background:url(../img/bg/bg_servicios_full.gif);
						overflow:hidden;
						padding-top:50%;
						padding-bottom:130px;
						background-size:345%;
						background-position: -700px 0;
						background-attachment: fixed;
						}

					#container_left_services {width:100%; height:auto; float: left; }
					#container_right_services {width:100%; height:auto; float: right;  text-align: left; font-size:70%; text-align: center;}


					h5 {color:#fff; font-size:200%; font-weight:normal; margin:0;}


					/*PRODUCTS-VIEWS*/
					#pruducts_general {width:100%; }
					#float_left_faqs_text {float:left; width:96%; border:solid thin #f1f1f1; background:#f8f8f8; padding:2%;}
					#float_right_faqs_img {float:right; width:98%; border:solid thin #f1f1f1; background:#f8f8f8; padding:1%;}
					.img_faqs {width:100%;margin-left:0%;}
					.flor {width:8%;}
					#product_inner {width:90%; height:290px;}
					.title_description {text-align:center;}
					#left_container_unique_product {
					width:80%; 
					
					}
								
					/*PRODUCTS-VIEWS*/



		 		}
