/* CSS Document */

*{        padding : 0;
        margin : 0;
        border : 0;
}

body {
        font-family: "Times New Roman", Times, serif;
        font-size: 1em;
        text-align: center;
        color: #44382e;
        background-color:#f4f4e6;
}

#box {
        margin:0 auto;
        width: 664px;
        border: none;
        padding:10px 40px;
        text-align: left;
        background-image:  url(../img/corpo.jpg);
        background-repeat:repeat-y;
        }

#main{

        float:left;
        width:660px;
        height:auto;
         border: 2px solid #44382e;
        background-color:#e2e4cc;
}

#header {
        width:660px;
        height:228px;
        background-image:  url(../img/header.jpg);
        background-repeat: no-repeat;
}

#headerinterno{
        width:660px;
        height:160px;
        background-image:  url(../img/monteinterno.jpg);
}

.home{
        margin-top:228px;
}

.interno{
        margin-top:160px;
}


#sx{
        width:380px !important;
        width:400px;
        padding-left:10px;
        padding-right:10px;
        float:left;
        background-color:#d3d2bb;
        background-position: top left;
        background-repeat:no-repeat;

}

.sxhome{
        background-image:  url(../img/aria.jpg);
}

.sxphoto{
        padding-top:50px;
        height:70px !important;
        height:120px;
        background-color:#d3d2bb;
}

#albumfoto{
        width:620px;
        float:left;
        margin:10px;
}

#imgdx{
        width:240px;
        margin-top:50px;
}

#dx {
        width:240px !important;
        width:260px;
        padding-top:120px;
        padding-right:10px;
        padding-left:10px;
        margin-right:0px !important;
        margin-right:-4px;
        float:right;
}

#footer {
        width:660px;
        height:141px;
        clear:both;
        background-image:  url(../img/footer.jpg);
        background-repeat: no-repeat;
}

#footer2 {
        width:664px;
        height:0px;
        border: none;
        clear:both;
}

#menu{
        width:386px;
        height:130px;
        position:absolute;
        margin-left:274px;
        background: url(../img/menu.jpg) no-repeat;
        padding-left:30px;
}

#contatti{
        font-size:0.7em;
        width:170px;
        height:55px;
        text-align:left;
        margin-left:165px;
        margin-top:6px;
        font-weight: bold;
        color: #44382e;
        text-decoration:none;
}

div#contatti a{
 color: #44382e;
 text-decoration:none;
}

div#contatti a:hover{
 color: #44382e;
 text-decoration:underline;
}


div#chi, div#dove, div#attivita, div#eventi{
        float: left;
        width:85px;
        height: 60px;
}

div#chi a{
        width: 85px;
        height: 60px;
        background:  url(../img/chi.gif) 0 0 no-repeat;
        display:block;
        text-decoration:none;

}


div#dove a{
        width: 85px;
        height: 60px;
        background:  url(../img/dove.gif) 0 0 no-repeat;
        display:block;
        text-decoration:none;

}

div#attivita a{
        width: 85px;
        height: 60px;
        background:  url(../img/attivita.gif) 0 0 no-repeat;
        display:block;
        text-decoration:none;

}
div#eventi a{
        width: 85px;
        height: 60px;
        background:  url(../img/eventi.gif) 0 0 no-repeat;
        display:block;
        text-decoration:none;

}

#chi a:hover{background:  url(../img/chi2.gif) 0 0 no-repeat;}
#dove a:hover{background:  url(../img/dove2.gif) 0 0 no-repeat;}
#attivita a:hover{background:  url(../img/attivita2.gif) 0 0 no-repeat;}
#eventi a:hover{background:  url(../img/eventi2.gif) 0 0 no-repeat;}


#fine {
        width:740px;
        height:42px;
        border:none;
        clear:both;
        margin:0 auto;
        background-image:   url(../img/fine.jpg);
        background-repeat: no-repeat;
}

#inizio {
        width:740px;
        height:13px;
        border:none;
        clear:both;
        margin:0 auto;
                margin-bottom:-6px;
        background-image:url(../img/inizio.jpg);
                background-color:black;
        background-repeat: no-repeat;
}

#galleria {
        width:500px;
        padding-top:30px;
        float:left;
        margin:0;

        }

.foto{
        float: left;
        width: 110px;
        height: 76px;
        margin-left:10px;
        margin-bottom:10px;

}

.foto_mercato{
        float: right;
        width: 110px;
        height: 76px;
        margin-left:10px;
        margin-bottom:10px;

}

#link{
	float:right;
	width:120px;
	margin-left:10px;
}

ul{
text-decoration:none;
list-style:none;
}

h1,h2{
text-align:left;
}

h1{font-size:1.6em;}
h2{font-size:1.4em;}
h3{font-size:1.2em;}
h4{font-size:1.1em;}

#validatehtml{
 float:right;
 clear:right;
 margin-bottom:2px;
 height:15px;
 width:88px;
 background:  url(../img/html.jpg) no-repeat;
}

#validatehtml a{
 height:15px;
 width: 88px;
  float:right;
 clear:right;
 margin-bottom:2px;
}

#validatecss{
 float:right;
 clear:right;
 height:15px;
 width: 88px;
background:  url(../img/css.jpg) no-repeat;

}

#validatecss a{
 height:15px;
 width: 88px;
  float:right;
 clear:right;

}

#stat {

 margin:40px auto;

}
.title{
text-align:center;
margin-right:10px;
}

h1.title{ 
font-size:1.5em;
text-align:left;
}

.bianco{
color:white;
font-weight: bold;
text-decoration:none;
float:right;
margin-right:10px;
margin-left:10px;
margin-top:10px;
}

.verde{
color:#5b6700;
font-weight: bold;
text-decoration:none;
margin-left:10px;
}

.path{
text-decoration:none;
color: #44382e;

}

.brownlink{
text-decoration:none;
font-weight: bold;
color: #44382e;
margin-left:10px;
margin-top:10px;
}

.padre{
 margin-left:10px;
 margin-top:2px;
 text-decoration:none;
 color: #44382e;
 font-weight: bold;
}
.figlio{
 margin-left:20px;
 margin-top:1px;
 text-decoration:none;
 color: #44382e;
}

/*DA QUI CSS PER LIGHTBOX http://www.huddletogether.com/projects/lightbox2 */


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

#lightbox a img{ border: none; }

#outerImageContainer{
   position: relative;
   background-color: #fff;
   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: 0px;
   }
#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(../images/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(../images/prevlabel.gif);
background-repeat:no-repeat;
position:absolute;
}

#nextLink:hover, #nextLink:visited:hover {
background: url(../images/nextlabel.gif);
background-repeat:no-repeat;
background-position:right top;
}

#imageDataContainer{
   font: 10px Verdana, Helvetica, sans-serif;
   background-color: #fff;
   margin: 0 auto;
   line-height: 1.4em;
}

#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: #000;
}
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }
* html>body .clearfix {
   display: inline;
   width: 100%;
   }
* html .clearfix {
   /* Hides from IE-mac \*/
   height: 1%;
   /* End hide from IE-mac */
}