html, body{ 
 margin:0; 
 padding:0; 
 text-align:justify;
 font-family : Arial;
 font-size : 10pt; 
 background-attachment : fixed;
 background-image : url("../images/back.png");
 
} 


body h1 {  
 text-align:justify;
 font-family : Arial;
 color: #222;
 font-size : 14pt;
}

body h2 {  
 text-align:justify;
 font-family : Arial;
 color: #444;
 font-size : 12pt;
}

.center { 
   display: block; 
   margin: 0px auto; 
   text-align: center; 
 }

#txt-li li,ul
{
margin-bottom: 15px
}

img { border: none;
}

.top {
text-align:center;
}

body a:link { 
text-decoration : none; 
color : #cc0000;
}

body a:visited { 
text-decoration : none; 
color : #cc0000;
}

body a:hover { 
text-decoration : underline; 
color : #000000;
}

body a:active { 
color : #ff0000;

}


 
#pagewidth{ 
 width:1020px; 
 text-align:left; 
 margin:0 auto; 
} 
 
#header{
 position:relative; 
 height:200px; 
 background-image : url("../images/header.jpg"); 
 width:100%;
 display:block;
 overflow:auto;
} 
 
#twocols{
 width:1018px; 
 float:right; 
 position:relative;
 border: 1px solid #fff;
 
background: #898989; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ODk4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iI2FkYWRhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #898989 0%, #adadad 22%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#898989), color-stop(22%,#adadad), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #898989 0%,#adadad 22%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #898989 0%,#adadad 22%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #898989 0%,#adadad 22%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #898989 0%,#adadad 22%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898989', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */

<!--[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }
  </style>
<![endif]-->

  }
 
#rightcol{
 width:250px; 
 float:right; 
 position:relative; 
 padding:8px;
 margin:2px 0 2px 0;
 border: 1px solid #000;
 
  background: #e5e5e5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e5e5e5 0%, #f4f4f4 22%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(22%,#f4f4f4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f4f4f4 22%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5e5e5 0%,#f4f4f4 22%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5e5e5 0%,#f4f4f4 22%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e5e5e5 0%,#f4f4f4 22%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

<!--[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }
  </style>
<![endif]-->
 }
 
#maincol{  
 float: left;
 text-align:justify; 
 position: relative; 
 padding:8px;
 margin:2px;
 width:728px;
 border: 1px solid #000;
 
  background: #e5e5e5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e5e5e5 0%, #f4f4f4 22%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(22%,#f4f4f4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f4f4f4 22%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5e5e5 0%,#f4f4f4 22%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5e5e5 0%,#f4f4f4 22%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e5e5e5 0%,#f4f4f4 22%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

<!--[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }
  </style>
<![endif]-->
 }
 


#footer{
 height:80px; 
 background-color:#001100; 
 clear:both;
 display:block;
 overflow:auto;
 color : #fff;
 margin:10px 0 0 0;
 padding: 10px;
 
 border: 1px solid #202020;
 border-radius: 0 0 20px 20px;
 -moz-border-radius: 20px 20px 20px 20px;        // Per Firefox
 -webkit-border-radius: 20px 20px 20px 20px;     // Per Chrome
 behavior: url("ie-css3.css")
}

#footer a:link { 
text-decoration : none; 
color : #ff9933;
}

#footer a:visited { 
text-decoration : none; 
color : #ff9933;
}

#footer a:hover { 
text-decoration : underline; 
color : #ffff00;
}

#footer a:active { 
color : #00ffff;

} 
 
#footer a:link { 
text-decoration : none; 
color : #ff9933;
}

#footer a:visited { 
text-decoration : none; 
color : #ff9933;
}

#footer a:hover { 
text-decoration : underline; 
color : #ffff00;
}

#footer a:active { 
color : #00ffff;

}
 
