@charset "utf-8";
/* CSS Document */

body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}


header{	width:990px; height:70px;}

#logo{	width:511px; float:left; height:28px; padding:4px 0 0 0; text-align:right; font-size:21px;	letter-spacing:0px;}
#logo a{ text-decoration:none; color:#000;}

#content{
	margin:7px 0 0 0;
	width:990px;
}

.clear{
	clear:both;
}

section{
	font-size:11px;
	line-height:18px;
}

section a{
	color:#000000;
	text-decoration:none;
}

section.img-principale{ width:521px; height:357px; padding-top:2px; float:left; text-align:right; padding-right:5px; margin-left:-7px; background: url(../immagini/bg-border.jpg) no-repeat top right;}

section.video{
	float:left;
	height:414px;
	width:274px;
	padding:38px 7px 0 7px;
	background:url(../immagini/bg-border.jpg) no-repeat top right;
	text-align:right;
}

section.evidenza{
	float:left;
	width:218px;
	height:378px;
	padding:77px 6px 0 6px;
	text-align:left;
	background:url(../immagini/bg-border.jpg) no-repeat top right;
}

section.evidenza2{
	float:left;
	width:218px;
	height:378px;
	padding:0px 6px 0 6px;
	text-align:left;
	background:url(../immagini/bg-border.jpg) no-repeat top right;
}

section.social{ width:511px; float:left;}
section.social ul{ padding:1px 0 0 0; margin:0;}
section.social ul li{ list-style:none; float:right; margin-left:5px;}

nav.contact{ width:467px; float:right; font-size: 21px; line-height:21px; color:#e0a559;}
nav.contact a{ text-decoration:none;}


.text{
	margin:2px 0 24px 0;
}

.text_opere{
	margin:2px 0 0 0;
}

.text1{
	margin:4px 0 17px 0;
}


.immagine{
	margin:0 0 0 0;
	padding:0;
	height:154px;
}

#video{
	margin:0 0 0 0;
	padding:0;
	height:154px;
}

#botton{
	position:absolute;
	width:274px;
	height:154px;
	z-index:4;
}

#botton:hover{
	position:absolute;
	width:274px;
	height:154px;
	z-index:4;
	background:url(../immagini/play-video-hover.png) no-repeat;
}

#blank{
	position:absolute;
	width:216px;
	height:154px;
	z-index:20;
}

#slider, #slider3{
	width:217px;
	margin:0 0 0 0;
}

#slider2{
	width:217px;
	margin:2px 0 42px 0;
}


section.focus{
	float:left;
	width:216px;
	height:450px;
	padding:0 7px 0 7px;
	background:url(../immagini/bg-border.jpg) no-repeat top right;
}

section.introduzione{
	float:left;
	width:218px;
	height:407px;
	padding:33px 6px 0 6px;
	background:url(../immagini/bg-border.jpg) no-repeat top right;
}

#lingue ul li.contact{
	margin:0 0 0 0px;
	padding:0 5px;
	float:left;
	display:block;
	width:auto;
	list-style:none;
	color:#b2b2b2;
}

#lingue ul li.contact a{
	color:#b2b2b2;
}

#text-box b{
	color:#666666;
}


/* SLIDESHOW */

#intro {
    position:relative;
    height:154px;
}

#intro IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#intro IMG.active {
    z-index:10;
    opacity:1.0;
}

#intro IMG.last-active {
    z-index:9;
}


#realizzazioni, #realizzazioni2, #realizzazioni3, #realizzazioni4{
    position:relative;
    height:154px;
}
#realizzazioni IMG.active, #realizzazioni2 IMG.active, #realizzazioni3 IMG.active{
    z-index:10;
    opacity:1.0;
}

#realizzazioni IMG.last-active, #realizzazioni2 IMG.last-active, #realizzazioni3 IMG.last-active {
    z-index:9;
}

#realizzazioni IMG, #realizzazioni2 IMG, #realizzazioni3 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#primo-piano{
	height:154px;
}



#video-start{
	position:absolute;
	z-index:60;
	width:274px;
	height:154px;
	background: url(../immagini/start-video.jpg) no-repeat;
}

#play-video{
	position:absolute;
	z-index:50;
}

