body
{
    font: 78% "Trebuchet MS" , Verdana, Geneva, Arial, Helvetica, sans-serif;

    padding: 0;
    text-align: center;
    background-image: url(/images/sfondo.jpg);
    min-width: 700px;
    max-width: 1280px;
        margin: 0 auto;
}

.testobase
{
	font: 76% "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.iframe
{
    border: none;
    height: 400px;
    overflow: auto;
    padding: 2px;
}

#corpo
{
    margin: 15px;
    text-align: center;
}

.rientro
{
    margin-left: 2em;
    padding-left: 0.5em;
    border-left: #6699FF 1px dotted;
}

.formview img
{
    border: none;
}

.right, .destra
{
    float: right;
}

.left, .sinistra
{
    float: left;
}

.centro, .centre, .center
{
    text-align:center
}


/*------------------------------------------------ */
/* Stili generali -------------------------------- */
/*------------------------------------------------ */

#legenda p
{
    line-height: 22px;
    height: 22px;
    min-height: 22px;
}

.navigazione
{
    border: #99ccff 1px dashed;
    padding: 0.5em;
    background-color: #ffffc0;
}

acronym
{
    border-bottom: gray thin dotted;
    cursor: help;
}

.clear
{
    clear: both;
    height: 1px;
    overflow: hidden;
}

.ruler
{
    line-height: 0px;
    height: 1px;
    border-bottom: #99ccff 1px dashed;
    font-size: 0px;
    margin: 10px 0;
    padding: 0;
}

.nascosto
{
    display: none;
}

.border {
	clear: both;
	border-bottom: 1px solid #99ccff;
	display: block;
}

.alto
{
    background-position: left top;
    background-attachment: fixed;
    background-image: url(/images/alto.jpg);
    background-repeat: no-repeat;
    padding-left: 20px;
}

h1, h2, hr
{
    display: none;
}

.destra, .right
{
    float: right;
}

.sinistra, .left
{
    float: left;
}

.centro 
{
    text-align: center; 
}

.nascosto 
{
    display: none;
}

.orizzontale
{
    display: inline;
}

.rettangolo
{
    list-style-image:url(/images/quadrato.gif)
}

.letterale
{
    list-style-type:lower-alpha;
}

.numerica
{
    list-style-type:decimal;
}

.rettangolo
{
    list-style-image:url(/images/quadrato.gif)
}

.evidente, .rosso
{
    color: red;
    background-color: white;
    font-weight: bold;
}

.hotspot
{
    border: 1px double #FF0000;
    padding: .5em .5em .5em 40px;
    margin: 0.5em 0;
    min-height: 40px;
    background: url(/images/info.gif) no-repeat left center;
}

.box_contenuto
{
    margin: 40px 5px 5px 5px;
}

#anteprima
{
    color: black;
    background-color: #ffffcc;
    border: solid 1px maroon;
    margin: 5px 0;
    padding: 5px;
    width: 90%;
}

.link
{
    padding: 0.5em 0.5em 0.5em 25px;
    margin: 0.5em;
    background: url(/images/freccia.gif) no-repeat left center;
}

/*------------------------------------------------ */
/* Tabella --------------------------------------- */
/*------------------------------------------------ */


.tabella td 
{
    border-right: 1px solid #99ccff;
    border-bottom: 1px solid #99ccff;
    margin: 1px;
}

.tabella th
{
    background: #EAF4FF;
    color: black;
    border-right: 1px solid #99ccff;
    border-bottom: 1px solid #99ccff;
    font-weight: bold;
    margin: 1px;
}

.tabella table
{
    border: 1px solid #3399FF;
}

.titolo
{
    background: white;
    border-bottom: 1px solid #99ccff; 
    border-right: 1px solid #99ccff;     
    color: #0059B0;
    font-size: 1.0em;  
}

#mappa td, #mappa tr, #mappa th
{
    border: none;
}

/*------------------------------------------------ */
/* Form ------------------------------------------ */
/*------------------------------------------------ */

fieldset
{
    padding: 1.5em;
    margin: 0.5em 0;
    border: dotted 1px gray;
}

input, textarea, select
{
    background-position: #EAFEFF;
    border: 1px solid #3399FF;
    background: #EAFEFF;
    padding: 5px;
    margin: 0;
    color: #000000;
}

label
{
    margin-bottom: 3px;
    margin-top: 10px;
}

input:hover, textarea:hover, select:hover, select:hover
{
    background-position: #FFFFEC;
    background: #FFFFEC;
    border: 1px solid #003300;
    padding: 5px;
    margin: 0;
}

input:focus, textarea:focus, select:focus, select:focus
{
    background-position: #FFFFEC;
    background: #FFFFEC;
    border: 1px solid #FF3300;
    padding: 5px;
    margin: 0;
}

.pulsante, .clic
{
    background-position: #3366CC;
    border: 1px solid #8eb2b2;
    background: #3366CC;
    padding: 3px;
    margin: 0;
    color: #FFFFFF;
}

.pulsante:hover, .clic:hover
{
    background-position: #FFFFFF;
    border: 1px solid #3366CC;
    background: #FFFFFF;
    padding: 3px;
    margin: 0;
    color: #3366CC;
    cursor: pointer;
}

/*------------------------------------------------ */
/* Atti ------------------------------------------ */
/*------------------------------------------------ */

.atto
{
    border-width: 1px;
    border-color: #999999;
    padding-left: 90px;
    margin-top: 1em;
    border-bottom-style: dashed;
    padding-bottom: 0;
    margin-bottom: 0;
    min-height:140px;
}

.oggetto
{
    text-transform: uppercase;
}

.boxcalendario
{
    border: 1px ridge #0099FF;
    text-align: center;
    float: left;
    width: 60px;
    padding: 5px;
    margin-right: 5px;
    margin-left: -90px;
    margin-top: 1em;
}

.boxcalendario .numero
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 250%;
    color: #CC0000;
}

