/*stili per il layout fluido*/
html,body{
  margin: 0;
  padding:0;
}

body{
  FONT: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; 
  COLOR: #333;
  background-color: #f4f4f4;
}

DIV {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H6 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
PRE {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BLOCKQUOTE {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FIELDSET {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
INPUT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H1 {
	FONT-WEIGHT: normal; FONT-SIZE: 1em; FONT-STYLE: normal
}
H2 {
	FONT-WEIGHT: normal; FONT-SIZE: 1em; FONT-STYLE: normal
}
H3 {
	FONT-WEIGHT: normal; FONT-SIZE: 1em; FONT-STYLE: normal
}
H4 {
	FONT-WEIGHT: normal; FONT-SIZE: 1em; FONT-STYLE: normal
}
H5 {
	FONT-WEIGHT: normal; FONT-SIZE: 1em; FONT-STYLE: normal
}
H6 {
	FONT-WEIGHT: normal; FONT-SIZE: 1em; FONT-STYLE: normal
}
PRE {
	FONT-WEIGHT: normal; FONT-SIZE: 1em; FONT-STYLE: normal
}
CODE {
	FONT-WEIGHT: normal; FONT-SIZE: 1em; FONT-STYLE: normal
}
ADDRESS {
	FONT-WEIGHT: normal; FONT-SIZE: 1em; FONT-STYLE: normal
}
CAPTION {
	FONT-WEIGHT: normal; FONT-SIZE: 1em; FONT-STYLE: normal
}
CITE {
	FONT-WEIGHT: normal; FONT-SIZE: 1em; FONT-STYLE: normal
}
CODE {
	FONT-WEIGHT: normal; FONT-SIZE: 1em; FONT-STYLE: normal
}
EM {
	FONT-WEIGHT: normal; FONT-SIZE: 1em; FONT-STYLE: normal
}
STRONG {
	FONT-WEIGHT: normal; FONT-SIZE: 1em; FONT-STYLE: normal
}
TH {
	FONT-WEIGHT: normal; FONT-SIZE: 1em; FONT-STYLE: normal
}
UL {
	LIST-STYLE-TYPE: none
}
OL {
	LIST-STYLE-TYPE: none
}
FIELDSET {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
CAPTION {
	TEXT-ALIGN: left
}
TH {
	TEXT-ALIGN: left
}
TABLE {
	BORDER-COLLAPSE: collapse; border-spacing: 0
}
.clear {
	CLEAR: both
}
.clearer {
	CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 1px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1px; PADDING-TOP: 0px; HEIGHT: 0px
}


IMG.left {
	FLOAT: left; MARGIN: 2px 20px 16px 0px
}
IMG.right {
	FLOAT: right; MARGIN: 2px 0px 16px 20px
}
IMG.across {
	MARGIN: 2px 0px 16px
}
IMG.flushleft {
	MARGIN-LEFT: -20px
}
IMG.flushright {
	MARGIN-RIGHT: -20px
}


div#container{/*nessuna regola necessaria*/
/* background-color: #3589C6;*/
  margin:0 auto;
  margin-top:20px;
  width: 1004px;
}

/*stili generici, su header e footer*/
div#header{
  height : 35px;
}

/*stili generici, su header e footer*/
div#language{
  height : 35px;
}


div#language a{ 
  color:#aaaaaa; 
  text-decoration: none;
}

div#language a:hover{ 
  color:#08c;  
  text-decoration: underline;
}



div#header2{
  background: url("../images/TitleCentral.jpg") no-repeat top center;
  height : 568px;
  width  : 1004px;
  FONT-SIZE: 12px; COLOR: #666
}

div#header2 h2{
  width      :780px; 
  margin     : 10px auto 7px;
}

div#header2 P.subtitle {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; MARGIN-BOTTOM: 2em; COLOR: #888; LINE-HEIGHT: 1.5em; TEXT-ALIGN: center
}

div#header2 p.subtitle a { 
  color:#fff; 
  background:url("../images/white-arrow.gif") no-repeat 100% 0.3em; 
  text-decoration: none;
}
div#header2 p.subtitle a:hover { 
  color:#fff; 
  text-decoration: underline;
  background:url("../images/white-arrow.gif") no-repeat 100% 0.3em; 
}



