html,body{margin:0px;
          padding:0px;
          height:100%;}

body{font-family:verdana,tahoma,arial,sans-serif;
     font-size:11px;
     font-weight:100;
     color:#fff;
     line-height:1.2;
     text-align:center;
     background-color:#fff;
     background:url(immagini/layout/layout.sfondo3.jpg) no-repeat;}

h1,h2{margin:0px;font-weight:700;}
h3,h4,h5{margin:0px;font-weight:100;}

p{margin-top:8px;
  margin-bottom:8px;}
h2{font-size:14px;}
h3,h4{font-size:11px;}
h2{color:#FF0000;}
h3{color:#FFCC66;}
h4{color:#FFFFFF;
   text-align:justify;}
h5{font-family:tahoma;
   font-size:9px;
   color:#FFCC66;}

a{color:#FF9900;
  text-decoration:none;}
a:hover{color:#FF0000;
        text-decoration:underline;}
a#activelink{color:#FFCC66;
             text-decoration:none;}
ul{margin:0px 0px 0px 15px;}
hr{background-color:#666; /* Netscape 6/7, Mozilla */
   color:#666; /* IE */
   border:#666; /* Opera */
   height:1px;}
img{border:0px;}

/*CLASSI*/

/*colori*/
.bianco{color:#FFFFFF;}
.giallo{color:#FFCC66;}
.grigiochiaro{color:#c4c4c4;}
.grigio{color:#666666;}
.rosso{color:#FF0000;}
.arancione{color:#FF9900;}
.verde{color:#66FF99;}
.azzurro{color:#80FFFF;}
.rosa{color:#FF99CC;}
.blu{color:#517CFF;}

/*stile testo*/
.right{text-align:right;}
.center{text-align:center;}
.left{text-align:left;}
.corsivo{font-style:italic;}
.grassetto{font-weight:bold;}

/*liste*/
ul.noliststyletype li{ /* These styles will be applied to all browsers */
                    list-style-type:none; margin-left:-10px;}
                    *:lang(it) ul.noliststyletype li{ /* These styles will be applied to all browsers except for IE and Safari */
                    margin-left:-50px !important;}
                    ul.noliststyletype li:empty{ /* These styles will be applied to Safari */
                    margin-left:-50px !important;}
ul.liststyletype li{ /* These styles will be applied to all browsers */
                    margin-left:0px;}
                    *:lang(it) ul.liststyletype li{ /* These styles will be applied to all browsers except for IE and Safari */
                    margin-left:-40px !important;}
                    ul.liststyletype li:empty{ /* These styles will be applied to Safari */
                    margin-left:-40px !important;}
/*altezze - varie*/
span.height40{position:relative;
              display:block;
              height:40px;}
div.height110{position:relative;
               display:block;
               height:110px;}
div.news{float:left;
         width:58px;
         height:48px;
         padding-top:10px;}
.height54{margin-top:0px;
          margin-bottom:0px !important;
          margin-bottom:-2px;
          height:54px !important;
          height:;}
          
/*bordi e margini*/
.nodisplay{display:none;}
.marginleft10{margin-left:10px;}
.margintop4{margin-top:4px;}
.margintop6{margin-top:6px;}
.margintop8{margin-top:6px;}
.marginbottom8{margin-bottom:8px;}
.margintop10{margin-top:10px;}
.marginleft10{margin-right:10px;}
.marginright10{margin-right:10px;}
.margintop14{margin-top:14px;}
.marginbottom14{margin-bottom:14px;}
.marginleft20{margin-left:20px;}
.marginmodulo{margin:14px 0px 4px 0px;}
.margin2{margin:2px;}
.margin4{margin:4px;}
.margin1img{margin-left:107px;}
.margin2img{margin-left:36px;}
.nomargin{margin-top:0px;
          margin-bottom:0px;}
.noborder{border:0px;}
.floatleft{float:left;}
.floatright{float:right;}
.clearleft{clear:left;}
.clearright{clear:right;}
.clearboth{clear:both;}
.block{display:block;}
.relative{position:relative;}
.border1{border:1px solid #666;}

/*stampa*/
.noprint{display:visible;}
.print{display:none;}
.wa{display:none;}

/*tabelle*/
table.tabellaskipass{table-layout:fixed;
                     background:none;
                     width:100%;
                     border-collapse:collapse;
                     border-spacing:0px;
                     padding:0px;}
table.tabellaskipass td{border: 1px solid #999;
                        text-align:center;
                        font-size:11px;}

table.tabellacoppademonio{table-layout:fixed;
                          background:;
                          border-collapse:collapse;
                          border-spacing:0px;
                          padding:0px;}
table.tabellacoppademonio td{border: 1px solid #999;}
table.tabellacoppademonio td.noborder{border: 1px none #999;}

/*colonne*/
.colonnaA{width:10px;border:1px solid #FF0000}
.colonnaB{width:20%;}
.colonnaC{width:15%;}
.colonnaD{width:15%;}
.colonnaE{width:50px;}
.colonnaF{width:60px;}
.colonnaG{width:76px;}
.colonnaH{width:30%;}
.colonnaI{width:35%;}
.colonnaJ{width:33.3%;}
.colonnaK{width:136px !important; width:134px;}
.colonnaL{width:150px;}
.colonnaM{width:100% !important;}
.colonnaN{width:242px;}
.colonnaO{width:244px !important;width:246px;}
.colonnaP{width:271px !important; width /**/:266px;}
.colonnaQ{width:319px;}
.colonnaR{width:15%;}
.colonnaS{width:54px;}
.colonnaT{width:100px;}
/*moduli*/
.sfondomodulo{background:url(immagini/layout/layout.sfondo100-1x1.gif);}
.sfondomodulo2{background:url(immagini/layout/layout.sfondo100-1x1.gif);text-align:center;}
.pulsanti{font-size:8pt;
          font-family:arial;
          margin-top:8px !important;
          margin-top:8px;
          margin-bottom:8px !important;
          margin-bottom:0px}

/*immagini*/
img.news{display:block;
         float:left;
         border:1px solid #666;}
img.news2{display:block;
         float:right;
         border:1px solid #666;}
img.block{display:block;}
img.floatleft{float:left;}
img.floatright{float:right;}
img.marginright{margin:0px 10px 0px 0px;}
img.marginleft{margin:0px 0px 0px 10px;}
img.border1{border:1px solid #666;}
img.center{margin: 0 auto;}

/*
STRUTTURA PAGINA
*/
/*
CONTENITORE
*/
div#contenitore{width:800px;
                margin:0 auto;
                padding:0px;}
/*
AGGIORNAMENTO
*/
div#aggiornamento{position:absolute;
                  z-index:1;
                  width:800px;
                  float:right;
                  margin-top:0px;}
div#accessibile{position:absolute;
                  z-index:2;
                  width:800px;
                  float:left;
                  margin-top:0px;}
/*
TESTATA (LOGO)
*/
div#testata{height:170px;
            margin:0px 0px 0px 0px !important;
            margin-bottom:-2px;
            text-align:left;}
/*
SFONDO COLONNE
*/
div#sfondo_contenuto{height:100%;
                     background:url(immagini/layout/layout.sfondo-grigioscuro.png);}
/*
NAVIGAZIONE
*/
div#navigazione{width:160px;
                float:left;
                margin:0px;
                padding:0px;
                text-align:left;}
div#navigazione ul{margin:0px;
                   padding:0px;
                   list-style-type:none;}
div#navigazione li{margin:0px;
                   padding:0px;}
div#navigazione_flash{ /* These styles will be applied to all browsers */
		              z-index:2;
                      margin-top:-700px;}
                      *:lang(it) div#navigazione_flash{ /* These styles will be applied to all browsers except for IE and Safari */
                      margin-top:-702px !important;}
                      div#navigazione_flash:empty{ /* These styles will be applied to Safari */
                      margin-top:-702px !important;}
div#navigazione_flash.error{display:none;}
div#navigazione_maschera_flash{z-index:1;}
div#piede-sxIe{height:50px;
               background:none;
               display:none !important;
               display:block;}
div#piede-sxFire{height:50px;
                 background:none;
                 display:block !important;
                 display:none;}

/*
COLONNA CENTRALE (CONTENUTI PRINCIPALI)
*/
div#colonna_centrale{float:left;
                     width:321px !important;
                     width:321px;
                     width /**/:341px;
                     height:100%;
                     padding:8px 10px 0px 10px;}
div#colonna_centrale_mappa{width:321px;
                           height:100%;
                           padding:8px 10px 0px 10px;
                           margin-left:-130px;}
                           *:lang(it) div#colonna_centrale_mappa{ /* These styles will be applied to all browsers except for IE and Safari */
                           margin-left:160px !important;}
                           div#colonna_centrale_mappa:empty{ /* These styles will be applied to Safari */
                           margin-left:160px !important;}
div#colonna_centrale ul{padding:0px 0px 0px 5px;
                        list-style-type:disc;}
div#news1{background:url(immagini/layout/layout.sfondo-arancione-1x1.png)!important; background:url(immagini/layout/layout.sfondo100-1x1.gif);}

.sub2colonna{width:160px;}
.sub2e1colonna{width:216px !important; width:218px;}
.sub3colonna{width:107px;
             height:80px !important;
             height:px;}
.sub4colonna{width:107px;}
.subA{width:102px;}
.subB{width:42px;}
.subC{width:88px;}
.subD{width:80px;}
.subE{width:196px;}

/*
COLONNA DESTRA (SUB CONTENUTI)
*/
div#colonna_dx{float:left;
               width:298px !important;
               width:296px;
               width /**/:288px;
               height:100%;
               margin:0px;}
