/* GLOBAL SETTINGS-------------------------------------------------------------------------------*/
 
* {margin:0;padding:0;}
html, body {border:0;margin:0;padding:0;}
body {font: small Trebuchet MS, helvetica, sans-serif; line-height: 1.2; color: #606060; background: #60584D url('default/body_bg.gif') top left repeat-x; position: relative;}


/* FORMATTAZIONE-------------------------------------------------------------------------------*/

a, a:visited  { color:#B87939; text-decoration: none;}
a:hover { text-decoration: underline; }
a:focus {outline:none}
a img { border: 0;}
img { border:0;}
ul { list-style:none; padding:0; margin: 0; }
.small {font-size: 0.9em; }
.strong { font-weight: bold; }
.italic { font-style: italic; }
hr.clear { clear: both; height:0; margin:0; border:none; visibility:hidden;}
div.clear { clear:left; }


/* DIV PRINCIPALI -------------------------------------------------------------------------------*/

#main { position: relative; width: 900px; padding: 0 24px 24px; margin: 0 auto; background: #5C5449 url('default/content-trasp.gif') top left no-repeat;   }
#header { width: 900px; height: 142px; background: transparent url('default/header_bg_2.gif') left bottom no-repeat; border-bottom: 1px solid #4B4845; }
#logo { padding: 3px 57px; }
#content { float:left; background: url('default/content_bg.gif') repeat-y top left; overflow: hidden; }
#content-home { width: 900px; height: 321px; /*background: url('default/home2.jpg') no-repeat top left; */padding:0; position: relative; }
#footer { clear: both; width:900px; height: 30px; background-color: #282013; border-top: 1px solid #4B4845; }


/* menu lingua -------------------------------------------------------------------------------*/

#language-menu {position: absolute; top: 12px; right: 24px; background:url('default/language_bg.gif') left center no-repeat #fff; width: 190px; height: 20px; padding:8px 0 0 12px;}
#language-menu:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}

#language-menu ul {margin:0;padding:0;}
#language-menu ul li {display:inline;float:left;width:28px;}
#language-menu ul li.small{width:100px;}

#language-menu ul li a{display:block;width:20px;height:11px;margin-top:2px;margin-left:5px; padding:0; }
#language-menu ul li a span{display:none;}

#language-menu ul li a:link#ita,#language-menu ul li a:visited#ita{background:url('default/it.png') no-repeat left top;}
#language-menu ul li a:hover#ita{background:url('default/it.png') no-repeat left bottom;}
#language-menu ul li a:link.active#ita,#language-menu ul li a:visited.active#ita{background-position: left bottom;}

#language-menu ul li a:link#fra,#language-menu ul li a:visited#fra{background:url('default/fr.png') no-repeat left top;}
#language-menu ul li a:hover#fra{background:url('default/fr.png') no-repeat left bottom;}
#language-menu ul li a:link.active#fra,#language-menu ul li a:visited.active#fra{background-position: left bottom;}

#language-menu ul li a:link#eng,#language-menu ul li a:visited#eng{background:url('default/gb.png') no-repeat left top;}
#language-menu ul li a:hover#eng{background:url('default/gb.png') no-repeat left bottom;}
#language-menu ul li a:link.active#eng,#language-menu ul li a:visited.active#eng{background-position: left bottom;}


/* menu principale -------------------------------------------------------------------------------*/

#nav { position: absolute; top: 107px; left: 24px;  clear:both; }
#nav ul { float: left; }
* html #nav{ margin-bottom: 1em;	/*IE only. Add 1em spacing between menu and rest of content*/ }
#nav ul li { display:inline; }
#nav ul li a { float:left; background:url('default/nav_bg.gif') no-repeat right top; text-decoration:none;  font-size:12px; }
div.it ul li a { margin-left:25px; }
div.fr ul li a { margin-left:23px; }
#nav ul li a.last { margin-right: 0; }
#nav ul li a span { display:block; background:url('default/nav_bg_left.gif') no-repeat left top; font-weight:bold; padding: 5px 8px; color: #B0B0B0; }
#nav ul li a:hover span, #nav ul li a.active span { color:#FDE79F; background:url('default/nav_bg_left_hover.gif') no-repeat left top; cursor: hand; }
#nav ul li a:hover, #nav ul li a.active { background:url('default/nav_bg_hover.gif') no-repeat right top; }


/* SUBMENU -------------------------------------------------------------------------------*/

div#submenu { float: left; width: 187px; display: inline; }
img#submenu-montagna { padding: 5px 0 0 5px; }

/* primo livello -------------------------------------------------------------------------------*/
div#submenu ul { padding: 20px 0 0 15px; margin-bottom: 20px;  }
div#submenu ul#montagna { padding: 0px 0 0 15px; }
div#submenu ul li { margin-bottom: 8px; }
div#submenu ul li a { width: 137px; height: 14px; display: block; background:url('default/submenu_1st.gif') no-repeat left top; text-decoration:none;  padding: 5px 8px; font-size:12px; font-weight:bold; color: #B0B0B0; }
div#submenu ul li a:hover, div#submenu ul li a.active { color:#FDE79F; background:url('default/submenu_1st_hover.gif') no-repeat left top; }
	
	/* secondo livello -------------------------------------------------------------------------------*/
	div#submenu ul li ul { padding: 8px 0 0 6px; margin-bottom: 15px; }
	div#submenu ul li ul li { margin-bottom: 5px; }
	div#submenu ul li ul a { width: 146px; height: auto; background:url('default/submenu_2nd_top.gif') no-repeat left top;  padding: 0; }
	div#submenu ul li ul a span { display: block; background:url('default/submenu_2nd_bottom.gif') no-repeat left bottom; padding: 4px 8px; }
	div#submenu ul li ul a:hover,	div#submenu ul li ul a.active	{ background:url('default/submenu_2nd_top_hover.gif') no-repeat left top; }
	div#submenu ul li ul a:hover span,	div#submenu ul li ul a.active span	{ background:url('default/submenu_2nd_bottom_hover.gif') no-repeat left bottom; }
	
		/* terzo livello -------------------------------------------------------------------------------*/
		div#submenu ul li ul li ul { list-style-image: url('default/dot.gif'); margin: 0 10px 10px 18px;}
		div#submenu ul li ul li ul a:link, div#submenu ul li ul li ul a:visited { background:none; display: inline; }
		div#submenu ul li ul li ul a:hover, 
		div#submenu ul li ul li ul a.active{ background:none; color: #FDE79F; }
		

/* HOMEPAGE -------------------------------------------------------------------------------*/

p#hp-montagna { position: absolute; top: 42px; left: 0;   }
#hp-montagna a { display: block; width: 322px; height: 236px;}
#hp-montagna a span { display: none; }
div#eventi-home { border: 1px solid #4B4845; border-width: 1px 0; background-color: #20180D; height:180px; }
div.lancio-home { position: relative; padding: 15px 30px 10px; width: 238px; height:155px; float: left; border-right: 1px dotted #746F68; }
div.lancio-home:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
div#last { border-right: none; }
.lancio-home div#hpevent { height: 135px; overflow: hidden; }
.lancio-home h2 { font-size: 12px; font-weight: bold; color: #B7A773; margin-bottom: 5px; }
.lancio-home p { color: #fff; font-size: 12px; }
.lancio-home a.lancio { position: absolute; right: 30px; bottom: 10px; text-indent:-3000px;  }
.lancio-home a#lancio-forte { width: 97px; height: 17px; background: url('default/lancio-forte.gif') no-repeat top left; } 
.lancio-home a#lancio-montagna { width: 161px; height: 17px; background: url('default/lancio-montagna.gif') no-repeat top left; } 
.lancio-home a#lancio-eventi { width: 97px; height: 17px; background: url('default/lancio-eventi.gif') no-repeat top left; } 

div#sponsor { width:880px; background-color: black; padding: 10px 0px 10px 20px; height: 100px;}
div#sponsor h3 { font-size: 12px; color: #fff; line-height: 2em; }
div#sponsor-1, div#sponsor-2, div#sponsor-3 { float: left; }
div#sponsor p#artea { float: left; padding: 32px 8px 0;}
div#sponsor p#artea  a { width: 40px; height: 47px; background: url('default/logoArtea.gif') no-repeat top left; display:block; text-indent: -3000px;}
div#sponsor p#santAnna { float: left; padding: 12px 0 0 11px; width: 68px; height: 54px; background: url('default/sponsor3_bg.gif') no-repeat top left;}
div#sponsor p#santAnna  a { width: 47px; height: 42px; background: url('default/logoSantAnna.gif') no-repeat top left; display:block; text-indent: -3000px;}
div#sponsor-1 ul { width:470px; height: 68px; background: url('default/sponsor_1_bg.gif') no-repeat top left; }
div#sponsor-2 ul { float: left; width:248px; height: 68px; background: url('default/sponsor2_bg.gif') no-repeat top left; padding-right:16px }
/*div#sponsor-3 p { width:54px; height: 60px; background: url('default/sponsor3_bg.gif') no-repeat top left; }*/
div#sponsor ul li { float: left; }
div#sponsor ul li a { display: block; }
div#sponsor ul li a span { display: none; }
div#sponsor ul li#sponsor-EU { padding: 17px 10px 0 12px;}
div#sponsor ul li#sponsor-EU a { width: 46px; height: 31px; background: url('default/logoEU.gif') no-repeat top left; }
div#sponsor ul li#sponsor-sentinellesAlpes { padding: 8px 2px 0 2px;}
div#sponsor ul li#sponsor-sentinellesAlpes a { width: 34px; height: 52px; background: url('default/logoSentinellesAlpes.gif') no-repeat top left; }
div#sponsor ul li#sponsor-Alcotra {padding: 18px 2px 0 2px;}
div#sponsor ul li#sponsor-Alcotra a { width: 72px; height: 29px; background: url('default/logo-Alcotra.gif') no-repeat top left; }
div#sponsor ul li#sponsor-PaysdEau {padding: 18px 2px 0 2px;}
div#sponsor ul li#sponsor-PaysdEau a { width: 72px; height: 29px; background: url('default/logo-PaysdEau.gif') no-repeat top left; }
div#sponsor ul li#sponsor-piemonte { padding: 20px 2px 0 4px;}
div#sponsor ul li#sponsor-piemonte a { width: 79px; height: 25px; background: url('default/logoRegionePiemonte.gif') no-repeat top left; }
div#sponsor ul li#sponsor-vinadio { padding: 10px 2px 0;}
div#sponsor ul li#sponsor-vinadio a { width: 44px; height:44px; background: url('default/logo-Vinadio.gif') no-repeat top left; }
div#sponsor ul li#sponsor-marcovaldo { padding: 6px 4px 0;}
div#sponsor ul li#sponsor-marcovaldo a { width: 58px; height: 56px; background: url('default/logoMarcovaldo.gif') no-repeat top left; }

div#sponsor ul li#sponsor-compSanPaolo { padding: 20px 4px 0 16px;}
div#sponsor ul li#sponsor-compSanPaolo a { width: 103px; height: 27px; background: url('default/logoCompSanPaolo.gif') no-repeat top left; }
div#sponsor ul li#sponsor-crc { padding: 22px 0px 0 10px;}
div#sponsor ul li#sponsor-crc a { width: 111px; height: 22px; background: url('default/logoCRC.gif') no-repeat top left; }


/* PAGINA EVENTI -------------------------------------------------------------------------------*/

#content-eventi, #content-forte { float:left; padding-bottom:30px; width: 713px; background: #fff url('default/main_bg_blur.gif') top right no-repeat; min-height: 400px; height: auto !important; height: 400px;  }

#content-eventi h1, #content-forte h1, #content-museo h1 { color: #B87939; font-size:18px; padding: 25px 25px 0;  }
#content-eventi h1 span { color: #B87939; padding-left: 0; }
hr.content { padding: 8px 0; color: #fff; background-color: transparent; border: 1px dotted #B5B2AD; border-style: none none dotted; }

div.evento { margin-top: 15px; background: transparent url('default/dot.gif') 25px 6px no-repeat; }
div.evento span.data { padding-left: 40px; color: #000; }
div.evento span.sottotitolo { padding-left: 40px; font-style: italic }
div.evento h2 { padding-left: 40px; color: #855122; font-size: small; font-weight: bold; text-transform: uppercase }
div.evento h2 a:link, div.evento h2 a:visited  { color: #855122; }
div.evento p { padding: 0 40px; margin: 8px 0; }

a.back{ width: 108px; height: 17px; display: block; margin: 30px 0 20px 575px; background: url('default/eventi_back.gif') no-repeat top left;  }
a.back span{ display: none; }


/* PAGINA FORTE -------------------------------------------------------------------------------*/

#content-forte h1, #content-museo h1 { margin-bottom: 5px; }
#content-forte p, #content-museo p { padding:8px 40px 0 25px; line-height: 1.3em; }
span.aperture { color: #A0723B; }
span.orari { display: block; text-indent: 8px; font-weight: normal; font-size: 11px; }
p.date { color: #000; font-weight: bold; }
#content-forte ul { margin-left: 25px; }


/* SEZIONE MONTAGNA IN MOVIMENTO -------------------------------------------------------------------------------*/

#content-museo, #content-video { background: #fff; float:left; width: 713px; display: inline; }
#content-museo h1 { padding-top: 10px; }
.museo-heading { width: 706px; margin-bottom:3px; background: #efefef; border-left: 7px solid #c6c6c6;  }
.museo-heading a { text-align: right; height: 28px; display: block; text-indent: -3000px; }
.museo-heading a:hover { cursor:pointer; }
.museo-heading a span { display:none; }
/*.museo-heading a#mappa { background: url('default/museo_mappa.gif') center right no-repeat;  }
.museo-heading a#mappa.active { background: url('default/museo_mappa_active.gif') center right no-repeat;  }*/
.museo-heading.it a#mappa { background: url('default/museo_mappa.gif') center right no-repeat;  }
.museo-heading.it a#mappa.active { background: url('default/museo_mappa_active.gif') center right no-repeat;  }
.museo-heading.fr a#mappa { background: url('default/museo_mappa_fr.gif') center right no-repeat;  }
.museo-heading.fr a#mappa.active { background: url('default/museo_mappa_fr_active.gif') center right no-repeat;  }
.museo-heading.it a#racconto { background: url('default/museo_racconto.gif') center right no-repeat;  }
.museo-heading.it a#racconto.active { background: url('default/museo_racconto_active.gif') center right no-repeat;  }
.museo-heading.fr a#racconto { background: url('default/museo_racconto_fr.gif') center right no-repeat;  }
.museo-heading.fr a#racconto.active { background: url('default/museo_racconto_fr_active.gif') center right no-repeat;  }
.museo-heading.it a#gallery.disabled { background: url('default/museo_gallery_disabled.gif') center right no-repeat;}
.museo-heading.fr a#gallery.disabled { background: url('default/museo_gallery_fr_disabled.gif') center right no-repeat;}
.museo-heading.it a#gallery { background: url('default/museo_foto.gif') center right no-repeat;}
.museo-heading.it a#gallery.active { background: url('default/museo_foto_active.gif') center right no-repeat;}
.museo-heading.fr a#gallery { background: url('default/museo_foto_fr.gif') center right no-repeat;}
.museo-heading.fr a#gallery.active { background: url('default/museo_foto_fr_active.gif') center right no-repeat;}

.museo-heading p { float: left; padding: 8px 14px; color: #c6c6c6; font-size: x-small; }
.element { padding: 20px 0; }
.element p { margin-bottom: 20px;}
img.museo-image {display:block;}

.staticContents { padding: 10px 0 30px 0; min-height: 380px; height: auto !important; height: 380px; }
.staticContents h2 { font-size: small; padding-left: 25px; margin: 15px 0 10px 0; }
.staticContents ul { padding: 0 25px 0 45px; list-style: disc outside; }
.staticContents table { margin: 20px 25px; width: 648px; }

.staticContents table td { vertical-align: top; padding-bottom: 15px; padding-right:15px; }
.staticContents span { display: block; margin: 0 0 10px 0; padding:0; }
.staticContents img { padding: 2px; border: 1px solid #e6e6e6; }


/* GALLERY -------------------------------------------------------------------------------*/

#nav-gallery{position:relative;width:453px;height:30px;margin:0 auto;padding:0 0 15px 0px;}
#nav-gallery p.sx{position:absolute;left:0px;top:0;margin:0;padding:0;}
#nav-gallery p.dx{position:absolute;right:0;top:0;margin:0;padding:0;}
#nav-gallery p.counter-pic{position:absolute;left:205px;top:0;margin:0;padding:0;}
#nav-gallery p.counter-pic #current-pic{margin-right:4px;}

/* FOOTER  -------------------------------------------------------------------------------*/

#footer ul { float:right; padding:6px 20px; }
#footer ul li { float: left; padding-left: 15px;}
#footer ul li a:link, #footer ul li a:visited { color:#fff; text-decoration: none; font-size: 12px;}


/* PAGINA IN COSTRUZIONE  -------------------------------------------------------------------------------*/

#submenu span.wip { visibility: hidden; }