.navbar-menu{
    background:#A7A888;
    height:30px;
    margin:10px 0px;
    padding:0px;
}
#nav-menu{
    z-index:102;
    /*margin-top:15px;*/
}
.navbar{
  margin-bottom:0px;  
}
.navbar-inverse{
    background-color:#A7A888;
    height:30px;
}
.navbar-collapse#menu-collapse-1{
    padding:0px;
    border:0px;
    display:none;
}
.navbar-toggle.dropdown{
    display:inline;
    position:absolute;
    right:0;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle{
    border: 0 none;
    float: right;
    margin: 0;
    right: 0;
    padding:7px;
    background:#000000;
    border-radius:0px;
    /*border-left:1px solid #CCCCCC;*/
}
.navbar-default .navbar-toggle:hover{
    text-decoration:underline;
}
.navbar-default .navbar-toggle a,
.navbar-default .navbar-toggle a:link,
.navbar-default .navbar-toggle a:visited{
    color:#FFFFFF;
    text-decoration:none;
}
.navbar-default .navbar-toggle a:hover{
    text-decoration:underline;
}

@media( min-width:1024px ){
    .navbar-toggle.dropdown{
        display:none !important;
    }
    .navbar-collapse#menu-collapse-1{
        display:inline !important;
    }
}

/*
@media (max-width: 780px){
    .navbar-collapse{
        display:inline !important;    
    }
    .navbar-toggle.dropdown{
        display:none !important;    
    }
    .navbar-collapse.collapse#menu-collapse-1{
        display:none !important;
    }
}

.navbar-toggle.dropdown{
    display:inline;
    background:#000000;
    color:#FFFFFF;
}
.navbar-toggle.dropdown a,
.navbar-toggle.dropdown a:link,
.navbar-toggle.dropdown a:visited{
    color:#FFFFFF;
    text-decoration:none;
    border:none !important;
}
*/
.navbar{
    border:none !important;
}
.navbar-nav{
    margin:0px;
}
.navbar-toggle{
    /*background-color: #FFFFFF;*/
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    /*border-radius: 4px;*/
    float: right;
    margin-bottom: 8px;
    margin-right: 14px;
    margin-top: 8px;
    /*padding: 9px 10px;*/
    position: relative;
}
.navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}
.navbar-default .navbar-nav > li > a{
    color:#FFFFFF;
}

.navbar-nav > li.home-messaggero{
    background:#000000;
    display:none;
}
/*tab sport*/
.navbar#navbar-menu{
    min-height:30px;
    /*z-index:10000;*/
}
#navbar-menu{
    padding:0px;
    /*background-color:#666666;*/
    /*background-color:#000000;*/
    background-color:#A7A888;
    display:none;
}
#toggle-sport-menu{
    display:block;
}
/*menu table e smartphone*/
#navbar-menu-toggle{
    display:none;
    padding:0px;
    min-height:0px;
    background-color:transparent;
    z-index:1000;
}
.absolute-navbar{
    position:absolute;
    right:0;
    top:30px;
}
.absolute-navbar  ul > li{
    clear:both;
    width:100%;
    /*background:#000000 !important;*/
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border:none;
}

#navbar-menu-toggle ul,
#navbar-menu-toggle ul > li{
    clear:both;
    width:100%;
}
#navbar-menu-toggle .nav.menu > li a{
    padding:10px 13px !important;
}

/* schermi grandi */
@media (min-width: 768px)  {
    #navbar-menu{
        display:block;
    }
    /* menu tablet e smartphone */
    #navbar-menu-toggle{
        display:none;
    }
    #toggle-sport-menu{
        display:none;
    }
}
#menu{
    padding:0px;
}
.navbar{
    border-radius:0px 0px 0px 0px;
    /*margin-bottom:8px;*/
}
/*fix per togliere il margine quando la fisso sul top*/
#navbar-menu.black{
    margin-bottom:0px;
}
.nav.menu{
    cursor:pointer;
}

.nav.menu > li > a{
    line-height:21px;
}

.nav.menu > li.home,
.nav.menu > li.cinema,
.nav.menu > li.televisione,
.nav.menu > li.musica,
.nav.menu > li.teatro,
.nav.menu > li.eventi,
.nav.menu > li.mostre,
.nav.menu > li.libri,
.nav.menu > li.roma,
.nav.menu > li.autitorium,
.nav.menu > li.macro{
    background-color:#A7A888;
}

.nav.menu > li.home{
    border-left:5px solid #426F69;
    /*background:#A7A888;*/
}
.nav.menu > li.home a:hover,
.nav.menu > li.selected.home{
    background:#426F69 !important;
    color:#FFFFFF;
}
/*sui device metto il bordo a sinistra*/
@media(min-width: 768px){
    .nav.menu > li.home{
        border:none;
        border-bottom:5px solid #426F69;
    }
}

.black{
    background-color:#000000 !important;
}

/* tab cinema */
.nav.menu > li.cinema{
    border-left:5px solid #FF7300;
}
.nav.menu > li.cinema:hover{
    background:#FF7300;
}
.nav.menu > li.cinema a:hover,
.nav.menu > li.selected.cinema{
    background:#FF7300 !important;
    color:#FFFFFF;
}
/*sui device metto il bordo a sinistra*/
@media(min-width: 768px){
    .nav.menu > li.cinema{
        border:none;
        border-bottom:5px solid #FF7300;
    }
}

