/* CSS per http://www.comune.torino.it/dentrolamusica */
/* Pubblicazione: */
/* Legenda colori: 

giallo body: #ffe37c

*/

html {font-size:62.5%;}

body {
	background:#ffe37c;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:1.2em;
	margin:0;
	padding:0;
}
.alt {display:none}
#testata {
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	
}

h1, h2, h3, h4 {font-family: "trebuchet ms", arial, arial, verdana, helvetica, sans-serif;}

#testata h1 {
	position:relative;
	background:  url(img/logocitta.png) no-repeat 0 0;
	width:125px;
	height:50px;
	margin:0;
	padding:0;
}

#testata h1 a {
	width:125px;
	height:50px;
	margin:0;
	padding:0;
	display:block;
}

#testata h1 a span {
	text-indent:-9000px;
	position:absolute;
	top:-9000px;
}

#testata h2 {
	position:absolute;
	top:10px;
	right:0;
	margin:0;
	background:  url(img/dm.jpg) no-repeat 0 0;
	width:273px;
	height:24px;
}

#testata h2 a {
	width:273px;
	height:24px;
	margin:0;
	padding:0;
	display:block;
}

#testata h2 a span {
	text-indent:-9000px;
	position:absolute;
	top:-9000px;
}

#contenitore {
	margin:0 15%;
	border-left:1px solid #000;
	border-right:1px solid #000;
	padding:10px;
	position:relative;
	background:#fff;
	word-spacing:0.25em;
	}
	
#contenitore a:link, #contenitore a:visited { color:#002c74}
#contenitore a:hover, #contenitore a:active {text-decoration:none;}

	
h3 {font-size:1.5em; font-weight:normal; color:#fff; background:#002c73; padding:3px; clear:left; text-transform:uppercase;}

h3#consigli {background:none;color:#000; font-style:italic;}

h3 span {font-size:0.7em; text-decoration:italic;  text-transform:none;}
h3.link {
	font-size:1.5em;
	border-top-width: 2px;
	border-left-width: 15px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #002c73;
	border-left-color: #002c73;
	clear: both;
	padding:5px;	
	background:#fff;
}
h3.novita {
	font-size:1.5em;
	border-top-width: 2px;
	border-left-width: 15px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #d28500;
	border-left-color: #d28500;
	clear: both;
	padding:5px;	
	background:#fff7d8;
	color:#000;
}
h3.novita2 {
	font-size:1.5em;
	border-top-width: 2px;
	border-left-width: 15px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #D24F00;
	border-left-color: #D24F00;
	clear: both;
	padding:5px;	
	background:#fff7d8;
	color:#000;
}

#pestelli p.foto {float:left; margin:0 10px 10px 0;}

#pestelli p.foto span {font-size:0.9em; text-align:center;}

#pestelli p.foto img {padding:2px; border:1px solid #ccc; position:relative}

#cc ul.primo {
	display:block;
	list-style-type:none;
	margin:10px 0 0 20px;
	font-size:1.3em;
	font-family:"trebuchet ms", arial, verdana, helvetica, sans-serif;
	width:auto;
	background: #fff url(img/spartito.jpg) no-repeat center right;
}

#cc ul.primo  li {list-style-type:none; margin:0.7em 0}

#cc ul.attesa {display:block;list-style-type:none;font-size:1.5em;font-family:"trebuchet ms", arial, verdana, helvetica, sans-serif;width:auto;background: #fff url(img/spartito.jpg) no-repeat center right;margin-top: 50px;margin-right: 0;margin-bottom: 0;margin-left: 20px;height: 250px;}

#cc ul.attesa  li {list-style-type:none;margin-top: 0.7em;margin-right: 2em;margin-bottom: 0.7em;margin-left: 1em;}

