/* Base Styles



----------------------------------------------- */
html{
	background-image: url(../img/sf_sito.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #DEDFDF;
	margin: 0;
	padding: 0;
}

body {
	text-align: left;
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1em;
	color: #545454;
}

acronym, abbr 	{ cursor: help;	}

img a{  border: 0px;}

img {  border: 0px;}

a:link { color: #545454; text-decoration: underline;}
a:visited {color: #545454; text-decoration: underline;}
a:active { color: #545454; text-decoration: underline;}
a:hover { color: #27B6F2; text-decoration:underline;}

p { color: #545454; margin:0px 0px 10px 0px;}

h1, h2, h3 { color: #019ADA; margin:0px 0px 0px; font-size:1.2em; font-weight: bold;}
h4, h5, h6 { color: #019ADA; margin:0px 0px 0px; font-size:0.8em; font-weight: bold;}

h1.rosso { color: #ff0000; margin:0px 0px 0px; font-size:1.2em; font-weight: bold;margin-bottom:8px;}

h1.evidenza { color: #019ADA; margin:0px 0px 0px; font-size:1.4em; font-weight: bold;}

/* classi generiche*/
.centrale {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
}

.dida {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #545454;
}

.riquadro {
	clear:both;
	border:1px solid #D2D2D4;
	background-color:#F8F8F8;
	padding:8px;
}

.verde {
	color: #00621E;
	font-weight:bold;
}

#alcentro {
	text-align:center;
}

.testocentro {
	text-align:center;
}

ul.nolist {
	margin: 3px 4px 0px 4px;
	border: 0 none;
	padding: 0;
	/*For KHTML*/
	list-style: none;
}

ul.nolist li {
	padding:0px 8px 0px 13px;
	margin:4px 0px 0px 0px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

ul.nolist li a{
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}
ul.nolist li a:hover,
ul.nolist li a:focus,
ul.nolist li a:active{
color:#27B6F2;
}

ul.pp {
	margin: 3px 4px 0px 4px;
	border: 0 none;
	padding: 0;
	/*For KHTML*/
	list-style: none;
}

ul.pp li {
	padding:0px 8px 0px 13px;
	margin:4px 0px 0px 0px;
	background: transparent url(../img/lipp.gif) no-repeat 0 0;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

ul.pp li a{
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}
ul.pp li a:hover,
ul.pp li a:focus,
ul.pp li a:active{
color:#27B6F2;
}

.clearboth { clear:both;}

/* FINE classi generiche*/

/*comandi all'interno del testo*/
.clearboth2 { clear:both;height:180px}

.right { float:right;
			text-align:center;
			margin:0px 0px 8px 8px;
			}

.rightTL { float:right;
			text-align:left;
			margin:60px 10px 8px 8px;
			padding:0px 15px 0px 0px;
			border:1px solid #D2D2D4;
			background-color:#F8F8F8;
			font-size:0.9em;
			}
			
.left { float:left;
		margin:0px 8px 4px 0px;
			}

.leftmargin { float:left;
		margin:10px 8px 0px 0px;
			}
			
.leftnomargin { float:left;
		margin:0px;
			}

.leftnomargin2 { float:left;
		margin:0px;
		width: 50%;
		min-height: 110px;
	  height: auto !important;
	  height: 110px;
			}
			
.rightmargin { float:left;
		margin:10px 8px 0px 0px;
		text-align:right;
		width:50%;
			}
/*comandi all'interno del testo*/



/*comandi TOP*/
#top {
	margin: 0px 0px 8px 0px;
	padding: 0px;
	height:35px;
	background-image: url(../img/sf_top.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#cerca {
	margin: 0;
	padding: 0px;
	height:35px;
	width:50%;
	background-image: url(../img/sx_top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	float:left;
}

#cerca2 {
	margin: 0;
	padding: 9px 0px 0px 0px;
	height:35px;
	width:50%;
	background-image: url(../img/dx_top.gif);
	background-repeat: no-repeat;
	background-position: top right;
	text-align:right;
	float:left;
}

#cerca2Testo {
	margin: 10px 5px 0px 14px;
	padding: 0px;
	float:left;
	color: #EEEEEE;
	font-size: 0.7em;
}

#cerca2input {
	margin: 8px 2px 0px 0px;
	padding: 0px;
	float:left;
}

#input {
	margin: 0px;
	padding: 2px;
	border:0px;
	color: #545454;
	font-size: 0.7em;
}

#cerca2ok {
	margin: 9px 0px 0px 0px;
	padding: 0px;
	float:left;
}

ul.cerca2 {
  list-style:none;
  padding:0px 0px 0px 0px; 
	margin: 0px 14px 0px 0px;	
}

ul.cerca2 li {
	display:inline; 
  position:relative;
	margin: 0px 0px 0px 0px;
	padding:0px 4px 1px 4px;
	border-right:1px solid #27B6F2;
	font-weight: normal;
	font-size: 0.7em;
	color:#EEEEEE;
}

ul.cerca2 li a{
	text-decoration: underline;
	color:#EEEEEE;
}
ul.cerca2 li a:hover,
ul.cerca2 li a:focus,
ul.cerca2 li a:active{
color:#27B6F2;
}
ul.cerca2 a:visited {color: #EEEEEE; text-decoration: underline;}
/*fine comandi TOP*/

/*comandi principali CENTRO*/
#percorso {
	margin: 0px 8px 0px 0px;
	padding: 0px;
  text-align:right;
  font-size:0.6em;
  clear:both;
}

#corpo {
  width:100%;
	margin: 8px 0px 1px 0px;
	padding:0px;
	background-image: url(../img/sf-corpo.gif);
	background-repeat: repeat-y;
	background-position: top left;
	float:left;
}
#corpo2 {
  width:100%;
	margin: 0px;
	padding:0px;
	background-image: url(../img/bot-m.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	float:left;
}

#tit {
	margin: 8px 0px 0px 0px;
	padding: 4px 15px 0px 14px;
	background-image: url(../img/sf-tit.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color:#E6E6E6;
	text-align:left;
	clear:both;
}

#tit h1,h2 { color: #019ADA; margin:0px 0px 0px; font-size:1em; font-weight: bold;}

#testo {
	margin: 0px;
	padding: 9px 18px 9px 17px;
	border-left:1px solid #D2D2D4;
	border-right:1px solid #D2D2D4;
	background-color:#fff;
	text-align:justify;
	font-size:0.8em;
	clear:both;
}

#stampa {
	margin: 0px;
	padding: 9px 18px 9px 18px;
	border-left:1px solid #D2D2D4;
	border-right:1px solid #D2D2D4;
	background-color:#fff;
	text-align:right;
	font-size:0.7em;
	clear:both;
}

#stampa img {margin: 0px 0px 0px 4px;}

#bottesto {
	background: url(../img/bottesto.gif) no-repeat 0 0;
	margin: 0px;
	padding: 0px;
}

.allegati {
	margin: 0px;
	padding: 9px 18px 9px 18px;
	border-left:1px solid #D2D2D4;
	border-right:1px solid #D2D2D4;
	border-top:1px solid #D2D2D4;
	background-color:#fff;
	text-align:justify;
	font-size:0.8em;
	clear:both;
}

.allegati img {margin: 0px 4px 2px 0px; float: left;}
/*fine comandi principali CENTRO*/

/*comandi principali BOTTOM*/
#bottom {
	width: 100%;
	margin: 8px;
	padding: 0px;
  text-align:center;
}

ul.botm {
  list-style:none;
  padding:0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;	
}

ul.botm li {
	display:inline; 
  position:relative;
	margin: 0px 0px 0px 0px;
	padding:0px 4px 1px 4px;
	border-right:1px solid #27B6F2;
	font-weight: normal;
	font-size: 0.7em;
	color:#545454;
}

ul.botm li a{
	text-decoration: underline;
	color:#545454;
}
ul.botm li a:hover,
ul.botm li a:focus,
ul.botm li a:active{
color:#27B6F2;
}

#bothome {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	height:55px;
   border-bottom:1px solid #fff;
   background-image: url(../img/bothome.jpg);
	background-repeat: no-repeat;
	background-position: top center;
  text-align:center;
  clear:both;
}

#botint {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	height:55px;
   border-bottom:1px solid #fff;
   background-image: url(../img/botint.jpg);
	background-repeat: no-repeat;
	background-position: top center;
  text-align:center;
  clear:both;
}