div#content{
  margin:0 auto;
  margin-top:20px;
  width: 1004px;
}

div#content .features { 
  margin:20px 12px; 
  background:url("../images/index_features_bgtop.gif") no-repeat 0 0; 
}

div#content .features .column { 
  width:271px; 
  padding:18px 24px 15px; 
  margin-left:0px; 
  float: left;
}
		
div#content .features .column.first { 
  padding-right:36px; 
  FLOAT: left;
}

div#content .features .column.last { 
  padding-left:-36px; 
  float: right;
}
		
div#content .features .bottomcap { 
  height:6px; 
  clear:both; 
  font-size:1px; 
  background:url("../images/index_features_bgbottom.gif") no-repeat 0 0;
}

div#content .features h3 { 
  font-size:17px; 
  margin-bottom:1em; 
  color:#999; 
  font-weight:normal; 
}

div#content .features h4 { 
  font-size:12px; 
  line-height: 1.5; 
  margin: 0 0 .3em 100px;  
}

div#content .features h4 a {
  color:#000; 
  font-weight:normal; 
  text-decoration: none;
}
div#content .features h4 a:hover {
  color:#000; 
  font-weight:normal; 
  text-decoration: underline;
}

div#content .features p { 
  color:#808080; 
  line-height: 1.5;
  font-size:12px; 
  margin:0 0 0 100px; 
}

div#content .features p a{ 
  color:#08c; 
  text-decoration: none;
}

div#content .features p a:hover{ 
  color:#08c;  
  text-decoration: underline;
}

div#content A.learnmore {
	PADDING-RIGHT: 8px; BACKGROUND: url("../images/arrow_learnmore.gif") no-repeat 100% 0.3em; COLOR: #08c; POSITION: relative
}


div#content .features img.left { 
  margin:2px 0 0 6px; 
  *margin-top:20px; 
}

div#content .features ul { 
  margin:0; 
  *margin-top:-20px;  
}

div#content .features li { 
  clear:left; 
  padding-bottom:17px; 
  margin-bottom:17px; 
  background:url("../images/index_features_ruler.gif") repeat-x 0 100%; 
}

div#content .features li.last { 
  background:none; 
  padding-bottom:0; 
  margin-bottom:0; 
}

div#content .features .first img { margin-left: -12px; }
div#content .features .first h4, div#content .features .first p { margin-left: 0; }
div#content .features .onehundred p { margin-left: 163px; }

.grid3col {
	WIDTH: 100%;
}

.grid3cola {
	WIDTH: 100%;
}

.grid3col .column {
	MARGIN-LEFT: 2%; 
	WIDTH: 32%:
}

.grid3cola .column {
	MARGIN-LEFT: 2%; 
	WIDTH: 58%;
}

.grid3cola .first.column {
    FLOAT: left;
	WIDTH: 19%;
}
.grid3cola .last.column {
	WIDTH: 19%;	
}

.first.column {
    FLOAT: left;
	MARGIN-LEFT: 0px! important;
}

.last.column {
	FLOAT: right! important;
		MARGIN-LEFT: 0px! important;
}
P.last {
	_float: none; _width: auto;
}
UL.last {
	_float: none; _width: auto;
}
OL.last {
	_float: none; _width: auto;
}
LI.last {
	_float: none; _width: auto;
}


.grid3col:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: ".";
}

.grid3cola:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: ".";
}

.grid3col {
	_zoom: 1;
}

.grid3cola {
	_zoom: 1;
}

div#pipe ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

div#pipe ul li {
	margin-left: 0;
	padding: 1px 15px;
	border-left: 1px solid #aaaaaa;
	list-style: none;
	display: inline;
	}
	
div#pipe ul li a {
  color:#aaaaaa; 
  font-weight:normal; 
  text-decoration: none;
}

div#pipe ul li a:hover {
  color:#08c; 
  font-weight:normal; 
  text-decoration: underline;
	}
	
		
div#pipe ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}


