/* Foglio di stile per il sito dell'ISSR "G. Toniolo" di Pescara*/
/* Versione 1.0 del 25 marzo 2009 */
/* Autore: Bruno Marien */

/* Dopo gli elementi generici di html sono trattati gli elementi unici (ID) e le classi */

body {
		 min-width: 900px;  
		 color: #333366;
		 }
		 

/* Elementi ID */
/* Parte superiore della pagina con logo e titolo */
#banneralto 	{color: #ffffff;
							background: #333366 url(img/TonioloLogoBlue175.jpg) no-repeat center left;
							border-bottom: solid 1px #333366; 
							border-top: solid 6px #ff9900;  
							}


#banneralto h1, h2, h3 {
							 	text-align: center; 
								padding: 0px 0px 0px 170px; 
								}
								
#banneralto h1 {
							 	text-decoration: underline;
							 	}
								

#banneralto h2 {color: #ff9900; 
							 	text-align: center;
								font-size: 2.5em; 
							 	}
	
/* Menù superiore della pagina con le voci inerenti la parte "istituzionale" */
								
#menualto {background-color: #ff9900;
					color: #333366;  
					font-family: arial, sans-serif;
					font-variant: small-caps;
					border-bottom: 3px solid #333366;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					}
								
#menualto ul {width: 100%;
						 text-align: center;
						 margin: 0 0 0 0;
						 padding: 0 0 0 0;  
						 }
								
#menualto li { 
						 	 display: inline; 
						 	 padding: 0px 20px 0px 20px;
							 border-left: 2px solid #333366;
							 border-right: 2px solid #333366;
						 }

#menualto li a { text-decoration: none;
						 	 	 color: #333366;
							}
		 
#menualto li a:hover{ 
	text-decoration:none;
	color: #ff9900;
	background-color: #333366;
	font-weight:  bold;
}

/* Menù a sinistra con voci per operazioni frequenti, pragmatici */

						 
#menusx {  
	float:left; 
	width: 12%;
	margin: 1% 0% 1% 0%;
	border: solid 2px #333366;
					 }


#menusx ul {  
				list-style: none;
				margin: 0% 0% 0% 0%;
				padding: 0 0 0 0;
				height: auto !important;
					 }
					 
#menusx li {  
	margin: 2% 2% 2% 2%;
	border: solid 2px #ff9900;
	text-align: center;
	font-family: monospace;
	color: #333366;
				 }
				 
#menusx li a {
				 color: #333366;
				 text-decoration: none;
					 }

#menusx li a:hover {
				 color: #ff9900;
				 text-decoration: none;
				 background-color: #333366;
					 }


/* Parte centrale della pagina */
			 
#centro {
			background: #ffffff url(img/TonioloLogo300.jpg) no-repeat center center;
			font-family: verdana, sans-serif;
			font-size: 14px;
			margin: 1% 5% 5% 15%;

  
		 }
		 
#centro h1 {color: #ff9900;
					 font: normal normal large sans-serif;
					 text-indent: -2%;
					 text-decoration: underline overline;
					 text-shadow: #333366 4px 4px 0px;
					 }

/* Menù in basso con link ai siti esterni di altri enti con le quali il Toniolo ha un rapporto istituzionale */

#menubasso {background-color: #333366;
					color: #ff9900;  
					font-family: arial, sans-serif;
					font-variant: small-caps;
					border-bottom: 10px solid #ff9900;
					border-top: 2px solid #ff9900;
					
					}
								
#menubasso ul {width: 100%;
						 text-align: center;
						 margin: 0 0 0 0;  
						 }
								
#menubasso li { 
						 	 display: inline; 
						 	 padding: 0px 20px 0px 20px;
							 border: 2px solid #ff9900;
						 }

#menubasso li a { text-decoration: none;
						 	 	 color: #ff9900;
							}
		 
#menubasso li a:hover{ 
	text-decoration:none;
	color: #333366;
	background-color: #ff9900;
	font-weight:  bold;
}


/* Parte in fondo alla pagina con copyright e indirizzo del Toniolo */

#fondopagina {text-align: center;
						 color: #666666;
						 }
						 

/* Classi */

.continua {font-size: x-small;} /* Classe per la voce "continua..." che porta da una introduzione alla pagina con l'articolo intero */