body{
	margin:0px;
	padding:0px;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 83%;             	/*dimensionamento % del font  */
	text-align:center;          	/*centra con IE5x*/
   line-height:1.6em;
	background-color: #F0F8E4;
   background-image: url(foto08/nuovosfondo.jpg); background-attachment: scroll; background-repeat: repeat;
}


div#container {
	/*width:99%;          		/*dimensionamento del container principale per layout liquido risoluzione99% del client*/
	/*width:70em;               	/*dimensionamento del container principale per layout elastico risoluzione 1024*/
	width:55em;                     /*dimensionamento del container principale per layout elastico risoluzione 800*/
	margin:0px auto;             	/*centra la pagina negli altri browsers*/
	text-align:left;		/*ripristina l'allineamento del testo*/
	background-color:transparent;/*#F0F8E4;*/
   padding: 20px 0 0 0;

}

/* logo ditta  scorrevole con la pagina */

	#header {
	width: 100%;
	text-align:center;
   background-color: /*#e7dfcb*/ #F0F8E4;
	background-image:url(foto08/insegna2011.gif);
	background-repeat:no-repeat; 	
	background-position:center center;
	height:130px;
	margin:0px; border-style:solid; border-width:0px;

 
}

/*===============codice per accessibilita readers ===*/

#header span{position:absolute; top:-500px; left:0;}


/* =============================================descrizione inserita nella testata */

.testo span {
 position: absolute; 
 /* top: 65px; left: 49em; */
 /* top: 37%; left: 1.5em; */
 top: 25em; left: 1.5em; 
 color:#217C22;
 font-weight: bold;
 font-family: arial, "times-new-roman", "sans-serif";
 font-size: 80%;
 font-style: normal;
 text-align: left;

}

.testo a:link { 
 color:  #0000FE;
 text-decoration: none;

}
.testo a:visited { 
 color:  #0000FE;
 text-decoration: none;
}

.testo a:hover { 
color:#000000;
}


.testo1 span {
 text-align: left;
 color: #217C22;
 font-weight: bold;
 font-family: times-new-roman, sans-serif;
 font-size: 80%;
 font-style: normal;


}

.testo1 a:link { 
 color: #0000FE;
 text-decoration: none;

}
.testo1 a:visited { 
 color: #0000FE;
 text-decoration: none;
}

.testo1 a:hover { 
color:#000000;
}



.testo2 span {
 position: absolute; 
 /* top: 65px; left: 49em; */
 /* top: 37%; left: 1.5em; */
 top: 102em; left: 12em;
 color: #217C22;
 font-weight: bold;
 font-family: arial, "times new roman", "sans serif";
 font-size: 90%;
 font-style: normal;
 text-align: center;
}


.testo2 a:link { 
 color: #0000FE;
 text-decoration: none;

}
.testo2 a:visited { 
 color:  #0000FE;
 text-decoration: none;text-decoration: none;

}

.testo2 a:hover { 
color: #000000;
}

/* fine descrizione in testo span */


p { 
	text-align: left;
    	color: rgb(0, 0, 0);
    	margin-left: 50px;
    	margin-right: 50px;
}



/*===============titolo di pagina   colore nero - grassetto ========================*/
h1 { 	
	font-family: Times New Roman, Arial;
   font-style:italic;
	color: rgb(0, 0, 0);
   text-align: center; 
 	text-shadow: #787878 2px 2px 2px 
	
}


/*===============titolo di paragrafo   colore verde - grassetto =====================*/
h2{
	color: rgb(0, 153, 0);
	text-align: center;
	font-weight: bold;
	font-family: Times New Roman, Arial;
   font-style:italic;
	/*text-shadow: #787878 1px 1px 1px */
	

}


/*=============sottolineo solo i tit.paragrafo con header h2 =========================*/
h3{	
	text-align: center;  
	font-family: Times New Roman, Arial; 
	font-weight: bold; 
	font-style:italic; 
	color: rgb(0, 153, 0);  
	text-decoration: none;
/*text-shadow: #787878 1px 1px 2px; */


}

.black {color: rgb(0, 0, 0); text-shadow: #787878 1px 1px 1px; }


/* sezione link:--- per avere i'effetto cascade link-marrone----hover-verde---visited-marrone---link-marrone---hover-verde bisogns seguire l'ordine -----a:link-a:visited-a:hover*/


a:link { 
		font-style: italic;
   	color: #ffffff;
      font-weight: bold;
      outline:none;
		text-decoration: none;
  	/*	padding: 1px 8px 1px 8px; */
	
}


a:visited { 
	background-color: transparent;
	color: #ffffff;
   font-weight: bold;
   outline:none;
	text-decoration: none;



}

a:hover {
	text-decoration: none;

   color: #E7F213; 
   font-weight: bold;
   outline: none;



}
img{ 
	border:0px;
	

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

	-moz-box-shadow: 3px 3px 7px #323232;         /*per Firefox*/
	-webkit-box-shadow: 4px 4px 7px #323232;     /*per Safari e Chrome*/
	box-shadow: 4px 4px 7px #323232;


}


div#containernofoto a:link { 

	font-style: italic;
    	font-weight: bold;
    	background-color:  #5DA6A6;/*#3679E7;*/ /*#307F25;*/
    	color: #ffffff; /*#FBF213;*/
    	text-align: center;
		padding: 2px 4px 2px 4px;
  		border-radius: 5px;
	/*  display:block;*/
	/*  float:left; */
	/*  margin:0px 0px 0px 45px; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  
    -moz-box-shadow: 3px 3px 5px #000;         /*per Firefox*/
    -webkit-box-shadow: 3px 3px 5px #000;     /*per Safari e Chrome*/
    box-shadow: 3px 3px 5px #000;
 

 }




