@charset "utf-8";



body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #1f57a9;
	margin-top: 0px;
	padding-top: 0px;
}

h1 {
	font-size: 26px;
	text-align: left;
	color: #2066af;
	padding: 0px;
	margin: 0 0 15px 15px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 20px;
	text-align: left;
	color: #2066af;
	padding: 0;
	margin: 0 0 15px 15px;
}

h3 {
	font-size: 18px;
	text-align: center;
	color: #2066af;
	padding: 0px;
	margin: 0 0 5px 5px;
}

h4{
	background: url(../immagini/linea.gif) bottom left no-repeat;
	font-size: 13px;
	text-align: left;
	color: #2066af;
	padding: 4px;
	margin: 0;
	font-weight: bold;
}

h5{
	font-size: 11px;
	text-align: left;
	color: #2066af;
	padding: 4px;
	margin: 0;
	font-weight: bold;
}

.download{
	float:right;
	font-weight: bold;
	margin:0 15px 0 0;
	text-align: center;
}

#wrapper {
	padding:0px;
	width: 1280px;
	margin: 0 auto;
	background:url(../immagini/footer_sx.jpg) bottom left no-repeat;
}

#header {
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 1280px;
	clear:both;
}

#header1{
	margin: 0px;
	padding: opx;
	float: left;
	height: 120px;
	width: 165px;
	background:url(../immagini/header1.jpg) no-repeat;
}

#header2{
	margin: 0px;
	padding: opx;
	float: left;
	height: 120px;
	width: 991px;
	background:url(../immagini/header2.jpg) no-repeat;
}

#logo{
	margin: 0px;
	padding: opx;
	float: left;
	height: 120px;
	width: 124px;
}

#header2 .clicca {
	float: right;
	width: 400px;
	height: auto;
	word-spacing: 13px;
	margin-top: 105px;
	text-align: left;
	padding: 0px;
}

a {
	color: white;
	height: auto;
	text-decoration:none;
}

a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

img {
	border: 0;
}

.spaziopulsante {
	padding-left: 500px;
	clear:both;
}

.spaziopulsante2 {
	padding-left: 210px;
	clear:both;
}

.pulsante { 
	background:url(../immagini/clicca.gif) no-repeat 10px 10px;
	display:block;
	padding: 4px;
}

a.pulsante{
	display:block;
	color:#015bc6;
	font-weight:bold;
	height:auto;
	line-height:20px;
	text-decoration:none;
	width:60px;
	text-align:right;
}

a:hover.pulsante{
	color:#1d75cf;
	font-weight:bold;
	height:auto;
	text-decoration: underline;
}

#container {
	padding: 0px;
	margin: 0px;
	width: 1281px;
}
	
#imgleft {
	float: left;
	background: url(../immagini/col-sx.gif) top  no-repeat;
	padding: 0;
	margin: 0;
	width: 165px;
	height: 316px;
}

#imgright {
	float: left;
	background:url(../immagini/col-dx.gif) top right no-repeat;
	width:165px;
	height:188px;
	margin: 0px;
	padding: 0px;
}

#center {
	float: left;
	background: url(../immagini/sfondo.jpg);
	width: 950px;
	height: auto;
	padding: 0px;
	margin: 0px;
}

.clearer {
	clear: both;
	height: 0;
	width: 0;
}

#footer{
    color:#FFFFFF; 
    clear: both;
    background:url(../immagini/footer.jpg) bottom no-repeat;
    width: 1280px;
    height: 85px;
    padding: 0;
    margin: 0;
    line-height:36px;
    text-align:center;
}

.contattore{
    vertical-align: middle; 
}




/*----- Navigazione e Cerca -----*/

.lineadx {
	float:right;
	background: url(../immagini/linea3.gif) right;
	width: 1px;
	height: 46px;
}
 
