html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	font-size: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	/*background-image: url(img/body_sfondo.png);
	background-repeat: no-repeat;
	background-position: 50% 0px;*/
	line-height: 16px;
}

body.home {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	background-image: none;
	line-height: 16px;
	
}


p {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

form {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-size:11px;
}

ul, li {
	margin: 0px;
	padding: 0px;
}

ol, li {
	margin: 0px;
	padding: 0px;
}

a.white {
	color: #FFFFFF;
}


a {
	text-decoration: none;
	color:#CC0000;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color:#CC0000;
}

a:focus {
	outline-style: none;
}

area:focus {
	outline-style: none;
}


/************* PAGINA ********************/


#pagina {
	width: 980px;
	margin-left: 1px;
	position: relative;
	overflow: hidden;
	padding-bottom: 50px;
}

body.home #pagina {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow: hidden;
	padding-bottom: 50px;
	background-color: #000000;
	background-image: url(none);

}



/************* HEADER 2010 ********************/


#header2010 {
	height: 195px;
	/*background-image: url(img/header2010.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;*/

}

#header2010 h1 {
	height: 195px;
	width: 970px;
	background-image: url(img/header2010.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-right: auto;
	margin-left: auto;

}

#header2010 h1 a {
	display: block;
	height: 195px;
	width: 980px;
	text-indent: -3000px;

}


#header2010 h2 {
	height: 13px;
	width: 490px;
	background-image: url(img/sottotitolo2009.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -3000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 18px;

}


#header2010 ul.giorni2010 {
	height: 35px;
	width: 490px;
	background-image: url(img/header_giorni.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	list-style-type: none;

}

#header2010 ul.giorni li {
	float: left;
	height: 26px;
}



/************* HEADER 2010 ********************/


#header2010 {
	height: 195px;
	/*background-image: url(img/header2010.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;*/

}

#header2010 h1 {
	height: 195px;
	width: 970px;
	background-image: url(img/header2010.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-right: auto;
	margin-left: auto;

}

#header2010Manifesto h1 {
	height: 195px;
	width: 970px;
	background-image: url(img/headerManifesto2010.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-right: auto;
	margin-left: auto;

}


#header2010 h1 a {
	display: block;
	height: 195px;
	width: 980px;
	text-indent: -3000px;

}

#header2010Manifesto h1 a {
	display: block;
	height: 195px;
	width: 980px;
	text-indent: -3000px;

}

#header2010 h2 {
	height: 10px;
	width: 980px;
	text-indent: -3000px;
	display:none;

}

#header2010Manifesto h2 {
	height: 10px;
	width: 980px;
	text-indent: -3000px;

}



#header2010 ul.giorni {
	height: 26px;
	width: auto;
	margin-left: 95px;
	color: #FFFFFF;
	list-style-type: none;
	margin-bottom:35px;
}

#header2010Manifesto ul.giorni {
	height: 26px;
	width: auto;
	margin-left: 95px;
	color: #FFFFFF;
	list-style-type: none;
	margin-bottom:35px;
}


#header2010 ul.giorni li {
	float: left;
	height: 26px;
	padding-right:8px;
}

#header2010Manifesto ul.giorni li {
	float: left;
	height: 26px;
	padding-right:8px;

}
#header2010 ul.giorni li#luglio {
background-image:url(img/giorno18-2010.png);
background-position:-70px -26px;
background-repeat:no-repeat;
width:100px;
height:26px;

}

#header2010Manifesto ul.giorni li#luglio {
background-image:url(img/giorno18-2010.png);
background-position:-70px -26px;
background-repeat:no-repeat;
width:100px;
height:26px;

}


a#giorno-9 {
	height: 26px;
	width: 70px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno9-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
a#giorno-9:hover {
	background-position: 0px 0px;

}

a#giorno-10 {
	height: 26px;
	width: 70px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno10-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}

a#giorno-10:hover {
	background-position: 0px -26px;

}

a#giorno-11 {
	height: 26px;
	width: 70px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno11-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
a#giorno-11:hover {
	background-position: 0px -26px;

}
a#giorno-12 {
	height: 26px;
	width: 70px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno12-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
a#giorno-12:hover {
	background-position: 0px -26px;

}
a#giorno-13 {
	height: 26px;
	width: 70px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno13-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
a#giorno-13:hover {
	background-position: 0px -26px;

}

a#giorno-14 {
	height: 26px;
	width: 70px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno14-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
a#giorno-14:hover {
	background-position: 0px -26px;

}
a#giorno-15 {
	height: 26px;
	width: 70px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno15-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