#play-video a img{
	border:0;
	text-decoration:none;
}

#play-video img a:hover{
}

#anteprima-video {
    height:154px;
}

#anteprima-video IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#anteprima-video a img{
	border:0;
	text-decoration:none;
}

#anteprima-video IMG.active {
    z-index:10;
    opacity:1.0;
	background:url(../immagini/video-biennaleB.gif) no-repeat;
}

#anteprima-video IMG.last-active {
    z-index:9;
}

#lingue{
	position:fixed;
	height:14px;
	width:900px;
	margin:540px 0 0 202px;
	color:#7b7b7b;
	font-size:11px;
}

#lingue ul{
	margin:0;
	padding:0;
}

#lingue ul.foot-sx{
	margin:0;
	padding:0;
	width:450px;
	float:right;
}

#lingue ul.foot-dx{
	margin:0;
	padding:0;
	width:450px;
	float:right;
}

#lingue ul li{
	margin:0;
	padding:0;
	float:right;
	display:block;
	width:20px;
	list-style:none;
}

#lingue ul li.dati{
	margin:0 0 0 5px;
	padding:0;
	float:right;
	display:block;
	width:97px;
	list-style:none;
	color:#b2b2b2;
}

#lingue ul li.termini{
	margin:0;
	padding:0;
	float:right;
	display:block;
	width:126px;
	list-style:none;
	color:#b2b2b2;
}

#lingue ul li.termini a{
	color:#b2b2b2;
}


#lingue ul li a{
	color:#7b7b7b;
	text-decoration:none;
}



#lingue ul li.social{
	float:left;
	width:auto;
	margin:-3px 0 0 8px;
}

#lingue ul li.gplus{
	float:left;
	width:120px;
	height:40px;
	margin:-3px 0 0 8px;
}

nav.mainmenu{
	width:467px;
	float:right;
	padding:4px 0 0 0;
	height:29px;
	font-size:21px;
}

nav.mainmenu ul{
	padding:0;
	margin:0;
}

nav.mainmenu ul li.active{
	color:#000;
}

nav.mainmenu ul li{
	float:left;
	list-style:none;
	margin:0 12px 0 0;
	color:#b9b9b9;
}

nav.mainmenu ul li.active{
	color:#000;
}

nav.mainmenu ul li a{
	color:#b9b9b9;
	text-decoration:none;
}

footer{
	position:absolute;
	bottom:-204px;
	height:40px;
	left:50%;
	margin-left:-23px;
	width:450px;
	color:#7b7b7b;
	font-size:11px;
}


footer ul{
	margin:0;
	padding:0;
}


footer ul li{
	margin:0 0 0 7px;
	padding:0;
	display:block;
	width:auto;
	list-style:none;
	text-align:left;
}

footer ul.foot-sx{
	margin:0 0 0 0;
	padding:0;
	width:450px;
}

footer ul.foot-sx li{
	margin:0 0px 0 13px;
	padding:0;
	float:left;
	color:#b2b2b2;
}

footer ul.foot-dx{
	margin:19px 0 0 0px;
	padding:0 0 0 51px;
	width:400px;
}

footer ul.foot-sx li.lang{
	margin:0 10px 0 -2px;
	text-align:right;
	width:15px;
	padding:0;
	float:left;
	color:#7b7b7b;
}

footer ul.foot-sx li.langEN{
	margin:0 2px 0 -2px;
	text-align:right;
	width:15px;
	padding:0;
	float:left;
	color:#7b7b7b;
}

footer ul.foot-sx li.langEN a{	color:#7b7b7b;}

footer ul.foot-sx li.lang a{ color:#7b7b7b;}

footer ul.foot-sx li a{
	color:#b2b2b2;
	text-decoration:none;
}

footer ul li.social{
	float:left;
	width:auto;
	margin:-3px 13px 0 0px;
}

footer ul li.socialIN{
	float:left;
	width:auto;
	margin:-3px 13px 0 3px;
}



@media screen  and (min-width: 768px) {
#layout{position:relative; height:420px; width:990px; margin:10px auto 0 auto;}
}

@media screen  and (min-width: 1024px) {
#layout{position:absolute; height:420px; left:50%; top:50%; width:990px; margin:-301px 0 0 -496px;}
}