@charset "utf-8";
/* CSS Document */

body  {
	background-color:#D4D5D6;
	margin:9px 0 0;
	padding:0;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.98em;
	height:100%;
	text-align: center;
}
/******************************************GENERAL TYPOGRAPHY********************************************/	
form {
	padding:0px;
	margin: 0px;
}
img {
	border:0; 
}
fieldset  {
	border:0px; 
	margin:0px;
	font-size:90%;
}
a {
	color:#004599;
	text-decoration:none;
}
a.green {
	color:#8EC636;
	text-decoration:none;
}
a:hover {
	color:#CC0000;
}
/******************************************UTILITIES********************************************/	
.clearer {
	clear:both;
}
a img {
	border:none;
}
/*********************************************UTILITIES FOR SHADOWS*****************************************/
#topshadow {
	background-image:url(/images/body/top.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	width:788px;
	height:119px;
	margin: 0 auto;
	text-align: right;
}
#topshadow span {
	display: none;
}
#shadow {
	margin: 0 auto;
	width: 788px;
	background-image:url(/images/body/main.jpg);
	background-repeat:repeat-y;
	background-position:left;
}
#footer {
	clear:both;
	background-image:url(/images/body/footer.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	padding:30px 0px 0px;
	width: 788px;
	height:80px;
	margin: 30px auto 0;
	text-align: left;
}

/*********************************************HEADER WITH LOGO *********************************/	
#quicklinks select {
	margin: 75px 15px 0px 0px;
	padding: 0px;
	width: 180px;
	font-size:90%;
}

/******************************************FOOTER********************************************/
#footer p {
	font-size:0.72em;
	color:#999999;
	margin: 5px 0 0 25px;
	padding:0;
}
#footer a {
	color:#004599;
	text-decoration:none;
}

