@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: #69c; }
			
			a:hover { color: #fff; }
			
			a, img { outline: 0; }
		
		br { margin: 10px 0; padding: 0; content: ' '; display: block; line-height: none; }
		
		hr { margin: 10px auto; padding: 0; width: 150px !important; height: 2px !important; background-color: #3cc; border: none; }
		
		/* Config */
		
		h1, h2, h3, h4, h5, h6 { color: #069; font-family: 'Raleway', 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: 36px; font-weight: 700; }
						
			h4, h5, h6 { font-size: 24px; font-weight: 800; letter-spacing: normal; color: #fff; }

		dl, p, ol { color: #111; font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.5; }

		ul { color: #111; font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 100; 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: #3cc; color: #fff; }
	
	::-moz-selection { background-color: #fc0; color: #fff; }
	
	.active { margin: 0 auto; width: 1200px; /* background-color:#FF0; */ }
	
	.clear { clear: both; float: none; }

		.clear:after, .clear:before { content: ' '; display: table; }
			
	.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);

	}
	

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

	/* Header */
	
	#header { width: 100%; height: 110px; position: fixed; top: 0; z-index: 998; }

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

	/* Lenguage */

	.lenguage { margin: 40px 0 0 20px; padding: 0 10px 0 10px; width: auto; height: 40px; border-radius: 30px; background-color: #f9f9f9; float: right; }

	.lenguage:hover { background-color: #69c; 

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

	.lenguage:hover p { color: #fff; font-weight: bold; }

	.lenguage p { margin-left: 3px; font-size: 14px; float: left; }

	.lenguage .leng { margin-top: 10px; }

	/* Social */
		
		.social { position: fixed; right: 10px; top: 110px; z-index: 3; }
	 
		.social ul { list-style: none; }
		
		.social ul li a { display: inline-block; margin-bottom: 10px; text-align: center; width: 40px; height: 40px; border-radius: 40px; padding: 10px 10px; text-decoration: none; background: #ddd;
			-webkit-transition:all 500ms ease;
			-o-transition:all 500ms ease;
			transition:all 500ms ease;
		}
	 
		.social ul li a:hover { background: #fc0; }
	

	/* Rotator */
	
	#rotator { width: 100%; background-color: #fff; position: relative; }
	
		/* Sliders */
	
		#rotator .sliders { margin: 0 auto; width: 100%; height: 720px; }
		
			/* 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%; }

	/* Breadcumbs */

	#breadcumbs { width: 100%; height: 160px; padding: 30px; background-color: #fff; position: relative; }

	#breadcumbs .logo {  width: 200px; height: auto; float: left; }

	#breadcumbs .list-cat { margin-left: 100px; width: 400px; height: auto; float: left; }

	#breadcumbs .list-cat p { line-height: 100px; color: #069; font-weight: bold; }

	/* Section */

	#section { width: 100%; height: auto; padding: 50px 20px; background-color: #f5f5f5; }

	#section .block { width: 240px; height: auto; float: left; }

	#section .block p { font-size: 12px; line-height: 2; }

			/* Headline */

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

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

				.headline p img { text-align: center }


	/* Welcome */

	#welcome { width: 100%; height: 400px; position: relative; background-color: #099; background-image: url(../img/campo-petrolero.png); background-position: center bottom; background-repeat: no-repeat; }

	#welcome p { width: 100%; height: auto; text-align: center; padding-top: 100px; color: #fff; font-size: 24px; }

	#welcome p spam { letter-spacing: 0.5px; word-spacing: 0.5px; }
	
	
	/* Prueba acordion */

	#container-main{
	    margin:40px auto;
	    width:95%;
	    min-width:320px;
	    max-width:960px;
	    background-color: #fcfcfc;
	}
	 
	#container-main h1{
	    font-size: 40px;
	    text-shadow:4px 4px 5px #16a085;
	}
	 
	.accordion-container {
	    width: 100%;
	    margin: 0 0 20px;
	    clear:both;
	}
	 
	.accordion-titulo {
	    position: relative;
	    display: block;
	    padding: 20px;
	    font-size: 24px;
	    font-weight: 300;
	    background: #2c3e50;
	    color: #fff;
	    text-decoration: none;
	}
	.accordion-titulo.open {
	    background: #16a085;
	    color: #fff;
	}
	.accordion-titulo:hover {
	    background: #1abc9c;
	}
	 
	.accordion-titulo span.toggle-icon:before {
	    content:"+";
	}
	 
	.accordion-titulo.open span.toggle-icon:before {
	    content:"-";
	}
	 
	.accordion-titulo span.toggle-icon {
	    position: absolute;
	    top: 10px;
	    right: 20px;
	    font-size: 38px;
	    font-weight:bold;
	}
	 
	.accordion-content {
	    display: none;
	    padding: 20px;
	    overflow: auto;
	}

	.accordion-content .summary { margin: 0 auto; width: 810px; height: auto; }

	.accordion-content .summary p { margin-top: 30px; margin-left: 10px; width: 260px; height: auto; position: relative; float: left; text-align: center; }

	.accordion-content .summary p img { width: 260px; height: 260px; }

	.accordion-content .descripcion { margin: 0 auto; text-align: center; }

	.accordion-content .descripcion p { font-size: 20px; }

	 
	@media (max-width: 767px) {
	    .accordion-content {
	        padding: 10px 0;
	    }
	}


	/* 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; }
	
	/* Footer */
	
	#footer { width: 100%; background-color: #069; border-bottom: 1px solid #69c; border-top: 5px solid #69c; background-image: url(../img/cinta-footer.png); background-position: right; bottom; background-repeat: no-repeat; }
	
		#footer .active { padding-top: 30px; padding-bottom: 30px; }
		
			#footer .active .block { margin-left: 20px; width: 385px; float: left; }
		
			#footer .active .block h3 { font-size: 18px; color: #fff; }

			#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: #3cc; }

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

			/* Social Footer */

			.right p a { color: #fff; }

			.right p a:hover { color: #69c; }

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

			#social { padding-bottom: 5px; margin-right: 0; margin-bottom: 10px; }

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

			#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: #069; }
	
		#fly .active p { margin-right: 20px; color: #fff; line-height: 40px; text-align: right; }	
		
			#fly .active p a { color: #3cc; }

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

	/* Headline */
	
	#headline { width: 100%; height: 500px; position: relative; overflow: hidden; }
	
		/* Image */
			
				#headline .image { width: 100%; height: 100%; position: absolute; background-color: #1a1a1a; float: left; }
				
				#headline p img { width: 100%; height: auto; }
	
	/* 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 { width: 100%; height: 120px; display: none; position: fixed; top: 0; z-index: 998; background-color: #fff; 

		-webkit-box-shadow: 2px 2px 5px #999;
  		-moz-box-shadow: 2px 2px 5px #999;
  		filter: shadow(color=#999999, direction=135, strength=2);
	}
		
		#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; }

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

		.banner .title { padding-top: 10%; 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; }

		/* Outstanding */

		.outstanding { display: none; }
		
		/**/

		.responsive { display: none; }

/* ------------------------------------------------------ */