html {
	height: 100%;
}

body
	{
	height: 100%;
	font: 75% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #4A7B9F;
	text-align: center;   /*centra in IE 5.x */
	margin: 0 auto;   /*centra negli altri browsers*/
	padding: 0px; 
	}
	#container
	{
		margin: 0 auto;   /*centra negli altri browsers*/
		padding: 0px; 
		width: 100%;
		text-align: center;   /*centra in IE 5.x */
		position: relative; /* ADD */
	}
	div#up{
margin: 0;
padding: 0px; 
background-image: url(../images/up.jpg);  
background-repeat: repeat-x;  
background-color: #105286;
 font-size: 120%;
 color: #fff;
 text-align: center;
 z-index: 0;
}
h1, h2, h3 {
	margin: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 180%;
}
h2 {
	font-size: 150%;
	margin-bottom: 5px;
}
h3 {
	font-size: 120%;
}
p {
	padding: 0 0 0.2em 0; 
}
div#clear{clear: both; text-align:center; padding: 0;
line-height: 20px;
 padding-top: 140px;
 background: #4A7B9F;
}

/*menu*/
#navcontainer
{
background: #4A7B9F;
border-top: 1px solid #9CC;
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navlist
{
list-style: none outside none;
margin: 0;
padding: 0;
}

@media all {
#navlist {
text-align: center
}
}

#navlist li
{
bottom: 12px;
display: inline;
line-height: 1.2em;
margin: 0;
padding: 0;
position: relative;
}

html>body #navlist li
{
background: #4A7B9F;
margin: 0 3px 0 0;
padding: 4px 0px 4px 0;
}

#navlist a, #navlist a:link, #navlist a:visited
{
background: #4A7B9F url(../images/pulsante.png) no-repeat;
border: 1px solid #FFF;
bottom: 2px;
color: #000;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px 3px 5px;
position: relative;
right: 2px;
text-decoration: none;
}

#navlist a:hover
{
background: #4A7B9F url(../images/pulsanteg.png) no-repeat;
bottom: 1px;
color: #000;
position: relative;
right: 1px;
}

#navlist a:active
{
background: #4A7B9F url(../images/pulsante.png) no-repeat;
border: 1px solid #FFF;
bottom: 2px;
color: #000;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px 3px 5px;
position: relative;
right: 2px;
text-decoration: none;
}

#navlist li#active
{
background: #369;
bottom: 13px;
display: inline;
margin: 0 3px 0 0;
padding: 0;
position: relative;
}

html>body #navlist li#active
{
background: #4A7B9F;
margin: 0 4px 0 4px;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover
{
background: #4A7B9F;
border-bottom: none;
border-left: 1px solid #9CC;
border-right: 1px solid #9CC;
border-top: 1px solid #9CC;
bottom: 0;
color: #FFF;
margin: 0;
padding: 2px 5px 0 5px;
position: relative;
right: 0;
}
/*finemenu*/

/*link*/

a:link { color: #fff;  text-decoration: none;  }
a:visited { color: #fff;  text-decoration: none;  }
a:hover, a:active
	{
		color: #EEEEEE;
		text-decoration: underline overline;
		}
/*varie*/

#contenuti{
	font-weight: bold;
		margin: 0 auto;
		text-align: center;
		position: relative; /* ADD */
		background: #4A7B9F;
		border: 1px solid #105286;
		padding: 5px 0 5px 0;
		width: 98%;
	}
	#upbarrasot{
font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #fff;
height: 25px;
 padding: 10px;
 text-align: center;
 width: 90%;
}
	.tdbordo 
	{
	padding: 5px 5px 5px 5px;
border-bottom: 1px solid #9CC;
border-left: 1px solid #9CC;
border-right: 1px solid #9CC;
border-top: 1px solid #9CC;
background: #336699;
			}
	.divcentro	{
	text-align: center;
	margin: 0 auto;
}
.divlungo	{
	text-align: center;
	min-height: 250px;
height: auto !important;
height: 250px;
margin: 0 auto;
}
.divpiccolo
{
text-align: center;
margin: 0 auto;
width: 300px;
padding: 10px 10px 10px 10px;
border-bottom: 1px solid #9CC;
border-left: 1px solid #9CC;
border-right: 1px solid #9CC;
border-top: 1px solid #9CC;
background: #336699;
}
.piccolo
{
text-align: center;
margin: 0 auto;
width: 300px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #9CC;
border-left: 1px solid #9CC;
border-right: 1px solid #9CC;
border-top: 1px solid #9CC;
background: #336699;
}
.piccolo p{
 margin: 0;
 padding: 3px 3px 2px 3px;
 font: bold/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
 }
 .stileg {font: bold 1.2em Verdana, Geneva, Arial, Helvetica, sans-serif; }
 
 
.pic {filter: progid:DXImageTransform.Microsoft.Shadow(color=#fff,direction=150, strength=4) 
   progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
   border: 0;
	}
	div#ombra{ margin: 10px;background-color: #999}
div#ombra h2{position: relative; top:-7px; left: -7px; margin:0;
    background-color: #4078FF;color: #fff;
    font: 28px arial,serif;text-align: right}	
	 
	.divfoto{ padding: 5px 5px 5px 5px;
border-bottom: 1px solid #9CC;
border-left: 1px solid #9CC;
border-right: 1px solid #9CC;
border-top: 1px solid #9CC;
background: #336699;
 width: 565px;
 margin: 1em auto;
 text-align: center;
} 
.divfotog{ padding: 5px 5px 5px 5px;
border-bottom: 1px solid #9CC;
border-left: 1px solid #9CC;
border-right: 1px solid #9CC;
border-top: 1px solid #9CC;
background: #336699;
 width: 810px;
 margin: 1em auto;
 text-align: center;
} 
.testogia {
	color: #000;
	font: bold 110% Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	padding-top: 5px;
	border: 1px solid #000;
	background: #99CCCC;
	}

.celeste
{
text-align: center;
margin: 0 auto;
width: 300px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #4A7B9F;
border-top: 1px solid #4A7B9F;
background: #fde895;
color: #000;
}
.celeste p{
 margin: 0;
 padding: 5px 5px 5px 5px;
 font: 1.2em "Times New Roman", Times, serif;
 }	
 .celeste h2{
 margin: 0;
 padding: 2px;
 color: #C48D0C;
 font: normal 1.8em "Times New Roman", Times, serif;
 }	
 hr{
margin:0 auto;
text-align: center; 
padding: 0;
width: 95%;
 background-color: #FDE895;
 color: #FDE895;
}