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

div.main {
	display: none;
}

div.pannello_container {
	display: block;
	bottom: -164px;
	width: 334px;
	height: 188px;
}

div.testo_container {
	position: absolute;
	top: 40px;
	bottom: 27px;
	left: 21px;
	right: 21px;
	height: 121px;
	width: 292px;
}

ul.thumbnails {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 121px;
	margin-left: 0px;
}

ul.thumbnails>li {
	float: left;
	width: 86px;
	height: 121px;
	margin-right: 18px;
	cursor: pointer;
}

div.pannello_container>div.simboleria.freccia {
	position: absolute;
	bottom: 10px;
	cursor: pointer;
	z-index: 101;
}

div.pannello_container>.simboleria.freccia.sx {
	left: 21px;
}
div.pannello_container>.simboleria.freccia.dx {
	right: 21px;
}

span.intro {
	position: absolute;
	top: 9px;
	margin-top: -2px;
	left: 21px;
	color: rgb(201,201,201);
	z-index: 101;
}

div.ghost {
	display: none;
}
div.frecce.zoom {
}

div.frecce.zoom>div.simboleria.freccia {
	position: absolute;
	left: 50%;
	bottom: -20px;
	cursor: pointer;
	display: none;
}

.cinema>#video>div.dida {
	position: absolute;
	bottom: 17px;
	width: 248px;

	line-height: 17px;
	font-size: 11px;
	text-transform: uppercase;
	color: rgb(201,201,201);
}

.cinema>#video>img {
	height: 538px;
}

body.corto .cinema>#video>img {
	height: 480px;
}