/* progetto easily */
/* css di http://www.francescoguerini.it --- */

/* ----------------------------- */
/* REGOLE GENERALI ------------- */
/* ----------------------------- */
html, body {
	position:relative;
	overflow:auto;
	height:100%;
	margin:0;
	padding:0;
	background:#fff;
	color:#000;
	font:normal normal 1em Helvetica, sans-serif;
}
blockquote {
	border-left:10px solid #ccc;
	margin:1.5em;
	padding:0.5em;
	background:#eee;
}
a, a:link {
	color:#223;
	text-decoration:underline;
}
a:hover, a:focus {
	color:#000;
	text-decorazion:overline;
	/*background:#fcca11*/;
}
.links {
	margin:10px;
}
.hidden {display:none;}


/* ----------------------------- */
/* LAYOUT  INDEX --------------- */
/* ----------------------------- */
#indexwrap {
	position:relative;
	overflow:auto;
	margin:20px auto 0 auto;
	padding:15px 15px 0 15px;
	top:0;
}
#container {
	position:relative;
	margin:0 auto;
	padding:0;
	width:860px;
}
#header, #linkbar {
	display:block;
	float:left;
	width:860px;
}
#header {
	margin:0;
	padding:0 0 15px 0;
}

/* CONTENUTI HEADER ------------ */

#logo, #headercontents, #consigliati {
	display:block;
	float:left;
	height:130px;
	background:none;
}
#logo{
	width:141px;
	background:url(../images/logo_easyli_130px_.jpg) scroll top left no-repeat;
	overflow:hidden;
	margin-right:30px;
}
#logo h1 {
	font:normal normal 3em Helvetica, sans-serif;
	margin:0;
	padding:0;
}
#headercontents {
	width:450px;
	margin-right:15px;
}
#consigliati {
	width:200px;
}
#headercontents h2, #consigliati h2 {
	font: normal normal 110% Helvetica, sans-serif;
	border-bottom:1px solid #ccc;
	margin:5px 0;
	padding:0;
}
#headercontents p, #consigliati p {
	font:normal normal 1em Helvetica, sans-serif;
	color:#666;
}

/* CONTENUTI PAGINA ------------ */
#nav, #contents, #carta {
	display:block;
	float:left;
}
#nav {
	width:645px;
	margin:0 -30px -15px 0;
	padding:0;
}
#carta {
	width:215px;
	margin:0 0 -15px 0;
	color:#222;
	overflow:hidden;
	font:normal normal 80% sans-serif;
}
#carta h1 {
	margin:0;
	border-bottom:1px solid #ccc;
	font:normal normal 1.1em sans-serif;
}

/* FONDO PAGINA ---------------- */
#linkbar {
	margin:0;
	width:830px;
	float:left;
	padding:0;
	color:#fff;
	background:#666;
}
#linkbar h1 {
	display:block;
	float:left;
	margin:10px;
	padding:0;
	font:normal bold 1em Helvetica, sans-serif;
}
#linkbar a, #linkbar a:link {
	color:#fff;
	padding:10px 5px 5px 5px;
	margin:-10px 0 0 0;
}
#linkbar a:hover, #linkbar a:focus {
	color:#334;
	background:#fff;
}
#linkbar a:visited {
	color:#ddd;
}
#footer {
	position:relative;
	margin:0 auto;
	width:665px;
	padding:10px 15px 5px 0;
	background:transparent;
	color:#000;
	text-align:center;
	font: normal normal 70% Helvetica, sans-serif;
}
#footer img {
	display:block;
	position:relative;
	margin:1em auto;
	padding:0 0 0.5em 0;
	border-bottom: 2px solid #ccc;
	clear:both;
}

/* ----------- LISTE ----------- */
#nav ul, #carta ul {
	margin:0;
	padding:0;
}
#nav ul li, #carta ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#linkbar ul {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#linkbar ul li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
ul.listareport, ul.listacomitato{
	margin:0 auto;
	padding:0;
	list-style:none;
	font-variant:small-caps;
	font-size:1.2em;
}
ul.listareport li, ul.listacomitato li {
	display:block;
	margin:5px auto 0 auto;
	padding:1em 3px 1px 5px;
	border-bottom:2px solid #eee;
	background:#f9f9f9;
	
}
ul.listareport li:hover, ul.listareport li:focus, ul.listacomitato li:hover, ul.listacomitato li:focus  {
	border-bottom:2px solid #ddd;
}
.listareport a, .listacomitato a {font-weight:bold;}