#footer a:link,#footer a:visited {
	color:#004599;
	text-decoration:none;
	
}
#footer a:hover, #footer a:focus, #footer a:active {
	color:#CC0000;;
	text-decoration:none;
}
#footer p span{
	color:#666666;
}
/********************************************NAVIGATION**********************************************/
#main_navigation {
	margin: 0px auto 35px;
	padding: 0px;
	background-image: url(/images/body/bg.gif);
	background-repeat: repeat-x;
	width: 780px;
	height: 44px;
	text-align:left;
}
#navigation {
	padding-left: 20px;
}
#navigation em {
	display:none;
	font-size:0px;
}
#navigation ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#navigation li {
	float:left;
	margin: 0px;
	padding:0px;
}
#navigation a {
	position:relative;
	display:block;
	height: 44px
}
#navigation a span {
	position:absolute;
	width:100%;
	height:100%;
	cursor: pointer; /*per IE*/ 
}
#navigation a:hover {
	color: #369; /*per IE*/
}
#navigation a:hover span {
	background-position: -179px 0px;
}
#navigation a#current span {
	background-position: -358px 0px;
}
/*larghezza di ogni singolo link*/
li#one a{ 
	width: 33px;
} 
li#two a{
	width: 114px;
}
li#three a{
	width: 143px;
}
li#four a{
	width: 177px;
}
li#five a{ 
	width: 144px;
}
li#six a{
	width: 47px;
}
li#seven a{
	width: 79px;
}
/*le immagini*/
li#one span{
	background: url(/images/body/nav1.jpg) no-repeat 0px 0px;
} 
li#two span{
	background: url(/images/body/nav2.jpg) no-repeat 0px 0px;
}
li#three span{
	background: url(/images/body/nav3.jpg) no-repeat 0px 0px;
}
li#four span{
	background: url(/images/body/nav4.jpg) no-repeat 0px 0px;
}
li#five span{
	background: url(/images/body/nav5.jpg) no-repeat 0px 0px;
}
li#six span{
	background: url(/images/body/nav6.jpg) no-repeat 0px 0px;
}
li#seven span{
	background: url(/images/body/nav7.jpg) no-repeat 0px 0px;
}
/********************************************MAINCONTENT**********************************************/
#main {
	width:784px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.maincol {
	width: 505px;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	border: 0px;
	float:left;
}
/********************************************THE 3 COLUMNS**********************************************/
.col {
	float:left;
}
.col ul {
	margin:10px 0 0 0;
	padding:0;
}
.col li {
	list-style-position: outside;
}
/******************************************LEFTCOLUMN (different because of BG Image ARROW)**************/
#leftcol {
	width: 230px;
	padding: 0px;
	margin: 0px 30px 0px 0px;
}
#leftcol h1 {
	background:url(/images/ico/arrow_grey.jpg) no-repeat left center;
	color:#6385C4;
	font-size:1em;
	font-weight: lighter;
	margin: 0px;
	padding: 0px 0px 0px 24px;
	border: 0px;
}
#leftcol h1 a{
	color:#6385C4;
	font-size:1em;
	font-weight: lighter;
}
#leftcol h1 a:hover {
	color:#CC0000;
}
#leftcol h1.green {
	color:#8EC636;
}
#leftcol h1.green a{
	color:#8EC636;
}
#leftcol h1.green a:hover {
	color:#CC0000;
}
#leftcol h2 {
	color:#999999;
	font-size:0.9em;
	font-weight: lighter;
	margin: 0px;
	padding: 10px 0px 10px 24px;
}
#red_alert {
	background:url(/images/ico/arrow_grey.jpg) no-repeat left center;
	margin: 0px;
	padding: 0px 0px 0px 24px;
}
#red_alert p{
	background: url(/images/ico/attenzione.jpg)  no-repeat left center;
	color: #CC0000;
	height: 22px;
	margin: 0px;
	padding: 10px 0px 0px 40px;
}
li.red {
	list-style-image: url(/images/ico/red_bullet.jpg);
	margin-left: 15px;
}
li.red em{
	color:#999999;
}
li.red a{
	color:#666666;
}
li.red a:hover {
	color:#CC0000
}
#leftcol_argument_last /********different because no bottom border and poste-logo without leftpadding*/
	{
	border:0;
	background-image: url(/images/body/poste_flag.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
}
#leftcol_argument_last p {
	padding: 29px 0px 10px 20px;
	margin: 0px 0px 10px 4px;
	font-size: 0.75em;
}
#leftcol_argument_last img {
	float: right;
	margin-left: 10px;
}
li.blue {
	list-style-image: url(/images/ico/blue_bullet.jpg);
	font-size: 0.75em;
	margin-left:35px;
}
.line_left{
	border-bottom:#DEDEDE 1px solid;
	margin: 0px 27px 10px 4px;
	padding: 0px 0px 10px 20px;
	margin: 0px 0px 10px 4px;
}

