/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Title : Prevedi.it
Author : Beat Fly Lab - http://www.beatfly.com
URL : http://www.prevedi.it

Created : Nov 06
Copyright: Prevedi.it

All rights reserved including rights of reproduction and use in any form or by any means, including the making of copies by any photo process or by any electronic or mechanical device (printed, written, or oral), or recording for sound or visual reproduction, or for use in any knowledge or retrieval system or device, unless permission in writing is obtained from the copyright proprietor.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/******************************
* PAGE SETTING
******************************/
html, body {
	margin:0;
	padding:0;}

body {
	color:#666;
	text-align:center;
	font:medium Arial, Helvetica, sans-serif;
	background:#F6F6EB url(../../splash_library/bg.jpg) repeat-y 50%;}
	
#wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
	background:url(../../splash_library/sfondo_wrapper.gif) no-repeat center top;}	
/******************************
* FLASH CONTENT
******************************/
#graficoquota {
	padding:0;
	margin:0;
	font-size:70%;
	color:#CC0000;}
	
#graficoandp {
	padding:0;
	margin:0;
	font-size:70%;
	color:#CC0000;}
	
#graficobrochure {
	padding:0;
	margin:0;}
/******************************
* GENERAL FORMAT
******************************/
strong {
	font-weight:bold;
	color:#333;}

span.italic {
	color:#B5B4A0;
	font-style:italic;}

em {
	color:#990000;
	font-weight:bold;
	font-style:normal;}
	
ul {
	margin:0;
	padding:0;}

dl {
	margin:0;
	padding:0;}
/******************************
* HORIZONTAL MENU
******************************/
#wrapmenu{
	width:930px;
	padding:0 0 0 15px;
	margin:0;}

#invertedtabs{
	margin-left:4px;
	padding:0;
	width:100%;
	background:transparent;
	voice-family: "\"}\"";
	voice-family:inherit;
	padding-left:5px;}

#invertedtabs ul{
	font: bold 10px Arial, Helvetica, sans-serif;
	margin:0;
	margin-bottom: 1em;
	padding:0;
	list-style:none;}

#invertedtabs li{
	display:inline;
	margin:0 2px 0 0;
	padding:0;
	text-transform:uppercase;
	line-height:1.5em;}

#invertedtabs a{
	float:left;
	color:white;
	background:#32506A url(../../splash_library/color_tabs_left2.gif) no-repeat left bottom;
	margin:0 2px 0 0;
	padding:0 0 0 3px;
	text-decoration:none;
	letter-spacing:1px;}

#invertedtabs a span{
	float:left;
	display:block;
	background:transparent url(../../splash_library/color_tabs_right2.gif) no-repeat right bottom;
	padding:3px 9px 3px 6px;}

#invertedtabs a span{
	float:none;}

#invertedtabs a:hover{
	background-color:#3D4B54;}

#invertedtabs a:hover span{
	background-color:#3D4B54;}

#invertedtabs #current a, #invertedtabs #current span{
	background-color:#3D4B54;
	color:#F6F6EB;}

#invertedtabsline{
	clear:both;
	padding:0;
	width:100%;
	height:8px;
	line-height:8px;}
/******************************
* TOP STRUCTURE
******************************/
#banner {
	background:url(../../splash_library/top.jpg) no-repeat;
	width:960px;
	height:100px;
	padding:0px;
	margin:0px;}
	
#wraplogo {
	width:210px;
	padding:0;
	margin:0;
	float:left;}

#logo {
	width:210px;
	height:100px;
	padding:0;
	margin:0;}
	
#logo img {
	border:0;}
	
#wrapsubnav {
	padding:16px 36px 0 0;
	margin:0;
	float:right;
	white-space:nowrap;
	font-size:10px;
	color:#fff;
	text-align:right;}
	
#wrapsubnav p{
	font-size:12px;
	color:#fff;
	padding:28px 0 0 0;}
	
* html #wrapsubnav p{ /*IE only rule. Delete extra padding-bottom*/
	font-size:12px;
	color:#fff;
	padding:20px 0 0 0;}
	
#wrapsubnav a{
	color:#fff;
	text-decoration:none;}

#wrapsubnav a:hover {
	color:#E5E5D8;
	text-decoration:underline;}

/******************************
* HOME SPACE SECTIONS
******************************/
.leftprimary {/*PRIMARY*/
	width:400px;
	float:left;
	padding:0;
	margin:0;}
	
