/* Normalize padding and margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
}

/* Normalize header sizes */
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

/* Normalize list styles */
ol, ul {
list-style: none;
}

/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

/* Normalize table borders */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Normalize other borders */
fieldset, img {
border: 0;
}

/* Normalize text-alignment */
caption, th {
text-align: left;
}

/* Normalize (remove) quotation marks */
q:before, q:after {
content: '';
}


/*INIZIO CSS*/
body {
 height: 					 							100%;
 background-color:							rgb(0,0,0);
 color:													rgb(255,255,255);
 behavior:											url("/csshover.htc"); 
}

div.heading {
 position: 											absolute;
 top:														10px;
 left:													2%;
 height:												90px;
 width:											   	95%;
}

span#heading_left {
 display:												block;
 position: 											absolute;
 z-index: 											2;
 width:													250px;
 height:												87px;
 left:													0px;
 background-image:							url('./immagini/cantoantico_left.png');
 background-repeat:							no-repeat; 
}

span#heading_center {
 display:												block;
 position:											relative;
 z-index: 											1;
 height:												87px;
 width:													95%;
 background-image:							url('./immagini/cantoantico.png');
 background-repeat:							repeat x;
 text-align:										left;
}

span#heading_center h3 {
 display:							 						block;
 width:														400px;
 text-align:											right;
 font-family:											"Trebuchet MS","Lucida Grande", Lucida, Verdana, sans-serif;
 font-size:												1em;
 position: 												absolute;
 color: 													white;
 top:															25px;
 right: 													150px;
}

span#heading_right {
 display:											   	block;
 position:											  absolute;
 z-index: 												2;
 width:														200px;
 height:													87px;
 right:														0px;
 top: 														0px;
 background-image:								url('./immagini/cantoantico_right.png');
 background-repeat:								no-repeat;
}

span#heading_right h4 {
 font-family:											"Trebuchet MS","Lucida Grande", Lucida, Verdana, sans-serif;
 font-size:												1em;
}

span#heading_right h4 a {
 position: 												relative;
 text-decoration:										none;
 color:													white;
 left:													120px;
}

span#heading_right h4 a:hover {
 color:													red;
}

div.body {
 position: 												absolute;
 top:														120px;
 left:													2%;
 width:											   	95%;
 text-align: 											justify;
 font-family:											"Trebuchet MS","Lucida Grande", Lucida, Verdana, sans-serif;
 font-size:												1em;
}

span#body_left {
 display:												block;
 position: 												absolute;
 width:													20%;
 left:													30px;
}

span#body_center {
 display:												block;
 position:											absolute;
 left:													220px;	
 width:													75%;
}

span#body_right {
 display:											   block;
 position:											 	absolute;
 top: 												 	-18px;
 float:													right;
 display: 											   none;
 left:													70%;
}


/*definizione menu di sx*/
span#body_left ul {
 width:													180px;
}

span#body_left ul li {
 margin:													2px;
 font-family:											"Trebuchet MS","Lucida Grande", Lucida, Verdana, sans-serif;
 font-size:												1em;
 text-align:											center; 
}

span#body_left ul li h3 {
 background-color:									rgb(202,80,17);
 height:													25px;
 padding-top:											5px;
}

span#body_left ul li h3 a {
 display: 												block;
 width: 													100%;
 height: 												25px;
 text-decoration:										none;
 color:													rgb(250,200,150); 
}

span#body_left ul li h3:hover {
 background-color:									rgb(99,39,9);
}
/*fine definizione menu di sx*/

/*definizione corpo pagina*/
span#body_center {
 height:													500px;
 margin-left:											20px;
}
/*fine definizione corpo pagina*/

/*definizione colonna dx */

 span#body_right ul {
  padding: 0px;
 }
 
 span#body_right ul li {
  margin:				 			 	 	 			 0px;
	list-style-type: 							 none;
 }

 span#body_right ul img {
  margin:				 				 	 			 2px;
	margin-right:									 -10px;
  border:												 1px solid white;
  filter:												 alpha(opacity=60);
  -moz-opacity:									 .60;
  opacity:											 .60;   
	width: 200px;
 }
 
 span#body_right ul img:hover {
  filter:												  alpha(opacity=100);
  -moz-opacity:										1;
  opacity:												1;  
 }
 
 span#body_right ul h4 {
  font-family:										"Trebuchet MS","Lucida Grande", Lucida, Verdana, sans-serif;
  font-size:											2em;
  text-align:											center; 
 }
 
 span#body_center span {
  display:												block;
  margin:													5px;
  margin-bottom:									10px; 
  padding:											  10px;
 }
 
/*fine definizione colonna dx*/

/*definizione delle news */

ul.news {
 margin-top: 20px;
 color: white;
}

ul.news li {
 display: block;
 margin-top: 10px;
}

ul.news a {
 display: block;
 text-align: right;
 font-family: arial, sans-serif;
 font-size: 10px;
 color: yellow!important;
}

ul.news a:hover {
 color: orange!important;
}

.news img {
 border: none;
 width: 177px;
 margin-bottom: 10px;
}

/*fine definizione delle news */


div.body h1 {
 color:  		 			 				 		 		orange;
 font-size:												1.5em;
 margin:													0px;
}

div.body h2 {
 color:  		 			 				 		 		orange;
 font-size:												1.2em;
  margin:													0px;
}

div.body h3 {
 color:  		 			 				 		 		orange;
 font-size:												1em;
 margin:													0px; 
}

div.body p {
 margin-top:											0px;
 margin-bottom:										0px;
}

span#body_center li {
 list-style-type:									circle;
 margin-bottom:										15px;
 margin-left:											20px;
}

div.body a {
 color:	 	 												green;
 text-decoration:									none;
}

div.body a:hover {
 color:														yellow;
}

div.body img.left {
 float:	 					 								left;
 margin:													10px;
}

div.body img.right {
 float:	 					 								right;
 margin:													10px;
}

div.body table td {
 padding: 		 										5px;
}

span.menubottom {
 width:				 										80%;
}

span.menubottom ul {
 display:			 		 								inline;
}

span.menubottom ul li {
 display:			 			 							inline;
}

em {
 font-style: italic;
}

strong {
 font-weight: bold;
}

.normal_yellow {
 color: orange;
}

.corpo8 {
 font-size: 8px;
}

.corpo10 {
 font-size: 10px;
}

.corpo12 {
 font-size: 12px;
}

.corpo14 {
 font-size: 14px;
}

.corpo16 {
 font-size: 16px;
}