/***********************

 Formattazione generica

************************/
html,body{
	margin: 0;
	padding:0
	}

body{
	font-family : Arial, Helvetica, sans-serif;
	font-weight: normal;
/* 	font-family: sans-serif, monospace, serif; */
	font-size:90%;

	color: #000000;

	background: url(images/background.jpg) fixed repeat-x top; 
	}

h2 {
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-size:110%;
}


h3 {
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-size:100%;
}

h4 {
	text-align: left;
	margin: 0px;
	padding: 0px;
}

p {
	text-align: left;
	margin: 0px;
	padding: 0px;
	line-height: 150%;
}

img {border: 0px;}

hr {color: #f0f0f0;}
	
/***********************

 Formattazione singole DIV

************************/

#home{
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#wrapper {
	/*width: 760px;*/
	margin: 0 auto;
}

#container{
	background-color: #ffffff;
	margin: 5px;
	border: 1px solid #848284;

	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

	border-radius: 6px;

}

#header{
	text-align: center;	
	margin: 0px;
	padding: 0px;
	}

#content{
	margin-top: 0px;	

	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;

}
	
#content ul{
	text-align: justify;
	list-style-type: square;
	line-height: 150%;
}

#content a{
	color: #000000; 

	}

#content a:hover{
	color: #fd7406; 
	text-decoration: none;
	}

#content a:active{
	text-decoration: none;
	}

#footer{
	clear:both;
	text-align:center;
 	padding-bottom: 0px;
	font-size: 80%;
}


#navigation{
	margin-left: 0px;
	text-align: center;

	color: #848284;
	font-size: 85%;

	font-weight: normal;

	padding-top: 0px;
	padding-bottom: 10px;
}

	
#navigation a{
	color: #547cba; 
 	border:  0px; 
	text-decoration: none;
	padding: 1px;
	}
	
#navigation a:hover{
	color: #ffffff; 
	border: 0px;
	background: #547cba;

	text-decoration: none;
	}

#navigation a:active{
	text-decoration: none;
	}



.col01 {
	width: 40%;
	float: left;
}

.col02 {
	width: 60%;
	float: left;
}

.col03 {
	width: 25%;
	float: left;
}

.col04 {
	width: 35%;
	float: left;
}



.justify {
	text-align: justify;
}

.center {
	text-align: center;
}

.bold {
	font-weight: bold;
}



#pulsanti {

	font-size:85%;
	margin: 5px;
	padding: 2px;
	text-align: center;
}

#pulsanti a{
	color: #547cba; 
/* 	background: #f0f0f0; */
/* 	background: #f8efe8; */
	

/* 	border: solid 1px #848284; */
	border: solid 1px #547cba;
	text-decoration: none;
	padding: 1px;
	}
	
#pulsanti a:hover{
	color: #ffffff; 
	border: solid 1px ##848284;
/* 	background: #505050; */
	background: #547cba;
	text-decoration: none;
	}

#pulsanti a:active{
	text-decoration: none;
	}


.smallcaps {
  font-variant: small-caps;
}

/************************************************/
/*	OMBRE --> METODO SENZA IMMAGINI, PURO CSS	*/

.shadow-container {

    position: relative;
    left: 1px;
    top: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
}

.shadow-container .shadow2,
.shadow-container .shadow3,
.shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
}

.shadow-container .shadow1 {
        background: #F1F0F1;
    }

.shadow-container .shadow2 {
	background: #DBDADB;
}

.shadow-container .shadow3 {
	background: #B8B6B8;
}

.shadow-container .container {
	background: #ffffff;
	border: 1px solid #848284;
	padding: 4px;
	padding-bottom: 1px;
}