/*
COLONNA DX SUP
*/
div#colonna_dx_sup1{margin-top:8px;}
div#colonna_dx_sup2{margin-top:8px;}
div#colonna_dx_sup1_riquadro{padding:10px;
                             margin:6px 10px 0px 10px;
                             background:url(immagini/layout/layout.sfondo-grigioscuro-1x1.png)!important;
                             background:url(immagini/layout/layout.sfondo100-1x1.gif);}
div#colonna_dx_sup2_riquadro{padding:10px;
                             margin:6px 10px 0px 10px;
                             background:url(immagini/layout/layout.sfondo40-rosso.png)!important;
                             background:url(immagini/layout/layout.sfondo100-1x1.gif);}
div#colonna_dx_sup2_riquadro ul{margin:0px 0px 0px 0px;
                                padding:8px 0px 0px 0px;
                                list-style-type:disc;}
div#colonna_dx_sup2_riquadro li{text-align:left;
                                margin:0px 0px 0px 15px;
                                padding-top:0px;
                                padding-bottom:-20px;}
/*
GITE SOCIALI
*/
/*
Gite sociali A
*/
div#gite_sociali_a{margin-top:20px;
                   margin-left:0px;
                   text-align:center;}
div#gite_sociali_a_riquadro{margin:0px 10px 0px 10px;
                            background:url(immagini/layout/layout.sfondo-grigioscuro-1x1.png)!important;
                            background:url(immagini/layout/layout.sfondo100-1x1.gif);}
