/********************* HTML tag styles**********************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align:center;
	margin:0;
	padding:0;
	background-color: #FFFFFF;
}
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;
}
h4 {
	font-size: small;
	font-weight: normal;
	color: #000000;
	text-align: left;
	margin: 0;
	padding-left: 8px;
	background-color: #D5D0BA;
	font-weight: bold;
}
h6 {
	font-size: small;
	font-weight: normal;
	color: #000000;
	text-align: left;
	margin: 0;
	padding-left: 8px;
	background-color: #D9F6C0;
}
a {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover{
	color: #CCCCCC;
	text-decoration: underline;
}
p {
	text-align: justify;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}
img {
	border: none;
	padding-right: 0px;
}
img.anteprime {
	border: solid;
	padding-right: 0px;
}
img.anteprime:hover{
	cursor:pointer;
	}
label {
	margin: 0px;
	padding: 0px;
}
ul {
	text-align: left;
	text-indent: -13px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 8px;
	padding-left: 10px;
	list-style-type: none;
}
/*************************** 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:29px;
	position: relative;
}


				/***componenti di intestazione***/

#logo {
	position:absolute;
	top:0px;
	left:0px;
}

#cerca {
	width:285px;
	height: 37px;
	position:absolute;
	top:7px;
	right:0;
	/*left: 700px;*/
}
#bottoni {
	width: 92px;
	position: absolute;
	top: 5px;
	left: 165px;
}
/*********************** fine intestazione *********************/

/************************* navigazione *************************/

#navigazione {
	color: #FCC86E;
	background-color: #000000;
	margin-top: 0px;
	width: 100%;
	height: 19px;
	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;
}
#lingua {
	background-color: #000000;
	text-align: center;
	width: 160px;
	position: absolute;
	top: 0px;
	right: 0px;
	margin-top: 3px;
}

/************************* 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: 0px;	
	padding-bottom: 3px;
	width:100%;
	/*position: absolute;
	bottom:0px;
	left: 0px;*/
}


						/***************/
/************************* 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: #E8D587;
	text-decoration: underline;
}

a.menuespo :visited {
	color: #E8D587;
	text-decoration: underline;
}



a.menuespo:hover {
	color: #000000;
	background-color: #E8D587;
}

a.breadcrumb:link {
	color: #155A8D;
}

a.breadcrumb:visited {
	color: #89A1B7;
}

a.breadcrumb:hover {
	color: #2285A7;
	text-decoration: underline;
}

a.breadcrumbbiancogr:link {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #9D4C2A;
	padding-left: 3px;
	padding-right: 3px;
}

a.breadcrumbbiancogr:visited {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #9D4C2A;
	padding-left: 3px;
	padding-right: 3px;
}

a.breadcrumbbiancogr:hover {
	color: #999999;
	text-decoration: underline;
	font-weight: bold;
	background-color: #9D4C2A;
	padding-left: 3px;
	padding-right: 3px;
}


a.breadcrumbnero:link {
	color: #000000;
}

a.breadcrumbnero:visited {
	color: #000000;
}

a.breadcrumbnero:hover {
	color: #999999;
	text-decoration: underline;
}


a.anteprime:link {
	color: #FFFFFF;
}

a.anteprime:visited {
	color: #FFFFFF;
}

a.anteprime:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.anteprime {
	color: #FFFFFF;
	border-color: #FFFFFF;
}

a.sottosezioni:link {
	text-decoration: none;
	color: #000000;
	font-size: x-small;
	margin-top: 5px;
	margin-bottom: 5px;
}
a.sottosezioni:visited {
	text-decoration: none;
	color: #666666;
	font-size: x-small;
	margin-top: 5px;
	margin-bottom: 5px;
	
}
a.sottosezioni:hover {
	text-decoration: underline;
	color: #C38602;
	font-size: x-small;
	margin-top: 5px;
	margin-bottom: 5px;
}
.blu {
	color: #155A8D;
}
.bianco {
	color: #FFFFFF;
}
.didascalie {
	color: #fbe26d;
	font-size: x-small;
}

.grigio {
	color: #AAAAAA;
}
.grigioscuro {color: #666666}
.legenda {
	color: #666666;
	font-weight: bold;
	font-style: italic;
}
.percorsosottit {font-size: medium; font-weight: bold; color: #CC9933; }

.grassetto {
	font-weight: bold;
}
.istinfo {
	font-weight: bold;
	font-size: x-small;
	font-family:Verdana, Arial, sans-serif;
	color:#CC9933;
}

.xsmall {
	font-size: x-small;
	font-family:Verdana, Arial, sans-serif;
}
.verticale {
	writing-mode: tb-rl;
	filter: flipv fliph;
	font-size: 9px;
	padding-left: 3px;
}

.xxsmall {font-size: xx-small}
.small {font-size: small}
.smital {font-size: small; font-style: italic; }
.smbold {font-size: small; font-weight: bold; }
.medium {font-size: medium}
.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
}
.indice_lista {
	font-size: medium;
	text-align: left;
	color: #000033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*fine div e classi esclusivi per schede multimediali*/