#nav {
	float: left;
	width: 899px;
	height: 46px;
	background:transparent url(../immagini/barra.gif) repeat-x ;
	padding: 0 0 20px 50px;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
		
#nav li {
	text-align: center;
	width: 90px;
	float:left;
	margin: 0;
	padding: 0;
	line-height: 30px;
}

#nav a {
	display: block;
	height: 37px;
	padding: 8px 5px 0 5px;
	text-decoration: none;
	color: white;
}

#nav a:hover {
	background: transparent url(../immagini/roll.gif);
	color: #FFFFFF;
	text-decoration: none;
	border-right: 1px solid #0e59a6;
	border-left: 1px solid #14508d;
}
	
#nav li ul {display: none; }

#nav li:hover ul{
	display: inline;
	position: absolute;
	z-index:1;
	padding: 0;
	margin: 0 0 0 -80px;
	background:transparent url(../immagini/barra.gif) repeat-x ;
}

#nav li li {border: none;}
#nav li li a {padding: 2px 5px 4px 5px; height: 26px;}


 /* Safari */
 @media screen and (-webkit-min-device-pixel-ratio:0)
 {
#nav li:hover ul { margin: 0 0 0 -40px; }
 }		
	
#nav #search_box {
	float: right;
	margin-right: 15px;
	margin-top:12px;
	padding: 0px;
	width: 150px;
	height: 22px;
	border: 1px solid #000000;
	background: url(../immagini/casella.gif);
}

#nav #search_box #s {
    float: left;
    margin: 2px 2px 0 1px;
    border: 0;
    width: 115px;
	color: #01265d;
}

#nav #search_box #go {
	float: right;
	margin: 1px 1px 0 0;
}
/*----- FIne Navigazione e Cerca -----*/



#menu_sx {
	float: left;
	width: 610px;
	height: auto;
	padding: 10px 5px 20px 25px;
}

#menu_dx {
	float: right;
	width: 270px;
	height: auto;
	margin: 10px 10px 0 0;
	padding: 0 0 10px 0;
}

.bordo {
	border: 1px solid #bbbbbb;
	background-color: #FFFFFF;
	width: 600px;
	height: auto;
	padding: 5px;
	margin: 0px 0px 10px 0px;
}

.bordo img{
	margin: 5px;
}
.bordo_banner {
	border: 1px solid #bbbbbb;
	background-color: #FFFFFF;
	width: 600px;
	height: auto;
	padding: 5px;
	margin: 0px 0px 10px 0px;
}

.bordo_banner img{
	float:left;
	margin: 5px;
}

#spazio {
	width: auto;
	height: 5.5em;
}


.activelink { 
	float:left;
	border: 1px solid #2066af;
  	background: url(../immagini/barra.gif);
	color: white;
	text-align:center;
	width: 248px;
	height: auto;
	margin: 3px 0 3px 5px;
	text-decoration:none;
	font-size: 16px;
	font-weight: bold;
	line-height: 37px;	
}

.box {
	float:left;
	padding: 0px;
	width: auto;
	height: auto;
	margin:  0;
} 


.imgbd2{
	 border: 1px solid #2066af;
  	background: white;  
	color: #015bc6;
	height: 100px;
	margin: 5px 0 10px 5px;
	float:left;
	width: 248px;
	text-decoration:none;
	font-size: 16px;
	text-align:center;
	font-weight: bold;
	line-height: auto;
}

a.imgbd2:hover {
	 border: 1px solid #015bc6;
	background: url(../immagini/barralogin.jpg);		
	color: white;
	height: 100px;
	margin: 5px 0 10px 5px;
	width: 248px;
	text-decoration:none;
	font-size: 16px;
	text-align:center;
	font-weight: bold;

}

.imgbd2 img {

	padding: 3px;
}

.imgbd1{
	float:left;
	text-align:center;
	border: 2px solid #bbbbbb;
	display: block;
	width: 240px;
	height: auto;
	margin: 5px;
	padding: 3px;
	text-decoration:none;
	color: #015bc6;
	font-size: 16px;
	font-weight: bold;
	line-height: 37px;
}

