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

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
/**/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}


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: #4D5152 url(img/body-ff7bkg-1280.gif) repeat-y top center;/*img/body-bkg.gif*/
	font: 76% Arial, Helvetica, sans-serif, sans;/*84%*/	
	color: #777;
	text-align:center;
}
a{
 color:#457ACB;/*#3061AD*/
	text-decoration: none;
	outline:none;
}
a:hover {
	text-decoration: underline;
}
h1{font-size: 1.65em;margin-top:0; color:#457ACB;/*#3061AD*/}
h2{font-size: 1.2em;color:#457ACB;/*#3061AD*/}
h3{font-size: 1.15em; color:#F8B042}
h4{font-size: 1em}
h5{font-size: 0.85em}

.small{font-size:0.85em}
.bigger{font-size:1.1em}
ul{list-style-type: disc;}
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 {
	/*height: auto !important;!!!*/ 
	/*min-height: 100%;!!!*/ 
	height: 100%;/*!!!*/
	text-align: left;
	margin:0 auto;
/*padding: 0;*/
	width:990px;	
}
.wrap120{background: #FFF url(img/page-bkg.jpg) repeat-x left 153px;}
.wrap187{background: #FFF url(img/page-bkg.jpg) repeat-x left 220px;}
.wrap302{background: #FFF url(img/page-bkg.jpg) repeat-x left 335px;}

#subwrap {
	min-height: 100%;/*!!!*/	
	/*height: auto !important;!!!*/
/*	height: 100%;*/
	position:relative;
	background: transparent url(img/rightCol-bkg.png) no-repeat right bottom; 
	margin: 0;
	padding: 0;
/*	border-right:1px solid #3E4245;*/
}
html>body #subwrap {height: auto !important;/*!!!*/}
#page{
	padding:0;
	margin: 0;	
 	padding-bottom:45px;
	/*background-color:transparent;*/
}
#content{	
	margin: 0 350px 20px 0;/*!!!*/
	padding: 0 10px 0 15px ;
}
#navBar{
	margin:0;
	margin-top:-2px;/*x Firefox ???*/
	padding:0;
	padding-bottom:50px;
	width: 340px;		
	float:right;/*!!!*/	
}

/***********************************************/
/* MASTHEAD                                    */
/***********************************************/
#masthead{
	margin: 0;		
	padding: 0;
	position: relative;
}
.w_120{height:120px;}
.w_187{height:187px;}
.w_302{height:302px;}
.logo_l{position:absolute;width:250px;height:72px;left:0;top:0;z-index:10} 
.logo_r{width:740px;height:72px;position:absolute;left:250px;top:0;z-index:10}
.sublogo48{width:990px;height:48px;position:absolute;left:0;top:72px;z-index:10}
.sublogo115{width:990px;height:115px;position:absolute;left:0;top:72px;z-index:10}
.sublogo230{width:990px;height:230px;position:absolute;left:0;top:72px;z-index:10}

/***********************************************/
/* BREADCRUMB                                  */
/***********************************************/
#breadCrumb{
	font-size:1.1em;
	padding: 0;
	margin:0;	
	height:33px;
	background: transparent url(img/path-bkg.jpg) repeat-x left top ;
	position:relative;
	color:#FFFFFF;	
}
#breadCrumb p{margin:0;padding:0 0 0 15px;line-height:31px;}
#breadCrumb p.l {float: left;width:275px;}
#breadCrumb p.r {float: left;margin-left:17px;width:331px;}
#breadCrumb p img{margin:0 2px;}
#breadCrumb a{color:#FFFFFF;text-decoration: none;}
#breadCrumb a:hover{color:#FFFFFF;text-decoration: underline}
#breadCrumb img.top{
	position:absolute;
	top:4px;
	left:650px;
	z-index:20;
}
#breadCrumb img.ico{
	position:absolute;
	top:6px;
	left:520px;
	z-index:20;
}

/***********************************************/
/* CONTENT  component                          */
/***********************************************/
#content ul {/*list-style:   url("img/li.gif")*/}
#content .feature p,
#content div.indent,
#content div.subindent,
#content .story p{text-align:justify}
/*#content .feature span.subdescr*/
.feature,
.story,
.colLeft, 
.colRight {
	padding: 0;
	margin: 0;
}
/*
.feature .h_148{min-height:148px;height: 148px }
html>body .feature .h_148{height: auto !important; }*/

table.box{}

.feature{
	padding-bottom: 8px;
	background: transparent url(img/feature-bkg.png) no-repeat 284px bottom;
	border-top: 1px solid #eaeaea;
}
/*lt IE6 obbligato a piazzarlo qui prima di pngfix-behaviour-style*/
.feature{_background: transparent url(img/feature-bkg.png) no-repeat 281px bottom;}/*!!!*/

.feature img.floatleft{	margin: 3px 10px 5px 0}
.feature img.floatright {margin: 3px 0 5px 10px}