.bottoni {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	color: #C23206;
	font-weight: bold;
	background-color: #F4ECB3;
}
.continua {

	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	color: #C23206;
	font-weight: bold;
	background-color: #F2F5DC;
}

/*stili per IST2*/
#istnavbar {background-color: #C2BAB8; padding-bottom: 3px; padding-top: 1px; padding-left: 10px; text-align: left;}
#tdtitoli {padding: 10px; text-align: left;}
.itinbg {background-color: #E3DFBA; padding: 5px; border-style: solid; border: 1px; border-color: #45312A; margin-right: 45px;}
#topbar {background-image: url(ist/immagini/bgbrn2.gif); background-repeat: repeat-x; text-align: left; height: 49px; margin: 0px; padding: 0px; vertical-align:bottom; background-color:#7C5340;}
#topbartem {background-image: url(ist/immagini/bgtem.gif); background-repeat: repeat-x; text-align: left; height: 49px; margin: 0px; padding: 0px; vertical-align:bottom; background-color:#7C5340;}
#topbargeo {background-image: url(ist/immagini/bggeo.gif); background-repeat: repeat-x; text-align: left; height: 49px; margin: 0px; padding: 0px; vertical-align:bottom; background-color:#7C5340;}
#topbarleo {background-image: url(ist/immagini/bgleo.gif); background-repeat: repeat-x; text-align: left; height: 49px; margin: 0px; padding: 0px; vertical-align:bottom; background-color:#7C5340;}
#topbargal {background-image: url(ist/immagini/bggal.gif); background-repeat: repeat-x; text-align: left; height: 49px; margin: 0px; padding: 0px; vertical-align:bottom; background-color:#7C5340;}
#itintitolo {background-color: #45312A; text-align: left; color: #FFFFFF; font-size: small; font-weight:bold; padding:4px;}
#intro {padding-left: 80px; padding-right: 80px;text-align: left;}
#map2 {position:absolute; top: 112px; left: 306px; border-style: solid; border: 1px; border-color: #4C352E;}
#mapcontainer {margin-left: 300px; border: 1px solid #4C352E; padding: 0px; background-color: #4C352E;}
#mapcontrols {width:300px; float:left; height:501px; border-style: solid; border-left: 3px; border-right: 3px; border-top: 3px; border-bottom: 0px; border-color: #4C352E; background-color:#875E52; }
#zoom {width:300px; margin-left: 0px; margin-right: 15px; margin-top:0px; margin-bottom: 0px; padding: 5px; text-align: center; color: #E3DFBA;}
.dottedline {width:300px; border-style: dotted; border-color: #E3DFBA; background-color:#875E52; border-bottom: 0px; border-top:2px; border-right:0px; border-left:0px;margin:0px; padding: 0px; height: 1px; }
.seleziona { background-color:#875E52; margin-left: 0px; margin-right: 0px; margin-top:0px; margin-bottom: 0px; padding-top: 0px; padding: 4px; text-align: center;}
.selezpez {background-color:#875E52; text-align: left; margin-left: 15px; margin-top:6px; margin-bottom: 6px; padding-bottom: 6px; }
.selezbutt1 {background-color:#875E52; text-align: center; margin-left: 10px; margin-right: 0px; margin-top:10px; margin-bottom: 8px; padding-bottom: 10px; vertical-align:middle;}
.selezbutt2 {background-color:#875E52; text-align: center; margin-left: 10px; margin-right: 0px; margin-top:4px; margin-bottom: 8px; padding-bottom: 10px; vertical-align:middle;}
hr { border:none;border-top:dotted 2px #E3DFBA; margin-top:0px; margin-bottom:2px;}
.buttondisatt {
	margin: 2px 5px 2px 5px;
	padding: 6px;
	border-top: 1px solid #474C39;
	border-bottom: 1px solid #6B7256;
	border-left: 1px solid #949889;
	border-right: 1px solid #677169;
	background-color: #CCCCCC;
	text-align: center;
	text-decoration: none;
	font: normal x-small Verdana;
	color: black;
	cursor: default;
 }
.itinlist {
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 8px;
	padding-left: 10px;
	list-style: outside;
	list-style-type: none;
	list-style-position: outside;	
}
.itinli2 {
	text-align: left;
	text-indent: 10px;
	list-style-type: none;
	list-style: outside;
	list-style-position: outside;	
}
a.istbreadcrumb:link {
	color: #3D3D3D;
	font-size: x-small;
	font-weight: bold;
}
a.istbreadcrumb:visited {
	color: #3D3D3D;
	font-size: x-small;
	font-weight: bold;
}
a.istbreadcrumb:hover {
	color: #3D3D3D;
	font-size: x-small;
	font-weight: bold;
	text-decoration: underline;
}
a.istlink:link {
	color: #993300;
	font-size: x-small;
	font-weight: bold;
	text-decoration:none;
}
a.istlink:visited {
	color: #993300;
	font-size: x-small;
	font-weight: bold;
	text-decoration:none;
}
a.istlink:hover {
	color: #993300;
	font-size: x-small;
	font-weight: bold;
	text-decoration: underline;
}
a.istlinkn:link {
	color: #993300;
	font-size: x-small;
	text-decoration:none;
}
a.istlinkn:visited {
	color: #993300;
	font-size: x-small;
	text-decoration:none;
}
a.istlinkn:hover {
	color: #993300;
	font-size: x-small;
	text-decoration: underline;
}
a.istimglink:link img{
	border-color: #DFCCBB;
	border: 1px;	
	text-align: center;
}
a.istimglink:hover img{
	border-color:  #B64B29;
	border: 1px;
	text-align: center;
}
a.istimglink:visited img{
	border-color: #DFCCBB;
	border: 1px;
	text-align: center;
}
a.button:link, a.button:visited
{

  margin: 2px 5px 2px 5px;
  padding: 6px;
  border-top: 1px solid #BCB67E;
  border-bottom: 1px solid #958E4D;
  border-left: 1px solid #E2DEB9;
  border-right: 1px solid #958E4D;
  background: #E3DB97;
  text-align: center;
  text-decoration: none;
  font: normal x-small Verdana;
  color: black;
}

a.button:hover
{
  background: #FFFA73;
}

a.button:active
{
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;
}
a.button2:link, a.button2:visited
{

  margin: 5px 5px 2px 5px;
  padding: 5px;
  border-top: 1px solid #BCB67E;
  border-bottom: 1px solid #958E4D;
  border-left: 1px solid #E2DEB9;
  border-right: 1px solid #958E4D;
  background: #eeeeee;
  text-align: center;
  text-decoration: none;
  font: bold small Verdana;
  color: black;
}

a.button2:hover
{
  background: #FFFA73;
}

a.button2:active
{
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;
}

.hundred {
	width: 100%;
}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.tabphotos {border:1px; border-style: solid; border-color: #C4B677; text-align: center; padding: 6px; background-color:#D6CCA0;}
.photos150 {border:1px; border-style: solid; border-color: #C4B677; padding:0px; margin:10px;}
.beige {background-color: #DED6C8; border-right: 1px; border-left: 1px; border-style: solid; border-color: #933923; border-top: 0px; border-bottom: 0px; padding-left: 15px;}
.beiger {background-color: #DED6C8; border-right: 1px; border-left: 0px; border-style: solid; border-color: #933923; border-top: 0px; border-bottom: 0px;}
.beigel {background-color: #DED6C8; border-right: 0px; border-left: 1px; border-style: solid; border-color: #933923; border-top: 0px; border-bottom: 0px; padding-left: 15px;}
.barragrigio {border-color: #A96854; border-style: solid; border-top: 1px; border-bottom: 1px; border-left: 0px; border-right: 0px; background-color: #C1BAB9;}
.barragrigiol {border-color: #A96854; border-style: solid; border-top: 1px; border-bottom: 1px; border-left: 1px; border-right: 0px; background-color: #C1BAB9;}
.barragrigior {border-color: #A96854; border-style: solid; border-top: 1px; border-bottom: 1px; border-left: 0px; border-right: 1px; background-color: #C1BAB9;}
.lineerosse {border-color: #933923; border-style: solid; border-top: 1px; border-bottom: 1px; height: 1px; border-left: 0px; border-right:0px;}
.orange {color: #993300; font-weight:bold;}
.ochre {color: #996600; font-weight:bold;}
.right {
	text-align: right;}
.left {
	text-align: left;}
.iconagall {margin-left:3px;margin-right:3px; vertical-align:middle;}
.center {
	text-align: center;}
.fotos {float: left; margin: 5px; border: 0px; width: 150px;}
.fotod {float: right; margin: 5px; border: 0px; width: 150px;}
.temtitles {color: #996600; font-weight:bold;text-align:left;}
.itinimg {float: left; margin: 5px;}
.titoli {color: #330000; font-size:x-large; text-align:left;}
.titolitem {color: #182425; font-size:x-large; text-align:left;}
.titoligal {color: #511A08; font-size:x-large; text-align:left;}
.titolileo {color: #563D11; font-size:x-large; text-align:left;}
.titoligeo {color: #40382E; font-size:x-large; text-align:center;}
.didascalie {color: #666666; font-size:x-small; text-align:center;}
.lineamarr {text-align:left; background-color:#7C5340; height:1px;}
.noborder {border:0px; }
.salmone {color: #9D4C2A}
.grigio {color: #666666}
.titolo-verde-gross {
	font-size: medium;
	color: #285004;
	font-weight: bold;
}
.verde {color: #006633}
.marrone {color: #330000}
.lettere {font-size:xx-large; font-weight:bold; color: #996600;}
.tappe {margin-left: 45px; margin-right: 5px; margin-top: 4px; vertical-align: text-bottom;}
.mappetitoli {color:#E5D7AD; font-size: x-small; font-weight: bold;}
.tabledati {float: right; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; margin-right: 15px; border-style: solid; border-color: #666666; border: 1px; width: 400px; 
}
.text {padding-left: 15px; padding-top: 15px; padding-bottom: 15px; text-align:left;}

/*rounded corners CSS*/
 .bl {background: url(immagini/bl2.gif) 0 100% no-repeat #E3DFBA; width: 20em}
.br {background: url(immagini/br2.gif) 100% 100% no-repeat}
.tl {background: url(immagini/tl2.gif) 0 0 no-repeat}
.tr {background: url(immagini/tr2.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}
/*end rounded corners CSS*/
.itinblock {float:right; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; margin-right: 20px;}
.mappebg {background: url(../ist/immagini/bgbrn2.gif) no-repeat; background-color: #875E52;}

/*fine stili per IST2*/