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






/*----------- galeria------------ */ 
#Galeria {
    background-color: #fff;  
    z-index: 10;
 } 
#Galeria .row{
    margin-top: 50px;

 }
#slideshow {
  margin: 80px auto;
  position: relative;
  width: 320px;
  height: 310px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

#slideshow2 {
  margin: 80px auto;
  position: relative;
  width: 320px;
  height: 310px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow2 > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

#slideshow3 {
  margin: 80px auto;
  position: relative;
  width: 320px;
  height: 310px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow3 > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

#slideshow4 {
  margin: 80px auto;
  position: relative;
  width: 320px;
  height: 310px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow4 > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

#slideshow5 {
  margin: 80px auto;
  position: relative;
  width: 320px;
  height: 310px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow5 > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}
#slideshow6 {
  margin: 80px auto;
  position: relative;
  width: 320px;
  height: 310px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow6 > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

#Galeria img{
    border: 10px solid #dde8ee; 
    width: 300px;
    height: 290px;
    
    
 }

/*-----------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: -8%;
  z-index: 0;  
}
#imgPuntos2{
  display: none;  
}


}

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




/*----------- galeria------------ */ 
#Galeria {
    background-color: #fff;  
    z-index: 10;
 } 
#Galeria .row{
    margin-top: 50px;

 }
#slideshow {
  margin: 80px auto;
  position: relative;
  width: 320px;
  height: 310px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

#slideshow2 {
  margin: 80px auto;
  position: relative;
  width: 320px;
  height: 310px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow2 > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

#slideshow3 {
  margin: 80px auto;
  position: relative;
  width: 320px;
  height: 310px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow3 > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

#slideshow4 {
  margin: 80px auto;
  position: relative;
  width: 320px;
  height: 310px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow4 > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

#slideshow5 {
  margin: 80px auto;
  position: relative;
  width: 320px;
  height: 310px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow5 > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}
#slideshow6 {
  margin: 80px auto;
  position: relative;
  width: 320px;
  height: 310px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow6 > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

#Galeria img{
    border: 10px solid #dde8ee; 
    width: 300px;
    height: 290px;
    
    
 }

/*-----------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: 2%;
  z-index: 0;  
}
#imgPuntos2{
  width: 60%;
  position: absolute;
  top: 90%;
  right: 10%;
  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;
}


/*----------- galeria------------ */ 
#Galeria {
    background-color: #fff;  
    z-index: 10;
 } 
#Galeria .row{
    margin-top: 50px;

 }
#slideshow {
  margin: 80px auto;
  position: relative;
  width: 420px;
  height: 410px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

#slideshow2 {
  margin: 80px auto;
  position: relative;
  width: 420px;
  height: 410px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow2 > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

#slideshow3 {
  margin: 80px auto;
  position: relative;
  width: 420px;
  height: 410px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow3 > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

#slideshow4 {
  margin: 80px auto;
  position: relative;
  width: 420px;
  height: 410px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow4 > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

#slideshow5 {
  margin: 80px auto;
  position: relative;
  width: 420px;
  height: 410px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow5 > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

#slideshow6 {
  margin: 80px auto;
  position: relative;
  width: 420px;
  height: 410px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow6 > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

#Galeria img{
    border: 10px solid #dde8ee; 
    width: 400px;
    height: 390px;   
 }

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

#imgPuntos2{
  width: 65%;
  position: absolute;
  top: 60%;
  right: 0%;
  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;}