@import url(gris_nav.css);

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

html{height:100%}

body{
	height:100%;
	font-family: Verdana, Arial, sans-serif;/*'Lucida Grande',*/ 
	color: #666;
	margin: 0;
	padding: 0 0 0 50px;
 background: #FFF url("img/body_bkg1.gif") repeat-y left top;
}
a:link, a:visited, a:hover {
	color: red;/*#3C8FA7*/
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6, input, form, label {
	margin: 0;
	padding: 0;
}
h1{
	font-size:180% ;/*140%*/
	color:#666699;
}
h2{
	font-size: 125%;
	color:#666699;
}
h3{
	font-size: 105%;
	color: #3C8FA7;
}
h4{
	font-size: 100%;
	font-weight: normal;
	color: #3C8FA7;
}
.small{font-size:x-small}
.bigger{font-size:1.2em}
img.border{border: 1px solid #666}

ul{
 	list-style-type: none;
}
label{
	color: #666;
}
hr {
/* For Internet Explorer */
	height: 1px; 
	color: #3C8FA7; 
	border: none; 
	width:100% 
} 
html>body hr {
/* For Opera a   nd Gecko-based browsers */
	background-color: #3C8FA7; 
	border: 0px solid #3C8FA7;
} 

/***********************************************/
/* MAIN Layout Divs                            */
/***********************************************/
table.main {	
	margin: 0;
	padding: 0;	
 width: 100%;
 height: 100%;
	background: transparent url("img/table_bkg1.gif") repeat-y right top;
	border-collapse: collapse;
}
td.middle {
 vertical-align:top;
	margin: 0;
	padding: 0;	
	background: transparent url("img/td_middle_bkg.gif") no-repeat left bottom ;
	height:95%;
}
td.bottom {	
background: #eee url("img/table_bkg1.gif") repeat-y right top;	
/*vertical-align:bottom;*/

	margin: 0;
	padding: 0;	
	height:34px;
/*line-height:34px*/
}
td.bottom img {
	margin: 0px;
	margin-right:60px;
	padding: 0px;
	float:left;
}

/***********************************************/
/* MASTHEAD                                    */
/***********************************************/
#masthead{
	margin: 0;
	margin-right:50px;
	padding:0;
	height: 78px;
	background: #FFFFFF url("img/musthead_bkg.gif") repeat-x left top;
}
#masthead #siteTitle {
	font-size: 19px;
	color:#C2C0B6;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#masthead p {
	margin:0 0 0 310px;
	padding:10px 0px 0px 5px;
	font-size: 11px;
	font-weight: bold;
	color:#FFF;
	/*line-height:30px;*/
}
#masthead p span{
	margin:4px 0 0 0;
	display:block;
	line-height:28px;
}
#siteTopLeft{
 position:absolute; 
	width:308px;
	height:107px; 
	z-index:5; 
	top: 0px;
	left:50px;
	background: transparent url("img/siteTop_left.jpg") no-repeat left top;		
}
/***********************************************/
/* TOP-NAV and IMG                             */
/***********************************************/
#menuTop{
	line-height:20px;	
	padding: 0;
	margin:0;
}
#globalNav {
	margin: -2px 50px 0 0;
	padding: 0 0 0 320px;	

	height: 32px;
	height: inherit;
	min-height:30px;
	background: #CBE2F2 url("img/globalnav.jpg") repeat-y left top;
}
html>body #globalNav  {height: auto;}
#globalImg {
	background: #eee url("img/globalImg_bkg.jpg") no-repeat right top;
	margin:0;
	padding:0;
	margin-right:50px;
	clear:both;
}
#globalImg #search{
	background-image:none;
}
#globalImg div{
background:transparent url("img/globalImg_img.gif") no-repeat left top;
height:30px;
}

/***********************************************/
/* BREADCRUMB                                  */
/***********************************************/
#breadCrumb{
	font-size: 80%;
	padding: 0;
	margin: 0 0 20px 0;
	line-height:26px;
}
#usability {
	position:fixed;
 z-index: 100;
	right: 53px; 
	top: 150px;  
	width:18px;