#contents ul {
	list-style-type:square;
	margin: 1em 0;
}

/* PULSANTI DI NAVIGAZIONE INDEX */
a.E, a.A, a.S, a.Y, a.L, a.I, a.grigio, a.grigio:link, a.grigio:visited {
	display:block;
	float:left;
	height:175px;
	width:175px;
	padding:5px;
	font:normal small-caps bold 1.6em sans-serif;
	line-height:90%;
	text-decoration:none;
	margin:0 30px 30px 0;
}
a.E, a.A, a.S, a.Y, a.L, a.I {
	color:#667;
}
a.grigio, a.grigio:link, a.grigio:visited {
	color:#667;
	background:#eee;
}
a.grigio:hover, a.grigio:focus {
	color:#000;
	text-decoration:underline;
}
a.E:hover, a.A:hover, a.S:hover, a.Y:hover, a.L:hover, a.I:hover, a.E:focus, a.A:focus, a.S:focus, a.Y:focus, a.L:focus, a.I:focus {
	color:#000;
	text-decoration:underline;
}
a.E {
	background:	#f5928d /*url(../images/pulsante_rosso50.jpg) scroll bottom right no-repeat*/;
}
a.A {
	background:	#6ed0f5 /*url(../images/pulsante_azzurro50.jpg) scroll bottom right no-repeat*/;
}
a.S {
	background:	#fac17e /*url(../images/pulsante_arancione50.jpg) scroll bottom right no-repeat*/;
}
a.Y {
	background:	#fcf698 /*url(../images/pulsante_giallo50.jpg) scroll bottom right no-repeat*/;
}
a.L {
	background:	#f592be /*url(../images/pulsante_magenta50.jpg) scroll bottom right no-repeat*/;
}
a.I {
	background:	#9ad9a4 /*url(../images/pulsante_verde50.jpg) scroll bottom right no-repeat*/;
}
/*a.E:hover, a.E:focus {
	background:	#e73d3d url(../images/pulsante_rosso50.jpg) scroll bottom right no-repeat;
}
a.A:hover, a.A:focus {
	background:	#0099d9 url(../images/pulsante_azzurro50.jpg) scroll bottom right no-repeat;	
}
a.S:hover, a.S:focus {
	background:	#f07629 url(../images/pulsante_arancione50.jpg) scroll bottom right no-repeat;	
}
a.Y:hover, a.Y:focus {
	background:	#fcca11 url(../images/pulsante_giallo50.jpg) scroll bottom right no-repeat;	
}
a.L:hover, a.L:focus {
	background:	#e3327a url(../images/pulsante_magenta50.jpg) scroll bottom right no-repeat;
}
a.I:hover, a.I:focus {
	background:	#37a54e url(../images/pulsante_verde50.jpg) scroll bottom right no-repeat;
}*/
.bricks {
	background:#fff url(../images/bricks_.jpg) scroll bottom left repeat-x;
}

/* ----------------------------- */
/* LAYOUT SECONDARIE ----------- */
/* ----------------------------- */

