/* Do*/
/*----------- all page------------ */ 
p {
        font-family: 'Agency FB', arial;
        color: #0a425e;
}
.row{
      margin-right: 0px;
}
body {
    font: 400 15px Lato, sans-serif;
    line-height: 1.8;
  }  
  
  .container-fluid {
    padding: 60px;
  }



/*/ Small devices (landscape phones, 576px and up) */
@media (min-width: 176px) and (max-width: 991.98px) { 
/*----------- Barra de menu------------ */ 
.navbar {
    margin-bottom: 0;
    background-color: #115d90;
    z-index:   50;
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0;
    font-family: Montserrat, sans-serif;
  }
  .navbar li a, .navbar .navbar-brand {
    color: #fff !important;
  }
  .navbar-nav li a:hover, .navbar-nav li.active a {
    color: #f4511e !important;
    background-color: #fff !important;
  }
  .navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
  }
  #myNavbar ul{
    position: fixed; top:9px; right: 6%; 
    
  }
  #myNavbar  span{
    font-size: 4vw; color: white;
  }
  .collapse {
    display: inline;
  }
  #logoBar {
      width: 90px;
      height: 30px;
      position: fixed;
      left: 38%;
      top:2%;
  }
  #myNavbar{
border-color: #115d90;
}
  #imgMenu {
      width: 30px;
      height: 28px;
  }
  .navbar-header ol{
    position: fixed; left: -30px; top:20px;
  }  
  .carousel-bar li {
        display: inline-block;
    width: 12px;
    height: 12px;
      margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;   
}
.carousel-bar .active {
    width: 12px;
    height: 12px;
      margin: 1px;
    background-color: #ffff;
}
/*----------- Barra de secciones------------ */ 
 #divSecciones {
   background-color: #c5d5dd;  
   margin-top: 65px;
   width: 100%;
 }
#divBarraSecciones{ 
    display:  -webkit-box; 
  }
#divBarraSecciones .col-sm-3{
     width: 25%;  
     padding-right: 0px;
}
#divBarraSecciones .col-sm-8{
     padding-right: 0px;
  }
#divBarraSecciones .col-sm-10{
     padding-right: 0px;
  }
 #divSecciones a{
   text-decoration: none;
 }

#divSecciones p{
        font-family: 'Agency FB', arial;
        color: #0a425e;
}
#divSecciones span{
  font-size:   3.2vw; color: #0a425e; text-align: left;
}
#divSecciones img{
      width: 20%;
    height: 25%;
    margin: 4px;
}
/*----------- Principal------------ */ 
.principal {
    font-family: Montserrat, sans-serif;
  }

/*----------- Carousel empresas------------ */
#textHeadCarousel{
  font-size: 7vw; text-align: center; 
}
#divCarousel{
   background-image: linear-gradient(#f2f4f9,#fff,#fff );
  margin-top: 20px;
}
.carousel-control.right, .carousel-control.left {
    background-image: none;
}
.carousel-indicators li {
    border-color: #0a425e;
}
  .carousel-indicators li.active {
    background-color: #0a425e;
}
.carousel-indicators{
  position: inherit; width: 100%; margin-left: 0%;
}
.botonesPrevNext{
  width: 40px; height: 40px; 
}
.imgCarousel{
  width: 100%;  height: 225px;
}
.divCarouselTitulo p{
  text-align: center; font-size: 6vw;
}
.imgCarouselBarra{
  width: 40%; height: 7px; margin-top: -10px
}
.divCarouselDescripcion {
margin-left: 60px;
}
.divCarouselDescripcion b{
  text-align: center; 
  font-size: 3.5vw; 
  color: #0a425e;
}
.imgCarouselBarra2{
  width: 65%; height: 7px;
}
.imgCarouselLogo{
  width: 200px; height: 60px;
}
.carousel-control {
  top:235px;
  width: 23%
}
/*----------Grupo Emcor ------------ */
#grupoEmcor{
    margin-top: 20px;
}
#divGrupoEmcorContenido{
  text-align: center; color: #0a425e;
}
#divGrupoEmcorContenido b{
  font-size:  4.2vw;
}
#divGrupoEmcorContenido img{
  width: 200px; height: 7px; margin-top: -20px;
}
#divGrupoEmcorContenido p{
  font-size: 7.5vw; margin-top: 15px;
}
#imgGrupoEmcorBarra{
  width: 40%; height: 7px;
}
#textoGrupoEmcor{
  font-size: 8vw;
}