div#containernofoto a:hover {

background-color:  #307F25;
    	color: #E7F213;

}



div#containernofoto a:visited {

background-color:  #5DA6A6;
    	color: #ffffff;

}



.containernofoto a:link { 

	font-style: italic;
    	font-weight: bold;
    	background-color:  #5DA6A6;/*#3679E7;*/ /*#307F25;*/
    	color: #ffffff; /*#FBF213;*/
    	text-align: center;
		padding: 2px 4px 2px 4px;
  		border-radius: 5px;
	/*  display:block;*/
	/*  float:left; */
	/*  margin:0px 0px 0px 45px; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  
    -moz-box-shadow: 3px 3px 5px #000;         /*per Firefox*/
    -webkit-box-shadow: 3px 3px 5px #000;     /*per Safari e Chrome*/
    box-shadow: 3px 3px 5px #000;
 

 }




.containernofoto a:hover {

background-color:  #307F25;
    	color: #E7F213;

}



.containernofoto a:visited {

background-color:  #5DA6A6;
    	color: #ffffff;

}



.evidenziato a span { 

    	font-style: italic;
    	font-weight: bold;
    	background-color:  #5DA6A6;/*#3679E7;*/ /*#307F25;*/
    	color: #ffffff; /*#FBF213;*/
    	text-align: center;
		padding: 2px 4px 2px 4px;
  		border-radius: 5px;
	/*  display:block;*/
	/*  float:left; */
	/*  margin:0px 0px 0px 45px; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  
    -moz-box-shadow: 3px 3px 5px #000;         /*per Firefox*/
    -webkit-box-shadow: 3px 3px 5px #000;     /*per Safari e Chrome*/
    box-shadow: 3px 3px 5px #000;
 

}



.evidenziato a:hover span{

background-color:  #307F25;
    	color: #E7F213; 


}




/*==============intestazione homepage===============================================*/

#tit_big{ 
	color: #000;

	text-align: center;
	font-size: 3em;
	font-family: Times New Roman, Arial;
	font-style:italic;
	font-weight: bold; 
   text-shadow: #787878 2px 2px 2px 


    
}



.tit_small { 	
	color:  #000;
	text-align: center;
	font-family: Times New Roman, Arial,Helvetica,sans-serif;
	font-size:1.4em;
	font-style:italic;
	font-weight: bold; 
   text-shadow:#81706F 1px 1px 1px

}


/*===============titolo di indici    colore nero - grassetto========================*/

.tit_indice { 
	color: rgb(0, 0, 0);
	margin-left: 20px;
  	text-align: left;
   font-weight: bold;
}

 
li { 
    color: rgb(153, 102, 51);
    text-align: left;
    margin-left: 70px;
    margin-right: 70px;
}

ol { text-align: left;
    color: rgb(0, 0, 0);
} 

.piepagina_rag_soc { 
	color: rgb(0, 0, 0);
    	font-weight: bold;
    	background-color: transparent;
}

.piepagina_descrizione { color: rgb(0, 0, 0);
	background-color: transparent;
	font-size: 83%;             
    }


.footer{ 
    	text-align: left;
    	border-style: solid;
    	border-color: rgb(153, 102, 51);
    	margin: 0px 10px 10px;
    	background-color: #F0F0F0;
    	float: none;
    	color: rgb(0, 0, 0);
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
		-moz-box-shadow: 4px 4px 5px #323232;         /*per Firefox*/
		-webkit-box-shadow: 4px 4px 5px #323232;     /*per Safari e Chrome*/
		box-shadow: 4px 4px 5px #323232;



}



#footer{ 
    	text-align: left;
    	border-style: solid;
    	border-color: rgb(153, 102, 51);
    	margin: 0px 10px 10px;
    	background-color: #F0F0F0;
    	float: none;
    	color: rgb(0, 0, 0);

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

-moz-box-shadow: 4px 4px 5px #323232;         /*per Firefox*/
-webkit-box-shadow: 4px 4px 5px #323232;     /*per Safari e Chrome*/
box-shadow: 4px 4px 5px #323232;

}

.testoevidenziato { 
    	font-style: italic;
    	font-weight: bold;
    	background-color: #307F25;
    	color: #FBF213;
    	text-align: center;
		padding: 2px 8px 2px 8px;

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

-moz-box-shadow: 3px 3px 5px #000;         /*per Firefox*/
-webkit-box-shadow: 3px 3px 5px #000;     /*per Safari e Chrome*/
box-shadow: 3px 3px 5px #000;

}






