/* navigazione generale */
@import url(nav1.css);


/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
html, body {margin: 0;padding: 0; height:100%}
h1, h2, h3, h4, h5, h6{margin: 0.7em 0 0.2em}
ol, p, ul{ margin-top: 0.2em;margin-bottom: 1.2em}
body{
 background: #F4EBDC url(img/body.jpg) repeat-y top center;
	font: 76% Arial, Helvetica, sans-serif, sans;	
	color: #333;
	text-align:center;	
}
a{
 color:#094180;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
h1{font-size: 1.65em;margin-top:0; color:#094180;}
h2{font-size: 1.35em;color:#6282A8;}
h3{font-size: 1.15em}
h4{font-size: 1em}
h5{font-size: 0.85em}

.small{font-size:0.85em}
.bigger{font-size:1.1em}
ul{list-style-type: none;}
img {border: 0;}

hr {
/* For Internet Explorer */
	height: 1px; 
	color: #ccc; 
	border: none; 
	width:90% 
} 
html>body hr {
/* For Opera a   nd Gecko-based browsers */
	background-color: #ccc; 
	border: 0px solid #ccc;
}
/***********************************************/
/* MAIN Layout Divs                            */
/***********************************************/
#wrap {
	min-height:100%; 
	position:relative;
	background: url(img/left_bkg1.jpg) no-repeat left top;
	margin: 0 auto;
	padding: 0;
	width:930px;
	text-align: left;
}
#page{
	padding:0;
	margin: 0;	
padding-bottom:60px;		
}
#content{	
	margin: 0 245px 0 0;/*!!!*/
	padding: 0 17px 0 38px ;
}
#navBar{
	margin:0;
	padding:0;
	width: 235px;		
	float:right;/*!!!*/
	/*display:inline;
	double margin IE-bug when margin same way of float*/
}

/***********************************************/
/* MASTHEAD                                    */
/***********************************************/
#masthead{
	margin: 0;		
	padding: 0;
	height: 95px;
	background: url(img/masthead4.jpg) no-repeat left top;
	position: relative;
}

#masthead img{
 position:absolute;
	top:10px; 
	left:5px; 
	width:250px; 
	height:118px
}

#pms{
	position: absolute;
	right: 40px;
	top: 33px;
	height: 57px;
	padding:0;
	margin:0;
}

#masthead #pms img{
 position:relative;
	top:0px; 
	left:5px; 
	width:157px; 
	height:57px
}



#topnav{
	position: absolute;
	right: 8px;
	top: 0px;
	width: 300px;
	height: 25px;
	background: url() no-repeat top right;
	padding:8px 0 0 0;
	margin:0;
 font-size:1em;	
}


/***********************************************/
/* TOP-NAV and IMG                             */
/***********************************************/
#globalNav{
	margin: 0;
	padding: 0 0 0 280px;
	height:36px;
	background: transparent url(img/prisma_top_menu3.jpg) no-repeat left top ;
	font-family:Arial;
	font-size:1.1em;
}
#globalImg{
	margin: 0;
	padding: 0;
	height:80px;
}

/***********************************************/
/* BREADCRUMB                                  */
/***********************************************/
#breadCrumb{
	font-size:12px;
	padding: 0 260px 0;
	margin:0 0 17px 0;	
	height:15px;
	text-align:right;
	color: #666666
}
#breadCrumb img{	margin:0 2px}
#breadCrumb a{	text-decoration: none;font-weight:bold;}
#breadCrumb a:hover{font-weight:bold;text-decoration: underline}

/***********************************************/
/* CONTENT  component                          */
/***********************************************/
#content ul {list-style: url(img/li.gif)}

.feature_home{
	/*se metto la larghezza si somma al 
	padding: 	quindi ho metto la larghezza 
	nei box contenuti o indici una largh. - padding
	 ...vale solo per un div-float...???!!!*/
	width: 223px; 
	margin: 10px 3px;	
	background: transparent url(img/feature_home.jpg) no-repeat center top;
	float:left;
	min-height: 284px;
	height: auto !important;
	height: 284px;
	position:relative;
}
.feature_home div{
 /*background: transparent url(img/archivio.jpg) no-repeat center bottom;*/
 padding: 0 20px;
	width: auto;
	min-height: 284px;
	height: auto !important;
	height: 284px; 	
}
.feature_home a.archivio{
	line-height:13px;
	height:13px;
	position:absolute; 
	width:214px; 
	left:4px; 
	top:350px;
	text-decoration: none;
}
.feature_home span{
	display:block;
	margin-top:5px;
}
.feature_home span.data, 
.feature_home span.title, 
.feature_home span.comment{
	display:block;
	color:#A9A9A9;
	border-bottom:1px solid #A9A9A9;
	margin-bottom:5px;margin-top:5px;
	font-size:0.9em;
}

.feature_home span.argomenti{
	display:block;
	color:#094180;
	padding:5px 0 5px 0;
	font-size:1em;
}

.feature_home li.argomenti{
list-style:none;
padding:5px 0 5px 5px;
background-image:none;
margin:0;
}

