/***********************
 (c) 2002 E-side s.r.l. 
 ***********************/
 
/* Stile vuoto */
.base{}
.lightbox{}
BODY 
{ 
    background:white; 
    color: black; 
    margin:0px;
	padding:0px;
} 

h1,h2,h3,h4,p{margin:0;padding:0;}

h1 {
    color: #969696;
    font-weight:normal;
    font-family:times new roman,arial;
    font-size:24px;
    line-height:28px;
    padding:0 0 10px 0;
}
h2{
    font-family:georgia, arial;
    font-size:24px;
    font-weight:normal;
    line-height:30px;
    color:#989898;
}
h3{
    font-family:arial;
    color:#596da2;
    font-size:15px;
    font-weight:bold;
    line-height:15px;
    text-transform:none;
}
h4{
    margin-top:12px;
	font-family:arial;
    color:#AB1919;
    font-size:11px;
    font-weight:normal;
    line-height:12px;
    text-transform:uppercase;
}
.titoli{color:#596da2;font-weight:bold;font-size:15px;line-height:15px}
.monumenti-opere, .monumenti-opere *{
	color:#596da2;
	font-weight:bold;
	font-size:12px;
}

.località{color:#596da2;font-weight:bold;font-style:italic;}

td,p,body,input,textarea,select,li,ul {font-family:arial,verdana;font-size: 12px;line-height:18px;} 

p{margin-bottom:3px;}

a{color:#b10f24;text-decoration:none;}
a:hover{color:#c7313a;border-bottom:none;}

a.tratteggiato{
	border-bottom:1px dashed #888;
}

a.crumbs {}
a.crumbs:hover {}
.acrumbs {}




.dim0 {width: 95px}
.dim1 {width: 250px}

input,textarea
{
	border: 1px #333333 solid;
}

.but
{
	cursor: hand;
	voice-family: "\"}\"";
	voice-family:inherit;
	cursor: pointer;
}
.cbx,.bbx,.rbx,.img
{
	border: 0px
}

.blue{color:#2E4764;border-bottom:none;}
.blue:hover{color:#666;}

.bold{font-weight:bold;}

/***************************
 **** PERCORSI TURISTICI ***
 ***************************/
 

.percorsi-header {
    width:302px;
    height:25px;
    background:#D9E9E9;
    /*border-bottom:6px solid #EBEBEB;*/
    /*margin:10px 0;*/
    line-height:32px;
    color:#92AFB3;
    font-size:15px;
    font-weight:bold;
    text-align:center;
    padding-bottom:10px;
} 
.percorsi-descr{
    width:302px;
    border-bottom:2px solid #fff;
    padding:8px 0 8px 0;
    min-height:76px;
} 

.percorsi-descr p.pic{
    border-top:1px solid #CDCBD0;
    padding:0px 0 7px 0;
    margin:0px;
    text-align:center;
}
.percorsi-descr p.pic img{margin-top:10px;}
.percorsi-descr p.pic:first-child{
    border-top:0px solid #CDCBD0;

}
.percorsi-descr h1 a,
.percorsi-descr h2 a{
	font-family:arial,verdana;
    margin:0 6px 10px 0px;
    padding:0;
    color:#31488B;
    font-size:12px;
    font-weight:bold;
    line-height:15px;
} 
.percorsi-descr p{  
    margin:0 6px 0 0px;
    line-height:15px;
}
.percorsi-descr p.link
{
    text-align:right;
    padding:6px 6px 2px 0;
}
.percorsi-descr p.link a{ 
    font-family:georgia,arial;
    font-weight:bold;
    text-decoration:none;
    font-size:11px;
    color:#31488B;
}

BODY{margin-top:10px;}
*{font-family:arial,helvetica;font-size:12px;color:#444;}
div{margin:0;padding:0;text-align:left;}

#container{
    text-align:center;
    margin-top:0px;
}
#wrapper{
    width:970px;
    margin-left:auto;
    margin-right:auto;
    background-color:white;
    text-align:left;
    border-left:10px solid #fff;
    border-right:10px solid #fff;
}

#top{
	width:970px;height:178px;/*background:url(../img/banner_top.jpg) no-repeat;*/
	}

#logo {
    position:absolute;
    width:225px;
    height:156px;
    z-index:10001;
    margin:19px 0px 0px 26px;
    
}

#slogan {
    position:absolute;
    width:970px;
    height:25px;
    z-index:10000;
    margin:153px 0 0 0;
}

/*#menu{
	position:absolute;
	top:188px;
	width:970px;height:50px;
	border-bottom:2px solid #c7c7c7;
	background-image:url('/img/bg_navbar.gif');
	background-position:0px 24px;
	background-repeat:repeat-x;
	background-color:#f2f2f2;
	}*/
/* MENU LINGUE */
#menu-lan {
	position:absolute;
	top:164px;
	margin:0px 0px 0px 5px;
	/*float:left;  */
	height:22px;
	z-index:10002;
}
#menu-lan ul{
	margin:0;
/*	background:#fff;filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; */
	position:relative;
	width:142px;
	list-style-type:none;
    list-style-image:none;
	padding:0px;
/*	margin-left:675px;*/	

	height:22px;line-height:22px;
	z-index:1000;
}