/* ******************************************************************** */ 
/* Clearfix: csscreator/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

#logo {
padding: 0px 0px 10px 10px;
text-align: justify;

}

.logo img {
float: left;
width:200px;
height:141px;
padding: 30px 0 0 30px;

 border : 0;
  }

#data {
 position:relative;
 color :   #000;
 float : left;
 height: 25px;
 padding : 15px 0 5px 0;
 margin : 15px 0 0 55px;
 font-size : 11pt;
 background-color:#fff; 
 background-image : url('');

 width : 260px;
 display : block;
 text-align : center;
 vertical-align: middle;
 
 border: 2px solid #cc0000;
 border-radius: 20px 0 20px 0;
 -moz-border-radius: 20px 0 20px 0;        // Per Firefox
 -webkit-border-radius: 20px 0 20px 0;     // Per Chrome
 behavior: url("ie-css3.css")
} 

#flags {
 position:relative;
 float : right;
 padding : 5px 10px 10px 10px;
 margin : 15px 10px 0 0;
 background-color:#fff; 


 width : 400px;
 display : block;
 vertical-align: middle;
 text-align: center;
 
 border: 2px solid #cc0000;
 border-radius: 20px 0 20px 0;
 -moz-border-radius: 20px 0 20px 0;        // Per Firefox
 -webkit-border-radius: 20px 0 20px 0;     // Per Chrome
 behavior: url("ie-css3.css")
 
}

.flags img {
 float: right;
 padding: 5px 5px 5px 5px;
 width:30px;
 height:18px;

 border : 0;
 vertical-align: middle;
 }
 
 .txt {
 vertical-align: middle;
 float: left;
 margin: 8px 10px 0 10px;
 }

 #wc3 {
 width:100px;
 height:60px; 
 clear:both;
 display:block;
 overflow:auto;
 margin: 10px auto 10px auto;
 } 
 
 #contatore { 
 width:320px;
 height:30px; 
 margin: 10px auto 0 auto;
 }
 
 <!--------------------------------------- allineamento immagini left ------------------------->

 #imageleft {
 width:710px;
 resize:both;
 overflow:auto;
 padding:5px 8px 5px 8px;
 margin:5px 0 5px 0;
 color : #000;
 text-align : justify;
 align: center;
 float:left;
 
 position:relative; 
 background-color:#fff;
 
 border: 2px solid #cc0000;
 border-radius: 10px;
 -moz-border-radius: 10px;        // Per Firefox
 -webkit-border-radius: 10px;     // Per Chrome
 behavior: url("ie-css3.css")
 
 }
 
 #imageleft a:link { 
 text-decoration : none;
 font-weight: 600;
 color : #cc0000;
 }
 
 #imageleft a:visited { 
 text-decoration : none; 
 color : #cc0000;
 }
 
 #imageleft a:hover { 
 text-decoration : underline;
 color : #000000;
 }
 
 #imageleft a:active {
 color : #ff0000;
 }
 
 #imageleft h1 { 
 font-size : 12pt; 
 color : #444; 
 text-align : justify; 
 } 
 #imageleft h2 { 
 font-size : 12pt; 
 color : #ff0000; 
 text-align : justify; 
 }

.imageleft img {
float: left;
margin: 0 10px 0 0;
}

<!--------------------------------------- allineamento immagini right ------------------------->

 #imageright {
 width:710px;
 resize:both;
 overflow:auto;
 padding:5px 8px 5px 8px;
 margin:5px 0 5px 0;
 color : #000;
 text-align : justify;
 align: center;
 float:right;
 
 position:relative; 
 background-color:#fff;
 
 border: 2px solid #cc0000;
 border-radius: 10px;
 -moz-border-radius: 10px;        // Per Firefox
 -webkit-border-radius: 10px;     // Per Chrome
 behavior: url("ie-css3.css")
 
 }
 
 #imageright a:link { 
 text-decoration : none;
 font-weight: 600;
 color : #cc0000;
 }
 
 #imageright a:visited { 
 text-decoration : none; 
 color : #cc0000;
 }
 
 #imageright a:hover { 
 text-decoration : underline;
 color : #000000;
 }
 
 #imageright a:active {
 color : #ff0000;
 }
 
 #imageright h1 { 
 font-size : 12pt; 
 color : #444; 
 text-align : justify; 
 } 
 #imageright h2 { 
 font-size : 12pt; 
 color : #ff0000; 
 text-align : justify; 
 }

.imageright img {
float: right;
margin: 0 0 0 10px;
}

/* ------------------------ Menu ----------------------------------- */

