@charset "utf-8";
/*   BODY   */

body {
	font: 12px Georgia, "Times New Roman", Times, serif;
	background: transparent url(images/sfondo.jpg) repeat scroll top left;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	color: #333;
	line-height: 13px;
}

.clear { margin-left: 10px; width:500px; font-size: 1px; height:1px; clear:both; }

p { font: Georgia, Times New Roman, Times, serif; color: #333; font-size: 12px; line-height: 16px; font-style: normal; font-weight: normal; }
.menu_nodo3{ font: Georgia, Times New Roman, Times, serif; color: #fff; font-size: 10px; font-style: normal; font-weight:bold; text-decoration:none}
.h1 { font: Georgia, Times New Roman, Times, serif; color: #333; font-size: 15px; line-height: 15px; font-style: italic;}
.h2 { font: Georgia, Times New Roman, Times, serif; color: #333; font-size: 12px; line-height: 18px; font-style: italic; font-weight:bold; }

a.chiaro:link { color: #ffffff; text-decoration: none; font-weight:bold; }
a.chiaro:visited  { color: #ffffff; text-decoration: none; font-weight:bold; }
a.chiaro:hover{ color: #FFFFFF; text-decoration: none; font-weight:bold;}

a.giallo:link { color: #ffcc33; text-decoration: none; font-weight:bold; }
a.giallo:visited  { color: #ffcc33; text-decoration: none; font-weight:bold; }
a.giallo:hover{ color: #FFFFFF; text-decoration: none; font-weight:bold;}

a:link { color: #536A72; text-decoration: underline; font-weight:bold; }
a:visited  { color: #536A72; text-decoration: underline; font-weight:bold; }
a:hover{ color: #455162; text-decoration: none; font-weight:bold; }

#container {
	margin:0 auto;
	padding: 0px 0px 0px 11px;
	width: 1010px;
	height: auto !important;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: transparent url(images/sfondo_bianco3.png) repeat top left;*/
	/*margin: auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
	overflow: hidden;
	vertical-align:top;	
}


#header {
	background: transparent url(images/sfondo_alto_gen.jpg) no-repeat scroll top left;
	height: 159px;
	margin-top:-20px;
	margin-left:3px;
	width:994px;
}
#alto_sx1 {
	width:600px;
	height:10px;
	margin-top:10px;
	margin-bottom:0px;
	margin-right:15px;
	float:right;
	text-align:right;
}
#alto_sx {
	width:490px;
	margin-top:0px;
	text-align:right;
	vertical-align: bottom;
	margin-right:15px; 
	float:right; 
}

#header h1.logo a {
	float:left;
	text-indent:-900em;
	text-decoration:none;
	margin-left:25px;
	margin-top:10px;
	background: url(images/logo2.jpg) no-repeat;
	width: 200px;
	height: 120px;
	display:block;
}

#header h1.logouk a {
	float:left;
	text-indent:-900em;
	text-decoration:none;
	margin-left:25px;
	margin-top:10px;
	background: url(images/logo_uk.jpg) no-repeat;
	width: 200px;
	height: 120px;
	display:block;
}

#menu_dx {

	width: 100px;
	height: 30px;
	margin-right:60px;
}

#nav {
	float:left;
	margin-left:0px;
	margin-top:25px;
	width: 220px;
	padding-left:2em;
	height: 120px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	text-align: left; /* this overrides the text-align: center on the body element. */

}
#navigation ul
{
list-style: none;
padding: 0;
margin: 0;
}

#navigation li
{
/*float: left;*/
margin: 0 0.0em;
width:200px;
}

#navigation li a
{
height: 2 em;
line-height: 2 em;
float: none;
width: 200px;
display: block;
color: #cccccc;
font-size: 11px;
text-decoration: none;
text-align: left;
font-weight:600;
}
#navigation a:link, #navigation a:visited {
	display: block;
	color: #666;
	margin:0.0em 0;
	padding: 0.2em 0.6em;
	text-decoration: none;
	border: none;
}
#navigation a:hover, #navigation a:focus, #navigation a:active {
	color: #000;
	/*background-color: #ffff00;*/
}

#navigation li a.current, #navigation li a.current:hover {
	color: #000;
	background-color: #eee;
}




/* centro */
#centro {
	margin-left:3px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	line-height:normal;
	top: 365px;
	width: 994px;
}

#foto_sx {
	float: left;
	width: 231px;
	height:auto;
	background-color:#536a72;
	vertical-align:top;
	
}
#cont_dx {
	float: left;
	width: 763px;
	height:auto;
	
}
#testi_centro {
	float: left;
	width: 463px;
	height:auto;
	background-color:#fff;
	text-align:left;
	padding: 15px 35px 15px 35px;
	
}
#colonna_dx {
	float: left;
	padding: 10px 10px 10px 10px;
	width: 210px;
	height:auto;
	background-color:#e9ecf3;
	
}

#footer {
	padding: 5px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin-left:3px;
	background-color:#536a72;
	font-size: 9px;
	height:40px;
	vertical-align:bottom;
	text-align:center;
	position:relative;
	width: 984px;
	color:#fff;
}