/*====================sezione avvisi===============*/

.avviso_max {
	color:#990000;
	font-weight:bold;
}

.avviso_med {
	color:#990000;
	
}	

.avviso_med_cor {
	color:#990000;
	font-style:italic;
	font-size: 83%;     
}

.avviso_nor {
	color:#999900;
	font-weight:bold;
}

.avviso_min {
	color:#999900;
}

/* === sezione mappe ===*/

.centra{
	text-align:center;
	padding:20px 0px 0px 0px;


}

div#foto1 {
	float: left;
 

}

.foto1 {
	float: left; 
	margin: 0px 10px 0px 0px;

}

.foto2 {
	float: left;
	margin-right:1em;

}



 div#riposiziona {
	clear:both; text-align:center;
}

 .riposiziona {
	clear:both; text-align:center;
}


.testopiccolo {
	font-size:80%;
}

/* ================sezione liste=================== */

.sposta_p {
	margin-left: 100px;
	color: rgb(153, 102, 51);

}

/* ===================sezione motoclub ==============*/



div#containermotoclub {
	
	width:70em;                 
	margin:0px auto;                
	background-color: transparent; 
	padding: 20px 0 0 0; 
}

.noce {
	background-color: #996633;
	padding:10px;
	margin:0px;
}







img.validate {
	
	height: 31px; 
	width: 88px;
	margin-left:1em;
	border:0px;

}


img.validate_css{
	
	height: 31px; 
	width: 88px;
	margin-left:1em;
	border:0px;



}

img.senza_bordo{
  
	border:0px;
-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.0);         /*per Firefox*/
-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.0);;     /*per Safari e Chrome*/
box-shadow: 3px 3px 5px rgba(0,0,0,0.0);


}

img.senza_ombra{

	border: 1px;
-moz-box-shadow: 0px 0px 0px rgb(0,0,0,0.0);         /*per Firefox*/
-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.0);;     /*per Safari e Chrome*/
box-shadow: 3px 3px 5px rgba(0,0,0,0.0);



}

img.corriere{
	
	border:0px;
	}

img.corriere1{
	
	border:0px;
	height: 25px; 
	width: 530px;
}


p.giallo {

	background-color: #ffdd00;
        
}

/* ===================sezione immagine collegamento a corriere.html ==============*/



.vettore {
width:528px; height:29px; margin:auto; padding:0px; z-index: 90;
}

.vettore a {display:block; background:transparent url(foto08/corriere.png); width:528px; height:29px; padding:0px;
   border-radius: 5px;
		-webkit-border-radius: 5px;
  	   -moz-border-radius: 5px;
  
  	   -moz-box-shadow: 3px 3px 5px #000;         /*per Firefox*/
      -webkit-box-shadow: 3px 3px 5px #000;     /*per Safari e Chrome*/
  	   box-shadow: 3px 3px 5px #000;
}

.vettore a:hover{
background-position:0px -29px;
} 
 

.vettore a:visited  {
 text-decoration:none; width:528px; height:29px; padding:0px; line-height:25px;
}

.vettore span{display: none;
}
.vettore a:hover span{display: none;
}


hr.hr50 {
height: 3px;
border: 0;
color: #000;
background-color: #B13636;
width: 87%;
}

hr.hr90 {
height: 2px;
border: 0;
color: #000;
background-color: #B13636;
width: 95%;
}





/* ===================evidenza una nota sul testo==============*/

.nota  { background-color: transparent;  }
.nota  a { position: relative; z-index: 1; color: #993322; }
.nota  a:hover { border: 0; z-index: 1;}
.nota  a span { display: none; z-index: 1;}
.nota  a:hover span { position: absolute; display: block; text-align: left; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: none; z-index: 99; top: -1.5em;  left: 9em; padding: 0 0.5em; border: 2px solid #993311; background-color: #e1e7d2; color: #226622; 

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

	-moz-box-shadow: 3px 3px 7px #323232;         /*per Firefox*/
	-webkit-box-shadow: 4px 4px 7px #323232;     /*per Safari e Chrome*/
	box-shadow: 4px 4px 7px #323232;
   white-space : nowrap;
}


.fotocorniceombra {

padding: 0px;
border: solid 0px #000000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-moz-box-shadow: 3px 3px 7px #323232;         /*per Firefox*/
	-webkit-box-shadow: 4px 4px 7px #323232;     /*per Safari e Chrome*/
	box-shadow: 4px 4px 7px #323232;
}



.posizleft {

clear: both; text-align: left;
}


.blink {

       font-family: "Times New Roman",Arial,Helvetica,sans-serif;
       font-size: 150%;
       font-style:italic;
       text-decoration:blink;
       color:#990000;
       font-weight:bolder;
     
 }


.allineamentoverticale{                               /* allinea verticalmente i pulsanti google+ e twitter */
/* vertical-align: text-bottom;
vertical-align: baseline; */
vertical-align: -25%;
}


/* ===================sezione==============*/