﻿body
{
    font: 76% "Trebuchet MS" , Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    background-image: url(/images/sfondo.jpg);
    min-width: 1024px;
    max-width: 1280px;
}

.testobase
{
	font: 76% "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#corpo
{
    margin: 15px;
    text-align: center;
}

.rientro
{
    margin-left: 2em;
    padding-left: 0.5em;
    border-left: #005902 1px dotted;
}

/*------------------------------------------------ */
/* Stili generali -------------------------------- */
/*------------------------------------------------ */

.navigazione
{
    border: #005902 1px dotted;
    padding: 0.5em;
    background-color: #ffffc0;
}

acronym
{
    border-bottom: gray thin dotted;
    cursor: help;
}

.clear {
	clear: both;
}

.ruler
{
    line-height: 0px;
    height: 1px;
    border-bottom: #005902 1px dotted;
    font-size: 0px;
    margin: 10px 0;
    padding: 0;
}

.nascosto {
	display: none;
}

.border {
	clear: both;
	border-bottom: 1px solid #99ccff;
	display: block;
}

.nobordo
{
    border: none;
}

.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, .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;
}

.info
{
    border: thin dotted red;
    padding: 0.5em 0.5em 0.5em 50px;
    margin: 0.5em;
    background: url('/images/info.gif') no-repeat left center;
}

.hotspot
{
    background-color: white;
    font-weight: bold;
    border: 1px dotted #FF0000;
    padding: 0.5em;
    margin: 0.5em;    
}

.link
{ 
    padding: 0.5em 0.5em 0.5em 30px;
    margin: 0.5em;
    background: url('/images/link.jpg') 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%;
}

td
{
    border-right: 1px solid #005902;
    border-bottom: 1px solid #005902;
    margin: 1px;
}

th 
{
    background-color: #CDDAD0;
    color: black;
    border-right: 1px solid #005902;
    border-bottom: 1px solid #005902;
    font-weight: bold;
    margin: 1px;
}

.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;
}

/* Eventi ----------------------------------------------- */

.boxcalendario
{
    border: 1px ridge #339933;
    text-align: center;
    float: left;
    width: 60px;
    padding: 5px;
    margin-right: 5px;
    margin-left: -90px;
}

.boxcalendario .numero
{
    font-family: 'Times New Roman' , Times, serif;
    font-size: 250%;
    color: #CC0000;
}

.evento
{
    border-width: 1px;
    border-color: #999999;
    padding-left: 90px;
    margin-bottom: 0.5em;
    padding-bottom: 1.5em;
}

/* Form ----------------------------------------- */

fieldset, #contenuto fieldset
{
    margin: 30px 5px 5px 5px;
    padding: 2em;
    border: 1px dotted #009999;
}

legend
{
    border: #33cc99 1px dotted;
    background-color: white;
    padding: 2px;
    color: Black;
}

input, select, textarea
{
    border: 1px ridge #808080;
    background: url(/images/bg7711304181.png) repeat-x #eae6e6;
    font-family: tahoma, helvetica, sans-serif;
    font-style: normal;
    font-size: 14px;
    color: #454743;
}

textarea
{
    width: 100%;
}

/*------------------------------------------------ */
/* Porzioni di layout ---------------------------- */
/*------------------------------------------------ */

#indice
{
    position: absolute;
    top: -10000px;
    left: -10000px;
    height: 0;
}

/*------------------------------------------------ */
/* Linea delle utilità --------------------------- */
/*------------------------------------------------ */

#prima
{
    width: 99%;
    text-align: left;
    background-color: white;
    border: solid 1px #005902;
    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.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: 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
{
    list-style-type: none;
    margin: 4px 0;
	padding: 1px 0; 
    width: 100%;
    display: block;
    background-color: White;
}

#briciole p
{
    padding-left: 5px;
}

#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: #000000;		
	width: auto;
	min-width: 120px;
	min-height: 600px;
	z-index: 4;
	background-color: #ffffff;
    border: 1px solid #005902; 
    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 #005902; 
}