.feature span.data, 
.feature span.title, 
.feature span.comment,
.feature span.continua{
	display:block;	
	margin:0 0 4px 0;
	font-size:0.85em;/*0.9em*/
}
.feature span.data{}
.feature span.continua{	
	position: absolute;
	top:95px;
	left:12px;
	width:276px;
	text-align: right;
	background: transparent url(img/continua.gif) no-repeat 219px 2px;
}
#wrap .feature span.continua a{font-weight:bold;text-decoration:none;font-size:1em}
#wrap .feature span.continua a:hover{font-weight:bold;text-decoration:none;color:#FF9900;font-size:1em}
.feature span.title{font-weight:bold; font-size:0.9em}

.colLeft {float: left;width:275px;}
.colRight {float: right;width:331px}
.colRight{background: transparent url(img/colRight-bkg.jpg) no-repeat left top;}

.eventi_up, 
.eventi_dwn{width:266px;height:121px;padding:0; margin:22px 0 0 0}
.eventi_up{background: transparent url(img/eventi-up.jpg) no-repeat left top;}
.eventi_dwn{background: transparent url(img/eventi-dwn.jpg) no-repeat left top;}
.news_up,
.news_dwn{width:303px;height:121px;padding:0; margin:22px 0 0 22px;position:relative;}
.news_up{background: transparent url(img/news-up.jpg) no-repeat left top;}
.news_dwn{background: transparent url(img/news-dwn.jpg) no-repeat left top;}
.news_up{border-top:1px solid #ECECEC}/*xFirefox ???*/

.news_dwn p,
.news_up p{margin:12px 0 0 12px; width:276px; padding:0;}
.news_dwn div.moz{height: 0px;font-size: 1px;line-height: 1px;}

.eventi_up img.logo,
.eventi_dwn img.logo{margin:12px 15px 0 20px; width:70px; height:80px;float:left;border:1px solid #E0E0E0}
.eventi_up p,
.eventi_dwn p{margin:12px 0 0 0; width:145px;padding:0;float:left;}

.col_thumb, .col_thumbNews, .col_thumbSmall {
	float:right;
	margin:0 ;
	padding:0px;
	background:url(img/shadowAlpha.png) no-repeat bottom right !important;
	_background:url(img/shadow.gif) no-repeat bottom right;/*!!! xIE6*/	
}
.col_thumbSmall {
 width:165px; 
 height:114px;
	background:url(img/shadowAlphaSmall.png) no-repeat bottom right !important;
	_background:url(img/shadowAlphaSmall.gif) no-repeat bottom right;/*!!! xIE6*/	
}

.colRight .descr {margin:0; padding:0; text-align:center; font-size:0.9em;clear:right; }
.colRight .descr span{display:block; width:158px; margin:0 auto;}/*text-align:center; span.subdescr*/

.col_thumbSmall div{
	background:#FFF;
	border:1px solid #ccc;
	margin:0 5px 5px 0;
	width:158px;
	height:108px;
	text-align:center;
 display:table-cell;
 vertical-align:middle;
		/*	line-height:100px*/
}
.col_thumbSmall img{
 vertical-align:middle;
	margin:0;
	padding:0;
}
.col_thumb img, .col_thumbNews img {
	display:block;
	/*position:relative;*/
	background:#FFF;
	border:1px solid #ccc;
	margin:-5px 5px 5px -5px;
	padding:4px;
}
h3.upcs{text-transform:uppercase;margin-top:0;padding-top:0;}
h2.upcs{text-transform:uppercase;margin-top:0;padding-top:0;color:#F8B042}
h4.indent{color:#457ACB;text-transform:uppercase;padding:0 0 0 5px;}
h4.indent_ext{display:none}
h4 span.datenews {background: transparent url(img/item.gif) no-repeat 0 4px;padding-left:13px;}
p.indent, div.indent{border-left:1px solid #878787;margin-left:20px;padding:10px 23px 0 5px}
div.subindent {margin: 20px 0 0 35px;}
div.subindent table.subindenttable td{padding:2px}
div.indent ul{margin:0; padding:0;margin-left:13px}
#content div.indent ul a{text-decoration:none}
#content div.indent ul a:hover{text-decoration: underline}
div.indent span.caratt{display:block;font-weight:bold; margin:0 0 5px 0}

img.indent{border:1px solid gray;float:left;}
.flashindent{float:left;margin:0;padding:0}

.story{
	padding: 0 25px 0 30px;
	margin-bottom:20px;
}
div.partners{
	margin:0;
	padding:0 0 11px 0;
	background: transparent url(img/partners-bttm.png) no-repeat left bottom ;
	width:592px;
	min-height: 93px;
	height: auto !important;
	height:93px;
}
div.partners div.container{
	margin:3px auto 0 auto;
	width:564px;
	padding:0;
	text-align:center;
}
div.partners img{
	margin:2px auto;  
	/*width:88px; 
	height:58px;
	float:left;*/
}
div.partners .flashindent{margin: 1px 11px 2px 11px}
div.partners p.intesta{
	margin:0;
	padding:0 10px 0 0;
	line-height:18px;
	height:24px;
	text-align:right;	
	font-size:1.1em;
	background: transparent url(img/partners-top.png) no-repeat left top;
}

p.linkpdf{
	background: transparent  url(img/pdf.png) no-repeat right top;
	height:37px;
	line-height:37px;
 	margin:10px 23px 0 0;
}

#wrap p.linkpdf	{text-align:right;padding-right:50px;}
p.linkout{}
p.linkpdf a{text-decoration: none}
p.linkpdf 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;	
	margin:0 23px 0 0;
}
.headlines{	
	padding:0 0 40px 0;	
	margin:18px 23px 0 0;
	background: transparent url(img/headlines-bkg.jpg) no-repeat  bottom center;
}
.headlines p{margin:0 0 0 0; width: inherit;padding:0 15px 0 20px;text-align:justify}
.headlines img.logo{margin:22px 10px 0 0; width:70px; height:80px;float:left;border:1px solid #E0E0E0}
.headlines span.data,
.headlines span.comment{
	display:block;	
	margin:0 0 4px 0;
	font-size:0.85em;/*0.9em*/
}
.headlines span.title{
 	color:#457ACB; 
	font-size:1.1em;
	font-weight:bold;
	display:block;	
	margin:0 0 4px 0;
}
.search{	
	padding:0;	
	margin:0 23px 0 0;
	background: #EDEDED url(img/search-bkg.jpg) repeat-x  left top;
	height:60px;
	/*position:relative;*/
}
.newsletter{
	width:289px;
	height:121px;
	padding:0; 
	margin:0 auto;
	background: transparent url(img/newsletter.jpg) no-repeat left top;
	/*position:relative;*/
}
.newlogin{
	width:289px;
	height:150px;
	padding:0; 
	margin:0 auto;
	background: transparent url(img/newlogin.jpg) no-repeat left top;
	/*position:relative;*/
}
.newNOlogin{	background: transparent url(img/newNOlogin.jpg) no-repeat left top;}

/***********************************************/
/* LOGIN                                */
/***********************************************/
#private {
	height: 24px;/*height: 20px x drop3.gif*/
	/*width: 450px;x drop3.gif*/
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	color:#fff;
	position: absolute;
	font-size:0.9em;
	/*left: 410px;*/
	top:-1px;
	z-index:50;
}
#contents_private{position:relative;}		 
#private #bg_private #contents_private {
	display: none;
	padding-left: 20px;
}
#bg_private {
	background-color: #ECEDED;
	/*background: #4c5051 url(img/private-bkg.jpg) no-repeat  left top; x drop3.gif*/
	height: 0px;
}
#clickme {
cursor:pointer;
cursor:hand;
} 

/***********************************************/
/* LANG                                   */
/***********************************************/
#lang{
	padding:0;
	margin:0;
	position:absolute;
	bottom:0;
	right:0;
	z-index:10;
}


