/* CSS Document */

/*-- trivial */
body {
  text-align: center;
  background-color: #E5E5E5;
  background-image: url(../images/layout/bg.jpg);
  background-repeat: no-repeat;
  background-position: center -93px;
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color:#999999;
  }
body.cover {
  color:#999999;
  background-color: #E5E5E5;
  background-image: url(../images/layout/bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  }

a.mailLink {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #222;
  text-align: center;
  }

td {
  text-align: inherit;
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  }

acronym, abbr {
  font-variant:normal;
  text-transform:none;
  border:0px none;
  border-bottom: 1px dashed #9d9883;
  cursor:help;
  }

img {
  border: 0px none;
  }
img.voceLista {
  display: block;
  }


p.dummyPage {
  background-color:#9d9883;
  border: 1px solid #222;
  position: relative;
  width: 740px;
  margin: 10px 0px 0px 0px;
  padding: 25px;
  text-align:center;
  }

.smallText {
  font-size: 9px !important;
  }

br.clearBoth { /* per ora non usato ma andrebbe sostituito ai BR con gli stili incorporati nelle pagine */
  clear:both;
  }

.orari, .banner {
  float: left;
  display: block;
  width: 240px;
  height: 272px;
  position: absolute;
  top: 0px;
  left: 0px;
  }
.bannerTop {
  float: left;
  display: block;
  position: absolute;
  bottom: 264px;
  left: 0px;
  height: 17px;
  width: 130px;
  }
.altPageTopRowTabellaSotto { 
top: -5px;
 }

/*-- index */
a.lingueSitoCover {
  height: 25px;
  line-height: 25px;
  padding: 0px 4px;
  color: #222;
  text-decoration:none;
  }
a.lingueSitoCover:hover {
  color: #222;
  }

a.lingueSitoCover:hover:before {
  content: url(../images/layout/selected.gif);
  }

a.lingueSitoCover:before {
  content: url(../images/layout/dotWhite.gif);
  }


/*-- struttura generale */
.uberContainer {
  margin: 0 auto;
  width: 740px;
  text-align:center;
  padding: 0px 10px 0px 10px;
  }
.uberContainerCover {
  margin: 0 auto;
  width: 440px;
  text-align:center;
  }

.titoloPaginaStampata {/* utilizzato solo per la stampa */
  display: none;
  }

.main {
  position: relative;
  width: 740px;
  margin: 0px 0px 10px 0px;
  background-color:#fff;
  }
.mainCover {
  text-align: center;
  position: relative;
  width: 440px;
  margin: 10px 0px 10px 0px;
  }

/*.mainTop, .mainTopImage {
  display: none;
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 740px;
  height: 41px;
  }
.banner {
  position: absolute;
  top: 9px;
  left: 142px;
  float: left;
  }*/

.logoPiccolo {
  position:absolute;
  top:11px;
  left:19px;
  float:left;
}
.logoCover {
  position:absolute;
  top:12px;
  left:0px;
  float:left;
}

.photoTop {
  position: relative;
  margin: 0px;
  width: 740px;
  height:138px;
  }

.mainSplashHome {
  background-image:url(../images/layout/content.gif);
  position: absolute;
  float: left;
  margin: 0;
  padding: 0;
  width: 740px;
  height: 260px;
  top: 162px;
  left: 0px;
  }
.mainSplashHomeFlash {
  position: absolute;
  float: left;
  margin: 0;
  padding: 0;
  width: 740px;
  height: 260px;
  top: 0px;
  left: 0px;
  }
/*.mainSplashHomeVideo {
  position: absolute;
  float: left;
  margin: 0;
  padding: 0;
  width: 365px;
  height: 274px;
  top: 0px;
  left: 375px;
  }*/

.newsSecondarie {
	/*  border-top: 1px solid #222;
  background-image:url(../images/layout/newsSecondarieTop.png);
  background-position: top center;
  background-repeat: no-repeat;*/
  background-color: #eeeeee;
	position: absolute;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 740px;
	height: 292px;
	top: 422px;
	left: 0px;
  }
.newsSecondarieAlt {
	background: #fff;
	/*background-color:#f89fef;*/
  position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 740px;
	height: 114px;
	left: 0px;
  }
.copriImmagine {
  float: left;
  position: absolute;
  top: 0px;
  left: 0px;
  }

.indirizzo {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 205px;
	height: 114px;
	top: 0px;
	color: #222;
  }
.newsAlt {
  position: absolute;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 240px;
  height: 292px;
  }
.newsAlt .titoloNews {
	text-align: left;
	color:#222;
	text-transform:uppercase;
	padding: 0;
	height:22px;
	line-height:22px;
  }
.mainSplash {
  float: left;
  height: 114px;
  top: 1px;
  position: relative;
  left: 1px;
  margin: 0px;
  padding: 0px;
  width: 534px;
  }
.mainSplashMultiImages {
  margin: 0px;
  padding: 0px;
  width: 535px;
  height: 113px;
  text-align: left;
  }
.mainSplashMultiImages .imageContainer {
  margin: 0px 0px 0px 2px;
  height: 113px;
  width: 87px;
  display: inline;
  }

.mainDivider {
  display: none;
  background-color: #222;
  position: relative;
  margin: 0px;
  width: 740px;
  height: 1px;
  }

.bottomColophon {
  margin: 0px;
  padding: 0px;
  width: 740px;
  background-color: #fff;
  color: #222;
  height: 17px;
  background-position: bottom;
  background-repeat:no-repeat;
  /*background-image: url(../images/layout/colophonFooter.png);*/
  }
.bottomColophonVuoto {
  display:none;
  margin: 0px;
  padding: 0px;
  width: 740px;
  height: 17px;
  background-position: bottom;
  background-repeat:no-repeat;
  }

/*-- mailingList ----------------------------------------------------- */
.mailingListBody {
  background: url(../images/layout/bodyAltBG.png);
  width: 726px;
  padding: 7px;
  margin: 0px;
  text-align: left;
  }

.mailingListColumn {
  float: left;
  width: 504px;
  font-size: 14px;
  text-align: justify;
  margin: 0px;
  padding: 0px 7px 0px 212px;
  display: block;
  color: #222;
  }
.mailingListColumn b, .mailingListColumn strong {
  color: #222;
  font-weight: bold;
  }

.mailingListColumn p {
  font-size: 14px;
  padding: 0px;
  margin: 0px;
  }
.mailingListColumn .smallText {
  font-size: 9px !important;
  }

.mailingListColumn h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 7px 0px;
  }
