/* CSS Document */


/* CONTIENE IL CSS RELATIVO ALLA STRUTTURA DELLE PAGINE E DELLE BARRE DI NAVIGAZIONE*/


/*blocchi della homepage*/
/*sono definiti la dimensione e la tipologia dei font*/

#titolonovita{
height:auto; 
width:380px;
margin-top:10px;
margin-right:5px;
float:right;
line-height:20px;
}

#titolonovita p {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding:10px;
padding-right:25px;
text-align:justify;
}

#titolonovita h2{
margin-top:14px;
font-size:15px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
padding-top:5px;
padding-right:10px;

}

#titolobiblioteca{
height:18px; 
width:340px; 
border-bottom:1px solid blue; 
color:#0000CC;
text-align:right;
padding-bottom:8px;
}

#titolobiblioteca p {
font-size:12px;
color:#0000FF;
text-align:right;

}


#biblioteca{
background:url(../immagini/homepage/biblioteca_back.gif) no-repeat;
height:280px; 
width:380px; 
float:right;  
font-size:12px; 
text-align:justify; 
margin-top:20px;
margin-right:5px;
line-height:20px;
}

#biblioteca p {
font-size:12px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
padding:15px;
padding-right:25px;
}


#corsilingua{
background:url(../immagini/homepage/corsi_back.gif) no-repeat;
height:250px; 
width:380px; 
float:right;  
font-size:12px; 
text-align:justify; 
margin-top:20px;
margin-right:5px;
line-height:20px
}

#corsilingua p {
font-size:12px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
padding-top:10px;
padding:15px;
padding-right:25px;
}

#ricerca{
background:url(../immagini/homepage/ricerca_back.gif) no-repeat;
height:300px; 
width:380px; 
float:right;
line-height:16px; 
font-size:12px; 
margin-top:10px;
margin-right:5px;
padding-top:20px;
}

#ricerca p {
font-size:11px;
font-family:Arial;
padding-top:10px;
padding:15px;
padding-right:25px;
}


#barranavigazione{
height:25px; 
width:800px; 
margin-left:10px; 
margin-top:5px;
margin-bottom:10px; 
}

#banner {
width:100%; 
height:14px; 
margin-left:10px; 
color:#036; 
font-size:10px;
font-family:Verdana;
margin-bottom:15px;
margin-right:10px;
}


#informazione {
	float:left;
	width:300px;
	height:145px;
	margin-top:5px;
	padding-left:5px;
}


#novita {
	float:left;
	width: 45%;
	min-width:300px;
	margin-bottom:5px;
	margin-top:0;
	height:230px;
	padding:2 2 2 2;
	background-color:#FF00CC;
}

#novita p {
font-size:12px;
text-align:justify;
}

#contenutosito {
height:280px;
width:950px;
padding:0px 0px 0px 5px;
margin:0 0 0 0;
}


#introistituto{
height:280px;
width:400px;
text-align:justify;
float:left;


}

#introistitutoright{
height:280px;
width:400px;
text-align:justify;
float:left;
margin-left:90px;

}


#mostraincorso{
height:280px;
width:100%;
margin-top:15px;
padding:20px 0px 0px 0px;

}


#container{
	height:250px;
	width:100%;
	padding:0 0 5px 0;
	margin-bottom:0px;
}

#titolo {
font-size:12px;
}



/* CONTAINER il layout base del sito, le dimensioni sono fisse*/







/* DIVISORIO  il layout che compone il banner colorato per ogni sezione del sito*/

#divisorio {
font-size:10px;
margin-top:10px;
margin-bottom:10px;
padding:0 0 0 5px;
width:17%;
height:20px;
text-align:left;
color:#FFFFFF;
background-color:#009999
}

#divisoriolink {
font-size:10px;
margin-left:10px;
margin-top:0px;
margin-bottom:10px;
padding:0 0 0 5px;
width:18.6%;
height:20px;
text-align:left;
color:#FFFFFF;
background-color:#00ccff;
}

