/* CSS Document */

/*-----------------------------*/
/*      STILI BASE      */

html, body{
font-family:Arial, Georgia, sans-serif;
font-size:12px;
margin:0; padding:0;
height:100%; width:100%;
}

body{
background:#e5cdb1 url(immagini_sito/sfondos.jpg) top repeat-x;
font-size:12px;
}

img, a{border:none;}

/*-----------------------------*/
/*      LINK      */

a:link{
color:#FFF;
font-size:12pt;
font-weight:bold;
text-decoration:none;}

a:visited{
color:#FFF;
font-size:12pt;
font-weight:bold;
text-decoration:none;}

a:hover{
color:#FFF;
font-size:12pt;
font-weight:bold;
text-decoration:underline;}

a#black{
color:#000;}

a#altro{
color:#000;
font-size:12px;}

a#mail{
color:#F00;
font-size:12px;}

/*---------------------------*/
/*      CONTAINERS      */

#box{
position:relative;
width:900px; height:auto;
margin:0 auto;
margin-top:5px;
}

#main{
width:680px;
float:left;
margin-bottom:10px;
}

#extra{
width:200px;
height:auto;
float:right;
border: solid 2px #a79580;
}

#nav{
width:200px;
float:left;}

#content{
overflow:hidden;
width:470px;
padding-top:5px;
padding-left:5px;
float:left;
text-align:justify;}

/*---------------------------*/
/*      MENU IN ALTO      */

#contatti{
	position:relative;
	float:right;
	width:90px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#FFF;
	}
	#contatti:hover{background:url(immagini_sito/contatti.jpg) top right no-repeat;}

#dovesiamo{
	position:relative;
	float:right;
	width:107px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#FFF;
	}
	#dovesiamo:hover{background:url(immagini_sito/dove_siamo.jpg) top right no-repeat;}

#pastapiada_b{
	position:relative;
	float:right;
	width:118px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#FFF;
	}
	#pastapiada_b:hover{background:url(immagini_sito/pasta_piada.jpg) top right no-repeat;}

#piada_b{
	position:relative;
	float:right;
	width:73px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#FFF;
	}
	#piada_b:hover{background:url(immagini_sito/piada.jpg) top right no-repeat;}

#pasta_b{
	position:relative;
	float:right;
	width:73px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#FFF;
	}
	#pasta_b:hover{background:url(immagini_sito/pasta.jpg) top right no-repeat;}

#franchising{
	position:relative;
	float:right;
	width:118px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#FFF;
	}
	#franchising:hover{background:url(immagini_sito/franchising.jpg) top right no-repeat;}

/* LOGO GRANDE MAMMALENA */
#logo{
	position:absolute;
	width:307px;
	height:185px;
	top:5px;
	left:5px;
	background:url(immagini_sito/logo.png) top left no-repeat;
	z-index:99;
}

#presentazione_fotografica{
	position:relative;
	width:900px;
	height:300px;
	overflow:hidden;
	}

/*---------------------------*/
/*      OTHER STYLE      */

#pasta{
position:relative;
background-image:url(immagini_sito/pasta.png);
width:195px; height:136px;
top:5px;
}

#piada{
position:relative;
background-image:url(immagini_sito/piada.png);
width:195px; height:136px;
top:5px;
}

#pasta_piada{
position:relative;
background-image:url(immagini_sito/pasta_piada.png);
width:195px; height:136px;
top:5px;
}

#txt_basso{
position:relative;
top:100px; right:20px;
width:100%;
text-align:right;
font-style:italic;
}

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

#footer{
	position:relative;
	color:#FFF;
	background-color:#005a47;
	height:auto;
	width:880px;
	text-align:left;
	font-size:12px;
	display:inline-block;
	padding:10px;
	}
	
	#crediti_mammalena{
		position:relative;
		float:left;
		width:370px;
		height:auto;
		}
	#menu_footer{
		position:relative;
		float:left;
		margin-left:10px;
		width:370px;
		height:auto;
		}
	#crediti_GOit{
		position:relative;
		top:45px;
		float:right;
		width:120px;
		height:auto;
		text-align:right;
		}



/*---------------------------*/
/*      NEWS      */

#news_title{
width:200px;
height:25px;
line-height:25px;
text-align:left;
background-color:#a79580;
font-size:15px;
font-weight:bold;
font-style:italic;
}

#news_int{
width:200px;
margin:auto;
}

#news_txt{
	text-align:center;
	width:200px;
	padding-top:3px;
	padding-bottom:3px;
	}

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

#gal{
	width:200px;
	height:380px;
	}

#gallery_img{
	width:200px;
	height:380px;
	border:0px;
	overflow:hidden;
	}

/*---------------------------*/
/*      MAPPA      */

#mappa{
	width:300px; height:300px;
	float:right;}