#menu-lan ul li{
	float:right;padding:0px;
	height:22px;line-height:22px;
}
#menu-lan ul li a{border-bottom:none;}

#menu-lan ul li img, #menu-lan ul li a img{
	margin:5px 5px 3px 5px;
	border:1px solid #ccc;
}	
#colsx {float:left;width:428px;height:auto; }

#bodydx
{
    position:relative;
	margin-left:428px;
    height:auto;
    width:542px;
}

/***************************
 **** FOOTER ***
 ***************************/
 
#ul_footer a {
    color:rgb(49,60,90);

}

#footer a:hover {

}

#ul_footer { 
   text-align:left;
   list-style:none;
   margin-top:20px;
   
}

#ul_footer a { 
   font-size:10px;
   
}


.li_footer { 
   border-right:1px groove;
   
}




#footer{
    clear:both;
    position:relative;
    margin:auto;
    text-align:center;
    width:640px;
    height:50px;
    line-height:50px;
}

#footer_up {
   width:970px; 
   /*    */
   height:150px; 

   background:url(../img/bg_footer.gif) repeat-x scroll 0 0 transparent;
   
} 

 #footer_up h3 {margin-left:38px; font-size:11px;}

.footer_up {
   width:186px; 
   margin-left:8px; 
   margin-top:12px; 
   float:left; 
   text-align:left;
   padding-top:10px; 
   
}

#footer_up_right {
   width:186px; 
   margin-left:8px; 
   margin-top:12px; 
   float:left; 
   text-align:left; 
   padding-top:10px; 
}


/* hide from MacIE \*/
* html #colsx
{
margin-right: -3px;
}
* html #bodydx
{
margin-left: 0px;
}
/* end hide */

#bodydx_cx {float:left;width:221px;height:auto;}
#bodydx_dx{position:relative;margin-left:221px;width:302px;height:auto;}
/* hide from MacIE \*/
* html #bodydx_cx
{
margin-right: -3px;
}
* html #bodydx_dx
{
margin-left: 0px;
}
/* end hide */
#body{width:970px;background:url(../img/bg_columns1.gif) repeat-y;padding:10px 0;}
.cleaner{clear:both;height:1px;line-height:1px;background:transparent;}


#header{
    position:absolute;
    margin:40px 0;
}

/***************************
 **** PERCORSI TURISTICI ***
 ***************************/
