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

html,body
{
	height:100%;
	margin:0px;
	padding:0px;
	font-size: 12px;
	color:#494949;
	font-family:Arial,Helvetica,sans-serif;
}

body
{
	background:url(/html/Templates/Template10/Images/bgPage.jpg) no-repeat fixed top;
}

#Box
{
	margin:0 auto;
	width:930px;
}

#TopContent
{
	margin-top:195px;
	position:absolute;
	height:265px;
	width:930px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

#BoxSlider
{
	padding:1px;
	width:600px;
}

#Slider
{
	padding:4px;
}

.SlideHome
{
	display:block;	
	background-color:#FFF;
	font-style:italic;
	width:300px;
	height:300px;
}

.SlideImage
{
	display:block;
	width:200px;
	float:right;
}

.SlideTxt 
{
	width:370px;
	float:left;
	line-height:18px;
}

.SlideHome a, .SlideHome a:visited
{
	text-align:right;
	display:block;
	background-color:#EEE;
	width:370px;
	font-style:normal;
	text-decoration:none;
	font-weight:bold;
}

#BoxSlider h3
{	
	color:#069;
	margin:0px;
	padding:2px;
	height:16px;
	background-color:#EEE;
}

#TopIntro
{
	padding:4px;
}

#TopSections
{
	float:right;
	width:300px;
	height:230px;
	padding:5px;
	margin-top:10px;
	margin-right:1px;
	background-image:url(Images/btTopTxt.jpg);
	background-repeat:no-repeat;
}

#TopSections ul
{
	margin:4px;
	padding:4px;
}

#TopSections li
{
	padding:2px;
	list-style:none;
}

#TopSections a
{
	text-decoration:none;
	font-size:12px;
}

#MainContent
{
	width:930px;
	position:absolute;	
}

#Content
{
	width:730px;	
	float:right;
	padding:4px;
	line-height:18px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

#Content li
{
	padding: 4px;
	list-style:none;
}

#LeftColumn
{
	width:180px;
	background-color:#FFFFFF;
	float:left;
}

#LeftColumnNoMenu
{
	width:175;
	background-color:#FFFFFF;
	float:left;
}

#LeftBanner
{
	width:125px;
	margin-left:172px;
	margin-top:0px;
}


#Header
{
	margin-top:3px;	
	width:930px;
	height:185px;
	position:absolute;	
}

#TopBar
{
	height:30px;
}

#Logo
{
	height:132px;
}

#TopMenu
{
	height:30px;
	background-color:#F3F3F3;
	margin-right:1px;
	margin-lef:1px;
}

#Footer
{
	height:50px;
	clear:both;
}

#Footer a
{
	text-decoration:none;
	font-size:10px;
	color:#000000;	
}

#GreenDev
{
	width:100%;
	padding-top:200px;
	padding:4px;
	color:#CCC;
	text-align:right;
	background-color:#F8F8F8;
}

#SearchBox
{
	background-color:#EAEAEA;
	/*background-color:#F58E0D;*/
	width:100%;
	filter:alpha(opacity=70);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#SearchBox {
	top:0px;
	position:fixed;
	right:0;
	width:100%;
	z-index:99;
}

#SearchForm
{
	width:920px;
	margin:auto;
	text-align:right;
	height:25px;
	padding:4px;
	z-index:100;
}

#NewsList
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E6E6E6;
	margin-bottom:10px;
}

a, a:visited
{
	text-decoration:underline;
	color:#930;
}


.Itinerario
{
	width:260px;
	font-style:italic;
	display:block;
	background-color:#F5F5F5;
}

.Itinerario p
{
	padding:4px;
}

/*FORM */
.FieldContainer
{
	/*border:thin solid #B6DDAE;*/
	margin-bottom:8px;
	margin-top:5px;
	padding:5px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}
.FieldName,.FieldNameMandatory,.FieldNameError
{
	/*display:block;*/		
	height:20px;
	padding-top:9px;
	margin-bottom:4px;
}

.FieldNameMandatory
{
	font-weight:bold;
	color: #005E8A;	
}

.FieldName
{
	/*background-color:#B6DDAE;*/
}

.FieldNameError
{
	/*background-color:#FF8000;*/
}

.FieldError
{
	color:#990000;
	font-weight:bold;
}

.Field
{
	padding:5px;
}

img-shadow 
{
  float:left;
  background: url(/html/Images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/html/Images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
 /* margin: -6px 6px 6px -6px;*/
  padding: 4px;
} 


#BoxImmaginiSquare img
{
	border: thin solid #666;	
}

/* HTML */

/*ul
{
	margin:0;
	padding:0;
}*/

/*li
{
	list-style:none;
	padding:4px;
}*/

.MenTitle
{
	text-align:center;
	font-weight:bold;
}

#BreadCrumb
{
	text-align:left;
	background-color:#FCFCFC;
	padding:4px;
}

h1, h2
{
	height:20px;
	line-height:20px;
	font-size:14px;
	font-weight:bold;
	color:#666;
	padding-left:17px;
	font-family:'Lucida Grande', Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-color: #EFEFEF;
	clear:left;
}

h3
{
	height:20px;
	background:url(/html/Templates/Template/Images/fe/sf_tit_articoli.gif) no-repeat;
	line-height:20px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:left;
	padding-left:17px;
	font-family:'Lucida Grande', Arial, Helvetica, sans-serif;
	clear:right;
}

h2 a
{
	text-decoration:none;
	color:#FFFFFF;}



/* Commenti */


div#BoxCommento
{
	border-left-width:medium;
	border-left-style: solid;
	border-left-color: #FF6600;
    border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
	padding:7px;
	margin-bottom: 7px;
}

div#commento {
	border-left-width:medium;
	border-left-style: solid;
	border-left-color: #FF6600;
    border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
	padding:7px;
	margin-bottom: 7px;
}

div#commento img
{
	float: left;
	border:0;
}

/* COMMENTI */

#Commenti
{
	
}

.LasciaCommento
{
	text-align:center;
	font-weight:bold;
}

.Commento
{	
	padding:4px;
	background-color:#DFEEF2;
	display:block;
	margin-top:5px;
}

.Autore
{
	font-size:10px;
	display:block;	
}

.Counter
{
	width:15px;
	height:15px;
	background-color:#900;
	display:block;
	text-align:center;
	color:#FFF;
	float:left;
	margin-right:4px;
}

.CommentoText
{
	font-style:italic;
	text-align:left;
 	margin-top:0px;
	padding:4px;
}

.RispCommento
{
	text-align:center;
	font-weight:bold;
	color:#666;
	font-style:italic;
}

.ImageTitle
{
	font-weight:bold;
	font-size:12px;
}

.ImageDescription
{
	font-style:italic;
}

 
 /* TAG */
 
#TagList li
{
	padding:4px;
}
 
#TagPageList li
{
	list-style:none;
	display:block;	
	text-align:left;
	padding:2px;
}

#TagImageList li
{
	list-style:none;
	display:block;	
	text-align:left;
	padding:2px;
}

/* GMAP */

.hotelMap a img
{
	border:0;
	clear:left;
}

/* EVENTI */

#Events li
{
	list-style:none;
	padding:8px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;	
}

/* LINK */

#LinkCategory
{
	margin: 5px;
	padding: 5px;
	width: 95%;
	border: thin dotted #CCC;	
}

#LinkCategories li
{
	list-style:none;
	display:inline;
	padding:2px;
}

#LinkList ul
{
}

#LinkList li
{
	list-style:none;
	padding:8px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;	
}

/* SENTIERI DEL CARSO */

.numcai {
	font-weight: bold;
	color: #FFF;
	background-color: #900;
	display:block;
	width:20px;
	text-align:center;
	float:left;
	margin-right:4px;
}

.nonum {	
	display:block;
	width:20px;
	float:left;
	margin-right:4px;
}

.SentieriCarso li
{
	list-style:none;
	display:block;
	padding:4px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.FB
{
	display:block;
	
	padding:4px;
	text-align:right;
	font-size: 12px;
	height:14px;
	font-style: italic;
	color: #999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DBDBDB;
}

/* MENU SINISTRO */

#LeftMenu
{
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*width:300px;*/
}

#LeftMenu li a,#LeftMenu li a:visited
{
	text-decoration:none;
	color:#666;
}


#LeftMenu li:hover
{
	color:#FFF;
	background-color:#EEE;
}


#LeftMenu li {
background:url("/html/Images/arrow.gif") no-repeat scroll 10px 11px transparent;
border-bottom:1px dashed #CCCCCC;
display:block;
list-style:none outside none;
margin-left:-35px;
padding:8px 0 6px 25px;
}

#LeftMenu .CurrentPage a {
color:#333333;
}
#LeftMenu .CurrentPage {
background-color:#FFFFCC;
}