#idImgGrupoEmcor1{
  width: 250px;
  height: 170px;
}
#idImgGrupoEmcor2{
  width: 210px;
  height: 170px;
}
#idImgGrupoEmcor3{
  width: 250px;
  height: 200px;
}
#idImgGrupoEmcor4{
  width: 250px;
  height: 200px;
}


/*-----------Equipo de trabajo ------------ */
#equipoTrabajo {
   background-color: #f2f4f9;  
 }
 .botonesPrevNextET{
  width: 40px; height: 40px; 
  opacity: .5;
    cursor: pointer; 
  }
  .botonesPrevNextET:hover {
    opacity: 1.0;
  }
#divTituloEquipoTrabajo{
   text-align: center; margin-top: -50px;
}
 #divTituloEquipoTrabajo img{
  width: 125px; height: 5px; margin-bottom: -10px;
 }
#divTituloEquipoTrabajo p{
  font-size: 7vw;color: #0a425e;
}
#divNomEquipoTrabajo{
  display: -webkit-box;
}

.colEquipo{
    padding-right: 10px;
    padding-left: 10px;
}

#divProfesionEquipoTrabajo{
 margin-left: -50px; margin-right: -50px;text-align: center;
}
#divNomEquipoTrabajo p{
  font-size: 4.5vw;
}
#divProfesionEquipoTrabajo h4{
  font-size: 2.5vw;color: #0a425e;
}
#idNombreEquipoTrabajo{
  font-size: 7.8vw; margin-bottom: -15px; color: black;
}
#idOcupacionEquipoTrabajo{
   font-size: 7.1vw;color: #1b658a;
}

.imgEquipoTrabajo{
      width: 100%;
  }

/*-----------Footer ------------ */
#footer {
  display: none;
}
#footer2 {
    display: inline;
    background-color: #115d90;
    height:    90px;
  }  
#IdFooterDir2{
  width: 16px; 
  height: 18px; 
  margin-right: 5px;
}
#IdFooterTel2 {
  width: 20px; 
  height: 18px; 
  margin-right: 5px;
}
#IdFooterEmail2 {
  width: 28px; 
  height: 18px; 
  margin-right: 5px;
}
#IdFooterLogo2 {
  width: 140px;
    height: 35px;
    margin-top: 8px;
    margin-bottom: 8px; 
}
#divBarraFootConenidoSmall span{
  color: white; font-size: 3.9vw;  text-align: center;
}

#imgPuntos{
  width: 100%;
  position: absolute;
  top: -30%;
  z-index: 0;  
}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 992px) and (max-width: 1499.98px) { 

/*----------- Barra de menu------------ */ 
.navbar {
    margin-bottom: 0;
    background-color: #115d90;
    z-index:   50;
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0;
    font-family: Montserrat, sans-serif;
  }
  .navbar li a, .navbar .navbar-brand {
    color: #fff !important;
  }
  .navbar-nav li a:hover, .navbar-nav li.active a {
    color: #f4511e !important;
    background-color: #fff !important;
  }
  .navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
  }
  #myNavbar ul{
    position: fixed; top:15px; right: 35px; 
  }
  #myNavbar  span{
    font-size: 2vw; color: white;
  }
  #logoBar {
      width: 150px;
      height: 40px;
      position: fixed;
      left: 15%;
      top:2%;
  }
  #imgMenu {
      width: 45px;
      height: 30px;
  }
  .navbar-header ol{
    position: fixed; left: -25px; top:20px;
  }  
  .carousel-bar li {
        display: inline-block;
    width: 20px;
    height: 20px;
      margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;   
}
.carousel-bar .active {
    width: 20px;
    height: 20px;
      margin: 1px;
    background-color: #ffff;
}
/*----------- Barra de secciones------------ */ 
 #divSecciones {
   background-color: #c5d5dd;  
   height: 70px;
   margin-top: 65px;
   width: 100%;
 } 
 #divSecciones a{
   text-decoration: none;
 }
