/********************* HTML tag styles**********************/

/*body microscopio*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	margin:0;
	padding:0;
	background-color: #FAFAF0;
	background-attachment: fixed;
	background-image: url(microscopio/Immagini/microsco.gif);
	background-repeat: no-repeat;
	background-position: right 98%;

}

/*body cannocchiale*/
body.cannocchiale {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	margin:0;
	padding:0;
	background-color: #FAFAF0;
	background-attachment: fixed;
	background-image: url(cannocchiale/Immagini/cannocchiale.gif);
	background-repeat: no-repeat;
	background-position: right 98%;

}
body.compasso {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	margin:0;
	padding:0;
	background-color: #FAFAF0;
	background-attachment: fixed;
	background-image: url(compasso/Immagini/compasso.gif);
	background-repeat: no-repeat;
	background-position: right 98%;

}
body.popup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:center;
	margin:0;
	padding:0;
	background-color: #FAFAF0;
	background-attachment: fixed;
	background-image: url(cannocchiale/Immagini/cannocchiale.gif);
	background-repeat: no-repeat;
	background-position: right 98%;

}

h1 {
	font-size: x-large;
	font-weight: normal;
	color: #203C51;
	padding-left: 10px;
}

h2 {
	font-size: x-large;
	font-weight: lighter;
	color: #FFFFFF;
	background-color: #2F526C;
	letter-spacing: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 7px;
	
}

h3 {
	font-size: small;
	font-weight: normal;
	color: #000000;
	text-align: left;
	margin: 0;
	padding-left: 8px;
	background-color: #BDCBD6;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover{
	color: #FCC86E;
	text-decoration: underline;
}

p {
	text-align: justify;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

ul {
	text-align: left;
	text-indent: -13px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 8px;
	padding-left: 10px;
	list-style-type: none;
}

img {
	border: none;
	padding-right: 0px;
}

label {
	margin: 0px;
	padding: 0px;
}

/*************************** intestazione ***************************/

#intestazione {
	background-color: #ECEBE6;
	text-align:left;
	margin-top: 0px;
	margin-bottom: 0px;	
	width:100%;
	height:37px;
	position: relative;
}

#intestazionepiccola {
	background-color: #ECEBE6;
	text-align:left;
	margin-top: 0px;
	margin-bottom: 0px;	
	width:100%;
	height:35px;
	position: relative;
}


				/***componenti di intestazione***/


#logo {
	position:absolute;
	top:0px;
	left:0px;
}

#cerca {
	width:285px;
	height: 37px;
	position:absolute;
	top:7px;
	right:0;
}

#cercapiccolo {
	width:300px;
	height: 29px;
	position:absolute;
	top:2px;
	right:0;
}

#bottoni {
	width: 112px;
	position: absolute;
	top: 8px;
	left: 163px;
}

#bottonipiccolo {
	width: 110px;
	position: absolute;
	top: 2px;
	left: 177px;
	height: 24px;
}

/*********************** fine intestazione *********************/

/************************* navigazione *************************/

#navigazione {
	color: #FCC86E;
	background-color: #000000;
	margin-top: 0px;
	width: 100%;
	height: 19px;
	position: relative;
}

#navigazionepiccola {
	color: #FCC86E;
	background-color: #000000;
	margin-top: 0px;
/*	width: 786px;*/
	height: 16px;
	width: 100%;

	position: relative;
}

				/***componenti di navigazione***/

#quadretti {
	width: 39px;
	position: absolute;
	top: 0px;
	left: 0px;
	
}

#menu {
	background-color: #000000;
	text-align: justify;
	width: 561px;
	position: absolute;
	top: 0px;
	left: 39px;
	margin-top: 3px;
}

#menupiccolo {
	background-color: #000000;
	text-align: justify;
	width: 561px;
	position: absolute;
	top: 0px;
	left: 60px;
	margin-top: 2px;
}

#lingua {
	background-color: #000000;
	text-align: center;
	width: 160px;
	position: absolute;
	top: 0px;
	right: 0px;
	margin-top: 3px;
}

#linguapiccola {
	background-color: #000000;
	text-align: center;
	width: 160px;
	position: absolute;
	top: 0px;
	right: 0px;
	margin-top: 2px;
}

/************************* fine navigazione *********************/

/*************************** corpo ****************************/

#corpo {
	background-color: #FCFCF5;
	width: 100%;
	font-size: small;
}
				
				/***componenti di corpo***/

#orientamento{
	text-align: left;
	padding-left: 10px;
	padding-top: 10px;
}	
				
#titolo {
	text-align: left;
	width: 60%;
	padding-top: 15px;
	padding-left: 10px;
}
	
