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

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
html, body {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6{margin: 10px 0 5px 0}
ol, p, ul{ margin-top: 0.2em;margin-bottom: 1.2em}
body{
 background-color:#C2C2C2;
	font: 76% Arial, Helvetica, sans-serif, sans;/*84%*/	
	color: #333;
	text-align:center;
}
a{
 color:#99132b;
	text-decoration: underline;
	outline:none;
}
a:hover {
	text-decoration: none;
}
h1{font-size: 1.95em; color:#EFBEC8;}
h2{font-size: 1.35em; color:#C31534;}
h3{font-size: 1.15em; color:#99132b;}
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: #DADADA; 
	border: none; 
	width:100% 
} 
html>body hr {
/* For Opera a   nd Gecko-based browsers */
	background-color: #DADADA; 
	border: 0px solid #DADADA;
}
/***********************************************/
/* MAIN Layout Divs                            */
/***********************************************/
#wrap {
	background: white url(img/wrap-bkg.gif) repeat-y left top;		
	margin: 0 auto;
	padding: 0;
	width:975px;	
}
#subwrap {	
	background: transparent url(img/subwrap-bkg.gif) no-repeat left top; 
	margin: 0;
	padding: 10px 8px 0 7px;	
	text-align: left;
}
#page{
	padding:20px 0 0 0;
	margin: 0 0 20px 0;
}
#content{	
	margin: 0 0 0 15px;/*!!!*/
	padding: 0;
	width:540px;
	float: left;
}
#navBar{
	margin:0 0 0 10px;
	/*xmargin-top:-2px; Firefox ???*/
	padding:0;
	width: 150px;		
	float: left;/*!!!*/
	/*display:inline;
	double margin IE-bug when margin same way of float*/
}
#rightBar{
	margin:0 10px 0 0;
	padding:0;
	width: 220px;		
	float:right;/*!!!*/
}

/***********************************************/
/* MASTHEAD                                    */
/***********************************************/
#masthead{
	margin: 0;		
	padding: 0;
	position: relative;
	height:100px;
    background: #C31534 url(img/bandiere.jpg) no-repeat right top; 	
}
#masthead p.access{	
 position:absolute;
	top:96px;
	right:10px;
	width:auto;
	color:#FFFFFF
}
#masthead p.access a{	color:#FFFFFF;text-decoration:none}
#masthead p.access a:hover{text-decoration:underline}
#siteLogo {
 position:absolute;
	top:10px; 
	left:15px;
}
#siteLogo2 {
 position:absolute;
	top:32px; 
	right:10px;
}
#lang{
	position:absolute;
	top:0;
	right:320px;
}
#search {
	position:absolute;
	top:69px; 
	right:96px;
	width: auto;				
	margin: 0;
	padding: 0;				
	text-align: right;
	z-index:999;
}
#search div.row{padding:auto 0}
#search select{margin:0 15px 0 0;}

/***********************************************/
/* BREADCRUMB                                  */
/***********************************************/
#breadCrumb{
	font-size: 11px;
	padding:0 0 15px 0;
	margin:0;	
	text-align:right;
	color:#CCCCC;	
}

#breadCrumb p{margin:0; padding:0; line-height:22px; border-bottom:1px solid #CCCCCC; 
	display:block }
#breadCrumb a{	color:#99132b;text-decoration: none;}
#breadCrumb a:hover{color:#333;text-decoration: underline}

/***********************************************/
/* CONTENT  component                          */
/***********************************************/
.feature, .story, .colLeft, .colRight, .box {padding: 0;	margin: 0;text-align:justify}
.feature{margin:0 0 10px 0; text-align:justify; line-height:19px}

#content ul.allegati {margin:0 0 0 15px; padding: 5px 0 0 0; list-style-image:none; list-style-type: disc; list-style: url("img/bullet.gif")}
#content ul.allegati li {margin:0; padding: 5px 0 0 5px;}