#banners{margin:-40px 0px 0px 13px;float:left;height:44px;}
#percorsi{
    position:relative;
    width:302px;
    margin:0 0 0 9px;
    /* background:#D9E9E9;*/
        background:#ced6eb;
}
#percorsi .percorsi-header {
    width:302px;
    height:25px;
    /* background:#D9E9E9;*/
        background:#7E94C5;
    /*border-bottom:6px solid #EBEBEB;*/
    /*margin:10px 0;*/
    line-height:32px;
    color:white; /*#92AFB3; */ 
	font-family:arial,verdana;
    font-size:16px;
    font-weight:bold;
    text-align:center;
   /* letter-spacing:0.3em; */
    padding-bottom:10px;
    border-bottom:2px solid #fff;
} 
#percorsi .percorsi-descr{
    width:302px;
    border-bottom:2px solid #fff;
    padding:8px 0 8px 0;
    min-height:76px;
} 

#percorsi .percorsi-descr img{margin-top:0px;}

#percorsi .percorsi-descr p.pic:first-child{
    border-top:0px solid #CDCBD0;

}
#percorsi .percorsi-descr h1 a
#percorsi .percorsi-descr h2 a
{
	font-family:arial,verdana;
    margin:0 6px 10px 0px;
    padding:0;
    color:#31488B;
    font-size:12px;
    font-weight:bold;
    line-height:15px;
} 
#percorsi .percorsi-descr h1 a:hover,
#percorsi .percorsi-descr h2 a:hover
{
	color:#92AFB3;
}
#percorsi .percorsi-descr p{  
    margin:0px 6px 0 0px;
    line-height:15px;
}
#percorsi .percorsi-descr p.link
{
    text-align:right;
    padding:6px 6px 2px 0;
}
#percorsi .percorsi-descr p.link a{ 
    font-family:georgia,arial;
    font-weight:bold;
    text-decoration:none;
    font-size:11px;
    color:#31488B;
}

/*****************
 *** SLIDESHOW ***
 *****************/
  
#top #slideshow {
    position:relative;
    height:178px;
}

#top #slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#top #slideshow IMG.active {
    z-index:10;
}

#top #slideshow IMG.last-active {
    z-index:9;
}

#addthis{margin:-52px 20px 0px 0px;float:right;}
#addthis p{padding:0 0 2px 20px;}
#addthis p a {color:#666;}


/*****************
 *** OFFERTE   ***
 *****************/
  
#offerte {
    position:relative;
    margin: 0px 0 8px -1px;
    height:120px;
}

#offerte IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#offerte IMG.active {
    z-index:10;
}

#offerte IMG.last-active {
    z-index:9;
}

#banner-cols {
    /*position:relative;
    display:block; */
    background:#fff;
    width:302px;
    height:auto !important;
    margin:0 0 10px 8px;
}

#scheda .servizi {
	position: absolute;
	right: 0;
	top: 0;
}

.lista .servizi {
	margin: 10px 50px 0 107px;
}

.servizi span {
	display: inline-block; 
	text-align: center; 
	font-size: 9px;
	height: 23px; 
	width: 23px; 
	line-height: 37px;
	vertical-align: middle;
}

.anagrafica {
	position: relative;
}

#mappa {
	height: 400px;
	width: 100%;
}
#mappa a > img, #mappa_100 a > img {
	border: none;
}

#slideshow, #scheda_pic, #scheda_gallery, #gallery_pagina {
	background: #FFF;
	position: relative;
}

#slideshow, #scheda_pic, #scheda_gallery {
	height: 335px;
}

#gallery_pagina {
	height: 327px;
}

#slideshow_controls, #scheda_gallery_controls, #gallery_pagina_controls {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 10px;
}

#slideshow ul, #scheda_gallery ul, #gallery_pagina ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	position: relative;
}

#slideshow ul, #scheda_gallery ul {
	height: 335px;
}

#gallery_pagina ul {
	height: 327px;
}

#slideshow li, #scheda_gallery li, #gallery_pagina li {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

#scheda_gallery, #scheda_pic, #gallery_pagina {
	margin-top: 15px;
	margin-bottom: 15px;
}

#scheda_gallery li, #scheda_pic div, #gallery_pagina li {
	width: 100%;
}

#scheda_gallery li, #gallery_pagina li {
	height: 100%;
}

#scheda_gallery li span, #gallery_pagina li span {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

#scheda_pic {
	height: auto;
}

