.area-header { background-image:url("/img/sfondo-header.jpg"); background-position:top center; }
.area-header2 { background-image:url("/img/sfondo-header2.jpg"); background-position:top center; }
.area-logo { position:absolute; z-index:3; text-align:center; width:100% }
.area-bl { position:absolute; z-index:3; }
.area-facebook { position:absolute; z-index:3; text-align:center; }
.summer-camp { position:absolute; z-index:3; width:100%; text-align:center; }
.area-youtube { position:absolute; z-index:333; }

.navbar-inverse .navbar-nav > li > a { font-family: 'Paytone One', sans-serif; color:#ffffff; font-size:400; }
.navbar-inverse .navbar-nav > li > a:hover { color:#ffcb0d; }
.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: #ffffff; z-index:8; }
.navbar-inverse .navbar-toggle { border-color: transparent; }
.navbar-toggle { background-color: #ffffff; margin-right:0px; margin-bottom:0px; margin-top:15px; margin-left:10px; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #ffffff; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color:transparent; margin-top:5px; }
.navbar-inverse .navbar-toggle .icon-bar { background-color: #1c4199; }
.navbar-inverse .navbar-toggle .icon-bar hover{ background-color: #1c4199; }
.navbar-toggle .icon-bar { width: 28px; }
.navbar-collapse { padding-right:0px; }
.dropdown-menu > li > a { font-style:italic; }

.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:5px; text-decoration:none; }


@media (max-width:767px) {
.area-header { height:400px; }
.area-header { background-image:url("/img/sfondo-header-smartphone.jpg"); background-position:top center; }
.area-logo { margin-top:5px; text-align:left; position:relative; }
.area-bl { top:0px; right:20px; }
.area-facebook { top:77px; right:10px; width:137px; height:55px; background-image:url("/img/facebook-768.png"); padding-top:8px; }
.area-youtube  { top:77px; left:90px; width:120px; height:50px; }
.img-youtube  { width:120px; height:50px; }
.summer-camp { display:none; }

.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; }
.navbar-toggle { float: left; }
.navbar-nav { margin: 8px 0px; background-color:rgba(0,0,0,0.5); }
.nav > li > a { padding: 6px 6px; }
.navbar { background-color: transparent; }
.navbar-collapse { max-height: auto; }
.img-logo { height:85px;;  }
.riga-grigia { border-top:1px solid #5d5d5d; margin-top:30px; }
.img-bl { height:70px; }
}

@media(min-width:768px) and (max-width:991px) {
.area-header { height:578px; }
.area-header { background-image:url("/img/sfondo-header-768.jpg"); background-position:top center; }
.area-logo { top:0px; }
.area-bl { top:0px; right:10px; }
.area-facebook { top:92px; right:0px; width:137px; height:55px; background-image:url("/img/facebook-768.png"); padding-top:8px; }
.area-youtube { top:137px; right:2px; width:134px; height:55px; }
.img-youtube { width:134px; height:55px; }
.summer-camp { top:240px; }

.navbar-inverse .navbar-nav > li > a { font-size:18px; }
.navbar { margin-top:118px; height:60px; }
.nav { padding-right:0px; }
.nav > li > a { padding: 0px 9px; }
.img-logo { width:184px; height:auto; }
.img-bl { height:85px; }
}

@media(min-width:992px) {
.area-header { height:778px; }
.area-logo { top:12px; }
.area-bl { top:12px; right:30px; }
.area-facebook { top:120px; right:0px; width:152px; height:61px; background-image:url("/img/facebook.png"); padding-top:9px; }
.summer-camp { top:340px; }
.area-youtube { top:170px; right:2px; width:146px; height:61px; }
.img-youtube { width:146px; height:61px; }

.navbar-inverse .navbar-nav > li > a { font-size:20px; }
.navbar { margin-top:163px; height:30px; }
.nav { padding-right:0px; }
.nav > li > a { padding: 0px 20px; }
.img-logo { width:224px; height:auto; }

}

@media(min-width:1200px) {
.area-header { height:778px; }
.area-logo { top:12px; }
.area-bl { top:12px; right:30px; }
.area-facebook { top:125px; right:30px; width:152px; height:61px; background-image:url("/img/facebook.png"); padding-top:9px; }
.area-youtube { top:175px; right:32px; width:146px; height:61px; }
.img-youtube { width:146px; height:61px; }
.summer-camp { top:340px; }
.area-header2 { height:255px; }

.navbar-inverse .navbar-nav > li > a { font-size:23px; }
.navbar { margin-top:163px; height:30px; }
.nav { padding-right:0px; }
.nav > li > a { padding: 0px 30px; }
.img-logo { width:224px; height:auto; }

}