#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
{
    background-attachment: scroll;
    background-image: url(/images/sfondotitolo.jpg);
    background-repeat: repeat;
    border-bottom: 1px solid #005902;
    color: #005902;
    margin: 0;
    padding: 2px;
    font-size: 1.3em;
    font: "Trebuchet MS" , Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#contenuto_lungo h3
{
    background-attachment: scroll;
    background-image: url(/images/sfondotitolo.jpg);
    background-repeat: repeat;
    border-bottom: 1px solid #005902;
    color: #005902;
    margin: 0;
    padding: 2px;
    font-size: 1.3em;
    font: "Trebuchet MS" , Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#contenuto h4 {
    background: white;
    border-bottom: 1px solid #005902;
    color: #005902;
    display: block;
    font-size: 1.2em;
    font: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 5px 0;
    padding:0;    
}

#contenuto h5
{
    background: white;
    display: inline;
    border-bottom: 1px solid #005902;
    font-size: 1.2em;
    font-weight: bold;
    font: "Trebuchet MS" , Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

#contenuto h6
{
    background: white;
    display: inline;
    font-size: 1.1em;
    font-weight: bold;
    font: "Trebuchet MS" , Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

#contenuto .boxbianco {
    padding: 0;
    margin: 0 auto;
    width: 95%;
    position: relative;
    text-align: left;
    background-color: white;
    color: black;
    border-top: 1px solid #005902;  
    border-left: 1px solid #005902;
    border-right: 2px solid #005902;
    border-bottom: 2px solid #005902;          
}

#contenuto_lungo h4 {
    background: white;
    border-bottom: 1px solid #005902;  
    color: black;
    display: block;
    font-size: 1.2em;   
    font: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 0;
    padding:0;
}

#contenuto_lungo h5 {
    background: white;
    font-size: 1.1em; 
    font-weight: bold;   
    font: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 0;
    padding:0;
}

#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 #005902;    
    border-left: 1px solid #005902;   
    border-right: 2px solid #005902;   
    border-bottom: 2px solid #005902;               
}

#contenuto .testo
{
    margin: 30px 5px 5px 5px;
}

#contenuto img {
	padding: 1px;
	border: 2px solid #005902;
	margin: 0.5em;
}

#contenuto img:hover {
	padding: 1px;
	border: 2px solid red;
	margin: 0.5em;
}

#contenuto_lungo img {
	padding: 1px;
	border: 2px solid #005902;
	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;
}


.boxbianco {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    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;       
}

.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 #005902;   
    border-left: 2px solid #005902; 
    border-right: 1px solid #005902; 
    border-bottom: 1px solid #005902;     
}

#parco
{
    background-attachment: scroll;
    background-image: url(/images/sfondoparco.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    margin: 0;
    padding: 2px;
    min-height: 98px;
}

#parco .img
{
    border: none;
    background-image: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
}

#parco p
{
    padding: 0;
    margin: 0;
}

/* Elenchi -------------------------------------- */

#elenco
{

}  

#elenco .imgelenco
{
	float: left;
	margin: 0px;
	padding: 0px;
	border: 2px solid #005902;
}

#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: #005902;
}

.titolomenu
{
    display: block;
    width: 156px;
    top: 0px;
    color: #005902;
	margin: 0;
	padding: 0 2px;
	font-size: 1.0em;
    background-position: 0% 0%;
    background-attachment: scroll;
    background-image: url(/images/sfondotitolo.jpg);
    background-repeat: repeat;
}

.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: #005902;
    border-bottom: #99ffcc 1px solid;
    border-left: #99ffcc 1px solid;
    border-right: #99ffcc 1px solid;
    padding: 0 2px;
    margin: 0;
}

.box ul li a:hover
{
    background-color: yellow;
    color: #0059B0;
}

/* ----------------------------------------------- */
/* 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;
}

/* ----------------------------------------------- */
/* 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;    
}