BODY {
    PADDING: 0px;
	BACKGROUND: #FFFFFF; MARGIN: 2px; SCROLLBAR-SHADOW-COLOR: #8C7E65;
	SCROLLBAR-3DLIGHT-COLOR: #C8B491; SCROLLBAR-ARROW-COLOR: #C8B491;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #FFF2DC;
	FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-FAMILY: Verdana,geneva,Helvetica,sans-serif;

}

#div-grande {
	display: block; 
margin: 5px;
width: 98%;
color: black;
background-color: #FFF9ED;
border: solid 2px #7F2A00;
}

#rigasopra   {
background-color: #C3af8c; border-bottom:2px solid #7F2A00; 
text-align: left;
max-width:100%
               }



#secondariga   {
border: solid 2px #7F2A00;
background-color: #E6DCCA; 
text-align: left; 
width: 95%;
clear:both;
display: table-row; 
padding: 10px; 
	    vertical-align: top;
               }


#colonnasinistra   {
background-color: #E6DCCA; margin: 10px; text-align: center;
display: table-cell; 
color: #702600;
}


#colonnadestra  {
	display: table-cell; 
width: 250px;
    vertical-align: top;
background-color: #FFF9ED; 
background-color: #E6DCCA; 
margin: 10px; 
text-align: center; 
               }


#menudestra  {
background-color: #FFF9ED;
margin: 10px;
border: 2px solid #7F2A00; 
}




A:link , #colonnadestra A:link {
	color: #702600;}

A:visited , #colonnadestra A:visited {
	color: #702600;
}

.divtd {
	display: table-cell; 
}

#fig_intestazione {
max-width: 100%}



.strisciabassa { 
	background-color: #C8B491;
               color: #ffffff; text-indent: 4px; text-align: center;
               border-top: 2px solid #7F2A00;
               padding-top: 4px; padding-bottom: 4px;
						color: #FFFFFF;
	background-color: #7F2A00; 
	width: 100%;
	clear:both;
	display: table-row; 
					}

.strisciabassa A:link, .strisciabassa A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}

.strisciabassa A:hover {
	TEXT-DECORATION: underline
}


#foto {
	max-width: 100%;
}


.riquadro1, .riquadro2  {
	width:200px;
	max-width:90%;
	height:200px;
	               border: 2px solid #7F2A00;

	float:left;
background-color: #FFF9ED;
   margin: 10px; 
	text-align:center;
    vertical-align: top;
	display: block;
	position: relative;

}




p {
	margin: 3px;FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-FAMILY: Verdana,geneva,Helvetica,sans-serif,arial
}

.didascalia {
	margin: 3px;FONT-WEIGHT: normal; FONT-SIZE: 11px; 
	FONT-FAMILY: Verdana,geneva,Helvetica,sans-serif,arial
}

.didascalia p {
	margin-left: 0px;
}


img {
	border:0;
}

.nomi {
	text-indent: 16px; 
 	text-align: justify; margin: 3px; padding: 3px; FONT-WEIGHT: normal; 
	FONT-FAMILY: Verdana,geneva,Helvetica,sans-serif,arial
}

.nomi p{
	margin: 0px;
	FONT-SIZE: 120%; 
}

A:link, A:visited {
	TEXT-DECORATION: none; 
}


H1 {
	color: #7f2a00;
	PADDING-RIGHT: 0.4em; PADDING-LEFT: 0.4em; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 3px;
	PADDING-BOTTOM: 0.2em; PADDING-TOP: 0.2em; LETTER-SPACING: 0.05em;
	BORDER-RIGHT: #666699 1px solid; BORDER-TOP: #c2c2e2 1px solid; BACKGROUND: #E6DCCA;
	BORDER-LEFT: #c2c2e2 1px solid; BORDER-BOTTOM: #666699 1px solid
}

.aggiornato {
	FONT-FAMILY: Arial, Verdana,geneva,Helvetica,sans-serif;
	color: #FFFFFF; background-color: #702600;
	FONT-SIZE: 9px;
	padding: 2px;
width: 98%;
margin: 0px;
position: absolute;

bottom: 0px;
}