/*	display:none; */
}
#usability img {
	border:none;
}
#usability a {
	display:block;
	line-height:16px;
	width:18px;
	background-color: #eee;
	margin:0;
	padding:0;
	margin-bottom:2px;
}
#usability a:hover {
	background-color:#C5DEB1;/*#FF9900#D6D6CE*/
}
a#top{
	background:#eee url("img/top.gif") no-repeat left top;
}
a#click{
	background:#eee url("img/closenav.gif") no-repeat left top;
}
#print{display:none;}

/***********************************************/
/* CONTENT                                     */
/***********************************************/
#content{
	margin-top: 0px;
	margin-left: 210px;
	margin-right:70px;
	padding: 0px 0px 14px 64px;
	font-size:80%;
	
}
#content a{	color:#000;}
#content ul {
	list-style:   url("img/ul_ie.gif")
}
html>body #content ul {list-style:   url("img/ul.gif")}

/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 0px 25px;
	background: url("img/pagename2.gif") no-repeat left 10px;
	color:#666699;/*#7B7971;*/
	line-height:35px;
}
.paginazione {
	padding: 0;
	padding-top:10px; 
	margin: 0;
 margin-top:40px;
	border-top: 1px solid #3C8FA7;
	text-align:right;
	font-size:0.85em;
}

/************** .feature .story styles ********/

.feature{
 /*text-align: justify;*/
	padding: 5px 5px 10px 6px;
	color:#7B7971;/*#7B7971;#333#8D8B83;#666;*/
	text-align: justify;
}
.feature table{
		border-collapse: collapse;
}
.feature table td{
 padding:8px;
}
.feature table.border{
	border:1px solid #666;  
}
.feature table p {
	text-align: justify;
}
.feature table h2 {
  padding: 0;
  background-image: none;
}
.feature h2 {
		padding: 0px 0px 0px 15px;
  background: url("img/h2_1.gif") no-repeat left 4px;
  margin-top: 0.8em/* !important*/;
  margin-bottom: 0.5em/* !important*/;
}
.feature h3 { 
  margin-top: 0.7em/* !important*/;
  margin-bottom: 0/* !important*/;
}
.feature ul {
  margin-bottom: 1.4em/* !important*/;
}
.feature li {
  margin-bottom: 0.35em/* !important*/;
}
.story{
/*clear: both; DA NON USARE con html/body/table-height:100% */
 border-top:20px solid #E4F0DC;
	padding: 10px 8px 10px 8px;/*10px 5px 10px 6px*/
}
.feature img.floatleft, .story img.floatleft {	margin: 3px 10px 5px 0}
.story img.floatright, .story img.floatright {	margin: 3px 0 5px 10px}

.colLeft, .colRight {
	width: 49%;
	margin:0;
	padding:0;
}
.colLeft {	float: left;}
.colRight {	float: right;}

#videoframe{overflow: hidden;}


/*********x novità.php *************************/
#content ul.news{
list-style-type: none;
list-style-image:none; 
margin:0; 
padding: 0;
border-top: 4px solid #C3BFB6;
}
h4.bigger{font-weight: bold;margin-bottom:5px;color:#666}
#content ul.news li{
background: #FFF url(img/out3.gif) no-repeat  0 8px;
border-bottom:1px solid #efefef;
margin: 0px;
padding: 10px 0 0 17px;
clear:both;
}
/*ul.news li{margin:0 0 5px 0;border:1px solid orange;clear:both;padding:0;}*/
ul.news li span{float:right;color:#007A86}
ul.news li a{text-decoration: none;}
ul.news li a:hover{text-decoration: none;color:#007A86;}

/** START Pagine *******************************/
#paginazione{
color: #666666;
font-size:0.85em;
padding:10px 0 10px 0;
/*width:520px;*/
margin-top:5px;
vertical-align: middle;
text-align:right;
/*x a capo*/
line-height:1.8em;
clear:both;

}

#paginazione strong {
font-size:0.95em;
padding:2px 4px 2px 4px;
color:#fff;
background-color:#94BDC5;
border: 1px #666666 solid;
}