#divSecciones p{
        font-family: 'Agency FB', arial;
        color: #0a425e;
}
#divSecciones span{
  font-size: 2vw; color: #0a425e; text-align: left;
}
#divSecciones img{
  width: 50px; height: 50px; margin: 10px;
}
/*----------- Principal------------ */ 
.principal {
    font-family: Montserrat, sans-serif;
    height: 950px;
  }

/*----------- Carousel empresas------------ */
#textHeadCarousel{
  font-size: 2vw; text-align: center; 
}
#divCarousel{
   background-image: linear-gradient(#f2f4f9,#fff,#fff );
  margin-top: 20px;
}
.carousel-control.right, .carousel-control.left {
    background-image: none;
}
.carousel-indicators li {
    border-color: #0a425e;
}
  .carousel-indicators li.active {
    background-color: #0a425e;
}
.carousel-indicators{
  position: inherit; width: 100%; margin-left: 0%;
}
.botonesPrevNext{
  width: 40px; height: 40px; 
}
.imgCarousel{
  width: 100%;  height: 500px;
}
.carousel-control {
  top:550px;
}
.divCarouselTitulo p{
  text-align: center; font-size: 2vw;
}
.imgCarouselBarra{
  width: 200px; height: 7px; margin-top: -10px
}
.divCarouselDescripcion b{
  text-align: center; 
  font-size: 1.5vw; 
  color: #0a425e;
}
.imgCarouselBarra2{
  width: 700px; height: 7px;
}
.imgCarouselLogo{
  width: 300px; height: 80px;
}
/*----------Grupo Emcor ------------ */
#grupoEmcor{
    margin-top: 20px;
}
#divGrupoEmcorContenido{
  text-align: center; color: #0a425e;
}
#divGrupoEmcorContenido b{
  font-size:  1.3vw;
}
#divGrupoEmcorContenido img{
  width: 200px; height: 7px; margin-top: -20px;
}
#divGrupoEmcorContenido p{
  font-size: 2.5vw; margin-top: 15px;
}
#imgGrupoEmcorBarra{
  width: 700px; height: 7px;
}
#textoGrupoEmcor{
  font-size: 2vw;
}

#idImgGrupoEmcor1{
  width: 250px;
  height: 170px;
}
#idImgGrupoEmcor2{
  width: 210px;
  height: 170px;
}
#idImgGrupoEmcor3{
  width: 250px;
  height: 200px;
}
#idImgGrupoEmcor4{
  width: 250px;
  height: 200px;
}


/*-----------Equipo de trabajo ------------ */
#equipoTrabajo {
   background-color: #f2f4f9;  
 }
 .botonesPrevNextET{
  width: 40px; height: 40px; 
  opacity: .5;
    cursor: pointer; 
  }
  .botonesPrevNextET:hover {
    opacity: 1.0;
  }
#divTituloEquipoTrabajo{
   text-align: center; margin-top: -50px;
}
 #divTituloEquipoTrabajo img{
  width: 125px; height: 5px; margin-bottom: -10px;
 }
#divTituloEquipoTrabajo p{
  font-size: 2vw;color: #0a425e;
}

#divProfesionEquipoTrabajo{
margin-left: -50px; margin-right: -50px;text-align: center;
}
#divProfesionEquipoTrabajo h4{
  font-size: 2.5vw;color: #0a425e;
}
#idNombreEquipoTrabajo{
  font-size: 1.8vw; margin-bottom: -15px; color: black;
}
#idOcupacionEquipoTrabajo{
   font-size: 2.1vw;color: #1b658a;
}

#divNomEquipoTrabajo p{
  font-size: 2.5vw;
}

#divImgEquipoTrabajo{
  width: 100%;
    height: 420px;
  text-align: center;
}
.imgEquipoTrabajo{
      width: 85%;
  }