/*lista*/
.leftprimary dl {
	width:400px;
	padding:0;
	margin:0;
	background:url(../../splash_library/sfondo_boxbigleft.jpg) no-repeat top;
	font-family:"Trebuchet MS", arial, sans-serif;}

.leftprimary dt {
	color:#333;
	text-indent:10px;
	font-size:110%;
	font-weight:bold;
	padding:10px 0 0 0;
	margin:0;}

.leftprimary dd.random{
	width:400px;
	height:201px;
	padding:0;
	margin:0;}
	
.leftprimary dd.video{
	width:400px;
	height:143px;
	padding:0;
	margin:0;}
	
.leftprimary dd img{/*PRIMARY*/
	border:0;}
	
.leftprimary dd.footer{
	width:400px;
	height:53px;
	padding:0;
	margin:0;
	background:url(../../splash_library/footer_boxbigleft.jpg) no-repeat top;
	text-indent:34px;
	line-height:40px;
	font-size:100%;
	color:#333;
	font-weight:bold;}
	
.leftprimary dd.footer a {
	color:#8A0300;
	text-decoration:none;}

.leftprimary dd.footer a:hover {
	color:#788B8F;
	text-decoration:none;}
	
/*box specifiche area delegati in home*/
#thumb {
	padding:10px 0 0 4px;
	margin:0;
	width:370px;}
	
#thumb a {
	color:#8A0300;
	text-decoration:none;}

#thumb a:hover {
	color:#788B8F;
	text-decoration:underline;}

#thumb ul{
	list-style:none;
	padding:0;
	margin:0;}
	
#thumb li{
	display:block;}

#thumb li.img{
	padding:0;
	margin:0 6px 0 0;
	float:left;}
	
#thumb li.desc{
	font:lighter 75% "Trebuchet MS", arial, sans-serif;
	color:#333;
	padding:4px 0 0 0;
	margin:0 0 40px 0;
	clear:right;
	text-align:left;}
	
#thumb li.anticipazione{
	font:lighter 80% "Trebuchet MS", arial, sans-serif;
	color:#333;
	background:url(../../splash_library/anchorlink.gif) no-repeat 0 8px;
	padding:4px 0 0 14px;
	margin:0 0 12px 14px;
	clear:right;
	/*padding:4px 0 0 0;
	margin:0 0 2px 0;*/}

#thumb li.testo{
	text-align:left;
	font:lighter 80% "Trebuchet MS", arial, sans-serif;
	color:#333;
	padding:4px 0 4px 0;
	margin:0 0 2px 0;
	border-bottom:1px solid #5C778D;}

/*levare forse si*/
.leftprimary ul {
	margin-left:10px;
	list-style:none;}

.leftprimary li {
	display:block;
	margin-top:10px;}

.leftprimary li img {
	margin:0 10px 0 0;
	float:left;}
	
.leftprimary span {
	font:lighter 80% "Trebuchet MS", arial, sans-serif;
	color:#333;
	padding:0;
	margin:0;}

/*fine lista*/	
.leftsecondary {/*SECONDARY x i grafici patrimoniali in home page*/
	width:220px; 
	float:right;
	padding:0;
	margin:0;
	clear:right;}
	
.leftsecondary h2.patrimonio {
	color:#003366;
	font:bold 100% "Trebuchet MS", arial, sans-serif;
	background:url(../../splash_library/patrimonio.jpg) no-repeat 0 50%;
	padding:4px 0 12px 32px;
	margin:0;}
	
.leftsecondary p {
	text-align:left;
	font:lighter 70%;
	padding:0;
	margin:0;}
	
.leftsecondary a {
	color:#990000;
	text-decoration:none;}

.leftsecondary a:hover {
	color:#666;
	text-decoration:underline;}
/******************************
* MAIN SPACE
******************************/
#wrapmain {
	padding:0;
	margin:0;}
	
/*left column*/
.left {
	float:left;
	width:670px;
	padding:0;
	margin:0;
	text-align:justify;}

.left .padding {
	padding: 12px 12px 4px 18px;}

.left p {
	font-size:85%;
	color:#333;	
	padding:10px 10px 1px 10px;}
	
.left h1 {
	font:bold 160% "Trebuchet MS", arial, sans-serif;
	color:#333;
	padding:0 0 0 11px;}

.left h2 {
	font:lighter 120% "Trebuchet MS", arial, sans-serif;
	color:#003366;
	text-indent:11px;}
	
.left h3 {
	font:bold 100% "Trebuchet MS", arial, sans-serif;
	color:#003366;
	padding:0 0 0 11px;}
	
