/*==================================================
         CSS Document - bodega.ws
		       november 08
==================================================*/

/*==================================================
               html, body
==================================================*/
html, body{}
body{
	font:76%/140% Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
}

/*==================================================
               layout
==================================================*/
#container{
	margin: 1em auto 0;
	width: 80em;
}
#header {
	margin-bottom: 12em;

}
div#wrapper{
	float:right;
	width:100%;
	margin-right:-29%;
	margin-bottom: 3em;
}
div#content{
	margin-right:29%;
	float: right;
}
div#sidebar{
	float:left;
	clear:left;
	width:23%;
	padding: 4em 0 0 2em;
}
div#footer{
	width: 100%;
	height: 3em;
	line-height: 3em;
	border: 1px solid  #999999;
	border-top: none;
	border-left: none;
	background:#FFFFFF url(../img/qua.png) no-repeat left center;
	clear: both;
}
/*==================================================
                index page    
==================================================*/  
#container h1{
	background:#ffffff url(../img/logo.png) no-repeat center center;
	width:464px;
	height:104px;
}


/*==================================================
                navigazione primaria    
================================================== */
#navcontainer {
	margin: -5em 0 0 1em;
}
#navcontainer a { text-decoration: none; }
#navcontainer ul{
			padding: 0;
			margin: 0;
			list-style-type: none;
			position: relative;}
		

		
/*1st level elements*/
#navcontainer li {
	margin:0px;
	display: block;
	float: left;
	text-align: center;
}	
#navcontainer li { margin:0px; }
		
#navcontainer ul a,
#navcontainer ul a:link,
#navcontainer ul a:visited{
	/*border: 1px solid #996633;*/
	color: #ffffff;
	background-color:#996633;
	line-height:65px;
	padding: 0 0.5em;
	border-bottom: 1px solid #996633;
/*padding: 1em 0.5em;
	padding-top: 1em;}*/
}		
#navcontainer ul a:hover,
#navcontainer ul a:focus{
/*	background-color: #FFFFFF;
	color: #996633;*/
	color:#ffffff;
	padding: 0 0.5em;
}
		
/*current Link first level*/
#navcontainer ul a#current,
#navcontainer ul a#current:link,
#navcontainer ul a#current:visited { font-weight: bold;}
#navcontainer ul a#current{
	font-size:1.2em;
	background-color: #FFFFFF;
	color: #996633; }
		
/*Second and subsequent levels*/
#navcontainer ul ul{
	position: absolute;
	left: 0em;
	width: 100%;
	top:5.7em!important;
	top:4.2em;
}
#navcontainer ul ul ul {
	position: absolute;/*
	top: 3em;
	left: 0em;*/
}		
#navcontainer ul ul li { display: inline; }
		
#navcontainer ul ul a,
#navcontainer ul ul a:link,
#navcontainer ul ul a:visited{
	background-color: #ffffff;
	border: 1px solid #996633;
	border-top:none;
	border-left:none;
	color: black;
	padding:.5em .5em .5em;
	line-height:60px;
}
		
#navcontainer ul ul a:hover/*,
#navcontainer ul ul a:focus*/{
	color: #996633;
	/*border: 1px solid #ffffff;
	border-top:none;
	border-left:none;
	color: #FFFFFF;*/
	
}
		
/*current Link*/
#navcontainer ul ul a#subcurrent,
#navcontainer ul ul a#subcurrent:link,
#navcontainer ul ul a#subcurrent:visited { font-weight: bold; }
#navcontainer ul ul a#subcurrent, #navcontainer ul ul ul a#subactive{background-color:#996633;padding-top:0.5em;color:white;}

#navcontainer ul ul ul a,
#navcontainer ul ul ul a:link,
#navcontainer ul ul ul a:visited{
	line-height:30px;}

/*h2 {
	padding: .5em 0em 0 .5em;
	color: #996633;
	font-size: 3em;
	}
*/


/*==================================================
               footer   
==================================================*/  
address {
	font-style: normal;
	color: #666666;
	padding-left:2.5em;
	border-left: 1px solid #ffffff;
}
#footer ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer ul li{/*display:inline;*/
	float:left;
	color: #666666;
	padding:0px 10px 0 0px;
}
li#mail {}
li#tel {}
/*==================================================
               link
==================================================*/
a{text-decoration: none;color:#999999;}
#navigation #navlist a{
	color:#FFFFFF;
	line-height: 200%;
	padding: 1em;
}
#navigation ul#navlist ul#wood_nav a, #navigation ul#navlist ul#modular_nav a{
	color:#996633;
}
a:hover{text-decoration:underline;}

/*#subnavlist a {
	text-transform: uppercase;
	font-style: italic;
	font-size: 11px;
}*/

a#subcurrent, a#current, a#subactive {
	font-weight: bold;
	text-decoration: none;
	background-color: #996633;
}

#footer li a, #sidebar p a, table p a{color: #996633;}

/*==================================================
            logo in tutte le  pagine tranne index
==================================================*/
#header h1 {
	height:60px;
	margin: 0;
	padding: 0;
	background: #996633 url(../img/logo1.gif) no-repeat right center;
	width: 100%;
	border: 1px solid #996633;
	border-top:0px solid;
}
/*per nn visualizzare testo in h1*/
span.blind {
	display: none;
}

/*==================================================
           sottotitoli inglesi
==================================================*/

#navlist p {
	color: #F0EFEC;
	font-weight: normal;
	font-size: 11px;
	margin-top: -2em;
	padding:0 0.5em;
}
#navlist p.attivo{	
	background-color: #FFFFFF;
	color: #996633;
}


/*==================================================
                   image gallery   
/*==================================================*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
	border: 1px solid white;
	margin: 0 5px 5px 0;
}

.thumbnail:hover{
	background-color: transparent;
}

.thumbnail:hover img{
	border: 1px solid #ffffff;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #ffffff;
	padding: 5px;
	left: -1000px;
	border: none;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span, .thumbnail:focus span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 15em;
	left: 2em; /*position where enlarged image should offset horizontally */
	z-index: 50;
}
#container #wrapper #content h2 {
	color: #996633;
}
select.tendina {
	border: 1px solid #996633;
}
p.dida{margin-top:0px;font-size:10px;}
#container #immagini {
	text-align: center;
	margin-top: 5em;
}
#container #immagini #img {
	padding: 0px 1.8em;
}