@charset "utf-8";
.twoColFixRtHdr  #header li {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 20px;
	border: 0;
	display: block;
	float: left;
	font-weight: bold;
}
.twoColFixRtHdr   #header ul {
	margin-left: 200px;
	font-family: "Century Gothic";
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 140px;
}
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	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 #container */
	color: #000000;
	background-repeat: repeat-x;
	background-image: url(images/bgb.png);
}
.twoColFixRtHdr #container {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 30px;
	background-color: #ffffff;
} 
.twoColFixRtHdr #header {
	background-image: url(images/banner.png);
	height: 237px;
	width: 763px;
	margin: 0 auto;
} 
.twoColFixRtHdr #header h1 {
	margin: 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */
	font-family: "Century Gothic";
	font-size: 14px;
	color: #3399FF;
	padding-left: 150px;
	padding-top: 50px;
	font-weight: normal;
	padding-right: 150px;
}
.twoColFixRtHdr #sidebar {
	float: right; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 205px; /* il colore di sfondo verrà visualizzato per tutta la lunghezza del contenuto all'interno della colonna, ma non oltre */
	padding: 0 15px 10px 10px;
	margin-top: 20px;
}
.twoColFixRtHdr #container #sidebar #contatti {
	color: #3399FF;
	font-family: "Century Gothic";
	font-size: 12px;
	text-align:right;
	font-weight: 700;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
}
.twoColFixRtHdr #container #sidebar #testo {
	font-family: "Century Gothic";
	font-weight:600;
	font-size: 13px;
	text-align:left;
	color:#FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.twoColFixRtHdr #container #sidebar #testo a {

	color:#FFFFFF;
	text-align:left;
}


.twoColFixRtHdr #mainContent {
	margin: 5px 240px 0 10px; /* il margine destro di questo elemento div crea la colonna sul lato destro della pagina; indipendentemente dalla quantità di contenuto presente nel div sidebar, lo spazio della colonna rimane inalterato. È possibile rimuovere questo margine se si desidera che il testo del div #mainContent riempia lo spazio di #sidebar quando il contenuto di #sidebar finisce. */
	padding: 15px 10px 0 5px;
	background-color: #FFFFFF;
	background-image: url(bg.png);
} 
.twoColFixRtHdr #footer {
	padding: 0 10px 0 20px;
	height: 29px;
	margin-top: 10px;
	background-repeat: no-repeat;
} 
.twoColFixRtHdr #footer p, p a {
	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 10px 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
	font-family: "Century Gothic";
	font-size: 12px;
	color: #3399FF;
	font-weight: bold;
	padding:8px 5px 5px 5px;
	text-align:center
}
.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 8px;
}
.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: 1px;
    line-height: 0px;
}
.twoColFixRtHdr #container #sidebar #testo img {
	margin: 15px;
}
.twoColFixRtHdr #container #sidebar #contatti img {
	margin: 15px;
}
.twoColFixRtHdr  #header a {
	font-family: "Century Gothic";
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none
}
.twoColFixRtHdr #container #mainContent #main_sx {
	font-family: "Century gothic";
	display: block;
	float: left;
}
.twoColFixRtHdr #container #mainContent .box_index img {
	margin: 15px;
}
.twoColFixRtHdr #container #mainContent .box_index {
	font-family: "Century Gothic";
	font-size: 12px;
	color: #3399FF;
	text-align: center;
	width: 100%;	
	
}
.twoColFixRtHdr #container #mainContent .box_home img {
	padding: 15px 15px 0 0;
}
.twoColFixRtHdr #container #mainContent .box_home {
	font-family: "Century Gothic";
	font-size: 12px;
	color: #3399FF;
	text-align: center;
	width: 100%;	
	
}
.twoColFixRtHdr #container #mainContent .tabella {
	font-family: "Century Gothic";
	font-size: 12px;
	color: #3399FF;
	text-align: justify;
	width: 100%;
	text-align:center;	
	
}
.twoColFixRtHdr #container #mainContent .box_index p {
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}


