body {
	margin-top: 0px; 
	margin-right: 0px; 
	margin-left: 0px;
	font-family: Verdana,sans-serif;
	font-size:11px;
	line-height:13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #333333;
	background-image: url(../img/common/sfondoHp.gif);
	background-repeat: repeat-x;
	padding:0;
}

a:link { color:#000; text-decoration: none; }
a:visited { color:#000; text-decoration: none; }
a:hover { color:#000; text-decoration: underline; }
a:active { color:#000; text-decoration: none; }
p { margin: 0; }
br.clear { font-size: 1px; line-height: 1px; clear: both; }

img {border:0;}

div#outer {
    width: 760px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
	background-image: url(../img/common/sfondo3col.gif);
	background-repeat: repeat-y;
}
div#outerDoc {
    width: 760px;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
	background-image: url(../img/common/sfondo2col.gif);
	background-repeat: repeat-y;
}
/* logo e banner             ****************************************************************************************/
div#top {
	float:left;
	background-color:#FFF;
}
div#logo {
	float:left;
}
div#banner {
	text-align:right;
	float:right;
	padding-top:11px;
}

/* tabs di navigazione aree principali      ************************************************************************/
div#tabs {
	height:39px;
	background-image: url(../img/common/sfondoTabHP.gif);
	background-repeat: repeat-x;
	float:left;
}


#tabs #prodotti {display:block;width:152px;height:32px;background: url(../img/common/tabProdotti.jpg) no-repeat 0 0;text-indent: -9999px;float:left}
#tabs #prodotti a{display:block;width:152px;height:32px;background: url(../img/common/tabProdotti.jpg) no-repeat 0 0;text-indent: -9999px;float:left}
#tabs #normativa {display:block;width:228px;height:32px;background: url(../img/common/tabNormativa.jpg) no-repeat 0 0;text-indent: -9999px;float:left}
#tabs #normativa a{display:block;width:228px;height:32px;background: url(../img/common/tabNormativa.jpg) no-repeat 0 0;text-indent: -9999px;float:left}
#tabs #sostenibilita {display:block;width:228px;height:32px;background: url(../img/common/tabSostenibilita.jpg) no-repeat 0 0;text-indent: -9999px;float:left}
#tabs #sostenibilita a{display:block;width:228px;height:32px;background: url(../img/common/tabSostenibilita.jpg) no-repeat 0 0;text-indent: -9999px;float:left}
#tabs #news {display:block;width:152px;height:32px;background: url(../img/common/tabNews.jpg) no-repeat 0 0;text-indent: -9999px;float:left}
#tabs #news a{display:block;width:152px;height:32px;background: url(../img/common/tabNews.jpg) no-repeat 0 0;text-indent: -9999px;float:left}


/* cerca e chisiamo                        ************************************************************************/
div#cerca{
	clear:both;
	float:left;
	height:26px;
	width:760px;
	background-color:#FFF;
	position: relative; 
}
#cerca #padder{
	padding-top: 3px;
}
#cerca  form {
	display: inline;
	margin: 0pt;
	float:left;
	padding-left:13px;
}
#cerca input {
	border:1px solid #CCC;
	font-size:11px;
	padding-left:7px;
	padding-right: 18px;
	width:250px;
}
#cerca input.dimmed { color: #999; }
#cerca button{
	background-image:url('../img/common/pulsante.gif');
	background-repeat:no-repeat;
	width:46px;
	background-position:center right;
	text-indent: -9999px;
	border:0;
	background-color:#FFF;
	padding-left:0px;
}
#cerca  #clearsearch {
	position: relative; left: -70px; top: 2px; visibility: hidden;
}
#cerca  #ricercaAvanzata {
	float:left;
	color:#AE1625;
	padding-top:3px;
	padding-left:28px;
}
#cerca  #ricercaAvanzata a{
	color:#AE1625;
	text-decoration: none;
	font-weight:bold;
}
#cerca #ricercaAvanzata a:hover {text-decoration: underline;}

#cerca #copy {
	float:right;
	text-align:right;
	color:#AE1625;
	padding-top:3px;
	font-size:10px;
}

#cerca #copy a {color:#AE1625;text-decoration: none;}
#cerca #copy a:hover {text-decoration: underline;}




