/* CSS Document */

* {
	margin: 0;
	padding: 0;
	padding-bottom: 1px 1px 1px 1px;
}

html,body{
	
	margin-left:0px;
	
	
}

body{
text-align:center;

font-family:Tahoma ,Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FFFFFF;
	background-position:top;
	background-repeat:repeat-x;
	font-family: Tahoma ,Arial, Helvetica, sans-serif;
}

body a{
text-decoration:none;
	color:#524C45;
}

body a:hover{
text-decoration:none;
	color:#ef4124;
}

div#maxcontainer{
	width:904px;
	padding-left: 0px;
	margin: 0 auto;
}

div#container{
    margin-top:60px;
	width:904px;
	position:relative;
	margin-left:0px;
	margin-bottom:0px;
	left: 0px;
	top: 0px;
	z-index:1;
	
}


/* logo */

div#logo{
	width:722px;
	height:190px;
	position:absolute;
	top:-18px;
	z-index:10;
	left: 182px;
}




div#outdoorindex{
	
	position:absolute;
	top:184px;
	z-index:9;
	left: 1px;
}


div#piu

{
	
	
	position:absolute;
	top:-111px;	
	z-index:12;
	left: 158px;
}



div#b{
	
	position:absolute;
	top:-218px;
	
	
	z-index:10;
	left: 0px;
}


/* logo */




/* navigazione sinistra */

div#navigationleft{
	width:370px;
	height:470px;
	margin-bottom:10px;
	float:left;
	z-index: 10;
    text-align: left;
	color:#524C45;
	margin-top:0px;
} 




div#navigationleft a{
    
	text-decoration:none;
	color:#524C45;
	
} 

div#navigationleft a:hover{
	
	text-decoration:none;
	color:#ef4124;
	
} 


div#navigationleft a#active{
	
	text-decoration:none;
	color:#ef4124;
	
} 


div#logoprugnolobasso{
	
	margin-top:180px; 
	margin-bottom:10px;
	margin-left:15px;
	
} 








/* questo i quadratini */
.datagray{
width:21px;
height:21px;
background-color: #524c45;
margin-bottom:2px;
margin-right:2px;
float:left;
color:#000000;
padding-top:0px;
text-align:center;
padding-bottom:-5px;
line-height:15pt;

}

.datacolored{

color:#000000;
width:21px;
height:21px;
background-color:#ef4124;
margin-bottom:2px;
margin-right:2px;
float:left;
padding-top:0px;
text-align:center;
line-height:15pt;
}
/* questo i quadratini */




/* navigazione sinisrta */






/* corpo pagina */
div#corpopagina{
	width:904px;
	margin-bottom:10px;
	position:absolute;
	left: 0px;
	top: 196px;
	z-index: 10;
	border-top-color: #524C45;

} 


/* PHOTOGALLERY PRINCIPALE */
div#photogalleryprincipale{
	width:475px;
	margin-bottom:10px;
	font-weight:bold;
	float:left;
	z-index: 10;
	color: #000000;
	margin-left: 15px;
	text-align: right;

} 

div#photogalleryprincipaledove{
	width:475px;
	margin-bottom:10px;
	font-weight:bold;
	float:left;
	z-index: 10;
	color: #000000;
	margin-left: 15px;
	text-align: right;

} 

/* PHOTOGALLERY PRINCIPALE */


div#contenutitemhome{
	
	margin-bottom:10px;
	float:left;
	z-index: 10;
	color:#524C45;
	margin-left: 100px;
	margin-top:250px;
	text-align: left;
	font-weight:normal;
	
} 

div#titolonewsletter{
	
	margin-bottom:10px;

	z-index: 10;


	
	text-align: left;
	font-weight:normal;
	
} 





/*  contenuto vero e proprio */

div#contenutitem{
	width:368px;
	margin-bottom:10px;
	float:left;
	z-index: 10;
	color:#524C45;
	margin-left: 21px;
	text-align: left;
	
} 


div#titoloelencoitemserate{
background-image:url(../images/prossimamente.png);
background-position:top;
background-repeat:no-repeat;
width:341px;
height:31px;
margin-top:30px;
margin-bottom:25px;
} 

