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

giallo body: #ffe37c

*/
/*!normalize.css v1.1.2 | MIT License | git.io/normalize */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1,h2{font-size:2em;margin:0 0 .67em;}/*h2{font-size:1.5em;margin:0 0 .83em;}*/h3{font-size:1.5em;margin:0 0 .415em;}h4,table caption{font-size:1.3em;margin:0 0 .2em;}h5{font-size:1em;margin:0 0 .6650em;}h6{font-size:.83em;margin:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}p,pre{margin:0 0 1em;}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:'';content:none;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}dl,menu,ol,ul{margin:0 0 1em;}dd{margin:0 0 0 20px;}menu,ol,ul{padding:0 0 0 20px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:none;margin:0;padding:0;}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

body {line-height: 1.5;
	background:#ffe37c;
	font-family: "Open Sans",arial, verdana, helvetica, sans-serif;
}

.alt {display:none}
#testata {position:relative;	width:100%;}

h1, h2, h3, h4 {font-family: "Gentium Basic","trebuchet ms", arial, 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#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}
.sezione {color:#002c73;background:#a6ee66;text-align: center; font-size:1.2em;}
.sezione td{padding:13px 0}
#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;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d1ddf0;
}
.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;
}
.infor {
	background-image:url(../musorgskij/img/commenti.jpg);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	min-height: 34px;
	height: auto !important;
	height: 34px;
	padding-left:50px;
	padding-bottom: 3px;
}

#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;}
	
	
	/* nuovi */
	
/* base 
=================== */	
body {background: none;}	
h2 {color: #ae2a11;}	
.l-side ul {padding: 0;}
.l-side ul li {position:relative;list-style-type: none;padding-left: 15px;}
.l-side ul li:before {content:"\25a0";left:1%;top:.1em;color: #ae2a11;position: absolute;font-size: 12px;}

/* layout 
===================== */	
#contenitore {padding:20px 2%;word-spacing:0;border: none;background: url(img/logo.jpg) no-repeat 96% 0;margin:0 auto;width:100%;max-width:978px;*width:978px;}
#testata {margin-bottom: 20px;padding-bottom: 10px;}	
.l-content {float: left;width:60%;}	
#testata h1 {height: 60px;background-position: 0 10px;}
#testata h2 {background: none;}
.l-side {width:35%;float:right;margin-top:4.5em;padding: .5em 1%;background: #FFF1EF;-webkit-border-radius:0 0 40px 0;-moz-border-radius:0 0 40px 0;border-radius:0 0 40px 0;}	
.l-side p {font-size: .9em;line-height: 1.4;}
#cc h3, #contenitore a:link.bma_head{color:#ae2a11;font-size: 1.8em;}
#cc h3 span {font-family:"Open Sans", sans-serif;margin-top: -5px;display: block;font-size:16px;}
#cc h3 span em {font-style: normal;}
#footer {clear: both;font-size: .8em;padding-top: .5em;}

/* module
=================== */
.m-nav {padding:0;margin:0 0 1.5em;list-style-type: none;}
.m-nav  li {background:#FFF6D8;padding:.8em 4px .8em 10px;margin-bottom: 1em;-webkit-border-radius:0 0 40px 0;-moz-border-radius:0 0 40px 0;border-radius:0 0 40px 0;}
.m-nav h4 {margin:0;font-weight: bold;text-transform: none;line-height: 1.3;}
.m-nav h4 a {text-decoration: none;}
.m-nav h4 a:hover {text-decoration: underline !important;} 
.m-nav p {font-size:.8em;margin-bottom: 0;}

.m-box {margin-bottom:20px}
.m-box h4 {text-transform: none;margin:0 0 9px;font-weight: bold;border-bottom: 1px dashed #ae2a11;padding-bottom: 1px;}

.briciole {font-size: .8em;border-bottom: none;border-top: 1px dashed #ccc;padding-top: .3em;}

.m-avviso {padding:.8em 4px .8em 9px;background: #F8FFD3;border-left: 1px solid #ae2a11;}

/* 2015 */
/* layout
-------------------------- 
.below-header{margin-top:50px;}
.l-side{width:30%;}
.l-content,.l-side{margin-top:2em;}

.below-header small, #contenitore .below-header small a:link, #contenitore .below-header small a:visited{color:#B0B0B0;}
#contenitore a:link, #contenitore a:visited {color:#016187;}
#contenitore .l-side a:link,#contenitore .l-side a:visited {color:#AE2A11;}*/

/*box homepage
-------------------------- 
.h-box{padding-left:15px;border-left:10px solid; margin-bottom:3.5em;}
#imparare h2{color:#2E4272;}
#listening h2{color:#277553;}
#guide h2{color:#EDB700;} 
*/