@import url(jquery.jgrowl.css);

/* ********************************************************************************
			  CSS RESET: http://meyerweb.com/eric/tools/css/reset/
								v1.0 | 20080212
******************************************************************************** */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
body { line-height: 1 }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0 }
ins { text-decoration: none; }
del { text-decoration: line-through }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0 }



body { margin: 20px 0; color: #033; font-size: 12px; font-family: verdana; line-height: 1.4em; background: url(/images/bg_body.jpg) top center #00170c fixed }



/* ********************************************************************************
									VARI
******************************************************************************** */
img { border: 0 }
p, h1, h2, h3, h4, h5, h6 { margin-top: 0; }
h1,h2,h3,h4,h5,h6 { margin: 0; line-height: 1.2em; color: #046f37 }
h1 { font-family: georgia; font-size: 200%; margin: 0 0 5px 0 }
h2 { font-size: 150%; margin-bottom: 5px }
h3 { margin-bottom: 5px; color: #032; font-size: 13px; text-transform: uppercase; }
a { color: #197a4b; font-weight: bold; text-decoration: none; cursor: pointer }
	a:hover { text-decoration: underline }
.sx { float: left }
.dx { float: right }

div.inlineNotice { margin: 20px 0; padding: 20px; color: #444; font-weight: bold; background: #ee8; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
label.error2 { display: block; clear: both; text-transform: uppercase; color: #c00 }
input.error2 { color: #fff; background: #c00; }

ul { list-style-type: disc; padding-left: 25px }

.border1px { border: 1px solid #063; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.error { margin-bottom: 10px; padding: 10px; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center; background: #FF0000; }


/* ********************************************************************************
								PAYOFF + WRAPPER
******************************************************************************** */
#payOffWrapper { position: relative; width: 432px; height: 35px; margin: 0 auto}
#mainWrapper { position: relative; width: 880px; margin: 0 auto; padding: 30px 40px; background: url(/images/bg_content.png) 0 100px no-repeat #fff; border: 3px solid #9c3; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.wrapper { width: 960px; margin: 0 auto; }



/* ********************************************************************************
									HEADER
******************************************************************************** */
#header { height: 90px; margin-bottom: 10px }
	#logo { float: left; }
	#header  #newsletter  { float: left; margin: 23px 0 0 82px; width: 160px; }
		#header #newsletter h2 { text-align: center; text-transform: uppercase; font-family: tahoma; font-size: 11px; }
		#header  #newsletter  img { margin-left: 70px }
		#header  #newsletter  p { float: right;  }
		#header  #newsletter  a { text-decoration: none  }
		#header  #newsletter  a:hover { color: #84C340 }
	#header .social { float: right; margin: 35px 15px 0 0; }
		#header .social h2 { text-align: center; text-transform: uppercase; font-family: tahoma; font-size: 11px; }
		#header .social a { margin: 0 2px; }
	#header .link { float: right; margin-top: 5px; text-align: center; font-family: tahoma; font-size: 11px;  }
		#header .link #english { display: block; margin-top: 5px; }



/* ********************************************************************************
										FORM
******************************************************************************** */
/* selettori (generici) */
form { margin: 0 }
	fieldset { margin: 0; padding: 0; border: 0; }
		input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { color: #fff !important; background: #444 }
/* classe .form */
.form { }
	.form fieldset { margin-bottom: 25px; padding: 5px 25px 20px 25px; background: #eef; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
		.form legend { margin-left: -25px; padding: 10px 20px 20px 20px; font-family: tahoma; font-weight: bold; text-transform: uppercase; background: #eef; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	.form label { padding-left: 2px; font-weight: bold; line-height: 1.2em; }
	.form input[type=text], .form input[type=password], .form select, .form textarea { width: 96%; clear: both; margin-bottom: 7px; font-family: verdana; font-size: 15px; padding: 5px; color: #555; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.form .sx, .form .dx { width: 48%; }



/* ********************************************************************************
									BOTTONI
******************************************************************************** */
input.bigButton, button.bigButton { font-weight: bold; font-size: 16px; padding: 10px 20px; }
.button1 { height: 34px; padding-bottom: 5px; text-align: center; vertical-align: top; color: #fff; text-transform: lowercase; font-weight: bold; background: url(/images/gradient1.png) repeat-x #639; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.button1:hover { background: #369; cursor: pointer }
.button2 { height: 34px; padding: 10px; text-align: center; vertical-align: top; color: #fff; text-transform: lowercase; font-weight: bold; background: url(/images/gradient1.png) repeat-x #639; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.button2:hover { background: #328E3A; cursor: pointer }



/* ********************************************************************************
									BARRANAV
******************************************************************************** */
#barraNav { overflow: hidden; position: relative; height: 40px; margin: 10px 0; padding-right: 7px; background: url(/images/gradient1.png) repeat-x; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; }
	a.lev1 { float: left; padding: 13px 0 0 27px; height: 27px; text-align: center; color: #fff; font-family: tahoma; font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none; cursor: pointer }
		a.lev1.twoLines { height: 34px; padding-top: 6px; line-height: 1.3em }
	.overlay { display: none; background: #046f37 }
		a.lev2 { display: block; padding: 6px 15px; font-weight: normal; color: #fff }
			a.lev2:hover { text-decoration: none; background-color: #42983c }

/* ********************************************************************************
									FORM
******************************************************************************** */
/* selettori (generici) */
fieldset { margin-bottom: 25px; padding: 5px 25px 20px 25px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 2px solid #9C3}
	legend { margin-left: 110px; padding: 10px 20px 10px 20px; font-family: tahoma; font-weight: bold; text-transform: uppercase; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: #9C3 }
label { padding-left: 2px; font-weight: bold; line-height: 1.2em; }
input[type=text], input[type=password], select, textarea { width: 98%; clear: both; margin-bottom: 7px; font-family: verdana; font-size: 120%; padding: 5px; color: #555; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { color: #033 !important; background: #9C3 }
/* correggo larghezza select */
select { width: 100%; }


/* ********************************************************************************
								HOME: ACCORDION SOCI
******************************************************************************** */
#accordionWrapper { height: 421px }
	#accordion { width: 421px; }
		#accordion h2 { margin: 0; padding: 7px 10px 8px 15px; font-size: 12px; font-weight: normal; color: #fff; text-transform: uppercase; border-bottom: 1px solid #fff; cursor: pointer }
			#accordion h2.current { cursor: default; font-weight: bold; }
		#accordion .pane { display: none; height: 209px; padding: 13px 16px 20px 16px }
			#accordion .pane img { margin: 6px }
			#accordion .pane > div { color: #197a4b } /* colore della freccetta del link 'vedi tutti' */
		/* SINGOLI */
		#accordion h2[rel=produttori] { background: #063; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px;}
		#accordion h2[rel=odc] { background: #369; }
		#accordion h2[rel=trasformatori] { background: #f80; }
		#accordion h2[rel=operatori] { background: #e00000; }
		#accordion h2[rel=consumatori] { background: #d9ad00; }
		#accordion h2[rel=associazioni] { border-bottom: 0; background: #3baed8; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px;}
			#accordion h2[rel=associazioni].current { -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}



/* ********************************************************************************
								HOME: SX e DX
******************************************************************************** */
.homeSx { float: left; width: 421px }
.homeDx { float: right; width: 421px }

/* ********************************************************************************
							SLIDESHOW
******************************************************************************** */
	#branding { position: relative; width: 421px; }
		#branding a { color: #032; text-transform: uppercase }
		#branding a:hover { text-decoration: none }
	
	/* le img */
	#slideHomeImages { position: relative; width: 421px; }
		#slideHomeImages a { display: none }
	/* la paginazione */
	#slideHomePager { position: absolute; right: 10px; bottom: 10px;  }
		#slideHomePager a { display: block; float: left; width: 15px; height: 15px; margin: 0 2px; background: #197a4b; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
			#slideHomePager a:hover, #slideHomePager a.selected { cursor: pointer; background: #333; }


/* ********************************************************************************
								SECONDE PAGINE
******************************************************************************** */
#cmsBlock1 { width: 200px; overflow: hidden }
#briciole { margin-bottom: 10px }
#colSx { float: left; width: 160px; }
	/* MENU SX */
	.menuSx { margin-top: 11px; }
		.menuSx a.ttl { padding: 2px 0; text-transform: uppercase; background: none }
		.menuSx div.ttl { padding: 2px 0; text-transform: uppercase; background: none }
		.menuSx a { display: block; padding: 2px 0 2px 8px; text-decoration: none; background: url(/images/ico_freccia.png) no-repeat left 5px; }
			.menuSx a:hover, .menuSx a.selected { text-decoration: underline }
		/* 3o livello */
		.menuSx ul { padding: 0 0 0 15px; margin: 0 }
			.menuSx ul li { list-style-type: none;  }
#mainContent { margin: 11px 0 30px 0; float: right; width: 700px; }



/* ********************************************************************************
									COL DX
******************************************************************************** */
#colDx { float: right; width: 200px; margin-left: 20px; overflow: hidden; }
	#pageAttach { margin: 0 0 20px 0; margin-top: 30px }
		#pageAttach a { display: block; margin-bottom: 10px; padding: 10px 10px 10px 42px; text-decoration: none; background: url(/images/ico_download.png) no-repeat 11px 13px #e3f1d0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
			#pageAttach a:hover {background-color: #ffa; }
			#pageAttach a em { display: block; font-style: italic; font-size: 10px; font-weight: normal; }
	form#info { padding: 15px; background: #9c5; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
		#info .ttl { font-weight: bold; font-size: 14px; margin-bottom: 10px;  }
		#info input[type=text], #info textarea { width: 160px; }



/* ********************************************************************************
									SOCI
******************************************************************************** */
#soci { width: 100%; background: #fff; border-collapse: collapse }
	#soci td { width: 25%; text-align: center; vertical-align: bottom; padding: 30px 5px; border: 1px solid #ddd }
		#soci .logo img { display: block; margin: 0 auto 10px auto }
		#soci .nome { font-weight: bold; margin-bottom: 3px }
	#soci img { display: block; margin: 0 0 5px 0; }



/* ********************************************************************************
							DETTAGLIO AZIENDA (SOCIO)
******************************************************************************** */
#companyDataWrapper { float: left; width: 380px; min-height: 80px; margin: 10px 0; font-size: 11px; }
table#companyData { width: 260px; float: right }
	table#companyData td.label { vertical-align: top; padding-right: 5px; }
	table#companyData td.data { width: 100%; vertical-align: top; font-weight: bold }
#map { float: right; width: 300px; height: 300px; margin: 0 0 20px 20px }



/* ********************************************************************************
									NEWS (list)
******************************************************************************** */
.articleInList { margin-bottom: 15px }
	.articleInList img.thumb { float: left; margin: 0 10px 5px 0 }
	.articleInList a.ttl { display: block; margin-bottom: 3px; font-size: 15px }


/* ********************************************************************************
							DOCUMENTAZIONE (download)
******************************************************************************** */
#documentazione { width: 100%; }
	#documentazione th { padding: 3px 5px; font-weight: normal; border: 1px solid #ccc; border-top: 0; border-right: 0; border-left: 0 }
		#documentazione th.path { text-transform: uppercase; text-align: left; }
	#documentazione td { padding: 5px 3px; border: 1px solid #ccc }
		#documentazione td.tipo { width: 20px; text-align: center; padding: 0 10px }
		#documentazione td.nome {  }
			#documentazione td.nome span.fileSize { font-size: 80%; }
		#documentazione td.desc { width: 100%; }
		#documentazione td.dimensione { width: 70px; text-align: right; }
	/* upload di un file */
	#uploadForm { padding: 20px 40px 20px 125px; background: url(/images/upload.png) no-repeat 30px 28px #ffc; border: 1px solid #dd6 }



/* ********************************************************************************
							HOME: SFONDO X TUTTI I LOGHI
******************************************************************************** */
.loghiWrapper { padding: 15px 20px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 1px solid #ddd }


/* ********************************************************************************
							HOME: LOGHI PARTNER
******************************************************************************** */
.partner img { margin: 0 6px 6px 6px; }
	.istituzionali img { margin: 0 8px 6px 8px }


/* ********************************************************************************
							HOME: MEDIA PARTNER
******************************************************************************** */
#mediaPartner img { margin: 6px }



/* ********************************************************************************
									TOOLTIP
******************************************************************************** */
/* piccolo nero */
.tooltip { display: none; width: 160px; height: 70px; padding: 25px; font-size: 12px; color: #fff; text-align: center; background: transparent url(/images/tooltip/black_arrow.png); z-index: 10; }
	.tooltip.bottom { height: 60px; padding-top: 35px; background: transparent url(/images/tooltip/black_arrow_bottom.png); }
	.tooltip a { color: #fff; font-weight: bold; }
/* grande nero */
.tooltip2 { display: none; width: 310px; height: 156px; padding: 30px; font-size: 12px; color: #fff; text-align: center; background: transparent url(/images/tooltip/black_arrow_big.png); z-index: 10; }
	.tooltip2.bottom { height: 131px; padding-top: 55px; background: transparent url(/images/tooltip/black_arrow_big_bottom.png); }
	.tooltip2 a { color: #fff; font-weight: bold; }
/* piccolo bianco */
.tooltip3 { display: none; width: 160px; height: 70px; padding: 25px; font-size: 12px; color: #000; text-align: center; background: transparent url(/images/tooltip/white_arrow.png); z-index: 10; }
	.tooltip3.bottom { height: 60px; padding-top: 35px; background: transparent url(/images/tooltip/white_arrow_bottom.png); }
/* grande bianco */
.tooltip4 { display: none; width: 310px; height: 156px; padding: 30px; font-size: 12px; color: #000; text-align: center; background: transparent url(/images/tooltip/white_arrow_big.png); z-index: 10; }
	.tooltip4.bottom { height: 131px; padding-top: 55px; background: transparent url(/images/tooltip/white_arrow_big_bottom.png); }



/* ********************************************************************************
								COLORBOX CONTENT
******************************************************************************** */
#colorboxContent { padding: 10px 40px 20px 40px; color: #033; font-size: 12px; font-family: verdana; line-height: 1.4em; }



/* ********************************************************************************
									FOOTER
******************************************************************************** */
#footer { margin-top: 10px; padding-top: 20px; text-align: center; color: #666; font-size: 11px; border-top: 1px solid #ccc }
	#footer a { color: #666; text-decoration: underline; font-weight: normal }