/*------------------------------------------------ */
/* Porzioni di layout ---------------------------- */
/*------------------------------------------------ */

#indice
{
    position: absolute;
    top: -10000px;
    left: -10000px;
    height: 0;
}

/*------------------------------------------------ */
/* Linea delle utilità --------------------------- */
/*------------------------------------------------ */

#prima
{
    width: 100%;
    text-align: left;
    background-color: white;
    border: solid 1px #0059B0;
    padding: .25em;
    margin: 0.25em auto;
    min-height: 2em;
}

#utilita
{
    float: left;
    padding: 0;
    margin: 0;
}

#utilita ul
{
    padding: 0;
    margin: 0; 
    list-style-type: none;   
}

#utilita ul li
{
    display: inline;  
}

#utilita img
{
    border: none;
}

#cerca 
{
    float: right;
}

#cerca p 
{
    margin: 0;
    padding: 0;	 
}

/*------------------------------------------------ */
/* Contenitore------------------------------------ */
/*------------------------------------------------ */

#contenitore
{
    width: 100%;
    background-image: url('../images/testa.gif');
    background-position: right top;
    background-repeat: no-repeat;
    border: none;
        background-color: #FFFFFF;
}

/* Testa ---------------------------- */

#testa
{
    width: 100%;
    height: 65px;
    margin: 0;
    padding: 0;
    text-align: left;
}

#testa p
{
    margin:0;
	padding:0; 
}

#testa ul 
{
    list-style-type: none;
    margin: 0;
	padding: 1px 0; 
    width: 65%;
    border-top: solid 1px yellow;    
}

#testa li
{
    display: inline;    
}

#testa li a
{
    text-decoration: none;
    background-color: white;
    color: black;
    font-weight: bold;
    padding: 0 .5em;
    margin: 0;
}

#testa li a:hover 
{
	text-decoration: none;
	background-color: yellow;	
	color: #0059B0;	
	padding: 0 .5em;
	margin: 0;
}

/* Briciole -------------------------------------- */

#briciole
{
    padding-left: .5em;
    width: 80%;
    margin: 5px 0 0 0;
    padding: 15px 10px;
    text-align: left;   
}

#briciole p
{
    padding-left: 5px;
}

#briciole span
{
    color: black;
    background-color: white;
}

#briciole h3
{
    display: none;
}

#briciole span
{
    color: black;
    background-color: white;
}

#briciole span a:link
{
    color: black;
    background-color: white;
}

#briciole span a:hover
{
    color: red;
    background-color: white;
}

/* ----------------------------------------------- */
/* div contenitori ------------------------------- */
/* ----------------------------------------------- */ 

#corpocentrale 
{
    margin-top: 85px;
}

#contenuto
{
    border-style: dashed dashed none dashed;
    border-width: 1px;
    border-color: #66CCFF;
    margin: 0 163px 0 163px;
    padding: 0.5em;
    color: #000000;
    width: auto;
    min-width: 120px;
    min-height: 600px;
    z-index: 4;
    background-color: #ffffff;
    text-align: center;
}

#contenuto_lungo
{
    margin: 0 20px;
    padding: 15px 10px;
    color: #000000;
    width: auto;
    min-width: 120px;
    z-index: 4;
    background-color: #ffffff;
    border: 1px solid #66CCFF;
}

#colmenusx
{
    float: left;
    width: 160px;
}

#colmenudx
{
    float: right;
    width: 160px;
    margin-right:4px;
}
		