#divisorioistituto {
font-size:10px;
margin-left:10px;
margin-top:0px;
margin-bottom:10px;
padding:0 0 0 5px;
width:18.6%;
height:20px;
text-align:left;
color:#FFFFFF;
background-color:#009999
}

#divisorioarchivio {
font-size:10px;
margin-left:10px;
margin-top:0px;
margin-bottom:10px;
padding:0 0 0 5px;
width:18.6%;
height:20px;
text-align:left;
color:#FFFFFF;
background-color:#ff6699
}
/* DIVISORIO ? il layout che compone il banner colorato per ogni sezione del sito*/

#divisorioattivita {
font-size:10px;
margin-left:10px;
margin-top:0px;
margin-bottom:10px;
padding:0 0 0 5px;
width:18.6%;
height:20px;
text-align:left;
color:#FFFFFF;
background-color:#CC0033;
}

/* DIVISORIO ? il layout che compone il banner colorato per ogni sezione del sito*/

#divisoriobiblio {
padding:0 0 0 5px;
font-size:10px;
margin-left:10px;
margin-top:0px;
margin-bottom:10px;
width:18.6%;
height:20px;
text-align:left;
color: #FFFFFF;
background-color:#FF6600;
}

/* DIVISORIO ? il layout che compone il banner colorato per ogni sezione del sito*/

#divisoriocorsi {
padding:0 0 0 5px;
font-size:10px;
margin-left:10px;
margin-top:0px;
margin-bottom:10px;
width:18.6%;
height:20px;
text-align:left;
color: #FFFFFF;
background-color: #336699;
}

#divisoriocontattaci {
padding:0 0 0 5px;
font-size:10px;
margin-left:10px;
margin-top:0px;
margin-bottom:10px;
width:18.6%;
height:20px;
text-align:left;
color: #FFFFFF;
background-color: #009966;
}

.dropcap
{
float: center;
width: .7em;
font-size: 2em;
line-height: 83%;
}

#indirizzo{
border-bottom-style:dotted;
border-bottom-color:#FFFFFF;
border-bottom-width:thin;
width:350px;
font-size:9px;
}

p2 {
font-family:"Century Gothic";
color:#FFFFFF
}

p3 {
font-family:"Century Gothic";
color:#FF9900;
font-size:12px;
}

/* ATTIVITAISTITUTO  il layout che contiene il testo per ogni sezione. Ha altezza variabile ma larghezza fissa*/

#attivitaistituto{
height:100%;
width:650px;
text-align:justify;
float:left;
margin:10px 20px 10px 120px;
}

/* NON USATO - DA RIMUOVERE */

#corsolingua{
height:100%;
width:500px;
text-align:justify;
float:left;
margin:10px 20px 10px 120px;
}







/*NAVLIST ? il layout per la barra di navigazione verticale*/
/*sono definiti la dimensione e la tipologia dei font*/

#navlist
{
font-family: Century Gothic;
font-size:9.2px;
list-style-type: none;
width:860px;
height:2.4em;
color: #fff;
background-color: #036;
float:left;
}

#navlist li { display: inline; }

#navlist li a
{
width: 7.5em;
height: 2em;
color: #fff;
background-color: #036;
text-decoration: none;
padding: 0.2em 2em;
border-right: 1px solid #fff;
float:left;
font:Verdana;
}

#navlist li a:hover
{
background-color: #369;
color: #fff;
}


/*NAVLIST ? il layout per la barra di navigazione orizzontale*/
/*sono definiti la dimesione e la tipologia dei font*/


#vertmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 115px;
	}

#vertmenu h1 {
display: none; 
background-color: #0033CC;
font-size: 90%; 
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #FFFF99;
width:140px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 90%;
display: block;
border-bottom: 1px solid #006699;;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:160px;
}

#vertmenu ul li a:select{
background-color:#FF0000;
}


#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color:#FFFFFF;
background-color:#336699;
}