@import "pannello.css";
@import "slideshow.css";
@import "textscroller.css";
@import "simboleria.css";
@import "cinema.css";

div.titolo {
	width: 129px;
}

div.testo {
	display: block;
}

div.pannello_container {
	bottom: auto;
	top: 352px;
	width: auto;
	height: auto;
}

body.corto div.pannello_container {
	top: 294px;
}

div.pannello.introduzione {
	float: left;
	width: 302px;
	height: 138px;
}

div.testo_introduzione {
	position: absolute;
	top: 38px;
	left: 339px;

	width: 266px;
	height: 94px;
	font-size: 11px;
	line-height: 17px;
	color: rgb(201, 201, 201);
}

div.pannello.ourvalues {
	display: none;
	float: left;
	width: 632px;
	height: 152px;
}

div.pannello.ourvalues>ul {
	position: absolute;
	top: 9px;
	left: 21px;
	font-size: 11px;

	width: 500px;
}

div.pannello.ourvalues>ul>li {
	float: left;

	margin-right: 29px;
	height: 8px;
}

div.pannello.ourvalues>ul>li>a {
	font-weight: bold;
	cursor: pointer;
}

div.pannello.ourvalues>ul>li>a>span {
	float: left;
	font-size: 11px;
	line-height: 9px;
	text-transform: uppercase;
	color: rgb(255,255,255);
}

div.pannello.ourvalues>div.testo_container div.testo_alt {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 338px;
}

a.video {
	position: absolute;

	bottom: -23px;
	left: 21px;

	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: rgb(98, 98, 98);
	color: rgb(255,255,255);

	cursor: pointer;
}

a.video>span {
	float: left;
	line-height: 8px;
}

a.video>span:first-child {
	margin-right: 6px;
	line-height: 9px;
}

body.corto div.payload>img.foto,
body.corto div.payload>img.slideshow {
	position: absolute;
	top: -20px; 
	left: 0px;
	clip: rect(20px 1000px 338px 0px);
}