﻿html, body, img{margin: 0px; padding:0px; border:0px;}
body{font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size: 12px;}
.page{width:960px; margin: 0px auto;}
.align_center{margin:0px auto;}
.clearfloat{float: left; clear: both;}
.angolo_m_dx{background-image: url(images/triang_marr_dx.png); background-position:bottom right; background-repeat:no-repeat;}
h2{color:#41290f; font-size: 18px; padding: 0px; margin: 5px 0px 0px 0px; font-weight: normal; }
h1{color:#41290f; font-size: 23px; padding: 0px; margin: 5px 0px 10px 0px; font-weight: bold; letter-spacing:0.1em;}
h3{letter-spacing:0.1em; color:#41290f; font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-weight: bold;}
.nascosto{display: none; }


/***********************************************************************************************************************/
/*  barra link header */
/***********************************************************************************************************************/
.header{height:36px; width: 960px; background-color:#422A12; float:left;}
.header .listaLinkCentrali div{cursor:pointer; margin-top: 6px; padding: 5px 0px; text-align:center; width: 137px; float: left; text-decoration:none; color:#836855; font-size: 11px; font-weight: bold; letter-spacing: 0.1em; }
.header .listaLinkCentrali div:hover{background-color: #ebe4de;}
.header .listaLinkCentrali div.active{background-color: #ebe4de;}



/***********************************************************************************************************************/
/* area top */
/***********************************************************************************************************************/
.top{float:left; height:442px; width: 960px;}
.top_left{width: 665px; height: 442px; float: left;}
.top_right{width:295px; height: 442px; background-color: #A89382; float: left; text-align: center;}
.titViv{ height: 125px; width: 295px;}
.titViv h1{ text-align: center; font-weight:lighter ; padding: 30px 0px 0px 0px; margin:0px; font-family: Times New Roman, serif; color:#fff; font-size: 32px;}
.top_right_box{display:inline; float:left; margin-left: 13px; height: 317px; width: 260px; background-color:#d5c7bc; display: inline;}
.top_right_box h3{margin: 0px; padding: 15px 0px;}
.top_right_box p{font-size: 12px; color: #836855; /*display:inline;*/ margin-top: 5px; float:left; width:100%;}
.top_right_cont{display:inline; float:left; margin-left: 15px; margin-top: 0px; width: 230px; background-color:#ebe4de;}

.top_right_box{scrollbar-darkshadow-color: #ebe4de;/*bordi*/ scrollbar-highlight-color: #ebe4de;scrollbar-face-color: #ebe4de;scrollbar-3dlight-color: #ebe4de;scrollbar-base-color: #422a12;scrollbar-shadow-color: #ebe4de;scrollbar-track-color: #422a12;scrollbar-arrow-color: #422a12}

/***********************************************************************************************************************/
/* barra link centrale */
/***********************************************************************************************************************/
.central_bar{ float:left; height:36px; width: 960px; background-color:#814A07; font-family: Verdana;}
.central_bar ul.listaLink{float:right; padding-right: 30px;}
.central_bar .listaLinkCentrali div{cursor:pointer; margin-top: 6px; padding: 5px 0px; text-align:center; width: 160px; float: left; text-decoration:none; color:#fff; font-size: 11px; font-weight: bold; letter-spacing: 0.1em; }
.central_bar .listaLinkCentrali div:hover{background-color: #c44613;}
.central_bar .listaLinkCentrali div.active{background-color: #c44613; }


/***********************************************************************************************************************/
/* area bottom */
/***********************************************************************************************************************/
.bottom{float:left; width: 960px;}

.bottom_left{width:265px; float: left; text-align: center;}
.bottom_left_box {width: 245px; margin: 0px auto;}
.bottom_left_box a, .bottom_left_box a:visited{color: #836855; text-decoration: none;}
.bottom_left_box a:hover, .bottom_left_box a:visited:hover{color:#836855; text-decoration: underline; color: #c33c08;}

.bottom_left_box .lang{text-align:left; padding: 3px 25px; font-weight:bold; font-size: 11px; font-family: Arial, Helvetica, Sans-Serif; }
.bottom_left_box .lang a, .bottom_left_box .lang a:visited, .bottom_left_box .lang a:hover, .bottom_left_box .lang a:visited:hover{text-decoration:none; color:#000; font-weight:bold; font-size: 11px; font-family: Arial, Helvetica, Sans-Serif; letter-spacing: 0.2em;}
.bottom_left_box p{font-family: Verdana, Arial, Sans-Serif; font-size: 10px; color: #836855; padding-bottom: 10px;}
.bottom_left .info{font-size: 12px; margin: 7px 0px; background-color:#ebe4de; border: solid 5px #ebe4de; color:#41290f; padding:0px 10px;}
.bottom_left .info h3{margin: 0px; padding:4px;}
.bottom_left .info p{text-align: left; font-size: 12px;}
.bottom_left .news{ cursor:pointer; font-size: 12px; margin: 7px 0px; background-color:#ebe4de; border: solid 5px #ebe4de; color:#41290f; padding:0px 10px;}
.bottom_left .news h3{margin: 0px; padding:4px; line-height: 15px; font-size: 12px; }
.bottom_left .news h3 .data{text-align:right; font-size: 10px; padding: 0px; margin: 0px;}
.bottom_left .news p{text-align: left; font-size: 11px;}

.bottom_center{ padding-top: 10px;  width:400px; float: left; color:#836855;}
.box_scrollabile{width:390px !important;width /**/:402; overflow:auto;padding: 4px;}
.short{height:397px !important;height /**/: 406px;}
.medium{}
.tall{height:454px !important;height /**/: 463px;}    

.box_scrollabile{scrollbar-darkshadow-color: #ebe4de;/*bordi*/ scrollbar-highlight-color: #ebe4de;scrollbar-face-color: #ebe4de;scrollbar-3dlight-color: #ebe4de;scrollbar-base-color: #422a12;scrollbar-shadow-color: #ebe4de;scrollbar-track-color: #422a12;scrollbar-arrow-color: #422a12}
/*.jScrollPaneContainer{width: 375px;}
.scrollPC_tall{height:460px; }
.scrollPC_medium{}
.scrollPC_short{height:400px;}
.scroll-pane{height: auto; width: 365px; padding-right: 5px; position: absolute; overflow: visible; top: 0px; }
     lo script js mi crea conflitti con quello delle immagini grosse, quindi setto tutto a visibile x ora. 
    .bottom_center, .jScrollPaneContainer, .scroll-pane{height:auto; overflow: visible;}*/
.bottom_center p{padding: 0px 15px 0px  0px ; text-align: justify;}
.bottom_center p strong{color:#c44613; font-weight: bold;}
.bottom_center a, .bottom_center a:visited{color: #836855; text-decoration: none;}
.bottom_center a:hover, .bottom_center a:visited:hover{color:#836855; text-decoration: underline; color: #c33c08;}


.boxLinkSottopagina_sx {float:left;padding-left:5px;}
.boxLinkSottopagina_sx a, .boxLinkSottopagina_sx a:visited, .boxLinkSottopagina_sx a:hover,.boxLinkSottopagina_sx a:visited:hover{float:left; text-decoration: none;}
.link_sx {float: left; padding-bottom: 5px; cursor: pointer; display:inline; width: 14px; height: 14px; text-indent:-9999999px; background-image: url(images/triang_marr_sx.png); background-position:bottom left; background-repeat:no-repeat;} 
.link_sx:hover {cursor: pointer; float:left; display:inline; background-image: url(images/triang_aran_sx.png); background-position:bottom left; background-repeat:no-repeat;}

.boxLinkSottopagina_dx {float:right; padding-right:15px;}
.boxLinkSottopagina_dx a, .boxLinkSottopagina_dx a:visited, .boxLinkSottopagina_dx a:hover,.boxLinkSottopagina_dx a:visited:hover{padding-left: 10px; text-decoration: none;}
.link_dx{ float: left; padding: 0px 30px 5px 20px; cursor: pointer; display:inline; background-image: url(images/triang_marr_dx.png); background-position:bottom right; background-repeat:no-repeat;}
.link_dx:hover {background-image: url(images/triang_aran_dx.png);background-position:bottom right; background-repeat:no-repeat;}



.bottom_right{width:295px; height:500px; float: left; background-color:#A89382; text-align: center; padding-bottom: 15px;}
.bottom_right_box{display:inline; height:460px; float:left; margin-left: 15px; padding-bottom: 40px; position:relative; top:0px; width: 260px; background-color:#d5c7bc;}
.bottom_right_box h3{margin: 0px; padding: 15px 0px;}
.newslet_cont, .brochure_cont{margin: 0px auto; width: 230px; background-color:#ebe4de;}
.newslet_cont p, .brochure_cont p{font-size: 12px; color: #836855; display:inline; float:left; width:100%;}
.brochure_cont p a, .brochure_cont p a:visited{color: #836855; text-decoration: none;}
.brochure_cont p a:hover, .brochure_cont p a:visited:hover{color:#836855; text-decoration: underline; color: #c33c08;}



/***********************************************************************************************************************/
/* footer */
/***********************************************************************************************************************/
.footer{float:left; width: 960px; padding:20px 0; text-align:center;}
.footer img{float:right;}



/***********************************************************************************************************************/
/* classi per lo scrolling delle news */
/***********************************************************************************************************************/
/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 160px;	 
	width: 100%;
	border-top:1px solid #ddd;	
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.item {
	font-size:11px; color:#464646; background:url(images/news-list-bg.png) no-repeat bottom; padding:10px 0; margin-bottom:5px; height:130px;
}



/***********************************************************************************************************************/
/* classi per la validazione e i messaggi di errore o successo */
/***********************************************************************************************************************/
/*validazione*/

.messagebox{
    font-weight:bold;
    margin:3px 0 0 0;
}
.messageboxok{
    font-weight:bold;
    margin:3px 0 0 0;
    color:#00CC00;
}
.messageboxerror{
    font-weight:bold;
    margin:3px 0 0 0;
    color:#CC0000;
}

.LV_validation_message{
    font-weight:bold;
    margin:3px 0 0 0;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}

.lblErrore
{
    border:1px solid #A90000;
    padding:4px;
    background-color:#F8E5E5; 
    color:Red;
    font-weight:bold;
    margin-bottom:10px;   
}

.msgSuccess
{
    border:1px solid #74F019;
    padding:4px;
    background-color:#DEF8CA;    
    color:Green;
    font-weight:bold;
    margin-bottom:10px;   
}


/*Privacy*/
.privacy a, .privacy a:visited{color: #836855; text-decoration: none;}
.privacy a:hover, .privacy a:visited:hover{color:#836855; text-decoration: underline; color: #c33c08;}

.pie
{
    color:#7d6d60;
    font-family:Verdana;
    font-size:x-small;
}

.pie a:link, .pie a:visited
{
    color:#7d6d60;
    text-decoration:none;
    font-style:italic;
}

.pie a:hover
{
    color:#7d6d60;
    text-decoration:underline;
    font-style:italic;
}