.left h4 {
	font:bold 80% "Trebuchet MS", arial, sans-serif;
	color:#990000;
	padding:0 0 0 11px;}

.left a {
	color:#8A0300;
	text-decoration:underline;}

.left a:hover {
	color:#333;
	text-decoration:none;}
	
/*box video*/
.left dl.video {
	width:400px;
	padding:0;
	margin:0;
	background:url(../../splash_library/sfondo_boxbigleft.jpg) no-repeat top;
	font-family:"Trebuchet MS", arial, sans-serif;}

.left dt.video {
	color:#333;
	text-indent:10px;
	font-size:110%;
	font-weight:bold;
	padding:10px 0 0 0;
	margin:0;}
	
.left dd.video{
	width:400px;
	height:143px;
	padding:0;
	margin:0;}
	
.left dd img{/*PRIMARY*/
	border:0;}
	
.left dd.footer{
	width:400px;
	height:53px;
	padding:0;
	margin:0;
	background:url(../../splash_library/footer_boxbigleft.jpg) no-repeat top;
	text-indent:34px;
	line-height:40px;
	font-size:100%;
	color:#333;
	font-weight:bold;}
	
.left dd.footer a {
	color:#8A0300;
	text-decoration:none;}

.left dd.footer a:hover {
	color:#788B8F;
	text-decoration:none;}
	
/*lista indice profilo*/
#indice {
	text-align:left;}

#indice dl {
	font-family:Arial, Helvetica, sans-serif;
	text-indent:11px;
	padding:0;
	margin:0;}
	
#indice dt {
	color:#003366;
	font-size:100%;
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0;}
	
#indice dd.externallinkindice {
	font-size:85%;
	padding:0 0 4px 10px;
	margin:0 0 12px 12px;
	background:url(../../splash_library/external.gif) no-repeat 0 50%;}
	
#indice dd.externallinkindice a {
	color:#8A0300;
	text-decoration:underline;}
	
#indice dd.externallinkindice a:hover {
	color:#333;
	text-decoration:underline;}
	
#indice dd.anchorlink {
	font-size:85%;
	padding:0 0 4px 10px;
	margin:0 0 0 12px;
	background:url(../../splash_library/anchorlink.gif) no-repeat 0 50%;}
	
#indice dd.anchorlink a {
	color:#333;
	text-decoration:underline;}
	
#indice dd.anchorlink a:hover {
	color:#8A0300;
	text-decoration:underline;}
	
/*lista torna su*/
.tornasu {
	text-align:left;}

.tornasu dl {
	font-family:Arial, Helvetica, sans-serif;
	text-indent:11px;
	padding:0;
	margin:0;}
	
.tornasu dt.sali {
	font-size:80%;
	padding:0 0 0px 10px;
	margin:0 0 0 12px;
	background:url(../../splash_library/sali.gif) no-repeat 0 50%;}
	
.tornasu dt.sali a {
	color:#003366;
	text-decoration:underline;}
	
.tornasu dt.sali a:hover {
	color: #8A0300;
	text-decoration: underline;}
	
.tornasu dd.stampa {
	font-size:80%;
	padding:0 0 0 10px;
	margin:0 0 0 12px;
	background:url(../../splash_library/stampa.gif) no-repeat 0 50%;}
	
.tornasu dd.stampa a {
	color:#8A0300;
	text-decoration:underline;}
	
.tornasu dd.stampa a:hover {
	color:#333;
	text-decoration:underline;}
	
/*lista generica*/
.simplelist {
	/*text-align: left;*/
	text-align:justify;}