#nav2 { /* BARRA DI NAVIGAZIONE PER LE PAGINE SECONDARIE */
	margin:15px auto 0 15px;
	padding:0;
	background:#fff;
}
#nav2, #contents, #footer2 {
	display:block;
	float:left;
}
#logo2 {
	display:block;
	float:left;
	padding:10px 10px 0 10px;
	margin:0 5px 0 0;
	width:76px;
	height:70px;
	background:#fff;
}
#logo2 a img {border:none;}
#wrap {
	display:block;
	float:left;
	width:100%;
	padding:15px 0;
	background-color:#fff;
}
#contents {
	width:825px;
	margin:0;
	padding:0 10px 10px 25px;
	background:#fff;
}
#contents h1 {
	color:#444;
	margin:1em 0 0 0;
	padding:0;
	font:normal normal 2em Helvetica, sans-serif;
	border-bottom:7px solid #fcca11;

}
#contents h2 {
	color:#0099d9;
	margin:1em 0 0 0;
	font:normal normal 1.5em Helvetica, sans-serif;
	border-top:5px solid #fcca11;
	padding-top:1em;
}
#contents h3 {color:#444;}
#membri {
	padding-top:1em;
	margin-top:1em;
}
#footer2 { /* FOOTER PER LE PAGINE SECONDARIE */
	padding:15px 0;
	color:#fff;
	font: normal normal 70% Helvetica, sans-serif;
	margin:0 0 0 15px;
}
#footer2 a, #footer2 a:hover {
	color:#000;
	background:none;
}
#footer2 div {
	display:block;
	float:left;
	clear:both;
}
#mission h1 {
	display:block;
	position: relative;
	padding:5px;
	font:normal bold 1.1em Helvetica, sans-serif;
	color:#fff;
	background:#0099d9;
	border:none;
}
#mission h1.primi {
	background:#f07629;
}
#mission ul li {
	margin:0 0 0 1em;
	padding:0;
}
#mission ul li ul {
	list-style-type:none;
	margin:0 0 1em 1em;
	padding:0;
	font-size:0.8em;
}
#mission .gruppo {
	border-top:5px solid #ccc;
	padding:10px 0 0 0;
	margin:50px 0 0 0;
}
#mission h4 {
	margin:1em 0 0 0;
	padding:0;
}
#mission strong {
	color:#0099d9;
	border-bottom:1px dotted #f07629;
	padding-bottom:0px;
}
.gruppoprogetto p {
	margin:0 0 0.3em 0;
}
.missionlogo {
	display:block;
	float:left;
	margin:5px 10px 0 0;
}
.w3c {
	display:block;
	float:left;
	border-top: 1px dotted #fff;
	margin-top:10px;
	padding-top:5px;
}

.w3c img {
	border:0;
	width:88px;
	height:31px;
}
.home {
	float:left;
	width:815px;
	margin:0 0 1em 0;
	padding:5px;
	font-size:80%;
	font-weight:bold;
	background:#eee;
	/*border-top:2px solid #ccc;*/
}
.sottotitolo {
	font:normal bold 100% Helvetica, sans-serif;
	color:#666;
	display:block;
	margin:0.5em;
}

/* PULSANTI DI NAVIGAZIONE PICCOLI */
a.E2, a.A2, a.S2, a.Y2, a.L2, a.I2{
	display:block;
	float:left;
	height:60px;
	width:60px;
	padding:5px;
	font:normal bold 0.7em sans-serif;
	line-height:80%;
	text-decoration:none;
	margin:10px 10px 0 0;
	color:#335;
}
a.E2 {background:#f5928d;}
a.A2 {background:#6ed0f5;}
a.S2 {background:#fac17e;}
a.Y2 {background:#fcf698;}
a.L2 {background:#f592be;}
a.I2 {background:#9ad9a4;}

a.E2:hover, a.E2:focus, a.A2:hover, a.A2:focus, a.S2:hover, a.S2:focus, a.Y2:hover, a.Y2:focus, a.L2:hover, a.L2:focus, a.I2:hover, a.I2:focus {color:#000;text-decoration:underline;}

/*a.E2:hover, a.E2:focus {background:	#e73d3d; color:#fff;}
a.A2:hover, a.A2:focus {background:	#0099d9; color:#fff;}
a.S2:hover, a.S2:focus {background:	#f07629; color:#fff;}
a.Y2:hover, a.Y2:focus {background:	#fcca11; color:#fff;}
a.L2:hover, a.L2:focus {background:	#e3327a; color:#fff;}
a.I2:hover, a.I2:focus {background:	#37a54e; color:#fff;}*/

.piccolo {
	font-size:0.8em;
	font-variant:normal;
}

/* SFONDI COLORATI */
.colorE {background:#e73d3d;}
.colorA {background:#0099d9;}
.colorS {background:#f07629;}
.colorY {background:#fcca11;}
.colorL {background:#e3327a;}
.colorI {background:#37a54e;}

/* COLORI
rosso 			#e73d3d
rosso 50%		#f5928d	f5928d
azzurro			#0099d9
azzurro 50%		#6ed0f5	6ed0f5
arancione		#f07629
arancione 50%	#fac17e	fac17e
giallo			#fcca11
giallo 50%		#fcf698	fcf698
magenta			#e3327a
magenta 50%		#f592be	f592be
verde			#37a54e
verde 50%		#9ad9a4	9ad9a4
*/