﻿body
{ 
    font: 100% Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin:0; padding:0;
	text-align:center;
	background-color: black;
	min-width: 700px; font-weight:bolder; 
}

.testobase
{
	font: 90% Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#corpo
{
    margin: 15px;
	text-align:center;
}

/*------------------------------------------------ */
/* Stili generali -------------------------------- */
/*------------------------------------------------ */


a
{
    color: aqua;
    background-color: black;
}

a:hover
{
    color:red;
    background-color:white;
}

a:visited
{
    color: fuchsia;
    background-color: black;
}

acronym
{
    border-bottom: gray thin dotted;
    cursor: help;
}

.clear
{
    clear: both;
}

.ruler
{
    line-height: 0px;
    height: 1px;
    border-bottom: white 1px dotted;
    font-size: 0px;
    margin: 10px 0;
    padding: 0;
}

.nascosto {
	display: none;
}

.border
{
    clear: both;
    border-bottom: yellow 1px solid;
    display: block;
}

.alto
{
    background-position: left top;
    background-attachment: fixed;
    background-image: url(/images/alto.jpg);
    background-repeat: no-repeat;
    padding-left: 20px;
}

h1
{
    display: none;
}

h2
{
    display: none;
}

hr
{
    display:none
}

.destra {
	float: right;
}

.sinistra {
	float: left;
}

.centro 
{
    text-align: center; 
}

.nascosto 
{
    display: none;
}

.orizzontale
{
    display: inline;
}

.letterale
{
    list-style-type:lower-alpha;
}

.numerica
{
    list-style-type:decimal;
}

.rettangolo
{
    list-style-image:url(/images/quadrato_c.gif)
}

.evidente, 
{
    color:red;
    background-color:white;
    font-weight:bold;
}

.hotspot
{
    background-color: white;
    font-weight: bold;
    border: 1px dotted #FF0000;
    padding: 5px;
}

.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 white;
    border-bottom: 1px solid white;
    font: 85% Arial, Verdana, Geneva, Helvetica, sans-serif;  
    margin: 1px;
    color: white;
}

.tabella th 
{
    background: black;
    color: white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    font: 85% Arial, Verdana, Geneva, Helvetica, sans-serif; 
    font-weight: bold;
    margin: 1px;
}

.titolo
{
    background: black;
    border-bottom: 1px solid white; 
    border-right: 1px solid white;     
    color: #0059B0;
    font-size: 1.0em;  
}

#mappa td
{
    border: none;
}

/*------------------------------------------------ */
/* 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;	
}

#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 white;
}

input
{
    font-weight:bold;
    margin-left: 5px;
    font-size: 0.8em;
}

select
{
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

textarea
{
    width: 100%;
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

/*------------------------------------------------ */
/* Porzioni di layout ---------------------------- */
/*------------------------------------------------ */

#indice
{
    position: absolute;
    top: -10000px;
    left: -10000px;
    height:0; 
}

/*------------------------------------------------ */
/* Linea delle utilità --------------------------- */
/*------------------------------------------------ */

#prima
{
    width: 99%;
    text-align: left;
    background-color: black; 
	border: solid 1px white;
	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/testa2.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	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: 100%;
    border-top: solid 1px white;    
}

#testa li
{
    display: inline;    
}

#testa li a
{
    text-decoration: none;
    background-color: navy;
    color: white;
    font-weight: bold;
    padding: 0 .5em;
    margin: 0;
}

#testa li a:hover 
{
	text-decoration: none;
	background-color: yellow;	
	color: navy;	
	padding: 0 .5em;
	margin: 0;
}

/* Briciole -------------------------------------- */

#briciole
{
    list-style-type: none;
    margin: 4px 0;
	padding: 1px 0; 
    width: 100%;
    display: block;
    background-color: black;
}

#briciole h3
{
    display: none;
}

#briciole p
{
    padding-left: 5px;
}

#briciole span
{
    color: white;
    background-color: black;
}

#briciole span a:link
{
    color: white;
    background-color: black;
}

#briciole span a:hover
{
    color: red;
    background-color: black;
}

/* ----------------------------------------------- */
/* div contenitori ------------------------------- */
/* ----------------------------------------------- */ 

#corpocentrale 
{
    margin-top: 85px;
}