.twoColFixRtHdr #container #mainContent #main_dx {
	font-family: "Century gothic";
	display: block;
	float: right;
}
.rounded:before {
  background: transparent url(images/top-right.png) scroll no-repeat top right;
  margin-bottom: -20px;
  height: 30px;
  display: block;
  border: none;
  content: url(images/s-top-left.png);
  padding: 0;
  line-height: 0.1;
  font-size: 1px;
}
.rounded:after {
  display: block;
  line-height: 0.1;
  font-size: 1px;
  content:  url(images/bottom-left.png);
  margin: 0 0 -1px 0;
  height: 30px;
  background: white;
  background: transparent url(images/s-bottom-right.png) scroll no-repeat bottom right ;
  padding: 0;
}


 
.box_index {
	background-color:#3399FF;
	color:#C43400;
	text-align: justify;
}
 
.box_index dt{
	margin:0 1px 0 1px;
	position:relative;
	top:-1px;
	font-size:18px;
	font-weight:bold;
	color:#3399FF;
} 
 
 .box_index dt a {
	font-size:18px;
	font-weight:bold;
	color:#3399FF;
	text-decoration:none;
	padding-right:20px;
} 

.box_index dt b {
	margin:0 1px 0 1px;
	position:relative;
	top:-2px;
	display:block;

}

.box_index dd  #dettagli{
 margin:0 1px 0 1px;
 position:relative;
 bottom:-1px;
 text-decoration:none;
 background-image:url(images/ico_dettagli.png);
 background-repeat:no-repeat;
 background-position:left;
 padding-left:50px;
 margin-bottom:50px;
 color:#666666;
 font-weight:bold;
 text-align:right;
 margin-left:230px
 
} 
.box_index dd {
 margin:0 1px 0 1px;
 position:relative;
 bottom:-1px; border-bottom: 1px solid;
} 
.box_index .dd-content a {
	
	
	color: #666666;
	text-decoration:none
}
.box_index .dd-content {
	margin:0 1px 0 1px;
	position:relative;
	bottom:-2px;
	text-align: justify;
	padding:15px;
	list-style-image:url(images/chiave.png);
}
.box_index .dd-content li{

	padding:5px; list-style-image:url(images/chiave.png);
} 
.box_index {
	background-color:#fff;
	
}

.box_index dt {

	margin:0;
}

.box_index dt b {

	padding:5px;
	background-color:#fff;
}

.box_index dd {

	margin:0;
}

.box_index .dd-content {

	background-color:#fff;

} 
 .box_index .dd-content #msg {
	color:#FF6600;
	font-weight:bold;
	font-size:14px;
	text-align:justify;
	padding: 0 50px 20px 50px;
} 


.menu {
	background-color:#ff7e00;
	color:#C43400;
}
 
.menu dt {
 margin:0 1px 0 1px;
 position:relative;
 top:-1px;
 border-top: 1px solid;} 

.menu dt b {
 margin:0 1px 0 1px;
 position:relative;
 top:-2px;
 display:block;
 border-top: 1px solid;}

.menu dd {
 margin:0 1px 0 1px;
 position:relative;
 bottom:-1px;
 border-bottom: 1px solid;} 

.menu .dd-content {
 margin:0 1px 0 1px;
 position:relative;
 bottom:-2px;
 border-bottom: 1px solid;}
 
.menu {
	background-color:#ff7e00;
	border-left: 1px solid #ff9c00;
	border-right: 1px solid #ff9c00;
}

.menu dt {
	border-top-color: #ff9c00;
	margin:0;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Century Gothic;
	 font-size:18px;
	 text-align:right;
	 padding-right:15px;
}
.menu dt img{
margin-top:15px;
	text-align:right
}


.menu dt b {
	border-top-color: #ff9c00;
	padding:10px;
	background-color:#ff7e00;
}

.menu dd {
	border-bottom-color: #ff9c00;
	margin:0;
}

.menu .dd-content {
	border-bottom-color: #ff9c00;
	padding:10px;
	background-color:#ff7e00;
} 











.contatti {
	background-color:#3399FF;
	color:#3399FF;
}
 
.contatti dt {
 margin:0 1px 0 1px;
 position:relative;
 top:-1px;
 border-top: 1px solid;} 

.contatti dt b {
 margin:0 1px 0 1px;
 position:relative;
 top:-2px;
 display:block;
 border-top: 1px solid;}

.contatti dd {
 margin:0 1px 0 1px;
 position:relative;
 bottom:-1px;
 border-bottom: 1px solid;} 