#paginazione a {
font-size:0.95em;
padding:2px 4px 2px 4px;
color:#555;
border: 1px #DADADA solid;
text-decoration:none
}

#paginazione a:hover, #paginazione a.selected {
padding:2px 4px 2px 4px;
color:#fff;
background-color:#94BDC5;
border: 1px #666666 solid;
}

/*********** #headlines styles *************/
#headlines{
	margin: 0;
	padding: 0;
}

/***********************************************/
/*SEARCH                                       */
/***********************************************/
#search{
	position:absolute;
	top: 25px;
	right:50px;
	z-index:15;
	margin:0 0 0 5px;
	padding: 0px;
	width:170px;
}
#search{
	position:absolute;
	top: 119px;
	/*right:0;*/
	left:80px;
	z-index:50; 
	display:none;
}
#search label{}
#search input {
  vertical-align: middle;
}
#search input.ricerca {
  width: 132px;
  border: 1px solid #999;
		height:15px;
		padding:2px 2px 0  2px;
		
}

/***********************************************/
/*NAVBAR and Component                         */
/***********************************************/
#navBar{
	margin: 0;
	/*margin-top:-1px;*/
	padding: 0;
	float: left;
	width:244px;
	font-size: 85%;
/*border-bottom:1px solid gray;*/
}
/*importante definire margin e padding in "ul" e "li": se padding in "li a" --> width:auto*/

#navBar ul { 
	margin: 0 0 10px 0;
	padding:0;/*0 18px 0 0*/
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists 
#navBar li {border-bottom: 1px solid #EEE8D8;}*/

/* fix for browsers that don't need the hack
html>body #navBar li {border-bottom: none;}*/

/*********** #sectionLinks styles ***********/
#navBar .sectionLinks{
 /*position: relative;	??!!*/
	margin: 0px 0 10px 0;	
	padding: 0px;
}
#navBar .sectionLinks h3{
	padding:4px 0px 3px 10px;
	margin:0;
	margin-top:5px;
	margin-bottom:7px;
 /*text-transform: uppercase;*/
	display:block;
	color: #FFF;
	background-color:#96968E;
	border-left:1px solid #F3F0E7;
}
#navBar .sectionLinks h3 a, #navBar .sectionLinks h3 a:hover{
text-decoration: none;
color: #FFF;
background-color: transparent;
padding:0;
}
 .sectionLinks h3{
	/*h6*//*padding: 5px 5px 6px 10px; 
	background: #96968E;
	font-size: 1.3em;
	
	margin-bottom: 7px;
		cursor: pointer;*/	
	cursor: pointer;
}
.sectionLinks h3 span{
/*border:1px solid yellow;*/
	display:block;
	background-image: url('img/plus-white-9x9.gif');
	background-repeat: no-repeat;
	background-position: 97%;
	
}

.sectionLinks h3.stretch_active span {
	background-image: url('img/minus-white-9x9.gif');
	background-repeat: no-repeat;
	background-position: 97%;
}

.sectionLinks h3.stretchtoggle1{
	background-image: url('img/plus-white-9x9.gif');
	background-repeat: no-repeat;
	background-position: 97%;	
}
.sectionLinks h3.stretch_active1{
	background-image: url('img/minus-white-9x9.gif');
	background-repeat: no-repeat;
	background-position: 97%;
}
.sectionLinks ul#Menu{
display:none;
}

/*********** #sectionLinks styles ***********/
.headlines{
	margin: 0 0 15px 0;	
	padding: 10px 18px 0 18px;
 margin-right:17px;
	font-style:italic;
	text-align:center;
}
.headlines img{
	margin: 0px;	
	padding: 0px;
	border:3px solid #F3F1E7;
}
.headlines p{
	text-align: justify;
	font-size: 0.8em; 
}
.headlines p.center{
	text-align: center;
}