ul.submenu {
	margin:15px 5px 0 4px;
	padding:0;
	border-bottom-color:#DEDEDE;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
li.submenu  {
	display:block;
	line-height:2.3em;
	border-top-color:#DEDEDE;
	border-top-style:solid;
	border-top-width:1px;
	list-style:none;
	margin-left:0em;
	padding-left:22px;
	font-size:0.8em;
	color:#999999;
}

/******************************************MIDDLECOLUMN********************************************/
#middlecol {
	width: 245px;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	border: 1px solid #E3E3E3;
}
#middlecol img {
	margin: 10px;
}
#risk_top {
	background-image: url(/images/body/bg_rischi.jpg);
	background-repeat: repeat-x;
	height: 31px;
	padding: 14px 0px 0px;
	margin: 0px;
}
#risk_top h1  {
	color:#004599;
	background:url(/images/ico/freccia_darkblue.jpg) no-repeat left center;
	font-size:1em;
	font-weight: lighter;
	margin: 0px 10px;
	padding: 0px 0px 0px 12px;
}
#risk_top h1 a:hover {
	color:#004599;
}
#middlecol ul {
	margin:0;
	padding:0;
}
#middlecol li {
	display:block;
	line-height:2.5em;
	border-top-color:#F0F0F0;
	border-top-style:solid;
	border-top-width:1px;
	background-image:url(/images/body/background_risklist.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	list-style:none;
	margin-left:0em;
	padding-left:22px;
	font-size:0.9em;
	color:#004599;
}
/******************************************RIGHTCOLUMN********************************************/
#rightcol {
	width: 250px;;
	float:left;	
	padding: 0px;
	margin: 0px;
	border: 1px solid #E3E3E3;
}
#rightcol p {
	padding: 0px 70px 8px 10px;
	font-size:0.8em;
	margin: 0px;
}
#rightcol img {
	margin: 10px;
}
#rightcol ul {
	margin:0;
	list-style:none;
	padding:0;
}
#rightcol li {
	margin-left: 10px;
	padding-left: 25px;
	font-size:0.8em;
	height: 15px;
	margin-top: 3px;
	margin-bottom: 9px;
	padding-top: 3px;
}
#rightcol li a {
	text-decoration:underline;
	color:#666666;
}
#rightcol li a:hover {
	text-decoration:none;
	color:#8EC636;
}
li#a{
	background:url(/images/ico/1.gif) no-repeat left center;
}
li#b{
	background:url(/images/ico/2.gif) no-repeat left center;
}
li#c{
	background:url(/images/ico/3.gif) no-repeat left center;
}
li#d{
	background:url(/images/ico/4.gif) no-repeat left center;
}
li#e{
	background:url(/images/ico/5.gif) no-repeat left center;
}
#link_area {
	font-size:0.95em;
	font-weight: lighter;
	color:#8EC636;
	margin: 15px 10px 10px 17px;
	
}
#link_area a {
	color:#8EC636;
	font-size:0.95em;
	font-weight: lighter;
	background: url(/images/ico/freccia_green.jpg) no-repeat left center;
	padding: 0px 0px 2px 16px;
}
#link_area a:hover{
	color:#6385C4;
	background-image: url(/images/ico/freccia_darkblue.jpg);
	background-repeat: no-repeat;
}
#rightcol h1 {
	background: url(/images/ico/freccia_green.jpg) no-repeat left center;
	font-size:1em;
	font-weight: lighter;
	color:#8EC636;
	margin: 15px 10px 10px 17px;
	padding: 0px 0px 0px 18px;
}
#rightcol h1 a {
	color:#8EC636;
	font-size:1em;
	font-weight: lighter;
}
#rightcol h1 a_hover{
	color:#8EC636;
}
#rightcol_2 {
	width: 250px;
	float:left;
	padding: 0px;
	margin: 10px 0px 0px;
	border: 1px solid #E3E3E3;
	background-image: url(/images/foto/dummy4.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#rightcol_2 h1 {
	color:#6385C4;
	font-size:1em;
	font-weight: lighter;
	margin: 10px 10px 6px;
}
#rightcol_2 h1 a {
	color:#6385C4;
	font-weight: lighter;
}
#rightcol_2 p {
	padding: 0px 70px 8px 10px;
	font-size:0.8em;
	margin: 0px;
}
#rightcol_2 p a{
	color:#666666;
}
.redlink {
	display:block;
	line-height:2.0em;
	padding-left:30px;
	font-size:0.85em;
	background-image:url(/images/body/filmicon.jpg);
	background-repeat:no-repeat;
	background-position: left;
}
/******************************************CONTENTCOLUMN blue (rischi)********************************************/
#blu {
	width: 505px;
}
#blu h2 {
	color:#6385C4;
	font-size: 1em;
	margin: 0px;
	font-weight:lighter;
}
#blu h2 a {
	color:#6385C4;
	font-size:0.75em;
	padding: 0px 0px 0px 12px;
	font-weight:bold;
	background: url(/images/ico/arrow_blu.gif) no-repeat left center;
	text-decoration: none;	
}
#blu h2 a:hover {
	color:#CC0000;
	background: url(/images/ico/arrow_red.gif) no-repeat left center;
	text-decoration: none;
}
#blu h3 {
	color:#6385C4;
	font-size:0.85em;
	margin: 15px 0px 0px;
	font-weight: normal;
	padding-top: 6px;
	padding-bottom: 4px;
	text-transform: capitalize;
}
#blu h4 {
	color:#6385C4;
	font-size:0.85em;
	margin: 15px 0px 0px;
	background: url(/images/ico/circle_blue.gif)  no-repeat left center;
	padding-left: 20px;
	font-weight: normal;
	padding-top: 6px;
	padding-bottom: 4px;
}
#blu h5 {
	color:#6385C4;
	font-size:0.75em;
	font-weight: bold;
	padding: 5px 0px 0px;
	margin: 0px;
}
#blu p {
	font-size:0.75em;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#blu p a {
	color:#666666;
	text-decoration:underline;
}
#blu p a:hover {
	color:#004599;
	text-decoration:none;
}

