/*      
	/*		PALETTA COLORI:
	/*
	/*		Palette base:
	/*			#dd0000
	/*			#e04141
	/*			#f08080 
	/*			#ffaaaa
	/*			#ffdddd
	/*			
	/*		Colori Base:
	/*			Red	
	/*
	/*		Tonalita' grigio
	/*			Black
	/*			696969
	/*			Gray
	/*



/*  body  */
body {
    margin: 0px;
    padding: 0px;
    font-family: verdana;
	font-size: 10px;
	color: #696969;
	background: #e70101 url(images/bodybg2.png) repeat-x fixed;
}

	/*   ######  LAYOUT (STRUTTURA):  2 columns  ######  */
	
		.container{
			margin: 0px auto 0px auto;
			width: 760px;
		}
		
		.header {
			margin: 10px 0px 10px 0px;
			padding: 20px 20px 20px 20px;
		}	
		
		.menu {
		    float: left;
		    width: 170px;
		}
		
		.content {
		  float:right;
		  margin: 0px 0px 10px 0px;
		  padding: 20px;
		  width: 540px;
		 }
		 
		 .footer{
			clear: both;
		    margin: 0px 0px 20px 0px;
		    padding: 2px 5px 5px 5px;
		}
	
	
	/*   ############  TITOLI  ############  */
	
	
		h1 {   /* titolo nero */
			font-size: 1em;
		    font-weight: bold;
		    color: Black;
			margin: 0px;
			padding: 0px;
		}
	
		h2 {   /* titolo rosso */
			font-size: 1.3em;
			font-weight: bold;
			color: Red;
			margin: 0px;
			padding: 0px;
		}
	
		h3 {   /*  titolo nero + piccolo (es. data)  */
			font-size: 0.8em;
			font-weight: bold;
			color: Black;
			margin: 0px;
			padding: 0px;
		}
		
		h4 {   /*  titolo rosso normale */
			font-size: 1em;
			font-weight: normal;
			color: Red;
			margin: 0px;
			padding: 0px;
		}
	
	
	/*   ############  LINK  ############  */
	
	
		a:link, a:visited {
		    color: #e04141;
		    text-decoration: underline;
		  }
	
		a:hover, a:active {
		    font-weight:bold;
		    text-decoration: none;
		  }
		  
		a:link img, a:visited img, a:hover img, a:active img {  
			border: 0px solid White;
		}
		
		h2 a:link, h2 a:visited{
			color: Red;
			text-decoration: none;
		}
		h2 a:hover,  h2 a:active {
			text-decoration: underline;
		}
	
		


	/*   ############  IMAGES  ############  */	
		
		.icon{
			vertical-align: middle;
			margin: 0px;
			padding: 0px 4px 0px 0px;
		}
		
		/*   thumbnail   */ 
		
		.thumb {    
			float: left;
			padding: 3px;
			margin: 5px 7px 0px 0px;
		}
		
		.thumb_center {    
			padding: 3px;
			margin: 5px 7px 0px 0px;
		}
		
		
			a:link .thumb, a:visited .thumb, a:link .thumb_center, a:visited .thumb_center{
				border: 1px solid Gray;
			}
			a:hover .thumb, a:active .thumb, a:hover .thumb_center, a:active .thumb_center{
				border: 1px solid #dd0000;
			}	
	
		/*   didascalia   */ 
		
		.didascalia{
			font-size: 0.8em;
			margin: 0px 30px 10px 30px;
			padding: 0px;
			font-style: italic;
			line-height: 1.1em; 
		}
		
		
		/*   galleria immagini   */ 

		.gallery_container{
			font-size: 0.9em;
			margin-bottom: 5px;
			padding: 2px;
			background: White;
			border: 1px solid White;
		}
				.gallery_container .title{   /*  titolo */
					
					font-weight: normal;
					color: Red;
				}
				.gallery_container .date{  
					
					color: Black;
				}
				.gallery_container p{
					text-align: justify;
					padding: 0px 10px 0px 10px;
				}
		
				/* immagini */
				.gallery{
					margin: 10px 0px 0px 0px;
					padding: 0px;
					text-align: center;
				}
					.gallery .thumb{
						float: none; 
						/*margin: 2px 0px 2px 0px;*/
						margin: 2px;
					}
		
			
	
	







	
	
	/*   ############  HEADER  ############  */


		.header {
			background-color: White;
			background-image:url(images/logo_header.png);
			background-repeat:no-repeat;
			background-position:right center;
		}	
		
		.header h1 {
			font-size: 1.3em;
			font-weight: bold;
			color: Black;
			letter-spacing: 5px;
			text-indent: 70px;
		    padding-bottom: 10px;
		  }
		  
		  
		.header img {
		/*	    margin: 0 0 0 20px;*/
			}
	
	
	/*   ############  MENU  ############  */
	
	
		.menu{
			font-size: 1.2em;
			text-align: center;
		}
		
		.menu ul {
		    list-style: none;
		    margin: 0px;
		    padding: 0px;
		}
		
		.menu li {
		    margin-bottom: 4px;
		}

		.menu li a:link, .menu li a:visited {
			color: #696969;
			text-decoration: none;
		    height: 20px;
		    display: block;
		    padding: 4px 0 4px 10px;
		    background: White;
			border-left: 7px solid #f08080;
		}
		
		.menu li a:hover, .menu li a:active {
			color: #e04141;
		    background: #ffaaaa;
			border-left: 7px solid #e04141;
		}
		
		.menu img {
		    margin: 10px 0 10px 0;
		}
			
			/* Menu - livello 2 */
			
			.menu .livello2 {
				width: 160px;
				font-size: 0.8em;
				margin-left: 10px;
				vertical-align: middle;
			}
			
			.menu .livello2  a:link, .menu .livello2  a:visited {
				background: #ffdddd;
				padding: 0px 0px 0px 0px;
				
			}
			
			.menu .livello2  a:hover, .menu .livello2  a:active {
				background: #ffaaaa;
			}


	/*   ############  CONTENUTO  ############  */

		.content {
			  background-color: White;
			  font-size: 1.2em;
			  line-height: 1.4em; 
			}
		
		.titolo_content {
	        margin: 0 0 30px 0;
	    }
		
		
			/* AVVISO  */
				.avviso {
					margin: 0px 0 20px 0;
					}
				
				.avviso h1 {   /* titolo avviso */
					font-size: 0.9em;
					background: url(images/articolo_title_bg.png) no-repeat bottom left;
					margin: 0px 0px 3px 0px;
					padding: 0px 0px 5px 0px;
				}
				.avviso ul{
					margin: 10px 0px 10px 0px;
					padding: 0px;
					line-height: 20px; 
				}
				.avviso li{
					text-indent: 15px;
					list-style-position: inside;
				}
		
			/* ARTICOLO  (valido anche per EVENTO) */
				.articolo {
					margin: 0 0 40px 0;
				}
				
				.articolo h2 {
					margin: 0px 0px 5px 0px;
					padding: 0px;
				}
				
				.articolo h3 {
					margin: 0px 0px 10px 0px;
					padding: 0px 0px 5px 0px;
					background: url(images/articolo_title_bg.png) no-repeat bottom left;
				}
				
			
				
				.articolo ul {
					list-style-position: inside;
					margin: 5px 0px 5px 0px;
					padding: 0px 0px 0px 20px;
				}
		
			/*  DISCIPLINE  */
				.discipline h2 {
					padding: 0px 0px 7px 0px;
					margin: 0px 0px 5px 0px;
					background: url(images/articolo_title_bg.png) no-repeat bottom left;
				}
		
			/* ORARIO  */
				.tabella_orario td{
					padding-top: 5px;
					padding-bottom: 5px;
					padding-right: 10px;
					text-align: center;
					vertical-align: top;
				}
				
				.orario {
					border: 1px solid Gray;
				}
				
				.orario h1{
					font-size: 1.1em;
					margin: 0px;
					padding: 0px 0px 5px 0px;
					background: url(images/articolo_title_bg.png) no-repeat bottom;
				}
				
				.orario td{
					width: 180px;
					font-size: 0.9em;
				}
				
				.orario hr{
					margin-left: 5px;
					/*width: 100px;*/
					height: 0px; 
				}
				
				
				

	/*   ######   FOOTER   ######*/
		
		.footer{
			background-color: White;
		    font-size: 0.9em;
			text-align: left;	    
		}
		
		.footer p {
		  margin: 0px;
		}
		
	
/* ################  AMMINISTRAZIONE  ################

.footer2 {
	font-size: 0.8em;
	margin: -20px 0px 10px 0px;
	text-align: right;
}
	.footer2 a, .footer2 a:visited{
		color: Gray;
		font-weight: bolder;
	}
	.footer2 a:hover{
		color: Black;
	}

.amministrazione{
	background-color: White;
	padding: 20px;
}

	.amministrazione h2 {
		padding: 0px 0px 10px 0px;
	}
	
	.amministrazione img{
		vertical-align: middle;
	}
	
	.Composition{
		margin: 10px 0px 10px 0px;
	}
	
	#messaggio {
		margin: 10px 0px 10px 0px;
		color: Black;
		font-weight: bold;
	}
	#wait{
		color: Black;
		font-weight: bold;
	}
	*/