html, body
{
    height: 100%;
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4 { font-family: 'Dosis', sans-serif;}

.heading { padding: 10px 10px 0 0 ; }

.flag { width: 50px; display: inline-block; overflow: hidden; float: right; }
.flag a { width: 18px; overflow: hidden; float: right;}
.flag a:last-child { margin-right: 5px;}
.flag a img { opacity: 0.6; border: none; width: 18px; height: auto;}
.flag .leng img { opacity: 1 !important; }

.webmail { width: 90px; float: right;}
.webmail a { font-size: 20px; color: #575756 !important; padding: 0!important; line-height: 0; }

/* Navegación */
.navbar-collapse { padding-right:0; padding-left: 0;  }


.navbar { min-height: 100px; background-color: #fff;}
#back { height: 100px; position: absolute; right: 0;}

.navbar-brand { padding: 0 !important; margin: 0;}
.navbar-brand>img { height: 100px; width: auto; padding: 10px 0; }

.clear { clear: both;}



a, a:hover, a:active { text-decoration: none; }
.navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: #fff;
}

.navStyle { border: none;}
.navbar { margin-bottom: 0; }
.navStyle > li > a { 
  font-size: 14px; 
  color: #3c3c3b; 
  text-transform: uppercase;
}



.navbar-right { margin-right: 0; }

#nav-left { padding-left: 0; }
#nav-left a { display: block; color: #08245a; font-weight: 600; font-size: 14px;
margin-bottom: 10px; border-bottom: 0.5px solid #08245a; }
#nav-left a:hover, #nav-left .active { color: #adadb2!important; text-decoration: none; }

#servicios ul li a img { text-align: center; width: 35px; margin: 0 auto; display: block;}
#servicios ul li a { font-size: 12px; text-transform: uppercase; color: #575756; }

.servicios-top { margin-top: 80px; }
.servicio-nav img { display: inline-block; width: 52px; height: 64px; float: left; }
.servicio-nav .txt { display: inline-block; margin-left: 10px;}
.servicio-nav .txt a { text-decoration: none; color: #111;}
.servicio-nav .txt a:hover { color: #333;}

@media (min-width: 768px) {

  #myCarousel .carousel-indicators {
  position: absolute;
  bottom: 10px;
  right: 2%;
  z-index: 15;
  width: 30%;
  padding: 0;
  text-align: center;
  list-style: none;
}

#servicio .carousel-indicators {
  position: absolute;
  bottom: 10px;
  right: 2%;
  z-index: 15;
  width: 30%;
  padding: 0;
  text-align: center;
  list-style: none;
}

.center-it {
  position: absolute;
    bottom: 70px;
    right: 2%;
    z-index: 15;
    width: 30%;
    padding: 0;
    text-align: center;
    list-style: none;
}


.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }


@media (min-width: 1100px) {
  .navStyle > li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 40px;
    background: #ccc;
    top: 15%;
    margin-top: -2px;
    right: -3px;
    z-index: 1;
}

}

.navbar-default .navbar-nav > li:last-child:after { content: none; }
.navStyle > li:last-child:after { content: none; }

.carousel-caption { left: 0%; top: 20%; height: 100%; width: 500px; background-color: rgba(0,32,62,0.7); 
  text-align: left; padding-left: 200px;}
.carousel-caption a h3 { text-transform: none; color: #fff; font-size: 34px; margin-top: 0;
font-weight: 500 !important; line-height: 1.3em; padding-bottom: 10px;  }

.carousel-caption p { color: #fff; font-size: 22px; }

.slide-btn { padding: 7px 12px; border: 1px solid #fff; background: transparent; color: #fff; }
.slide-btn:hover, .slide-btn:active, .slide-btn:focus { color: rgba(7,41,97,1); background: #fff;}

#footer-menu { margin-top: 10px;}

}


.navbar-default {  border-bottom: 1px solid #ccc; }
.dropdown-menu { background-color: rgba(255,255,255,0.8);}


#linkedin a { color: #ccc !important; line-height: 57px !important; font-size: 40px !important; }
#linkedin a:hover { color: #fff !important;}

.navbar-right li:last-child, .navbar-right li:last-child a { margin-right: 0; padding-right: 0;  }




/* Contenedores */

#servicios { padding-top:0; }

.azul { background: #08245a; padding: 7px 10px; color: #fff; }
.azul i { margin-right: 5px;}
.directorio { text-align: center; background-color: #c2c3c8; padding-top: 15px; padding-bottom: 15px; overflow: hidden; 
margin-bottom: 20px; }
.directorio h5 { color: #08245a; text-transform: uppercase; font-size: 12px; 
  font-weight: 600; margin-bottom: 0; }
.directorio h6 { color: #08245a; font-weight: 500; margin-top: 5px; margin-bottom: 0;}
.directorio small { color: #fff; font-weight: 500; margin-top: 0;}

.gris    { background: #575756; padding-top: 25px; padding-bottom: 25px; overflow: hidden; }
.pic-white { width: 35px; display: block; margin: 0 auto; margin-bottom: 25px; }
.pic-white img { width: 100%; height: auto; }

.serv-img { margin-bottom: 25px; overflow: hidden; }

.color-white h2, .color-white p { color: #fff; }
.color-white h2 {  font-size: 20px; text-transform: uppercase; font-weight: 700; }
.color-white p  {  font-weight: 300; font-size: 18px; }


#noticia { background: #002563; padding-top: 15px; padding-bottom: 15px; overflow: hidden; }

.noticia-h1 { color: #fff; text-align: center; }

.fondo-gris { background-color: #ecedef; padding: 5px 15px;}
.fondo-gris h2 { color: #002b74; text-transform: uppercase; font-size: 16px; text-align: left; padding-bottom: 15px;}
.fondo-gris span { font-size: 16px; font-weight: 400; color: #5b5b5e; padding-bottom: 10px;}

#servicios .gris { 
    margin: 0 0 30px;
    right: 0;
}

#certificaciones h2 { font-size: 14px; }

#empresa h3 { font-size: 17px; font-weight: 500; color: #5b5b5e; }
#empresa p { text-align: justify; }

#carousel-example-generic ul, footer ul { padding-left: 0;} 
#carousel-example-generic p { color: #fff; }

hr { border-top: 1px solid #5b5b5e; }

#video { position: relative; width: 100%; height: 450px; margin-top: 100px;}
.play {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.play iframe {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.play .overlay {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; /* you were also missing a semi-colon here, which was breaking this and the background rule */
    background: url(../img/overlay-pattern.png) repeat;
}

#video h3 { text-transform: uppercase; color: #fff;}
#video h3 span { font-weight: 300;}
#video .fa { color: #fff; font-size: 30px; font-weight: 300;}
.bottom { margin-bottom: 50px;}


.logo-all { margin-top: 30px;}
.logo-text { padding: 10px 0 10px 20px; border-left: 1px solid #ccc;}
 
/* Imágenes*/
#certificaciones img, .gris img, #video img, 
footer img, .noticias img, #relacionadas img  { width: 100%;}

.map { position: relative;}
#mapa { position: absolute; left: 0; top: 0; z-index: -9999;}

.img-ef figure img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.img-ef figure:hover img {
  -webkit-transform: scale(1);
  transform: scale(1);
}


@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes scroll {
  0% {
    -moz-transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}



.center-it a { text-align: center; color: #fff; text-decoration: none;
padding: 8px 12px; border: 1px solid #fff; background-color: transparent; }
.center-it a:hover { background-color: rgba(7,41,97,0.7); border-color: rgba(7,41,97,0.7); }

.caption {
  margin-top: 10px;
}


.img-block img { margin-bottom: 10px; width: 100%;}


/* Global */
 

.thumbnails li> .fff .caption { 
    background: transparent !important; 
    padding:10px;
    overflow: hidden;
}

/* Page Header */
.page-header {
    background: #f9f9f9;
    margin: -30px -40px 40px;
    padding: 20px 40px;
    border-top: 4px solid #ccc;
    color: #999;
    text-transform: uppercase;
}
    
.page-header h3 {
    line-height: 0.88rem;
    color: #000;
}

ul.thumbnails { 
    margin-bottom: 0px;
}



/* Thumbnail Box */
.caption h4 {
    color: #5B5B5E;
}

.caption p {  
    color: #5B5B5E;
}



/* Carousel Control */
.noticias-control-box {
    text-align: right;
    width: 100%;
}

/*.noticias-control{
    background: red;
    border: 0px;
    border-radius: 0px;
    display: inline-block;
    font-size: 34px;
    font-weight: 200;
    line-height: 18px;
    opacity: 0.5;
    padding: 4px 10px 0px;
    position: static;
    height: 30px;
    width: 15px;
}*/
.top { margin-top: 130px; display: block;}

#back { background: #ecedef; }
.title { background: #08245a; overflow: hidden; }
.title h1 { letter-spacing: 0.07em; font-size: 14px; color: #fff; 
  font-weight: 500; margin: 15px 0; text-transform: capitalize;}

#clientes span { display: block;}
#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}

/* Mobile Only */
@media (max-width: 767px) {
     .noticias-control-box {
        text-align: center;
    } 
}
@media (max-width: 479px) {
    .caption {
        word-break: break-all;
    }

    .logo-text { padding: 10px; }
}


li { list-style-type:none;}

::selection { background: #333; color: #FFFFFF; text-shadow: 0; }
::-moz-selection { background: #333; color: #FFFFFF; }


/* TEXTOS */

h1 { color: #002B74; font-size: 23px; font-weight: 600; margin-bottom: 50px; text-transform: uppercase;}
h2 { color: #002B74; font-size: 16px; font-weight: 600; margin-top: 0; margin-bottom: 13px; text-transform: uppercase;}

.img-ef { margin-bottom: 15px; }

#servicios h2 { text-align: center; }
p { color: #222; font-size: 14px; font-weight: 400; }


.nav-not { margin-top: 50px; font-weight: 500;}
.iz { width: 150px; float: left;}
.iz a i { margin-right: 10px;}
.de { width: 150px; float: right;}
.de a i { margin-left: 10px;}




/* BOTONES*/

.btn-ver { display: block; width: 100px; margin: 0 auto; margin-top: 10px; padding: 7px 10px; background-color: transparent; text-align: center; color: #fff; border: 2px solid #fff;}
.btn-ver:hover { background-color: #fff; color: #002563;}
.right { float: right;}

a:hover { text-decoration: none;}

.active { color: #08245a !important; }

figure {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

form input, form textarea, form select { width: 100%; padding: 5px 12px; margin-bottom: 20px; background-color: #ecedef;
border: 1px solid #ddd; }

form label { font-weight: 400; text-transform: capitalize !important;}
.btn_contact { background: none; margin-top: 15px; width: 100px; text-align: center; font-weight: 500; font-size: 12px; padding: 7px 10px; border: 2px solid #08245A; color: #08245A; float: left; }
form input[type="button"] { background: none; margin-top: 15px; width: 100px; text-align: center; font-weight: 500; font-size: 12px; padding: 7px 10px; border: 2px solid #08245A; color: #08245A; float: right; }
form input[type="button"]:hover, .btn_contact:hover { background: #08245A; color: #fff; }




footer { background-color: #575756; padding:20px 0; border-top: 5px solid #0072ce; }
.margen-top { margin-top: 100px; }
footer p { color: #fff;  text-align: right; }
footer span { width: 15px; display: inline-block; }

footer h3, footer h3 a { font-size: 13px; color: #98c5ea; text-transform: uppercase; }
.footer-list { padding: 0; margin: 0;}
.footer-list li a { font-size: 12px; color: #fff;}
.footer-list li a:hover {color:#98c5ea;}
footer h3 a:hover { color: #337ab7; }




/* Mobile */
@media (max-width: 767px) {

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.navbar-brand>img { height: 55px; width: auto; }
.navbar { min-height: 50px; }
#back { height: 86px; width: auto;}

.carousel-caption { background-color: rgba(7,41,97,0.7); }
.carousel-caption { top: 120px; }
.carousel-caption p { color: #fff; }
.carousel-caption h3 { font-size: 14px; color: #fff;}
.carousel-caption h3 span { font-size: 15px; font-weight: 400; }
.thumbnails li> .fff .caption { 
    margin-bottom: 30px;
}




.cliente-titulo { margin-bottom: 20px; padding: 7px 12px; background-color: #08245a !important; }
.cliente-h2 { color: #fff !important; padding: 0; margin: 0; }
#clientes img { margin-bottom: 50px;}

.logo-text { 
text-align: justify;}

}

#servicios .nav > li {
  padding-left: 0;
}


.numeros { width: 100%; padding: 25px 0; position: relative; }
#carousel-example-generic .carousel-indicators-numbers { display: block; width: 110px; margin: 0 auto; padding: 0;}
#carousel-example-generic .carousel-indicators-numbers li {
  text-indent: 0;
  margin: 0 2px;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 0;
  line-height: 30px;
  font-weight: 600;
  color: #fff;
  background-color: transparent;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-align: center;
}

#carousel-example-generic .carousel-indicators-numbers li.active, #noticias .carousel-indicators-numbers li:hover {
  margin: 0 2px;
  width: 30px;
  height: 30px;
  color: #002563;
  background-color: #fff;
}


.pot, .lluv, .obr, .min, .amb { display: block; overflow: hidden; }

.nav-tabs li a .pot { margin: 0 auto; margin-bottom: 5px; width: 35px; height: 35px; background: url("../img/sprite.png") 0 0; background-repeat: no-repeat; }
.nav-tabs .active > a .pot { background: url("../img/sprite.png") -35px 0!important; }

.nav-tabs li a .lluv { margin: 0 auto; margin-bottom: 5px; width: 35px; height: 35px; background: url("../img/sprite.png") -70px 0; background-repeat: no-repeat; }
.nav-tabs .active > a .lluv { background: url("../img/sprite.png") -105px 0 !important; }

.nav-tabs li a .obr { margin: 0 auto; margin-bottom: 5px; width: 35px; height: 35px; background: url("../img/sprite.png") -140px 0; background-repeat: no-repeat; }
.nav-tabs .active > a .obr { background: url("../img/sprite.png") -175px 0 !important; }

.nav-tabs li a .min { margin: 0 auto; margin-bottom: 5px; width: 35px; height: 35px; background: url("../img/sprite.png") -210px 0; background-repeat: no-repeat; }
.nav-tabs .active > a .min { background: url("../img/sprite.png") -245px 0 !important; }

.nav-tabs li a .amb { margin: 0 auto; margin-bottom: 5px; width: 35px; height: 35px; background: url("../img/sprite.png") -280px 0; background-repeat: no-repeat; }
.nav-tabs .active > a .amb { background: url("../img/sprite.png") -315px 0 !important; }

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:active,
.nav-tabs.nav-justified > li > a { border: none; }

.descripcion_servicio { margin-top: 30px; }
.descripcion_servicio h1 { margin-top: 0; }


.servicio-descarga { margin-top: 50px; }
.servicio-descarga img { display: inline-block; width: 52px; height: 64px; float: left; }
.servicio-descarga .txt { display: inline-block; margin-left: 10px;}
.servicio-descarga .txt a { text-decoration: none; color: #111;}
.servicio-descarga .txt a:hover { color: #333;}


.cliente-titulo { margin-bottom: 20px; padding: 7px 12px; background-color: #08245a !important; }
.cliente-h2 { color: #fff !important; padding: 0; margin: 0; }
#clientes img { margin-bottom: 50px; width: 100%; }
#clientes span { display: block;}

.equipo i { display: block; color: #666; font-size: 12px; }

.noticias, .top-descargas { margin-top: 160px; overflow: hidden; }
.noticias h2 { text-align: left !important; line-height: 24px; margin-bottom: 25px; }
.noticias span { color: #002B74; font-weight: 500; font-size: 13px; font-style: italic; display: block; padding-bottom: 20px; }

.top-descargas img { margin-bottom: 20px; width: 100%; }
.lower { text-transform: capitalize !important; text-align: left !important;}