@font-face {
    font-family: 'formata-regular';
    src: url('../fonts/formata-regular-webfont.eot');
    src: url('../fonts/formata-regular-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/formata-regular-webfont.woff') format('woff'),
         url('../fonts/formata-regular-webfont.ttf') format('truetype'),
         url('../fonts/formata-regular-webfont.svg#formata-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'formata-light';
    src: url('../fonts/formata-light-webfont.eot');
    src: url('../fonts/formata-light-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/formata-light-webfont.woff') format('woff'),
         url('../fonts/formata-light-webfont.ttf') format('truetype'),
         url('../fonts/formata-light-webfont.svg#formata-light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'formata-bold';
    src: url('../fonts/formata-bold-webfont.eot');
    src: url('../fonts/formata-bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/formata-bold-webfont.woff') format('woff'),
         url('../fonts/formata-bold-webfont.ttf') format('truetype'),
         url('../fonts/formata-bold-webfont.svg#formata-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'aleo';
    src: url('../fonts/aleo-bold-webfont.eot');
    src: url('../fonts/aleo-bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/aleo-bold-webfont.woff') format('woff'),
         url('../fonts/aleo-bold-webfont.ttf') format('truetype'),
         url('../fonts/aleo-bold-webfont.svg#aleo-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}


div, section, ul, li, span, input, select, textarea{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bg{ position:absolute; top:0px; left:0px; width:100%; height:100%; /* IE */filter: alpha(opacity=80);/* Firefox 0.9+, Safari 2.x+, Chrome, Opera 9+, IE 9+ */opacity: 0.8; z-index:100; background:#000 }

body.proyecto{  font-family: 'formata-light'; padding-top: 160px;}

 html {
  position: relative;
  min-height: 100%;
}
body {
  /*margin-bottom: 230px;*/
}
.footer {
  /*position: absolute;
  bottom: 0;
  width: 100%;
  height: 230px;*/
  background-color: #f5f5f5;
}
.celeste{ color:#02548f}
.celeste_bg{ background-color:#02548f}
.violeta{ color:/*#664f9f*/#8f0b34}
.violeta_bg{ background-color:/*#664f9f*/#8f0b34}
.verde{ color:/*#aac938*/#02548f}
.verde_bg{ background-color:/*#aac938*/#02548f}
.naranja{ color:/*#f78f24*/#0b8ee0}
.naranja_bg{ background-color:/*#f78f24*/#0b8ee0}
.color_inst{ color:#02548f}
.color_inst_bg{ background-color:#02548f}

.color_inst_2{ color:#86c222}
.color_inst_2_bg{ background-color:#86c222}
.blanco{ color:#fff}
.blanco_bg{ background-color:#fff}
.proyecto .container{width:90%; position:relative; z-index:300; }
.proyecto .featurette-divider{ margin:15px; padding:0px; border-top:1px solid #ccc}


.formata_r{font-family: 'formata-regular';}


.proyecto .navbar-default{/*min-height:90px;*/ border:none; background-image:url(../images/pattern.png);     }
.proyecto .navbar-header{overflow:hidden; margin:0px; padding:0px; width:100%; }
.proyecto .navbar-header h1{ float:right;  font-size:26px}
.proyecto .navbar-brand{   /*font-size: 1.6em; color:#fff; font-family: 'formata-regular';  padding:0 0 0 20px; position:relative; top:0px; margin:20px 0px; height:100px;  width:100%;*/ padding:20px 15px 10px; margin:0 0 5px; left:0px; margin-left:0px; height:auto; min-height:inherit; line-height:40px; font-size:40px; font-family: 'aleo'; color:#fff  }
.proyecto .navbar-brand span{ font-size:26px; line-height:26px; font-family: 'formata-light'; }

.proyecto .navbar-brand:hover{ color:#fff}
/*.proyecto .navbar-brand img{ height:100%;  top:0%; position:relative;  }*/
.proyecto .navbar-collapse{  }
.proyecto .navbar-collapse ul.navbar-nav{ /*position:absolute; bottom:20px; right:0px*/}
.proyecto .navbar-collapse ul.navbar-nav.navbar-right{position:relative; top:0px; margin-bottom:20px}
.proyecto .navbar-collapse ul.navbar-nav.navbar-right li{ margin-left:5px}
.proyecto .navbar-collapse ul.navbar-nav.navbar-right li a{ background:none; border: none; height:35px; width:35px; /*border-radius:15px; background:#555;*/ padding:0px; margin:0px}
.proyecto .navbar-collapse ul.navbar-nav.navbar-right li a img{ width:100%}
.proyecto .navbar-collapse ul.navbar-nav.navbar-right li a:hover{/* background:#000;*/}
.proyecto .navbar-collapse li a{ font-size: 16px; color:#fff; line-height:30px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;  -o-transition: all 0.4s ease-out; padding:0 14px;   text-transform:uppercase; border-left:1px solid #fff  }
.proyecto .navbar-collapse li a:hover{ background-color:#86c222; color:#fff    }
.proyecto .navbar-right li a { border:1px solid #ccc; margin-left:5px; color:#333}
.proyecto .navbar-right li a:hover { background:#555 }
/*.proyecto .navbar-toggle {margin:21px 0 0; border:none}
.proyecto .navbar-toggle span.icon-bar{ height:3px;}
.proyecto .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{border-color: #fff;}
.proyecto .navbar-default .navbar-toggle .icon-bar {background-color: #666;}*/
.proyecto .dropdown-menu { border:none;}
.proyecto .dropdown-menu li a{ height:40px; line-height:40px; border-radius:0px}
/*.proyecto .dropdown-menu li a:hover{ background:#eee;}*/
.proyecto .navbar-collapse{ /*float:left;*/}
.fecha{ text-align:center; font-size:0.9em; margin:2px 0 0}


@media screen and (max-width:767px){
body.proyecto{   padding-top: 100px;}
.proyecto .container{width:100%; }
.proyecto .navbar-brand{ padding:0px; font-size:28px; line-height:28px; padding:10px 0 0}
.proyecto .navbar-brand span{ font-size:18px; }

.proyecto .navbar-header h1{ float:left;  font-size:20px; line-height:20px; margin:0px; padding:0 0 10px}

.proyecto .navbar-collapse li a{ border-left:none }
.proyecto .navbar-collapse ul.navbar-nav{ position:relative; top:0px;}
.proyecto .navbar-collapse ul.navbar-nav.navbar-right{ top:0px}
.proyecto .navbar-collapse ul.navbar-nav.navbar-right li{ float:left; margin-left:5px}
}

/*////GRID///*/
.proyecto .grid{
	box-shadow: 0 0px 0px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 0px 0px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 0px 0px rgba(34,25,25,0.4);
}




.proyecto .grid{ margin:0px; padding:0px; }
.proyecto .grid .slide{ margin:0px } 
.grid .info{ padding:10px; position:relative}
.grid .info h2{padding:0px; font-size:2.3em; line-height:1.2em; margin:0 0 10px;/*font-family: 'formata-regular';*/ font-family:'aleo'; color:#444}
.grid .info p{ margin:0px; padding:0px; font-size:1.2em;  }
.grid iframe{ width:100%; height:220px}
.grid.principal{ position:relative; background:none; overflow:hidden;}
.grid.principal .item{ background:no-repeat center center; background-size:cover}
.grid.principal .info{ position:absolute; bottom:0px; width:100%; left:0px; padding:0px; overflow:hidden}
.grid.principal .info h2{ font-size:3em; color:#fff }
.grid.principal .info p{ font-size:1.5em; font-family: 'formata-regular';}
.grid.principal .info .texto{ position:relative; z-index:500; color:#fff; padding:0px 30px 25px  }
.grid.principal .info .bg{ z-index:1; filter: alpha(opacity=90); opacity: 0.9;}
.grid.principal .info .bg.claro{ z-index:1; filter: alpha(opacity=30); opacity: 0.3;}


.grid.principal .top_grid{padding:7px 30px; margin:0 0 10px; }
.grid.principal .top_grid .bg{ width:100%; filter: alpha(opacity=20); opacity: 0.2; }
.grid.principal .top_grid h5{ position:relative; z-index:600}

a.link{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(../images/empty.png) no-repeat center center; z-index:600; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;  -o-transition: all 0.4s ease-out; border:none;}
a.link:hover{ background:#fff url(../images/flecha.png) no-repeat center center;  filter: alpha(opacity=30);opacity: 0.3; }

.top_grid{ overflow:hidden; padding:7px 10px; margin:0 0 3px; position:relative; z-index:601 }
.top_grid .bg{ width:70px; filter: alpha(opacity=10);opacity: 0.1; left:auto; right:0px}
.top_grid h5{ float:left; margin:0px; padding:0px; color:#fff; line-height:23px}
.proyecto .imgholder{ border:1px solid #ddd}
.top_grid .rs_top{ float:right; overflow:hidden; position:relative; z-index:300}
.top_grid .rs_top div{ float:left; margin-left:3px; width:23px; height:23px; background:no-repeat center center; position:relative}
.top_grid .rs_top div a{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:200; background:url(../images/empty.png)}
.top_grid .rs_top .face{ background-image:url(../images/icon-facebook-white.png)}
.top_grid .rs_top .twit{background-image:url(../images/icon-twitter-white.png)}


/*////SLIDE EMRESAS////*/
.proyecto .swiper-container{ height:80px; margin:0px; padding:0px }
.proyecto .swiper-container#dos{ display:none}
.proyecto .swiper-slide{ padding:0 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.proyecto .swiper-slide div{ position:relative; width:100%; height:100%;}
.proyecto .swiper-slide div div{ width:80%; height:80%; top:10%; left:10%; background:no-repeat center center; background-size:contain; border:none  }

.slide_empresas{ }
.slide_empresas h4{ text-align:center; text-transform:uppercase; font-family: 'formata-regular'; margin:0 0 20px}



/*////////NOTA///////////*/
.nota .top_grid h5{ font-size:1.4em; line-height:30px;  font-family: 'formata-regular';}
.nota .top_grid{ background:#999; margin:0 0 40px}
.nota h1{ font-family:'aleo'; font-size:4em; margin:0 0 20px; padding:0 0 10px; position:relative; overflow:hidden }
.nota h1 span{border-bottom:3px dashed #999; position:absolute; width:100%; left:0px; bottom:-2px; }
.nota .avance{ font-size:1.6em; line-height:1.6em; margin:0 0 30px; font-family: 'formata-regular';}
.nota .desarrollo{ font-size:1.1em; line-height:1.5em; color:#444}
.nota .row .slide, .nota .row .item { height: 550px;  margin:0px}
.nota .row .slide{ background:#eee}
.nota .row .slide .item{ background:no-repeat center center; background-size:contain}
.nota iframe{ width:100%; height:400px; margin:20px 0 0 }
.nota .row .left{ padding-right:60px}
.nota .top_grid .rs_top div{ width:30px; height:30px;  background-size:contain}
.nota .top_grid .bg{ width:90px;}

.cont_boton{ margin:50px 0 0;}
.boton{ padding:20px 30px 20px 80px; font-size:1.5em; line-height:1em; color:#fff; border-radius:10px;background-image:url(../images/arrow_down.png); background-repeat:no-repeat; background-position:15px center; background-size:50px; float:left; position:relative }
.boton:hover{ text-decoration:none; background:#666; background-image:url(../images/arrow_down.png);  background-repeat:no-repeat; background-position:15px center; background-size:50px }
.boton a{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:200; background:url(../images/empty.png);}

/*////FOOTER///*/
.proyecto .footer{  padding:30px 0 ; overflow:hidden; background-image:url(../images/pattern.png); background-size:70px}
.proyecto .footer p{ color:#777;  float:left}
.proyecto .footer a{ color:#777}
.foot{}
.foot div{ }
.foot .logo_foot{ height:50px; background:no-repeat center center url(../images/logo_blanco.png); background-size:contain}
.foot ul{ list-style:none; margin:0px; padding:0px}
.foot ul li{/* padding:5px 0; border-bottom:1px solid #bdbdbd; text-align:left;  color:#777; font-size:0.9em; line-height:1.5em*/  }
/*.foot ul  li a{ text-align:left; color:#777; text-transform:uppercase; font-size:1.2em; line-height:1.6em}
.foot ul  li a:hover{ color:#0162a9; text-decoration:none}*/
.foot ul  li.icono{ /*height:70px*/ margin:0 0 15px; height:60px; width:60px; background:#fff; border-radius:30px; text-align:center}
.foot ul  li.icono img{ position:relative; top:14px;}
.foot ul  li.info{ /*height:105px*/}


.foot ul  li a{ font-size: 1.1em; color:#888; height:25px; line-height:25px;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;  -o-transition: all 0.4s ease-out; padding:0 20px;   text-transform:uppercase; background:url(../images/punto.png) no-repeat center left ; font-family:'formata-light'}
.foot ul  li a:hover{color:#eb374b; background:url(../images/punto_on.png) no-repeat center left ; text-decoration:none    }

.copy{ padding:10px 0; background:#ccc; font-size:0.9em}
.copy  .ilusion{ text-align:right;}
.copy  .ilusion a{ color:#5a5a5a}
.copy  .ilusion a:hover{ color:#5a5a5a}


.form_home{ padding:20px; background:#ddd; margin:0 0 20px}
.form_home .tit{ font-family: 'aleo'; margin:0 0 10px; padding:0px}
.form_home input{ margin:0 0 5px}

.form_home .btn{ text-transform:uppercase; color:#fff; font-family: 'formata-regular'; font-size:1.3em }
.form_home .btn:hover{ background:#555  }


/*////MISION////////*/
.cont_gris{ padding:30px 0; background:#555; margin:30px 0}
.mision{ text-align:center; color:#fff }
.mision h2{ font-family: 'aleo';}
.mision p{ font-size:1.3em}
.mision .pic{ width:140px; margin:0 auto; position:relative}
.mision .flecha{ position:absolute; width:38px; height:79px; background:url(../images/flecha_iso.png); top:18px; left:-5px}
.mision img{ background:#fff}



/*///////NUEVO///*/
.pic_perfil{ width:100%; border:3px solid #ccc}
.perfil h3{ margin:0px; padding:0px; text-transform:uppercase}
.perfil ul{ list-style:none; margin:10px 0 0; padding-left:15px; border-left:1px dashed #888}
.perfil ul li img{ width:26px}
.perfil ul li { margin:0 0 3px}

@media screen and (max-width:767px){
/*body.proyecto{ padding-top: 100px;}
.proyecto .navbar-default{ margin:0px; padding:0px; min-height:80px; }
.proyecto .navbar-brand{height:70px; width:auto; border:none; }
.proyecto .navbar-brand img{ left:0%;  margin-left:0px}

.proyecto .navbar-collapse{ }

.proyecto .navbar-collapse ul.navbar-nav{ position:relative; top:0px;}
.proyecto .navbar-collapse ul.navbar-nav.navbar-right{ top:0px}
.proyecto .navbar-collapse ul.navbar-nav.navbar-right li{ float:left}*/
 .proyecto .swiper-container#dos{ display:block}
.proyecto .swiper-container#uno{ display:none}


.row-eq-height {
  display:inherit;
  display:inherit;
  display:inherit;
  display:inherit;
}
.copy  .ilusion{ text-align:left;}
.foot div{ margin-top:30px}


.nota .top_grid h5{ font-size:1em; line-height:23px;  font-family: 'formata-light';}
.nota .top_grid{ margin:0 0 20px}
.nota h1{ font-size:3em; margin:0 0 10px;}
.nota .avance{ font-size:1.2em; line-height:1.6em; margin:0 0 30px; font-family: 'formata-regular';}
.nota .desarrollo{ font-size:1em; line-height:1.5em; color:#444}
.nota .row .slide, .nota .row .item { height: 300px;  margin:0px}
.nota iframe{ height:200px; margin:10px 0 0 }
.nota .row .left{ padding-right:0px; margin:0 0 20px}
.nota .top_grid .rs_top div{ width:23px; height:23px;  background-size:contain}
.nota .top_grid .bg{ width:70px;}


}
@media (min-width:768px){
/*.proyecto .navbar-brand{  height:70px;}
.proyecto .navbar-collapse ul.navbar-nav{ bottom:-30px; left:0px; right:0}
.proyecto .navbar-collapse li a{ font-size: 1em; padding:0 12px; }*/

}
@media (min-width:1024px){
}
@media (min-width:1280px){
/*.proyecto .navbar-brand{  height:120px;}
.proyecto .navbar-collapse ul.navbar-nav{ bottom:20px; left:auto; right:0px}
.proyecto .navbar-collapse li a{ font-size: 1.1em; padding:0 20px; }*/

}

.foto_perfil{ width:100%}
@media screen and (max-width:767px){
.foto_perfil{ display:none}

}