/* tab televisione */
.nav.menu > li.televisione{
    border-left:5px solid #D6C900;
}
.nav.menu > li.televisione:hover{
    background:#D6C900;
}
.nav.menu > li.televisione a:hover,
.nav.menu > li.televisione.selected{
    background:#D6C900 !important;
    color:#FFFFFF;
}
/*sui device metto il bordo a sinistra*/
@media(min-width: 768px){
    .nav.menu > li.televisione{
        border:none;
        border-bottom:5px solid #D6C900;
    }
}


/* tab musica */
.nav.menu > li.musica{
    border-left:5px solid #BC0000;
}
.nav.menu > li.musica:hover{
    background:#BC0000;
}
.nav.menu > li.musica a:hover,
.nav.menu > li.musica.selected{
    background:#BC0000 !important;
    color:#FFFFFF;
}
/*sui device metto il bordo a sinistra*/
@media(min-width: 768px){
    .nav.menu > li.musica{
        border:none;
        border-bottom:5px solid #BC0000;
    }
}



/* tab teatro */
.nav.menu > li.teatro{
    border-left:5px solid #013087;
}
.nav.menu > li.teatro:hover{
    background:#013087;
}
.nav.menu > li.teatro a:hover,
.nav.menu > li.teatro.selected{
    background:#013087 !important;
    color:#FFFFFF;
}
/*sui device metto il bordo a sinistra*/
@media(min-width: 768px){
    .nav.menu > li.teatro{
        border:none;
        border-bottom:5px solid #013087;
    }
}



/* tab eventi */
.nav.menu > li.eventi{
    border-left:5px solid #BC00AD;
}
.nav.menu > li.eventi:hover{
    background:#BC00AD;
}
.nav.menu > li.eventi a:hover,
.nav.menu > li.eventi.selected{
    background:#BC00AD !important;
    color:#FFFFFF;
}
/*sui device metto il bordo a sinistra*/
@media(min-width: 768px){
    .nav.menu > li.eventi{
        border:none;
        border-bottom:5px solid #BC00AD;
    }
}


/* tab mostre */
.nav.menu > li.mostre{
    border-left:5px solid #337A00;
}
.nav.menu > li.mostre:hover{
    background:#337A00;
}
.nav.menu > li.mostre a:hover,
.nav.menu > li.mostre.selected{
    background:#337A00 !important;
    color:#FFFFFF;
}
/*sui device metto il bordo a sinistra*/
@media(min-width: 768px){
    .nav.menu > li.mostre{
        border:none;
        border-bottom:5px solid #337A00;
    }
}


/* tab libri */
.nav.menu > li.libri{
    border-left:5px solid #0095EA;
}
.nav.menu > li.libri:hover{
    background:#0095EA;
}
.nav.menu > li.libri a:hover,
.nav.menu > li.libri.selected{
    background:#0095EA !important;
    color:#FFFFFF;
}
/*sui device metto il bordo a sinistra*/
@media(min-width: 768px){
    .nav.menu > li.libri{
        border:none;
        border-bottom:5px solid #0095EA;
    }
}


/* tab roma */
.nav.menu > li.roma{
    border-left:5px solid #888888;
}
.nav.menu > li.roma:hover{
    background:#888888;
}
.nav.menu > li.roma a:hover,
.nav.menu > li.roma.selected{
    background:#888888 !important;
    color:#FFFFFF;
}
/*sui device metto il bordo a sinistra*/
@media(min-width: 768px){
    .nav.menu > li.roma{
        border:none;
        border-bottom:5px solid #888888;
    }
}


/* tab auditorium */
.nav.menu > li.auditorium{
    border-left:5px solid #333333;
	background:#333333;
}
.nav.menu > li.auditorium:hover{
    background:#333333;
}
.nav.menu > li.auditorium a:hover,
.nav.menu > li.auditorium.selected{
    background:#333333 !important;
    color:#FFFFFF;
}
/*sui device metto il bordo a sinistra*/
@media(min-width: 768px){
    .nav.menu > li.auditorium{
        border:none;
        border-bottom:5px solid #333333;
    }
}


/* tab macro */
.nav.menu > li.macro{
    border-left:5px solid #666666;
	background:#666666 !important;
}
.nav.menu > li.macro:hover{
    background:#666666;
}
.nav.menu > li.macro a:hover,
.nav.menu > li.macro.selected{
    background:#666666 !important;
    color:#FFFFFF;
}
/*sui device metto il bordo a sinistra*/
@media(min-width: 768px){
    .nav.menu > li.macro{
        border:none;
        border-bottom:5px solid #666666;
    }
}



.nav.menu > li.black a{
    padding:5px 16px;
}
.nav.menu > li a{
    padding:5px 19px;
}
.nav.menu > li.home-messaggero a{
    padding:5px 7px;
}






/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 640px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
     .nav.menu > li a{
        padding:4px 10px 5px 22px;
        font-size:13px;
    }
	.nav.menu > li.black a{
		padding:5px 10px;
	}
    header{
        margin-bottom:15px;
    }
}
/* fix per visualizzarlo correttamente anche su browser */
@media ( min-width:640px ) and (max-width : 1024px) 
{
      .nav.menu > li a{
        padding:4px 10px 5px 15px;
        font-size:13px;
    }
    header{
        margin-bottom:15px;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
    .nav.menu > li a{
        padding:4px 10px 5px 31px;		
    }
     header{
        margin-bottom:15px;
    }
}

/*toggler mobile*/
#navbar-menu-toggle{
    position: fixed;
    opacity:0.9;
    right: 0;
    top:50px;
    /*z-index: 10000;*/
}
#toggler-ipad{
    padding-top:7px;
}
.nav.menu > li.black{
    background-color:#000000;
}