@charset "utf-8";
/* CSS Document */
html,body{color: #484848; font-family: 'Open Sans',sans-serif; line-height: 1.71857143; font-size: 17px;}


.navbar{border-radius: 0; margin: 0; }
.navbar-brand{height: 110px; padding: 6px 15px;}
.navbar-brand img{height: 100%; width: auto; display: block;}
.navbar-default{background-color: #fff;}
.navbar-default .navbar-nav > li > a{/*font-size: 16px;*/ margin: 22px 6px 0; color: #484848; padding-top: 24px; padding-bottom: 24px;}
.navbar-default .navbar-nav > li > a::before{left: 0; bottom: 0; width: 0%; height: 5px; content: '';position: absolute;background: #008FBE; transition: all 300ms ease-in-out;}
.navbar-default .navbar-nav > li > a:hover::before{width: 100%;}
.contacto-number{color:#000; margin: 37px 10px;}
.contacto-number .icon-telephone114, .contacto-number span{display: inline-block; vertical-align: middle;}
.contacto-number .icon-telephone114{font-size: 22px; padding-right: 6px;}
.contactsocial{margin-top: 36px;}
.contactsocial a{color: #555 !important; width: 30px; height: 30px; background: #fff; line-height: 30px; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.20); border-radius: 100%; padding: 5px !important; text-align: center; font-size: 13px !important; margin: 0 3px !important;}
.contactsocial a::before{width: 0 !important; height: 0 !important;}

.carousel-inner .cont-bk{position: relative; padding: 210px 0 100px; background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff; min-height: 610px;}
.carousel-inner .cont-bk h2{font-size: 33px; color: #fff; font-weight:800; font-family: 'Muli', sans-serif;}
.carousel-inner .cont-bk h2::before{background-color: #fff;}
.carousel-inner .cont-bk h2, .carousel-inner .cont-bk p{position: relative; z-index: 3;}
.carousel-inner .cont-bk p{font-size:18px;} .espacio-banner{display: block;}
.cont-bk .row{position: relative;}
.logo-banner{height: 160px;}
.banner01{background-image: url(../img/banner/bann001a.jpg);}
.banner02{background-image: url(../img/banner/bann002a.jpg);}
.banner03{background-image: url(../img/banner/bann003a.jpg);} 
.banner03-img{background-image: url(../img/banner/bann003a.png); padding: 230px 0 0; min-height: 750px; background-position: center; background-size: 100%;}
.banner04{background-image: url(../img/banner/bann004a.jpg);}


.img-bann01{position: absolute; right: -220px; top: 0; bottom: 0; height: 520px;}
.img-bann02 {position: absolute; right: -120px; top: 40px; bottom: 0; height: 490px;}
.img-bann04 {position: absolute; right: -200px; top: -40px; bottom: 0; height: 500px;}

.bk-btn{background: url(../img/var/bk-btns.jpg) center no-repeat; background-size:cover; padding:30px;}
.btn-number-txt{background-color: #fff; border-right: 1px solid #d8d8d8; transition: all 300ms ease-in-out; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8;}
.btn-number-txt > a > span{display: inline-block; vertical-align: middle; transition: all 300ms ease-in-out;}
.btn-number-txt a{color: inherit; padding: 26px 4px; display: block;} .btn-number-txt a:hover{text-decoration: none;}
.number-indica{width: 40px; height: 40px; text-align: center; background-color: #333; color:#fff; border-radius: 80px; overflow: hidden; padding-top: 5px;}
.txt-indica{padding-left: 5px;}
.btn-number-txt:hover{background-color:#0097cb; color:#fff;}
.btn-number-txt:hover .number-indica{background-color:#fff; color: #484848;}


.bk-valor-inta{background:url(../img/var/bk-valor.jpg) bottom right no-repeat; background-size:cover; padding: 60px 0 140px; position: relative;}
.tit-valor{color:#101c7c; font-size:30px; font-weight: 700; font-family: 'Muli', sans-serif;}
.tit-punt-val{font-size: 21px; color:#101c7c; margin: 0; font-weight: 600;}
.tit-punt-val > span{display: inline-block; background:url(../img/var/vineta.png) center no-repeat; width: 36px; height: 36px; padding-top: 8px; text-align: center; background-size:contain; margin-right: 6px; vertical-align: middle; font-size: 18px;}
.img-valor-inta{position: absolute; top: 20%; left: 25%; width: 50%; opacity: .9;}
#accordion .panel{box-shadow: none; border:none; border-radius: 0; background: transparent;}
#accordion .panel + .panel {margin-top: 10px;}
#accordion .panel-heading { padding: 0; background: transparent;}
#accordion .panel-title > a { display: block;padding: 0.3em 0.9em;outline: none;font-weight:600;text-decoration: none;}
#accordion .panel-title > a > span, #accordion .panel-title > a > img{display: inline-block; vertical-align: middle;}
#accordion .panel-title > a > img{height: 18px; padding-right: 2px;}
#accordion .panel-title > a.accordion-toggle::before, #accordion a[data-toggle="collapse"]::before  {content:"\e259";float: right;font-family: 'Glyphicons Halflings'; margin-top: 10px;}
#accordion .panel-title > a.accordion-toggle.collapsed::before, #accordion a.collapsed[data-toggle="collapse"]::before  {content:"\e260"; color: #101c7c;}
#accordion .panel-body > a{display: block; padding: 2px 0; margin: 0 4px 5px; color:#1c1e21;}
#accordion .panel-body > a > span{color:#f31928;}




.bk-azul-chica{background: url("../img/var/bk-azul-img.png") top center transparent; background-size: cover; margin-top: -80px; position: relative; overflow: hidden;}
.txt-chica{font-size: 22px; color: #fff; text-align: right; vertical-align: middle; display: inline-block; width: calc(100% - 460px); font-weight: 700;}
.bk-azul-chica img{height: 580px; display: inline-block;}

.banner-home{background: url("../img/var/banner.jpg") center no-repeat; background-size: cover;padding: 200px 0;color: #fff;margin-top: 80px; position: relative;}
.banner-home h1 {font-family: 'Muli', sans-serif; font-weight: 900; padding-bottom: 16px; margin-bottom: 14px; position: relative;}
.banner-home h1 span{display: block; color:#008FBE;}
.curva-banner-nosotros{position: absolute; bottom: -150px;left: 0;right: 0;width: 100%;}
.logo-banner-nosotros{position: absolute;z-index: 3;right: 0;width: 260px;bottom: -270px;}
/*.banner-home h1::before{content: ''; width: 100px; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0;}*/
.banner-home p{font-weight: 600; font-size: 18px; margin-bottom: 20px; font-family: 'Open Sans',sans-serif;}
.banner-home a{background:#008FBE; color:#fff; padding: 8px 30px; display: inline-block; font-weight: 600;  font-size: 18px; font-family: 'Open Sans',sans-serif; }
.banner-seccion{background: url("../img/var/bann-sec.jpg") center no-repeat; background-size: cover; color:#fff;}
.trama-bk{background-color: rgba(0,0,0,0.60);  padding: 60px 0;}
.trama-bk a{color: #fff;}


h2{color: #004488; position: relative; padding-bottom: 16px; font-weight: 700; font-family: 'Muli', sans-serif; font-size:40px;}
h2::before{position: absolute; bottom: 0; left: 0; width: 96%; height: 4px; background-color: #004488; content: '';}


.sec01home{background-size: 100%;padding-top: 40px;}
.tabs-serv h3{margin-top: 80px;}
.nav-tabs{text-align: center; margin-bottom:50px; border:none;}
.nav-tabs > li {margin:30px -1px -1px; text-align: center; width:17.4%;}
.nav-tabs > li:first-child{width:30%;}
.nav-tabs > li > a{padding: 12px 20px; color:#484848; border:1px solid #d8d8d8; border-radius: 0;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #fff; background:#0097cb;}
.tab-pane{font-size: 17px; position: relative;}
.mt-valores-nosotros{margin-top: 30px;}
.mt-somos{margin-top: 30px;}
.mt-historia{margin-top: 130px;}
.mt-mision{margin-top: 105px;}
.mt-vision{margin-top: 105px;}
/*.tabs-serv .tab-content{ min-height: 600px; }*/
.quien-img01{position: absolute; width: 60%; top: 10px; right: -50px;}
.quien-img02{position: absolute; width: 68%; top: 4px;right: -120px;}
.quien-img03{position: absolute; width: 58%; top: -6px; right: 40px;}
.quien-img04{position: absolute; width: 80%; top: 5px;right: -130px;}
.colx2{padding: 0px; font-weight: 600; text-align:center; font-size:22px; color: #240485; list-style: none;}
.colx2 li{padding: 5px;}
/*.colx2 li{width: 49%; display: inline-block; list-style: circle;}*/

.frase-nosotros{background-color:#372580; color: #fff; text-align: center; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 22px; padding:20px 0 80px; }
.frase-nosotros span{margin-bottom:10px; display: block;}

.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}


.back-servicios{background-position: center; background-size: cover; position: relative; color:#fff; min-height: 450px; overflow: hidden;}
.back-color-servicio{position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; padding: 20px; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0097cb+0,004a8c+100&0.65+0,0.75+100 */
/*background: -moz-linear-gradient(left, rgba(0,151,203,0.65) 0%, rgba(0,74,140,0.75) 100%);  FF3.6-15 */
/*background: -webkit-linear-gradient(left, rgba(0,151,203,0.65) 0%,rgba(0,74,140,0.75) 100%);  Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to right, rgba(0,151,203,0.65) 0%,rgba(0,74,140,0.75) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a60097cb', endColorstr='#bf004a8c',GradientType=1 );  IE6-9 */}
.back-color-servicio img {width: auto; height: 110px;}
.back-color-servicio h3{margin-top: 0px;}
.cont-txt-serv{margin-top: 84px; /*text-shadow: 1px 1px 0 rgba(0,0,0,0.5);*/ overflow: hidden; height: 160px; transition: all 300ms ease-in-out;}
.cont-txt-serv h3{color:#fff; font-weight: 600;}
.cont-txt-serv p{opacity: 0; transition: all 300ms ease-in-out; color: #fff;}
.back-servicios:hover .back-color-servicio{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0097cb+0,004c8e+100&0.85+0,0.85+100 */
/*background: -moz-linear-gradient(45deg, rgba(0,151,203,0.85) 0%, rgba(0,76,142,0.85) 100%);  FF3.6-15 */
/*background: -webkit-linear-gradient(45deg, rgba(0,151,203,0.85) 0%,rgba(0,76,142,0.85) 100%);  Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(45deg, rgba(0,151,203,0.85) 0%,rgba(0,76,142,0.85) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d90097cb', endColorstr='#d9004c8e',GradientType=1 );  IE6-9 fallback on horizontal gradient */;}
.back-servicios:hover .cont-txt-serv{height: 100%; margin-top: 0;}
.back-servicios:hover .cont-txt-serv p{opacity: 1;}
.back-servicios:hover .cont-txt-serv h3{color:#fff;}
#service h2{padding-bottom: 60px;}
#service h2::before{display: none;}

.centrar-ultimo-ser{text-align: center;}

#serv01{background-image: url(../img/service/img-01.jpg);}
#serv02{background-image: url(../img/service/img-02.jpg);}
#serv03{background-image: url(../img/service/img-03.jpg);}
#serv04{background-image: url(../img/service/img-04.jpg);}
#serv05{background-image: url(../img/service/img-05.jpg);}
#serv06{background-image: url(../img/service/img-06.jpg);}
#serv07{background-image: url(../img/service/img-07.jpg);}
#serv08{background-image: url(../img/service/img-08.jpg);}
#serv09{background-image: url(../img/service/img-09.jpg);}
#serv10{background-image: url(../img/service/img-10.jpg);}
#serv11{background-image: url(../img/service/img-11.jpg);}
#serv12{background-image: url(../img/service/img-12.jpg);}


.frase-azul{
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    color:#fff;
    padding: 50px 0 36px;
    font-size: 22px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f44a7+1,004187+89 */
    background: #1f44a7; /* Old browsers */
    background: -moz-linear-gradient(top, #1f44a7 1%, #004187 89%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1f44a7 1%,#004187 89%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1f44a7 1%,#004187 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f44a7', endColorstr='#004187',GradientType=0 ); /* IE6-9 */
}
.frase-azul span{display: block; padding-bottom: 6px;}



.bolsa-trabajo{background: url("../img/var/form_trabajo.jpg") center; background-size: cover; padding: 240px 0;}
.form-cont{background-color: #fff; margin-top: -210px; padding-top: 30px; padding-bottom: 30px; box-shadow: 0 0 16px rgba(0,0,0,0.25);}
.form-empleo form{padding-top: 10px;}
.form-empleo input{margin-bottom: 14px;}
.form-empleo button{background-color: #363636; color: #fff;}
.counter-trabajo{padding: 40px 0; display: block; text-align: center; color: #008FBE; font-size: 34px;}
.counter-trabajo span{font-size: 18px; color: #484848; display: block; margin-top: -10px;}



.seccoin-gris{background: #f7f7f7; padding: 60px 0; text-shadow: 1px 1px 0 #fff;}
.contacto-datos i{font-size: 54px; color:#008FBE;}

.direccion-mapa{width:50%; height:500px; float: left; margin-right: 40px;}
.form-contacto{padding-top: 24px;}
.form-contacto input, .form-contacto textarea{margin-bottom: 18px}
.form-contacto textarea{height: 140px; resize: none;}
.form-contacto button{background-color: #363636; color: #fff;}
.tit-form-final{margin-top: 80px;}


.misionvision{box-shadow: 0 0 10px rgba(0,0,0,0.3); transition: all 300ms ease-in-out; background-color: #fff; text-align: center; position: relative; min-height: 400px; padding: 30px; margin:30px 0;}
.misionvision i{font-size: 50px; padding-bottom: 15px; position: relative; transition: all 300ms ease-in-out;}
.misionvision i::after {height: 1px; position: absolute; background-color:#008FBE; left: 0; right: 0; bottom: 0; content: ''; transition: all 300ms ease-in-out;}
.misionvision h3{font-size: 24px; display: block; transition: all 300ms ease-in-out;}
.misionvision p{transition: all 300ms ease-in-out;}
.misionvision:hover{background-color: #008FBE}
.misionvision:hover i, .misionvision:hover h3, .misionvision:hover p{color:#fff;}
.misionvision:hover i::after {background-color: #fff;}
.side-blue{background-color:#008FBE; color: #fff; padding: 25px; margin-top: 66px;}

.ajuste-cont-quienes{margin-top: 80px; overflow-x: hidden;}
#about{padding-bottom: 80px;}



.animacion00{-webkit-animation-delay: .3s; -webkit-animation-duration: 1.1s;}
.animacion01{-webkit-animation-delay: .5s; -webkit-animation-duration: 1.1s;}
.animacion02{-webkit-animation-delay: 1s; -webkit-animation-duration: 1.1s;}
.animacion03{-webkit-animation-delay: 1.5s; -webkit-animation-duration: 1.1s;}
.animacion04{-webkit-animation-delay: 2s; -webkit-animation-duration: 1.1s;}
.animacion05{-webkit-animation-delay: 2.5s; -webkit-animation-duration: 1.1s;}
.animacion06{-webkit-animation-delay: 3s; -webkit-animation-duration: 1.1s;}
.animacion07{-webkit-animation-delay: 3.4s; -webkit-animation-duration: 1.1s;}
.animacion08{-webkit-animation-delay: 4s; -webkit-animation-duration: 1.1s;}


.pie-pag{background-color: #111;padding: 15px 0; color:#acacac; margin-top: 10px;}
.copyrights {float: left;font-size: 13px;}
.navigation-footer {float: right;}
.navigation-footer > ul > li {float: left;font-size: 12px;margin-right: 20px;list-style: none;}
.navigation-footer > ul > li a {color:#acacac;}
/******************************************************** ESTILOS MEDIA QUERY RESPONSIVE  ********************************************************/
@media  (max-width: 1199px){
    .bk-valor-inta {background-position: center;}
    
    .back-servicios{height: 400px;}
    .misionvision{min-height: 450px;}
    .btn-number-txt a {padding: 26px 0;}

    .nav-tabs > li:first-child > a {padding: 12px 20px;}
    .nav-tabs > li > a {padding: 24px;}

    .mt-valores-nosotros{margin-top: 20px;}
    .mt-somos{margin-top: 20px;}
    .mt-historia{margin-top: 110px;}
    .mt-mision{margin-top: 90px;}
    .mt-vision{margin-top: 90px;}
}


@media  (max-width: 991px){

    
    .back-servicios{height: 420px;}
    .nav-tabs > li > a {padding: 24px 5px;}
    .misionvision{min-height: 625px;}
    .txt-indica {padding-left: 1px;}
    .contactsocial{display: none !important;}
    h2::before {width:0;}

    .carousel-inner .cont-bk {padding: 200px 0 40px;}

    .txt-chica {font-size: 23px; width: calc(100% - 300px); padding-top: 100px;}
    .bk-azul-chica img {height: 400px;}
    .banner-home{padding: 200px 0 160px;}
    .curva-banner-nosotros {bottom: -100px;}
    .logo-banner-nosotros{width: 250px;bottom: -120px;}





}

@media  (max-width: 767px){    
    .navbar-brand{height: auto;}
    .navbar-brand img {height: 40px;}
    .back-servicios{height: 530px;}
    .banner-home h1 {font-size: 32px;}
    .sec01home{margin-top: -80px;}
    .nav-tabs > li  {float: left; display: auto;}
    .misionvision{min-height: auto;}
    .direccion-mapa{width:100%;}
    .cont-txt-serv {margin-top: 120px;}
    .logo-banner {height: 140px;margin-top: -30px;}
    
    .carousel-inner .cont-bk {padding: 50px 0 0px; min-height: 520px; text-align: center;}
    .carousel-inner .cont-bk .text-right{text-align: center !important;}
    .navbar-fixed-top, .navbar-fixed-bottom{position: relative;}
    .bk-valor-inta {background-position: left center;}

    .txt-chica {font-size: 23px;width: 100%;padding: 100px 0 160px;text-align: center;}
    .nav-tabs > li:first-child > a {padding: 12px 20px;}
    .nav-tabs > li > a {padding: 24px 24px;}
    .quien-img01, .quien-img02, .quien-img03, .quien-img04{display: none;}
    /*.tabs-serv .tab-content{ min-height: 400px; }*/
    .banner-home {padding: 120px 5px 120px; background-size: cover; margin-top: 0;}
    .logo-banner-nosotros {width: 150px; bottom: -170px;}
    .curva-banner-nosotros {bottom: -10px;}

    .nav-tabs > li:first-child,.nav-tabs > li {width: 100%;margin-top: 0;}
    .nav-tabs > li:first-child a,.nav-tabs > li a{padding: 16px;}

    body{overflow-x: hidden;}
    
    .mt-valores-nosotros{margin-top: 20px;}
    .mt-somos{margin-top: 20px;}
    .mt-historia{margin-top: 20px;}
    .mt-mision{margin-top: 20px;}
    .mt-vision{margin-top: 20px;}
}