@charset "utf-8";
*.stretchedMargin {
	display: block;
	position:absolute;
	height:auto;
	bottom:0;
	top:0;
	left:0;
	right:0;
}


		#sfondo-css{
		position:absolute;
		height:100%;
		width: 100%;
		margin: 0;
		padding: 0;
		z-index: 1;
		}
.margin-top-50per {
	margin-top: 28%;
}
#footer  {
	position: absolute;
	z-index: 2;
	height: 8.4%;
	left: 0px;
	right: 0px;
	width: 100%;
	top: 91.4%;
	display: inline;
	font-weight: bold;
}
#footer  a  {
	color: #FFFFFF;
	text-decoration: none;
}
#footer  #footerBlock1  {
	background-color: #000000;
	float: left;
	width: 19.8%;
	margin-left: 2.3%;
	margin-top: 1%;
	height: 35%;
	padding: 0.3%;
}
#footer  #footerBlock2  {
	background-color: #000000;
	float: left;
	width: 19.8%;
	margin-left: 4.6%;
	margin-top: 1%;
	height: 35%;
	padding: 0.3%;
}
#footer  #footerBlock3  {
	background-color: #000000;
	float: left;
	width: 19.8%;
	margin-left: 4.6%;
	margin-top: 1%;
	height: 35%;
	padding: 0.3%;
}
#footer  #footerBlock4  {
	background-color: #000000;
	float: left;
	width: 19.8%;
	margin-left: 4.6%;
	margin-top: 1%;
	height: 35%;
	padding: 0.3%;
}
.sottBianco {
	color: #FFFFFF;
	text-decoration: underline;
}
.sottNero {
	color: #000000;
	text-decoration: underline;
}
.sottolineato {
	text-decoration: underline;
}




.grassetto {
}
.corsivo {
	font-style: italic;
}
.grassettoCorsivo {
	font-style: italic;
	font-weight: bold;
}




.smallFont {
	font-size: 85%;
}

.floatRight {
	float: right;
	position: relative;
}

.floatLeft {
	float: left;
	position: relative;
}
.sottNeroCors {
	color: #000000;
	text-decoration: underline;
	font-style: italic;
}
.margin-left-15px {
	margin-left: 15px;
}
.centrato {
	text-align: center;
}
.testoRepertorio {
	font-size: 0.85em;
}
.biancoGrassetto {
	font-weight: bold;
	color: #FFFFFF;
}

.homepage #headBlock1 {
	float: left;
	height: 2.4%;
	width: 25%;
	background-color: #0072CF;
}
.homepage #headBlock2 {
	background-color: #00C590;
	float: left;
	height: 2.4%;
	width: 25%;
}
.homepage #headBlock3 {
	background-color: #B628BF;
	float: left;
	height: 2.4%;
	width: 25%;
}
.homepage #headBlock4 {
	background-color: #FF5A00;
	float: left;
	height: 2.4%;
	width: 25%;
}
.homepage #titolo {
	z-index: 2;
	height: 56.6%;
	left: 0px;
	top: 2.4%;
	right: 0px;
	width: 100%;
	font-size: 650%;
	margin-left: 10%;
	font-weight: bold;
}

.homepage #sezioni {
	position: absolute;
	z-index: 2;
	height: 32.4%;
	left: 0px;
	top: 59%;
	right: 0px;
	width: 100%;
	font-weight: bold;
	font-size: 160%;
}
.homepage #sezioni a {
	color: #FFFFFF;
	text-decoration: none;
}
.homepage #sezioni #sezBlock1 {
	background-color: #0072CF;
	float: left;
	width: 25%;
	height: 100%;
	text-align: center;
}
.homepage #sezioni #sezBlock2 {
	background-color: #00C590;
	float: left;
	width: 25%;
	height: 100%;
	text-align: center;
}

.homepage #sezioni #sezBlock3 {
	background-color: #B628BF;
	float: left;
	width: 25%;
	height: 100%;
	text-align: center;
}
.homepage #sezioni #sezBlock4 {
	background-color: #FF5A00;
	float: left;
	width: 25%;
	height: 100%;
	text-align: center;
}
.homepage #container {
	position: absolute;
	z-index: 3;
	top:0px;
	left: 0px;
	bottom: 0px;
	right:0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
		}
.homepage #container a{
		color: white;
		}
.homepage #primoPiano {
	overflow: auto;
	position: absolute;
	z-index: 3;
	height: 70%;
	width: 86%;
	left: 7%;
	top: 20%;
	right: 7%;
	bottom: 10%;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 110%;
}
.homepage #primoPiano p {
	margin-top: 15px;
	margin-right: 25px;
	margin-bottom: 15px;
	margin-left: 25px;
}