.mailingListColumn h1, h2, h3 {
  font-size: 17px;
  }
.mailingListColumn h4, h5, h6 {
  font-size: 15px;
  font-style: italic;
  }

.mailingListColumn a:link, .mailingListColumn a:visited {
  font-size: 14px;
  color: #222;
  font-weight: bold;
  text-decoration:none;
  }
.mailingListColumn a:hover, .mailingListColumn a:focus, .mailingListColumn a:active {
  color: #999999;
  }

.mailingListFooter {
  clear: both;
  background: url(../images/layout/pageAltFooter.png) top no-repeat;
  position: relative;
  margin: 0px;
  width: 740px;
  height:32px;
  line-height:20px;
  /*border-top: 1px solid #222;*/
  }
.mailingListFooter .colophon {
  width: 505px;
  padding: 1px 4px 0px 8px;
  }

.lingueSitoMailing {
  left:0px;
  top:0px;
  width:177px;
  height:17px;
  line-height: 17px;
  font-size: 11px;
  margin: 0px;
  padding: 2px 8px 0px 8px;
  color: #222;
  float: left;
  text-align:left;
  }
.lingueSitoMailing a {
  height: 17px;
  line-height: 17px;
  float: left;
  padding: 0px;
  display: block;
  color: #222;
  text-align: left;
  text-decoration:none;
  }

.lingueSitoMailing a:hover {
  color: #999999;
  }

/*-- homePage colonne ----------------------------------------------------- */
.homePageBody {
  background-color: #fff;
  width: 740px;
  min-height: 586px;
  height: auto;
  padding: 0;
  margin: 0;
  text-align: left;
  }
.otherPageBody {
  background: url(../images/layout/bodyAltBG.png);
  background-position: bottom;
  background-repeat:no-repeat;
  background-color:#fff;
  width: 740px;
  padding: 0;
  margin: 24px 0 0 0;
  text-align: left;
  min-height: 440px;
  border-top: 1px solid #fff;
  }
.homePageBody .sopraSotto {
  font-size: 14px;
  margin: 0px;
  line-height: 13px;
  height: 13px;
  border: 0px none;
  }

.homePageBody .titolo {
  font-size: 17px;
  margin: 0px;
  font-weight: bold;
  color: #222;
  padding: 6px 0px 3px 0px;
  }

.homePageBody .immagini, .homePageBody img {
  padding: 0px;
  }

.homePageBody .immagineNewsPrincipale {
  width: 415px;
  height: 215px;
  margin: 0px;
  padding: 0px;
  float: left;
  position: relative;
  top: -17px;
  left: 0px;
  }