.MenuGroup
{
	background-color:#407FC4;
	margin-bottom:2px;
	color:#FFF;
	display:block;
	padding:3px;
	padding-left:7px;
}

.MenuGroup:hover
{
	background-color:#CCC;
}

.MenuGroup a
{
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}


/* CALENDARIO */

#Calendar
{
	margin-top:20px;
	background-color:#F9F9F9;
}

#Calendar  h2{
	text-align:center;
	display:block;
	font-size:12px;
	width:154px;
}

.Add
{
	text-align:center;
	display:block;	
}

.Add a:active
{
	color:#900;
}

.Add a:visited
{
	color:#900;
}

.mainTable {
	background-color: #E1E1E1;
	border: 1px solid #999999;
	width: 175px;
}
.monthRow {
	background-image: url("images/monthBg.gif");
	background-color: #D8E2EC;
	text-align: center;
	vertical-align: middle;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: Bold;
	color: #252216;
	height: 25px;
}
.monthRow a:link, .monthRow a:visited {
	text-decoration: none;
	color: #252216;
}
.monthRow a:hover {
	text-decoration: underline;
	color: #FF0000;
}
.dayNamesText {
	background-image: url("images/dayBg.gif");
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: Bold;
	color: #333333;
	height: 15px;
	width: 25px;
}
.rows {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #433D27;
	line-height: 15pt;
	text-align: center;
	vertical-align: middle;
}
.sOther {
	background-color: #EEEEEE;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #BBBBBB;
}
.popupDate {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #336699;
	padding: 4px;
	border: 1px solid #EAEAEA;
	border-bottom: 0px solid #EAEAEA;
}
.popupDate2 {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	background-color: #336699;
	padding: 4px;
}
.popupClose {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
	background-color: #336699;
}
.popupEventTitle {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	padding: 4px;
	vertical-align: middle;
	border: 1px solid #EAEAEA;
	border-bottom: 0px solid #EAEAEA;
}
.s23 {
	background-color: #CCFF00;
	padding: 4px;
}
.categoryDiv {
	background-color: #FCF5EF;
	padding: 4px;
	border: 1px solid #EAEAEA;
	border-bottom: 0px solid #EAEAEA;
}
.categoryName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
}
.categorySelection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #777777;
}
.popupEventDescription {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #EAEAEA;
	padding: 4px;
}