/******************************************CONTENTCOLUMN green (soluzioni)********************************************/
#verde {
	width: 505px;
}
#verde h2 {
	color:#8EC636;
	font-size:1em;
	margin: 0px;
	font-weight:lighter;
}
#verde h2 a{
	color:#8EC636;
}
#verde h4 {
	color:#8EC636;
	font-size:0.85em;
	margin: 15px 0px 0px;
	background: url(/images/ico/circle_green.gif)  no-repeat left center;
	padding-left: 20px;
	font-weight: normal;
	padding-top: 6px;
	padding-bottom: 4px;
}
#verde1, #verde2, #verde3, #verde4, #verde5, #verde6, #verde7, #verde8, #verde9 {
	color:#8EC636;
	font-size:0.85em;
	margin: 15px 0px 0px;
	padding-left: 22px;
	font-weight: normal;
	padding-top: 1px;
	padding-bottom: 5px;

}
#verde1 a, #verde2 a, #verde3 a, #verde4 a, #verde5 a, #verde6 a, #verde7 a, #verde8 a, #verde9 a {
	color:#8EC636;
	text-decoration:underline;
}
#verde1 a:hover, #verde2 a:hover, #verde3 a:hover, #verde4 a:hover, #verde5 a:hover, #verde6 a:hover, #verde7 a:hover, #verde8 a:hover, #verde9 a:hover {
	color:#CC0000;
	text-decoration:none;
}
#verde1 {
	background: url(/images/ico/1.gif) no-repeat left top;
}
#verde2 {
	background: url(/images/ico/2.gif)  no-repeat left top;
}
#verde3 {
	background: url(/images/ico/3.gif)  no-repeat left top;
}
#verde4 {
	background: url(/images/ico/4.gif)  no-repeat left top;
}
#verde5 {
	background: url(/images/ico/5.gif)  no-repeat left top;
}
#verde6 {
	background: url(/images/ico/6.gif)  no-repeat left top;
}
#verde7 {
	background: url(/images/ico/7.gif)  no-repeat left top;
}
#verde8 {
	background: url(/images/ico/8.gif)  no-repeat left top;
}
#verde9 {
	background: url(/images/ico/9.gif)  no-repeat left top;
}
#verde p {
	font-size:0.75em;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#verde p a {
	color:#666666;
	text-decoration:underline;
}
#verde p a:hover {
	color:#8EC636;
	text-decoration:none;
}

#verde a{
	
	
	
	
	color:#8EC636;
	
	text-decoration:none;
}

/* originale
#verde a{
	padding-left: 15px;
	margin-bottom:10px;
	padding-top:4px;
	background-image:url(/images/ico/green_bullet.jpg);
	color:#8EC636;
	background-repeat:no-repeat;
	background-position:left center;
	text-decoration:none;
}*/
#verde a:hover{
	color:#CC0000; text-decoration:none;
}