/***********************************************/
/* SITE INFO                                   */
/***********************************************/
#siteInfo{
	padding:0;
	margin:0;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:45px;
	color:#FFF;
	background: transparent  url(img/siteinfo-bkg.jpg) repeat-x left bottom;
	/*visibility:hidden;*/
}
#siteInfo p.left{margin:0;margin-top:15px;float:left;padding-left:15px;}
#siteInfo p.right{margin:0;margin-top:15px;float:right;padding-right:373px;}
#siteInfo a{color:#FFF;text-decoration: none;}
#siteInfo a:hover{color:#FFF;text-decoration: underline;}
#siteInfo p.print{display:none}
#alpewa{display:none}

/***********************************************/
/* MIX                                         */
/***********************************************/
.white {color: #FFF;}
.blue {color: #3061AD;}
.midblue {color: #457ACB;}
.grey{color: #EDEDED;}
.orange{color: #FDB046;}
.border{border:1px solid #E0E0E0;}

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

.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;}

.stopFloatLeft, .stopFloatLeftIE6{
	clear:left;
	font-size:1px;
	line-height: 1px;
	height: 0px;
}
.stopFloatRight, .stopFloatRightIE6{
	clear:right;
	font-size:1px;
	line-height: 1px;
	height: 0px;
}
.stopFloat,
.stopFloatIE6{
  display: block;
  clear: both;
  float: none;
  height: 0px;/*1px*/
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;	
}
.spacerArchive {
	clear: both;
	font-size:1px;
	line-height: 14px;
	height:14px;
	background: transparent url("img/img/long_archivio.gif") no-repeat 1px top;
}

.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 */

/*****************************************************************************************************************/
/*
.col_thumb{border: 1px solid red;}
div{border: 1px solid red;}
div div{border: 1px solid lightgreen;}
div div div{border: 1px solid yellow;}

fieldset{border:1px solid lightgreen}	
label{border:1px solid red}


#siteInfo{border-bottom: 1px solid red;border-top:1px dotted red;}

#wrap{border: 1px solid lightgreen;}
#subwrap{border: 1px solid blue;}

.feature, #page{border: 1px solid gray;}
#navBar, #content{border: 1px solid red;}
.colLeft, .colRight{border:1px dotted orange;}*/