.homePageBody .bottomImmagineNewsPrincipale {
  width: 415px;
  height: 17px;
  margin: 0px;
  padding: 0px;
  float: left;
  position: relative;
  top: -34px;
  left: 0px;
  }
.homePageBody .boxTesto {
  width: 294px;
  height: 105px;
  margin: 0px;
  padding: 0px;
  float: left;
  position: relative;
  top: -51px;
  left: 109px;
  overflow: visible;
  }

.immagineTesto {
	float: left;
	left: 0;
	position: absolute;
	padding: 0;
	top:22px;
}
.testo {
	top:180px;
	color: #222;
	background-color:#eee;
	font-size: 12px;
	height: 100px;
	left: 0px;
	line-height: 17px;
	margin: 0px;
	padding: 6px 0;
	position: absolute;
	text-align: justify;
	width: 240px;
}

.testo b, .testo strong {
  color: #222;
  font-weight: bold;
  }

.testo p, .testo h1, .testo h2, .testo h3, .testo h4, .testo h5, .testo h6 {
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  }

.testo h1, .testo h2, .testo h3, .testo h4, .testo h5, .testo h6 {
  font-weight: bold;
  padding: 0px 0px 7px 0px;
  }

.testo h1, .testo h2, .testo h3 {
  font-size: 16px;
  }

.testo h4, .testo h5, .testo h6 {
  font-size: 14px;
  font-style: italic;
  }

.testo a:link, .testo a:visited {
  font-size: 12px;
  color: #999999;
  font-weight: bold;
  text-decoration:none;
  }
.testo a:hover, .testo a:focus, .testo a:active {
  color: #007bcd;
  }

/*
.homePageColumn {
  float: left;
  font-size: 14px;
  text-align: justify;
  margin: 0px;
  padding: 7px;
  display: block;
  }
.homePageColumn b, .homePageColumn strong {
  color: #222222;
  font-weight: bold;
  }

.homePageColumn .bannerHome {
  width: 252px;
  margin: 20px 0px 0px 0px;
  display: inline;
  text-align:center !important;
  }

.homePageColumn .fotoPiccolaBassaHome{
  position:absolute;
  bottom:49px;
  margin: 6px 0px 0px 0px;
  }

.homePageColumn:first-child {
  border-left: none;
  width: 228px;
  }

.homePageColumn p, .homePageColumn h1, .homePageColumn h2, .homePageColumn h3, .homePageColumn h4, .homePageColumn h5, .homePageColumn h6 {
  font-size: 14px;
  padding: 0px;
  margin: 0px;
  }

.homePageColumn h1, .homePageColumn h2, .homePageColumn h3, .homePageColumn h4, .homePageColumn h5, .homePageColumn h6 {
  font-weight: bold;
  color: #076855;
  padding: 0px 0px 7px 0px;
  }

.homePageColumn h1, .homePageColumn h2, .homePageColumn h3 {
  font-size: 17px;
  }

.homePageColumn h4, .homePageColumn h5, .homePageColumn h6 {
  font-size: 15px;
  font-style: italic;
  }

.homePageColumn a:link, .homePageColumn a:visited {
  font-size: 14px;
  color: #076855;
  font-weight: bold;
  text-decoration:none;
  }
.homePageColumn a:hover, .homePageColumn a:focus, .homePageColumn a:active {
  color: #b70202;
  }
*/
/*-- altPage colonne ------------------------------------------------------ */
.mainPageBody {
  left: 205px;
  top: 34px;
  width: 521px;
  padding: 0 7px;
  margin: 0px 0;
  text-align:left;
  color:#222;
  float: left;
  position: relative;
  }
.altPageBody {
  min-height: 300px;
  left: 205px;
  top: 45px;
  width: 521px;
  padding: 0 7px;
  margin: 0 0 70px 0;;
  text-align:left;
  color:#222;
  float: left;
  position: relative;
  }

.altPageColumn {
  float: left;
  margin: 0px;
  color:#999999;
  }
.altPageColumn b, .altPageColumn strong {
  color: #999999;
  font-weight: bold;
  }

#columnLeft {
  width: 205px;
  }

#columnRight {
  width: 521px;
/*  font-size: 14px;*/
  line-height: 180%;
  text-align: justify;
  margin: 0px;
  padding: 0px;
  display: block;
  }

.altPageColumn p, .altPageColumn h1, .altPageColumn h2, .altPageColumn h3, .altPageColumn h4, .altPageColumn h5, .altPageColumn h6 {
  color:#999999;
  font-size: 14px;
  padding: 0px;
  margin: 0px;
  }