/************************************THE BOX PAGES RISCHIO AND SOLUZIONI*********************************/	
.box, .box_green {
	width: 485px;
	border: 1px solid #E3E3E3;
	padding: 7px;
	margin-bottom: 10px;
	font-size:1em;
}
.box img {
	float: right;
	margin: 0px 0px 0px 10px;
}
.box_green img {
	float: right;
	margin: 0px 0px 0px 10px;
}
.box_tell {
	width: 485px;
	padding: 7px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 0.75em;
	color: #074993;
	background-color: #EEEA0F;
}
.box_tell b{
	color: #000000;
}
.box_tell a {
	color: #074993;
	text-decoration:underline;
}
.box_tell a:hover {
	color:#CC0000;
	text-decoration:none;
}
.box h1 {
	color:#6385C4;
	font-size:1em;
	font-weight: lighter;
	margin: 0px;
	padding: 0px 0px 10px;
	border: 0px;
}
.boxred {
	color:#CC0000;
	font-size:0.9em;
	font-weight: bold;
	font-size:0.8em;
	padding-top: 7px;
}
.box_green h1 {
	color:#8EC636;
	font-size:1em;
	font-weight: lighter;
	margin: 0px;
	padding: 0px 0px 10px;
	border: 0px;
}

.box_green h3 {
	color:#8EC636;
	marigin: 0px;
	padding: 0px;
}
.box_green ul {
	margin:0;
	list-style:none;
	padding:0;
}
.box_green li {
	padding-left: 25px;
	font-size:0.8em;
	height: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 3px;
}
.box_green li a {
	text-decoration:underline;
	color:#666666;
}
.box_greenl li a:hover {
	text-decoration:none;
	color:#8EC636;
}
.solution  {
	margin-top: 10px;	
}
.solution a {
	color:#6385C4;
	font-size:0.9em;
	padding: 0px 0px 0px 12px;
	margin: 0px;
	background: url(/images/ico/arrow_blu.gif) no-repeat left center;
	text-decoration: none;	
}
.solution a:hover {
	color:#8EC636;
	background: url(/images/ico/arrow_green.gif) no-repeat left center;
	text-decoration: none;
}
.risk  {
	margin-top: 10px;	
}
.risk a {
	color:#8EC636;
	font-size:0.9em;
	padding: 0px 0px 0px 12px;
	marigin: 0px;
	background: url(/images/ico/arrow_green.gif) no-repeat left center;
	text-decoration: none;	
}
.risk a:hover {
	color:#6385C4;
	background: url(/images/ico/arrow_blu.gif) no-repeat left center;
	text-decoration: none;
}

.right {
	float:right;
	width: 240px;
	margin-top: 10px;
}
.left {
	float:left;
	width: 240px;
	margin-top: 10px;
}
.up  {
	background-image:url(/images/ico/up_arrow.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:15px;
	text-align:right;
	font-size:0.7em;
}
.up a {
	
	text-decoration:none;
}

/************************************PAGE*********************************/	
#only {
	padding: 0px;
	margin: 0px 30px 0px 0px;
}
#only h1 {
	background:url(/images/body/arrow_grey.jpg) no-repeat left center;
	color:#6385C4;
	font-size:1em;
	font-weight: lighter;
	margin: 0px 0px 15px;
	padding: 0px 0px 0px 24px;
	border: 0px;
}
#only h4 {
	color:#6385C4;
	font-size:0.85em;
	margin: 15px 0px 0px;
	background: url(/images/body/circle_blue.gif) no-repeat left top;
	padding-left: 20px;
	font-weight: normal;
	margin-top: 6px;
	margin-bottom: 4px;
	margin-left:24px;
	padding: 0px 0px 5px 24px;
}

#only  p {
	font-size:0.75em;
	margin: 0px;
	padding: 0px 0px 15px 24px;
}
#only  p a {
	color:#666666;
	text-decoration:underline;
}
#only  p a:hover {
	color:#004599;
	text-decoration:none;
}
#only  p strong {
	color: #074993;
	font-size:1.2em;
}
.glass_link {
	margin-left: 24px;
}
.box_tell2 {
	padding: 7px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 0.75em;
	color: #074993;
	background-color: #E6F306;
	margin-left:24px;
}
.box_tell2 b{
	color: #000000;
}
/********************************************************THE QUIZ***********************************************/

	
#quiz {
	margin-left:25px;
	}