.contatti .dd-content {
 margin:0 1px 0 1px;
 position:relative;
 bottom:-2px;
 border-bottom: 1px solid;}
 .menu .dd-content p{background-image:url(images/chiave.png);background-repeat:no-repeat;
 padding-left:25px
 }
.contatti {
	background-color:#3399FF;
	border-left: 1px solid #3399FF;
	border-right: 1px solid #3399FF;
}

.contatti dt {
	border-top-color: #3399FF;
	margin:0;
}

.contatti dt b {
	border-top-color: #3399FF;
	padding:10px;
	background-color:#3399FF;
}

.contatti dd {
	border-bottom-color: #3399FF;
	margin:0;
}

.contatti .dd-content {
	border-bottom-color: #3399FF;
	padding:10px;
	background-color:#3399FF;
} 
 

#mainContent .box_index input{
	margin-left:80px;
	margin-bottom:10px;
	margin-right:50px;
	width:200px;
	font-family:Century Gothic;
	font-size:12px;
	color:#3399FF;
	border: thin #3399FF solid;
}
#mainContent .box_index .dd-content #button{
	background-color:#3399FF;
	color:#FFFFFF;
	font-family:Century Gothic;
	font-size:12px;
	font-weight:bold

}
#mainContent .box_index .dd-content textarea{
	margin-left:75px;
	margin-bottom:10px;
	margin-right:50px;
	vertical-align:top;
	font-family:Century Gothic;
	font-size:12px;
	color:#3399FF;
	width:200px;
	border: thin #3399FF solid;
}
#mainContent .box_index .dd-content form{
	width:500px;
	text-align:right;
}



.box_home {
	text-align: justify;
	margin-bottom: 20px;
	border-bottom-color: #3399FF;
}
 
.box_home dt{
	margin:0 1px 0 1px;
	position:relative;
	top:-1px;
	border-top: 1px solid;
	font-size:14px;
	color:#3399FF;
	font-weight: bold;
	border-color: #3399FF;
} 
 
 .box_home dt a {
	font-size:18px;
	color:#3399FF;
	text-decoration:none;
	padding-right:20px;
} 

.box_home dt b {
 margin:0 1px 0 1px;
 position:relative;
 top:-2px;
 display:block;
 border-top: 1px solid;}

.box_home dd {
	margin:0 1px 0 1px;
	position:relative;
	bottom:-1px;
	border-bottom: 1px solid;
	color: #3399FF;
	border-bottom-color: #3399FF;
} 

.box_home .dd-content {
	margin:0 1px 0 1px;
	position:relative;
	bottom:-2px;
	text-align: justify;
	padding:10px;
	list-style-image:url(images/chiave.png);

}
.box_home .dd-content li{

	padding:5px; list-style-image:url(images/chiave.png);
} 
.box_home {
	background-color:#fff;
	border-left: 1px solid #3399FF;
	border-right: 1px solid #3399FF;
}

.box_home dt {
	border-top-color: #3399FF;
	margin:0;
	padding-right: 15px;
	padding-top: 5px;
}

.box_home dt b {
	border-top-color: #3399FF;
	padding:10px;
	background-color:#fff;
}

.box_home dd {
	border-bottom-color: #3399FF;
}

.box_home .dd-content {
	border-bottom-color: #3399FF;
	background-color:#fff;
	border-bottom: 1px solid;
} 
 .box_home .dd-content #msg {
	color:#FF6600;
	font-weight:bold;
	font-size:14px;
	text-align:justify;
	padding: 0 50px 20px 50px;
} 
#sidebar .menu #testo #cerca .select{
font-family:Century Gothic;
font-size:12px;
font-weight:bold;
border:thin #FF6600;
color:#666666;
margin-top:5px;
margin-left:30px;
margin-bottom:8px;
width:150px;

}
#sidebar .menu #testo #cerca input{
font-family:Century Gothic;
font-size:12px;
font-weight:bold;
border:thin #FF6600;
color:#666666;
margin-top:5px;
margin-left:30px;
margin-bottom:8px;
width:150px;
}

#upper_footer{
width:700px;
	margin: 0 20px 0 25px;
	margin-top: 10px;
	background-repeat: no-repeat;

	color:#3399FF;
	font-family:Century Gothic;
	font-size:12px;
	padding-right:20px;
	text-align:justify

}
#upper_footer a{
color:#3399FF;
font-family:Century Gothic;
font-size:12px;
	padding-right:20px;
}