/* tipografia, colori e regole per voci di primo livello, titoli e link */

/* MENU SUPERIORE */

#TopMenu a
{
	font-weight:bold;
	text-decoration:none;
	color:#000;
	font-size:12px;
}


ul#nav,ul#nav li,ul#nav ul{margin:0;padding:0;list-style:none}
ul#nav{width:850px;margin: 0 auto;height:26px;
    background: #5898F2 url(menubk.png) repeat-x;
    font: 70%/1.5 Verdena,Tahoma,sans-serif}
ul#nav a{display:block;text-decoration:none}
ul#nav h2{font-size:110%;margin:0}
ul#nav h2 a{line-height:25px;padding: 0 15px;color:#FFF}
ul#nav>li:hover,ul#nav h2 a:hover{background: #5092F2}
#TopMenu ul#nav h3{font-size:100%;margin:0}
#TopMenu ul#nav h3 a{color: #666}
#TopMenu ul#nav h3 a:hover{text-decoration:underline}
ul#nav li{float: left;position: relative}
ul#nav li li{float: none;display: block !important;display: inline; /*IE6*/}


/*dichiarazioni chiave per i sottomenu e l'effetto a comparsa
NB: classe open è necessaria per JQuery*/

ul#nav div.mega{position: absolute;top: -9999px;left: -1px;
    width: 20em;padding: 0.7em;border: 1px solid #5898F2;
    background: #FFF;overflow:hidden;line-height:1.5}
