.area-header { width:100%; background-image:url("/img/sfondo.jpg"); background-position:top center; background-repeat:y-repeat;  }
.area-logo { position:absolute; z-index:3; }
.area-bottoni { position:absolute; z-index:3333; }
.carousel-absolute { position:absolute; z-index:5; text-align:center; }

.area-titolo-pannello { position:absolute; z-index:3; }
.interno-pannello { text-align:center; }

.navbar-inverse .navbar-nav > li > a { font-family: "Ubuntu", sans-serif; font-weight: 700; font-style: normal; color:#535f44; }
.navbar-inverse .navbar-nav > li > a:hover { color:#b9c7a9; }
.navbar-inverse .navbar-nav > li > a:focus { color:#b9c7a9; }
.navbar { border-radius: 0px; border:0px; margin-bottom:0px; background-color:transparent; z-index:8; }
.navbar-inverse { border-color:transparent; z-index:8; }
.navbar-collapse {  padding-left: 0px; min-height:auto; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; z-index:8; }
.navbar-inverse .navbar-toggle { border-color: transparent; }
.navbar-toggle { background-color: transparent; margin-right:0px; margin-bottom:0px; margin-top:18px; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color:transparent; margin-top:5px; }
.navbar-inverse .navbar-toggle .icon-bar { background-color: #000000; }
.navbar-inverse .navbar-toggle .icon-bar hover{ background-color: #000000; }
.navbar-toggle .icon-bar { width: 28px; }
.navbar-collapse { padding-right:0px; }

.nav-tabs { border-bottom: 0px; float:right; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 0px; padding-top:0px; text-decoration:none; }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #000000; }
.dropdown-menu { left:auto; right:0; }

.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: transparent; }



@media (max-width:767px) {

.area-header { min-height:122px; }
.area-logo { position:relative; text-align:left; padding-top:30px; }
.img-logo { width:256px; height:auto; }
.area-bottoni { top:15px; right:15px; }
.bottoni-separa { margin-left:15px; }
.carousel-absolute { top:100px; width:96%; }

.navbar-inverse .navbar-nav > li > a { font-size:14px;  }
.navbar-inverse .navbar-nav > li > a {  background-color:transparent; }
.navbar-inverse .navbar-nav > li > a:hover { background-color:transparent; background-image:none; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { text-align:left; }
.nav > li > a { padding: 6px 6px; }
.navbar { background-color: transparent; min-height:0px; margin-top:-70px; }
.navbar-collapse { border-top:1px; }
.navbar-nav { margin: 30px 0px 10px 10px;  }
.navbar-collapse { max-height: auto; }
.navbar-inverse .navbar-nav > li > a { font-size:16px; }


}


@media(min-width:768px) and (max-width:991px) {

.area-header { height:212px; }	
.area-logo { top:31px; left:50%; margin-left:-128px; width:256px; height:70px; }
.img-logo { width:256px; height:auto; }
.area-bottoni { top:140px; right:0px; }
.bottoni-separa { margin-left:10px; }
.carousel-absolute { top:50px; width:96%; }

.area-menu { top:62px; right:0px; }
.area-ricerca { top:77px; left:200px; }
.textbox-ricerca { width:200px; }

.area-testata-interna { height:140px; }


.navbar-inverse .navbar-nav > li > a { font-size:16px; }
.navbar {  padding-top:150px; }
.nav > li > a { padding: 0px 6px; }	
}


@media(min-width:992px) {	

.area-header { height:212px; }	
.img-logo { width:256px; height:auto; }
.area-bottoni { top:140px; right:0px; }
.bottoni-separa { margin-left:10px; }
.carousel-absolute { top:150px; width:96%; }

.area-titolo-pannello { top:50px; left:50%; margin-left:-146px; }
.interno-pannello { margin-top:50px; }

.navbar-inverse .navbar-nav > li > a { font-size:14px; }
.navbar {  padding-top:150px; }
.nav > li > a { padding: 0px 28px; }
}


@media(min-width:1200px) {	

.area-header { height:112px; }	
.area-logo { top:20px; left:0px; width:256px; height:70px; }
.img-logo { width:256px; height:auto; }
.area-bottoni { top:32px; right:0px; }
.bottoni-separa { margin-left:10px; }
.carousel-absolute { top:250px; width:96%; }

.area-titolo-pannello { top:150px; left:50%; margin-left:-146px; }
.interno-pannello { margin-top:50px; }

.navbar-inverse .navbar-nav > li > a { font-size:14px; }
.navbar {  padding-top:42px; padding-left:290px; }
.nav > li > a { padding: 0px 34px; }



}