body {
    padding: 0;
    margin: 0;
    font-family: 'GrotesqueMTStdLight', Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.43em;
    background-color: rgb(255,255,255); 
    width: 100%;
    height: 100%;
    filter:Alpha(opacity=0.1);
    opacity:0.1;
    text-rendering: optimizelegibility;
}


/* SECTION
--------------------------------------------------------------- */

html, 
.scroller,
.scroller section { 
    font-family: 'GrotesqueMTStdLight', Helvetica, Arial, sans-serif;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;

}

/* background-attachment does the trick */
.scroller section {
    position: relative;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;    
}         

.no-touch .scroller section {
    background-attachment: fixed;
}

#section-home {
    color: rgb(0,0,0);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;   
    cursor:pointer;

}

#section-works {
    height: auto; 
    display: none;
}

/* GENERAL
--------------------------------------------------------------- */
#main-container {
    width: 100%;
    height: 100%;
    padding: 0;
}


a {
    font-family: 'GrotesqueMTStdRegular', Helvetica, Arial, sans-serif;
    color: rgb(0,0,0);
    text-decoration: none;
}

a.general {
    color: rgb(0,0,0);
    border-bottom: 1px dotted rgb(0,0,0);
    text-decoration: none;
}

a:hover.general {
    color: rgb(0,0,0);
    border-bottom: 0px dotted rgb(0,0,0);;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

p {
    padding: 0;
    margin: 0;
}
/* GRID
--------------------------------------------------------------- */
.c05, .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
    display:inline-block;
    float:left;
    margin-right:16px;
    min-height: 16px;
}

.c05 { width:   40px; }
.c1  { width:   96px; }
.c2  { width:  208px; }
.c3  { width:  320px; }
.c4  { width:  432px; }
.c5  { width:  544px; }
.c6  { width:  656px; }
.c7  { width:  768px; }
.c8  { width:  880px; }
.c9  { width:  992px; }
.c10 { width: 1104px; }
.c_last {
    margin-right:0;
}

.row {
    margin-bottom: 0px !important;
    width:auto;
    width: 1104px;
    overflow: visible;
    padding-left: 0;  
    margin-left: 60px; 
}

/* clearfix hack */
.row:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
}
.row:last-child {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}


/* CLEAR
--------------------------------------------------------------- */
.clear {
    clear: both;
}

/* HEADER
--------------------------------------------------------------- */
#header {
    height:auto !important;
    color: rgb(0,0,0);
    padding-top: 10px; 
    padding-bottom: 10px;  
    background-color: rgba(255,255,255,1);
}

/* H
--------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
}

/* PAGES
--------------------------------------------------------------- */

#container {
    margin-top: 80px;
    width: 1104px;
}

/* COMMON
--------------------------------------------------------------- */
.thumb {
    height: 96px;
    margin-bottom: 15px;
}

.thumb a{
    text-decoration: none;
    border: none;
}

.thumb_dettaglio {
    margin-bottom: 0px;
    width: 544px;
    height: 544px;
}

p.didascalia_dettaglio {

}

.thumb_dettaglio img{
    padding-bottom: 20px;

}

.content_hide_article {
    padding-bottom: 0px;
}

a.lingua {
    font-family: 'GrotesqueMTStdLight', Helvetica, Arial, sans-serif;  
}

a.heading {
    font-family: 'GrotesqueMTStdLight', Helvetica, Arial, sans-serif;
    line-height: 22px;
    cursor:pointer;
    border-bottom: 1px dotted rgb(150,150,150); 
}

a:hover.heading {
    line-height: 22px;
    border-bottom: none;
}

.selezionato {
    border-bottom: 1px dotted rgb(150,150,150);
}

.pb10 {
    padding-bottom: 10px;
}

.pb20 {
    padding-bottom: 20px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}
.mt10 {
    margin-top: 10px;
}

.mt60 {
    margin-top:60px;
}

.mt70 {
    margin-top:70px;
}

.mt80 {
    margin-top: 80px;
}

.mt5 {
    margin-top: 5px;
}

img.img_home {
    max-width: 100%;
    max-height: 100%;
}

img.img_home_resize {
    max-width: 77%;
    max-height: 77%;
}

img.dettaglio_quadrato {
    max-height: 432px;
	/* max-width: 992px; >removed 07.01.2019 (before 03.04.2018)*/
}

img.dettaglio_orrizontale {
    max-width: 544px;
	max-height: 544px;
	/* max-width: 992px; >removed 07.01.2019 (before 03.04.2018)*/
}

img.dettaglio_verticale {
	max-width: 544px;
    max-height: 544px;
	/* max-height: 992px; >removed 07.01.2019 (before 03.04.2018)*/
}

p.information{
    padding:0;
    margin:0;
    text-align: left;  
}

.arrow{
	font-size:18px;}

a:hover.arrow{
    text-decoration: none;
    border-bottom: none;
}

p.content {
    padding:0;
    margin:0;
    text-align: left;  
}

p.content_bibliografia {
    padding:0;
    margin:0;
    text-align: left;  
}


a.nav {
}

a:hover.nav {
    border-bottom: 1px dotted rgb(150,150,150);
}

a.nav_active {
    border-bottom: 1px dotted rgb(150,150,150);
}

a.nav_logo_active {
    border-bottom: 1px solid rgb(0,0,0);
}

a:hover.nav_logo{
    border-bottom: 1px solid rgb(0,0,0);
}

a.nav_logo {
    width: 96px;
}

.nav_logo_home {
    font-family: 'GrotesqueMTStdLight', Helvetica, Arial, sans-serif;
    font-size: 19px;
}


.titolo {
    font-family: 'GrotesqueMTStdRegular', Helvetica, Arial, sans-serif;
    padding:0;
    margin:0;
    text-align: left;     
}

.reg {
    font-weight: 300;
}

br {
    line-height: 15px;
}

p.telefono_fisso:before{
    display:block;
    color: rgb(0,0,0);
    content:'+41 76 615 93 91';
    float: right;
    margin-right:198px;
}

p.telefono_mobile:before{
    display:block;
    color: rgb(0,0,0);
    content:'+41 91 796 13 55';
    float: right;
    margin-right:198px;
}



/* DEBUG
--------------------------------------------------------------- */
.debug {
    background-color: rgba(236,105,241,10);
}



/* MEDIA Q
--------------------------------------------------------------- */


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #cover_image {
        width: 768px;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #cover_image {
        width: 768px;
    }
}


@media only screen and (min-width : 1224px) {

    .scroller section {
        position: relative;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: scroll;
        -webkit-overflow-scrolling:touch;    
    }  
}

/*Iphone 4*/
@media screen and (device-aspect-ratio: 2/3) {
    .scroller section {
        position: relative;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: scroll;
        -webkit-overflow-scrolling:touch;    
    } 
     #cover_image {
        width: 768px;
    }    
}

@media screen and (max-width: 480px) {
    .scroller section {
        position: relative;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: scroll;
        -webkit-overflow-scrolling:touch;    
    }  
    #cover_image {
        width: 768px;
    }       
}