body
{
    font: 96% Arial, Verdana, Geneva, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: Black;
    min-width: 700px;
}

.testobase
{
    font: 96% Arial, Verdana, Geneva, Helvetica, sans-serif;
}


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

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

.clear {
	clear: both;
}

.riquadro
{
    border-right: #0059b0 1px dashed;
    border-top: #0059b0 1px dashed;
    border-left: #0059b0 1px dashed;
    border-bottom: #0059b0 1px dashed;
    margin: 2px;
    padding: 2px;
}

.nascosto, hr, h1, h2 {
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

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

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

.destra {
	float: right;
}

.sinistra {
	float: left;
}

.centro 
{
    text-align: center; 
}

.orizzontale
{
    display: inline;
}

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

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

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

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

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

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

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

.tabella
{
     border: none;   
}

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

.tabella th 
{
    background: white;
    color: #0059B0;
    border-right: 1px solid #99ccff;
    border-bottom: 1px solid #99ccff;
    margin: 1px;
}

.tabella textarea
{
    font: 96% Arial, Verdana, Geneva, Helvetica, sans-serif;}

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

#mappa td
{
    border: none;
}

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


#albumlist
{
	list-style-type: none;
	width: 400px;
	padding: 0;
	margin: 0;	
}

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

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

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

#contenuto fieldset
{
    margin: 30px 5px 5px 5px;
    padding: .5em;
    border: dotted 1px #0059B0;
}

input
{
    font-weight:bold;
    margin-left: 5px;
    font-size: 0.8em;
}

select
{
    font: 96% Arial, Verdana, Geneva, Helvetica, sans-serif;
}

textarea
{
    width: 100%;
    font: 96% Arial, Verdana, Geneva, Helvetica, sans-serif;
}

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

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

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

#prima
{
    width:100%;
    text-align:left;
    background-color: black; 
	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 a
{
    color: #0059B0;
    background-color:white;
}

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

#utilita a:visited
{
    color:purple;
    background-color:white;
}

#utilita img
{
    border: none;
}

#cerca 
{
    float: right;
}

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

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

#contenitore
{
    width: 100%;    
	border: none;
}

/* 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: #0059B0;
	color: white;
	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: 2px 0 0 0;
    padding: 10px 10px;
    text-align: left;        
}

#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
{
	margin: 0 175px;
	padding: 15px 10px;
	color: #ffffff;		
	width: auto;
	min-width: 120px;
	z-index: 4;
	background-color: #000000;
    border: 1px solid #99ccff;
    text-align: center;
}

#contenuto_lungo
{
	margin: 0 20px;
	padding: 15px 10px;
	color: #ffffff;		
	width: auto;
	min-width: 120px;
	z-index: 4;
	background-color: #000000;
    border: 1px solid #99ccff;
}
		
#colmenusx
{
    float: left;
    width: 160px;
}

#colmenudx
{
      float: right;  
      width: 160px;
}
			
#contenuto h2
{
    display: none;
}

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

#contenuto_lungo h3 {
    display: inline;
    position: absolute; 
    background: gray;
    border: 1px solid #99ccff; 
    color: #ffffff;
    margin: -10px 10px;
    padding:2px;
    font-size: 1.2em;
}

#contenuto h4 {
    background: gray;
    border-bottom: 1px solid #99ccff; 
    color: #ffffff;
    display: block;
    font-size: 1.2em;    
}

#contenuto h5
{
    background: black;
    color: White;
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: #ffffff thin dashed;
}

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

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

#contenuto_lungo h5 {
    background: black;
    color: 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: black;
    color: white;
    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/alto2.jpg) no-repeat top left; 
    margin-left:0;
    text-align: left;
    list-style-type: none;
    padding-left: 20px; 
    height: 20px;
    min-height: 20px;
}

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

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

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

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

.boxdestra
{
    float:right;
    width: 25%;
    text-align:center;
    padding: .5em;
    margin: .5em;
    font-size: 0.9em;
    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;
}

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

.box
{
    padding: 0;
    margin: 0 .25em 15px .25em;
    width: 100%;
    position: relative;
    text-align: left;
    background-color: #000066;
}

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

.box ul
{
	list-style: none;
	width: 100%;
	margin: 15px 0 0 0;
	padding: 20px 0 0 0;
	font-size: 1.0em;
}

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

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

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

#piedipagina 
{
	clear: both;
	border: solid 1px #99ccff;
	background-color: black;
	color: white;
	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;	
}


.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 ----------------------------------------- */

#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 #0059B0;    
}