
.area-header { background-color:transparent; }
.area-logo { position:absolute; z-index:3; }
.area-social { position:absolute; z-index:3; }
.area-ricerca { position:absolute; z-index:3; }
.form-ricerca { background-color:transparent; border:0px solid; border-bottom:1px solid #ffffff; color:#ffffff; }
.area-telefono { position:absolute; z-index:3; }
.area-menu { position:absolute; z-index:33; }

.navbar-inverse .navbar-nav > li > a { font-family: "Cabin", sans-serif; font-weight:700; color:#333333; }
.navbar-inverse .navbar-nav > li > a:hover { color:#333333; }
.navbar-inverse .navbar-nav > li > a:focus { color:#333333; }
.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:-7px; margin-bottom:0px; margin-top:3px; padding-bottom:5px; }
.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: #ffffff; }
.navbar-inverse .navbar-toggle .icon-bar hover{ background-color: #ffffff; }
.navbar-toggle .icon-bar { width: 28px; }
.navbar-collapse { padding-right:0px; }
.dropdown-menu { z-index:999999; background-color:#ffffff; }
.dropdown-menu > li > a { font-family: "Cabin", sans-serif; font-weight:400; color:#333333; font-size:16px;  }
.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: #333333; }
.dropdown-menu { left:auto; right:0; }
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus  { background-color:transparent; }
.nav>li>a:hover, .nav>li>a:focus { background-color:transparent; }


@media (max-width:767px) {
	
.area-header { min-height:200px; background-image:url("/img/sfondo-header.png"); background-position:-500px 0px; background-repeat:no-repeat; }
.area-logo { position:relative; text-align:center; padding:15px; padding-top:40px; }
.img-logo { width:168px; height:auto; }
.area-telefono { left:5px; top:15px; }
.area-ricerca { left:10px; top:175px; }
.form-ricerca { width:190px; height:32px; padding-left:10px; }
.area-social { right:5px; top:15px; }
.area-menu { left:20px; top: 40px; }

.navbar-inverse .navbar-nav > li > a { font-size:20px;  }
.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; background-color:#ffffff; }
.nav > li > a { padding: 10px 6px; }
.navbar { background-color: transparent; min-height:0px; }
.navbar-collapse { border-top:1px; }
.navbar-nav { margin: 0px 0px 10px 10px;  }
.navbar-collapse { max-height: auto; }
.navbar-inverse .navbar-nav > li > a { color:#333333; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { padding-top:10px; }

.area-header-arredo-urbano { min-height:204px; background-image:url("/img/testata-arredo-urbano.jpg"); background-position:-500px 0px; background-repeat:no-repeat; background-color:#2abf6e; border-bottom:15px solid #2abf6e; }
.area-header-controllo-solare { min-height:204px; background-image:url("/img/testata-controllo-solare.jpg"); background-position:-500px 0px; background-repeat:no-repeat; background-color:#3abdff; border-bottom:15px solid #3abdff; }
.area-header-impianti-elettrici { min-height:204px; background-image:url("/img/testata-impianti-elettrici.jpg"); background-position:-500px 0px; background-repeat:no-repeat; background-color:#3803da; border-bottom:15px solid #3803da; }
.area-header-sicurezza-sul-lavoro { min-height:204px; background-image:url("/img/testata-sicurezza-sul-lavoro.jpg"); background-position:-500px 0px; background-repeat:no-repeat; background-color:#f2af36; border-bottom:15px solid #f2af36; }
.area-header-sistemi-antincendio { min-height:204px; background-image:url("/img/testata-sistemi-antincendio.jpg"); background-position:-500px 0px; background-repeat:no-repeat; background-color:#86011c; border-bottom:15px solid #86011c; }
 }
.area-header-segnaletica-stradale { min-height:204px; background-image:url("/img/testata-segnaletica-stradale.jpg"); background-position:-500px 0px; background-repeat:no-repeat; background-color:#fd7801; border-bottom:15px solid #fd7801; }
 }

@media(min-width:768px) and (max-width:991px) {

.area-header { height:200px; }
.area-logo { top:20px; left:0px; }
.img-logo { width:168px; height:auto; }
.area-telefono { top:69px; left:200px; width:100px; }
.area-social { top:69px; left:780px; width:100px; }
.area-menu { left:890px; top:60px; }
.area-ricerca { top:69px; left:330px; width:400px; }
.form-ricerca { width:350px; }

.sposta-menu-1 { margin-left:12px; }
.sposta-menu-2 { margin-left:0px; }
.sposta-menu-3 { margin-left:12px; }
.sposta-menu-4 { margin-left:12px; }

.area-header-arredo-urbano { height:188px; background-image: url("/img/testata-arredo-urbano.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:10px; }
.area-header-controllo-solare { height:188px; background-image: url("/img/testata-controllo-solare.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:10px; }
.area-header-impianti-elettrici { height:188px; background-image: url("/img/testata-impianti-elettrici.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:10px; }
.area-header-sicurezza-sul-lavoro { height:188px; background-image: url("/img/testata-sicurezza-sul-lavoro.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:10px; }
.area-header-sistemi-antincendio { height:188px; background-image: url("/img/testata-sistemi-antincendio.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:10px; }
.area-header-segnaletica-stradale { height:188px; background-image: url("/img/testata-segnaletica-stradale.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:10px; }
 }


 }

@media(min-width:992px) {

.area-header { height:200px; }
.area-logo { top:20px; left:0px; }
.img-logo { width:168px; height:auto; }
.area-telefono { top:69px; left:200px; width:100px; }
.area-social { top:69px; left:780px; width:100px; }
.area-menu { left:890px; top:60px; }
.area-ricerca { top:69px; left:330px; width:400px; }
.form-ricerca { width:350px; }

.sposta-menu-1 { margin-left:12px; }
.sposta-menu-2 { margin-left:0px; }
.sposta-menu-3 { margin-left:12px; }
.sposta-menu-4 { margin-left:12px; }

.area-header-arredo-urbano { height:188px; background-image: url("/img/testata-arredo-urbano.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:10px; }
.area-header-controllo-solare { height:188px; background-image: url("/img/testata-controllo-solare.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:10px; }
.area-header-impianti-elettrici { height:188px; background-image: url("/img/testata-impianti-elettrici.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:10px; }
.area-header-sicurezza-sul-lavoro { height:188px; background-image: url("/img/testata-sicurezza-sul-lavoro.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:10px; }
.area-header-sistemi-antincendio { height:188px; background-image: url("/img/testata-sistemi-antincendio.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:10px; }
.area-header-segnaletica-stradale { height:188px; background-image: url("/img/testata-segnaletica-stradale.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:10px; }
 }

@media(min-width:1200px) {
	
.area-header { height:200px; }
.area-logo { top:20px; left:0px; }
.img-logo { width:168px; height:auto; }
.area-telefono { top:69px; left:250px; width:100px; }
.area-social { top:69px; left:950px; width:100px; }
.area-menu { left:1140px; top:60px; }
.area-ricerca { top:69px; left:450px; width:400px; }
.form-ricerca { width:350px; }

.sposta-menu-1 { margin-left:12px; }
.sposta-menu-2 { margin-left:48px; }
.sposta-menu-3 { margin-left:60px; }
.sposta-menu-4 { margin-left:72px; }

.area-header-arredo-urbano { height:188px; background-image: url("/img/testata-arredo-urbano.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:10px; }
.area-header-controllo-solare { height:188px; background-image: url("/img/testata-controllo-solare.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:10px; }
.area-header-impianti-elettrici { height:188px; background-image: url("/img/testata-impianti-elettrici.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:10px; }
.area-header-sicurezza-sul-lavoro { height:188px; background-image: url("/img/testata-sicurezza-sul-lavoro.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:10px; }
.area-header-sistemi-antincendio { height:188px; background-image: url("/img/testata-sistemi-antincendio.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:10px; }
.area-header-segnaletica-stradale { height:188px; background-image: url("/img/testata-segnaletica-stradale.jpg"); background-position:top center; background-repeat:no-repeat; padding-top:10px; }
}

