@charset "utf-8";

html, body, ul, li {
	margin: 0;
	padding: 0;
}

hr {
	
	color: #ccc;
}

body {
	background-color: #fff;
	font: 100.01% arial, helvetica, sans-serif;
	color: #;
	text-align: center;
}

a:link,
a:visited {
	outline: none;
	padding-bottom: 1px;
	border-bottom: none;
	color: #39a22c;
	text-decoration: none;
}
a:focus,
a:hover,
a:active {
	outline: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #39a22c;
	color: #39a22c;
	text-decoration: none;
}

/**
 **
 ** STILI GENERICI
 **
 **/

a img,
.bordo_blu { border: 1px solid #00408a; }


.float_left     { float: left }
.float_right    { float: right }
img.float_left  { margin: 0 8px 5px 0 }
img.float_right { margin: 0 0 5px 8px }

.clear_left  { clear: left }
.clear_right { clear: right }
.clear_both  { clear: both }

.block { display: block }

.no_margin      { margin: 0 }
.no_padding     { padding: 0 }
.no_border,
a img.no_border { border: none }
.no_background  { background: none }

.vertical_align_middle { vertical-align: middle }

.left    { text-align: left }
.center  { text-align: center }
.right   { text-align: right }
.justify { text-align: justify }
.font_grande  { font-size: 120% }
.font_piccolo { font-size: 90% }
.nero { color: #000 }

.attach {
	vertical-align: middle;
	border: none;
}

.titolo { margin-bottom: 10px; }




#container {
	position: relative;
	width: 800px !important;  /*H= Larghezza di 800px anche su IE 5 */
	width /**/: 802px;        /*H= Larghezza di 800px anche su IE 5 */
	padding-top: 200px;  /*= Altezza della testata (200px, img posizionata in modo assoluto) e del footer (sfondo) */
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fffccc url('/images/layout/sfondo_sfumato.gif') repeat-x 0 200px;
	text-align: left;
	margin: 0 auto;
	line-height: 1.1em;
	font-size: 0.75em;
}





#testata {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 200px;
	margin: 0;
}





#corpo {
	margin: -2px 0 0 0; /*B= da dove saltano fuori questi 2px tra testata e #corpo? */
	background: transparent url(/images/layout/sfondo_colonna_sx.gif) repeat-y 50px 0;
}
#sfondo_footer {
	padding-bottom: 178px;
	background: transparent url(/images/layout/footer.gif) no-repeat bottom left;
}



#colonna_sx {
	float: left;
	position: relative;
	top: 0px;
	left: 50px;
	width: 171px;
	padding-top: 55px;  /*= Spazio per sfondo_colonna_sx.gif */
	background: transparent url(/images/layout/sfondo_colonna_sx_top.gif) no-repeat 0 0;
	text-align: center;
}

#colonna_sx img { margin-top: 15px }


/*= GLI STILI DEL MENU VERTICALE SONO NELL'APPOSITO FILE CSS */






#centrale {
	min-height: 550px;       /*H= Min-height anche su IE < 6 */
	height: auto !important; /*H= Min-height anche su IE < 6 */
	height: 5px;           /*H= Min-height anche su IE < 6 */
	margin: 0 0 0 221px;  /*= margine sinistro uguale alla larghezza di #colonna_sx + il suo margine sinistro  */
	padding: 10px 32px 0 32px;
	line-height: 1.3;
	text-align: justify;
}


#footer {
	margin-top: 10px;
	font-size: 0.8em;
	font-weight: bold;
}
#footer img { vertical-align: middle }






 
 
/**
 **
 **  TIPOGRAFIA
 **
 **/


h1 {
	margin: 0 0 10px 0;
	text-align: center;
	
}

h2 {
	margin: 10px 0 15px 0;
	font-size: 1.1em;
	color: #ff6d00;
}

em.data {
	display: block;
	margin: 35px 0 10px 0;
}

h2.errore {
	margin-top: 30px;
	font-weight: normal;
	text-align: center;
}

.avviso { color: #ff6d00 }

.meglio,
.insieme {
	line-height: 1.1;
	font-size: 1.1em;
}
.meglio {	color: #ef961f }
.insieme { color: #2a9546 }
.navbar {
	margin-top: 30px;
	font-weight: bold;
	text-align: center;
}
dl.infoCoop dd{
	margin: 10px 0;
}
dl.infoCoop dt{
	width: 100px;
	float: left;
	
}