.simplelist ul {
	margin-left:10px;
	list-style:none;
	background:#F5F6F1 url(../../splash_library/simple_list_bottom.jpg) no-repeat right bottom;
	display:block;
	border-top:1px solid #E9EBE0;
	border-left:1px solid #E9EBE0;}
	
.simplelist li {
	background:url(../../splash_library/list_pointer.gif) no-repeat 0 5px;
	font-size:80%;
	color:#4F4F4F;
	padding:1px 10px 1px 10px;
	margin:10px;}
	
/*lista per archivio news*/
.archivio {
	text-align:justify;}

.archivio dl {
	width:90%;
	font-size:80%;
	background:#F5F6F1 url(../../splash_library/simple_list_bottom.jpg) no-repeat right bottom;
	display:block;
	border-left:1px solid #E9EBE0;
	margin-left:10px;
	padding:8px 0 4px 0;}

.archivio dt {
	font-weight:bold;
	color:#990000;
    padding:0 6px 3px 16px;
	background:url(../../splash_library/list.gif) no-repeat 0 0.1em;
	margin:-6px 0 0;}

.archivio dd {
	margin:0 0 20px 0;
	padding:3px 6px 3px 4px;
	color:#333;
	border-bottom:1px solid #D5D9C4;}
	
.archivio dd.linknews {/*se servisse un link*/
	margin:0;
	padding:0 0 16px 4px;
	color:#333;}
	
.archivio dd a {
	text-decoration:none;
    color:#708491;}

.archivio dd a:hover {
	color:#000;
	text-decoration:none;}

/*right column*/
.right {
	float:right;
	width:280px;
	padding:0;
	margin:0;}

.right .padding {
	padding:5px 18px 4px 1px;}
	
.right a {
	text-decoration:underline;
    color:#708491;}

.right a:hover {
	color:#990000;
	text-decoration:none;}

.right h2 {
	font:bold 100% "Trebuchet MS", arial, sans-serif;
	color:#333;}
	
.right h2.news, .right h2.faq, .right h2.stampa, .right h2.contatto, .right h2.link, .right h2.accessibilita,
.right h2.contenuti, .right h2.patrimonio{
	font:bold 100% "Trebuchet MS", arial, sans-serif;
	color:#333;
	padding:0 0 12px 32px;}

.right h2.news {
	background:url(../../splash_library/news.jpg) no-repeat 0 50%;}
	
.right h2.faq {
	background:url(../../splash_library/faq.jpg) no-repeat 0 50%;}
	
.right h2.stampa {
	background:url(../../splash_library/stampa.jpg) no-repeat 0 50%;}
	
.right h2.contatto {
	background:url(../../splash_library/contatto.jpg) no-repeat 0 50%;}
	
.right h2.link {
	background:url(../../splash_library/link.jpg) no-repeat 0 50%;}
	
.right h2.accessibilita {
	background:url(../../splash_library/accessibilita.jpg) no-repeat 0 50%;}
	
.right h2.contenuti {
	background:url(../../splash_library/contenuti.jpg) no-repeat 0 50%;}
	
.right h2.patrimonio {
	padding:0 0 12px 42px;
	background:url(../../splash_library/patrimonio_right.jpg) no-repeat 0 50%;}
	
.right h2.bilancio {
	padding:0 0 12px 42px;
	background:url(../../splash_library/bilancio_right.jpg) no-repeat 0 50%;}
	
.right h2.comparti {
	padding:0 0 12px 42px;
	background:url(../../splash_library/comparti_right.jpg) no-repeat 0 50%;}

.right p {
	font-size:85%;
	color:#333;	
	padding-bottom:8px;}
	
.right dl {
	width:260px;
	text-align:left;
	padding:0;
	margin:0 0 16px 0;
	border-top:2px solid #5C778D;
	border-bottom:1px solid #5C778D;
	background:#F5F5F1;
	font:75% "Trebuchet MS", arial, sans-serif;}

.right dt {
	font-weight:bold;
	color:#333;
    padding:0 0 3px 16px;
	background:url(../../splash_library/list.gif) no-repeat 0 0.1em;
	margin:6px 0 0 0;}

.right dd {
	margin:0;
	padding:0 0 8px 4px;
	color:#333;
	background:url(../../splash_library/dot_orizzontale.gif) repeat-x bottom;}
	
.right dd.descrizione {
	margin:0;
	padding:0 0 3px 4px;
	color:#333;
	background:none;}
	
.right dd.img {
	margin:0;
	padding:0;
	border:none;}
	
/*menu andamento quota*/
.andamento{
	list-style-type:none;
	margin:5px 0;
	padding:0;
	width:260px;
	font-size:75%;}
	
.andamento li{
	padding:0 0 8px 10px;}

.andamento li a{
	background:url(../../splash_library/anno.gif) no-repeat 0 50%;
	color:#708491;
	padding:3px 0;
	padding-left:20px;
	text-decoration:underline;
	font-weight:bold;}

.andamento li a:hover{
	color:#000;
	text-decoration:none;
	/*onMouseover image change. Remove if none*/}
	
.andamento .current a{
	color:#990000;
	background:url(../../splash_library/anno_active.gif) no-repeat 0 50%;}

* html .andamento li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
	width:240px;
	font-weight:bold;}

	
/******************************
* AJAX SHOW/HIDE FAQ HOME PAGE
******************************/
#tablist{
	padding:3px 0;
	margin-left:0;
	margin-bottom:0;
	margin-top:0.1em;
	font: bold 75% "Trebuchet MS", arial, sans-serif;
	color:#333;}

#tablist li{
	list-style:none;
	display:inline;
	margin:0;}

#tablist li a{
	padding:3px 0.5em;
	margin-left:3px;
	border-bottom:none;}

#tablist li a:link, #tablist li a:visited{
	color:#003366;
	text-decoration:none;}

#tablist li a.current{
	background:#E9EBE0;
	text-decoration:none;}

#tabcontentcontainer{
	width:250px;
	background:#E9EBE0;
	border-bottom:1px solid #5C778D;
	padding:5px;}

