/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    background-color: #000;
    opacity:0.8;
/*    background-image: url("../img/bg_menu.png") !important;
    background-repeat: repeat;*/
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight:400;
    font-size:10px;
    letter-spacing:2px;
}

.navbar-custom .navbar-brand {
    font-weight: 400;
}

.navbar-custom .navbar-brand:focus {
    outline: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-custom a {
    color: #fff;
}

.navbar-custom .nav li.active {
    outline: nonte;
    background-color: rgba(255,255,255,.3);
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a.active {
    outline: 0;
    /* background-color: rgba(255,255,255,.3); */
    background-color: rgba(51,51,51,.8);
}

/* formatta il dropdown menu */
.dropdown-menu {
    background-color: #aaa;
    border:0px;
    font-size: 10px;
    filter: alpha(opacity=80);
    opacity: .8;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #fff !important;
}

.navbar-nav .open .dropdown-menu {
    background-color:#000;
}

.navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
}

.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
  color: #aaaaaa;
}

/* desktop e tablet */
@media(min-width:767px) {
    .navbar {
        padding: 35px 0px 5px 0px;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
        background-color: #000 !important;
    }

    .navbar-custom.top-nav-collapse {
        border-bottom: 1px solid rgba(255,255,255,.3);
    }

    .navbar-brand {
        padding-top:9px;
    }

    .top-page {
        background-color:#555; color:#fff; height:30px; width:100%; padding:0px; margin:0px; position:fixed; top:0px; z-index:2000; border:0px;
        -webkit-transition: height .5s ease-in-out;
        -moz-transition: height .5s ease-in-out;
        transition: height .1s ease;
    }

    .top-page p {
        overflow:hidden;
        margin:0px;
        padding:0px 30px;
        border:0px solid red;
    }

    .top-page-hide {
      height:0px;
      overflow:hidden;
    }

    .top-barra-loghi {
      top:0px;
    }

    /* voce di menu */
    #menu-estates {
        display:none;
    }

}

/* smartphone */
@media(max-width:767px) {
    
    /* barra in alto */
    #estates {
        display:none;
    }
    
    /* sezione estates */
    #estates-mobile {
        display: block !important;
    }

    /* nasconde barra divisoria lingue */
    #barra-lingue {
        display:none;
    }

}