.feature_home span.comment{
	border-bottom:none;
	margin-bottom:0;
}
.feature_home span.title{
	font-size:0.75em;
}
.feature_home li.advertise{
	text-align:center;
}
.feature_home li.advertise img{
	margin: 7px auto;
}
.feature{
	padding: 0;
	margin: 0;
	text-align:justify
}
.feature .floatleft{	margin: 3px 10px 5px 0}
.feature .floatright {	margin: 3px 0 5px 10px}
.feature div.wrapper{
	border:1px solid #ccc;
	background-color:white;
}
.feature div.container{
	width:625px;
	padding:0;
	margin:0;
	text-align:justify
}
.feature div.float{
	width:200px;
	height:100px;
	border:1px solid #ccc;
	line-height:100px;
	float:left;
	margin:0 6px 20px 0;
}
/*prodotti large box*/
.feature div.largefloat{
	width:300px;
	height:auto;
	border:none;
/*line-height:1em;*/
	float:left;
	margin:0 10px 30px 0;
}
/*prodotti small box*/
.colLeft div.float{
	width:210px;
	height:auto;
	border:none;
	line-height:1em;
	float:left;
	margin:0 0 20px 10px;
}
.colLeft div.float img,
.feature div.largefloat img{margin-bottom:10px;}
.feature div.largefloat p.description{position: absolute;z-index:10;top:90px; left:10px}

h2.title{margin-bottom:5px;}
#content ul.ulmappa {
margin-left:25px;
margin-bottom:25px;
padding: 0px;
list-style-image:url(img/out2.gif);
}
#content ul.ulmappa li{
line-height: 17px;
}
#content ul.ulmappa li a{
color:#000;
text-decoration: none;
}
#content ul.ulmappa li a:hover{
color:#000;
text-decoration: underline;
}
.colLeft, .colRight {
	width: 49%;
	margin:0;
	padding:0;
}
.colLeft ul, 
.colRight ul{
	margin:0;
	padding:0;
}
.colLeft ul li,
.colRight ul li {
	margin-left:15px;
}
.colLeft {	float: left;}
.colRight {	float: right;}

.colRight p.title,
.colLeft p.title{
	margin:0 0 3px 0; 
	padding:0;
	font-weight:bold;
}
p.largelinkpdf{
	background: transparent  url("img/pdf1.gif") no-repeat 0 4px;
	padding:5px 0 0 20px;
	margin:0 0 0 2px;
	color:#ccc;
	line-height:1em;
}
p.linkpdf,
p.linkout{
	background: transparent  url("img/pdf1.gif") no-repeat 0 2px;
	font-size:0.85em;
	line-height:1.1em;
	padding:5px 0 0 20px;
 margin:0 0 0 2px;
 color:#ccc;
}
p.linkout{	
	background: transparent  url("img/out2.gif") no-repeat 0 1px;/*out1.gif*/
	line-height:1.2em;
}
p.linkpdf a,
p.largelinkpdf a{text-decoration: none}
p.linkpdf a:hover,
p.largelinkpdf a:hover{text-decoration: underline}

p.linkout a {text-decoration: none}
p.linkout a:hover {text-decoration: underline}

/***********************************************/
/*NavBar component                             */
/***********************************************/
#navBar ul {
	list-style: none; 
	margin: 0; 
	padding: 0;
}
/*hack to fix IE<=6/Win's broken rendering 
of block-level anchors in lists*/
#navBar li {border-bottom: 1px solid #F2F2F2;}/*D1E5AA*/
/*fix for browsers that don't need the hack*/
html>body #navBar li {border-bottom: none;}

.sectionLinks {	
	padding:0 30px 0 18px;	
	margin:0;
}


/***********************************************/
/* SITE INFO                                   */
/***********************************************/
#siteInfo{ 
	padding:0;
	margin:0;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:40px;
	color:#8D8D8D;
	text-align:center;
}
#siteInfo a{ 
	text-decoration: none;
}
#siteInfo a:hover{ 
	text-decoration: underline;
}

/***********************************************/
/* MIX                                         */
/***********************************************/
.white {color: #FFF;}
.blue {color: #094180;}
.midblue {color: #6282A8;}
.grey{color: #ccc;}
.border{border:1px solid #ccc;}

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

.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}

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

.spacer {
	clear: both;
	font-size:1px;
}
html>body #spacer{margin-top: -1px; font-size:1px;}

.stopFloat {
  display: block;
  clear: both;
  float: none;
  height: 0px;/*1px*/
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;	
}
.clearfix:after {
		clear: both;
		height: 0;				
		display: block;
		visibility: hidden;				
		content: ".";
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* end clearing */

/*****************************************************************************************************************/
/*.feature{border: 1px solid green;}
.colLeft, .colRight{border:1px dotted orange;}*/

.spacerArchive {
	clear: both;
	font-size:1px;
	line-height: 14px;
	height:14px;
	background: transparent url(img/long_archivio.gif) no-repeat 1px top;  	
}