/*CSS Peluca site*/

/*il body permette:
- di posizionare il conenitore del sito al centro 
dello schermo(qualunque sia la sua dimensione) e da il colore allo
sfondo;
- da delle direttive generali sui testi contenuti all'interni del sito
ai quali non viene indicato niente, non riaschiando cosi di avere dei
 testi in formati errati.*/
body{
	background-color:#87a687;
	margin:0px auto;
	text-align:center;
	width:100%;
	height:auto;
	
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	text-align:left;
}
/*contenieni tutto il sito che avrà come dimensioni 900px largo, 
alto auto. Esso è suddiviso in 
-header;menu;center;footer.*/
#contenitore{
	background-color:#ffffff;
	width:900px;
	height:auto;
	margin:0px auto;
	text-align:center;
}

/*HEADER*/
/*header è la parte alta del sito che contiene il logo,scritta, sassi */
#header{
	background-color:#ffffff;
	width:900px;
	height:auto;
	float:left;
}
#logo{
	width:860px;
	height:58px;
	text-align:left;
	margin-left:20px;
	float:left;
}
#scritta{
	width:281x;
	height:33px;
	margin-top:50px;
	float:left;
}
#sassi{
	width:540px;
	height:125px;
	float:left;
}
/*sotto l'header mettiamo un bordo più stretto rispetto all'header */
#bordo-header{
	background-color:#cccccc;
	width:880px;
	height:2px;
	float:left;
}

/*FINE HEADER*/

/*CENTER*/
/*il center, esattamente sotto l'Header contiene il menu e l'interior-center*/
#center{
	background-color:#ffffff;
	width:900px;
	height:auto;
	float:left;
}
/*il menu contiene i link*/
#menu{
	width:840px;
	height:65px;
	margin-left:30px;
	border-bottom:2px solid #cccccc;
}
#link1{
	width:100px;
	height:auto;
	text-align:center;
	margin:0px auto;
	margin-left:170px;
	float:left;
}
#link2{
	width:100px;
	height:auto;
	text-align:center;
	margin:0px auto;
	float:left;
}
#link3{
	width:100px;
	height:auto;
	text-align:center;
	margin:0px auto;
	float:left;
}
#link4{
	width:100px;
	height:auto;
	text-align:center;
	margin:0px auto;	
	float:left;
}
#link5{
	width:100px;
	height:auto;
	text-align:center;
	margin:0px auto;
	float:left;
}
/*id centrale del sito che cambierà in base alla pagina in cui ci troviamo*/
#interior-center{
	width:840px;
	height:auto;
	margin-left:30px;
	margin-top:30px;
}
/*FINE CENTER*/

/*FOOTER*/
/*serve a dare solo una spazio tra i due contenitori center e footer*/
.spazio{
	background-color:#ffffff;
	width:900px;
	height:60px;
	float:left;
}
#footer{
	background-color:#ffffff;
	width:900px;
	height:60px;
	float:left;
}
/*FINE FOOTER*/

/*alcune cose su link e alcuni tipi di font*/
a:link, a:visited {text-decoration: none; color:#000000}
a:hover {color:#6f896f}

.font-1{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#6f896f;
	text-align:left;
	line-height:30px;
}
.font-2{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
}
.font-3{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-align:left;
}
.font-footer{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#000000;
	text-align:center;
}



/*interior-center-peluca*/
/*INTERIOR-CENTER*/
#ic-conteiner-left{
	width:419px;
	height:auto;
	border-right:2px solid #cccccc;
	float:left;
	text-align:left;
}
.left{
	width:410px;
	height:auto;
	margin-right:5px;
	text-align:left;
	float:left;
}
.border-left{
	width:410px;
	height:2px;
	margin:5px 5px 5px 0px;
	background-color:#cccccc;
	float:left;
}
#ic-conteiner-right{
	width:419px;
	height:auto;
	float:left;
}
.right{
	width:410px;
	height:auto;
	margin-left:5px;
	float:left;
	text-align:left;
}
.border-right{
	width:410px;
	height:2px;
	margin:5px 0px 5px 5px;
	background-color:#cccccc;
	float:left;
}
/*NEWS*/
.contieniNews{
	width:400px;
	height:220px;
	border:2px solid #87a687;
}
.intestazioneNews{
	width:400px;
	height:20px;
	background-color:#87a687;
}
.font-gray{
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:15px;
    font-weight:bold;
    color:#cccccc;
    text-align:left;
}
/*fine NEWS*/