#scheda_pic div, #scheda_gallery li, #gallery_pagina li {
	text-align: center; 
	background: #979996;
}

#scheda_gallery ul li img, #scheda_pic img, #gallery_pagina ul li img {
	vertical-align: middle;
	max-width: 625px;
	max-height: 335px;
}

#calcolo_percorso, #calcolo_percorso #directions {
	margin-top: 15px;
	color: #313131;
}

#calcolo_percorso label {
	color: #313131;
}

/* BOX PRENOTA ONLINE */

#box_prenota_online {
	margin-bottom: 9px;
	margin-top: 10px;
	margin-left: 9px;
	max-width: 302px;
}

#box_prenota_online .pic {
	float: left;
	margin-right: 5px;	
}

#box_prenota_online h4 {
	font-weight: bold;
	font-size: 11px;
	text-transform: none;
	line-height: 40px;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	margin-left: 45px;
}

#box_prenota_online h4 a {
	color: #6A6335;
	font-size: 11px;
}

#box_prenota_online li {
	height: 40px;
	overflow: hidden;
	padding-bottom: 6px;
}

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

.box_prenota_online_header {
	font-weight: bold;
    text-align: center;
    height:30px;
    background: url(../img/header_booking_on_line_main.gif) repeat-y;
    line-height:30px;
    color: white;
    font-size: 16px;
}

#box_prenota_online img {
	width: 40px;
	border: none;
}

.box_prenota_online_content {
    /*height:auto;*/
    background:#EDE8D4; 
    padding: 6px 6px 0 6px;
}


.box_prenota_online_footer {
    width:302px;
    height:30px;
    background:#BFB486 url(../img/footer_booking_on_line.gif) repeat-x;
    line-height:30px;
    text-align:center;
    padding:0;
    margin:0;
}
.box_prenota_online_footer a, .box_prenota_online_footer a:hover{color:white; font-weight:bold;text-decoration:none;}
.box_prenota_online_footer a:hover{color:white; font-weight:bold;text-decoration:none;}
#body{
    width:970px;
    position:relative;
    margin:55px 0 0px 0;
}

#bodydx_cx div.content{
    width:202px;
    text-align:center;
    margin:-10px 0 0 9px;
    /*background:red;*/
}

#highlights-header {
    /*width:420px;*/
   /* background:#003064;
    border-bottom:6px solid #EBEBEB; */
    /*margin:10px 0;*/
    padding:0 7px;
    margin: 0 15px 0 10px;
    background: #F2F2F2;
    /*display:none;temp*/
}

#highlights-header h1 {
	font-size:15px;
	padding: 0;
}
#highlights-header span.descr1 {
    /*font-family:arial,helvetica;*/
    font-size:15px;
    font-weight:bold;
    color:#C5211F;
    display: inline-block;
    height: 15px;
    line-height: 15px;
}
#highlights-header span.descr2 {
    /*font-family:georgia,times new roman,helvetica;*/
    border-left: 2px solid #58608F;
    font-size:15px;
    font-weight:bold;
    color:#58608F;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    padding-left: 10px;
    margin-left: 5px;
}
#highlights-header span.descr2 {

}
div.highlights, div.last-highlight {
    width:378px;
    border-bottom:1px solid #b8b8b8;
    padding:10px 0 10px 0;
    margin:0 0 0 17px;
}
div.last-highlight {
    border-bottom:0;
}
div.highlights p {
    font-family:arial,helvetica;
    font-size:12px;
    text-align:justify;
}
div.highlights p img {
    float:left;
    margin:0 10px 0 0;
}
div.highlights p span.pd{
    font-family:times new roman,arial;
    font-size:12px;
    font-weight:bold;
    color:#323232;
}
div.highlights p span.date{
    font-size:12px;
    font-weight:bold;
    color:#A53431;
}
div.highlights h2, div.highlights h2{
    color: #969696;
    font-family:times new roman,arial;
    font-size:24px;
    line-height:28px;
    text-decoration:none;
    margin-bottom:10px;
}
div.highlights h2, div.highlights h2 a {
    color: #848DB4;
    font-family:sans-serif;
    font-size:20px;
    line-height:28px;
    text-decoration:none;
}
div.highlights p img {
   /* width:120px;temp*/
}
div.highlights p.continua
{
	margin-top:6px;
}
div.highlights p.continua a{
	color:#AB1919;
}
#banner-cols {
    /*position:relative;
    display:block; */
    background:#fff;
    width:302px;
    height:auto !important;
    margin:0 0 10px 8px;
}