p.centro {text-align:center;}
p.claim {font-size:1.4em;text-align:center;font-family: verdana, arial, helvetica, sans-serif;letter-spacing:1px;border-top:1px solid #ccc;padding:2em 0;}
table{width:100%;border-collapse:collapse;margin:20px 0;}
table caption{ font-size:1.2em;font-weight:bold;font-color:#002c73;margin-top:2em;text-align:left;display:none;}
table th,table td{border:1px solid #a7b9d6;margin:0;padding:5px;/*border-bottom:1px solid #DFEBDF;*/vertical-align:top}
table th{padding:5px 15px 7px 7px;margin:0;color:#002c73;background:#d1ddf0;text-align: left;}
.legenda{background:#cccccc;}
.legendaesempi{background:#f1f1f1;}
.video{margin:0;color:#002c73;background:#d1ddf0;width: 150px;padding:5px;text-align: center;}
.desc{margin:0;color:#002c73;background:#d1ddf0;width: 25%;padding:5px;}
table caption span{display:block;color:#000;font-size:.8em;font-weight:normal;padding-top:1.5em}
table td img {border:none}
#cc table ul.materiali {display:block;list-style-type:none;font-size:1em;width:auto;margin:0;padding:0;}

#cc table ul.materiali li {list-style-type:none;margin: 0em;}
#cc table ul.materiali li a {vertical-align: middle;}
#cc ul.materiali li {list-style-type:none;margin: 0em;}
.mp3 {
	background-image: url(img/mp3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	min-height: 34px;
	height: auto !important;
	height: 34px;
	padding-left:50px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d1ddf0;
}
.multimediale {
	background-image: url(img/multimediale.jpg);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	min-height: 34px;
	height: auto !important;
	height: 34px;
	padding-left:90px;
	padding-bottom: 3px;
}
.pdf {
	background-image: url(img/pdf.jpg);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	min-height: 34px;
	height: auto !important;
	height: 34px;
	padding-left:50px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d1ddf0;
}
.midi {
	background-image: url(img/midi.jpg);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	min-height: 34px;
	height: auto !important;
	height: 34px;
	padding-left:50px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d1ddf0;
}
#introduzione {font-size:1em;width:100%;}
#introduzione ul {list-style:none;font-size:1em;margin:0;padding:5px;clear:both;}
#introduzione ul li.mezzo {float:left;display:inline;margin:0;padding:5px;}
#introduzione ul li {float:left;display:inline;margin:0;padding:5px;display:block;border:1px solid #a7b9d6;}
#introduzione ul li img {border:none}
#introduzione a:link, #introduzione a:visited{margin:0;text-decoration:none;}
#introduzione a:hover, #introduzione a:focus, #introduzione a:active{background:#d1ddf0;text-decoration:none;}

#menu-1 {width:100%;font-size:1.1em;font: 90% Arial;}
#menu-1 ul{margin:0;padding-left: 0;list-style:none;}
#menu-1 li{font-size:1.3em;display:inline;margin:0;padding:0;}
#menu-1 a:link, #menu-1 a:visited{float:left;background:#069;color:#fff;margin:0;padding:5px 10px;text-decoration:none;border-right:1px solid #fff;}
#menu-1 a:hover, #menu-1 a:focus, #menu-1 a:active{color:#FFF;background:#ff0000;}
#menu-1 #voce-corrente-1 a{color:#FFF;background:#ff0000;}



#footer2 {background: url(img/loghi.jpg) no-repeat center bottom; border-top:1px solid #ccc;}
#footer2 p {padding: 0 0 8em 0; color:#666;}

#footer {background: url(img/loghi4.jpg) no-repeat center bottom; border-top:1px solid #ccc;}
#footer p {padding: 0 0 8em 0; color:#666;}

h4 {text-transform:uppercase; font-weight:normal; font-size:1.3em; margin:1em 0;}
.evi_avviso {
    background-color: #ffffea;
    border: 2px dashed #B80000;
	margin: 10px;
    padding: 10px;
}
.briciole{
	border-top:1px #002C73 solid;}