.homepage #primoPiano h2 {
	color: #FF0000;
	letter-spacing: 1.3em;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 15px;
	margin-left: 25px;
	font-size: 170%;
}
.homepage #primoPiano h3 {
	color: #FF0000;
	margin-top: 15px;
	margin-right: 25px;
	margin-bottom: 15px;
	margin-left: 25px;
	font-size: 140%;
}
.homepage #container #primoPiano a:hover {
	color: #FF0000;
}
.homepage #footer .active {
	color: #FF0000;
}
.doblaje #container #sidebar {
	float: left;
	width: 200px;
	padding-left: 10px;
	position: absolute;
	height: 91.4%;
	left: 0px;
	top: 0px;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.3em;
}
.doblaje #container #titolo {
	position: absolute;
	text-align: right;
	left: 210px;
	height: 30%;
	width: 77%;
}
.doblaje #container #titolo #nome {
	font-size: 550%;
	font-weight: bold;
	color: #000000;
}
.doblaje #container #titolo #sezione {
	font-size: 300%;
	font-weight: bold;
	color: #FFFFFF;
}
.doblaje #container #breadcrumb {
	height: 2%;
	width: 70%;
	position: absolute;
	left: 210px;
	font-size: 80%;
	font-weight: bold;
	top: 30%;
}
.doblaje #container #breadcrumb a {
	color: #FFFFFF;
	text-decoration: none;
}
.doblaje  #container  #mainContent {
	float: left;
	height: 58.4%;
	overflow: auto;
	position: absolute;
	top: 33%;
	left: 210px;
	right: 0px;
	z-index: 3;
	visibility: visible;
	background-color: #00C590;
	font-size: 110%;
}
.doblaje #container #mainContent p {
	margin: 15px;
}

.doblaje #container #mainContent h2 {
	padding: 15px;
	font-size: 170%;
}
.doblaje #container #mainContent table {
	padding-right: 15px;
	padding-left: 15px;
}
.doblaje  #container  #mainContent  #rientro {
	margin-left: 30px;
}
.doblaje #container #mainContent #firma {
	text-align: right;
}
.doblaje #container #mainContent a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.doblaje #container #mainContent a #linkTesto {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.doblaje #container #mainContent a:hover #linkTesto {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.doblaje #container #mainContent a #linkSimbol {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.doblaje #container #mainContent a:hover #linkSimbol {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}



.musica #container #sidebar {
	float: left;
	width: 200px;
	padding-left: 10px;
	position: absolute;
	left: 0px;
	bottom: 9%;
	font-size: 0.9em;
	overflow: auto;
	top: 0px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.2em;
}
.musica #container #sidebar a {
	color: #000000;
}

.musica #container #sidebar a:hover {
	color: #FFFFFF;
}

.musica #container #sidebar .grassetto a {
	color: #000000;
}

.musica #container #titolo {
	position: absolute;
	text-align: right;
	left: 210px;
	height: 30%;
	width: 77%;
}
.musica #container #titolo #nome {
	font-size: 550%;
	font-weight: bold;
	color: #000000;
}
.musica #container #titolo #sezione {
	font-size: 300%;
	font-weight: bold;
	color: #FFFFFF;
}
.musica #container #breadcrumb {
	height: 2%;
	width: 70%;
	position: absolute;
	left: 210px;
	font-size: 80%;
	font-weight: bold;
	top: 30%;
}
.musica #container #breadcrumb a {
	color: #FFFFFF;
	text-decoration: none;
}
.musica #container #mainContent {
	float: left;
	height: 58.4%;
	overflow: auto;
	position: absolute;
	top: 33%;
	left: 210px;
	right: 0px;
	z-index: 3;
	visibility: visible;
	background-color: #0072CF;
	font-size: 110%;
}
.musica #container #mainContent .grassetto {
	font-weight: bold;
}

.musica #container #mainContent a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.musica #container #mainContent a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.musica #container #mainContent a #linkSimbol {
	color: #000000;
}
.musica #container #mainContent a:hover #linkSimbol {
	color: #FFFFFF;
}



.musica #container #mainContent #rientro {
	margin-left: 30px;
}
.musica #container #mainContent #leftMain {
	width: 48%;
	position: absolute;
	left: 0px;
	padding: 10px;
	top: 0px;
}
.musica #container #mainContent #rightMain {
	width: 48%;
	position: absolute;
	left: 49%;
	padding: 10px;
	top: 0px;
}
.musica #container #mainContent h2 {
	text-transform: uppercase;
	margin-right: 15px;
	margin-left: 15px;
	font-size: 170%;
}