#imm {
	text-align: center;
	width: 20%;
	padding-top: 15px;
}

#testo {
	text-align: left;
	vertical-align: top;
	padding-top: 15px;
}	
	
#immagini {
	text-align: center;
}

#correlati {
	background-color: #EFEBD9;
	vertical-align: top;
	width: 20%;
}

#nav_interna {
	text-align: center;
	vertical-align: top;
}


/*********************** fine corpo ************************/

/*********************pie' di pagina ***********************/

#piedipagina {
	color: #fcc86e;
	background-color: #000000;
	text-align: center;
	margin-top: 0px;	
	padding-bottom: 3px;
	width:100%;
}


						/***************/
/************************* div styles ***********************/
						/***************/



/*********************** #correlati styles *******************/


#correlati a {
	color: #000000;
	font-weight: bold;
}

#correlati a:visited {
	color: #89A1B7;
}

#correlati a:hover {
	color: #2285A7;
	text-decoration: underline;
}


/*********************** #nav_interna styles *******************/

#nav_interna a{
	font-weight: bold;
	color: #155A8D;
}

#nav_interna a:visited{
	color: #89A1B7;
}

#nav_interna a:hover{
	color: #2285A7;
text-decoration: underline;
}


						/***************/
/*************************** classes ***********************/
						/***************/


a.menuinfo:hover {
	color: #000000;
	background-color: #BCDCD5;
}

a.menumuseo:hover {
	color: #000000;
	background-color: #EDD9CF;
}

a.menuist:hover {
	color: #000000;
	background-color: #D2C8E0;
}

a.menubiblio:hover {
	color: #000000;
	background-color: #E8D587;
}

a.menuespo {
	color: #ECEBE6;
	text-decoration: underline;
}

a.menuespo :visited {
	color: #ECEBE6;
	text-decoration: underline;
}



a.menuespo:hover {
	color: #000000;
	background-color: #ECEBE6;
}

a.breadcrumb:link {
	color: #155A8D;
}

a.breadcrumb:visited {
	color: #89A1B7;
}

a.breadcrumb:hover {
	color: #2285A7;
	text-decoration: underline;
}

.blu {
	color: #155A8D;
}

.grigio {
	color: #AAAAAA;
}

.grassetto {
	font-weight: bold;
}

.small {
	font-size: x-small;
	font-weight: bold;
}

.centrato {
	text-align: center;
}

.blocco {
	width: 760px;
}

.dist {
	width: 27%;
}

.inalto {
	vertical-align: top;
}

/*classi esclusive per indici sale*/

.indice {
	font-size: small;
	background-color: #FCFCF5;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 30px;
}

.indice a{
	color: #155A8D;
}

.indice a.visited{
	color: #89A1B7;
}

.indice a:hover{
	color: #2285A7;
	text-decoration: underline;
	
}

/*fine classi esclusive per indici sale*/

/*div e classi esclusivi per schede multimediali*/
#titolo2{
	text-align: left;
	width: 40%;
	padding-top: 15px;
	padding-left: 10px;
}

.multimedia {
	text-align: left;
	width: 40%;
	vertical-align: bottom;
}

.multimedia a{
	color: #155A8D;
}

.multimedia a.visited{
	color: #89A1B7;
}

.multimedia a:hover{
	color: #2285A7;
	text-decoration: underline;
}
.colltxt {
	color: #155A8D;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.colltxt:hover {  
	color:#2285A7;
	text-decoration: underline}
	
.colltesto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #155A8D;
	text-decoration: none;
}

.colltesto:hover {
	color:#2285A7;
	text-decoration: underline;
}

.colltestog {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #155A8D;
	text-decoration: none;
}

.colltestog:hover {
	color:#2285A7;
	text-decoration: underline;
}
.colltxtg {
	color: #155A8D;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.colltxtg:hover {  
	color:#2285A7;
	text-decoration: underline
}

.colltxtgi {
	color: #155A8D;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
}
.colltxtgi:hover {  
	color:#2285A7;
	text-decoration: underline}
	
.colltestoi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #155A8D;
	text-decoration: none;
	font-style: italic;
}

.colltestoi:hover {
	color:#2285A7;
	text-decoration: underline;
}

.colltxtgp {
	color: #155A8D;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.colltxtgp:hover {  
	color:#2285A7;
	text-decoration: underline
}

.colltxtgpp {
	color: #155A8D;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.colltxtgpp:hover {  
	color:#2285A7;
	text-decoration: underline
}

.colltxtgppp {
	color: #155A8D;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.colltxtgppp:hover {  
	color:#2285A7;
	text-decoration: underline
}
