@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;
	-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;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
	a{ text-decoration:none;}
	html {
				overflow:auto;

	}
    body {
    line-height: 1;
	 background:#1a1e23;
	 font-family: 'proxima_nova_rgregular';
	  background-position: 50% 50%;
        -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;
	 margin: 0px;
    padding: 0px;
    color:#fff;
    }
	
header{
background: #fff;
width:90%;
height:auto;
padding:10px 5%;
z-index:999;
position:fixed;
text-align:right;
}

header ul{
	color: #05284e;
    float: right;
    font-family: "proxima_novasemibold";
    margin: 0 auto;
    max-width: 1080px;
    padding: 20px 0px;
    position: relative;
    text-align: left;
    width: auto;
	min-width:570px;
}
header ul li {
	font-size:13px;
	display:inline-block;
	vertical-align:middle;
	margin:0 ;
	padding:0 10px;
	-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;
}

 #subMenu{
	color: #05284e;
    font-family: "proxima_novasemibold";
    margin: 0 auto;
    padding: 10px 0px;
    position: fixed;
    text-align: left;
    width: 100%;
	top:75px;
	min-width:570px;
	background:rgba(0,0,0,0.6) 0%;
	z-index:3;
	text-align:center;
	display:none;
}
#subMenu li {
	font-size:13px;
	display:inline-block;
	vertical-align:middle;
	margin:0 ;
	color:#fff;
	padding:0 10px;
	-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;
}


header ul li:hover, .activeMenu, #subMenu li:hover{
	color:#0d9ce6 !important;
	cursor:pointer;
}

#menuToggle{
	display:inline;
	height:auto;
}


#menu-toggle {
  display: none;
}
header  .menuCircle{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:30px;
	height:30px;
	padding:5px;
	margin:0  20px 0 0 ;
	text-align:center;
	
}
header  .menuCircle hr{
	background:#176fee;
	height:3px;
	width:20px;
	border:0px;
	margin: 0 ;
	padding:0;
	display:inline-table;
	vertical-align:middle;
	margin:2px 0;
}
header   .menuCircle hr:nth-child(1){
	margin-top:8px;
}

header .logo{
	float:left;
	cursor:pointer;
}
header label{
	float:right;
	margin:5px 10px;
	pointer-events:none;
}


article {
	width:100%;
	height:auto;
	position:relative;
	float:left;
	clear:left;
	
}
article section, article section .content, article section .content50{
	width:100%;
	background-position: 50% 50% !important;
	background-size:cover !important;
	
}
article aside{
	width:100%;
	max-width:1060px;
	height:100%;
	margin: 0 auto;
	padding:104px 0;
}
h1{
	font-size:45px;
	color:#fff;
	width:100%;
}
h2, .h2 {
	font-size:25px;
	color:#fff;
	width:100%;
}
h3 {
	font-size:100px;
	color:#fff;
	font-family: 'proxima_novasemibold';
	width:100%;
}
h1 hr{
	width:50px;
	height:3px;
	background:#fff;
	border:0;
	position:relative;
	margin:10px auto;
}
h2 hr{
	width:50px;
	height:4px;
	background:#0d9ce6;
	border:0;
	position:relative;
	margin:30px 0;
}

.p50 h2 hr{
	width:50px;
	height:4px;
	background:#fff;
	border:0;
	position:relative;
	margin:30px 0;
}


#sec1 button{
	padding:10px 40px;
	text-align:center;
	color:#000;
	background:#fff;
	border:0;
	cursor:pointer;
	font-family: 'proxima_novasemibold';
	font-size:20px;
	margin:30px 0;

}
.content50 h1{
	font-size:45px;
	color:#fff;
	text-align:center;
	float:left;
}

.p30 {
    display: inline-block;
    padding: 10px 3%;
    vertical-align: top;
    width: 25%;
	margin-top:30px;
	color:#373435;
	line-height:1.5;
	text-align:left;
} 

.p50 {
    display: inline-block;
    padding: 10px 7%;
    vertical-align: top;
    width: 33%;
} 
.p60 {
    display: inline-block;
    padding: 10px 4%;
    vertical-align: top;
    width: 40%;
} 
.p70 {
    display: inline-block;
    padding: 10px 4%;
    vertical-align: top;
    width: 60%;
	vertical-align:middle;
} 
#sec7 .p30, #sec4 .p30 { vertical-align:middle; }
.p100 {
    display: inline-block;
    padding: 10px 2%;
    vertical-align: top;
    width: 95%;
}
#sec1 { background:url(../assets/bg/1.jpg) no-repeat; }
#sec2  { background:url(../assets/bg/2.jpg) no-repeat; }
#sec7 .content:nth-child(1) .content50:nth-child(1) { background:url(../assets/bg/2-1.jpg) no-repeat; }
#sec7 .content:nth-child(2) .content50:nth-child(1) { background:url(../assets/bg/2-2.jpg) no-repeat; }
#sec7 .content:nth-child(3) .content50:nth-child(1) { background:url(../assets/bg/2-3.jpg) no-repeat; }
#sec7 .content:nth-child(4) .content50:nth-child(1) { background:url(../assets/bg/2-4.jpg) no-repeat; }
#sec6  { background:url(../assets/bg/5.jpg) no-repeat; }


