/*
    * GENERAL CSS CONTAINS THE STYLERS FOR GLOBAL ELEMENTS
*/

/*
    * dESKTOP version
*/

    /* DOCUMENT */

body{
  background-color: #8a5c00;
  background-image: url("https://www.transparenttextures.com/patterns/binding-light.png");
}
main {
    flex: 1 0 auto;
}

#homeDocument{
  max-width: 992px;;
  margin: auto;
}

    /* NAVBAR */

nav {
  color: #fff;
  background-color: #f4f4f4;
  background-image: none;
  border: none;
  box-shadow: none;
  border-radius: 0px;
  margin-top: 8px;
  width: 100%;
}
.navBrand{
  width: 90px;
  margin-top: 5px;
  margin-left: 30px;
}
nav ul a {
  font-size: 12px;
  padding-top: 13px;
  height: 64px;
  color: #F69024;
}
nav ul a.activeOption{
  font-weight: bold;
  background-color: #F4F4F4;
  color: #8BC23F;
}
nav ul li:hover{
  background-color: #F4F4F4;
}
nav ul a:hover{
  background-color:#F4F4F4!important;
  color:#8BC23F;
}
.mainFlayerProgramas {
    margin: auto;
    border-radius: 10px;
}
footer.page-footer {
  margin-top: 0px;
  padding-top: 0px;
  background-color: transparent;
  height: 120px;
  border-radius: 0px;
}
.container-custom{

}
.padding-off{
  padding: 0px!important;
}
/* ------------------------------------------------------ */
.margin-off{
    margin: 0px;
}
.992Off{
    padding: 0px;
}
    /* HOME */
.sucursal{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  background-color: rgba(255,255,255,1);
}
.sucursalesBg{
  background-color: transparent;
  border-radius: 0px;
  width: 100%;
}
.sucursalTitle{
    margin: 0px;
    clear: both;
    padding-top: 15px;
    color: #2B2B2C;
    font-size: 30px;
}
#sucursal{
    border-radius: 10px;
}
.usatelecom-item{
  background-color: #F4F4F4;
  border-radius: 5px;
}
.usatelecom-item p.title{
  margin: 0px;
  padding: 20px;
  font-size: 35px;
  letter-spacing: 5px;
  font-weight: 500;
  color: #F69024;
}
.usatelecom-item p.info{
  margin: 0px;
  padding: 5px;
  font-size: 14px;
  color: #8BC23F;
  letter-spacing: 2px;
  font-weight: 500;
}
.usatelecom-item img.flayer{
}
.main-flayer {
    width: 100%;
    padding: 0px;
}
.usatelecom-item p.description{
  margin: 0px;
  padding: 20px;
  letter-spacing: 1px;
  font-size: 13px;
  font-weight: 600;
  color: #737373;
}
.closeBtn{
    color:#2B2B2C;
    margin-top:-10px;
    margin-right:18px;
    margin-bottom:8px;
}
.titleInfoSucursal{
  margin: 0px;
  font-size: 14px;
  color: #2D4777;
  margin-bottom: 5px;
  font-weight: bold;
}
.infoSucursal{
  margin: 0px;
  font-size: 10px;
  color: #2D4777;
}
.btnMap{
    font-size: 12px;
    color: #C1CE48;
    margin-top: 5px;
    cursor: pointer;
}
.mainFlayer{
    margin: auto;
    height: 350px;
    border-radius: 10px;t
}
.socialContainer{
    width: 100%;
    padding-left: 146px;
    padding-right: 146px;
}
.socialIcon {
    width: 32px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    top: -85px;
    right: 135px;
    border-radius: 10px;
}
.footerText {
  margin: 0px;
  color: #F69024;
  font-size: 12px;
  height: 17px;
}
.margin-top-5{
    margin-top: 10px;
}
footer.page-footer{
  background-color: #F4F4F4 !important;
  height: 115px;
}
.slider .slides li img {
    height: 359px;
    width: 718px;
    border-radius: 10px;
}
.dropdown-content li>a, .dropdown-content li>span {
  font-size: 15px;
  color: #F69024;
  display: block;
  line-height: 0px;
  padding: 31px 10px;
  height: 64px;
  width: 100%;
}
.dropdown-content li>a:hover, .dropdown-content li>span:hover {
    background-color: #C1CE48;
    color:#8BC23F;
}
.dropdown-content {
  background-color: #F4F4F4;
}
.dropdown-content {
  width: 300px !important;
  border-radius: 5px;
}
.slider .slides {
    background-color: transparent;
}
.slider .indicators .indicator-item.active {
    background-color: #0090D4;
}
nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
  line-height: 50px;
}
.btnDescargarProgramas {
    width: 130px;
    text-align: center;
    color: white;
    background-color: gray;
    padding: 10px;
    margin-top: 13px;
    cursor: pointer;
}
.btn-banda{
  margin-top: 15px;
  background-color: #2D4777;
  padding: 8px;
  width: 100px;
  color: white;
  text-align: center;
  cursor: pointer;
}
.padding-footer{
    padding-left: 14%!important;
}
.menuAction{
  height: 400px;
}
select.browser-default {
  display: block;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-size: 12px;
  color: #2D4777;
  cursor: pointer;
  background-image: url("../images/downarrow.png");
  background-repeat: no-repeat;
  background-position: 95% 5px;
}
.pago-title{
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
  letter-spacing: 0px;
  color: #F4F4F4;
}
.pago-text{
  text-align: center;
  color: #F4F4F4;
  font-size: 13px;
  font-weight: bold;
}
@media(max-width:992px){
    .slider .slides li img {
      height: auto;
      width: 90%;
      background-size: 100%;
      background-position: 0px 0px !important;
      background-repeat: no-repeat;
      border-radius: 0px;
      margin: auto;
      margin-top: 40px;
    }
    .main-flayer {
        width: 100%;
        padding: 0px;
    }
    a.button-collapse i {
        line-height: 50px;
        color: #F69024;
    }
    .clear{
      clear:both;
    }
    nav {
        border-radius: 0px;
        margin-top: 0px;
        background-position: -10px;
    }
    .side-nav{
      background-color: #F4F4F4;
    }
    .side-nav a {
        color: #F69024;
    }
    .mOff{
        padding: 0px!important;
    }
    footer.page-footer {
        background-color: transparent;
        height: auto;
        background-position-x: 20%;
        border-radius: 0px;
        width: 100%;
        position: relative;
        bottom: 0px;
        margin-top: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navBrand{
      width: 100%;
      margin-top: 0px;
      margin-left: 0px;
    }
    .mainFlayer{
        width: 90%;
        height: auto;
        margin: auto;
    }
    .socialContainer{
        width: 100%;
        padding-left:  0px;
        padding-right: 0px;
    }
    .socialIcon{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .margin-top-5{
        margin-top: 5px;
    }
    .footerText{
        text-align: center;
    }
    a.footerText{
        text-align: center;
    }
    .titleInfoSucursal{
        text-align: center;
    }
    .infoSucursal{
        text-align: center;
    }
    .btnMap{
        width: 120px;
        text-align: center;
        margin: auto;
    }
    .sucursalesBg{
        width: 100%;
    }
    .mainFlayerProgramas {
        width: 100%;
    }
    .socialIcon {
        top: 0px;
        right: 33%;
    }
    object{
        width: 100%!important;
    }
}
@media(max-width:500px){
  .slider .slides {
      height: 490px !important;
  }
  .slider {
      height: 485px !important;
  }
  .main-flayer {
      width: 100%;
      padding: 0px;
  }
}