/*-----------Footer ------------ */
#footer2 {
  display: none;
}
#footer {
    background-color: #115d90;
    height: 9s0px;
  }  
#IdFooterDir {
  width: 8px; 
  height: 10px; 
  margin-right: 2px;
}
#IdFooterTel {
  width: 11px; 
  height: 10px; 
  margin-right: 2px;
}
#IdFooterEmail {
  width: 14px; 
  height: 10px; 
  margin-right: 2px;
}
#IdFooterLogo {
  width: 150px;
    height: 45px;
    margin-top: 1px;
    margin-bottom: 2px; 
}
#divBarraFootTitulos{
  background-color: #113d5e; height: 25px; text-align: center
}
#divBarraFootTitulos span{
  color: white; font-size: .8vw;
}
#divBarraFootConenido{
    text-align: center; color: white; font-size: 1vw; 
}
#divBarraFootConenido .col-sm-3{
  margin-top: 15px;
}

#imgPuntos{
  width: 100%;
  position: absolute;
  top: -15px;
  z-index: 0;  
}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1500px) { 


/*----------- Barra de menu------------ */ 
.navbar {
    margin-bottom: 0;
    background-color: #115d90;
    z-index:   50;
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0;
    font-family: Montserrat, sans-serif;
  }
  .navbar li a, .navbar .navbar-brand {
    color: #fff !important;
  }
  .navbar-nav li a:hover, .navbar-nav li.active a {
    color: #f4511e !important;
    background-color: #fff !important;
  }
  .navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
  }
  #myNavbar ul{
    position: fixed; top:15px; right: 35px; 
  }
  #myNavbar  span{
    font-size: 2vw; color: white;
  }
  #logoBar {
      width: 150px;
      height: 40px;
      position: fixed;
      left: 15%;
      top:2%;
  }
  #imgMenu {
      width: 45px;
      height: 30px;
  }
  .navbar-header ol{
    position: fixed; left: -25px; top:20px;
  }  
  .carousel-bar li {
        display: inline-block;
    width: 20px;
    height: 20px;
      margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;   
}
.carousel-bar .active {
    width: 20px;
    height: 20px;
      margin: 1px;
    background-color: #ffff;
}
/*----------- Barra de secciones------------ */ 
 #divSecciones {
   background-color: #c5d5dd;  
   height: 70px;
   margin-top: 65px;
   width: 100%;
 } 
 #divSecciones a{
   text-decoration: none;
 }
#divSecciones p{
        font-family: 'Agency FB', arial;
        color: #0a425e;
}
#divSecciones span{
  font-size: 2vw; color: #0a425e; text-align: left;
}
#divSecciones img{
  width: 50px; height: 50px; margin: 10px;
}
/*----------- Principal------------ */ 
.principal {
    height: 1000px;
    font-family: Montserrat, sans-serif;
  }

/*----------- Carousel empresas------------ */
#textHeadCarousel{
  font-size: 2vw; text-align: center; 
}
#divCarousel{
   background-image: linear-gradient(#f2f4f9,#fff,#fff );
  margin-top: 20px;
}
.carousel-control.right, .carousel-control.left {
    background-image: none;
}
.carousel-indicators li {
    border-color: #0a425e;
}
  .carousel-indicators li.active {
    background-color: #0a425e;
}
.carousel-indicators{
  position: inherit; width: 100%; margin-left: 0%;
}
.botonesPrevNext{
  width: 40px; height: 40px; 
}
.imgCarousel{
  width: 100%;  height: 580px;
}
.carousel-control {
  top:600px;
}
.divCarouselTitulo p{
  text-align: center; font-size: 2vw;
}
.imgCarouselBarra{
  width: 200px; height: 7px; margin-top: -10px
}
.divCarouselDescripcion b{
  text-align: center; 
  font-size: 1.5vw; 
  color: #0a425e;
}
.imgCarouselBarra2{
  width: 700px; height: 7px;
}
.imgCarouselLogo{
  width: 300px; height: 80px;
}
/*----------Grupo Emcor ------------ */
#grupoEmcor{
    margin-top: 20px;
}
#divGrupoEmcorContenido{
  text-align: center; color: #0a425e;
}
#divGrupoEmcorContenido b{
  font-size:  1.3vw;
}
#divGrupoEmcorContenido img{
  width: 200px; height: 7px; margin-top: -20px;
}
#divGrupoEmcorContenido p{
  font-size: 2.5vw; margin-top: 15px;
}
#imgGrupoEmcorBarra{
  width: 700px; height: 7px;
}
#textoGrupoEmcor{
  font-size: 2vw;
}