/* intestazione area  e login  ************************************************************************/
#header {
    margin: 0px;
	float:left;
	text-align: center;
	background: #96afaf;
	height:95px;
	width:760px;
	float: left;
	text-align: left;
}
div#areaTitolo {
	float:left;
	color:#fff;
	width: 450px; 
	overflow: hidden;
}
div#areaTitolo a{
	color:#fff;
	text-decoration:none;
}
div#path {
	float:left;
	padding:17px 0 0 8px;
	font-weight:bold;
	font-size:10px;
	overflow: hidden;
}
div#titoli {
	clear:both;
	float:left;
	margin-left:152px;
	height:41px;
	border-left:1px solid #fff;
	padding-left:12px;
	margin-top:11px;
}
/* previene double margin IE6 */
div#titoli { display:inline; }  

div#titoli .titolo {font-size:22px;line-height:100%;}
div#titoli .sottotitolo {font-size:16px;line-height:20px;}
div#areaLogin {
	float:right;
	width:152px;
	text-align:center;
	padding-top: 7px;
}
#formLogin {
	height:78px;
	text-align: center;
}

#formLogin form {
	display: inline;
	margin: 0pt;
}
#formLogin span.titolo {
	background-color: transparent;
}
#formLogin input {
	border:1px solid #CCC;
	font-size:11px;
}
#formLogin input {
	border: 1px solid #999;
	padding-left: 13px;
	font-size: 10px;
	width: 113px;
	margin-top: 4px;
	height: 12px;
}
#formLogin span.lostPwd a {
	width: 86px;
	background-color: transparent;
	font-size: 9px;
	float: left;
	text-align: left;
	padding: 0;
	margin-left: 13px;
	margin-top: 6px;
	line-height: 9px;
	letter-spacing: -1px;
	text-decoration: none;
}
#formLogin span.lostPwd a :hover{text-decoration: underline;}

#formLogin button{
	margin-top:4px;
	margin-right:8px;
	background-image:url('../img/common/pulsanteLogin.gif');
	background-repeat:no-repeat;
	width:38px; height:16px;
	background-position:center center;
	text-indent: -9999px;
	border:0;
}


/* menu sinistra ****************************************************************************/
div#left {
    width: 152px;
    float: left;
}
#left #menu ul, #left #menu-sec ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 152px;
	margin-bottom:38px; 
}
#left #menu-custom {
	text-align: right;
	width: 152px;
	margin-bottom:38px; 
}
#left #menu-sec h3 { color: #000; text-align: right; font-size: 10px; text-transform: uppercase; padding-right: 19px; }
#left #menu  ul li, #left #menu-sec ul li {
	display: block;
	margin: 0;
	padding: 0;
	padding-top: 2px;
	padding-right: 19px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
}
#left #menu  ul li.lev3, #left #menu-sec ul li {
	display: block;
	font-weight: normal;
	border-bottom: none;
	color: black;
}
#left #menu  ul li.lev3 a { color: black; }
#left #menu  ul li.lev4 {
	display: block;
	font-weight: normal;
	font-size: 10px;
	font-style: italic;
	border-bottom: none;
	color: black;
}
#left #menu  ul li.lev4 a { color: black; }
#left #menu ul li.lev2.selected { border-bottom: none; }
#left #menu ul li.lev3.selected { font-weight: bold; }

#left #menu-custom p {
	margin: 0;
	padding-top: 2px;
	padding-right: 19px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
}
#left  #menu ul li a, #left #menu-custom p a {
	color:#666;
}
#left #menu ul li a:link, #temimenu ul li a:visited { text-decoration: none; }
#left #menu ul li a:hover, #temimenu ul li a:active { color: #FF0107; text-decoration:underline; }

#left #menu ul li.sel {
	border-top: 2px solid #AE1625;
}
#left #menu ul li.sel a{
	color: #AE1625;
}

#left #menu-custom h3, #left #menu h3 {
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height:13px;
	padding: 2px 19px 3px 0;
	color:#AE1625;
	border-bottom: 1px solid #CCC;
}


#left #menu-custom ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 152px;
	margin-bottom:16px; 
}

#left #menu-custom ul li {
	font-weight: normal;
	padding-top: 5px;
	padding-right: 17px;
	padding-bottom: 2px;
	padding-left: 8px;
        border-bottom: #1px solid 000;
}


/* corpo pagina ******************************************************************************/
/* 3 colonne */
div#main {
 float: left;
 width:456px;

}

/* 2 colonne */
div#mainDoc {
 float: left;
 width:608px;

}


#contenutoCC {
	/*padding:10px 38px 0 19px;
	padding: 10px;*/
	float:left;
	padding-top:13px;
	padding-left:19px;
	padding-bottom:13px;
	padding-right:10px;
}
#contenutoCC div.sezione {
	margin-left: 48px;
	font-weight: bold;
	color: #AE1625;
}