ul#nav li:hover div.mega,ul#nav li div.mega.open{top: 25px;z-index: 100}

/*tipologie di sottomenu:
small: colonna singola
mega: 2 colonne  - default
wide: 3 colonne
ultra: 4 colonne
alt: allineato sul lato destro */

ul#nav div.mega div{float:left;width:49%}
ul#nav div.mega.small{width:12em}
ul#nav div.mega.small div{float:left;width:99.9%}
ul#nav div.mega.wide{width:28em}
ul#nav div.mega.wide div{float:left;width:33%}
ul#nav div.mega.ultra{width:36em}
ul#nav div.mega.ultra div{float:left;width:24.9%}
ul#nav div.mega.alt{left:auto;right:-1px}

/*regole aggiuntive per i link dei sottomenu*/

ul#nav div.mega li a{padding:0 7px;color: #267BEE;
  background: #FFF url(bullet.png) no-repeat left center;}
ul#nav div.mega li a:hover{color: #0B4295;text-decoration:underline}


/* Tema per il calendario */

/* Distributed as part of The Coolest DHTML Calendar
   Author: Mihai Bazon, www.bazon.net/mishoo
   Copyright Dynarch.com 2005, www.dynarch.com
*/

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #bdb2bf;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: url("normal-bg.gif");
  font-family: "trebuchet ms",verdana,tahoma,sans-serif;
}

.calendar {
  border-color: #797979;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  background: url("title-bg.gif") repeat-x 0 100%; color: #000;
  font-weight: bold;
}

.calendar .nav {
  font-family: verdana,tahoma,sans-serif;
}

.calendar .nav div {
  background: transparent url("menuarrow.gif") no-repeat 100% 100%;
}

.calendar thead tr { background: url("title-bg.gif") repeat-x 0 100%; color: #000; }

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  padding: 2px;
  background: url("title-bg.gif") repeat-x 0 100%; color: #000;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #797979;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #c44;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: url("hover-bg.gif");
  border-bottom: 1px solid #797979;
  padding: 2px 2px 1px 2px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background: url("active-bg.gif"); color: #fff;
  padding: 3px 1px 0px 3px;
  border-bottom: 1px solid #797979;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: url("dark-bg.gif");
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  font-family: verdana,tahoma,sans-serif;
  width: 2em;
  color: #000;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #999;
}
.calendar tbody .day.othermonth.oweekend {
  color: #f99;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #797979;
  background: url("dark-bg.gif");
}

.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {
  background: url("rowhover-bg.gif");
}

.calendar tbody td.today { font-weight: bold; /* background: url("today-bg.gif") no-repeat 70% 50%; */ }

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: url("hover-bg.gif");
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #c44;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid #797979;
  padding: 1px 3px 1px 1px;
  background: url("active-bg.gif"); color: #fff;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #565;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 2px;
  background: url("status-bg.gif") repeat-x 0 0; color: #000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #afa;
  border: 1px solid #084;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #7c7;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #797979;
  background: url("normal-bg.gif"); color: #000;
  z-index: 100;
  font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: url("hover-bg.gif"); color: #000;
}

.calendar .combo .active {
  background: url("active-bg.gif"); color: #fff;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #797979;
  padding: 1px 0px;
  text-align: center;
  background: url("dark-bg.gif");
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 5px 0px 6px;
  font-weight: bold;
  background: url("normal-bg.gif"); color: #000;
}

.calendar td.time .hour,
.calendar td.time .minute {
  font-family: monospace;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  background: url("hover-bg.gif"); color: #000;
}

.calendar td.time span.active {
  background: url("active-bg.gif"); color: #fff;
}

#AdsRacconto {
float:left;
padding:4px;
width:300px;
min-height:250px;
}

#PageComments
{
	margin-top:40px;
	background-color:#CCC;
	padding:8px;
}