body { margin: 0; padding: 0; background-color: #000; color: #FFF; font-family: 'Droid Sans', sans-serif; font-size: 14px; overflow: hidden; }
a { color: #FFF; text-decoration: none; }
a:hover { color: #CCC; }
img { border: 0; display: block; max-width: 100%; height: auto; }
p { text-align: justify; margin: 0 0 10px 0; padding: 0; line-height: 130%; }
h1 { color: #FFF; font-size: 16px; line-height: 40px; margin: 0 0 30px 0; padding: 0; border-bottom: 3px solid #FFF; }

/* STRUTTURA */
#contenitore { width: 1160px; margin-left: auto; margin-right: auto; }
#contenuto { height: 560px; margin-bottom: 30px; }
#menu { position: relative; height: 100px; }
#credits { position: absolute; bottom: 0; width: 50%; line-height: 20px; font-size: 11px; }
#credits { right: 0; text-align: right; }

/* MENU */
#menu > ul { list-style-type: none; margin: 0; padding: 0; }
#menu li { float: left; width: 212px; height: 56px; border-right: 3px solid #FFF; }
#menu li > a { display: block; padding-left: 10px; font-family: 'Carrois Gothic SC', sans-serif; font-size: 16px; text-decoration: none; }
#menu li > a:hover { color: #CCC; }
#menu li.logo { width: 297px; font-size: 24px; }
#menu li.logo > a { padding: 0; }

/* CREDITS */
#privato > a,
#credits > a { color: #555; text-decoration: none; }

/* TUTTI I LAYOUT */
.col-a,
.col-b { height: 560px; }

/* LAYOUT N.1 (HOME e PROGETTI) */
.layout-a > .col-a { float: left; width: 270px; }
.layout-a > .col-b { float: right; width: 860px; }

/* LAYOUT N.2 (BIO) */

.layout-b > .col-a { float: left; width: 700px; }
.layout-b > .col-b { float: right; width: 430px; }

/* LAYOUT N.3 (STUDIO e CONTATTI) */

.layout-c > .col-a { float: left; width: 485px; height: 487px; }
.layout-c > .col-b { float: right; width: 645px; height: 487px; }

/* CONTATTI */
.contatti .col-b { height: 487px; position: relative; }
.contatti .col-b p { line-height: 170%; }
#mappa { position: absolute; bottom: 0; left: 0; }
#mappa > iframe { width: 645px; height: 250px; border: 0; }

/* LISTA GRANDE */
ul.big { list-style-type: none; margin: 30px 0 0 0; padding: 0; }
ul.big > li { border-bottom: 1px solid #FFF; margin: 0; padding: 0; line-height: 30px; }
ul.big > li > a { text-decoration: none; }
ul.big > li.margine { margin-bottom: 144px; }

/* LISTA SCORREVOLE */
#scroll-up, #scroll-dw { line-height: 14px; text-align: center; }
#scroll-up > i, #scroll-dw > i { cursor: pointer; }
#scroll { height: 532px; overflow: hidden; }
#scroll:hover { overflow-y: scroll; }
#scroll > ul { list-style-type: none; margin: 0; padding: 0; }
#scroll > ul > li { border-bottom: 1px solid #FFF; margin: 0; padding: 0; }
#scroll > ul > li > a { line-height: 30px; display: block; text-decoration: none; font-size: 12px; }
/*#scroll > ul > li > a:visited { color: #777; }*/

/* TESTO SCORREVOLE */
#text-up, #text-dw { line-height: 14px; }
#text-up > i, #text-dw > i { cursor: pointer; }
#text { height: 525px; margin: 5px 0 2px; overflow: hidden; }
#text h1 { line-height: 24px; font-size: 16px; border-bottom: 1px solid #FFF; padding-bottom: 15px; margin-bottom: 15px; }
#text p { line-height: 24px; margin: 0; padding: 0; }

/* SLIDESHOW */
.cycle-slideshow { height: 560px; overflow: hidden; }
.cycle-slideshow.imgclick img { cursor: pointer; }
.cycle-slideshow img { max-width: 100%; max-height: 100%; width: auto; height: auto; }

/* GALLERY */
#gallery { position: relative; background: url(../img/preload.gif) no-repeat center center; }
#gallery-next, #gallery-prev { position: absolute; top: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #FFF; cursor: pointer; }
#gallery-next.dis, #gallery-prev.dis { color: #333; }
#gallery-prev { right: -20px; }
#gallery-next { right: -40px; }
#gallery > ul { list-style-type: none; margin: 0; padding: 0; height: 100%; }
#gallery li { display: none; height: 100%; }
#gallery li.cur { display: block; }
#gallery li > img { max-width: 100%; max-height: 100%; width: auto; height: auto; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; margin: 0 auto; }

/* ATTVITA */
.attivita img { max-width: 100%; max-height: 100%; width: auto; height: auto; }

/* DISABILITO HIGHLIGHT */
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*
VARIE
*/
a.italico, .collab { font-size: 12px; font-style: italic; }
.solo-mobile { display: none; }
a.sottolineato { text-decoration: underline; }

/*
SCHERMO UN PO' PIU' PICCOLO
*/
@media only screen and (max-width: 1024px), screen and (max-height: 700px) {

#contenitore { width: 960px; }
#contenuto, .col-a, .col-b { height: 430px; }
#menu li { width: 162px; }

.layout-a > .col-a { width: 270px; }
.layout-a > .col-b { width: 660px; }

.layout-b > .col-a { width: 600px; }
.layout-b > .col-b { width: 330px; }

.layout-c > .col-a { width: 435px; height: 357px; }
.layout-c > .col-b { width: 495px; height: 357px; }

.cycle-slideshow { height: 430px; }

#scroll { height: 402px; }
#text { height: 395px; }

ul.big > li.margine { margin-bottom: 104px; }

#mappa { position: absolute; bottom: 0; left: 0; }
#mappa > iframe { width: 495px; height: 150px; border: 0; }

}

/* Preloader */

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#000; /* change if the mask should have another color then white */
    z-index: 99999999; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../img/preload.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}