a.imgbd1:hover{
	border: 2px solid #015bc6; 
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color: #015bc6;
	text-decoration:none;
}

.imgbd{
	float:left;
	text-align:center;
	border: 1px solid #bbbbbb;
	color: #015bc6;	
	width: 248px;
	height: auto;
	margin: 3px 0 3px 5px;
	text-decoration:none;
	font-size: 16px;
	font-weight: bold;
	line-height: 37px;
}

a.imgbd:hover{
	float:left;
	border: 1px solid #2066af;
  	background: url(../immagini/barralogin.jpg);
	color: white;
	text-align:center;
	width: 248px;
	height: auto;
	margin: 3px 0 3px 5px;
	text-decoration:none;
	font-size: 16px;
	font-weight: bold;
	line-height: 37px;
}

.linea {
	background: url(../immagini/linea3.jpg) center no-repeat;
	width: 610px;
	height: 6px;
	margin: 15px 0px 20px 0px;
}

/*--- Box Login ---*/
	
#popupbox{
	float: left;
	margin: 0 0 0 50px;
	padding: 8px; 
	width: 180px; 
	background: #144E8D url(../immagini/barralogin.jpg) repeat-x; 
	border: solid #000000 1px; 
	z-index: 1; 
	font-size:10px;
	color: #FFFFFF;
	font-weight: bold;
}

.hidden { display: none; }
.unhidden{ display: block; }

#popupbox label{
	float:left;
	width:65px;
	text-align:left;
}
.login_input{
	width: 105px;
	height: 16px;
	font-size: 10px;
	font-weight: bold;
	background-color: #FFFFFF;
	border:1px solid black;
	color: #015bc6; 
}


input.login_submit{
	border: 1px solid black;
	padding: 2px;
	background-color:white; 
	color:#015bc6;
	font-size:12px;
	font-weight: bold;
}

.chiudilogin {
	float: right;
	color: white;
	font-size: 10px;
	text-decoration: none;
}


a:hover.chiudilogin{
	text-decoration: underline;
}

.pwd{
	float: left;
	color: white;
	text-decoration: none;
	padding: 2px;
}


a:hover.pwd{
	text-decoration: underline;
}

.clearlogin {
	clear:both;
	overflow: hidden;
	height: 4px;
}

/*----- Box Links -----*/

.boxlink{
	float: left;
	width: auto;
	height: auto;
	margin: 50px 0px 0 11px;
}

.borderlink {
	float: left;
	border: 1px solid #bbbbbb;
	background: white;
	width: auto;
	height: auto;
	padding: 5px;
	margin: 10px 10px 0 0;
}

.boxlink a:hover {
 	border: 1px solid #015bc6; 
}

.boxlink img:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.clearer {
	clear: both;
	height: 0px;
	width: 0px;
}

/*----- News -----*/

.boxnews { 
	float: left;
	background: white;
	border: 1px solid #bbbbbb;
	width: 240px;
	height: auto;
	padding: 4px;
	margin:  30px 0 0 5px;
}

.titolonews {
	background: url(../immagini/lineanews.gif) bottom left no-repeat;
	font-size: 18px;
	text-align: left;
	color: #015bc6;
	padding: 5px;
	font-weight: bold;
	width: auto;
	height: auto;
}

.headernews {
	float:left;
	font-size: 12px;
	text-align: left;
	color: #015bc6;
	font-weight: bold;
	margin: 10px 5px 5px 5px;
	text-decoration: none;
	height: auto;
}

.textnews{
	float:left;
	width: 228px;
    text-align: justify; 
    padding: 0;
	margin: 5px 0 5px 3px;
	height: auto; 
	font-size: 10px;
}

.textnews span{
	color: #015bc6; 
	text-decoration: none;
	width: 228px;
}

