@charset 'utf-8';

	/* Global */

	html { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 100%; }

		html, body { width: 100%; height: 100%; }

		body { background-color: #fff; overflow-x: hidden; }

			*, *:after, *:before { margin: inherit; padding: inherit; box-sizing: inherit; }
			
			*:active, *:link, *:visited, *:hover, *:focus { outline: 0; }
			
			* { outline: none; }
							
		div, form, table { margin: 0; padding: 0; }
		
		address, blockquote, center, pre { margin: 0; padding: 0; }
		
		h1, h2, h3, h4, h5, h6,
		
		dl, p, ol, ul,
		
		a, b, strong, i, em, dt, dd, li, img, span,
		
		input, textarea, label, select, option, button { margin: 0; padding: 0; }
		
		a { text-decoration: none;

			-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;

		}
			
			a { color: #135; }
			
			a:hover { color: #123; }
			
			a, img { outline: 0; }
		
		br { margin: 10px 0; padding: 0; content: ' '; display: block; line-height: none; }
		
		hr { margin: 20px auto; padding: 0; width: 200px !important; height: 1px !important; background-color: #89a; border: none; }
		
		/* Config */
		
		h1, h2, h3, h4, h5, h6 { color: #222; font-family: 'Open Sans', sans-serif; font-weight: 700; letter-spacing: -1px; }
		
			h1 { font-size: 30px; font-weight: 800; }

			h2 { font-size: 24px; font-weight: 800; }

			h3 { font-size: 18px; font-weight: 700; }
						
			h4, h5, h6 { font-size: 18px; font-weight: 800; letter-spacing: normal; color: #fff; }

		dl, p, ul, ol { color: #111; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.5; }
		
		li { list-style: none; }
        
		ol { counter-reset: item; }
        
			ol li { padding-left: 0; background-image: none; display: block; }
			
			ol li:before {
				content: counter(item) '. ';
				counter-increment: item;
				color: #e08;
			}
			
		input, textarea, select, button { padding-right: 10px; padding-left: 10px; width: 100%; border: none; display: block; font-family: 'Open Sans', sans-serif !important; font-size: 15px !important; font-size: 0.9375rem !important; font-weight: 400 !important; outline: none;
		
			-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;		
		
		}
	
	iframe { margin: 0; padding: 0; }
	
/* --------------------------------------- */

	/* Commons */
	
	::selection { background-color: #f00; color: #000; }
	
	::-moz-selection { background-color: #f00; color: #000; }
	
	.active { margin: 0 auto; width: 1200px; /* background-color:#FF0; */ }
	
	.clear { clear: both; float: none; }

		.clear:after, .clear:before { content: ' '; display: table; }
		
	.image { background-color: transparent; background-image: url('../img/loading.gif'); background-position: center center; background-repeat: no-repeat;
	
		 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;
	
	}
	
		.image p { color: transparent; line-height: 0; text-align: center; }
	
			.image p img { width: auto; max-width: 100%; height: auto; vertical-align: middle; }
			
				.image p a img {
					
					 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;
						
				}
			
	.loaded { background: none !important; background-color: none !important; background-image: none !important;

		-webkit-transition: -webkit-filter 0.3s ease-in-out;		
		-webkit-transition: all 0.3s ease-in-out;
		   -moz-transition: all 0.3s sease-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;

	}
	
	.message { margin-top: 20px; }
	
		.message p {
			
			-webkit-touch-callout: none;
			  -webkit-user-select: none;
			   -khtml-user-select: none;
				 -moz-user-select: none;
				  -ms-user-select: none;
					  user-select: none;
						  
	}

	.hidden { visibility: hidden;

		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
		   opacity: 0;
			filter: alpha(opacity=0);

	}

	
	.visible { visibility: visible;

		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
		   opacity: 1;
			filter: alpha(opacity=100);

	}
	
	.view { margin-top: 30px; width: 340px; }

		.view p { font-weight: 600; line-height: 50px !important; text-align: center !important;
		
			-webkit-touch-callout: none;
			  -webkit-user-select: none;
			   -khtml-user-select: none;
				 -moz-user-select: none;
				  -ms-user-select: none;
					  user-select: none;
					  
		}
	
			.view p a { width: 100%; height: 50px; background-color: #f00; color: #fff; display: block; }
	
			.view p a:hover { background-color: #ccc; color: #c00; }

/* --------------------------------------- */
		
	/* Builder */
	
	#builder { /* padding-top: 150px; */ }

	/* Header */
	
	#header { width: 100%; height: 150px; background-color: #fcfcfc; /* position: fixed; top: 0; z-index: 998; */ }
	
	/* Logo Nissan */

	#logo-nissan { padding-top: 25px; padding-bottom: 25px; margin-left: 100px; width: 400px; height: 100px; float: left; }
	
	#logo-nissan p { margin-right: 10px; float: left; }
	
	#logo-nissan .slogan { float: left; line-height: 100px; color: #999; font-size: 14px; }
	
	/* Logo MA */
	
	#logo { margin-left: 0; padding-top: 25px; padding-bottom: 25px; width: 260px; height: 100px; float: left; }

	/* Logo 12 Años */
	
	#doce { margin-left: 100px; padding-top: 35px; float: left; }

	#doce p img { margin-left: 50px; float: left; width: 82px !important; height: 81px; }
	
	/* Social */
		
		.social { position: fixed; right: 0; top: 200px; z-index: 3; }
	 
		.social ul { list-style: none; }
		
		.social ul li a { display: inline-block; color:#fff; margin-bottom: 10px; width: 45px; height: 40px; padding: 10px 10px; text-decoration: none; background: #999;
			-webkit-transition:all 500ms ease;
			-o-transition:all 500ms ease;
			transition:all 500ms ease;
		}
	 
		.social ul li a:hover { background: #900; /*padding-left: 20px; padding-right: 20px;*/ }
	
	/* Menu */
	
	#menu { width: 100%; height: 50px; background-color: #fcfcfc; /* position: fixed; top: 100px; z-index: 998; */ }
	
		#menu ul { margin-left: auto; margin-right: auto; width: 900px; background-color: #0ff; }
		
		#menu ul li { width: 150px; display: inline-block; font-weight: 600; text-align: center; float: left; }
		
			#menu ul li a { width: 150px; height: 50px; color: #999; display: block; line-height: 50px; }
			
			#menu ul li a:hover { color: #123; }
			
			#menu ul li span { color: #f00; display: block; line-height: 50px; }
					
			#menu .desktop { display: inline-block; }

			#menu .responsive { display: none; }
			 
	/* Button */
	
		#menu #button { padding: 10px; width: 40px; height: 40px; background-color: #999; display: none; position: fixed; top: 0; left: 0; z-index: 1000;
	
			 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; 
	
		}
	
		#menu #button:hover { background-color: #fff; cursor: pointer; }
	
			#menu #button .icon { width: 20px; height: 20px; }
	
				#menu #button .icon .open { width: 20px; height: 20px; display: block; position: relative; }
	
				#menu #button .icon .open span { margin-bottom: 4px; padding: 0; width: 20px; height: 4px; background-color: #fff !important; display: block; }
	
					#menu #button .icon .open span:last-child { margin-bottom: 0; }
	
				#menu #button .icon .close { width: 20px; height: 20px; display: none; position: relative; }
	
					#menu #button .icon .close:before, #menu #button .icon .close:after { width: 16px; height: 4px; background-color: #f00 !important; content: ''; position: absolute; top: 8px; }
	
					#menu #button .icon .close:before { left: 2px;
					
						-webkit-transform: rotate(45deg);
						   -moz-transform: rotate(45deg);
								transform: rotate(45deg);
					
					}
	
					#menu #button .icon .close:after { right: 2px;
					
						-webkit-transform: rotate(-45deg);
						   -moz-transform: rotate(-45deg);
								transform: rotate(-45deg);
								
					}

	/* Rotator */
	
	#rotator { width: 100%; background-color: #1a1a1a; position: relative; }
	
		/* Sliders */
	
		#rotator .sliders { margin: 0 auto; width: 100%; height: auto; }
		
			/* Slider */
	
			#rotator .sliders .slider { width: 100%; height: 100%; position: relative; overflow: hidden; }
			
				#rotator .sliders .slider .image { width: 100%; height: 100%; background-color: #1a1a1a; }
				
				#rotator .sliders .slider p img { width: 100%; height: 100%; }

		/* Pager */
		
		#rotator .pager { width: 100%; height: 50px; display: block; text-align: center; position: absolute; bottom: 0; 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 5px; width: 20px; height: 20px; 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: #000; border: 5px solid #fff; }
			
			#rotator .pager a.active-slide { background-color: #f00; border: 5px solid #333; cursor: none; }
			
	/* Lust */
	
	#lust { width: 100%; background-color: #eef; }
	
		#lust .active { padding-top: 30px; padding-bottom: 30px; }
		
			/* Headline */

			#lust .active .headline { margin-right: auto; margin-bottom: 20px; margin-left: auto; padding-bottom: 30px; width: 1020px; }
			
				#lust .active .headline h2 { text-align: center; padding-bottom: 30px; }

				#lust .active .headline p { line-height: 1.5; text-align: justify; }
				
			/* Article */
			
			#lust .active .article { margin-right: 30px; width: 340px; height: 450px; float: left; position: relative; }
			
				
				#lust .active .article:nth-last-child(2) { margin-right: 0; clear: right; }
				
				#lust .active .article .icon { margin-right: auto; margin-left: auto; width: 300px; height: 120px; overflow: hidden; }

					#lust .active .article .icon p img { width: 100%; max-width: 300px; }

				#lust .active .article h2 { text-align: center;  padding-bottom: 10px; color: #f00; }
				
				#lust .active .summary p { line-height: 1.5; text-align: justify; padding-top: 20px; border-top: 1px #f00 solid; }
				
				#lust .active .margin { margin-left: 60px; }
	
	/* Featured */
	
	#featured { width: 100%; background-color: #1a1a1a; }
	
		#featured .active { padding-top: 30px; padding-bottom: 30px; }
		
			#featured .active .video { width: 750px; float: left; }
			
			#featured .active .summary { width: 450px; float: left; }

				#featured .active .summary h2 { color: #dde; }
				
				#featured .active .summary hr { margin-right: 0; margin-left: 0; }				

				#featured .active .summary p { color: #fff; line-height: 1.5; text-align: justify; }

					#featured .active .summary p a { color: #f90; }

					#featured .active .summary p a:hover { color: #123; }

				#featured .active .summary .view p a { background-color: #f00; color: #fff; display: block; }
	
				#featured .active .summary .view p a:hover { background-color: #ccc; color: #f00; }
				
			
	/* Welcome */
	
	#welcome { width: 100%; height: 420px; background-color: #3f3f3f; background-image: url(../img/front-car.jpg); background-size: auto; background-repeat: no-repeat; background-position: center; }
	
		#welcome .active { padding-top: 30px; padding-bottom: 100px; }
		
			/* Headline */

			#welcome .active .headline { margin-right: auto; margin-bottom: 30px; margin-left: auto; padding-bottom: 30px; width: 1020px; }
			
				#welcome .active .headline h2 { text-align: center; padding-bottom: 30px;  color: #fff; }

				#welcome .active .headline p { line-height: 1.5; text-align: justify; color: #fff; }

	/* Factory */
	
	#factory { width: 100%; background-color: #eef; }

			#factory .active { margin-right: auto; margin-bottom: 30px; margin-left: auto; padding-bottom: 30px; width: 1200px; }
			
				#factory .active h2 { text-align: center; padding-bottom: 30px; padding-top: 50px; }

				#factory .active p { padding-bottom: 50px; line-height: 1.5; text-align: justify; }
	
	
	/* 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 */

	#partners { width: 100%; background-color: #a1a1a1; }

		#partners .active { padding-top: 30px; }

			#partners .active h2 { text-align: center; color: #fff; padding-bottom: 30px; }

			#partners .active .group { margin-left: 90px; }
			
			#partners .active .group .image { width: 250px; height: 240px; background-color: #a1a1a1; float: left; overflow: hidden; }


	/* Contact */

	#contact { width: 100%; background-color: #eef; }

		#contact .active { padding-top: 30px; padding-bottom: 30px; }
		
			#contact .active .block { padding-right: 30px; padding-left: 30px; width: 600px; float: left; text-align: center; }
			
			#contact .active .icon { margin-left: auto; margin-right: auto; width: 160px; height: 160px; }
			
			#contact .active .summary { padding-right: 30px; padding-left: 30px; width: 515px; float: left; }

				#contact .active .summary h2 { margin-bottom: 30px; margin-top: 50px; color: #333; text-align: center; }
				
				#contact .active .summary h3 { line-height: 1.5; text-align: center; font-weight: 200; }
				
				#contact .active .summary h3 span { color: #f00; font-weight: bold; }
				
				#contact .active .summary h3 strong { font-weight: bold; }
				
				#contact .active .summary .hour { margin-left: auto; margin-right: auto; width: 300px; height: auto; padding: 20px; border: 5px #333 solid; }
				
				#contact .active .summary .view { margin-left: auto; margin-right: auto; }
				
				#contact .active .summary p { padding-top: 0; }
				
				#contact .active .summary .view p a { background-color: #f00; color: #fff; display: block; }
	
				#contact .active .summary .view p a:hover { background-color: #ccc; color: #f00; }
				
				#contact .active .form { width: 515px; float: left; }
				
		
				#contact .active .form textarea { padding: 10px; height: 200px; 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: #f00; color: #fff; }

				#contact .active .form #message { margin-top: 30px; margin-bottom: 30px; font-weight: 600; }
				
				
	/* Tips */
	
	#tips .article { padding-top: 50px; padding-bottom: 30px; width: 100%; border-bottom: #900 2px solid; }
	
	#tips .article .image { width: 500px; float: left; }
	
	#tips .article .summary { width: 900px; margin-left: 50px; float: left; text-align: justify; }
	
	#tips .article .summary h2 { padding-bottom: 20px; padding-top: 20px; }
	

	/* Footer */
	
	#footer { width: 100%; background-color: #1a1a1a; border-bottom: 1px solid #79a; }
	
		#footer .active { padding-top: 30px; padding-bottom: 30px; }
		
			#footer .active .block { padding-right: 30px; width: 450px; float: left; }
			
			#footer .active .block:nth-child(1n+2) { padding-right: 0; margin-left: 100px; }
		
			#footer .active .block p { padding-left: 30px; color: #fff; line-height: 1.5; text-align: justify; }

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

			#footer .active .block p a:hover { color: #fff; }
			
			#footer .active .aniv { padding-top: 200px; width: 200px; float: left; }
			
			#footer .active .mail { background-image: url(../img/icon-mail.png); background-repeat: no-repeat; background-position: left; }
			
			#footer .active .phone { background-image: url(../img/icon-phone.png); background-repeat: no-repeat; background-position: left; }
	
	/* Fly */
		
	#fly { width: 100%; height: 70px; background-color: #1a1a1a; border-bottom: 10px solid #f00; }
	
		#fly .active p { margin-left: 30px; color: #fff; line-height: 60px; text-align: left; }	
		
			#fly .active p a { color: #900; }

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

	/* Headline */
	
	#headline { width: 100%; height: 500px; background-color: #ca1117; }
	
		#headline .active { position: relative; }
	
			#headline .active .summary { width: 600px; top: 30px; left: 0; position: absolute; z-index: 2; }
		
				#headline .active .summary h2 { color: #fb0; }
	
				#headline .active .summary hr { margin-right: 0; margin-left: 0; }
	
				#headline .active .summary p { color: #fff; line-height: 1.5; text-align: justify; }
			
			#headline .active .image { width: 1200px; height: 500px; background-color: #ca1117; top: 0; left: 0; position: absolute; z-index: 1; }

	
	/* 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; }
			
			/* Even */
		
			.section:nth-child(even) .image { float: left; }

			.section:nth-child(even) .summary { float: right; }	

				.section:nth-child(even) .summary { padding-left: 40px; }	
			
			/* Odd */
		
			.section:nth-child(odd) .image { float: right; }
			
			.section:nth-child(odd) .summary { float: left; }

				.section:nth-child(odd) .summary { padding-right: 40px; }
				
				
		/* Adress */
		
		.adress { margin-left: 50px; float: left; width: 600px; line-height: 1.5; }
		
		.adress hr { color: #000; margin: 5px; width: 400px !important; }
		
		.adress h2 { padding-top: 40px; }
		
		.adress p i { padding-bottom: 40px; }
	
/* --------------------------------------- */	
	
	/* Adds */
	
	#actividades-de-mantenimiento { background-color: #bed; }
	
	#control-de-viajes { background-color: #eec; }

	#gestion-de-neumaticos { background-color: #cde; }
	
	#inventario { background-color: #fee; }	
	
	#requerimientos { background-color: #dde; }
	
	.gray { background-color: #eee; }

	/* Go Top */
	
	#go { display: none; position: fixed; bottom: 0; right: 5px; 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; }
			
	/* FAQs */
	
	.faqs { margin-right: auto; margin-left: auto; padding-top: 30px; width: 500px; }

		.faqs h3 { margin-bottom: 30px; cursor: pointer;
		
			-webkit-transition: -webkit-filter 0.3s ease-in-out;		
			-webkit-transition: all 0.3s ease-in-out;
			   -moz-transition: all 0.3s sease-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;
				
		}

			.faqs h3:hover { color: #f90; }

		.faqs hr { margin-right: 0; margin-left: 0; }
		
		.faqs p { line-height: 1.5; text-align: justify; }
		
		.faqs div { padding-bottom: 30px; height: auto; }
		
	/* Maps */
	
	.maps { padding-top: 0; padding-bottom: 0; background-color: #fff; border-bottom: 5px solid #ca1117; }

	iframe { width: 50%; float: left; }

	.direccion { padding: 15px; width: 50%; float: left; }

	.direccion h2 { padding-bottom: 15px; color: #ca1117; }

	/* POPUP */

	.sede { background-color: rgba(0,0,0,.4); width: 100%; height: 100%; position: absolute !important; z-index: 99; }

	.image { left: 30%; margin-top: 10%; }

	#close { position: absolute; right: 4px; top: 4px; }