div#gite_sociali_fotogallery{margin-top:5px;
                             margin-bottom:15px;}
img#gitesociali-bn{display:none;}
img#prossimi_appuntamenti-bn{display:none;}

/*
Gite sociali B
*/
div#gite_sociali_b{margin-top:0px;
                   margin-left:-9px;
                   text-align:right;}
div#gite_sociali_b ul{margin:6px 0px 0px 10px;
                      padding:0px;
                      list-style-type:none;
                      color:#FFCC66;}
div#gite_sociali_b li{text-align:left;
                      margin-left:0px;
                      padding:0px;}
div#gite_sociali_b_flash{z-index:3;
                      margin-top:-42px !important;
                      margin-top:-40px;}
div#gite_sociali_b_maschera_flash{z-index:2;margin-top:-42px !important;
                      margin-top:-40px;}
div#gite_sociali_b_sfondo_flash{z-index:1;}

div#gite_sociali_b_flash-main{ /* These styles will be applied to all browsers */
		                      z-index:3;
                              margin-top:-40px;}
                              *:lang(it) div#gite_sociali_b_flash-main{ /* These styles will be applied to all browsers except for IE and Safari */
                              margin-top:-42px !important;}
                              div#gite_sociali_b_flash-main:empty{ /* These styles will be applied to Safari */
                              margin-top:-42px !important;}