.white{ background:#fff; }
.gray{ background:#3d4650; }
.blue { color:#00aeef;}
.white p{ 
color:#373435;
}
.white p span, .p30 span{
	color:#0d9ce6;
}

#sec3 {
	text-align: center;
}
#sec3 img{
	margin:0 auto;
	max-width:700px;
	width:90%;
	height:auto;
}
aside ul li{
	list-style:none;
	margin: 30px 0;
}
aside ul li p{
	display:inline-block;
	vertical-align:middle;
	width:70%;
}
aside ul li .sq{
	background:#0d9ce6;
	list-style:none;
	margin:0 10px 0 0 ;
	padding:10px;
	text-align:center;
	font-family: 'proxima_nova_rgbold';
	font-size:50px;
	display:inline-block;
	vertical-align:middle;
	width:18%;
	max-width:60px;
	min-width:55px;
}
#sec4 .sq {
     vertical-align: top;
	 
}
p {
	line-height:1.3;
}
b {
	font-weight:bold;
}
.m20 {
	padding-left:20px;
	float:left;
}
.p30 h2{
	line-height:1;
}
.gray .p50{ vertical-align:middle;}

#map{
	width:100%;
	height:100%;
	left:0;
	position:absolute;
}
.cUbicacion {
    background: #05284e none repeat scroll 0 0;
    padding: 75px 0  20px 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
}
.cUbicacion aside{ padding: 0 !important; }
.cUbicacion .p30 { color:#fff !important; padding: 0 0 0 6% }
.cUbicacion .iccon { background:url(../assets/conta.png) left top no-repeat; }
.cUbicacion .ictel { background: url(../assets/hubica.png) left top no-repeat; }

#form input, #form textarea{
	width:90%;
	padding:5px 5%;
	border:0;
	border-bottom:1px solid #fff;
	float:left;
	clear:left;
	color:#fff;
	background:none;
	margin-top:10px;
	font-family: 'proxima_nova_rgregular';
}
 #form textarea { margin-top:80px;  height:150px;}
 #form  label { float:left;
 position:relative;
 clear:left;
 font-size:10px;
 margin: 20px 0;
 }
 
  #form  button { 
 background: #0d9ce6 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-family: "proxima_novasemibold";
    font-size: 14px;
	float:right;
    margin: 20px 0;
    padding: 10px 40px;
    text-align: center;
 }
 #sec3 .p30, #sec3 .p70{ vertical-align:middle; }
@media screen and (max-width: 950px) {
header ul{ min-width:300px; }
#menu-toggle {
  display: none;
}	
header .menuCircle span{
	position:relative;
	padding:10px;
	display:inline-block;
	vertical-align:middle;
}


header  label{
	pointer-events: auto;
	cursor:pointer;
}


header .logo {
	width:50%;
	height:auto;
	max-width:180px;
}
header .logo  img{
	width:auto;
}
#menuToggle {
  display:none;
   position: absolute;
    right: 0;
	padding:0 2%;
	width:96%;
	top:70px;
	text-align:left;

background:  rgba(0,0,0,0.8) 0%; /* IE6-9 */


}
article aside { 
padding: 80px 5%;
width:90%;
}
h1{
	font-size:45px;
	color:#fff;
	width:90%;
	padding:0 5%;
}
h3 {
	font-size:80px;
	color:#fff;
	font-family: 'proxima_novasemibold';
	width:100%;
}
#subMenu {
  display:none;
   position: fixed;
    right: 0;
	padding:0 2%;
	width:96%;
	top:70px;
	text-align:left;
 min-width: 260px;
background:  rgba(0,0,0,0.8) 0%; /* IE6-9 */


}
#subMenu  li{
	color:#fff;
	display:list-item;
	padding:5px 0;
	list-style:none;
	font-size:12px;
	text-align:center;
	clear:left;
}


#menuToggle  li{
	color:#fff;
	display:list-item;
	padding:10px 0;
	list-style:none;
	font-size:20px;
	text-align:center;
	clear:left;
}
#menuToggle  li:nth-child(1){
	border-top:0;
}
#menuToggle  li:nth-last-child(1){
	border-bottom:0;
}
header ul ul li:nth-child(3){
	float:none;
}


#menu-toggle:checked + #menuToggle {
  display: block;
}



#sec7 h1 { margin-left:0%; }
.p50 {
    display: inline-block;
    padding: 10px 5%;
    vertical-align: top;
    width: 90%;
} 

.p30 {
    padding: 10px 5%;
    width: 90%;
}
.p60, .p70 {
    padding: 10px 5%;
	width: 90%;
}
 .white p {
    padding: 0 5%;
    width: 90%;
 } 
 
.m20 {
	padding-left:0;
}
#sec5{
	min-height:800px !important;
}
 .cUbicacion .p30 { 
 margin-top:0;
 color:#fff !important;
  }
.cUbicacion .iccon { padding-left:60px; width:70%; }
.cUbicacion .ictel {margin:20px 0; padding-left:60px;  width:70%; }

  #form textarea { margin-top:10px;  height:100px;}

 aside ul li p{
	
	width:60%;
}
#map {
   min-height: 800px;
}
}