/*stili per il layout fluido*/

html,body{margin: 0;padding:0}
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	text-align:center
}
div#header {
	margin: 0px;
	background-image: url(../immagini/grafica/header_01.jpg);
	height: 172px;
	width: 980px;
	padding: 0px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

div#header h1 {
text-indent: -9000px;
}
div#container{
	width:980px;
	margin:0 auto;
	background-image: url(../immagini/grafica/sfondo_01.jpg);
}

/*stili specifici per il layout*/
div#navigation{float: left;
width: 204px;
width:214px;
width:204px;
padding: 1em 0 0 10px
}

div#extra{
	float: right;
	width: 384px;
	width:384px;
	width:384px;
	margin-right: 116px;
	padding-top: 1em;
	padding-right: 0px;
	padding-bottom: 1em;
	padding-left: 0px;
	text-align: left;
}


div#content{
	margin-top: 0;
	margin-right: 494px;
	margin-bottom: 0;
	margin-left: 106px;
	padding-top: 1em;
	padding-right: 10px;
	padding-bottom: 1em;
	padding-left: 10px;
	text-align: justify;
}
div#content_2{
	clear:both;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1em;
	padding-right: 10px;
	padding-bottom: 1em;
	padding-left: 10px;
}

div#footer_02{
	clear:both;
	text-align:center;
	width: 768px;
	margin-right: 106px;
	margin-left: 106px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
div#footer_02 ul{margin: 0;padding: 0; list-style-type: none;}
div#footer_02 li{display: inline; margin: 0 0 0 1em;padding: 0}


div#footer{
	clear:both;
	text-align:center;
	background-color: #004098;
	color: #FFFFFF;
	width: 768px;
	margin-right: 106px;
	margin-left: 106px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
div#footer a{
	color: #FFFFFF;
}
div#footer ul{margin: 0;padding: 0; list-style-type: none;}
div#footer li{display: inline; margin: 0 0 0 1em;padding: 0}


/*stili specifici per nav*/
div#nav ul{
	position: absolute;
	left: 0px;
	top: 82px;
}
div#nav ul{position:relative;width: 768px;height: 51px;overflow: hidden;
    list-style-type: none;margin: 0;padding: 0;
    background:url(../immagini/grafica/menu.jpg) no-repeat -768px 0}
div#nav li{position: absolute;height: 51px;margin: 0;padding: 0}

div#nav a{display: block;text-indent: -9000px;text-decoration: none;
    padding: 51px 0 0 0;overflow: hidden;height: 0px !important;
    height /**/:51px;background-image: url(../immagini/grafica/menu.jpg)}
	


li#mhome{width: 85px;left: 0px;top: 0}
li#mhome a{background-position: 0px 0px}
li#mhome a:hover{background-position: 0px -51px}
body#home li#mhome a{background-position: 0px -102px}

li#mcomeciproponiamo{width: 262px;left: 85px;top: 0}
li#mcomeciproponiamo a{background-position: -85px 0px}
li#mcomeciproponiamo  a:hover{background-position: -85px -51px}
body#comeciproponiamo  li#mcomeciproponiamo a{background-position: -85px -102px}

li#mluoghiespazi{width: 196px;left: 347px;top: 0}
li#mluoghiespazi a{background-position: -347px 0px}
li#mluoghiespazi a:hover{background-position: -347px -51px}
body#luoghiespazi li#mluoghiespazi a{background-position: -347px -102px}

li#mdovesiamo{width: 226px;left: 542px;top: 0}
li#mdovesiamo a{background-position: -542px 0px}
li#mdovesiamo a:hover{background-position: -542px -51px}
body#dovesiamo li#mdovesiamo a{background-position: -542px -102px}




/*stili tabelle*/

.tabella_eventi{
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	width: 100%;
}

.td_eventi{

	padding: 6px;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
}
.td_eventi_colore{
	padding: 6px;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #CCCCCC;
}

/*stili formattazione*/
.ul_centrata {
	text-align: center;
}
.ul_puntato {
	list-style-type: disc;
}
.li_carattere_piccolo{
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
.piccolo_corsivo{
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	font-style: italic;
}

.carattere_grande{
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}
.arancio{
	color: #ee6513;
	padding-left: 30px;
}

.arancio_centrato{
	color: #ee6513;
	font-size: 16px;
	text-align: right;
}


/*stili tag*/

table {
	font-size: 12px;
}
td {
	background-position: top;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
h1 {
	font-size: 16px;
}
a {

	text-decoration: none;
}

a:hover {

	text-decoration: underline;
}


ul {
	list-style-type: none;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 30px;
}
li {
	margin-bottom: 6px;
}