.tabcontent{
	display:none;
	font:75% "Trebuchet MS", arial, sans-serif;
	color:#333;}
	
.tabcontent a{
	color:#990000;
	text-decoration:underline;}
	
.tabcontent a:hover{
	color:#666;
	text-decoration:none;}
	
/*comment*/
.commentbox{
	background-color:#ececec;
	width:450px;
	padding:10px;}

.commentfooter{
	background:url(../../splash_library/comment.gif) 20px 0 no-repeat;
	padding-left:58px;
	padding-top:1px;
	margin-bottom:2em;
	font-size:90%;
	color:#4A4A4A;}

/******************************
* FOOTER
******************************/
#footer {
	padding:30px;
	clear:both;}
	
#wrapfooter {
	border-top:3px solid #F5F6F1;}
	
/*footerleft*/	
#footerleft {
	padding:0;
	margin:0;
	float:left;}
  
#footerleft p {
	font-size:70%;
	color:#666;
	text-align:left;}
	
#footerleft p span{
	padding:0 0 0 60px;
	font-weight:bold;}
	
#footerleft a {
	color:#003366;
	text-decoration:none;}

#footerleft a:hover {
	color:#990000;
	text-decoration:underline;}
	
/*footerright*/	
#footerright {
	padding:0;
	margin:0;
	float:right;}
	
#footerright p {
	font-size:70%;
	text-align:left;}
	
#footerright a {
	color:#666;
	text-decoration:none;}

#footerright a:hover {
	color: #990000;
	text-decoration:underline;}
	
/******************************
* CONTACT FORM
******************************/	
form{
	width:570px;
	padding:10px;
	margin:10px;
	text-align:left;}
	
fieldset{
	width:570px;
	padding:0;
	margin:1em 0;
	float:left;
	background:#F5F6F1 url(../../splash_library/simple_list_bottom.jpg) no-repeat right bottom;
	border-top:1px solid #E9EBE0;
	border-left:1px solid #E9EBE0;
	border-right:none;
	border-bottom:none;}
	
form b{
	color:#990000;}

form p{margin:0.5em 10px}

fieldset div{
	width:100%;
    padding:10px 0 12px;
	float:left;}
	
legend{
	font-weight:bold;
	color:#333;
	font-size:100%;}
	
label{
	line-height:23px;
	font-size:85%;
	font-weight:bold;
	width:120px;
	display:inline;
	margin-left:10px;
	float:left;}
	
div#confirm label{margin-left:16px}

.input {
	font-size:12px;
	color:#333;
	background:#FBFBFB;
	width:300px;
	padding:2px;
	margin:2px 0 2px 0;}
	
.textarea {
	font:12px Arial, Helvetica, sans-serif; 
	color:#333;
	background:#FBFBFB;
	height:150px; 
	width:300px; 
	padding:2px;
	margin:2px 0 2px 0;}
	
.selectmenu {
    font:12px Arial, Helvetica, sans-serif;
	color:#333;
	background:#FBFBFB;
	width:304px;
	padding:2px;
	margin:2px 0 2px 0;}	
	
.invia {
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
	background:#FBFBFB;
	border:1px solid #5C778D;
	padding:1px;
	margin-left:130px;}
	
.reset {
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
	background:#FBFBFB;
	border:1px solid #5C778D;
	padding:1px;
	margin-left:80px;}
/******************************
* FAQ DYNAMIC LIST
******************************/
h3.title {
	color:#003366;
	font-size:100%;
	font-weight:bold;}

h4.handler {
	cursor:help;
	padding:0;
	text-decoration:underline;
	padding:0 0 0 11px;}

h4.handler_down {
	cursor:help;
	padding:0;
	text-decoration:none;
	padding:0 0 0 11px;}

p.toggle {
	color:#333;}