div#titoloelencoitemstaff{
width:341px;
height:42px;
margin-top:23px;
margin-bottom:10px;
} 

div#titoloelencoitemristorante{
width:341px;
height:42px;
margin-top:30px;
margin-bottom:10px;
} 



/* blocchi scorrevoli */

.bloccotitoli{
width:368px;
height:28px;
margin-top:-8px;
margin-bottom:7px;
border-bottom:1px;
border-color:#524C45;
border-bottom-style:solid;
border-top:1px;
border-top-style:solid;
padding-top:1px;
padding-bottom:1px;
} 


.bloccotitolitestuale{
	padding-top:7px;
	padding-bottom:9px;
	float:left;
	width: 300px;
}

.bloccotitolitestualerosso{
	padding-top:7px;
	padding-bottom:9px;
	float:left;
	width: 300px;
	color:#ef4124;
}  

.bloccotitolipulsante{
	padding-top:7px;
	padding-bottom:7px;
	float:left;
	background-color:#524C45;
	width: 67px;
	text-align:center;
	color:#000000;
}

.bloccocontenutointerno{
	width:367px;
	color: #7D736A;
	margin-bottom:16px;
	
} 


.bloccocontenutointerno a{
	text-decoration:none;
	color:#7D736A;
	
} 

.bloccocontenutointerno a:hover{
	text-decoration:none;
	color:#ef4124;
	
} 


/* blocchi scorrevoli */

/* staff */

div#newsstaff{
width:248px;
margin-left:20px;
float:left;
} 

div#newsstaff p{

margin-bottom:10px;
color:#ef4124;


} 


div#fotostaff{
width:100px;
height:100px;
float: left;
text-align:center;
background-color:#524C45;
color:#524C45;

}

div#fotostaff img{
vertical-align:middle;
border:none;

}


/* undermenu staff */




/* undermenu staff */


/* staff */

/* contenuto vero e proprio */


/* foto */

div#fotopiccolafotogallery{
width:60px;
height:60px;
float: left;
text-align:center;
background-color:#524C45;
color:#524C45;

margin-right:2px;
margin-bottom:2px;
}

div#fotopiccolafotogallery img{
vertical-align:middle;
border:none;

}



/*  foto  */



/* footer */
div#footer{
	width:904px;
	height:62px;
	float:left;
	z-index: 10;
	color:#524C45;
	padding-top: 15px;
	border-top: 1px;
	margin-left:0px;
	background-image: url(../immagini/footer.jpg);
	background-position:top;
	background-repeat:no-repeat;
	text-align: left;

} 

div#footer img{
	
	margin-left:15px;
	margin-top:15px;
} 



div#footersinistra{
	width:550px;
	text-align:left;
	float:left;	

} 

div#footerdestra{
	

	margin-top:-5px;
	float:right;
	text-align:right;
	
	color:#524C45;
	
	
	

} 



/* under foter in basso per indirizzi */

div#footerdown{
	width:894px;
	height:40px;
	float:left;
	z-index: 10;
	color:#524C45;
	padding-top: 8px;
	border-top: 1px;
	margin-left:0px;
	margin-bottom:10px;
	text-align: center;
	padding-left: 10px;
	font-size: 11px;

} 

/* under footer in basso per indirizzi



/* corpo pagina */


/* extra spaces for effects */
.highlighted{
cursor:crosshair;
}

.byand{
cursor:pointer;
}

.coloredtext
{
color:#8A2476;

}

.graytext
{

color:#999999;

}
/* extra spaces for effects */


/* MENU PRINCIPALE */
/* TUTTI I MENU */
/* menu trasparente */

div#sfondomenutrasparente{
	width:721px;
	position:absolute;
	z-index:15;
	margin-left:0px;
	margin-bottom:0px;
	left: 182px;
	top: 130px;
	height: 36px;
	background-color:#333333;
	opacity:.60;
	filter: alpha(opacity=60); 
	-moz-opacity: 0.6;
}