a#giorno-15:hover {
	background-position: 0px -26px;

}
a#giorno-16 {
	height: 26px;
	width: 70px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno16-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
a#giorno-16:hover {
	background-position: 0px -26px;

}
a#giorno-17 {
	height: 26px;
	width: 70px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno17-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
a#giorno-17:hover {
	background-position: 0px -26px;

}
a#giorno-18 {
	height: 26px;
	width: 60px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno18-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a#giorno-18:hover {
	background-position: 0px -26px;
	

}



a#giorno-7 {
	height: 35px;
	width: 40px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno7.png);
	background-repeat: no-repeat;
	background-position: 0px -35px;

}

a#giorno-8 {
	height: 35px;
	width: 40px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno8.png);
	background-repeat: no-repeat;
	background-position: 0px -35px;

}



a.off {
	background-position: 0px 0px!important;

}





/************* HEADER SANTARCANGELO 2009/2011 ********************/


#header20102009-2011 {
	height: 220px;
	background-image: url(img/header_sfondo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}

#header20102009-2011 h1 {
	height: 65px;
	width: 490px;
	background-image: url(img/logotriennio.jpg);
	background-repeat: no-repeat;
	background-position: 0px 53px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 53px;
	margin-bottom: 9px;

}

#header20102009-2011 h1 a {
	display: block;
	height: 40px;
	width: 490px;
	text-indent: -3000px;

}


#header20102009-2011 h2 {
	height: 13px;
	width: 490px;
	background-image: url(img/sottotitolo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -3000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 18px;

}


/************* HEADER ASSOCIAZIONE ********************/


#header2010Associazione {
	height: 220px;
	background-image: url(img/header_sfondo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}

#header2010Associazione h1 {
	height: 46px;
	width: 522px;
	background-image: url(img/logo_santarcangeloAssociazione.jpg);
	background-repeat: no-repeat;
	background-position: 0px 53px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 53px;
	margin-bottom: 9px;

}

#header2010Associazione h1 a {
	display: block;
	height: 40px;
	width: 490px;
	text-indent: -3000px;

}


#header2010Associazione h2 {
	height: 13px;
	width: 490px;
	background-image: url(img/sottotitolo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -3000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 18px;

}






/************* MENU SX ********************/


#menu-sx {
	width: 185px;
	float: left;
	position: relative;
	padding-top: 50px;
	font-size: 9px;
	line-height: 24px;
	color: #333333;
	text-align: left;
	padding-left:25px;
}

#menu-sx h3 {
	color: #000000;
	font-size: 10px;
	cursor: pointer;
	line-height:24px;

}

#menu-sx h3 a {
	color: #000000;
	text-decoration: none;
		line-height:24px;

}


#menu-sx ul {
	list-style-type: none;

}

#menu-sx li {

}

#menu-sx li a {
	color: #333333;
	text-decoration: none;
}
#menu-sx li a:hover, a:selected {
	color: #BD0926;
	text-decoration: none;

}

/************* MENU DX ********************/


#menu-dx {
	width: 135px;
	float: right;
	position: relative;
	padding-top: 15px;
	font-size: 12px;
	line-height: 14px;
	padding-right: 0px;

}

#menu-dx h3 {
	font-size: 9px;
	color:#999999;
	font-weight: bold;
	margin-top:25px;

}

#menu-dx p {
	text-align: left;
		color:#999999;
		font-size:9px;

}

#menu-dx a {
	color:#000000;
	text-decoration: none;

}

#menu-dx ul {
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 24px;

}

#menu-dx ul li {
	line-height: 24px;
	font-size: 11px;

}

#menu-dx form.cerca {
	margin-top: 38px;

}

#menu-dx form.cerca label {
	display: block;
	font-size: 11px;
	color: #999999;
	padding-bottom: 2px;
	padding-left: 3px;
}

#menu-dx form.cerca .campo {
	background-image: url(img/laterale_cerca_sfondo-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 16px;
	width: 126px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 13px;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 11px;
	padding-top: 1px;
	padding-bottom: 1px;
	float: left;

}

#menu-dx form.cerca .invia {
	line-height: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #000000;
	font-size: 14px;
	width: 20px;
	float: left;
	text-align: center;
	padding: 0px;
	height: 16px;
	background-color:#ffffff;
}


#menu-dx #menu-dx-nascosto_ita {
	display: block;
	padding-top:55px;
	line-height:12px;
	text-align:justify;
	
}




#menu-dx #menu-dx-nascosto_eng {
	display: none;
	padding-top:55px;
}

/********** HOME **************************/


body.home #content {
	float: left;
	position: relative;
	padding-left: 400px;
	padding-top: 70px;

}