#parco
{
    width: 100%;
    background-image: url(/images/sfondoparco.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    border: none;
}

#parco .img
{
    border: none;
}

#contenuto
{
	margin: 0 175px;
	padding: 15px 10px;
	color: white;		
	width: auto;
	min-width: 120px;
	z-index: 4;
	background-color: black;
    border: 1px solid #005902; 
    text-align: center;
}

#contenuto_lungo
{
	margin: 0 20px;
	padding: 15px 10px;
	color: white;		
	width: auto;
	min-width: 120px;
	z-index: 4;
	background-color: black;
    border: 1px solid white; 
}

#colmenusx
{
    float: left;
}

#colmenudx
{
      float: right;  
}
		
#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;
}
		
#contenuto h2
{
    display: none;
}

#contenuto li
{
    list-style-image:url(/images/quadrato.gif)
}

#contenuto h3 {
    border-bottom: 1px solid white; 
    color: navy;
    background-color: yellow;
    margin: 0;
    padding:2px;
    font-size: 1.2em;
    font: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#contenuto_lungo h3 {
    border-bottom: 1px solid white; 
    color: navy;
    background-color: yellow;
    margin: 0;
    padding:2px;
    font-size: 1.2em;
    font: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#contenuto h4 {
    background: black;
    border-bottom: 1px solid white;
    color: white;
    display: block;
    font-size: 1.2em;
    font: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#contenuto h5 {
    background: black;
    display: inline;
    border-bottom: 1px solid white;
    font-size: 1.1em; 
    font-weight: bold;  
    font: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#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 white;  
    border-left: 1px solid white;
    border-right: 2px solid white;
    border-bottom: 2px solid white;          
}

#contenuto_lungo h4 {
    background: white;
    border-bottom: 1px solid white;  
    color: white;
    display: block;
    font-size: 1.2em;   
    font: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#contenuto_lungo h5 {
    background: black;
    font-size: 1.1em; 
    font-weight: bold;   
    font: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#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 white;  
    border-left: 1px solid white;
    border-right: 2px solid white;
    border-bottom: 2px solid white;              
}

#contenuto .testo
{
    margin: 30px 5px 5px 5px;
}

#contenuto img {
	padding: 1px;
	border: 2px solid white;
	margin: 0.5em;
}

#contenuto img:hover {
	padding: 1px;
	border: 2px solid red;
	margin: 0.5em;
}

#contenuto_lungo img {
	padding: 1px;
	border: 2px solid white;
	margin: 0.5em;
}

#contenuto .alto
{
    background:url(/images/alto_c.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;
    width: 100%;
    text-align: center;
    background-color: black;
    color: white;
    border-top: 1px solid white;    
    border-left: 1px solid white;  
    border-right: 2px solid white;  
    border-bottom: 2px solid white;       
}

.boxbianco a
{
    color: aqua;
    background-color: black;
}

.boxbianco a:hover
{
    color:red;
    background-color:white;
}

.boxbianco a:visited
{
    color: fuchsia;
    background-color: black;
}

.boxdestra
{
    float:right;
    width: 175px;
    text-align:center;
    padding: .5em;
    margin: .5em;
    background-color: black;
    border-top: 2px solid white;   
    border-left: 2px solid white;  
    border-right: 1px solid white;  
    border-bottom: 1px solid white;      
}

/* Elenchi -------------------------------------- */

#elenco
{

}  

#elenco .imgelenco
{
	float: left;
	margin: 0px;
	padding: 0px;
	border: 2px solid white;
}

#elenco .testoelenco
{
    float: left;
	text-align: left;
	min-height: 40px;
	margin: 0 0 0 50px;
	padding: 0px;
}

/* Riquadri dei menù ----------------------- */

.box
{
    padding: 2px;
    margin: 0;
    width: 156px;
    position: relative;
    text-align: left;
    background-color: black;
}

.titolomenu
{
    display: block;
    width: 156px;
    top: 0px;
    color: navy;
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	background-color: yellow;
	
}

.box ul
{
	list-style: none;
	width: 156px;
	margin: 0;
	padding: 0;
}

.box ul li
{
	display: block;
	padding: 2px;
	margin: 0;
}

.box ul li a
{
    text-decoration: none;
    color: white;
    display: block;
    font-weight: bold;
    background-color: navy;
    border-bottom: white 1px solid;
    border-left: white 1px solid;
    border-right: white 1px solid;
    padding: 0 2px;
    margin: 0;
}

.box ul li a:hover
{
    background-color: white;
    color: navy;
}

/* ----------------------------------------------- */
/* div pie di pagina ----------------------------- */
/* ----------------------------------------------- */ 

#piedipagina 
{
	clear: both;
	border: solid 1px white; 
	background-color: black;
	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;
}

/* ----------------------------------------------- */
/* 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 white;    
}
