@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: 295px;
}

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.fullcycle {
	display: none;
	float: left;
	width: 632px;
	height: 174px;
}
body.corto div.pannello.fullcycle {
	height: 166px;
}

ul.menu_pannello {
	position: absolute;
	bottom: -39px;
	left: 21px;
	width: 240px;
}
ul.menu_pannello>li {
	width: 100%;
	float: left;
	height: 9px;
	margin-top: 9px;
	line-height: 9px;
	font-size: 11px;
	color: rgb(112, 112, 112);
}
ul.menu_pannello>li>a {
	color: rgb(112, 112, 112);
	color: rgb(255,255,255);
	font-weight: bold;
	cursor: pointer;
}
ul.menu_pannello>li span {
	float: left;
	line-height: 9px;
}
ul.menu_pannello>li span.simboleria {
	margin-right: 6px;
}

ul.menu_pannello>li.video {
	text-transform: uppercase;
}

ul.menu_pannello>li.intro {
	text-transform: uppercase;
}

ul.menu_pannello>li.cycle {
	text-transform: uppercase;
	width: 200px;
}

body.corto ul.menu_pannello {
	bottom: -31px;
}
body.corto ul.menu_pannello>li {
	margin-top: 7px;
}

div.introduzione>cite {
	position: absolute;
	top: 38px;
	left: 21px;
	width: 246px;
	height: 63px;
	line-height: 17px;

	font-size: 11px;
	font-style: normal;
	color: rgb(255,255,255);
}

div.introduzione>span.autore_citazione {
	position: absolute;
	bottom: 15px;
	right: 18px;

	font-size: 10px;
	font-style: normal;
	color: rgb(255,255,255);
}

div.pannello.fullcycle>h3 {
	position: absolute;
	top: 4px;
	left: 21px;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	text-transform: uppercase;
	color: rgb(255,255,255);
}

div.pannello.fullcycle>ul {
	position: absolute;
	top: 42px;

	margin-left: 21px;
	font-size: 11px;
	line-height: 18px;
	width: 240px;
}
body.corto div.pannello.fullcycle>ul {
	top: 38px;
}

div.pannello.fullcycle>ul>li {
	float: left;
	height: 9px;
	margin-bottom: 9px;
	width: 240px;
}

div.pannello.fullcycle>ul>li>a {
	cursor: pointer;
}

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

div.pannello.fullcycle>ul>li>a>span {
	margin-right: 6px;
}

div.pannello.fullcycle>div.filetto {
	position: absolute;
	top: 42px;
	left: 267px;
	height: 117px;
	width: 1px;
	background-color: rgb(112,112,112);
}
body.corto div.pannello.fullcycle>div.filetto {
	top: 38px;
}

div.pannello.fullcycle>div.testo_container {
	position: absolute;
	top: 38px;
	left: 297px;
	height: 122px;
	width: 236px;
}
body.corto div.pannello.fullcycle>div.testo_container {
	top: 36px;
}

div.pannello.fullcycle>div.testo_container>div.testo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 236px;
}

div.pannello.fullcycle>div.testo_container div.testo_alt {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 236px;/*246*/
	display: none;
}

div.slider {
	left: auto;
}

div.slider.testo_su {
	cursor: pointer;
	position: absolute;
	right: 59px;
}

div.slider.middle {
	position: absolute;
	right: 63px;

	width: 1px;
	height: 101px;
	background-color: rgb(112,112,112);
}

div.slider.testo_giu {
	cursor: pointer;
	position: absolute;
	margin-top: 109px;
	right: 59px;
}
body.corto div.slider.testo_giu {
	margin-top: 99px;
}