.altPageColumn h1, .altPageColumn h2, .altPageColumn h3, .altPageColumn h4, .altPageColumn h5, .altPageColumn h6 {
  color:#999999;
  font-weight: bold;
  padding: 0px 0px 7px 0px;
  }

.altPageColumn h1, .altPageColumn h2, .altPageColumn h3 {
  color:#999999;
  font-size: 18px;
  }

.altPageColumn h4, .altPageColumn h5, .altPageColumn h6 {
  font-size: 16px;
  font-style: italic;
  }

#columnRight a:link, #columnRight a:visited {
  font-size: 14px;
  color: #0099FF;
  font-weight: bold;
  text-decoration:none;
  }
#columnRight a:hover, #columnRight a:focus, #columnRight a:active {
  color: #999999;
  }

/*.altPageColumn h1:before, .altPageColumn h2:before, .altPageColumn h3:before, .altPageColumn h4:before, .altPageColumn h5:before, .altPageColumn h6:before {
  content: url(../images/layout/dotBigRed.gif);
  }*/

/*-- footer --------------------------------------------------------------- */
.mainFooter {
  clear: both;
  background: url(../images/layout/pageFooter.jpg) top no-repeat;
  position: relative;
  margin: 0px;
  width: 740px;
  height: 80px;
  line-height: 32px;
  border-top: 1px solid #222;
  }

.altFooter {
  clear: both;
  background: url(../images/layout/pageAltFooter.jpg) top no-repeat;
  position: relative;
  margin: 0px;
  width: 740px;
  height: 80px;
  line-height: 32px;
  border-top: 1px solid #222;
  }

.realFooter {
  position: absolute;
  background: url(../images/layout/pageFooter.jpg) top no-repeat;
  left: 0px;
  width: 740px;
  height: 80px;
  line-height: 32px;
  top:694px;
  /*border-top: 1px solid #222;*/
  }
.realFooterAlt {
  position: relative;
  background: url(../images/layout/pageFooter.jpg) top no-repeat;
  left: 0px;
  width: 740px;
  height: 80px;
  line-height: 32px;
  margin: 0;
/*  border-top: 1px solid #222;*/
  }
.realFooterCover {
  text-align: center;
  position: relative;
  left: 0px;
  width: 440px;
  height: 20px;
  line-height: 20px;
  }

.lingueSito ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  }

.lingueSito li {
  float: left;
  margin: 0;
  height: 17px;
  line-height: 17px;
  color:#999999;
  }

.lingueSito li a, .lingueSito a {
  height: 17px;
  line-height: 17px;
  float: left;
  padding: 0px 4px;
  display: block;
  color: #222;
  text-align: left;
  text-decoration:none;
  }

.lingueSito li a:hover, .lingueSito a:hover {
  color: #999999;
  }

.lingueSito li a:hover:before, .lingueSito a:hover:before {
  content: url(../images/layout/selectedRed.gif);
  /*content: url(../images/layout/lingueMenuBG_o.gif);*/
  /*background-image: url(../images/layout/lingueMenuBG_o.gif);*/
  /*background-repeat: no-repeat;*/
  /*background-position: 4px 9px;*/
  }

.lingueSito li a:before, .lingueSito a:before {
  content: url(../images/layout/dot.gif);
  }

/* Hide from IE5-Mac \*/
/*.lingueSito li a { ma mi pare che non vada bene nemmeno per IE6
  float: none
  }*/
/* End hide */

.lingueSito {
  left:0px;
  top:0px;
  width:500px;
  height:17px;
  font-size: 14px;
  margin: 0px;
  padding: 0px 10px;
  color: #222;
  float: left;
  text-align:left;
  }

/*.colophon {
  width: 530px;
  height:20px;
  line-height:20px;
  font-size: 11px;
  margin: 6px 0px;
  padding: 1px 4px 0px 174px;
  color: #eee;
  float: left;
  text-align:right;
  }*/

.colophon {
....color: #000000;
    float: right;
    font-size: 10px;
    height: 0;
    line-height: 20px;
    margin: 0;
    padding: 25px 5px 0;
    text-align: center;
    width: 583px;
  }

.rssIcon {
  width: 14px;
  height: 20px;
  line-height: 54px;
  margin: 6px 0px;
  padding: 3px 3px 0px 0px;
  float: right;
  vertical-align: middle;
  }

.colophon a {
  color: #222;
  }
  
/*-- MenuFooter ------------------------------------------------------------- */

