/***************************
Theme Name: IW_Accessibile04
Description: Layout fluido a 3 colonne: contenuti centrali + 2 colonne per i Blocchi/Menu
by iWebSolutions 
http://www.iwebsolutions.org 
****************************/

body {
	 background-color: #567;
	 font: 14px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, Arial, Sans-Serif;
    line-height: 1.3;
}
#wrap{
	margin:0 auto;
	min-width: 750px; 
	width:90%;
 	line-height: 1.5em;
	background-color: #fff;
	border:1px solid #ccc;
	padding:10px;
}
a {
 	 color: #048;
    outline: none;
    text-decoration: none;
}
a:hover, a:active {
	 color: #68f;
}
a img{
border:0;
}
h1 {
	font-size: 1.6em;
	letter-spacing: 0.1em;
	margin: 5px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.center{
	text-align: center;
}
.hide{
	display: none;
}

/**************** HEADER ***************/
#header {
	color: #fff;
	min-height: 160px;
	height: auto !important;
	height: 160px;
	text-align: center;
	font-size: 0.9em;
	border: 0px none;
	background:#fff url("images/header.jpg") no-repeat; 
}  

#header h1{
	padding-top: 15px;
	font-size: 2.0em;
	letter-spacing: 0.1em;
	margin-right: 30px;
	line-height: 1em;
	color: #474747;
}
#header h1 a{
	color: #048;
	text-decoration: none;
}
#header h1 a:hover{
	color: #fff;
	background-color: #000;
}
#header h2 {
	font-size: 1.2em;
	line-height: 0.5em;
	margin-right: 30px;
	font-weight: normal;
	color: #474747;
}

/******** MENU PRINCIPALE *********/
.navigation {	
	background: #D9E1E5 url(images/bg_grey.jpg);
	border: 1px solid #DFEEF7;
	border-color: #DFEEF7 #CFDEE7;
	height: 23px;
	margin-bottom:8px;
}

.navigation a {
	background: #D9E1E5 url(images/bg_grey.jpg);
	border-right: 1px solid #AFBEC7;
	color: #456;
	display: block;
	float: left;
	font: bold 1.1em sans-serif;
	line-height: 23px;
	padding: 0 20px;
	text-decoration: none;
}

.navigation a:hover {
	background: #D9E1E5 url(images/bg_green.jpg);
	background-position: left bottom; color: #234;}

	
/*********** CONTENUTI CENTRALI *************/
#content {
	float: right;  /* x Firefox  */
	width: 56%;  /* CORRETTO! x Layout FLUIDO */	
	padding:8px;
	margin-left:0px;
	margin-right: 30px;
	text-align:justify;
   border-left: 1px dotted #e0e0e0;
   border-right: 1px dotted #e0e0e0;
}
#contentcustom{
	width: 77%; 
	float:right;
	padding:10px;
	text-align:justify;
	border-left: 1px dotted #e0e0e0;
}

/*********** SINISTRA *************/
#sinistra {
	float:left;
	width:18%; 
	margin:0 0 10px 0;
	padding-left:3px;
	padding-right:3px;
	font-size:85%; 
	background-color: #ffffff; 
}

/*********** DESTRA*************/
#destra {
	float:right; 
	width:18%; 
	margin:0 0 10px 0; 
	padding-left:3px;
	padding-right:3px;
	font-size:85%; 
	background-color: #ffffff; 
}


#destra ul{	
list-style:none;
margin:0 0 20px 0; 
padding:0;
font-size:1.1em;
}	

#destra li{
}

#destra li a{
height:20px;
text-decoration:none;
display:block;
padding: 5px;
border-bottom: 1px dashed #0034B0;
}	
	
#destra li a:hover{
height:20px;
padding: 5px;
color: #ffffff;
}

/************** NEWS **************/
.briciole {
	font-size: 90%;
	padding:5px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-weight: bold;
}
.data {
	font-size: 90%;
	line-height: 1em;
}
.newsimage {
	float:right;
	margin-left:15px;
	text-align: left;
}
.newsimage img{
	max-width: 200px;
	width: auto !important;
	width: 160px;
}
.commenti{
	font-size: 90%; 
	text-align:right;
	height:10px;
}
.notizia {
	margin-top:10px;
	text-align: justify;
}

.notizia h2 {
	font-size: 1.5em;
	color:  #393;
	text-align: left;
	margin-bottom: 0px;
	padding-left: 15px;
	font-weight: bold;
}

.nextprev{
	text-align:center;
	padding : 2px;
}

/* DATE nelle NEWS */
.giustificato{text-align: justify;}
#newseventi{font-size:12px;color: #000000;margin:4px;border:1px dashed #CCCCCC;padding:8px;}
	#newseventi a{font-size:12px;color: #990000;}
.calendar {height: 55px; float: left; background: transparent  url(images/calendario.png) no-repeat;width: 44px; padding: 0 0 0 9px;color: #808080;
display: inline;}
	.calendar1 {position:relative;top:-1px;padding:0;margin:0;color:#fff;font-size: 10px;text-transform:uppercase;
	left:1px; font-weight: bold;  }
	.calendar2 {position:relative;top:-4px;left:2px; font-size: 18px; margin:0; color: #393;} 
	.calendar3 {position:relative;top:-10px;left:-4px;font-size: 12px; font-weight:bold;margin:0;	color: #006A90;} 


/*********** BLOCKQUOTE ***************/
.blockquote {
    background-color: #E5ECF9;
    border: 1px solid #C3D9FF;
    margin: 15px;
    padding: 5px 20px;
}
.indent{ /* quote forum*/
    background-color: #E5ECF9;
    border: 1px solid #C3D9FF;
    margin: 15px;
    padding: 5px 20px;
}
	
	
/***************** FOOTER ***************/
#footer {
	clear:both;
	font-size: 75%;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	color: #666666;
	line-height: 1.1em;
	background-color: #E3ECF2;
}

/**************** FORUMHEADER ****************/

.forumheader{
	font: 90% verdana, arial, sans-serif;
	padding: 4px;
	border: 1px solid #C3BDBD;
	text-align: justify;
	background-color: #567;
	color: #fff;
}
.forumheader a{
	color: #fff;
	text-decoration: none; 
}

.forumheader2{
	background-color: #fff; 
	color:#000;
	padding: 4px;
	border: #C3BDBD 1px solid;
	text-align: justify;
}

.forumheader3{
	background-color: #fff; 
	padding: 4px;
	border: #C3BDBD 1px solid; 
	text-align: justify;
}

.forumborder{
	border: #000080 1px solid;
}

/* MODIFICA per il BBCODE */

.helpbox {
border: 0px;
width: 300px;
}

.tbox{
color: #000;
font: 12px verdana, tahoma, arial, helvetica, sans-serif; 
}


/* Elenchi */
ul{ 
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.li a {
	display: block;
	text-decoration: none;
	padding: 0 1em;
	height: 2em;
	line-height: 2em;
}
ul.li {
	display: inline;
}
ul.li a:link, ul.li a:visited {
   color: #0000ff;
   background-color: transparent;
}
ul.li a:hover {
   color: #000;
}