#botleft {
	width: 74%;
	margin: 15px 0px 0px 8px!important;
	margin: 15px 0px 0px 2px;
	padding: 0px;
  text-align:left;
  float:left;
  font-size:0.7em;
}

#botright {
	width: 24%;
	margin: 15px 8px 0px 0px!important;
	margin: 15px 2px 0px 0px;
	padding: 0px;
  text-align:right;
  float:left;
}
/*fine comandi principali BOTTOM*/

/* ===== inizio formattazione colonne centrali ===== */
#colonna01{
	width: 200px;
	float: left;
	margin-right: 11px;
	padding: 0px;
}
#colonna02{
	width: 779px;
	float: left;
	margin: 0;
	padding: 0;
}
/* ===== fine formattazione colonne centrali ===== */



/* ===== inizio formattazione colonna sx ===== */
#colonna01 .top-m{
	background-image: url(../img/top-m.gif);
	background-position: top;
	background-repeat: no-repeat;
	height:8px;
	margin: 0;
	padding: 0;
}
/* ===== fine formattazione colonna sx ===== */



/* MENU */
ul.m1,
ul.m2 {
	margin: 0;
	border: 0 none;
	padding: 0;
	/*For KHTML*/
	list-style: none;
}

ul.m1 li,
ul.m1 li.in,
ul.m2 li.m2,
ul.m2 li.m2in {
	margin: 0px;
	border: 0 none;
	padding: 0;
}

ul.m1 li a,
ul.m1 li.in a,
ul.m2 li.m2 a,
ul.m2 li.m2in a {
	display: block;
	width: 162px;
	padding:4px 8px 4px 30px;
	margin:0px 0px 1px 0px;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.9em;
	font-style: normal;
	/*min-height: 17px;
	height: auto !important;
	height: 17px;*/
}