/*#colsinistra
{

	width: 160px;
	position: absolute;
	z-index: 3;
	left: 0;
	margin: 0 0 0 15px;
	padding: 0;
}
		
#coldestra
{

	width: 160px;
	position: absolute;
	z-index: 3;	
	right: 0px;
	margin: 0 15px 0 0;
	padding: 0;
}
*/
#riquadro
{
    border: thin dotted #99ccff;
}
		
#contenuto h2
{
    display: none;
}

#contenuto li
{
    list-style-image:url(/images/quadrato.gif)
}

#contenuto h3
{
    display: inline;
    position: absolute;
    background: yellow;
    border: 1px solid #99ccff;
    color: #0059B0;
    margin: -10px 10px;
    padding: 2px;
    font-size: 1.2em;
}

#contenuto_lungo h3
{
    display: inline;
    position: absolute;
    background: yellow;
    border: 1px solid #99ccff;
    color: #0059B0;
    margin: -10px 10px;
    padding: 2px;
    font-size: 1.4em;
}

#contenuto h4 {
    background: white;
    border-bottom: 1px solid #99ccff;
    color: #0059B0;
    display: block;
    font-size: 1.3em; 
}

#contenuto h5
{
    background: white;
    font-size: 1.1em;
    font-weight: bold;
}

#contenuto h6
{
    background: white;
    font-size: 1.05em;
    font-weight: bold;
}

#contenuto .boxbianco {
    padding: 0;
    margin: 0 auto 1.5em auto;
    width: 95%;
    position: relative;
    text-align: left;
    background-color: white;
    color: black;
    border-top: 1px solid #99ccff;
    border-left: 1px solid #99ccff;
    border-right: 2px solid #99ccff;
    border-bottom: 2px solid #99ccff;          
}

#contenuto_lungo h4
{
    background: white;
    border-bottom: 1px solid #99ccff;
    color: black;
    display: block;
    font-size: 1.2em;
}

#contenuto_lungo h5
{
    background: white;
    font-size: 1.1em;
    font-weight: bold;
}

#contenuto_lungo .boxbianco
{
    padding: 0;
    margin: 0 0 15px 0;
    width: 95%;
    position: relative;
    text-align: left;
    background-color: white;
    color: black;
    border-top: 1px solid #99ccff;
    border-left: 1px solid #99ccff;
    border-right: 2px solid #99ccff;
    border-bottom: 2px solid #99ccff;
}

#contenuto .testo
{
    margin: 30px 5px 5px 5px;
}

#contenuto img
{
    padding: 1px;
    border: 2px solid #99ccff;
    margin: 0.5em;
}

#contenuto_lungo img
{
    padding: 1px;
    border: 2px solid #99ccff;
    margin: 0.5em;
}

#contenuto .alto
{
    background:url(/images/alto.jpg) no-repeat top left; 
    margin-left:0;
    text-align: left;
    list-style-type: none;
    padding-left: 20px; 
    height: 20px;
    min-height: 20px;
}

.notizia
{
    width:100%;
    text-align:left;
    background-color:white; 
	padding: 0;
    margin: 0;   
	min-height:120px;
}

.notizia img
{
    float: right;
    padding: 0;
    margin: 0;
}

.box_contenuto a
{
    color: #0059B0;
    background-color: white;
}

.box_contenuto a:hover
{
    color: red;
    background-color: white;
}

.box_contenuto a:visited
{
    color: purple;
    background-color: white;
}

.boxdestra
{
    float: right;
    width: 175px;
    text-align: center;
    padding: .5em;
    margin: .5em;
    background-color: white;
    border-top: 2px solid #99ccff;
    border-left: 2px solid #99ccff;
    border-right: 1px solid #99ccff;
    border-bottom: 1px solid #99ccff;
}

/* Elenchi -------------------------------------- */

#elenco
{

}  

#elenco .imgelenco
{
	float: left;
	margin: 0px;
	padding: 0px;
	border: 2px solid #99ccff;
}

#elenco .testoelenco
{
    float: left;
	text-align: left;
	min-height: 40px;
	margin: 0 0 0 50px;
	padding: 0px;
}

/* Elenchi -------------------------------------- */

#elenco
{

}  

#elenco .imgelenco
{
	float: left;
	margin: 3px;
	padding: 0px;
	border: 2px solid #99ccff;
}

#elenco .testoelenco
{
    float: left;
	text-align: left;
	min-height: 40px;
	margin: 0 0 0 50px;
	padding: 0px;
}

/* Riquadri simil fieldset ----------------------- */

.box {
    padding: 0;
    margin: 0 .25em 15px .25em;
    width: 160px;
    position: relative;
    text-align: left;
    background-color: #0059B0;
}

