html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}


html, body {width: 100%;height: 100%;margin:0px;padding:0px;}
body {background:#fff;color:#000;overflow-x: hidden; }
h1, h2, h3, h4, p, ul, li, a {margin:0px;padding:0px;}
h1, h1 a, h2, h3, h4, .sub, .data, .year, .header a, .logo {font-family:'aperc-bold';}
p, li, span, em, div, strong {font-family:'aperc';}
em {font-style: italic;}
ul, li {list-style:none outside;}
a {color:#000;text-decoration: none;cursor: pointer;}
a:hover, a.selected {color: rgb(147,147,154);}
img {border:none;display:block;}

/*--- Pulsanti e stili speciali ---*/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear:both;height: 0;}
* html .clearfix {zoom:1;} /* IE6 */
*:first-child+html .clearfix {zoom:1;} /* IE7 */

.eng {color: rgb(147,147,154);}
.enlight {border-bottom: 2px solid #000;}
.T10 {margin-top: 10px;}
.fallback {padding: 100px;font-size: 30px;line-height: 40px;color: #000;}
.fallback h1 {display:inline-block;margin: 0 0 30px 0;font-size: 50px;line-height: 50px;border-bottom:5px solid #000;}
.fallback a {text-decoration: underline;}

.download {display:block;font-size: 1.5vw;line-height: 2vw;font-weight: normal;margin: 2vw 0 0 0;border: 0.3vw solid #000;padding: 2vw;}
.download a {border-bottom: 2px solid #000}

.home .header {padding: 2% 0 6% 0;text-align: center;}
.home .header ul {display: block;text-align: center;}
.home .header li {display: inline-block;margin: 0 2vw;}
.home .header a {font-size: 2.5vw; line-height: 2.5vw;}

.internal .header {text-align: center;padding: 2% 0 0 0;}
.internal .header li {display: inline-block;margin: 0 0.8vw;}
.internal .header a {font-size: 1.5vw; line-height: 1.5vw;}
.internal .header .logo a {font-size: 6vw;line-height:5vw;}
.internal .header .logo a:hover {color: #000;}

.header .logo {position:relative;display:inline-block;text-align: center;margin:0 0 5px 0;padding:5px 5px 7px 0;}
.header .logo a {display: inline-block;font-size: 6vw;line-height:5vw;letter-spacing:-3px;}
.header .logo span {display: none;}
.header .logo:after {display: block; position: absolute; left: 0; bottom: 0px; width: 100%; height: 0.5vw; background-color: #000; content: ""; }

.header .year {position: fixed;display:block;font-size: 6vw;line-height:5vw;z-index:100;padding:5px 0;}
.header .year20 {bottom: 0;left: 0;line-height: 3vw;padding: 0 0 2.7% 2%;}
.header .year15 {top: 0;right: 0;padding: 2.5% 2% 0 0;}

.header .bg1, .header .bg2 {-webkit-transition: height 2s;-moz-transition: height 2s;transition: height 2s;}
.header .bg1 {position: fixed;top:0;left:0;height: 40vw;z-index:1;}
.header .bg2 {position: fixed;bottom:0;right:-1px;height: 40vw;z-index:1}
.header .bg1.reduced, .header .bg2.reduced {height: 30vw;}

.home .container {position: relative;z-index: 1;}
.home .content {padding: 20px 0 0 0;width: 60%;margin: auto;}
.home .content article h2, .home .content article p {display: none;}
.home .content article {display: table;}
.home .content article.left {float: left;}
.home .content article.right {float: right;}
.home .content .icon img {display: inline-block;width: 90%;-webkit-transition: all 2s ease;-moz-transition: all 2s ease;transition: all 2s ease;}
.home .content article a {display: table-cell;text-align: center;vertical-align: middle;height:100%;}
.home .content article a:hover img {-webkit-filter: brightness(0);filter: brightness(0);}

.home .content article.a1 {width: 50%;height:20vw;margin: 0 0 4vw 0;}
.home .content article.a2 {width: 35%;height:20vw;margin: 0 0 4vw 0;}
.home .content article.a3 {width: 40%;height:20vw;}
.home .content article.a4 {width: 35%;height:20vw;}

.mostre article {margin: 4vw 0 0 0;}
.mostre article:first-child {margin: 0;}
.mostre article h1 a {display: inline;padding: 0;margin:0;border-bottom: 0.3vw solid #000;}

.internal .content {position:relative;z-index: 2;padding: 5vw 0 0 0;}
.content h1, .content h1 a {font-size: 2.5vw;line-height: 3.5vw;margin: 0 0 2vw 0;}

.content strong {display:block;font-size: 1.5vw;line-height: 2vw;font-weight: normal;}
.content strong.cura {font-style: italic;}
.content strong.artisti {margin: 2vw 0 0 0;}

.summary {width: 60%;padding: 3vw 0;margin: auto;}
.summary p {font-size: 1.5vw;line-height: 2vw;margin: 2vw 0 0 0;}

.gallery {margin: 3vw 0 0 0;text-align: center;}
.gallery img {display:inline;width: 100%;}
.gallery .dida {text-align: left;padding: 1vw 0 0 1.5vw;font-size: 1.2vw;line-height: 1.5vw;}
.gallery h2 {font-size: 2.5vw;line-height: 3vw;margin: 0 0 1.5vw 0; }
.gallery h2 a:hover {color: #000;}
.dida em {font-style: italic;}

.archivio h2 {font-size: 2.5vw;line-height: 3vw;font-family: 'aperc-bold',arial;margin:40px 0 0 0;padding:0 0 10px 0;}
.archivio .content strong {font-family: 'aperc';margin: 0;display: block;font-weight: normal;}
.archivio em {display: inline-block;margin: 0.5vw 0 0 0;}
.archivio strong a, .premio strong a {border-bottom: 2px solid #000;}

.info strong {display: block;}

.footer {width:70%; max-width:1280px;margin:auto;padding:40px;font-size: 1.2vw;line-height: 1.5vw;}
.footer .col1 {float:left;width:20%;margin-right:8%;}
.footer .col2 {float:left;width:30%;vertical-align: top; }
.footer .col3 {float:left;width:34%;margin-left:6%; padding-top: 10px;}

.footer p {margin: 10px 0 0 0;}
.footer .col3 p {margin-top: 7px;}
.footer .col3 p:first-child {margin-top:10px;}
.footer strong {display:block;font-family: 'aperc-bold',arial;margin: 20px 0 0 0;}
.footer em {display: block;font-style: italic;margin: 10px 0;}
.footer a {text-decoration: underline;}

.info .footer {display: none;}
.cookies {display:none;position: fixed;bottom: 0;left: 0;width: 100%;background: #000;color: #fff;z-index: 1000;}
.cookies p {padding: 30px;font-size: 1.5vw;line-height: 2vw;}
.cookies u {display:inline-block;text-decoration: none;border-bottom: 2px solid #fff;margin-bottom: 20px;}
.cookies:after {content: 'chiudi';position: absolute;top: 30px;right: 30px;font-size: 1.5vw;line-height: 2vw;cursor:pointer;}

/* Animazioni Homepage */
.hometop {position: relative;width: 100vw;height:100vh;cursor: pointer;}

.intro {position: absolute; height: 100vh; width: 100vw;z-index:20;top:0; } 
.intro div { position: absolute; height: 0; width: 0; overflow: hidden; } 
.intro div img {position: absolute; width: 80vw;height: 80vh; }
.intro div.tl img {left: 10vw; top: 10vh; }

.home .logo h1 {position:relative;display:inline-block;font-size: 6vw;line-height:5vw;text-align: center;letter-spacing:-3px;margin:0;padding:5px 5px 7px 0;}
.home .logo h1 span {display: none;}
.home .logo h1:after {display: block; position: absolute; left: 0; bottom: 0px; width: 0; height: 0.5vw; background-color: #000; content: ""; }
.home span.sub {display: block;font-size: 1.5vw; line-height: 1.5vw;margin: 5px 0 0 0;}

.home .logo {position:relative;display:table-cell;width: 100vw; height:100vh;overflow:hidden;text-align: center;vertical-align: middle;background: transparent;z-index:100;}
.home .logo h1 {opacity:0;-webkit-animation: opacity 1.25s forwards;animation: opacity 1.25s forwards;}
.home .logo h1:after {-webkit-animation: logoUnderline 1.5s forwards;animation: logoUnderline 1.5s forwards;-webkit-animation-delay: 0.5s;animation-delay: 0.5s; }
.home .logo span.sub {opacity:0;-webkit-animation: opacity 0.75s forwards;animation: opacity 0.75s forwards;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}

#shape1 {z-index: 10;top:0;left:0;
    -webkit-animation: animateAll 1.5s steps(100) forwards;animation: animateAll 1.5s steps(100) forwards;-webkit-animation-delay: 2s;animation-delay: 2s;
}
#shape2 {z-index: 10;top:0;left:0;
    -webkit-animation: animateAll 1.5s steps(100) forwards;animation: animateAll 1.5s steps(100) forwards;-webkit-animation-delay: 3.5s;animation-delay: 3.5s;
}
#shape3 {z-index: 3;top:0;left:0;
    -webkit-animation: animateAll 1s steps(100) forwards;animation: animateAll 1s steps(100) forwards;-webkit-animation-delay: 5.5s;animation-delay: 5.5s;
}
#shape4 {z-index: 4;bottom:0;right:0;
    -webkit-animation: animateAll 1s steps(100) forwards;animation: animateAll 1s steps(100) forwards;-webkit-animation-delay: 5.5s;animation-delay: 5.5s;
}
#shape4 img {bottom:10vh;right:10vw;}

#shape5 {z-index: 5;top:0;right:0;height:100vh;
    -webkit-animation: animateHor 0.3s steps(100) forwards;animation: animateHor 0.3s steps(100) forwards;-webkit-animation-delay: 7s;animation-delay: 7s;
}
#shape5 img {top:10vh;right:10vw;}

#shape6 {z-index: 6;top:0;left:0;width:100vw;
    -webkit-animation: animateVer 0.3s steps(100) forwards;animation: animateVer 0.3s steps(100) forwards;-webkit-animation-delay: 7s;animation-delay: 7s;
}
#shape7 {z-index: 7;top:0;left:0;height:100vh;
    -webkit-animation: animateHor 0.3s steps(100) forwards;animation: animateHor 0.3s steps(100) forwards;-webkit-animation-delay: 7s;animation-delay: 7s;
}

.data {position:fixed; font-size: 2.5vw;}
.data.left {left: -20%; top: 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); margin: 0 0 0 -4%;}
.data.right {right: -20%; top: 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); margin: 0 -4% 0 0;}
.home .data.left {-webkit-animation: enterleft 0.75s forwards;animation: enterleft 0.75s forwards;-webkit-animation-delay: 7.5s;animation-delay: 7.5s;}
.home .data.right {-webkit-animation: enterright 0.75s forwards;animation: enterright 0.75s forwards;-webkit-animation-delay: 7.5s;animation-delay: 7.5s;}

.home .year {position: fixed;display:block;font-size: 6vw;line-height:5vw;z-index:100;padding:5px 0;}
.home .year20 {bottom: -20%;left: 0;line-height: 3vw;padding: 0 0 2.7% 2%;}
.home .year15 {top: -20%;right:0; padding: 2.5% 2% 0 0;}
.home .year15 {-webkit-animation: entertop 0.75s forwards;animation: entertop 0.75s forwards;-webkit-animation-delay: 7.5s;animation-delay: 7.5s;}
.home .year20 {-webkit-animation: enterbottom 0.75s forwards;animation: enterbottom 0.75s forwards;-webkit-animation-delay: 7.5s;animation-delay: 7.5s;}


@-webkit-keyframes enterleft {
    from { left: -25%; }
    to { left: 0; }
}
@keyframes enterleft {
    from { left: -25%; }
    to { left: 0; }
}
@-webkit-keyframes enterright {
    from { right: -25%; }
    to { right: 0; }
}
@keyframes enterright {
    from { right: -25%; }
    to { right: 0; }
}
@-webkit-keyframes entertop {
    from { top: -25%; }
    to { top: 0; }
}
@keyframes entertop {
    from { top: -25%; }
    to { top: 0; }
}
@-webkit-keyframes enterbottom {
    from { bottom: -25%; }
    to { bottom: 0; }
}
@keyframes enterbottom {
    from { bottom: -25%; }
    to { bottom: 0; }
}

@-webkit-keyframes opacity {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes opacity {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes logoUnderline {
    from { width: 0; }
    to { width: 100%; }
}
@keyframes logoUnderline {
    from { width: 0; }
    to { width: 100%; }
}

@-webkit-keyframes animateVer {
    from { height: 0; }
    to { height: 100%; }
}
@keyframes animateVer {
    from { height: 0; }
    to { height: 100%; }
}

@-webkit-keyframes animateHor {
    from { width: 0; }
    to { width: 100%; }
}
@keyframes animateHor {
    from { width: 0; }
    to { width: 100%; }
}

@-webkit-keyframes animateAll {
    0% { width: 0;height: 0; }
    50% { width: 50%;height: 100%; }
    100% {width: 100%;height: 100%; }
}
@keyframes animateAll {
    0% { width: 0;height: 0; }
    50% { width: 50%;height: 100%; }
    100% {width: 100%;height: 100%; }
}

@font-face{ 
    font-family: 'aperc';
    src: url('fonts/apercu-webfont.eot');
    src: url('fonts/apercu-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/apercu-webfont.woff') format('woff'),
         url('fonts/apercu-webfont.ttf') format('truetype'),
         url('fonts/apercu-webfont.svg#webfont') format('svg');
}
@font-face{ 
    font-family: 'aperc-bold';
    src: url('fonts/apercu-bold-webfont.eot');
    src: url('fonts/apercu-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/apercu-bold-webfont.woff') format('woff'),
         url('fonts/apercu-bold-webfont.ttf') format('truetype'),
         url('fonts/apercu-bold-webfont.svg#webfont') format('svg');
}

@media (max-width: 532px) {
    .internal .header {margin-top: 2vw;padding: 0;}
    .header .logo {padding-bottom: 0;}
    .header .logo a, .internal .header .logo a {font-size: 20vw; line-height: 20vw;}
    .header .menu li {display: inline-block;margin: 0 2vw;}
    .header .menu a {font-size: 4.5vw; line-height: 4.5vw;}
    .header .logo:after, .home .logo h1:after {height: 1.5vw; width: 100%;}

    .menu.fixed {position: fixed;width: 100%;top:0;left:0%;padding: 4% 0;background: #fff;z-index:1000;}
    
    .hometop {cursor: default;width: auto;height: auto;}
    .home .header {padding: 5px 0 6% 0;}
    .home .logo h1 {font-size: 20vw;line-height:20vw;margin-top: 2vw;padding: 5px 5px 0 0;}
    .home span.sub {display: none;}
    .home .logo {position:relative;display:block;width: auto; height:auto;overflow: auto;padding-bottom: 1px;}
    .home .logo h1 {opacity:0;}
    .home .logo h1:after {width:0; }

    .intro, .header .bg1, .header .bg2, .header .year, .home .year, .data {display: none; }

    .home .content {width: 90%;}
    .summary {width: 90%;}
    .summary p {font-size: 4.5vw;line-height: 6.5vw;margin: 5vw 0 5vw 0;}

    .gallery .dida {font-size: 3vw;line-height: 4vw;}
    .gallery h2 {font-size: 4.5vw;line-height: 6.5vw; }

    .archivio h2 {font-size: 4.5vw;line-height: 6.5vw;}
    .archivio strong a, .premio strong a {border-bottom: 1px solid #000;}

    .home .content article.left, .home .content article.right {float: none;}
    .home .content article.a1 {width: 100%;height:auto;margin: 5vw 0 0 0;}
    .home .content article.a2 {width: 70%;height:auto;margin: 10vw 0 0 15%;}
    .home .content article.a3 {width: 80%;height:auto;margin: 10vw 0 0 10%;}
    .home .content article.a4 {width: 70%;height:auto;margin: 10vw 0 0 15%;}

    .content h1, .content h1 a {font-size: 5vw;line-height: 7vw;margin: 5vw 0 2vw 0;}
    .content strong, .download {font-size: 4.5vw;line-height: 6.5vw;}
    .content strong.cura {font-style: italic;}
    .content strong.artisti {margin: 5vw 0 0 0;}

    .mostre article h1 a {border-bottom: 2px solid #000;}
    .gallery {margin: 0;padding: 4vw 0;}

    .footer {display: none;width: 90%;font-size: 4.5vw;line-height: 6.5vw;padding:0;}
    .footer .col1, .footer .col2, .footer .col3 {float:none;width:100%;margin:0;padding: 0 0 4vw 0;}
    .footer .col3 {display: none;}
}