#idImgGrupoEmcor1{
  width: 250px;
  height: 170px;
}
#idImgGrupoEmcor2{
  width: 210px;
  height: 170px;
}
#idImgGrupoEmcor3{
  width: 250px;
  height: 200px;
}
#idImgGrupoEmcor4{
  width: 250px;
  height: 200px;
}


/*-----------Equipo de trabajo ------------ */
#equipoTrabajo {
   background-color: #f2f4f9;  
 }
 .botonesPrevNextET{
  width: 40px; height: 40px; 
  opacity: .5;
    cursor: pointer; 
  }
  .botonesPrevNextET:hover {
    opacity: 1.0;
  }
#divTituloEquipoTrabajo{
   text-align: center; margin-top: -50px;
}
 #divTituloEquipoTrabajo img{
  width: 125px; height: 5px; margin-bottom: -10px;
 }
#divTituloEquipoTrabajo p{
  font-size: 2vw;color: #0a425e;
}
#divNomEquipoTrabajo p{
  font-size: 2.5vw;
}
#divProfesionEquipoTrabajo{
 margin-left: -50px; margin-right: -50px;text-align: center;
}
#divProfesionEquipoTrabajo h4{
  font-size: 2.5vw;color: #0a425e;
}
#idNombreEquipoTrabajo{
  font-size: 1.8vw; margin-bottom: -15px; color: black;
}
#idOcupacionEquipoTrabajo{
   font-size: 2.1vw;color: #1b658a;
}
.imgEquipoTrabajo{
      width: 100%;
  }

/*-----------Footer ------------ */
#footer2 {
  display: none;
}
#footer {
    background-color: #115d90;
    height: 9s0px;
  }  
#IdFooterDir {
  width: 8px; 
  height: 10px; 
  margin-right: 2px;
}
#IdFooterTel {
  width: 11px; 
  height: 10px; 
  margin-right: 2px;
}
#IdFooterEmail {
  width: 14px; 
  height: 10px; 
  margin-right: 2px;
}
#IdFooterLogo {
  width: 150px;
    height: 45px;
    margin-top: 1px;
    margin-bottom: 2px; 
}
#divBarraFootTitulos{
  background-color: #113d5e; height: 25px; text-align: center
}
#divBarraFootTitulos span{
  color: white; font-size: .8vw;
}
#divBarraFootConenido{
    text-align: center; color: white; font-size: 1vw; 
}
#divBarraFootConenido .col-sm-3{
  margin-top: 15px;
}

#imgPuntos{
  width: 100%;
  position: absolute;
  top: -20px;
  z-index: 0;  
}

}



/*-----------Modal ------------ */
#IdModalLogo {
  width: 140px;
    height: 40px;
    position: absolute;
    left:42%;margin-left:-10px;
    top: 1%;
}
.modal-body{
background-image: url(../img/Modal/017.png);
  background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;

}
.modal-footer{
background-image: url(../img/Modal/017.png);
  background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;

}
.modalImgLink{
  width: 135px;
    height: 40px;

}
.modalImgLinkHome{
  width: 45px;
  height: 40px;
}
.modal-body div:hover{
  background-image: url(../img/Modal/018.png);
  background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}

.modal-body div{
 width:100%; 
 text-align: left;
 margin-bottom: 20px;
}


/*-----------Extra ------------ */
.top{top:0}
.middle{top:50%;margin-top:-10px;/*half of the .box height*/}
.bottom{bottom:0}

.left{left:0;}
.center{left:50%;margin-left:-10px;/*half of the .box width*/}
.right{right:0;}