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

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

		 @media only screen and (min-width: 1903px) and (max-width: 2080px) 
		 {


		 
		 }

		  @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 {
					background:#AC0F13;
					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;}

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

		 	.img_icons_social_w {float:left; margin-top:2.3%; width:2.5%; margin-left:2%; opacity:0.8; width: 9%; 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:26%; 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; 
				color:#ffc600; 
				text-align: center;
				font-size: 200%;
				text-decoration: none;
				border:solid thin #ffc600;
				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 {
					background:#AC0F13;
					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;width: 100%; background:#AC0F13;color:#fff; text-decoration: none;padding-top:1%; padding-bottom: 1%;}


				#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%;
					color:#fff; 
					font-size:130%; 
					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; 
		 		background:url(../img/bg/bg_catalogo.gif);
		 		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:140%; 
		 			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; 
					background:url(../img/bg/disenio_web.gif);
					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%;}
		 
		 }
		 
		 @media only screen and (min-width: 1025px) and (max-width: 1280px) 
		 {

		 	.img_icons_social_w {float:left; margin-top:2.3%; 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; 
				color:#ffc600; 
				text-align: center;
				font-size: 200%;
				text-decoration: none;
				border:solid thin #ffc600;
				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 {
					background:#AC0F13;
					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;width: 100%; background:#AC0F13;color:#fff; text-decoration: none;padding-top:1%; padding-bottom: 1%;}


				#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%;
					color:#fff; 
					font-size:130%; 
					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; 
		 		background:url(../img/bg/bg_catalogo.gif);
		 		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; 
					background:url(../img/bg/disenio_web.gif);
					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%;}


		 
		 }
		 
		 @media only screen and (min-width: 854px) and (max-width: 1024px) 
		 {
			.img_icons_social_w {float:left; margin-top:2.3%; 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; 
				color:#ffc600; 
				text-align: center;
				font-size: 200%;
				text-decoration: none;
				border:solid thin #ffc600;
				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 {
					background:#AC0F13;
					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;width: 100%; background:#AC0F13;color:#fff; text-decoration: none;padding-top:1%; padding-bottom: 1%;}


				#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%;
					color:#fff; 
					font-size:130%; 
					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; 
		 		background:url(../img/bg/bg_catalogo.gif);
		 		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; 
					background:url(../img/bg/disenio_web.gif);
					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%;}







		 		







		 }

		 



		 @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; 
				color:#ffc600; 
				text-align: center;
				font-size: 200%;
				text-decoration: none;
				border:solid thin #ffc600;
				padding: 0.7% 0 0.7% 0;
				-webkit-transition-duration:0.3s;
				transition-duration:0.3s;
				}


			#container_one nav {
			background:#AC0F13;
			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;width: 100%; background:#AC0F13;color:#fff; text-decoration: none;padding-top:1%; padding-bottom: 1%;}


			

			



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

			h1 {text-align:center; color:#fff; font-size:220%; font-weight:normal; margin:0; padding-bottom:4%; padding-top:7%;
text-shadow:0px 1px 5px #951e1e;  }


			#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%;
				color:#fff; 
				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; 
		 		background:url(../img/bg/bg_catalogo.gif);
		 		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:330px;
					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;}






				#container_five {
					width:100%; 
					margin:0 auto; 
					height:auto; 
					position:relative; 
					text-align:center; 
					background:url(../img/bg/disenio_web.gif);
					overflow:hidden;
					padding-top:330px; 
					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:330px; 
					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;}



			
		 }
			
		 @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; 
				color:#ffc600; 
				text-align: center;
				font-size: 200%;
				text-decoration: none;
				border:solid thin #ffc600;
				padding: 0.7% 0 0.7% 0;
				-webkit-transition-duration:0.3s;
				transition-duration:0.3s;
				}


			#container_one nav {
			background:#AC0F13;
			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;width: 100%; background:#AC0F13;color:#fff; text-decoration: none;padding-top:1%; padding-bottom: 1%;}


			

			



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

			h1 {text-align:center; color:#fff; font-size:220%; font-weight:normal; margin:0; padding-bottom:4%; padding-top:7%;
text-shadow:0px 1px 5px #951e1e;  }


			#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%;
				color:#fff; 
				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; 
		 		background:url(../img/bg/bg_catalogo.gif);
		 		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:300px;
					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;}






				#container_five {
					width:100%; 
					margin:0 auto; 
					height:auto; 
					position:relative; 
					text-align:center; 
					background:url(../img/bg/disenio_web.gif);
					overflow:hidden;
					padding-top:300px; 
					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:300px; 
					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;}
			
		 }


		 


		 @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; 
				color:#ffc600; 
				text-align: center;
				font-size: 200%;
				text-decoration: none;
				border:solid thin #ffc600;
				padding: 0.7% 0 0.7% 0;
				-webkit-transition-duration:0.3s;
				transition-duration:0.3s;
				}


			#container_one nav {
			background:#AC0F13;
			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;width: 100%; background:#AC0F13;color:#fff; text-decoration: none;padding-top:1%; padding-bottom: 1%;}


			

			



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

			h1 {text-align:center; color:#fff; font-size:220%; font-weight:normal; margin:0; padding-bottom:4%; padding-top:7%;
text-shadow:0px 1px 5px #951e1e;  }


			#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%;
				color:#fff; 
				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; 
		 		background:url(../img/bg/bg_catalogo.gif);
		 		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:250px;
					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;}






				#container_five {
					width:100%; 
					margin:0 auto; 
					height:auto; 
					position:relative; 
					text-align:center; 
					background:url(../img/bg/disenio_web.gif);
					overflow:hidden;
					padding-top:250px; 
					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:250px; 
					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;}

				


				

			 
		 		}