div#gite_sociali_b_sfondo_flash-main{z-index:1;}
/*
PROSSIMI APPUNTAMENTI
*/
div#proxapp{margin:8px 0px 0px 0px;text-align:center;}
div#proxapp_riquadro{margin:8px 10px 0px 10px;
                     text-align:center;
                     background:url(immagini/layout/layout.sfondo-grigioscuro-1x1.png)!important;
                     background:url(immagini/layout/layout.sfondo100-1x1.gif);}
div#proxapp ul.prossimi_appuntamenti{margin:0px 0px 0px 0px;
                                     padding:8px 0px 0px 0px;
                                     list-style-type:disc;
                                     color:#FFCC66;}
div#proxapp li.prossimi_appuntamenti{text-align:left;
                                     margin:0px 0px 0px 25px;
                                     padding-top:0px;
                                     padding-bottom:-20px;}
h4.prossimi_appuntamenti{font-size: 11px;
                         color:#FFFFFF;
                         text-align:left;}
div.prossimi_appuntamenti{padding:0px 30px 10px 0px;}
div#piede-dxIe{height:30px;
               background:none;
               display:none !important;
               display:block;}
div#piede-dxFire{height:30px;
                 background:none;
                 display:block !important;
                 display:none;}
/*
PIEDE PAGINA
*/
div#piede_pagina{clear:both;
                 height:47px;
                 margin:0px 0px 0px 0px;
                 text-align:left;
                 background:url(immagini/layout/layout.piedepagina.jpg) no-repeat;}
div#logo{position:absolute;
         margin-top:-130px;
         margin-left:5px;
         z-index:4;}
div#logo-flash{position:absolute;
               margin-top:-130px;
               margin-left:5px;
               z-index:4;}
div#crediti{position:absolute;
            width:800px;
            margin-top:12px;}
div#validatori{float:left;
               position:relative;
               width:274px;
               margin:2px 0px 0px 0px;
               text-align:left;}
div#shiny{float:left;
          position:relative;
          width:525px;
          margin:0px 0px 0px 0px;}
div#mappasito{position:absolute;
              margin-top:-12px;
              width:800px;
              z-index:5;}
div#mappasito2{float:right;
               width:80px;
               margin-right:10px !important;
               margin-right:5px;
               background:url(immagini/layout/layout.sfondo40-rosso.png)!important;
               background:url(immagini/layout/layout.sfondo100-1x1.gif);}
div#mappadelsito_links ul.main{text-align:left;
                               list-style-type:square;
                               margin-left:175px;}
                               *:lang(it) div#mappadelsito_links ul.main{ /* These styles will be applied to all browsers except for IE and Safari */
                               margin-left:-20px !important;}
                               div#mappadelsito_links ul.main:empty{ /* These styles will be applied to Safari */
                               margin-left:-20px !important;}
div#mappadelsito_links ul.sub1{text-align:left;
                               list-style-type:square;
                               margin-left:190px !important;
                               margin-left:240px;}
                               *:lang(it) div#mappadelsito_links ul.sub1{ /* These styles will be applied to all browsers except for IE and Safari */
                               margin-left:140px !important;}
                               div#mappadelsito_links ul.sub1:empty{ /* These styles will be applied to Safari */
                               margin-left:140px !important;}
div#mappadelsito_links ul.sub2{text-align:left;
                               list-style-type:square;
                               margin-left:340px !important;
                               margin-left:390px;}
                               *:lang(it) div#mappadelsito_links ul.sub2{ /* These styles will be applied to all browsers except for IE and Safari */
                               margin-left:300px !important;}
                               div#mappadelsito_links ul.sub2:empty{ /* These styles will be applied to Safari */
                               margin-left:300px !important;}
div#mappadelsito_links li{text-align:left;
                      margin-left:0px !important;
                      padding-left:0px;
                      margin-left:-50px;}
hr.mappadelsito{width:100%;}
hr.mappadelsito1{width:100%;}
div#piede_mappa{height:130px;display:block;}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #FFFFFF;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(immagini/layout/gallery/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(immagini/layout/gallery/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(immagini/layout/gallery/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 11px Verdana, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.2;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #666;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block;
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}