body.home #content img.home {
	width: 250px;
	height: 250px;
	position: absolute;
	left: 120px;
	top: 55px;
	
	}


body.home #content h1 {
	text-align: left;
	height: 70px;
	width: 280px;
	background-image: url(img/logo_santarcangelo_home.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	color: #99FF00;

}

body.home #content h1 a {
	height: 70px;
	width: 280px;
	text-indent: -3000px;
	display: block;

}

body.home #content ul {
	list-style-type: none;
	padding-top: 60px;
	padding-left: 7px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #757575;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	padding-right: 0px;
	padding-bottom: 0px;

}

body.home #content ul li {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;

}

body.home #content ul li a {
	color: #D7D7D7;

}

body.home #content ul li a:hover {
	color: #ffffff;

}






/************* CONTENT ********************/


#content {
	width: 525px;
	float: left;
	position: relative;
	padding-top: 55px;
	padding-left:110px;

}

#contentHome2010 {
		width: 525px;
	float: left;
	position: relative;
	padding-top: 55px;
	padding-left:110px;
/*	background-image:url(img/art.png);
	background-repeat:no-repeat;
	background-position:0px 60px;*/


}

#contentManifesto2010 {
		width: 525px;
	float: left;
	position: relative;
	padding-top: 55px;
	padding-left:110px;
	background-image:url(img/cursore.png);
	background-repeat:no-repeat;
	background-position:0px 60px;


}
#content2010 {
	width: 525px;
	float: left;
	position: relative;
	padding-top: 55px;
	padding-left:110px;
	/*background-image:url(img/art.png);
	background-repeat:no-repeat;
	background-position:0px 60px;*/


}

#contentArtisti2010 {
	width: 525px;
	float: left;
	position: relative;
	padding-top: 55px;
	padding-left:110px;
	background-image:url(img/art.png);
	background-repeat:no-repeat;
	background-position:0px 60px;


}
#contentAltriSguardi2010 {
	width: 525px;
	float: left;
	position: relative;
	padding-top: 55px;
	padding-left:110px;
	background-image:url(img/art.png);
	background-repeat:no-repeat;
	background-position:0px 60px;


}
#contentSpettacoli2010 {
		width: 525px;
	float: left;
	position: relative;
	padding-top: 55px;
	padding-left:110px;
	background-image:url(img/calendario.png);
	background-repeat:no-repeat;
	background-position:0px 60px;


}
#content .video {

}

#content h3 {
	font-size: 12px;
	margin-bottom: 1em;
	font-weight: bold;
	color:#CC0000;
	text-transform:uppercase;
}

#content a {
	text-decoration:none;
	font-weight: bold;
	color:#CC0000;

}

#content p {
	margin-bottom: 1em;
	text-align: left;
	
}

#content ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;

}


#content ul li {
	padding-left:12px;
	background-image: url(img/punto_elenco.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	margin-bottom: 10px;
	position: relative;
}

#content ul li.risultati {
	padding-left:12px;
	background-image: url(img/punto_elenco.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	position: relative;
}


#content p.link {
	clear: left;
	padding-top: 10px;
	margin-bottom: 0px;
	width: 490px;
}
#content div.testoScheda {
	padding-top: 10px;
	margin-bottom: 0px;
	width: 490px;
	font-size: 11px;
	clear: left;
	line-height: 20px;
}

#content .separatore {
	margin-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F6F6F6;
	height: 0px;
	margin-bottom: 20px;

}



#content p.link a {
	color: #CC0000;
	text-decoration: none;

}


#content p.calendar {
	margin-bottom: 1em;
	font-size: 19px;
}

#contentOsservatorio {
	width: 525px;
	float: left;
	position: relative;
	padding-top: 55px;
	padding-left:110px;
	background-image:url(img/osservatorio.png);
	background-repeat:no-repeat;
	background-position:0px 50px;


}


#contentOsservatorio ul#giorniOss {
	height: 19px;
	width: 570px;
	list-style-type: none;
	display:inline;
	/*margin: 0px;*/
	padding: 0px;
	margin-top:25px;
	

}
#contentOsservatorio li {
	float: left;
	height: 19px;
	margin-top:20px;
	margin: 0px;
	padding-left: 0px;
	list-style-type: none;
}
#contentOsservatorio li a{
display:block;
/*width:50px;*/
}

a#giornoOss-9 {
	height: 19px;
	width: 39px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno9oss-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
a#giornoOss-9:hover {
	background-position: 0px -19px;

}

a#giornoOss-10 {
	height: 19px;
	width: 50px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno10oss-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}

a#giornoOss-10:hover {
	background-position: 0px -19px;

}