#menu, #menu ul {
		margin:0;
		padding: 0;
		list-style: none;
		position:relative;
		z-index:20;
	}
	
	#menu {
		width: 1018px;
		clear: both;
		margin:0;
		border: 1px solid #002200;
		background-color: #001100;
		background-image: -moz-linear-gradient(#006600, #002200); 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#006600), to(#002200));	
		background-image: -webkit-linear-gradient(#006600, #002200);	
		background-image: -o-linear-gradient(#006600, #002200);
		background-image: -ms-linear-gradient(#006600, #002200);
		background-image: linear-gradient(#006600, #002200);
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	}
	
	#menu:before,
	#menu:after {
		content: "";
		display: table;
	}
	
	#menu:after {
		clear: both;
	}
	
	#menu {
		zoom:1;
	}
	
	#menu li {
		float: left;
		border-right: 1px solid #222;
		-moz-box-shadow: 1px 0 0 #444;
		-webkit-box-shadow: 1px 0 0 #444;
		box-shadow: 1px 0 0 #444;
		position: relative;
	}
	
	#menu a {
		float: left;
		padding: 12px 30px;
		color: #99ff99;
		text-transform: uppercase;
		font: bold 12px Arial, Helvetica;
		text-decoration: none;
		text-shadow: 0 1px 0 #000;
	}
	
	#menu li:hover > a {
		color: #fafafa;
	}
	
	*html #menu li a:hover { /* IE6 only */
		color: #fafafa;
	}
	
	#menu ul {
		margin: 20px 0 0 0;
		_margin: 0; /*IE6 only*/
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 38px;
		left: 0;
		z-index: 9999;    
		background: #444;
		background: -moz-linear-gradient(#444, #111);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
		background: -webkit-linear-gradient(#444, #111);    
		background: -o-linear-gradient(#444, #111);	
		background: -ms-linear-gradient(#444, #111);	
		background: linear-gradient(#444, #111);
		-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
		-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
		box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;  
	}

	#menu li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	
	#menu ul ul {
		top: 0;
		left: 180px;
		margin: 0 0 0 20px;
		_margin: 0; /*IE6 only*/
		-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		box-shadow: -1px 0 0 rgba(255,255,255,.3);		
	}
	
	#menu ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/
		-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	}
	
	#menu ul li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	#menu ul a {    
		padding: 10px;
		width: 160px;
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}
	
	#menu ul a:hover {
		background-color: #001100;
		background-image: -moz-linear-gradient(#002200,  #006600);	
		background-image: -webkit-gradient(linear, left top, left bottom, from(#002200), to(#006600));
		background-image: -webkit-linear-gradient(#002200, #006600);
		background-image: -o-linear-gradient(#002200, #006600);
		background-image: -ms-linear-gradient(#002200, #006600);
		background: linear-gradient(top, #002200 50%,#006600 50%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006600', endColorstr='#002200',GradientType=1 );
		/* IE6-8 */}
		</style><!--[if gte IE 9]>
		<style type="text/css">
		.box { filter: progid:dximagetransform.microsoft.gradient(enabled=false);
		} </style><![endif]-->
		
	}
	
	#menu ul li:first-child > a {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	#menu ul li:first-child > a:after {
		content: '';
		position: absolute;
		left: 40px;
		top: -6px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #444;
	}
	
	#menu ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #3b3b3b;
	}
	
	#menu ul li:first-child a:hover:after {
		border-bottom-color: #ffffff; 
	}
	
	#menu ul ul li:first-child a:hover:after {
		border-right-color: #ffffff; 
		border-bottom-color: transparent; 	
	}
	
	#menu ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}