ul.m1 li a {
	background: transparent url(../img/sf-m1.jpg) no-repeat 0 0;
	color:#fff;
}
ul.m1 li.in a{
	background: transparent url(../img/sf-m1.gif) no-repeat 0 0;
	background-color:#242424;
	color:#27B6F2;
}
ul.m2 li.m2 a{
	background: transparent url(../img/sf-m2.gif) no-repeat 0 0;
	background-color:#000;
	color:#fff;
}
ul.m2 li.m2in a{
	background: transparent url(../img/sf-m2.gif) no-repeat 0 0;
	background-color:#000;
	color:#27B6F2;
}


ul.m1 li a:hover,
ul.m1 li a:focus,
ul.m1 li a:active{
background-position: 0 -25px;
color:#27B6F2;
}
ul.m1 li a:visited {color: #fff; text-decoration: none;}


ul.m1 li.in a:hover,
ul.m1 li.in a:focus,
ul.m1 li.in a:active{
color:#27B6F2;
font-weight:bold;
}


ul.m2 li.m2 a:hover,
ul.m2 li.m2 a:focus,
ul.m2 li.m2 a:active{
color:#27B6F2;
font-weight: normal;
}


ul.m2 li.m2in a:hover,
ul.m2 li.m2in a:focus,
ul.m2 li.m2in a:active{
color:#27B6F2;
font-weight: bold;
}


ul.m1 li.area,
ul.m1 li.video,
ul.m1 li.demo {
	margin: 15px 10px 14px 10px;
	border: 0 none;
	padding: 0;
}
ul.m1 li.demo {
	height:46px;
}

ul.m1 li.area a,
ul.m1 li.video a,
ul.m1 li.demo a{
	display: block;
	height: 20px;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	font-style: normal;
	color:#545454;
   margin:0px;
}
ul.m1 li.area a{
	width: 102px;
	padding:6px 38px 4px 38px;
	background: transparent url(../img/arear.jpg) no-repeat 0 0;
}
ul.m1 li.video a{
	width: 138px;
	padding:6px 0px 4px 40px;
	background: transparent url(../img/video.jpg) no-repeat 0 0;
}

ul.m1 li.demo span{
	display:none;
}

ul.m1 li.demo a{
	width: 110px;
	height: 46px;
	background: transparent url(../img/demo.gif) no-repeat 0 0;
}

ul.m1 li.area a:visited,ul.m1 li.video a:visited {color: #545454; text-decoration: none;}

ul.m1 li.area a:hover,
ul.m1 li.area a:focus,
ul.m1 li.area a:active,
ul.m1 li.video a:hover,
ul.m1 li.video a:focus,
ul.m1 li.video a:active,
ul.m1 li.demo a:hover,
ul.m1 li.demo a:focus,
ul.m1 li.demo a:active{
color:#27B6F2;
font-weight:bold;
}


ul.m1 li.area a:hover,
ul.m1 li.area a:focus,
ul.m1 li.area a:active{
background: transparent url(../img/arear2.jpg) no-repeat 0 0;
}
ul.m1 li.video a:hover,
ul.m1 li.video a:focus,
ul.m1 li.video a:active{
background: transparent url(../img/video2.jpg) no-repeat 0 0;
}


ul.m1 li.demo a:hover,
ul.m1 li.demo a:focus,
ul.m1 li.demo a:active{
background-position: 0 0;
}


/* fine MENU */



.media{
   padding: 10px;
   margin: 30px 5px 0 0;
   text-align: left;
   float: left;
   color:#fff;
   background: #4C4C4C url(../img/curva_media.gif) no-repeat right bottom;
}
.media_nofloat{
   clear:left;
}

.media ul.pp li a{
color:#fff;
}

.media ul.pp li a:hover,
.media ul.pp li a:focus,
.media ul.pp li a:active{
color:#27B6F2;
}





/* FORM */
.form01{
	font-weight: normal;
	padding-bottom:10px;
}

.form01 input.text{
	font-weight: normal;
	margin: 4px 0px 0px 0px;
	padding:2px;
	width:350px;
	border:1px solid #D2D2D4;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1em;
	color: #545454;
}

.form01 select{
	font-weight: normal;
	margin: 4px 0px 0px 0px;
	padding:2px;
	width:350px;
	border:1px solid #D2D2D4;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1em;
	color: #545454;
}

.form01 textarea{
	font-weight: normal;
	margin: 4px 0px 0px 0px;
	padding:2px;
	width:720px;
	border:1px solid #D2D2D4;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1em;
	color: #545454;

}

.form01 .privacy{
	font-weight: normal;
	padding: 5px;
	width: 720px;
	border: 1px solid #D2D2D4;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 0.8em;
	background: #F8F8F8;
	height:150px;
	overflow-y: scroll;
	color: #545454;
}

/* fine FORM */

/* TABELLE */

.td1 {
	font-weight: bold;
	padding: 5px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1em;
	background: #019ADA;
	color: #fff;
	text-align:center;
}

.td2 {
	font-weight: normal;
	padding: 5px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1em;
	border:1px solid #D2D4D3;
	color: #545454;
}