@charset "UTF-8";
/* CSS Document */

img {border:none;}
	
img[alt] {
	font-family: arial, sans-serif, verdana;
	font-size: small;
	color:#000000;
}

a 		  { text-decoration: none; }
a:link    { color: #FFFFFF; }
a:visited { color: #FFFFFF; }
a:hover   { color: #000000; }


body {
	color: #333333;
	background-color: #FFFFFF;
	top: 0px;
	font-family: arial, sans-serif, verdana;
	font-size: 0.8em;
	text-align: left;
}

/* titolo news */
body h1 {
	font-size: 1em;
	font-weight: bold;
	line-height: 100%;
}

/* struttura del sito 
   
   HOME
   | -  CONTAINER
   |    | -  TESTA
   |    |    | -  HEAD
   |    |    | -  TITOLO, LOGO   
   |    |    | -  NAV
   |    | -  MAIN
   |    |    | -  COL1
   |    |    | -  COL2
   |    |    | -  GRUPPO
   |    | -  PIEDE

   PAGINE SECONDARIE
   | -  CONTAINER
   |    | -  TESTA
   |    |    | -  HEAD
   |    |    | -  TITOLO, LOGO   
   |    |    | -  NAV
   |    | -  MAIN
   |    |    | -  ARTICOLO
   |    |    | -  GRUPPO
   |    | -  PIEDE
   
*/

#container {
	position: relative;
	top: -8px;
	margin-top: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 800px;
}

	#container #testa {
		position: absolute;
		left: 0px;
		top:  0px;
		width: 800px;
	}
	
		#container #testa #head {
	  		position: absolute;
			left: 0px;
			top:  0px;
			width: 800px;
			height: 20px;
			background-color: #004488;
		}

		#container #testa #titolo {
	  		position: absolute;
			left: 15px;
			top:  62px;
			width:  470px;
			height: 108px;
		}

		#container #testa #logo {
	  		position: absolute;
			left: 625px;
			top:  25px;
			width:  151px;
			height: 180px;
		}
		
		#container #testa #nav {
	  		position: absolute;
			left: 0px;
			top:  200px;
			font-size: 0.8em;
		}
		
			#container #testa #nav ul {
				margin: 0; 
				padding: 5px;
				display: inline;
			}
			
			#container #testa #nav li {
				background-color: #0077bb;
				color: #FFFFFF;
				margin: 0;
				padding-top: 3px;
				padding-left: 15px; 
				padding-right: 15px;
				list-style: none;
				border: solid;
				border-bottom-width: 1px;
				border-color: #FFFFFF;
				height: 15px;
				float: left;
			}
		
	#container #main {
		position: absolute;
		left: 0px;
		top: 230px;
		padding: 0px;
		margin: 0px;
	}
	
		#container #main #col1 {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 395px;
			padding: 0px;
			margin: 0px;
		}

			#container #main #col1 ul {
				position: absolute;
				left: 0px;
				top: 0px;
				width: 395px;
				padding: 0px;
				margin: 0px;
				vertical-align: top;
			}
			
			#container #main #col1 li {
				height: 140px;
				width: 380px;				
				display: block;
				float: left;
				vertical-align: middle;
				padding: 5px;
				padding-right: 10px;
				margin: 0px; 
				border-top-style: dotted;
				border-top-width: 2px;
				border-top-color: #222222;
				list-style: none;
				color: #444444;
				font-size: 0.9em;
				line-height: 120%;
			}
			
			#container #main #col1 h1 {
				font-size: 1.2em;
				color: #004488;
				line-height: 100%;
			}

			#container #main #col1 img {			
				float:left;
				padding-right: 10px;
				vertical-align: middle;
			}
			
			#container #main #col1 a { color: #0077bb; 	}
			#container #main #col1 a:hover   { color: #666666; }
	
		#container #main #col2 {
			position: absolute;
			top: 0px;
			left: 395px;
			width: 250px;
		}

			#container #main #col2 ul {
				position: absolute;
				left: 0px;
				top: 0px;
				width: 236px;
				margin: 0px 7px 0 7px;
				padding: 0;
			}
			
			#container #main #col2 li {
				width: 216px;
				height: 80px;
				display: block;
				list-style: none;
				float: left;
				vertical-align: middle;
				margin: 0 0 10px 0;
				padding: 5px 10px 7px 10px;
				background-color: #EEEEEE;
				color: #222222;
				font-size: 0.8em;
				line-height: 1.2;
			}
			
			#container #main #col2 .titolo {
				font-size: 1em;
				font-weight: bold;
				color: #004488;
				margin-top: 3px;
				margin-bottom: 3px;
			}

			#container #main #col2 img {			
				float: right;
				padding-left: 10px;
			}
			
			#container #main #col2 a { color: #004488; 	}
			#container #main #col2 a:hover   { color: #666666; }
			
		#container #main #gruppo {
			position: absolute;
			top: 0px;
			left: 645px;
			width: 155px;
		}

			#container #main #gruppo ul {
				position: absolute;
				left: 0px;
				top: 0px;
				width: 155px;
				margin: 0px 5px 10px 5px;
				padding: 0;
			}
			
			#container #main #gruppo li {
				display: block;
				list-style: none;
				float: left;
				vertical-align: middle;
				width: 130px;
			}

		#container #main #articolo {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 595px;
			margin: 0;
			margin-top: 0px;
			margin-right: 50px;
			padding: 15px;
			border-top-style: dotted;
			border-top-width: 2px;
			border-top-color: #222222;
			font-size: 1em;
			color: #222222;
			line-height: 120%;			
		}

			#container #main #articolo #mesi {
				display: block;
			}

			#container #main #articolo #mesi .mesi {
				text-align: left;
				font-size: 1em;
				color: #004488;
			}			

			#container #main #articolo h1 {
				font-size: 1.2em;
				color: #004488;
				line-height: 140%;
			}

			#container #main #articolo img {			
				float: left;
				padding-top: 2px;
				padding-right: 10px;
			}

			#container #main #articolo a { color: #222222; 	}
			#container #main #articolo a:hover   { color: #004488; }

		#container #main #piede {
			position: absolute;
			top: 400px;
			display: block;
			width: 800px;
			padding: 0px;
			padding-bottom: 50px;
			text-align: center;
			font-size: 0.7em;
			color: #444444;
		}