.textnews a:hover span{
	color: white;
	background-color: #015bc6;
	text-decoration: underline;
	cursor:pointer;
}

a.textnews1{
	color: #015bc6;
	text-decoration: underline;
}

a.textnews1:hover{
	color:#015bc6;
	text-decoration: none;
}

#lineanews {
	float: left;
	background: url(../immagini/linea.gif);
	width: 196px;
	height: 1px;
	margin: 1px;
}

/*--- quadratti News ---*/
#quadrattone {
	width: auto;
	height: auto;
	padding: 4px;
}

.quadrattonews  {
	background: white url(../immagini/brsfu.gif) top no-repeat;
	border: 1px solid #bbbbbb;
	width: 280px;
	height: auto;
	padding: 3px;
	margin: 15px 0 0 10px;
}

.leftnews {
	width: 50%;
	float: left;
}

.rightnews {
	width: 50%;
	float: right;
}

.quadrattonews img{
	margin: 4px;
}


/*galleria video e foto*/

.gallery {
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
}

.gallery2 {
	padding: 5px 5px 10px 5px;
	background: url(../immagini/polaroid2.png) no-repeat;
	float: left;
	position: relative;
	width: 191px;
	height: 150px;
}

.gallery1 {
	text-align:center;
	padding: 5px 5px 10px 2px;
	background: url(../immagini/polaroid1.png) no-repeat;
	float: left;
	position: relative;
	width: 142px;
	height: 120px;
}

.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 2px;
}

.gallery span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	bottom: 45px;
	right: 30px;
}

.gallery1 span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	bottom: 40px;
	right: 14px;
}

.gallery .foto {
	background: url(../immagini/photo.gif) no-repeat;
}

.gallery .video {
	background: url(../immagini/video.gif) no-repeat;
}

.gallery a {
	text-decoration: none;
}
.gallery a:hover img  {
	border-color: #015bc6;
}
.gallery a:hover span {
	background-position: left -22px;
}

.gallery em {
	display: block;
	padding: 0 10px 0 0x;
	text-align: center;
	font: Georgia, Times, serif;
	color: #333;
}

/*----- Fine Gallery-----*/




/*----- Registrazione-----*/

	
fieldset{
	border:solid 1px #DEDEDE;
	background-color: white;
}

fieldset legend {
	font-weight:bold;
}

fieldset ul, fieldset li{
	border:0; margin:0; padding:0; list-style:none;
}

fieldset li{
	clear:both;
	list-style:none;
	padding:10px;
}

fieldset input, textarea{
	float:left;
	font-size:12px;
	font-weight: bold;
	color: #015bc6;
	letter-spacing: 1px;
	padding:2px 0 2px 0;
	border:solid 1px #3892f0;
	width: auto;
}

fieldset label{
	width: 200px;
	float:left;
	font-size: 12px;
	color: #015bc6;
	display:block;
	font-weight:bold;
	text-align: right;
	padding: 4px 0 4px 0;
	margin: 0 4px 0 0;
}

fieldset button{ 
		border:0; margin:0; padding:0;
		width:100px;
		height:30px;
		background:#2066af;	
		line-height:30px;
		color: white;
		font-size:11px;
		font-weight:bold;		
}

fieldset em {
	float:left;
	color: red;
	font-weight:bold;
	margin: 2px;
	margin: 2px;
}

.checkbox {
	margin: 0 0 0 25px;
	border: 0;
} 

.space {
	clear: both;
	margin: 0 0 5px 40px;
}

.button {
	margin-left: 250px;
    border: 1px solid #3892f0;
    background: white;
	width: 50px;
	height: 30px;
}

.button:hover{
    border: 1px solid #015bc6;
    background: #eef;
	color: #015bc6;
}


.postasfondo{
	background-image: url(../immagini/sfondo2.jpg);
}

/*---- Fine ----*/
/* CSS Document */