.box h3
{
    display: inline;
    position: absolute;
    top: -10px;
    background: yellow;
    border: 1px solid #0059B0;
    color: #0059B0;
    margin: 0 5px;
    padding: 2px;
    font-size: 0.8em;
}

.box ul
{
	list-style: none;
	width: 160px;
	margin: 8px 0 0 0;
	padding: 22px 0 0 0;
	font-size: 1.0em;
}

.box ul li
{
	display: block;
	padding: 2px;
	margin: 0;
}

.box ul li a
{
    text-decoration: none;
	color: white;
	display: block;
	font-weight: bold;
	border-bottom: 1px solid white;
	border-left: 1px solid #0059B0;
	border-right: 1px solid #0059B0;
	padding: 0;
	margin: 0;	
}

.box ul li a:hover {
	background-color: yellow;
	color: #0059B0;
	text-decoration: none;
	border-left: 1px solid #0059B0;	
	border-right: 1px solid #0059B0;		
	padding: 0;
	margin: 0;
}

.box ul ul
{
	margin: 0;		
	padding: 0;
}

.box ul ul li
{
    text-decoration: none;
    color: white;
    display: block;
    font-weight: bold;
    padding: 2px;
    margin: 0;
    border-left: #00ccff 10px solid;
}

.imgnotizia
{
    float: left;
    margin: 5px;
    padding: 0;
}

.pnotizia
{
    float: right;
    margin: 5px;
    padding: 0 5px;
    border-left: solid 1px #0059B0;
}

.espandi
{
    background-position: left top;
    background-image: url(/images/giu.gif);
    background-repeat: no-repeat;
    padding-left: 15px;
}

.comprimi
{
    background-position: left top;
    background-image: url(/images/su.gif);
    background-repeat: no-repeat;
    padding-left: 15px;
}

/* ----------------------------------------------- */
/* div pie di pagina ----------------------------- */
/* ----------------------------------------------- */ 

#piedipagina 
{
	clear: both;
	border: solid 1px #005902; 
	background-color: white;
    background-image: url(/images/pie.jpg);
	background-position: top left;
	background-repeat: repeat-x;	
	padding: .3em;
	font-weight: bold;
    margin: 5px 175px 0 175px;
    text-align: left;
}

#piedipagina h2
{
    display: none;
}

#piedipagina p
{
    font-size: 0.9em;
    margin: 0;
    padding: 0;	
    color: white;
}

.imgnotizia
{
    float: left;
    margin: 5px;
    padding: 0;
}

.pnotizia
{
    float: right;
    margin: 5px;
    padding: 0 5px;
    border-left: solid 1px #0059B0;
}

.espandi
{
    background-position: left top;
    background-image: url(/images/giu.gif);
    background-repeat: no-repeat;
    padding-left: 15px;
}

.comprimi
{
    background-position: left top;
    background-image: url(/images/su.gif);
    background-repeat: no-repeat;
    padding-left: 15px;
}

/* ----------------------------------------------- */
/* div validazioni ------------------------------- */
/* ----------------------------------------------- */ 

/*------------------------------------------------ */
/* Album ----------------------------------------- */
/*------------------------------------------------ */

.albumlistimmagini {
	width: 100%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.albumlistimmaginiul {
	list-style-type: none;
	float: left;
}

.albumlistimmagini ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;		
}

#albumlist
{
	width: 400px;
	padding: 0;
	margin: 0;	
}

#albumlist ul
{
    padding: 0;
	margin-left: -20px;	
	list-style: none;		
}

#albumlist li
{
    min-height: 170px;
    height: auto !important;
    height: 170px;
    padding: 0;
    margin: 2px;
    float: left;
    width: 170px;
    list-style: none;
}

/* Album ----------------------------------------- */

#albumlisthome
{
    text-align: center;
    margin: 0;
    padding: 0;
}

#albumlisthome ul
{
    list-style-type: none;
}

#albumlisthome li
{
    display: inline;
}

#albumlisthome p
{
    font-size: smaller;
    margin: 5px 168px -15px 168px;
    border-top: solid 1px #005902;
}


/* ----------------------------------------------- */
/* div pie di pagina ----------------------------- */
/* ----------------------------------------------- */ 

#piedipagina
{
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #66CCFF;
    clear: both;
    background-color: white;
    background-image: url('../images/comune.jpg');
    background-position: right top;
    background-repeat: no-repeat;
    padding: .3em;
    font-weight: bold;
    text-align: left;
    min-width: 700px;
    max-width: 1280px;
    margin: 0 auto;
}

#piedipagina h2
{
    display: none;
}

#piedipagina p
{
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    color: #000066;

}

/*---Varie*/

#cerca 
{
    float: right;
}

#cerca p 
{
    margin: 0;
    padding: 0;	 
}

#cerca input
{
    font-size: .8em;
}