/* CSS Document */

.navbar-inverse { background-color: rgba(255,255,255,0); border: none; font-size:25px; font-family: 'Fira Sans Extra Condensed', sans-serif;  font-weight:400; position: relative; margin:0 auto; text-transform: none; padding-bottom: 0px; display: table; width:100%; text-transform: uppercase }
.tarifas { background-color: #ADCC00; text-transform: uppercase; font-size:30px; font-weight:700; }
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #000; padding:8px; }
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #FFFFFF; }
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #73C1CC}
.navbar-inverse { background-image: none;  }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { display: flex; justify-content: center; align-items: center}
.navbar-inverse .navbar-nav>li>a { color: #fff;  padding:10px 5px; margin-left:25px }
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbarv-nav>li>a:focus { color: #fff; margin-left:25px; padding:10px 5px;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #111; background-color: #73C1CC; }
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #00AAED}
.dropdown-menu>li>a { color: #FCFCFC}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #00AAED}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}
.navbar {
    position: relative;
    margin-bottom: 0px;
    border: 0px solid transparent;
    float: none;
}


.logotipo_mobile{
    display: none
}

.navbar .navbar-collapse {
    text-align: center;
}

.logotipo_botonera{
    width: 150px;
    height: 80px
}
   
@media (max-width: 1370px) {
    .navbar .navbar-nav {
        display: table;
        font-size: 16px;
        margin: 0 auto;
        float: none;
    }
        .navbar-inverse .navbar-nav>li>a { color: #fff;  padding:10px 5px; margin-left:10px }
        .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbarv-nav>li>a:focus { color: #000; margin-left:10px; padding:10px 5px;}
        .navbar .navbar-collapse {
        text-align: left;
    }
      
}


 @media (max-width: 768px) {
     .header_alt_interior {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #ddd;
        z-index: 9980;
        padding: 4px 0px;
        overflow: hidden;
        -webkit-transition: background-color 0.3s;
        -moz-transition: background-color 0.3s;
        transition: background-color 0.3s;
        max-width: 1903px;
        transition: 0.2s all linear;
        z-index: 9999;
        height: auto;
    }
     
   .logotipo_mobile{
        display: block;
       width: 200px;
       padding-left: 50px
    }
       
    .logotipo {
        display: none
    }

    .logotipo_alt {
        display: none
    }       

    .navbar-inverse { margin-top: 0px; padding: 10px 10px; display: block}
    .navbar-toggle {
        position: absolute;
        padding: 9px 10px;
        left: 15px;
        top: 15px;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .navbar-toggle:focus {
      outline: 0;
    }
    .navbar-toggle .icon-bar {  
      display: block;
      width: 22px;
      height: 2px;
      border-radius: 1px;
    }
    .navbar-toggle .icon-bar + .icon-bar {
      margin-top: 4px;
    }

    .header{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #111;
        z-index: 9980;
        padding: 4px 0px;
        overflow: hidden;
        -webkit-transition: background-color 0.3s;
        -moz-transition: background-color 0.3s;
        transition: background-color 0.3s;
        max-width:1903px;
        transition: 0.2s all linear;
        z-index: 9999;
    }  

    .header-alt {
      background-color: #111;
      position: relative;
    }  

        .logotipo {
        margin-top: 5px;
        margin-left: 5px;

    }

    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        font-size:18px;
    }
       
       
    }