/* colonna destra *****************************************************************************/
div#right {
 float: right;
 width:152px;
}
div#pubblicazioniEDA {
	padding:1px;
	float: left;
}
div#bannerRight {
	float:left;
	width:152px;
	margin-top: 65px;
	text-align: center;
}
#bannerRight p {
	margin-top: 13px;
	text-align: center;
}

/* footer             *****************************************************************************/

div#footer {
	clear:both;
    width: 760px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    
    padding-top: 13px;
	text-align: center;
	border-top: 1px solid #ccc;
	background-color:#FFF;
}

.keywords-drawer { 
	color: #666; 
	background-color:#FFF9D2;
	padding: 2px 3px; margin: 2px 0; 
	font-size:10px;
	font-family: "Verdana",sans-serif;
}
#testo .keywords-drawer { margin-bottom: 12px; }
.keywords1liv {font-weight:bold}
.keywords2liv {font-weight:bold;font-style:italic}
.keywords3liv {}
.keywords4liv {font-style:italic}

#keywords-reference { border-top: 1px solid #ccc; }
#testo p { line-height: 11pt; }
#testo .redazionale #keywords-reference-drawer ul { margin: 12px 0; list-style: none; padding: 0; }
#testo .redazionale #keywords-reference-drawer ul li { 
	list-style: none; 
	padding: 0; 
	display: block; 
	margin: 0; 
	font: normal 10px "Verdana"; 
	padding-left: 20px; 
	color: #666;
	background: url(../img/common/dotdash.gif) left 4px no-repeat;
}
#testo .redazionale h2 { text-align: left; }
#testo .redazionale #keywords-reference-drawer ul li a { color: #666; font-weight: bold; }
#testo .redazionale #keywords-reference-drawer ul li a:hover { text-decoration: underline; }
a#kwdocs { padding-right: 18px; background: url(../img/common/openkwdocs.gif) right 4px no-repeat; }
a#kwdocs.closekwdocs { background-image: url(../img/common/closekwdocs.gif); }

/*paginazione*/
.paginazione {clear:both; text-align:right; font-weight:normal; color:#999; margin-bottom:10px} 
.paginazione a {color:#333; padding:2px 4px; border:#FFF 1px solid;}
.paginazione a:hover, .paginazione span {color:#000; background:#eee; border: #ccc 1px solid; text-decoration:none}
.paginazione span {color:#333; background:white; border: #ccc 1px solid; padding:2px 4px;}
.paginazione a.prev { }
.paginazione a.prev:hover { background: #eee;}
.paginazione a.next { }
.paginazione a.next:hover { background: #eee;}

/* NOTE */
.notainfo .esponente 		{ background: #00c; font: 9px normal "Arial",sans-serif; color: white !important; padding: 0 2px; vertical-align: top; margin: 0 3px;  }
.notaredazionale .esponente { background: #e75d65; font: 9px bold "Arial",sans-serif; color: white !important; padding: 0 2px; vertical-align: top; margin: 0 3px;  }
.notaufficiale .esponente { border: 1px solid #333; font: 9px bold "Arial",sans-serif; color: #333 !important; padding: 0 2px; vertical-align: top; margin: 0 3px;  }

/* CORRELATI */
#riferimenti {
	margin-top:36px;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	font-style:italic;
	color:#333;
	font-family: Times;
	font-size:14px;
	line-height:15px;
}

#riferimenti .riferimento {
	margin-top:20px;
	color:#4c4c4c;
	font-weight:normal;
	font-style:normal;
	color:#666;
}
#riferimenti .riferimento a {font-weight:bold;color:#4c4c4c;text-decoration:none;}
#riferimenti .riferimento a:hover{text-decoration:underline;}


#avviso-riservato { border: 2px solid #f00; padding: 10px; margin-bottom: 16px; }
#avviso-riservato h2 { font: bold 18px "Arial",sans-serif; text-align: center; margin: 0 0 20px 0; color: red; }
#avviso-riservato p { color: #333; font: normal 11px "Verdana", sans-serif; margin: 5px 0; }


.table-envelope { width: 550px; overflow: auto; margin: 10px 0; }
.table-envelope table { border-width: 1px; border-color: #666; border-style: solid; border-spacing: 0; }
.table-envelope table td { border-width: 1px; border-color: #666; border-style: solid; border-spacing: 0; padding: 2px; font: normal 11px "Times New Roman"; }