/*************************
 *** BOXES NEWS ***
 *************************/
  
div.news-block{
    width:202px;
    margin:0 0 9px 0;
    height:auto;
}
div.news-block div.news-block-header{
    font-weight: bold;
    text-align: center;
    height:30px;
    background-color: #7E94C5;
    line-height:30px;
    color: white;
    font-size: 16px;
}
div.news-block div.news-block-content{
    /*height:auto;*/
    height:170px;
    background:#f2f2f2; 
    position:relative;
}
div.news-block div.news-block-content ul{
    width:165px;
    margin:0;
    padding:6px 0 1px 16px;
    list-style-type: none;
    /*list-style-image: url(../img/arrowpoint3.gif);  
    border-bottom:2px solid #fff;*/
}
div.news-block div.news-block-content ul li{
    width:150px;
    margin:0 0 12px 0;
    padding:0 0 0 20px;
    font-size:11px;
    line-height:15px;
    vertical-align: top;    
    background:url(../img/arrowpoint3.gif) no-repeat 0 -2px;  
}
div.news-block div.news-block-content ul li span{
    font-size:11px;line-height:12px;
}
div.news-block div.news-block-content ul li a,
div.news-block div.news-block-content ul li a:hover{
    color:#666;
    font-size:11px;
    text-decoration:none;
}
div.news-block div.news-block-footer{
    width:202px;
    height:30px;
    background:#CCCCCC url(../img/mostra_tutto.gif) repeat-x;
    line-height:30px;
    text-align:center;
    padding:0;
    margin:0;
}
div.news-block-footer a, div.news-block-footer a:hover{color:white; font-weight:bold;text-decoration:none;}
div.news-block-footer a:hover{color:white; font-weight:bold;text-decoration:none;}

/* BOX PRENOTA ONLINE */

#box_prenota_online {
	margin-left: 0px;
}

.box_prenota_online_header {
    background: url(../img/header_booking_on_line.gif) repeat-y;
}

.box_prenota_online_footer {
    width:202px;
}

/*************************
 *** BOXES EVENTS ***
 *************************/
  
div.events-block{
    width:202px;
    margin:0 0 9px 0;
    height:auto;
}
div.events-block div.events-block-header{
    font-weight: bold;
    height:30px;
    background-color: #7E94C5;
    color: white;
    font-size: 16px;
    line-height:30px;
    text-align: center;
}
div.events-block div.events-block-content{
    height:170px;
    background:#f2f2f2;
}
div.events-block div.events-block-content ul{
    width:165px;
    margin:0;
    padding:6px 0 1px 16px;
    list-style-type: none;
    /*list-style-image: url(../img/arrowpoint3.gif);  
    border-bottom:2px solid #fff;*/
}
div.events-block div.events-block-content ul li{
    width:150px;
    margin:0 0 12px 0;
    font-size:11px;
    padding:0 0 0 20px;
    line-height:15px;
    vertical-align: top;    
    background:url(../img/arrowpoint3.gif) no-repeat 0 -2px;  
}
div.events-block div.events-block-content ul li span{
    font-size:11px;
}
div.events-block div.events-block-content ul li a,
div.events-block div.events-block-content ul li a:hover{
    color:#666;
    font-size:11px;
    text-decoration:none;
}
div.events-block div.events-block-footer{
    width:202px;
    height:30px;
    background:#CCCCCC url(../img/mostra_tutto.gif) repeat-x;
    line-height:30px;
    text-align:center;
    padding:0;
    margin:0;
}
div.events-block-footer a, div.events-block-footer a:hover{color:white;font-weight: bold;text-decoration:none;}
div.events-block-footer a:hover{color:white; font-weight:bold;text-decoration:none;}


