@charset "UTF-8";
/* CSS Document */


body  {
	
	font-family:  Arial, Helvetica, sans-serif;
	
	font-size:100%;

	background-color:#f3e1c7;

	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/

	padding: 0;

	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #maincontent */

	color: #000000;

}

#container { 

	width: 100%;
	
	background-image:url(images/bg.png);
	
	background-repeat:repeat-x;

}

#maincontent { 

	width: 800px;

	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */

	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */

}
#header { 

	width: 800px;
	
	height: 480px;
	
}

#ingranaggi { 
	
	float:left;

	width: 550px;
	
	background-image:url(images/bg2.png);
	
	background-repeat:repeat-y;

	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */

}


#content {

vertical-align:top;

 margin-top:0px; margin-bottom:0px; margin-right:40px;

margin-left: 45px;}


#content h1,h2 {color: #996918;}

#content h3,h4 {color: #d3a164;}

#content p {color:#925a16; font-size:0.85em; line-height:1.5em;}

#content p.elenco {line-height:2em;}

#content img {border:solid 1px #996918; float:left; margin-right:10px; margin-bottom:5px; margin-top:7px;}

#content ul {color:#925a16; font-size:0.85em; line-height:1.5em;}

#content ol {color:#925a16; font-size:0.85em; line-height:1.5em;}


#content a:link {text-decoration:underline; color: #693009;}
#content a:visited { text-decoration:underline;  color: #AA8C77;}
#content a:active {text-decoration:none; color: #693009;}
#content a:hover {text-decoration:none; color: #36D6FF; }





#sidecontainer {

	float:left; 

	width: 250px;
	
	background-image:url(images/bgright.png);
	
	background-repeat:repeat-y;
	
	margin:0px;
	
	padding: 0px;
	
	padding-bottom:0px;
	
	margin-bottom:0px; }
	
	
#sidebar {

	float:left; 

	width: 250px;
	
	background-image:url(images/bgright.png);
	
	background-repeat:repeat-y;
	
	margin:0px;
	
	padding: 0px;
	
	padding-bottom:0px;
	
	margin-bottom:0px; }
	
	
#sidebar p {padding-left:45px; padding-right:25px; color: #F7EBCC; font-size:0.85em; line-height:1.5em;}
#sidebar p.cp {padding-left:45px; padding-right:25px; color: #F7EBCC; font-weight:bold; font-size:0.95em;}

#sidebar #s2 h1 {padding-left:45px; padding-right:25px; color: #F7EBCC;}
#sidebar h2 {padding-left:45px; padding-right:25px; color: #F7EBCC;}
#sidebar h3 {padding-left:45px; padding-right:25px; color: #F7EBCC;}
#sidebar h4 {padding-left:45px; padding-right:25px; color: #F7EBCC;}

#sidebar ul {padding-left:60px; padding-right:25px; color:#F7EBCC; font-size:0.85em; line-height:1.5em;}

#sidebar ol {padding-left:60px; padding-right:25px; color:#F7EBCC; font-size:0.85em; line-height:1.5em;}

#sidebar a:link { font-size:1.05em; text-decoration:underline; color: #DCC79C;}
#sidebar a:visited { font-size:1.05em; text-decoration:underline;  color: #C8B29B;}
#sidebar a:active {font-size:1.05em; text-decoration:none; color: #DCC79C;}
#sidebar a:hover {font-size:1.05em; text-decoration:none; color: #36D6FF; }
	



#sidebar2 { height:31px; width: 250px; }
	
#sidebar3 { height:50px; width: 250px; }



#s {

	float:left; 

	width: 250px;
	
	background-image:url(images/bgright.png);
	
	background-repeat:repeat-y;
	
	margin:0px;
	
	padding: 0px;
	
	padding-bottom:0px;
	
	margin-bottom:0px; }
	
#s p {padding-left:45px; padding-right:25px; color: #F7EBCC; font-size:0.85em; line-height:1.5em;}
#s p.cp {padding-left:45px; padding-right:25px; color: #F7EBCC; font-weight:bold; font-size:0.95em; line-height:1.5em;}

#s h1 {padding-left:45px; padding-right:25px; color: #F7EBCC;}
#s h2 {padding-left:45px; padding-right:25px; color: #F7EBCC;}
#s h3 {padding-left:45px; padding-right:25px; color: #F7EBCC;}
#s h4 {padding-left:45px; padding-right:25px; color: #F7EBCC;}

#s ul {padding-left:60px; padding-right:25px; color:#F7EBCC; font-size:0.85em; line-height:1.5em;}

#s ol {padding-left:60px; padding-right:25px; color:#F7EBCC; font-size:0.85em; line-height:1.5em;}

#s a:link { font-size:1.05em; text-decoration:underline; color: #DCC79C;}
#s a:visited { font-size:1.05em; text-decoration:underline;  color: #C8B29B;}
#s a:active {font-size:1.05em; text-decoration:none; color: #DCC79C;}
#s a:hover {font-size:1.05em; text-decoration:none; color: #36D6FF; }
	
.s3 {height:50px; width: 250px;}

.s2 { height:31px; width: 250px; }


.titolo{font-size:1.1em; font-weight:bold; color:#996918;}

.side {font-size:1.15em; font-weight:bold; color:#F7EBCC;}


.clearfloat { 
/* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */

	clear:both;

    height:0;

    font-size: 0px;

    line-height: 0px;

}