.story{clear:left;margin:0 0 20px 0;}
.box{
	margin:12px 0 20px 0;
	padding:0 10px 0 10px;
	background-color:#F3F3F3;
	border:1px solid #DADADA;
}
h3.news{
	color:#FFFFFF;
	height:20px;
	line-height:20px;
	padding:0 0 0 4px;
	background-color:#C31534;
	margin:0 0 12px 0;
}
p.title{
	height:20px;
	line-height:20px;
	padding:0 0 0 4px;
	background-color:#F3F3F3;
	border:1px solid #DADADA;
}
#content ul.listnews {
 list-style-type: none;
	padding:0;
	margin:auto 0;
}
#content ul.listnews li {
	margin:4px 0 4px 0;
	padding:0;
}
#content ul.listnews li a{padding: 3px; color:#C31534; text-decoration:none;; display: block; border:1px solid #CCCCCC }
#content ul.listnews li a:hover{padding: 3px; color:#C31534;text-decoration:none; display: block; border:1px solid #C31534}

.container{margin:0 auto;display:inline-block;}
.float {float: left;margin:0 5px;}
.float p {text-align:center;font-size:0.9em}

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

.colLeft {	float: left;}
.colRight {	float: right;}

/** START Pagine *******************************/
.pagine{
	margin:12px 0 10px 0;
	font-size:0.9em;	
	height:20px;
	line-height:20px;
	background-color:#CCC;
	border:1px solid #999;
	text-align:center;
	/*clear:left;both*/		
}
.pagine ol, .pagine ol li {list-style:none;margin:0; padding:0;}
.pagine ol{width:120px;display:inline-block}
.pagine ol li {padding:0 2px; float:left;}
.pagine ol li a{color:#333;}
.pagine ol li a:hover{text-decoration:none;}
.pagine ol li span {
 display:block;
	margin:0;
	padding:0 4px;	
	width:7px; /*x IE*/	
	color:#FFF;
	font-weight:bold;	
}

/***********************************************/
/*NavBar component                             */
/***********************************************/
#navBar ul,
#rightBar 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, #rightBar li {border-bottom: 1px solid #DADADA;}
/*fix for browsers that don't need the hack
html>body #navBar li {border-bottom: DADADA;}*/

.sectionLinks {	
	padding:0;	
	margin:0;
}
.advertise {	
	padding:0;	
	margin:20px 0 0 0;
	text-align:center;
	font-size:10px
}

/***********************************************/
/* SITE INFO                                   */
/***********************************************/
#siteInfo{
	padding:0;
	margin:20px 0 0 0;
	height:23px;
	background-color:#C31534;
	color:#FFF;
	background-image:url(img/pie_pagina.gif)
}
/*#siteInfo p.left{margin:0;margin-top:5px;float:left;padding-left:15px;}*/
#siteInfo p.right{margin:0;margin-top:5px;float:right;padding-right:10px;}
#siteInfo a{color:#FFF;text-decoration: none;}
#siteInfo a:hover{color:#FFF;text-decoration: underline;}

/***********************************************/
/* MIX                                         */
/***********************************************/
.white {color: #FFF;}
.red {color: #C31534;}
.darkred{color:#99132b;}
.pink {color: #EFBEC8;}
.grey{color: #F3F3F3;}
.border{border:1px solid #DADADA;}

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

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

/***********************************************/
/* DEBUG                                       */
/**********************************************


.colLeft, .colRight, .headlines{border:1px dotted orange;}
.feature{border: 1px solid pink;}
#wrap{border: 1px solid lightgreen;}
#subwrap{border: 1px solid lightgreen;}
#navBar, #content{border: 1px solid red;}
#siteInfo{border-bottom: 1px solid red;border-top:1px dotted red;}
#search{	border:1px solid yellow;}
fieldset{ border:1px solid blue;}
fieldset div.row{border:1px solid lightgreen}
#content ul.listnews {border:1px solid lightgreen;}
#content ul.listnews li {	border:1px solid green;}
.container{border: 1px solid blue;}
*/