/*************
 **** TAGS ***
 *************/
 
#tags {
    padding:20px 0;
}
#tags a{
    font-family:georgia,arial;
    color:#999;
    text-decoration:none;
    padding:0 5px 0 0;
}
#tags a.tag1{
    font-size:11px;
}
#tags a.tag2{
    font-size:15px;
}
#tags a.tag3{
    font-size:20px;
}
/* BOOKING */
#booking {
	margin: 10px 0 9px 0;
	padding: 0;
	width: 203px;
	height: 255px;
	position: relative;
}
#booking img {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	display: block;
}
#booking ul{
    margin:10px 0 0 0;
    padding: 30px 0 0 20px;
    position: absolute;
    top: 0;
    left: 0;
}
#booking ul li{
    margin:0px;
	list-style: none;
	background: url(../img/list-book.png) no-repeat left 6px;
	padding: 3px 0 3px 20px;
}
#booking ul li a{
	color: white;
	text-transform: uppercase;
	font-family:arial,helvetica;
	font-weight: bold;
	font-size: 10px;
}
/* METEO */
#meteo {
	width: 203px; height: 253px; 
	margin:15px 0 15px 0;
}
#meteo #ti_forecast a{font-size:9px;padding-left:3px;}
#meteo #forecast-spot #forecast td.img img {border-color:#d9e9e9;}
#meteo #forecast-spot #forecast tr th.colwth {width:50px;}
#meteo #forecast-spot #forecast tr th.coln,#meteo #forecast-spot #forecast tr th.colx {width:35px;}


#menu {
	position:absolute;
	top:188px;
	width:970px;
	height:50px;
	background-color: #E5E9F5;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 24px;
	width: 100%;
}

#menu ul ul {
	position: absolute;
	left: 0;
	top: 24px;
	width: 970px;
	height: 26px;
	visibility: hidden;
}

#menu .sfHover ul {
	visibility: visible;
}

#top-menu {
	background-color: #7E94C5;
}

#menu li {
	float: left;
	height: 24px;
	line-height: 24px;
}

#menu a.vm1 {
	background-image: none;
}

#menu li li {
	height: 26px;
	line-height: 26px;
}

#menu li a {
	display: block;
	float: left;
	height: 24px;
	color: #fff;
	padding: 0 12px;
	font-weight: bold;
	background-image: url(../img/menu_separ_bianco.gif);
	background-repeat: no-repeat;
}

#menu .sfHover, #menu .sfHover a, #menu li a:hover, #menu li:hover a {
	background-color: #E5E9F5;
	color: #58608F; 
}

#menu li li a {
	color: #58608F;
	font-weight: normal;
	font-style: italic;
	background-image: url(../img/menu_separ_blu.gif);
}

#menu li li.current span, #menu li li a:hover {
	color: #C5211F;
}

#menu .sf-sub-indicator {
	display: none;
}/*********************
 *** NEWS SCROLLER ***
 *********************/
 
.news_scroller { 
    width:202px;
    /*padding:5px;*/
    height:170px;
    overflow:hidden;
    position:absolute;
    /*background:red;*/
}
.news_item {
    display:block; 
    padding:0 0 10px 14px;
    /*background:url(/img/arrow_news.gif) no-repeat 4px 3px;*/
}
.news_item a{
    color:#666;
}
.news_item a:hover{
    color:#1A59A6;
} 

.events_scroller { 
    width:202px;
    /*padding:5px;*/
    height:170px;
    overflow:hidden;
    position:absolute;
    /*background:red;*/
}
.events_item {
    display:block; 
    padding:0 0 10px 14px;
    /*background:url(/img/arrow_news.gif) no-repeat 4px 3px;*/
}
.events_item a{
    color:#666;
}
.events_item a:hover{
    color:#1A59A6;
}