div#menutrasparente{
	width:850px;
	position:absolute;
	z-index:20;
	margin-left:0px;
	margin-bottom:0px;
	left: 183px;
	top: 130px;
	clear:none;
	height: 28px;
}

div#menutrasparente
{
	width:697px;
	padding-top:10px;
	padding-left:10px;
	margin-top:0px;
	padding-right: 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

div#menutrasparente ul

{

list-style-type: none;

}

div#menutrasparente li
{
	padding: 7px 15px 7px 15px;
	display:inline;
	color: #FFFFFF;
} 

div#menutrasparente a{color:#FFFFFF; font: normal bold 13px; font-family:Tahoma, Arial; text-decoration: none}
div#menutrasparente a:hover{color:#66CC33;text-decoration: none}
div#menutrasparente a#activelink{color:#66CC33;text-decoration: none}




/* menu a sinistra */
div#menuprincipale{
width:399px;
height:34px;
padding-top:2px;
padding-left:0px;
background-image:url(../immagini/titoloalto.jpg);
background-repeat:no-repeat;
background-position:top;
}

div#menuprincipale ul{

color:#FFFFFF;
list-style-type: none;
text-align:right;
padding-right:20px;
padding-top:4px;

}

div#menuprincipale li
{  

  
 
   padding: 20px 5px 7px 10px;
   border-bottom:1px;
   display:inline;
   
} 

div#menuprincipale a{color:#FFFFFF; font-size:12px;  font-family:Tahoma, Arial;  text-decoration: none}
div#menuprincipale a:hover{color:#FFFFFF;text-decoration: none; }
div#menuprincipale a#activelink{color:#FFFFFF;text-decoration: none; font-weight:bold; }


/* menu trasparente */






/* elementi animati */
div#dovesfondo{
background-color:#524C45;
padding: 5px 2px 2px 2px;
width:437px;
height:374px;
text-align:center;
} 
/* elementi dove */




/* elementi FOTOGRAFICI */

div#bloccofotopiccole{
    width:490px;
	position:absolute;
	z-index:20;
	margin-left:0px;
	margin-bottom:0px;
	left: 420px;
	top: 369px;
	clear:none;
	height: 98px;
	background-image:url(../immagini/bassotabella.jpg);
	background-position:top;
	background-repeat:no-repeat;
} 


div#fotograndecentrale{
	margin-left:0px;
	position:absolute;
	left: 424px;
	background-color: #999999;
	padding:1px 1px 1px 1px;
	width: 476px;
	height: 348px;
	
   
} 


div#singolafotina{
    width:40px;
	position:absolute;
	z-index:20;
	margin-left:0px;
	margin-bottom:0px;
	left: 11px;
	top: 8px;
	clear:none;
	height: 33px;

} 




/* corpo centrale */

div#corpo{
	width:400px;
	background-image:url(../immagini/repeatlayerdestro.jpg);
	background-position:top;
	background-repeat:repeat-y;
	margin-left: -2px;
	
	
	
	

} 

div#corpocentrale{
    width:100%;
	
	margin-left:10px;
	margin-bottom:0px;
	

} 

div#basecorpocentrale{
	width:400px;
	margin-left:-1px;
	margin-bottom:10px;
	background-image:url(../immagini/sfondobase.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height: 40px;
	margin-top: 0px;

} 

div#basecorpocentrale p{

	margin-left:10px;
	color:#FFFFFF;
	font-size:12px;
	padding-top: 6px;
	padding-bottom:0px;

} 


/* banner centrale */
div#bannercentrale{
	width:904px;
	height:5px;
	margin-bottom:13px;
	float:left;
	z-index: 13;
    text-align: left;
	color:#524C45;
	margin-top:0px;
} 


div#testocorpocentrale{
	margin-left:6px;
	margin-right:5px;
	margin-bottom:0px;
	margin-top:10px;
	width: 360px;
} 

div#testocorpocentrale p{
	color:#009933; font-size:13; font-weight:bold;
	padding-bottom:5px;
	padding-top:5px;
	
} 

/* corpo centrale */