#menuFooter {

	color:#0099FF;
	list-style:none;
	overflow:hidden;
	width:100%;
	margin:0;
	padding:1px;
}

#menuFooter li{
display:inline;
}

#menuFooter a{
display:block;
float:left;
width:80px;
height:25px;
margin-left:1px;
padding-left:20px;
font-family:arial;
text-decoration:none;
font-size:18px;
color:#0099FF;
border:none;
line-height:25px;
}

#menuFooter a:hover{
color:#FF7F00;
}

.menuFooterBox {
	margin-left: 320px;
	margin-top: 8px;
}

/*-- mainMenu ------------------------------------------------------------- */
.mainMenu ul {
  list-style: none;
  padding: 0px 0px;
  margin: 0px;
  }

.mainMenu li {
  float: left;
  width:205px;
  text-align: left;
  padding: 0;
  margin: 0 0 4px 20px;
  }

.mainMenu li a, .mainMenu li span {
  font-size: 12px;
  height: 22px;
  width: 185px;
  line-height: 20px;
  /*background-image: url(../images/layout/menuBG.gif);*/
  background-repeat: no-repeat;
  background-position: 4px 0;
  /*float: left;*/
  padding: 0 20px 0 0;
  margin: 0px;
  display: block;
  color: #0099FF;
  text-decoration: none;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
  }

.mainMenu li a:hover, .mainMenu li span.currentPage {
/*  background-image:url(../images/layout/menuBG_o.gif);*/
  color: #3360ad;
  }

/*.mainMenu li a.home, .mainMenu li a.back {
  font-weight: bold;
  height: 22px;
  line-height: 20px;
}
.mainMenu li a.home:hover, .mainMenu li span.currentHome {
  font-weight: bold;
  height: 22px;
  line-height: 20px;
  color: #999999;
}*/

/* Hide from IE5-Mac \*/
/*.mainMenu li a,.mainMenu li a:hover { ma mi pare che non vada bene nemmeno per IE6
  float: none
  }*/
/* End hide */

.mainMenu {
  position: absolute;
  left:0px;
  top:173px;
  width:205px;
/*  height:22px;*/
  }

/*-- altMenu -------------------------------------------------------------- */
.altMenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  }

.altMenu li {
  float: left;
  margin: 0;
  }
/*.altMenu li.prima {
  float: left;
  margin: 0;
  background-image:url(../images/layout/altMenuPrevBG.png);
  width: 4px;
  height: 18px;
  }
.altMenu li.dopo {
  float: left;
  margin: 0px 4px 0px 0px;
  background-image:url(../images/layout/altMenuPostBG.png);
  width: 4px;
  height: 18px;
  }*/

.altMenu li a, .altMenu li span {
  width: 90px;
  background:url(../images/layout/linguetta.png);
  font-size: 12px;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  float: left;
  padding: 0;
  display: block;
  color: #0099FF;
  text-decoration: none;
  text-align: center;
  }

/*.altMenu li a:hover {
  background: #999;
  }*/

.altMenu li a:hover, .altMenu li span.currentPage {
  background:url(../images/layout/linguetta_o.png);
  color: #fff;
  }
.altMenu li a.home:hover, .altMenu li span.currentHome {
  background:url(../images/layout/linguetta_o.png);
  color: #fff;
}

/*.altMenu li a:hover:before {
  content: url(../images/layout/selectedBigRed.gif);
  }

.altMenu li a.back:before {
  content: url(../images/layout/back.gif);
  }

.altMenu li a.back:hover:before {
  content: url(../images/layout/back.gif);
  }

.altMenu li a:before {
  content: url(../images/layout/dotBigRed.gif);
  }*/

/* Hide from IE5-Mac \*/
/*.altMenu li a,.altMenu li a:hover {
  float: none
  }*/
/* End hide */

.altMenu {
  position: absolute;
  top: 138px;
  float: left;
  left: 0px;
  width: 740px;
  height: 24px;
  padding: 0;
  text-transform: uppercase;
  background-image: url(../images/layout/menuBG.gif);
  background-repeat: repeat;
  /*  border-top: #dad2b4 solid 1px;
  height:200px;
  background: url(../images/layout/menuBG.png) no-repeat;*/
  }
#altMenuAdminIndex {
  display:inline;
  }

a.altavista:link, a.altavista:visited {
  font-size: 11px;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  color: #86D9F7;
  }
a.altavista:hover, a.altavista:focus, a.altavista:active {
  color: #ff7f00;
  }

#whiteText {
  color:#fff;
  }