.musica #container #mainContent p {
	margin-right: 15px;
	margin-left: 15px;
}
.musica #container #mainContent h3 {
	margin-right: 15px;
	margin-left: 15px;
}


.musica #mainContent .grassettoCorsivo {
	font-style: italic;
	font-weight: bold;
}

.musica #container #mainContent #titoloRepertorio {
	font-weight: bold;
	letter-spacing: 2.5em;
	text-align: center;
	margin-bottom: 0px;
	color: #FFFFFF;
}
.musica #container #mainContent #sottotitoloRepertorio {
	font-size: 0.8em;
	text-align: center;
	margin-bottom: 25px;
}
.musica #container #mainContent li {
	margin-right: 10px;
	margin-left: 10px;
	list-style-type: disc;
}
.literatura  #container  #sidebar {
	float: left;
	width: 200px;
	padding-left: 10px;
	position: absolute;
	height: 91.4%;
	left: 0px;
	top: 0px;
	color: #FFFFFF;
	line-height: 1.3em;
	font-size: 0.9em;
}
.literatura  #container  #titolo {
	position: absolute;
	text-align: right;
	left: 210px;
	height: 30%;
	width: 77%;
}
.literatura  #container  #titolo  #nome {
	font-size: 550%;
	font-weight: bold;
	color: #000000;
}
.literatura  #container  #titolo  #sezione {
	font-size: 300%;
	font-weight: bold;
	color: #FFFFFF;
}
.literatura  #container  #breadcrumb {
	height: 2%;
	width: 70%;
	position: absolute;
	left: 210px;
	font-size: 80%;
	font-weight: bold;
	top: 30%;
}
.literatura  #container  #breadcrumb  a {
	color: #FFFFFF;
	text-decoration: none;
}
.literatura   #container   #mainContent {
	float: left;
	height: 58.4%;
	overflow: auto;
	position: absolute;
	top: 33%;
	left: 210px;
	right: 0px;
	z-index: 3;
	visibility: visible;
	background-color: #BC34BA;
	font-size: 110%;
}
.literatura   #container   #mainContent   a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.literatura #container #mainContent p {
	margin-right: 15px;
	margin-left: 15px;
}
.literatura #container #mainContent h2 {
	font-size: 170%;
}

.literatura #mainContent a #linkSimbol {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.literatura #mainContent a:hover #linkSimbol {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
.literatura #mainContent a #linkTesto {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.literatura #mainContent a:hover #linkTesto {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.tintin #container #mainContent #lacasa {
	margin-left: 60px;
}
.tintin #container #sidebar {
	float: left;
	width: 200px;
	padding-left: 10px;
	position: absolute;
	height: 91.4%;
	left: 0px;
	top: 0px;
	color: #000000;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.3em;
}
.tintin #container #sidebar a {
	color: #FFFFFF;
	text-decoration: none;
}

.tintin #container #titolo {
	position: absolute;
	text-align: right;
	left: 210px;
	height: 30%;
	width: 77%;
}
.tintin #container #titolo #nome {
	font-size: 550%;
	font-weight: bold;
	color: #000000;
}
.tintin #container #titolo #sezione {
	font-size: 300%;
	font-weight: bold;
	color: #FFFFFF;
}
.tintin #container #breadcrumb {
	height: 2%;
	width: 70%;
	position: absolute;
	left: 210px;
	font-size: 80%;
	font-weight: bold;
	top: 30%;
}
.tintin #container #breadcrumb a {
	color: #FFFFFF;
	text-decoration: none;
}
.tintin #container #mainContent {
	float: left;
	height: 58.4%;
	overflow: auto;
	position: absolute;
	top: 33%;
	left: 210px;
	right: 0px;
	z-index: 3;
	visibility: visible;
	background-color: #FF5A00;
	font-size: 110%;
}
.tintin #container #mainContent a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.tintin  #container  a  #linkSimbol {
	font-weight: bold;
	color: #000000;
}
.tintin  #container  a:hover  #linkSimbol {
	font-weight: bold;
	color: #FFFFFF;
}
.tintin  #container  a:hover  #linkTesto {
	font-weight: bold;
	color: #000000;
}


.tintin #container #mainContent p {
	margin-right: 15px;
	margin-left: 15px;
}
.tintin #container #mainContent h2 {
	text-transform: uppercase;
	margin-right: 15px;
	margin-left: 15px;
	font-size: 170%;
}
.tintin_voz_video {
	margin-right: auto;
	margin-left: auto;
}
.alignRight {
	text-align: right;
}
.clear {
	clear: both;
}
#shinystat {
	text-align: right;
	position: absolute;
	right: 10px;
	top: 3.5%;
	z-index: 50;
}