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



    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
	html {
		overflow:hidden;
		overflow-y:auto;
	}
    body {
    line-height: 1;
	 background:#000;
	 font-family: 'proxima_nova_rgregular';
     overflow:auto;
	  overflow-x:hidden ;
		
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
	.clear {
		clear:left;
		width:100%;
		float:left;
		position:relative;
	}
	
	
	.content {
		opacity:1;
		width:100%;
		height:100%;
		min-width:900px;
		min-height:700px;
		position:absolute;
		top:0;
		left:0;
		border:0;
		background:#000;
		overflow:hidden !important;
		 -webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}
	.content .menu {
		width:190px;
		position:absolute;
		left:0;
		top:0;
		bottom:0;
		height:100%;
		background:#fff;
		text-align:center;
		min-height:700px;
		z-index:3;
		font-family: 'proxima_nova_rgregular';
	}
	
	.content .menu ul{
		width:100%;
		float:left;
		min-height:700px;
		height:100%;
		position:absolute;
	}
	
	.content .menu ul li{
		width:100%;
		border-bottom:1px solid #eee;
		font-size:12px;
		text-align:left;
		float:left;
		position:relative;
		clear:		left;
		padding:10px 0;
		 -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		color:#000;
		line-height:30px;
		cursor:pointer;
	}
	.content .menu  .logo{
		margin:35px 0;
	}
	.content .menu ul li:hover,.content .menu ul .active{
		color:#0080ff;
	}
	.content .menu ul li span{
		float:left;
		position:relative;
		margin:0 20px;
		width:150px;
	}
	
	.content .menu ul li span label a{
		text-decoration:none;
		color:#000;
	}
	
	.content .menu ul li span label a:hover{
		text-decoration:none;
		color:#0080ff;
	}
	.content .menu ul li:nth-last-child(1){
		position:absolute;
		bottom:0;
		text-align:center;
	}
	.content .menu ul li:nth-last-child(1) span{
		display:inline-block !important;
		float:none;
		padding:0;
		margin:0;
		width:30%;
	}
	.redes{
		font-size:10px !important;
	}
	.content .menu ul li:nth-child(2) span{ background:url(../assets/icons/1.gif) right center no-repeat; }
	.content .menu ul li:nth-child(3) span{ background:url(../assets/icons/2.gif) right center no-repeat; }
	.content .menu ul li:nth-child(4) span{ background:url(../assets/icons/3.gif) right center no-repeat; }
	.content .menu ul li:nth-child(5) span{ background:url(../assets/icons/4.gif) right center no-repeat; }
	.content .menu ul li:nth-child(6) span{ background:url(../assets/icons/5.gif) right center no-repeat; }
	.content .menu ul li:nth-child(7) span{ background:url(../assets/icons/6.gif) right center no-repeat; }
	
	.content .menu ul li:nth-child(2):hover span, .content .menu ul li:nth-child(2).active span{ background:url(../assets/icons/1-1.gif) right center no-repeat; }
	.content .menu ul li:nth-child(3):hover span, .content .menu ul li:nth-child(3).active span{ background:url(../assets/icons/2-1.gif) right center no-repeat; }
	.content .menu ul li:nth-child(4):hover span, .content .menu ul li:nth-child(4).active span{ background:url(../assets/icons/3-1.gif) right center no-repeat; }
	.content .menu ul li:nth-child(5):hover span, .content .menu ul li:nth-child(5).active span{ background:url(../assets/icons/4-1.gif) right center no-repeat; }
	.content .menu ul li:nth-child(6):hover span, .content .menu ul li:nth-child(6).active span{ background:url(../assets/icons/5-1.gif) right center no-repeat; }
	.content .menu ul li:nth-child(7):hover span, .content .menu ul li:nth-child(7).active span{ background:url(../assets/icons/6-1.gif) right center no-repeat; }


	.content .menu ul li:nth-child(8), .content .menu ul li:nth-child(9){ padding:0 !important;border:0 !important; margin: 0 !important ; color:#000 !important;  cursor:default; }
	.redes img{
		margin:0 !important;
	}
	
	article {
		position:absolute;
		left:190px;
		top:0;	
		z-index:99;	
	}
	
	article section {
		color:#fff;
		float:left;
		position:relative;
		clear:left;
		background-position:50% 50% !important;
		background-size:cover !important;
	}
	
	#section3 {
		-webkit-transition: all .8s ease-in-out;
		-moz-transition: all .8s ease-in-out;
		-o-transition: all .8s ease-in-out;
		-ms-transition: all .8s ease-in-out;
		transition: all .8s ease-in-out;
	}
	#section1 { background:url(../assets/bg/home.jpg) no-repeat;}
	#section2 { background:url(../assets/bg/mision.jpg) no-repeat;}
	#section3 { background:url(../assets/bg/servicios.jpg) no-repeat;}
	#section4 { background:url(../assets/bg/socios.jpg) no-repeat;}
	#section5 { background:url(../assets/bg/alianzas.jpg) no-repeat;}
	#section6 { background:url(../assets/bg/contacto.jpg) no-repeat;}
	footer{ 
	height:94px;
	padding: 0;
	background:#dedfdf url(../assets/bg-cotizaciones.gif) repeat ;
	z-index:999;
	position:absolute;
	bottom:0;
	right:0;
	left:190px;
	font-family: 'proxima_nova_rgbold';
	font-size:16px;
text-align:center;
	}
	footer ul:nth-child(1) {
		padding:0;
		width:9%;
		font-family: 'proxima_nova_rgbold';
		
	}
	footer ul:nth-child(1) li{
		font-size:14px;
		color:#0080ff !important;
	}
	footer ul:nth-child(1) li span{
		font-size:		12px !important;
		color:#171e24 !important;
	}
	
	
	footer ul{
		display:inline-block;
		vertical-align:top;
		padding:.5%;
		font-family: 'proxima_novasemibold';
		width:7%;
		text-align:center;
		
	}
	footer ul li{ 
	color:#5b5b5b;
	font-size:12px;
	display:inline-block;
	vertical-align:top;
	position:relative;
	width:80%;
	PADDING:5px 0 ;
	text-align:left;
	
	}
	footer span{ 
	color:#a7a7a7;
	font-size:12px;
	}
	#section1 .main{
		margin:0 0 0 10%;
		position:relative;
		width:auto;
		height:auto;
		top:10%;
		color:#fff;
	}
	
	#section1 .main h1{
		font-size:65px;
		font-family: 'proxima_nova_rgregular';
		float:left;
		position:relative;
		clear:left;
		margin:10px 0 10px 4000px;
	}
		
	#section1 .main h2{
		font-size:30px;
		font-family: 'proxima_novalight';
		float:left;
		position:relative;
		clear:left;
		margin:10px 0 10px 4000px;
	}	
	
	#section1 .main h3{
		font-size:18px;
		font-family: 'gotham_mediumregular';
		float:left;
		position:relative;
		clear:left;
		margin:10px 0 10px 4000px;
	}	
	#section1 .main hr{
		width:100px;
		border:0px;
		height:2px;
		background:rgba(255,255,255,.3);
		float:left;
		position:relative;
		margin:25px 0 10px 4000px;
	}
	
	#section1 .main p{
		float:left;
		position:relative;
		clear:left;
		margin:10px 0 10px 4000px;
		font-size:15px;
		line-height:22px;
		width:400px;
    font-family: 'proxima_nova_rgregular';

	}
	#section2 {
		text-align:center;
	}
	#section2 .main{
		margin:0 5% 0 5% ;
		position:relative;
		width:35%;
		height:auto;
		top:50%;
		color:#fff;
		display:inline-table;
		vertical-align:top;
	}
	
	#section2 .main h2{
		font-size:30px;
		font-family: 'proxima_novalight';
		float:right;
		position:relative;
		clear:left;
		margin:0 0 10px 0;
	}	
	
	#section2 .main hr{
		width:100%;
		border:0px;
		height:1px;
		clear:both;
		background:rgba(255,255,255,.3);
		float:left;
		position:relative;
		margin:25px  0 ;
	}
	
	#section2 .main p{
		float:left;
		text-align:left;
		position:relative;
		clear:left;
		margin:10px 0;
		font-size:15px;
		line-height:22px;
		width:300px;
       font-family: 'proxima_nova_rgregular';

	}
	
	
	#section3 .main{
		margin:0  ;
		position:relative;
		width:100%;
		min-width:1080px;
		height:60%;
		float:left;
		clear:left;
	}
	#section3 .main .submain1 {
		float:left;
		position:relative;
		width:60%;
		height:100%;
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiODRmZCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMwYjg0ZmQiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjg0ZmQiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(top,  rgba(11,132,253,0.8) 0%, rgba(11,132,253,0.8) 1%, rgba(11,132,253,0.8) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(11,132,253,0.8)), color-stop(1%,rgba(11,132,253,0.8)), color-stop(100%,rgba(11,132,253,0.8))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(11,132,253,0.8) 0%,rgba(11,132,253,0.8) 1%,rgba(11,132,253,0.8) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(11,132,253,0.8) 0%,rgba(11,132,253,0.8) 1%,rgba(11,132,253,0.8) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(11,132,253,0.8) 0%,rgba(11,132,253,0.8) 1%,rgba(11,132,253,0.8) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(11,132,253,0.8) 0%,rgba(11,132,253,0.8) 1%,rgba(11,132,253,0.8) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0b84fd', endColorstr='#cc0b84fd',GradientType=0 ); /* IE6-8 */


	}
	#section3 .main .submain2 {
		float:left;
		position:relative;
		width:40%;
		height:100%;
	}
	#section3 ul{
		margin:0  ;
		position:relative;
		width:100%;
		min-width:1080px;
		height:30%;
		float:left;
		clear:left;
		background:#1a212b;
	}
	#section3 ul li {
		float:left;
		position:relative;
		color:#fff;
		text-align:center;
		height:100%;
		display:inline;
		opacity:.3;
		 -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		cursor:pointer;
		background-size:50% auto !important ;
	}
	#section3 ul li:nth-child(1){ background:url(../assets/icons/s3-1.png) center 30% no-repeat  #181e25; }
	#section3 ul li:nth-child(2){ background:url(../assets/icons/s3-2.png) center 30% no-repeat  #1a212b; }
	#section3 ul li:nth-child(3){ background:url(../assets/icons/s3-3.png) center 30% no-repeat  #181e25; }
	#section3 ul li:nth-child(4){ background:url(../assets/icons/s3-4.png) center 30% no-repeat  #1a212b; }
	#section3 ul li:nth-child(5){ background:url(../assets/icons/s3-5.png) center 30% no-repeat  #181e25; }
	#section3 ul li:nth-child(6){ background:url(../assets/icons/s3-6.png) center 30% no-repeat  #1a212b; }
	#section3 ul li:nth-child(7){ background:url(../assets/icons/s3-7.png) center 30% no-repeat  #181e25; }
	#section3 ul li:nth-child(8){ background:url(../assets/icons/s3-8.png) center 30% no-repeat  #1a212b; }


	#section3 ul li:hover, #section3 ul .active{
		opacity:1;
	}
	
	
	#section3 ul li span{
		position:absolute;
		bottom:0;
		height:35%;
		width:100%;
		text-align:center;
		font-size:14px;
		left:0;
	}
	#section3 .main .submain1 img{
		float:left;
		position:relative;
		margin:20% 0 0 20%;		
	}
	
	.rota{
   -webkit-animation: cssAnimation 1s 1 ease;
    -moz-animation: cssAnimation 1s 1 ease;
    -o-animation: cssAnimation 1s 1 ease;
	animation: cssAnimation 1s 1 ease;
	}
	
	.rota2{
		perspective: 1000;
	transform-style: preserve-3d;
   transform: rotateX(360deg);
	}

   
    

 @-webkit-keyframes cssAnimation {
from { 
	transform: scale(0.1, 1);
    -webkit-transform: scale(0.1, 1);
    -moz-transform: scale(0.1, 1);
    -o-transform: scale(0.1, 1);
    -ms-transform: scale(0.1, 1);
	 }
    to { 
	transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
	 }
}
@-moz-keyframes cssAnimation {
from { 
	transform: scale(0.1, 1);
    -webkit-transform: scale(0.1, 1);
    -moz-transform: scale(0.1, 1);
    -o-transform: scale(0.1, 1);
    -ms-transform: scale(0.1, 1);
	 }
    to { 
	transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
	 }
}
@-o-keyframes cssAnimation {
   from { 
	transform: scale(0.1, 1);
    -webkit-transform: scale(0.1, 1);
    -moz-transform: scale(0.1, 1);
    -o-transform: scale(0.1, 1);
    -ms-transform: scale(0.1, 1);
	 }
    to { 
	transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
	 }
}

	
	#section3 .main .submain1 h2{
		font-size:30px;
		font-family: 'proxima_novalight';
		position:relative;
		width:60%;
		float:right;
		margin:20% auto 0 auto;
		text-align:left;
	}	
	
	#section3 .main .submain1  p{
		float:right;
		text-align:left;
		position:relative;
		clear:left;
		margin:10px 0;
		font-size:15px;
		line-height:22px;
		width:40%;
		padding-right:20%;
       font-family: 'proxima_nova_rgregular';

	}
	
	#section3 .main .submain2 h2{
		font-size:30px;
		font-family: 'proxima_novalight';
		position:relative;
		width:60%;
		float:left;
		clear:left;
		margin:40% auto 0 auto;
		text-align:right;
	}	
	
	#section3 .main hr{
		width:60%;
		border:0px;
		float:left;
		height:1px;
		clear:both;
		background:rgba(255,255,255,.3);
		position:relative;
		margin:25px  auto ;
	}
	#section4 .main{
		margin:0  ;
		position:relative;
		width:100%;
		min-width:1080px;
		height:60%;
		float:left;
		clear:left;
	}
	#section4 .main .submain1 {
		float:left;
		position:relative;
		width:100%;
		height:100%;
	}
	#section4 .main .submain1 h2{
		font-size:30px;
		font-family: 'proxima_novalight';
		position:relative;
		width:30%;
		float:left;
		clear:left;
		margin:20% auto 0 auto;
		text-align:right;
	}	
	
	#section4 .main .submain1 hr{
		width:30%;
		border:0px;
		float:left;
		height:1px;
		clear:both;
		background:rgba(255,255,255,.3);
		position:relative;
		margin:5px  auto ;
	}
	#section4 .main .submain1 ul {
		float:left;
		position:relative;
		clear:left;
		margin:10px  0 0 20%;
	}
	#section4 .main .submain1 ul li{
		text-align:left;
		line-height:32px;
		font-size:18px;
		color:#fff;
		float:left;
		font-family: 'proxima_nova_rgregular';
		margin:20px 0;
		width:45%;
	}
	#section4 .main .submain1 li  hr{
		width:18%;
	}
		#section4 .main .submain1 ul li span {
			color:#0881fa;
			
		}
		
	#section5 .main{
		margin:0  ;
		position:relative;
		width:100%;
		min-width:1080px;
		height:100%;
		float:left;
		clear:left;
	}
	
	#section5 .main ul {
		float:left;
		position:relative;
		width:25%;
		height:60%;
		margin: 10% 0 0 0 ;
		background: url(../assets/leftShadow.png) center left no-repeat;
	}
	
	#section5 .main ul li{
		font-size:14px;
		font-family: 'proxima_novasemibold';
		color:#fff;
		width:90%;
		margin:0 5%;
		text-align:center;
	}
	#section5 .main ul li hr{
		width:15%;
		background:rgba(255,255,255,.3);
		border:0;
		margin:30px auto;
		height:1px;
	}
	#section5 .main ul li:nth-child(1){
		margin:40% 5% 0 5%;
	}
		
	
	#section6 .main{
		margin:0  ;
		position:relative;
		width:50%;
		min-width:540px;
		height:100%;
		float:right;
		clear:left;
		
	}
	#section6 .main ul{
		font-family: 'proxima_novalight';
		color:#fff;
		width:90%;
		margin:10% 5% 0 5%;
	}
		#section6 .main ul li{
			float:left;
			position:relative;
			clear:left;
           margin:15px 0;
			width:100%;
		}
		#section6 .main ul li:nth-child(1){
			font-size:30px;
			text-align:right;
			font-family: 'proxima_novalight';
		}
		#section6 .main ul li hr{
			width:100%;
			height:1px;
			margin:10px 0 ;
			border:0;
			background:rgba(255,255,255,.3);
		}
		#section6 .main ul li:nth-child(3){font-family: 'proxima_novalight';
			font-size:15px;
			text-align:right;
			width:90%;
			padding-right:10%;
			background:url(../assets/home.png) right center no-repeat;
		}
		#section6 .main ul li:nth-child(4){font-family: 'proxima_novalight';
			width:90%;
			padding-right:10%;
			font-size:15px;
			text-align:right;
			background:url(../assets/phone.png) right center no-repeat;
		}
		#section6 .main ul li span,#section6 .main ul li:nth-child(6) input {
			width:45%;
			display:inline-table;
			vertical-align:top;
			text-align:left;
		}
		#section6 .main ul li:nth-child(6) input:nth-child(1) {
			width:40% !important;
			background:url(../assets/icons/contacto.png) center left no-repeat;
			padding-left:30px;
		}
		#section6 .main ul li:nth-child(6) input:nth-child(2) {
			width:40% !important;
			background:url(../assets/icons/email.png) center left no-repeat;
			padding-left:30px;
		}
		#section6 .main ul li input {
			margin-right:15px;
			border:0;
			background:none;
			padding:5px;
			color:#fff;
			border-color: rgba(255, 255, 255, 0.3);
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
		}
		
		#section6 .main ul li textarea {
			border:0;
			background:none;
			padding:5px;
			color:#fff;
			border-color: rgba(255, 255, 255, 0.3);
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
			width:100%;
			height:80px;
		}
		#section6 .main ul li button {
			float:right;
			padding:8px 35px;
			border:1px solid #fff;
			background:none;
			font-family: 'proxima_novasemibold';
			font-size:16px;
			color:#fff;
			cursor:pointer;
		}
		footer #bolsa{
			text-align:center;
		}
		footer #bolsa a.economiaLink {
			display:none;
		}
	 @media screen and (-webkit-min-device-pixel-ratio:0) {
     
    }