/* Do*/
/*----------- all page------------ */ 

body {
    font: 400 15px Lato, sans-serif;
    line-height: 1.8;
  }  
  .row{
      margin-right: 0px;
}



/*/ 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{
border-color: #115d90;
}
  
  #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%;
  }
  #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;
}

/*----------- grupo de trabajo------------ */ 
#grupoTrabajo {
    background-color: #f2f4f9;  
 } 
#imgAcercaGrupo{
    width: 100%;
    height: 250px;
    margin-bottom: 20px;
}
 #grupoTrabajo p{
    font-size: 5vw; 
    text-align: center; 
    font-family: 'Agency FB', arial;
        color: #0a425e;
 }
/*----------- div de franajas azules------------ */ 
.divLineas {
    height: 50px;  
 }
 .divLineas span{
    position: relative;
    left: 25%;
    top: 40%;
 }
.divLineas img{
    width:  50%; 
    height: 7px; 
    margin-top: -20px;  
 }
/*-----------mision------------ */ 
#Mision{
  background-color: #c5d5dd;
}
#Mision .col-sm-5 {
  text-align: center; color: #0a425e; margin-left: 5%; 
}
.pTexto{
  font-size: 3.5vw; margin-bottom: 10px;
}
#tituloMision{
  font-size: 5vw; margin-top: 15px;
  font-family: 'Agency FB', arial;
  color: #0a425e;
}
/*-----------vision------------ */ 
#Vision{
  background-color: #c5d5dd;
  margin-bottom: 30px;
}
#Vision .col-sm-10 {
  text-align: center; color: #0a425e;  
}
#tituloVision{
  font-size: 5vw; margin-top: 15px;
  font-family: 'Agency FB', arial;
  color: #0a425e;
}
/*-----------video2------------ */ 

#divImg2 {
    background-color: #f2f4f9; 
    margin-bottom: 45px; 
    margin-top:  45px;
 } 
#imagen2{
    width: 100%;
    height: 250px;
    margin-top:  35px;
    margin-bottom: 35px;
}
/*-----------valores------------ */ 
#Valores{
  background-color: #c5d5dd;
}
#Valores .col-sm-9 {
  text-align: center; color: #0a425e; 
  margin-left: 5%;
}
#tituloValores{
  font-size: 5vw; margin-top: 15px;
  font-family: 'Agency FB', arial;
  color: #0a425e;
}

/*-----------Footer ------------ */
/*-----------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: -40%;
  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;
}
/*----------- grupo de trabajo------------ */ 
#grupoTrabajo {
    background-color: #f2f4f9;  
 } 
#imgAcercaGrupo{
    width: 100%;
    height: 450px;
    margin-bottom: 50px;
}
 #grupoTrabajo p{
    font-size: 2vw; 
    text-align: center; 
    font-family: 'Agency FB', arial;
        color: #0a425e;
 }
/*----------- div de franajas azules------------ */ 
.divLineas {
    height: 50px;  
 }
 .divLineas span{
    position: relative;
    left: 40%;
    top: 40%;
 }
.divLineas img{
    width: 270px; 
    height: 7px; 
    margin-top: -20px;  
 }
/*-----------mision------------ */ 
#Mision{
  background-color: #c5d5dd;
}
.pTexto{
  font-size: 1.5vw; margin-bottom: 10px;
}
#Mision .col-sm-5 {
  text-align: center; color: #0a425e; margin-left: 5%; 
}
#tituloMision{
  font-size: 2vw; margin-top: 15px;
  font-family: 'Agency FB', arial;
  color: #0a425e;
}
/*-----------vision------------ */ 
#Vision{
  background-color: #c5d5dd;
  margin-bottom: 30px;
}
#Vision .col-sm-10 {
  text-align: center; color: #0a425e;  
}
#tituloVision{
  font-size: 2vw; margin-top: 15px;
  font-family: 'Agency FB', arial;
  color: #0a425e;
}
/*-----------video2------------ */ 

#divImg2 {
    background-color: #f2f4f9; 
    margin-bottom: 45px; 
    margin-top:  45px;
 } 
#imagen2{
    width: 100%;
    height: 450px;
    margin-top:  35px;
    margin-bottom: 35px;
}
/*-----------valores------------ */ 
#Valores{
  background-color: #c5d5dd;
}
#Valores .col-sm-9 {
  text-align: center; color: #0a425e; 
  margin-left: 5%;
}
#tituloValores{
  font-size: 2vw; margin-top: 15px;
  font-family: 'Agency FB', arial;
  color: #0a425e;
}

/*-----------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: -40%;
  z-index: 0;  
}

 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1500px) { 
.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;
}
/*----------- grupo de trabajo------------ */ 
#grupoTrabajo {
    background-color: #f2f4f9;  
 } 
#imgAcercaGrupo{
    width: 100%;
    height: 500px;
    margin-bottom: 50px;
}
 #grupoTrabajo p{
    font-size: 2vw; 
    text-align: center; 
    font-family: 'Agency FB', arial;
        color: #0a425e;
 }
/*----------- div de franajas azules------------ */ 
.divLineas {
    height: 50px;  
 }
 .divLineas span{
    position: relative;
    left: 40%;
    top: 40%;
 }
.divLineas img{
    width: 270px; 
    height: 7px; 
    margin-top: -20px;  
 }
/*-----------mision------------ */ 
#Mision{
  background-color: #c5d5dd;
}
#Mision .col-sm-5 {
  text-align: center; color: #0a425e; margin-left: 5%; 
}
.pTexto{
  font-size: 1.5vw; margin-bottom: 10px;
}
#tituloMision{
  font-size: 2vw; margin-top: 15px;
  font-family: 'Agency FB', arial;
  color: #0a425e;
}
/*-----------vision------------ */ 
#Vision{
  background-color: #c5d5dd;
  margin-bottom: 30px;
}
#Vision .col-sm-10 {
  text-align: center; color: #0a425e;  
}
#tituloVision{
  font-size: 2vw; margin-top: 15px;
  font-family: 'Agency FB', arial;
  color: #0a425e;
}
/*-----------video2------------ */ 

#divImg2 {
    background-color: #f2f4f9; 
    margin-bottom: 45px; 
    margin-top:  45px;
 } 
#imagen2{
    width: 100%;
    height: 550px;
    margin-top:  35px;
    margin-bottom: 35px;
}
/*-----------valores------------ */ 
#Valores{
  background-color: #c5d5dd;
}
#Valores .col-sm-9 {
  text-align: center; color: #0a425e; 
  margin-left: 5%;
}
#tituloValores{
  font-size: 2vw; margin-top: 15px;
  font-family: 'Agency FB', arial;
  color: #0a425e;
}

/*-----------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: -40%;
  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;}