.nuovo {
	FONT-FAMILY: Arial, Verdana,geneva,Helvetica,sans-serif;
	background-color: yellow;
	FONT-SIZE: 9px;
	padding: 2px;
width: 96%;
position: absolute;
bottom: 0px;
border: solid 2px #7F2A00;

}


.provenienza {
	color: #7f2a00;BORDER-TOP: #C8B491 1px solid; 
	PADDING-RIGHT: 0.4em; PADDING-LEFT: 0.4em; FONT-SIZE: 9px; 
	PADDING-BOTTOM: 0.2em; PADDING-TOP: 0.2em; 
	text-align: center;
    vertical-align: bottom;

}
.strisciasotto { font-weight: 500; font-size: 11px; background-color: #C8B491;
               background-repeat: repeat; background-attachment: scroll;
               color: #ffffff; text-indent: 4px; text-align: center;
               border-top: 2px solid #7F2A00; border-bottom: 0px;
               padding-top: 4px; padding-bottom: 4px; background-position: 0%;
						color: #FFFFFF;
	background-color: #7F2A00; 

					
					}
.strisciasotto A:link, .strisciasotto a:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}

.strisciasotto A:hover {
	TEXT-DECORATION: underline
}

.cellaalta   {
background-color: #C8B491; border-bottom:2px solid #7F2A00; 
text-align: left
               }

.tavola   {
border: 2px solid #7F2A00;
border-collapse: collapse;
border-spacing: 0px;
background-color: #FFF9ED; 
}

.tavscorri  {
	border: 10px; 
	FONT-FAMILY: Arial, Verdana,geneva,Helvetica,sans-serif;
	color: #FFFFFF;
	background-color: #7F2A00; 
	FONT-WEIGHT: bold;
	font-weight: 500; font-size: 11px; 
	vertical-align: center;
}

.inv  {
	background-color: #FFFFFF;
	color: #7F2A00; 
}


.spazionomi  {
	padding: 2px; 
	padding-bottom: 1px;
	}

.tableHd {
	font-size: 10pt;	
	font-weight: bold;
}

.tableHd A:link {
	color: #702600;
}
.tableHd A:visited {
	color: #702600;
}


.table1 {
	background-color: #FFF9ED;
   margin: 0; padding:0; 
	text-align:center;
    vertical-align: top;
}

.table3 {
	background-color: #FFF9ED;
   margin: 0; padding:0; 
	text-align:center;
    vertical-align: bottom;
}

.sd{
	text-align:left;
 }
.riga{
	background-color: #C8B491;
   height: 4px; overflow:hidden;
}

.table2 {
	background-color: #E6DCCA;
	color: #4E2611;
}

.table2 A:link {
	TEXT-DECORATION: none;
	color: #4E2611;
}
.table2 A:visited {
	color: #4E2611;
	TEXT-DECORATION: none
}
.table2 A:hover {
	TEXT-DECORATION: underline
}

div#header
  {
  top: 0;
  z-index: 2;
  width: 100%;
  height: 2em;
  border-bottom: 1px solid #000;
  color: #000;
  }

.tavscorri A:link, .tavscorri A:visited {
	color: #FFFFFF; 
}

.nomi A:link, .nomi A:visited {
	color: #FF0000; 
}

A:hover {
	TEXT-DECORATION: underline; 
}


@media only screen and (max-width: 730px) {

#secondariga {
	}


#colonnasinistra {
	display: block; 
width: 100%;
}

#colonnadestra  {
	display: block; 
width: 97%;
clear: both;
}


#menudestra {
	}


}



@media only screen and (max-width: 550px) {
.riquadro1 {
	width:40%;
}
.riquadro2 {
	width:90%;
}
.riquadro1 img, .riquadro2 img{
	max-width:90%;
}
#foto {
	width:100%;
}
	
}