/***********************************************/
/* SITE INFO                                   */
/***********************************************/
#siteInfo{}

/***********************************************/
/* MIX                                         */
/***********************************************/
.white {color: #ffffff;}
/*.olive {color: #508127;}*/
.darkgrey{color: #666;}
.lightgrey{color: #999;}
.darkgreen{color: #3C8FA7;}
.bkg_darkgreen {color: #59A2B2;}
.bkg_green {color: #B9D7A0;}
.bkg_lightgreen {color: #E4F0DB;}



.class4 {color: #FF9900;}
.class10 {color: #CC3300;}
.class12 {color:#666699;}/*#333#7BB5DD;#8D8B83;#999#7BB5DD*/

.classB, .classB1 {color:#4E8AC0;}/*#666699;*/
.classR, .classR1 {color: #CC3300;}
.classO {color: #FF9900;}
.classWh {color: #FFF;}

.classW {background: white;}
.classA {background: aqua;}
.classY {background: yellow;}
/*.classLbg {background: #F5F2EB;}*/
.classdObg {background: #FF9900;}


.classBRbg {background: #EEE8D8;}
.classlBRbg {background: #F5F3EB;}
.classGYbg {background: #E6E6E6;}
.classlGYbg {background: #F5F5F5;}
.classGbg {background: #C5DEB1;}
.classlGbg {background: #DFEDD3;}
.classBbg {background: #B3D7EC;}
.classlBbg {background: #DFEDF7;}
.classObg {background: #FDBA52;}
.classlObg {background: #FEDDAA;}



.lightblu {
color: #9AC9E4;
}

.floatleft{float: left;}
.floatright{float: right;}

td p.center{text-align: center;}
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.feature table td p.tdleft{text-align: left;}
.justify {text-align: justify;}

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

.spacer {
	clear: both;
	font-size:1px;
}
.stopFloat {
  display: block;
  clear: both;
  float: none;
  height: 0px;/*1px*/
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;	
}
#img_spacer{
	float:left;
	display:none;
}
.graybox{
	background-color:#f5f5f5; 
	border:1px solid #999; 
	padding:4px;
}

.frame{
width:90%;
height:300px;
overflow:scroll;
border:1px solid #333;
text-align:center;
margin-right:auto;
margin-left:auto;
}

.idea{
	background: #ffffcc url("img/idea.gif") no-repeat 10px 10px;  
	border-top:1px solid #666;
	border-bottom:1px solid #666; 
	padding:10px 25px 10px 75px;
}
.informa{
	background: #DFEDD3 url("img/informa.gif") no-repeat 10px 10px;  
	border-top:1px solid #666;
	border-bottom:1px solid #666; 
	padding:10px 25px 10px 75px;
}
.domanda{
	background: #DFEDF7 url("img/domanda.gif") no-repeat 10px 10px;  
	border-top:1px solid #666;
	border-bottom:1px solid #666; 
	padding:10px 25px 10px 75px;
}
.attenzione{
	background: #FEDDAA url("img/attenzione.gif") no-repeat 10px 10px;  
	border-top:1px solid #666;
	border-bottom:1px solid #666; 
	padding:10px 25px 10px 75px;
}
#navBar .sectionLinks h3.orange{
	color: #FFF;
	background-color:#FF9900;
}

/*****************************************************************************************************************/
/*
#usability{border: 1px solid #ccc;}
#navBar{border: 1px solid lightgreen;}
#content{border: 1px solid pink;}
#breadCrumbOut{border: 1px solid #ccc;}
#page{border-bottom: 1px solid red}
#wrap{border-bottom: 1px solid yellow}
#globalNav{border-bottom: 1px solid blue}
#masthead{border-bottom: 1px solid orange}
ul{border: 1px solid green;}
ul li{border: 1px solid red;}
ul li a{border: 1px solid yellow;}
.feature{border: 1px solid green;}
.story{border: 1px solid green;}
.colLeft {border: 1px solid gray;}
.colRight {border: 1px solid gray;}
table td{ border:1px solid red;}
*/