a#giornoOss-11 {
	height: 19px;
	width: 50px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno11oss-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
a#giornoOss-11:hover {
	background-position: 0px -19px;

}
a#giornoOss-12 {
	height: 19px;
	width: 50px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno12oss-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
a#giornoOss-12:hover {
	background-position: 0px -19px;

}
a#giornoOss-13 {
	height: 19px;
	width: 50px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno13oss-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
a#giornoOss-13:hover {
	background-position: 0px -19px;

}

a#giornoOss-14 {
	height: 19px;
	width: 50px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno14oss-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
a#giornoOss-14:hover {
	background-position: 0px -19px;

}
a#giornoOss-15 {
	height: 19px;
	width: 50px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno15oss-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
a#giornoOss-15:hover {
	background-position: 0px -19px;

}
a#giornoOss-16 {
	height: 19px;
	width: 50px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno16Oss-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
a#giornoOss-16:hover {
	background-position: 0px -19px;

}
a#giornoOss-17 {
	height: 19px;
	width: 50px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno17oss-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
a#giornoOss-17:hover {
	background-position: 0px -19px;

}
a#giornoOss-18 {
	height: 19px;
	width: 50px;
	display: block;
	text-indent: -3000px;
	background-image: url(img/giorno18oss-2010.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
a#giornoOss-18:hover {
	background-position: 0px -19px;

}



#content p.calendar em {
	font-size: 12px;
	font-style: normal;
}


#content p.calendar a {
	color:#000000;
	text-decoration: none;
	padding-right: 3px;
}

/**************** artisti ****************/

#content h3.artisti {
	margin-bottom: 1em;
	font-size: 11px;
	color:#333333;
	font-weight: bold;
}
#contentArtisti2010 h3 {
margin-bottom: 1em;
	font-size: 11px;
	color:#bd0926;
}
#contentArtisti2010 #nomeArtista{
margin-bottom: 1em;
	font-size: 11px;
	color:#000000;
}
#content p.artisti {
	margin-bottom: 1em;
	font-size: 14px;
	text-align:left;
}

#content p.artisti em {
	font-size: 12px;
	font-style: normal;
}


#content p.artisti a {
	color:#333333;
	text-decoration: none;
	padding-right: 3px;
}

#content p.artisti a:hover {
color:#666666;
}


/**************** CALENDARIO / GRIGLIA ****************/

#content h3.griglia {
	margin-bottom: 1em;
	font-size: 12px;
	color:#FFFFFF;
	font-weight: bold;
}

#content p.griglia {
	margin-bottom: 1em;
	font-size: 12px;
}

#content p.griglia em {
	font-size: 12px;
	font-style: normal;
}


#content p.griglia a {
	color:#000000;
	text-decoration: none;
	padding-right: 3px;
	font-weight: bold;
}


/*************** note prog *************/

#content p.notaTech {
	margin-bottom: 1em;
	font-size: 10px;
	color:#99FF00;
}

/****************/

#content .foto {
	width: 110px;
	float: left;
	overflow: hidden;
	margin-bottom: 10px;


}

#content .foto img {
	display: block;
	height: 93px;
	width: 93px;


}


#content .foto .dida {
	font-size: 11px;


}
/**********tabella su filtro spettacolo************/
#content .schedaPreview{
	font-size: 11px;
	font-style: normal;
	width: 520px;
	padding: 0px;
	border: none;
	margin-bottom: 25px;
}
#content .schedaPreview p{
	font-style: normal;
}
#content table.schedaPreview a{
	color:#000000;
	font-weight:bold;
	text-decoration: none;
}
/*#content table td {
	padding:3px 3px 3px 3px;
}
#content table.replica{
	color:#000000;
	width: 200px;
	padding: 0px;
	margin: 0px;
	border: none;
}
#content td.thumb{
	width: 1px;
}*/
#colonnaLeft{
float:left;
padding-right:20px;
width:250px;
position:relative;

}

#colonnaRight{
float:right;
width:250px;
position:relative;

}
#colonnaRight p.titolo{
font-weight:bold;
padding-bottom:5px;
color:#CC0000;
text-transform:uppercase;

}

#colonnaLeft p.titolo{
font-weight:bold;
padding-bottom:5px;
color:#CC0000;
text-transform:uppercase;

}


#contentSpettacoli2010 .schedaPreview{
	font-size: 11px;
	font-style: normal;
	width: 180px;
	padding: 0px;
	border: none;
	margin-bottom: 25px;
}
/************** ACCESSIBILITA *************/

#salta {
	display: none;
}

hr {
	display: none;
}

.hide {
	display: none;
}