body { background-color: #dce0dd; color: #000; text-align: center; }
a { color: #000; text-decoration: none; }
.btn { display:none;}

#header { position: fixed; top: 0px; left: 0px; width: 100%;background-color: #dce0dd; z-index: 999;}
#header h1 { padding-top: 60px;}
h1 img { width: 350px;}
#wrapper { padding-top: 170px;}

/* MENU GLOBALE */
#menu-globale, #menu-globale li { margin: 0px; padding: 0px; list-style-type:none;}
/*
#menu-globale { position: absolute; left: 0px; top: 0px; width: 100%; padding-top: 20px;}
 */
#menu-globale li { display: inline; padding-right: 20px; text-transform: lowercase;}


/* HOME */
.container-fluid { padding-left: 60px; padding-right: 45px;}
#wrapper article { margin-bottom: 0px; padding-bottom: 0px;}
.foto  { padding: 20px;}
.foto img { width: 100%; height:auto;}
.foto a { color: #000; text-transform: uppercase; text-decoration: underline;}
.foto a:hover { text-decoration: none; }

/* ISOTOPE */
/* fluid 5 columns */
.grid-sizer, .grid-item { width: 33%; padding-bottom: 1%; overflow:hidden; }
.grid-item  { display: inline-block;}
.grid-item-d { width: 25%; padding-bottom: 1%; }
.grid-item img, .grid-item-d img { width: 100%; padding: 5%; padding-bottom: 20px; height: auto;}
.grid { width: 100% !important;}
.grid  .grid-item:first-child, .grid  .grid-item:nth-child(3) { padding-top: 5%;}
.grid-item p img { width: 30px; padding: 0px; margin-right: 10px; vertical-align: middle; padding-bottom: 5px;}
/* FANCYBOX */
.fancybox-overlay, .fancybox-skin {background-color: #000 !important; color: #fff !important;}

/* CONTATTI */
.page-contact .img img {width: 350px; height: auto; padding-top:30px;}
.page-contact h3 { text-decoration: underline;}

/* FOOTER */
footer {  font-size: 10px; }

#download { font-weight: bold; padding-top: 60px; padding-bottom: 30px; }
.download img {width: 100%; height: auto;}

@media (max-width: 1200px) {
.grid-item-d { width: 33%; padding-bottom: 1%; }
}

@media (max-width: 768px) {
	.btn {display:block;  position: fixed; right: 20px; top: 20px; width: 40px; background-color: transparent; padding: 0px; cursor: pointer; }
.btn img { width: 100%;}

/*
#menu-globale{ position: fixed; right: 20px; left: auto; top: 50px; background-color: #fff; width: 120px; padding-bottom: 10px; text-align: left; padding-left: 10px;}
 */

.grid-item-d { width: 50%; padding-bottom: 1%; }
}

@media (max-width: 570px) {
.grid-item, .grid-item-d { width: 100%; padding-bottom: 1%; }
.fancybox-nav { display:none; }
/*
h1 img#menu-globale{ position: fixed; right: 20px; left: auto; top: 50px; background-color: #fff; width: 120px; padding-bottom: 10px; text-align: left; padding-left: 10px;}
*/
#header h1 { padding-top: 40px;}
h1 img { width: 60%;}
#wrapper {padding-top: 120px;}
.container-fluid { padding-left: 20px;  padding-right: 20px;}

.page-contact #content { padding: 30px;}
.page-contact #content br { display:none;}
.page-contact .img img {width: 100%;}

#menu-container { margin-top: 120px; padding-bottom: 20px;}
#menu-globale li { display:block; margin-bottom: 4px; margin-top: 3px;}
.navbar-nav>li>a { margin-bottom: 0px; padding: 0px;}
.navbar-nav>li>a:hover { color: #000; text-decoration: underline;}

#menu-globale li { padding-right:0px;}
 }
/*
.menu #menu-globale {display:none;}
.menu.in #menu-globale {display:block;}
*/
.navbar-toggle .icon-bar {border-bottom:2px solid #000;width:100%;}
.navbar-toggle {padding:0;width:40px;position:absolute;top:15px;right:20px;}
.nav>li>a:hover, .nav>li>a:focus {background-color:transparent;}
#menu-globale {float:none !important;display:inline-block;}
#menu-container {position:absolute;top:0;width:96%;left:2%;background-color:#dce0dd}
#menu-opener {z-index:10}