#quiz p {
	padding:0;
	margin:0 0 0 23px;;
	}
#quiz p.quiz1, #quiz p.quiz2, #quiz p.quiz3, #quiz p.quiz4, #quiz p.quiz5, #quiz p.quiz6, #quiz p.quiz7, #quiz p.quiz8, #quiz p.quiz9, #quiz p.quiz10 {
	padding-left:25px;
	color:#6385C4;
	margin:30px 0 2px;
	font-size: 0.8em;
}

#quiz p.quiz1 {
	background:url(/images/body/1.gif) no-repeat left top;
	line-height: 1.5em;
	margin:10px 0 0;
}
#quiz p.quiz2 {
	background:url(/images/body/2.gif) no-repeat left top;
	line-height: 1.5em;
}
#quiz p.quiz3 {
	background:url(/images/body/3.gif) no-repeat left top;
	line-height: 1.5em;
}
#quiz p.quiz4 {
	background:url(/images/body/4.gif) no-repeat left top;
	line-height: 1.5em;
}
#quiz p.quiz5 {
	background:url(/images/body/5.gif) no-repeat left top;
	line-height: 1.5em;
}
#quiz p.quiz6 {
	background:url(/images/body/6.gif) no-repeat left top;
	line-height: 1.5em;
}
#quiz p.quiz7 {
	background:url(/images/body/7.gif) no-repeat left top;
	line-height: 1.5em;
	
	margin:1.0em 0 0 0;
}
#quiz p.quiz8 {
	background:url(/images/body/8.gif) no-repeat left top;
	line-height: 1.5em;
}
#quiz p.quiz9 {
	background:url(/images/body/9.gif) no-repeat left top;
	line-height: 1.5em;
}
#quiz p.quiz10 {
	background:url(/images/body/10.gif) no-repeat left top;
}
.rightanswer {
	padding: 0px 0px 0px 25px;
	font-size: 0.75em;
	color: #CC0000;
	margin:0;
}
.scorequestion {
	color:#6385C4;
	font-weight:bold;
	}
.scoreanswer {
	color:#8EC636;
	font-weight:bold;
	}
	
/********************************************** EXAMPLES EMAILS FAKE **********************************************/

a.back {
	background-image:url(/images/body/back.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:1.0em;
	}
h1.attenzione {
	background: url(/images/body/attenzione.jpg)  no-repeat left center;
	color: #CC0000;
	margin: 0 0 0.5em 0;
	padding: 10px 0px 10px 40px;
	font-size:0.8em;
	font-weight:bolder;
}
.fakelink {	
	color:#000099;
	text-decoration:underline;
	}
#fake {
	color:#000000;
	background-color:#F4F4F4;
	}

/* classi per IW */
.creaPagina					{}
.bloccoA					{width:100%;}
.bloccoB					{float:left; width:100%;}
.bloccoC					{float:right; width:100%;}

div.tpl_immagineTesto 		{text-align:left; font-size:0.8em;}
div.tpl_immagineTesto img  	{padding:0 5px;}

div.tpl_elencoPuntato		{font-size:0.8em; margin-bottom:10px;} 
div.tpl_elencoPuntato span		{font-size:0.8em; font-weight:bold;}

div.tpl_paragrafo			{font-size:0.8em; padding:0 2px 4px 4px;} 
div.tpl_paragrafo span		{font-weight:bold;}
/*#verde div.tpl_paragrafo a			{color:#666666;}*/
div.tpl_paragrafo img		{margin:0;}
div.tpl_paragrafoTestoevidenziato {font-size:0.8em;}
div.tpl_testo		 		{font-size:0.8em;}

div.tpl_news				{margin:10px 0;}