@charset 'utf-8';

	/* Portrait */

	@media screen and (max-device-width: 480px) and (orientation: portrait) { }
	
	/* Portrait or Landscape */
	
	@media screen and (min-device-width: 480px) and (max-device-width: 640px) { }

	/* Landscape  */
	
	@media screen and (max-device-width: 640px) and (orientation: landscape) { }
	
	/* iPhone 4+ Portrait or Landscape */
	
	@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { }
	
	/* Tablets Portrait or Landscape */
	
	@media screen and (min-device-width: 769px) and (max-device-width: 1024px) { }
	
/* --------------------------------------- */	
	
	/* Desktops */

	@media screen and (max-width: 480px) { 
	
	h2 { text-align: center; }

	h3 { font-size: 25px; }
	
	hr { margin-left: auto; margin-right: auto; }	
	
	.view { margin-left: auto; margin-right: auto; }

	.active { width: 100%; }
	
	/* Header */
	
	#header { padding-bottom: 20px; height: 160px; background-color: #ccc; }
	
	/* Logo */
	
	#logo { margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 10px; width: 100%; height: auto; float: none; }

	#logo p { text-align: center; }

	#logo p img { width: 70% }

	/* Lenguage */

	.lenguage { margin: 0;  }
	
	/* Social */
		
	.social { position: fixed; right: 10px; top: 170px; z-index: 3; }
	
		.social ul li a { margin-bottom: 2px; width: 30px; height: 30px; padding: 5px; }

	/* Menú */
	
	#menu { width: auto; height: auto; background: none; top: 0; left: 0; z-index: 1000;
		
			-webkit-box-shadow: none;
			   -moz-box-shadow: none;
					box-shadow: none;		

		}
		
			#menu #button { display: block; }
		
			#menu ul { width: 280px; height: 100%; background-color: #222; display: block; text-align: left; position: absolute; top: 0; left: -280px; overflow-x: hidden; overflow-y: auto; position: fixed; z-index: 1000; }
		
				#menu ul li { display: block; line-height: normal; float: none; }
				
					#menu ul li a { width: 150px; margin-left: 0; padding: 10px 20px; }
					
					#menu li span { width: 150px; margin-left: 0; padding: 10px 20px; }				
					
				#menu ul li > ul { margin-bottom: 0; position: static; visibility: visible; opacity: 1;
			
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					   opacity: 1;
						filter: alpha(opacity=100);
				
				}
				
					#menu ul li ul li a { padding: 10px 20px; }
		
					#menu ul li ul li span { padding: 10px 20px; }
				
				#menu .desktop { display: none; }
	
				#menu .responsive { display: inline-block; }	

	/* Rotator */
	
	#rotator { margin-top: 160px; height: 350px; background-color: #fc0; }
	
		/* Sliders */
	
		#rotator .sliders { margin: 0 auto; width: 100%; height: auto; }
		
			/* Slider */
	
			#rotator .sliders .slider { width: 100%; height: 100%; position: absolute; overflow: hidden; }
			
				#rotator .sliders .slider .image { width: 100%; height: 100%; background-color: #1a1a1a; float: left; }
				
				#rotator .sliders .slider p img { width: 100%; height: 100%; }
	
	/* Article */

			#rotator .sliders .slider .article { padding-bottom: 20px; width: 100%; margin-top: 163px; float: left; position: absolute; text-align: center; line-height: 0.5; background-color: #fc0; }

			#rotator .sliders .slider .article h1 { font-size: 30px; }

			#rotator .sliders .slider .article h2 { font-size: 20px; }

			#rotator .sliders .slider .article .view { background-color: #ccc; }

	/* Pager */
		
		#rotator .pager { display: none; }

	/* Lust */

	#lust { height: 100%; }
				
			/* Article */
			
			#lust .active .article { margin-left: auto; margin-right: auto; padding-bottom: 20px; width: 100%; height: 100%; float: none; }

			#lust .active h3 { padding: 0 10px 0 10px; }

			#lust .active .article p img { width: 100%; height: 100%; }
			
			#lust .icon { margin-left: auto; margin-right: auto; height: 100%; float: none; }

	
	/* Featured */
	
	#featured { padding-bottom: 70px; width: 100%; background-color: #fc0; }

			#featured .block { margin-left: 0; float: none; width: 100%; padding-top: 50px; }

			#featured .block h4 { margin-left: 0; padding: 20px 10px 0 10px; font-size: 24px; width: 100%; text-align: center; color: #330; }

	/* Promotion */

	#promotion .summary-right { padding: 5%; width: 100%; height: auto; float: none; text-align: justify; }

	#promotion .summary-right p { padding: 10px; width: 100%; height: 100%; float: none; }

	#promotion .summary-right h3 { padding: 10px; width: 100%; height: 100%; float: none; text-align: center; }

	#promotion .summary-left { padding: 5%; width: 100%; height: auto; float: none; text-align: justify; }

	#promotion .summary-left p { padding: 10px; width: 100%; height: 100%; float: none; }

	#promotion .summary-left h3 { padding: 10px; width: 100%; height: 100%; float: none; text-align: center; }

	#promotion .image-right { width: 100%; height: 100%; background-image: url(../img/reduce-costos.jpg); background-position: center; background-repeat: no-repeat; background-size:cover; float: none; }

	#promotion .image-right p { margin-left: 0; margin-top: 0; text-align: center; }

	#promotion .image-left {  width: 100%; height: 100%; background-image: url(../img/iluminacion-solar.jpg); background-position: center; background-repeat: no-repeat; background-size:cover; float: none; }

	#promotion .image-left p { margin-right: 0; margin-top: 0; text-align: center; }

	/* Convenios */
	
	.convenios { padding-top: 50px; width: 100%; height: 500px; }

	.convenios p { padding: 10px; width: 50%; float: left; margin-right: 0; text-align: center; }

	.convenios p img { width: 120px; }

	.convenios .max img { width: 200px; padding: 10px; }

	/* Headline */

	 .headline { margin-right: auto; margin-left: auto; margin-bottom: 30px; padding: 0 10px 0 10px; width: 100%; }

		.headline p { padding-top: 30px; margin-left: 0; width: 100%; text-align: justify; }

		.headline h2 { font-size: 35px; }

	/* Partner */

	#partner p { width: 100%; padding-bottom: 80px; text-align: center; }

	#partner p img { max-width: 360px; }

	
	/* Factory */
	
	#factory { width: 100%; }

	#factory .headline { height: auto; background-size: 250px 354px;  }

		/* Block */

		#factory .active .factory-block { margin-top: 0 !important; padding: 10px !important; width: 100% !important; height: auto; float: none; }

		/* Background Image */

		#factory .active .back-left { margin-top: 50px; }

		#factory .active .back-right { margin-left: 0; }

	/* Que hacemos */

	#hacemos p { font-size: 20px; padding-bottom: 20px; }

	/* Misión - Visión */

	#mision-vision { width: 100%; height: auto; }

		#mision-vision .mision { padding-top: 10px; padding-bottom: 10px; width: 100% !important; height: auto; float: none; }

		#mision-vision .mision .article { padding: 10px !important; width: 100% !important; float: none; }

		#mision-vision .mision .article h2 { margin-bottom: 90px; height: 150px; }

		#mision-vision .vision { padding-top: 10px; padding-bottom: 10px; width: 100% !important; height: auto; float: none; }

		#mision-vision .vision .article { padding: 10px !important; width: 100% !important; float: none; }

		#mision-vision .vision .article h2 { margin-bottom: 90px; height: 150px; }


	/* Sección de Servicios */

	#section-services { padding-top: 65px; width: 100%; height: auto; background-color: #fff2c3; background-image: url(../img/arrow-fc0.png); background-position: 50% 0; background-repeat: no-repeat; }

	#section-services .section { height: auto; padding-left: 0 !important; background-color: #fff2c3; overflow-y: hidden; }

	#section-services .section .icon { width: 100%; float: none; text-align: center; }

	#section-services .section .article { margin-top: 50px; width: 100% !important; float: none; }

	#section-services .section .article h4 { text-align: center; }

	#section-services .section .article p { padding: 10px; text-align: justify; }

	#section-services .separador p { text-align: center; }

	#section-services .separador p img { width: 90%; }

	/* Fotovoltaicos */

	#fotovoltaicos img { width: 90%; }

	/* Alcance */

	#alcance .block { margin-left: 0!important; padding: 0 10px 10px 10px; width: 100% !important; float: none; }
				
	/* Contact */

	#contact .active .block { padding: 10px; width: 100%; float: none; text-align: center; }
	
	#contact .active .form { margin-left: 0 !important; width: 100% !important; padding: 5px; float: none; }

	#contact form { width: 100%; }

	#contact .active .form form input[type=submit] { margin-top: 10px; width: 100%; height: 50px; }

	/* Adress */
	
	.adress { padding: 10px; margin-left: 0 !important; float: none; width: 100% !important; text-align: justify; }
	
	.adress hr { margin: 0 auto !important; margin-bottom: 30px !important; }
	
	.adress h2 { font-size: 20px; padding-top: 40px; }

	.adress b { text-align: justify; }
	
	/* Footer */
	
		#footer .active { padding-top: 30px; padding-bottom: 30px; }
		
			#footer .active .block { margin: 0; padding-bottom: 50px; width: 100%; float: none; }
		
			#footer .active .block p { text-align: center; }

			#footer .active .block hr { margin-right: 0; margin-left: 0; }

			/* Social Footer */

			.right { margin-right: 0; padding-bottom: 50px; width: 100%; float: none; }

			#social { display: none; }

			#footer .active .right p { text-align: center; }

	/* Fly */
		
	#fly { width: 100%; height: 40px; background-color: #231f20; }
	
		#fly .active p { text-align: center; }	
		
	/* --------------------------------------- */				

	
	/* Headline */
	
	#headline { width: 100%; height: 100%; background-color: #f5f5f5; }
				
			#headline .active .image { width: 100%; height: 100%; }	

			#headline .active .image p img { width: 100%; height: auto; }
			
	/* Section */
	
	.sp { padding-top: 0; padding-bottom: 0; }
	
		.section .image, .section .summary { width: 100%; text-align: justify; }

	/* Go */

	#go { display: none !important; }

	/* Carousel */

	.carousel { display: none !important; }

	.desktop { display: none; }

	/* Banner */
	
	.banner { margin-top: 160px; width: 100%; height: 100%; }

		.banner .title { display: none; }

	/* Outstanding */

	.outstanding  { width: 100%; height: auto; padding: 20px; background-color: #fc0; display: inline-block; }

	.outstanding h1 { color: #fff; text-align: center; font-size: 30px; font-weight: 600; }

	.outstanding h2 { color: #fff; text-align: center; font-size: 20px; font-weight: 600; }
				
	}


	@media screen and (min-width: 481px) and (max-width: 640px) { 
	
	h2 { text-align: center; }

	h3 { font-size: 25px; }
	
	hr { margin-left: auto; margin-right: auto; }	
	
	.view { margin-left: auto; margin-right: auto; }

	.active { width: 100%; }
	
	/* Header */
	
	#header { padding-bottom: 20px; height: auto; background-color: #ccc; }
	
	/* Logo */
	
	#logo { margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 10px; width: 100%; height: auto; float: none; }

	#logo p { text-align: center; }

	#logo p img { width: 70% }

	/* Lenguage */

	.lenguage { margin: 0;  }
	
	/* Social */
		
	.social { position: fixed; right: 10px; top: 170px; z-index: 3; }
	
		.social ul li a { margin-bottom: 2px; width: 30px; height: 30px; padding: 5px; }

	/* Menú */
	
	#menu { width: auto; height: auto; background: none; top: 0; left: 0; z-index: 1000;
		
			-webkit-box-shadow: none;
			   -moz-box-shadow: none;
					box-shadow: none;		

		}
		
			#menu #button { display: block; }
		
			#menu ul { width: 280px; height: 100%; background-color: #222; display: block; text-align: left; position: absolute; top: 0; left: -280px; overflow-x: hidden; overflow-y: auto; position: fixed; z-index: 1000; }
		
				#menu ul li { display: block; line-height: normal; float: none; }
				
					#menu ul li a { width: 150px; margin-left: 0; padding: 10px 20px; }
					
					#menu li span { width: 150px; margin-left: 0; padding: 10px 20px; }				
					
				#menu ul li > ul { margin-bottom: 0; position: static; visibility: visible; opacity: 1;
			
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					   opacity: 1;
						filter: alpha(opacity=100);
				
				}
				
					#menu ul li ul li a { padding: 10px 20px; }
		
					#menu ul li ul li span { padding: 10px 20px; }
				
				#menu .desktop { display: none; }
	
				#menu .responsive { display: inline-block; }	

	/* Rotator */
	
	#rotator { margin-top: 150px; height: 350px; }
	
		/* Sliders */
	
		#rotator .sliders { margin: 0 auto; width: 100%; height: 350px; }
		
			/* Slider */
	
			#rotator .sliders .slider { width: 100%; height: 100%; position: absolute; overflow: hidden; }
			
				#rotator .sliders .slider .image { width: 100%; height: 100%; background-color: #1a1a1a; float: left; }
				
				#rotator .sliders .slider p img { width: 100%; height: 100%; }
	
	/* Article */

			#rotator .sliders .slider .article { padding-bottom: 20px; width: 100%; margin-top: 163px; float: left; position: absolute; text-align: center; line-height: 0.5; background-color: #fc0; }

			#rotator .sliders .slider .article h1 { font-size: 30px; }

			#rotator .sliders .slider .article h2 { font-size: 20px; }

			#rotator .sliders .slider .article .view { background-color: #ccc; }

	/* Pager */
		
		#rotator .pager { display: none; }

	/* Lust */

	#lust { height: 100%; }
				
			/* Article */
			
			#lust .active .article { margin-left: auto; margin-right: auto; padding-bottom: 20px; width: 100%; height: 100%; float: none; }

			#lust .active h3 { padding: 0 10px 0 10px; }

			#lust .active .article p img { width: 100%; height: 100%; }
			
			#lust .icon { margin-left: auto; margin-right: auto; height: 100%; float: none; }

	
	/* Featured */
	
	#featured { padding-bottom: 70px; width: 100%; background-color: #fc0; }

			#featured .block { margin-left: 0; float: none; width: 100%; padding-top: 50px; }

			#featured .block h4 { margin-left: 0; padding: 20px 10px 0 10px; font-size: 24px; width: 100%; text-align: center; color: #330; }

	/* Promotion */

	#promotion .summary-right { padding: 5%; width: 100%; height: auto; float: none; text-align: justify; }

	#promotion .summary-right p { padding: 10px; width: 100%; height: 100%; float: none; }

	#promotion .summary-right h3 { padding: 10px; width: 100%; height: 100%; float: none; text-align: center; }

	#promotion .summary-left { padding: 5%; width: 100%; height: auto; float: none; text-align: justify; }

	#promotion .summary-left p { padding: 10px; width: 100%; height: 100%; float: none; }

	#promotion .summary-left h3 { padding: 10px; width: 100%; height: 100%; float: none; text-align: center; }

	#promotion .image-right { width: 100%; height: 100%; background-image: url(../img/reduce-costos.jpg); background-position: center; background-repeat: no-repeat; background-size:cover; float: none; }

	#promotion .image-right p { margin-left: 0; margin-top: 0; text-align: center; }

	#promotion .image-left {  width: 100%; height: 100%; background-image: url(../img/iluminacion-solar.jpg); background-position: center; background-repeat: no-repeat; background-size:cover; float: none; }

	#promotion .image-left p { margin-right: 0; margin-top: 0; text-align: center; }

	/* Convenios */
	
	.convenios { padding-top: 50px; width: 100%; height: 500px; }

	.convenios p { padding: 10px; width: 50%; float: left; margin-right: 0; text-align: center; }

	.convenios p img { width: 120px; }

	.convenios .max img { width: 200px; padding: 10px; }

	/* Headline */

	 .headline { margin-right: auto; margin-left: auto; margin-bottom: 30px; padding: 0 10px 0 10px; width: 100%; }

		.headline p { padding-top: 30px; margin-left: 0; width: 100%; text-align: justify; }

		.headline h2 { font-size: 35px; }

	/* Partner */

	#partner p { width: 100%; padding-bottom: 80px; text-align: center; }

	#partner p img { max-width: 360px; }

	
	/* Factory */
	
	#factory { width: 100%; }

	#factory .headline { height: auto; background-size: 250px 354px;  }

		/* Block */

		#factory .active .factory-block { margin-top: 0 !important; padding: 10px !important; width: 100% !important; height: auto; float: none; }

		/* Background Image */

		#factory .active .back-left { margin-top: 50px; }

		#factory .active .back-right { margin-left: 0; }

	/* Que hacemos */

	#hacemos p { font-size: 20px; padding-bottom: 20px; }

	/* Misión - Visión */

	#mision-vision { width: 100%; height: auto; }

		#mision-vision .mision { padding-top: 10px; padding-bottom: 10px; width: 100% !important; height: auto; float: none; }

		#mision-vision .mision .article { padding: 10px !important; width: 100% !important; float: none; }

		#mision-vision .mision .article h2 { margin-bottom: 90px; height: 150px; }

		#mision-vision .vision { padding-top: 10px; padding-bottom: 10px; width: 100% !important; height: auto; float: none; }

		#mision-vision .vision .article { padding: 10px !important; width: 100% !important; float: none; }

		#mision-vision .vision .article h2 { margin-bottom: 90px; height: 150px; }


	/* Sección de Servicios */

	#section-services { padding-top: 65px; width: 100%; height: auto; background-color: #fff2c3; background-image: url(../img/arrow-fc0.png); background-position: 50% 0; background-repeat: no-repeat; }

	#section-services .section { height: auto; padding-left: 0 !important; background-color: #fff2c3; overflow-y: hidden; }

	#section-services .section .icon { width: 100%; float: none; text-align: center; }

	#section-services .section .article { margin-top: 50px; width: 100% !important; float: none; }

	#section-services .section .article h4 { text-align: center; }

	#section-services .section .article p { padding: 10px; text-align: justify; }

	#section-services .separador p { text-align: center; }

	#section-services .separador p img { width: 90%; }

	/* Fotovoltaicos */

	#fotovoltaicos img { width: 90%; }

	/* Alcance */

	#alcance .block { margin-left: 0!important; padding: 0 10px 10px 10px; width: 100% !important; float: none; }
				
	/* Contact */

	#contact .active .block { padding: 10px; width: 100%; float: none; text-align: center; }
	
	#contact .active .form { margin-left: 0 !important; width: 100% !important; padding: 5px; float: none; }

	#contact form { width: 100%; }

	#contact .active .form form input[type=submit] { margin-top: 10px; width: 100%; height: 50px; }

	/* Adress */
	
	.adress { padding: 10px; margin-left: 0 !important; float: none; width: 100% !important; text-align: justify; }
	
	.adress hr { margin: 0 auto !important; margin-bottom: 30px !important; }
	
	.adress h2 { font-size: 20px; padding-top: 40px; }

	.adress b { text-align: justify; }
	
	/* Footer */
	
		#footer .active { padding-top: 30px; padding-bottom: 30px; }
		
			#footer .active .block { margin: 0; padding-bottom: 50px; width: 100%; float: none; }
		
			#footer .active .block p { text-align: center; }

			#footer .active .block hr { margin-right: 0; margin-left: 0; }

			/* Social Footer */

			.right { margin-right: 0; padding-bottom: 50px; width: 100%; float: none; }

			#social { display: none; }

			#footer .active .right p { text-align: center; }

	/* Fly */
		
	#fly { width: 100%; height: 40px; background-color: #231f20; }
	
		#fly .active p { text-align: center; }	
		
	/* --------------------------------------- */				

	
	/* Headline */
	
	#headline { width: 100%; height: 100%; background-color: #f5f5f5; }
				
			#headline .active .image { width: 100%; height: 100%; }	

			#headline .active .image p img { width: 100%; height: auto; }
			
	/* Section */
	
	.sp { padding-top: 0; padding-bottom: 0; }
	
		.section .image, .section .summary { width: 100%; text-align: justify; }

	/* Go */

	#go { display: none !important; }

	/* Carousel */

	.carousel { display: none !important; }

	.desktop { display: none; }

	/* Banner */
	
	.banner { margin-top: 160px; width: 100%; height: 100%; }

		.banner .title { display: none; }

	/* Outstanding */

	.outstanding  { width: 100%; height: auto; padding: 20px; background-color: #fc0; display: inline-block; }

	.outstanding h1 { color: #fff; text-align: center; font-size: 30px; font-weight: 600; }

	.outstanding h2 { color: #fff; text-align: center; font-size: 20px; font-weight: 600; }
				
	}

	@media screen and (min-width: 641px) and (max-width: 768px) { 
	
	h2 { text-align: center; }

	h3 { font-size: 25px; }
	
	hr { margin-left: auto; margin-right: auto; }	
	
	.view { margin-left: auto; margin-right: auto; }

	.active { width: 100%; }
	
	/* Header */
	
	#header { padding-bottom: 20px; height: auto; background-color: #ccc; }
	
	/* Logo */
	
	#logo { margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 10px; width: 100%; height: auto; float: none; }

	#logo p { text-align: center; }

	#logo p img { width: 70% }

	/* Lenguage */

	.lenguage { margin: 0;  }
	
	/* Social */
		
	.social { position: fixed; right: 10px; top: 170px; z-index: 3; }
	
		.social ul li a { margin-bottom: 2px; width: 30px; height: 30px; padding: 5px; }

	/* Menú */
	
	#menu { width: auto; height: auto; background: none; top: 0; left: 0; z-index: 1000;
		
			-webkit-box-shadow: none;
			   -moz-box-shadow: none;
					box-shadow: none;		

		}
		
			#menu #button { display: block; }
		
			#menu ul { width: 280px; height: 100%; background-color: #222; display: block; text-align: left; position: absolute; top: 0; left: -280px; overflow-x: hidden; overflow-y: auto; position: fixed; z-index: 1000; }
		
				#menu ul li { display: block; line-height: normal; float: none; }
				
					#menu ul li a { width: 150px; margin-left: 0; padding: 10px 20px; }
					
					#menu li span { width: 150px; margin-left: 0; padding: 10px 20px; }				
					
				#menu ul li > ul { margin-bottom: 0; position: static; visibility: visible; opacity: 1;
			
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					   opacity: 1;
						filter: alpha(opacity=100);
				
				}
				
					#menu ul li ul li a { padding: 10px 20px; }
		
					#menu ul li ul li span { padding: 10px 20px; }
				
				#menu .desktop { display: none; }
	
				#menu .responsive { display: inline-block; }	

	/* Rotator */
	
	#rotator { margin-top: 150px; height: 350px; }
	
		/* Sliders */
	
		#rotator .sliders { margin: 0 auto; width: 100%; height: 350px; }
		
			/* Slider */
	
			#rotator .sliders .slider { width: 100%; height: 100%; position: absolute; overflow: hidden; }
			
				#rotator .sliders .slider .image { width: 100%; height: 100%; background-color: #1a1a1a; float: left; }
				
				#rotator .sliders .slider p img { width: 100%; height: 100%; }
	
	/* Article */

			#rotator .sliders .slider .article { padding-bottom: 20px; width: 100%; margin-top: 163px; float: left; position: absolute; text-align: center; line-height: 0.5; background-color: #fc0; }

			#rotator .sliders .slider .article h1 { font-size: 30px; }

			#rotator .sliders .slider .article h2 { font-size: 20px; }

			#rotator .sliders .slider .article .view { background-color: #ccc; }

	/* Pager */
		
		#rotator .pager { display: none; }

	/* Lust */

	#lust { height: 100%; }
				
			/* Article */
			
			#lust .active .article { margin-left: auto; margin-right: auto; padding-bottom: 20px; width: 100%; height: 100%; float: none; }

			#lust .active h3 { padding: 0 10px 0 10px; }

			#lust .active .article p img { width: 100%; height: 100%; }
			
			#lust .icon { margin-left: auto; margin-right: auto; height: 100%; float: none; }

	
	/* Featured */
	
	#featured { padding-bottom: 70px; width: 100%; background-color: #fc0; }

			#featured .block { margin-left: 0; float: none; width: 100%; padding-top: 50px; }

			#featured .block h4 { margin-left: 0; padding: 20px 10px 0 10px; font-size: 24px; width: 100%; text-align: center; color: #330; }

	/* Promotion */

	#promotion .summary-right { padding: 5%; width: 100%; height: auto; float: none; text-align: justify; }

	#promotion .summary-right p { padding: 10px; width: 100%; height: 100%; float: none; }

	#promotion .summary-right h3 { padding: 10px; width: 100%; height: 100%; float: none; text-align: center; }

	#promotion .summary-left { padding: 5%; width: 100%; height: auto; float: none; text-align: justify; }

	#promotion .summary-left p { padding: 10px; width: 100%; height: 100%; float: none; }

	#promotion .summary-left h3 { padding: 10px; width: 100%; height: 100%; float: none; text-align: center; }

	#promotion .image-right { width: 100%; height: 100%; background-image: url(../img/reduce-costos.jpg); background-position: center; background-repeat: no-repeat; background-size:cover; float: none; }

	#promotion .image-right p { margin-left: 0; margin-top: 0; text-align: center; }

	#promotion .image-left {  width: 100%; height: 100%; background-image: url(../img/iluminacion-solar.jpg); background-position: center; background-repeat: no-repeat; background-size:cover; float: none; }

	#promotion .image-left p { margin-right: 0; margin-top: 0; text-align: center; }

	/* Convenios */
	
	.convenios { padding-top: 50px; width: 100%; height: 500px; }

	.convenios p { padding: 10px; width: 50%; float: left; margin-right: 0; text-align: center; }

	.convenios p img { width: 120px; }

	.convenios .max img { width: 200px; padding: 10px; }

	/* Headline */

	 .headline { margin-right: auto; margin-left: auto; margin-bottom: 30px; padding: 0 10px 0 10px; width: 100%; }

		.headline p { padding-top: 30px; margin-left: 0; width: 100%; text-align: justify; }

		.headline h2 { font-size: 35px; }

	/* Partner */

	#partner p { width: 100%; padding-bottom: 80px; text-align: center; }

	#partner p img { max-width: 360px; }

	
	/* Factory */
	
	#factory { width: 100%; }

	#factory .headline { height: auto; background-size: 250px 354px;  }

		/* Block */

		#factory .active .factory-block { margin-top: 0 !important; padding: 10px !important; width: 100% !important; height: auto; float: none; }

		/* Background Image */

		#factory .active .back-left { margin-top: 50px; }

		#factory .active .back-right { margin-left: 0; }

	/* Que hacemos */

	#hacemos p { font-size: 20px; padding-bottom: 20px; }

	/* Misión - Visión */

	#mision-vision { width: 100%; height: auto; }

		#mision-vision .mision { padding-top: 10px; padding-bottom: 10px; width: 100% !important; height: auto; float: none; }

		#mision-vision .mision .article { padding: 10px !important; width: 100% !important; float: none; }

		#mision-vision .mision .article h2 { margin-bottom: 90px; height: 150px; }

		#mision-vision .vision { padding-top: 10px; padding-bottom: 10px; width: 100% !important; height: auto; float: none; }

		#mision-vision .vision .article { padding: 10px !important; width: 100% !important; float: none; }

		#mision-vision .vision .article h2 { margin-bottom: 90px; height: 150px; }


	/* Sección de Servicios */

	#section-services { padding-top: 65px; width: 100%; height: auto; background-color: #fff2c3; background-image: url(../img/arrow-fc0.png); background-position: 50% 0; background-repeat: no-repeat; }

	#section-services .section { height: auto; padding-left: 0 !important; background-color: #fff2c3; overflow-y: hidden; }

	#section-services .section .icon { width: 100%; float: none; text-align: center; }

	#section-services .section .article { margin-top: 50px; width: 100% !important; float: none; }

	#section-services .section .article h4 { text-align: center; }

	#section-services .section .article p { padding: 10px; text-align: justify; }

	#section-services .separador p { text-align: center; }

	#section-services .separador p img { width: 90%; }

	/* Fotovoltaicos */

	#fotovoltaicos img { width: 90%; }

	/* Alcance */

	#alcance .block { margin-left: 0!important; padding: 0 10px 10px 10px; width: 100% !important; float: none; }
				
	/* Contact */

	#contact .active .block { padding: 10px; width: 100%; float: none; text-align: center; }
	
	#contact .active .form { margin-left: 0 !important; width: 100% !important; padding: 5px; float: none; }

	#contact form { width: 100%; }

	#contact .active .form form input[type=submit] { margin-top: 10px; width: 100%; height: 50px; }

	/* Adress */
	
	.adress { padding: 10px; margin-left: 0 !important; float: none; width: 100% !important; text-align: justify; }
	
	.adress hr { margin: 0 auto !important; margin-bottom: 30px !important; }
	
	.adress h2 { font-size: 20px; padding-top: 40px; }

	.adress b { text-align: justify; }
	
	/* Footer */
	
		#footer .active { padding-top: 30px; padding-bottom: 30px; }
		
			#footer .active .block { margin: 0; padding-bottom: 50px; width: 100%; float: none; }
		
			#footer .active .block p { text-align: center; }

			#footer .active .block hr { margin-right: 0; margin-left: 0; }

			/* Social Footer */

			.right { margin-right: 0; padding-bottom: 50px; width: 100%; float: none; }

			#social { display: none; }

			#footer .active .right p { text-align: center; }

	/* Fly */
		
	#fly { width: 100%; height: 40px; background-color: #231f20; }
	
		#fly .active p { text-align: center; }	
		
	/* --------------------------------------- */				

	
	/* Headline */
	
	#headline { width: 100%; height: 100%; background-color: #f5f5f5; }
				
			#headline .active .image { width: 100%; height: 100%; }	

			#headline .active .image p img { width: 100%; height: auto; }
			
	/* Section */
	
	.sp { padding-top: 0; padding-bottom: 0; }
	
		.section .image, .section .summary { width: 100%; text-align: justify; }

	/* Go */

	#go { display: none !important; }

	/* Carousel */

	.carousel { display: none !important; }

	.desktop { display: none; }

	/* Banner */
	
	.banner { margin-top: 160px; width: 100%; height: 100%; }

		.banner .title { display: none; }

	/* Outstanding */

	.outstanding  { width: 100%; height: auto; padding: 20px; background-color: #fc0; display: inline-block; }

	.outstanding h1 { color: #fff; text-align: center; font-size: 30px; font-weight: 600; }

	.outstanding h2 { color: #fff; text-align: center; font-size: 20px; font-weight: 600; }
		
	}

	@media screen and (min-width: 769px) and (max-width: 1020px) { 
	
	h2 { text-align: center; }

	h3 { font-size: 25px; }
	
	hr { margin-left: auto; margin-right: auto; }	
	
	.view { margin-left: auto; margin-right: auto; }

	.active { width: 100%; }
	
	/* Header */
	
	#header { padding-bottom: 20px; height: auto; background-color: #ccc; }
	
	/* Logo */
	
	#logo { margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 10px; width: 100%; height: auto; float: none; }

	#logo p { text-align: center; }

	#logo p img { width: 70% }

	/* Lenguage */

	.lenguage { margin: 0;  }
	
	/* Social */
		
	.social { position: fixed; right: 10px; top: 170px; z-index: 3; }
	
		.social ul li a { margin-bottom: 2px; width: 30px; height: 30px; padding: 5px; }

	/* Menú */
	
	#menu { width: auto; height: auto; background: none; top: 0; left: 0; z-index: 1000;
		
			-webkit-box-shadow: none;
			   -moz-box-shadow: none;
					box-shadow: none;		

		}
		
			#menu #button { display: block; }
		
			#menu ul { width: 280px; height: 100%; background-color: #222; display: block; text-align: left; position: absolute; top: 0; left: -280px; overflow-x: hidden; overflow-y: auto; position: fixed; z-index: 1000; }
		
				#menu ul li { display: block; line-height: normal; float: none; }
				
					#menu ul li a { width: 150px; margin-left: 0; padding: 10px 20px; }
					
					#menu li span { width: 150px; margin-left: 0; padding: 10px 20px; }				
					
				#menu ul li > ul { margin-bottom: 0; position: static; visibility: visible; opacity: 1;
			
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					   opacity: 1;
						filter: alpha(opacity=100);
				
				}
				
					#menu ul li ul li a { padding: 10px 20px; }
		
					#menu ul li ul li span { padding: 10px 20px; }
				
				#menu .desktop { display: none; }
	
				#menu .responsive { display: inline-block; }	

	/* Rotator */
	
	#rotator { margin-top: 150px; height: 350px; }
	
		/* Sliders */
	
		#rotator .sliders { margin: 0 auto; width: 100%; height: 350px; }
		
			/* Slider */
	
			#rotator .sliders .slider { width: 100%; height: 100%; position: absolute; overflow: hidden; }
			
				#rotator .sliders .slider .image { width: 100%; height: 100%; background-color: #1a1a1a; float: left; }
				
				#rotator .sliders .slider p img { width: 100%; height: 100%; }
	
	/* Article */

			#rotator .sliders .slider .article { padding-bottom: 20px; width: 100%; margin-top: 163px; float: left; position: absolute; text-align: center; line-height: 0.5; background-color: #fc0; }

			#rotator .sliders .slider .article h1 { font-size: 30px; }

			#rotator .sliders .slider .article h2 { font-size: 20px; }

			#rotator .sliders .slider .article .view { background-color: #ccc; }

	/* Pager */
		
		#rotator .pager { display: none; }

	/* Lust */

	#lust { height: 100%; }
				
			/* Article */
			
			#lust .active .article { margin-left: auto; margin-right: auto; padding-bottom: 20px; width: 100%; height: 100%; float: none; }

			#lust .active h3 { padding: 0 10px 0 10px; }

			#lust .active .article p img { width: 100%; height: 100%; }
			
			#lust .icon { margin-left: auto; margin-right: auto; height: 100%; float: none; }

	
	/* Featured */
	
	#featured { padding-bottom: 70px; width: 100%; background-color: #fc0; }

			#featured .block { margin-left: 0; float: none; width: 100%; padding-top: 50px; }

			#featured .block h4 { margin-left: 0; padding: 20px 10px 0 10px; font-size: 24px; width: 100%; text-align: center; color: #330; }

	/* Promotion */

	#promotion .summary-right { padding: 5%; width: 100%; height: auto; float: none; text-align: justify; }

	#promotion .summary-right p { padding: 10px; width: 100%; height: 100%; float: none; }

	#promotion .summary-right h3 { padding: 10px; width: 100%; height: 100%; float: none; text-align: center; }

	#promotion .summary-left { padding: 5%; width: 100%; height: auto; float: none; text-align: justify; }

	#promotion .summary-left p { padding: 10px; width: 100%; height: 100%; float: none; }

	#promotion .summary-left h3 { padding: 10px; width: 100%; height: 100%; float: none; text-align: center; }

	#promotion .image-right { width: 100%; height: 100%; background-image: url(../img/reduce-costos.jpg); background-position: center; background-repeat: no-repeat; background-size:cover; float: none; }

	#promotion .image-right p { margin-left: 0; margin-top: 0; text-align: center; }

	#promotion .image-left {  width: 100%; height: 100%; background-image: url(../img/iluminacion-solar.jpg); background-position: center; background-repeat: no-repeat; background-size:cover; float: none; }

	#promotion .image-left p { margin-right: 0; margin-top: 0; text-align: center; }

	/* Convenios */
	
	.convenios { padding-top: 50px; width: 100%; height: 500px; }

	.convenios p { padding: 10px; width: 50%; float: left; margin-right: 0; text-align: center; }

	.convenios p img { width: 120px; }

	.convenios .max img { width: 200px; padding: 10px; }

	/* Headline */

	 .headline { margin-right: auto; margin-left: auto; margin-bottom: 30px; padding: 30px 10px 30px 10px; width: 100%; }

		.headline p { padding-top: 30px; margin-left: 0; width: 100%; text-align: justify; }

		.headline h2 { font-size: 35px; }

	/* Partner */

	#partner p { width: 100%; padding-bottom: 80px; text-align: center; }

	#partner p img { max-width: 360px; }

	
	/* Factory */
	
	#factory { width: 100%; }

	#factory .headline { height: auto; background-size: 250px 354px;  }

		/* Block */

		#factory .active .factory-block { margin-top: 0 !important; padding: 10px !important; width: 100% !important; height: auto; float: none; }

		/* Background Image */

		#factory .active .back-left { margin-top: 50px; }

		#factory .active .back-right { margin-left: 0; }

	/* Que hacemos */

	#hacemos p { font-size: 20px; padding-bottom: 20px; }

	/* Misión - Visión */

	#mision-vision { width: 100%; height: auto; }

		#mision-vision .mision { padding-top: 10px; padding-bottom: 10px; width: 100% !important; height: auto; float: none; }

		#mision-vision .mision .article { padding: 10px !important; width: 100% !important; float: none; }

		#mision-vision .mision .article h2 { margin-bottom: 90px; height: 150px; }

		#mision-vision .vision { padding-top: 10px; padding-bottom: 10px; width: 100% !important; height: auto; float: none; }

		#mision-vision .vision .article { padding: 10px !important; width: 100% !important; float: none; }

		#mision-vision .vision .article h2 { margin-bottom: 90px; height: 150px; }


	/* Sección de Servicios */

	#section-services { padding-top: 65px; width: 100%; height: auto; background-color: #fff2c3; background-image: url(../img/arrow-fc0.png); background-position: 50% 0; background-repeat: no-repeat; }

	#section-services .section { height: auto; padding-left: 0 !important; background-color: #fff2c3; overflow-y: hidden; }

	#section-services .section .icon { width: 100%; float: none; text-align: center; }

	#section-services .section .article { margin-top: 50px; width: 100% !important; float: none; }

	#section-services .section .article h4 { text-align: center; }

	#section-services .section .article p { padding: 10px; text-align: justify; }

	#section-services .separador p { text-align: center; }

	#section-services .separador p img { width: 90%; }

	/* Fotovoltaicos */

	#fotovoltaicos img { width: 90%; }

	/* Alcance */

	#alcance .block { margin-left: 0!important; padding: 0 10px 10px 10px; width: 100% !important; float: none; }
				
	/* Contact */

	#contact .active .block { padding: 10px; width: 100%; float: none; text-align: center; }
	
	#contact .active .form { margin-left: 0 !important; width: 100% !important; padding: 5px; float: none; }

	#contact form { width: 100%; }

	#contact .active .form form input[type=submit] { margin-top: 10px; width: 100%; height: 50px; }

	/* Adress */
	
	.adress { padding: 10px; margin-left: 0 !important; float: none; width: 100% !important; text-align: justify; }
	
	.adress hr { margin: 0 auto !important; margin-bottom: 30px !important; }
	
	.adress h2 { font-size: 20px; padding-top: 40px; }

	.adress b { text-align: justify; }
	
	/* Footer */
	
		#footer .active { padding-top: 30px; padding-bottom: 30px; }
		
			#footer .active .block { margin: 0; padding-bottom: 50px; width: 100%; float: none; }
		
			#footer .active .block p { text-align: center; }

			#footer .active .block hr { margin-right: 0; margin-left: 0; }

			/* Social Footer */

			.right { margin-right: 0; padding-bottom: 50px; width: 100%; float: none; }

			#social { display: none; }

			#footer .active .right p { text-align: center; }

	/* Fly */
		
	#fly { width: 100%; height: 40px; background-color: #231f20; }
	
		#fly .active p { text-align: center; }	
		
	/* --------------------------------------- */				

	
	/* Headline */
	
	#headline { width: 100%; height: 100%; background-color: #f5f5f5; }
				
			#headline .active .image { width: 100%; height: 100%; }	

			#headline .active .image p img { width: 100%; height: auto; }
			
	/* Section */
	
	.sp { padding-top: 0; padding-bottom: 0; }
	
		.section .image, .section .summary { width: 100%; text-align: justify; }

	/* Go */

	#go { display: none !important; }

	/* Carousel */

	.carousel { display: none !important; }

	.desktop { display: none; }

	/* Banner */
	
	.banner { margin-top: 160px; width: 100%; height: 100%; }

		.banner .title { display: none; }

	/* Outstanding */

	.outstanding  { width: 100%; height: auto; padding: 20px; background-color: #fc0; display: inline-block; }

	.outstanding h1 { color: #fff; text-align: center; font-size: 30px; font-weight: 600; }

	.outstanding h2 { color: #fff; text-align: center; font-size: 20px; font-weight: 600; }
		
	}

	@media screen and (min-width: 1020px) and (max-width: 1200px) { 
	
		.active { width: 1020px; }

	/* Logo */
	
	#logo { margin-left: 10px; padding-top: 25px; padding-bottom: 25px; width: 340px; height: 75px; float: left; }
	

	/* Lenguage */

	.lenguage { margin: 40px 0 0 10px; }

	/* Menu */
	
	#menu { margin-left: 20px; width: auto; height: 50px; float: left; margin-top: 40px; /* position: fixed; top: 100px; z-index: 998; */ }
		
		#menu ul li { margin-left: 10px; margin-right: 10px; }
		
			#menu ul li a { width: auto; }
			 
	/* Rotator */
	
	#rotator { width: 100%; background-color: #fff; position: relative; }
	
		/* Sliders */
	
		#rotator .sliders { margin: 0 auto; width: 100%; height: auto; }
		
			/* Slider */
	
			#rotator .sliders .slider { width: 100%; height: 100%; position: absolute; overflow: hidden; }
			
				#rotator .sliders .slider .image { width: 100%; height: 100%; background-color: #1a1a1a; float: left; }
				
				#rotator .sliders .slider p img { width: 100%; height: 100%; }


			/* Article */

			#rotator .sliders .slider .article { width: 100%; margin-top: 250px; float: left; position: absolute; text-align: center; line-height: 0.5; }

			#rotator .sliders .slider .article h1 { font-size: 72px; color: #fff; font-weight: 600; padding-bottom: 5px; }

			#rotator .sliders .slider .article h2 { font-size: 54px; color: #fff; font-weight: 200; }

			#rotator .sliders .slider .article .view { margin: auto; margin-top: 50px; width: 200px; background-color: #fc0; }

			#rotator .sliders .slider .article .view p { color: #fff; }

			#rotator .sliders .slider .article .view:hover { background-color: #fff; 

				webkit-transition: -webkit-filter 0.3s ease-in-out;		
			-webkit-transition: all 0.3s ease-in-out;|
			   -moz-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				 -o-transition: all 0.3s ease-in-out;
					transition: all 0.3s ease-in-out; 
			 }

			#rotator .sliders .slider .article .view:hover p { color: #fc0; }


		/* Pager */
		
		#rotator .pager { width: 100%; height: 50px; display: block; text-align: center; position: absolute; bottom: 30px; z-index: 3;
		
			-webkit-touch-callout: none;
			  -webkit-user-select: none;
			   -khtml-user-select: none;
				 -moz-user-select: none;
				  -ms-user-select: none;
					  user-select: none;
		
		}
		
			#rotator .pager a { margin: 15px 10px; width: 30px; height: 30px; background-color: #fff; border: 5px solid #000; display: inline-block;
			
				-webkit-border-radius: 20px;
				 -khtml-border-radius: 20px;
				   -moz-border-radius: 20px;
						border-radius: 20px;
							 behavior: url('border-radius.htc');
							 
				-webkit-backface-visibility: hidden;
				   -moz-backface-visibility: hidden;
						  -webkit-transform: translate3d(0, 0, 0);
							 -moz-transform: translate3d(0, 0, 0);				
			
			}
		
			#rotator .pager a:hover { background-color: #fc0; border: 5px solid #fff; }
			
			#rotator .pager a.active-slide { background-color: #fc0; border: 5px solid #000; cursor: none; }
			
	/* Lust */
				
			/* Article */

			#lust .active .article { margin-left: 20px; margin-right: 10px; width: 744px; height: auto; float: left; position: relative; }

			#lust .active .article h3 { text-align: center; margin: 40px 0 40px 0; }

			#lust .active .article img { width: 744px; height: 238px; }
				
				/* Icon */

				#lust .active .icon { padding-top: 100px; width: 246px; height: auto; overflow: hidden; text-align: center; }

				#lust .active .icon h4 { color: #333; }

				#lust .active .icon img { width: 111px; height: 196px; }

	/* Featured */
	
	#featured { padding-bottom: 70px; width: 100%; background-color: #fc0; }

			#featured .block { margin-left: 0; float: left; width: 340px; }

			#featured .block h4 { margin-left: 42px; }

	/* Promotion */

	#promotion .summary-right { padding: 5% 0; width: 50%; height: 450px; float: right; text-align: justify; background-color: #f9f9f9; }

	#promotion .summary-right p { padding-left: 30px; width: 500px; height: 450px; text-align: justify; float: left; line-height: 2; color: #333; }

	#promotion .summary-right h3 { padding-left: 30px; width: 500px; height: 60px; text-align: justify; float: left; line-height: 2; color: #333; }

	#promotion .summary-left { padding: 5% 0; width: 50%; height: 450px; float: left; text-align: justify; background-color: #f9f9f9; }

	#promotion .summary-left p { padding-right: 30px; width: 500px; height: 450px; text-align: justify; float: right; line-height: 2; color: #333; }

	#promotion .summary-left h3 { padding-right: 30px; width: 500px; height: 60px; text-align: justify; float: right; line-height: 2; color: #333; }

	#promotion .image-right {  width: 50%; height: 450px; background-image: url(../img/reduce-costos.jpg); background-position: center; background-repeat: no-repeat; background-size:cover; float: right; }

	#promotion .image-right p { margin-left: 100px; margin-top: 120px; text-align: left; }

	#promotion .image-left {  width: 50%; height: 450px; background-image: url(../img/iluminacion-solar.jpg); background-position: center; background-repeat: no-repeat; background-size:cover; float: left; }

	#promotion .image-left p { margin-right: 100px; margin-top: 150px; text-align: right; }
				
			
	/* Convenios */
	
	.convenios { padding-top: 50px; width: 100%; height: 250px; background-color: #396; }

	/*.convenios .active { height: 250px; background-color: #f00; }*/

	.convenios p { float: left; margin-right: 0; }

	.convenios p:nth-child(1n+6) { margin-right: 0; }
		
			

			/* Headline */

			 .headline { margin-right: auto; margin-left: auto; margin-bottom: 30px; padding-bottom: 30px; width: 1020px; }
			
				.headline h2 { text-align: center; padding-top: 80px; font-size: 48px; color: #330; }

				.headline p { padding-top: 30px; margin-left: 30px; width: 960px; line-height: 1.5; text-align: center; color: #333; font-size: 24px; }

				.headline p img { text-align: center }

	/* Factory */
	
	#factory { width: 100%; height: auto; }

		/* Block */

		#factory .active .factory-block { padding: 40px 0 60px 0; width: 485px; height: 390px; float: left; }

			#factory .active .factory-block p { text-align: center; }

				#factory .active .factory-block .summary p { padding: 15px; text-align: justify; }

	/* Que hacemos */
	
	#hacemos { width: 100%; margin-bottom: -30px; }

	#hacemos p { text-align: justify; }

	/* Misión - Visión */

		#mision-vision .mision .article { width: 450px; height: auto; }

		#mision-vision .vision .article { width: 450px; height: auto; }

	/* Servicios */

	#servicios { padding-bottom: 60px; width: 100%; height: auto; background-color: #fc0; }

	/* Sección de Servicios */

	#section-services { padding-top: 65px; width: 100%; height: auto; background-color: #fff2c3; background-image: url(../img/arrow-fc0.png); background-position: 50% 0; background-repeat: no-repeat; }

	#section-services .section { padding-right: 20px; padding-left: 20px; width: 1020px; background-color: #fff2c3; overflow-y: hidden; }

	#section-services .section .icon { width: 340px; float: left; text-align: center; }

	#section-services .section .article { padding: 0 10px 0 10px; margin-top: 50px; width: 640px; float: left; }

	#section-services .section .article h4 { color: #020202; padding-bottom: 20px; }

	#section-services .separador p { text-align: center; }

	#section-services .separador p img { width: 1020px; height: 26px; }

	/* Fotovoltaicos */

	#fotovoltaicos { width: 100%; height: auto; text-align: center; }

	#fotovoltaicos img { width: 90%; }

	
	/* Alcance */

	#alcance { width: 100%; background-color: #f9f9f9; }

	#alcance .block { margin-left: 100px; padding: 0 10px 90px 10px; width: 460px; }

	#alcance .block p { padding: 10px; }

	/* Iluminación LED */

	#iluminacion-led { width: 100%; height: auto; }

	#iluminacion-led .block { margin-left: 100px; padding: 0 10px 90px 10px; width: 650px; float: left; }

	#iluminacion-led .block:nth-child(2n+2) { margin-left: 0; }

	#iluminacion-led .block ul li { padding-left: 25px; background-image: url(../img/punto.png); background-position: 0 15%; background-repeat: no-repeat; font-size: 24px; text-align: justify; }

	#iluminacion-led .block h2 { text-align: center; font-size: 48px; }

	#iluminacion-led .block p { text-align: center; }

	#iluminacion-led .block .icon { padding: 40px 0 10px 0; }

	#iluminacion-led .image { margin-top: -22px; }

	#iluminacion-led .article { margin-left: 100px; width: 1200px; height: auto; padding: 50px 0; text-align: justify; }

	#iluminacion-led .separador p { text-align: center; }

	/* Banner */

	.banner { width: 100%; height: auto; text-align: center; margin-bottom: -10px;}

	.banner img { width: 100%; height: auto; }

	/* Noticias */

	#noticias { padding: 50px 0; width: 100%; height: auto; }

	#noticias .section { overflow-y: hidden; }

	#noticias .section .image { margin-left: 100px; width: 335px; float: left; }

	#noticias .section .article { margin-left: 30px; width: 835px; float: left; }

	#noticias .section .article h4 { color: #000; }

	#noticias .section .article hr { margin-left: 0; background-color: #fc0; }

	#noticias .section .article p { line-height: 2; }

	#noticias .separador p { text-align: center; }

	
	/* Contact */
	
	.contact { width: 100%; background-color: #f90; }
	
		.contact .active { padding-top: 30px; padding-bottom: 30px; }
		
			.contact .active h2 { text-align: center; }

			.contact .active hr { background-color: #fff; }

			.contact .active p { line-height: 1.5; text-align: center; }

			.contact .active .view { margin-right: auto; margin-left: auto; width: 500px; }
			
	/* Important */
	
	.important { width: 100%; background-color: #699; }
	
		.important .active { padding-top: 30px; padding-bottom: 30px; }

			.important .active h2, .important .active p { color: #fff; text-align: center; }
			
			.important .active p { line-height: 1.5; }

			.important .active hr { background-color: #123; }

			.important .active .view { margin-top: 0; margin-right: auto; margin-left: auto; }

	/* Partner */

	#partner { width: 100%; background-color: #fff; }

	#partner p { padding-bottom: 80px; text-align: center; }

	#partner p img { width: 1000px; }



	/* Contact */

	#contact { width: 100%; background-color: #eef; }
							
				#contact .active .form { margin-left: 30px; width: 480px; float: left; }	
		
				#contact .active .form textarea { padding: 10px; height: 250px; resize: none; }

				#contact .active .form form input[type=text] { margin-bottom: 10px; height: 50px; }

				#contact .active .form form input[type=text]:focus { background-color: #ccc; }

				#contact .active .form form input[type=text]:hover { background-color: #eee; }

				#contact .active .form form input[type=submit] { margin-top: 10px; width: 200px; height: 50px; background-color: #999; color: #fff; font-weight: 600 !important; }

				#contact .active .form form input[type=submit]:hover { background-color: #fc0; color: #fff; }

				#contact .active .form #message { margin-top: 30px; margin-bottom: 30px; font-weight: 600; }

				/* Adress */
				
				.adress { margin-left: 30px; float: left; width: 480px; line-height: 1.5; }
				
				.adress hr { color: #fc0; margin: 5px 5px 5px 0; width: 250px !important; }
				
				.adress h2 { padding-top: 40px; }
				
				.adress p i { padding-bottom: 40px; }
	
	/* Footer */
	
	#footer { width: 100%; background-color: #231f20; border-bottom: 1px solid #79a; background-image: url(../img/cinta-footer.jpg); background-position: left bottom; background-repeat: no-repeat; }
	
		#footer .active { padding-top: 30px; padding-bottom: 30px; }
		
			#footer .active .block { width: 320px; margin-left: 20px; margin-right: 0; float: left; }
		
			#footer .active .block p { color: #fff; font-size: 12px; line-height: 2; text-align: left; }

			#footer .active .block hr { margin-right: 0; margin-left: 0; }
	
			#footer .active .block p a { color: #fc0; }

			#footer .active .block p a:hover { color: #fff; }


			/* Social Footer */

			.right { width: 320px; float: right; margin-right: 20px; }

			#social { padding-bottom: 5px; margin-right: 0; margin-bottom: 10px; border-bottom: 1px #fff solid; }

			#social p { float: right; margin-left: 20px; }

			#footer .active .right p { color: #fff; font-size: 12px; line-height: 1.5; text-align: right; }

			#footer .active .right p a { color: #fc0; }

			#footer .active .right p a:hover { color: #fff; }
	
	/* Fly */
		
	#fly { width: 100%; height: 40px; background-color: #231f20; }
	
		#fly .active p { margin-right: 20px; color: #fff; line-height: 40px; text-align: right;  }	
		
			#fly .active p a { color: #fc0; }

			#fly .active p a:hover { color: #fff; }
			
			#fly span { color: #fc0; }					
				
/* --------------------------------------- */				

	/* Headline */
	
	#headline { width: 100%; height: 600px; }
	
		/* Slider */
			
				#headline .image { width: 100%; height: 100%; position: absolute; background-color: #1a1a1a; float: left; }
				
				#headline p img { width: 100%; height: 600px; }

		/* Article */

			#headline .article { width: 100%; margin-top: 200px; float: left; position: absolute; text-align: center; line-height: 0.5; }

			#headline .article h1 { font-size: 72px; color: #fff; font-weight: 600; padding-bottom: 5px; }

			#headline .article h2 { font-size: 54px; line-height: 40px; color: #fff; font-weight: 200; }

			#headline .article span { color: #fc0; }

	
	/* Section */
	
	.section { padding-top: 30px; padding-bottom: 30px; width: 100%; height: auto; overflow: auto; position: relative; overflow-y: scroll;
	 overflow-x: hidden; }
	
	.sp { padding-top: 0; padding-bottom: 0; }

		.section:nth-child(even) { background-color: #fff; }
		
		.section:nth-child(odd) { background-color: #fff; }
		
		.section .image, .section .summary { width: 600px; text-align: justify; line-height: 30px; }

			.section .image p { line-height: 0; }

		.section .summary { padding: 40px; }
		
			.section .summary h2, .section .summary h3 { text-align: left; text-transform: uppercase; padding-bottom: 20px; } 
		
			.section .summary h2 { color: #333; }
			
			.section .summary h3 { text-align: center; }

			.section .summary hr { margin: 20px 0; width: 200px; background-color: #bbb; }
	
/* --------------------------------------- */	
	
	/* Go Top */
	
	#go { display: none; position: fixed; bottom: 0; right: 0; z-index: 998; }
		
		#go p { text-align: center; }
		
			#go p a { padding: 10px 20px; background-color: #999; color: #eee; display: inline-block; cursor: pointer; }
			
			#go p a:hover { background-color: #89a; }
			
	/* Maps */
	
	.maps { padding-top: 50px; padding-bottom: 50px; background-color: #eef; }
	

	/* Carousel */
	
	.carousel { margin: auto; padding: 15px; width: 1020px; height: 300px; position: relative; }
	
		/**/
	
		.carousel .chairs { width: 1020px; height: 230px; }
	
		/**/
	
		.carousel .chairs .chair { margin-left: 60px; padding: 15px 0; width: 900px; height: 230px; overflow: hidden; }

			/**/
			
			.carousel .chairs .chair .image { margin-left: 10px; margin-right: 10px; width: 280px; height: 202px; background-color: #fff; float: left; overflow: hidden; }
		
		.carousel .navigation { margin-left: 20px; width: 1020px; }


	/* Banner */
	
	.banner { margin-top: -1px; width: 100%; height: 100%; position: relative; overflow: hidden; background-color: #eef; }

		.banner .title { width: 100%; text-align: center; float: left; position: absolute; z-index: 99; }

		.banner .title h1 { color: #fff; font-size: 76px; }

		.banner .title h2 { color: #fff; font-size: 42px; }
	
		/* Image */
				
		.banner p img { width: 100%; height: 100%; float: left; }

	}