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

body{
	font-family: Helvetica, sans-serif;
	font-size: 12pt;
	background: #fff;
	overflow: auto;
}

a{
	outline: none;
	text-decoration: none;
	color: #ff0000;
	font-weight: bold;
}

a:hover{
	color: #0178d4;	
}

h5{
	font-size: 14px;
}

h6{
	font-size: 12px;
}

#top{
	width: 100%;
	height: 157px;
	background: url(../img/top_back.png) repeat-x;
	border-bottom: 1px solid #015da5;
}

#header{
	width: 960px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/header.png) no-repeat;
}

#logo{
	position: relative;
	top: 35px;
	left: 10px;
}

#menu_back{
	width: 100%;
	height: 30px;
	background: #c4c4c4;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #8c8c8c;
}

#navigation{
	width: 960px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/menu_back.png) no-repeat 30px;
}

ul#menu{
	width: 400px;
	font-size: 8.9pt;
	height: 28px;
	list-style: none;
	position: relative;
	float: left;
	left: 285px;
}

ul#menu li a, ul#menu_indice li a{  
	text-decoration: none;   
	color: #454545;
	padding: 9px 10px 8px 10px;
	border-right: 2px solid #717171;
	font-weight: bold;
}

ul#menu li a:hover, ul#menu_indice li a:hover, ul#menu_indice li a.active{

	color: #000;
	background-color: #aeaeae;
	border-right-color: #0090ff;

background: url(../img/m_hover.png) no-repeat bottom center;
}

ul#menu li{
	float: left;
	padding: 10px 0 7px 0;
}

ul#menu_indice{
	width: 110px;
	font-size: 8.9pt;
	height: 28px;
	list-style: none;
	float: right;
}

ul#menu_indice li{
	float: left;
	padding: 10px 0 7px 0;
}

img.freccia, img.freccia {  
	position:absolute;  
	bottom:-10px; 
	right:-10px; 
	z-index: 10; 
	//display:none;	/*--Tolgo la visualizzazione del Ribbon per IE6-7 poich� genera un errore--*/
}

.presentazione, .pres{
	font-size: 25px;
	text-transform: uppercase;
	font-weight: bold;
	
}

.pres{
	color: #222;
	margin-bottom: 10px;
}

.presentazione a{
	color: #444;
}

.presentazione a:hover{
	color: #000;
	text-decoration: none;
}

p{
	font-size: 12px;
	line-height: 16px;
}

a.goup{
	font-size: 14px;
	margin-top: 20px;
	float: right;
	color: #333;
	padding: 0 5px 0 5px;
}

a.goup:hover{
	text-decoration: none;
	color: #000;
}

#img_pres{
	width: 295px;
	border: 1px solid #444;
	background: #fefefe;
	float: left;
	margin: 0 10px 5px 0;
}

#content{
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 70px;
	padding-bottom: 40px;
	
}

#photo, .photo{
	text-align: center;
	margin-top: 20px;
}

#photo img, .photo img{
	border: 20px solid #333;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius: 20px 20px 0 0;
}

#shadow, .shadow{
	width: 760px;
	height: 15px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url(../img/shadow.png) no-repeat top center;
	border-top: 1px solid #242424;
	margin-bottom: 20px;
	margin-top: 0;
	padding-top: 0;
	//margin-top: -3px; /* Corregge l'errore in IE 6 - 7 */
}

#content h2{
	color: #333;
	font-size: 20pt;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

#col_sx, #col_dx{
	line-height: 15px;
	width: 370px;
	text-align: justify;
	font-size: 12px;
	float: left;
}

#col_dx{
	margin-left: 9px;
}

#col_sx{
	padding-right: 9px;
	border-right: 1px solid #ccc;
}

#col_dx ul li, #col_sx ul li{
	list-style: circle;
	margin-left: 15px;
}

#col_dx img{
	width: 50%;
	float: right;
}

div.spiega{
	margin-top: 30px;
	text-align: justify;
	font-size: 12px;
	line-height: 14px;
	position: relative;
}

div.spiega p em, em.spiega_n{
	font-size: 9px;
	position: relative;
	bottom: 5px;
	font-weight: bold;
}


#footer{
	font-size: 0.9em;
	background: #272727;
	border-top: 2px solid #0090ff;
	margin-top: 30px;   
	padding: 20px 20px;
	overflow: hidden;
}

#footer p{
	color: #0090ff;
}
  
#footer h4{
	color: #0090ff;
	font-size: 1.6em;
	padding-top: 0;
	font-weight: bold;
}  
   
#footer ul{
	list-style: none;
	margin-left: 0;
}  

#footer ul li{
	padding: 3px 0px;
}
  
#footer ul li a{
	text-decoration: none;
	color: #fff;
	padding: 1px 3px;
}

#footer ul li a:hover{
	text-decoration: none;
	color: #000;
	background: #0090ff;
}

#copyright{
	float: left;
	width: 20%;
	text-align: right;
	font-size: 0.9em;
}

#links {
	float: left;
	width: 40%;
}
	  
#feeds{
	float: left;
	width: 40%;
} 

#feeds ul li a.carte{
	color: #0090ff;
	font-size: 1.1em;
	font-weight: bold;
}

#feeds ul li a.carte:hover{
	color: #000;

	
}