/* CSS Document */

/*-- trivial */
body {
  text-align: center;
  background-color: #b9571c;
  background-image: url(../images/layout/bg.png);
  margin: 0px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  
  }
body.cover {
  background-color: #b9571c
  background-image: url(../images/layout/bg.png);
  background-position: center;
  background-repeat: repeat-y;
  }

a.mailLink {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #B84242;
  text-align: center;
  }

td {
  text-align: inherit;
  margin: 0px;
  font-family: "Trebuchet MS", 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 #333;
  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: 270px;
  height: 120px;
  position: absolute;
  top: 260px;
	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: #fff;
  text-decoration: none;
  }
a.lingueSitoCover:hover {
  color: #EA0082;
  }

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;
  }
.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: 13px;
  left: 11px;
  float: left;
}
.logoCover {
  position: absolute;
  top: 12px;
  left: 0px;
  float: left;
}

.photoTop {
  position: relative;
  margin: 0px;
  width: 740px;
  height: 120px;
  }

.mainSplashHome {
  position: absolute;
  float: left;
  margin: 0;
  padding: 0;
  width: 470px;
  height: 380px;
  top: 120px;
  left: 0px;
  }
.mainSplashHomeFlash {
	position: absolute;
	float: left;
	margin: 0;
	padding: 0;
	width: 470px;
	height: 380px;
	top: 0px;
	left: 0px;
  }
/*.mainSplashHomeVideo {
  position: absolute;
  float: left;
  margin: 0;
  padding: 0;
  width: 365px;
  height: 274px;
  top: 0px;
  left: 375px;
  }*/

.newsSecondarie {
  background: #CA9968;
  position: absolute;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 270px;
  height: 380px;
  top: 120px;
  left: 470px;
  }
.newsSecondarieAlt {
  background: #D1A172;
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 740px;
  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: #9d9883;
  }
.newsAlt {
  position: absolute;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 270px;
  height: 130px;
	left: 0px;
  }
.newsAlt .titoloNews {
  text-align: left;
  color: #fff;
  text-transform: uppercase;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
	background-color: #C0752E;
  }
.mainSplash {
  float: left;
  top: 1px;
  position: relative;
  left: 1px;
  margin: 0px;
  padding: 0px;
  width: 534px;
  }
.mainSplashMultiImages {
  margin: 0px;
  padding: 0px;
  width: 535px;
  text-align: left;
  }
.mainSplashMultiImages .imageContainer {
  margin: 0px 0px 0px 2px;
  height: 113px;
  width: 87px;
  display: inline;
  }

.mainDivider {
  display: none;
  background-color: #000;
  position: relative;
  margin: 0px;
  width: 740px;
  height: 1px;
  }

.bottomColophon {
  width: 220px;
  float: left;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  margin: 8px 0 4px 0;
  padding: 1px 4px 0 0;
  color: #fff;
  }
.bottomColophonVuoto {
  display: none;
  margin: 0px;
  padding: 9px 0 0 0;
  width: 500px;
  height: 17px;
  background-position: bottom;
  background-repeat: no-repeat;
	position: absolute;
  }

/*-- mailingList ----------------------------------------------------- */
.mailingListBody {
  background: #D1A172;
  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: #fff;
  }
.mailingListColumn b, .mailingListColumn strong {
  color: #fff;
  font-weight: bold;
  }

.mailingListColumn p {
  font-size: 14px;
  padding: 0px;
  margin: 0px;
  }
.mailingListColumn .smallText {
  font-size: 9px !important;
  }

.mailingListColumn h1, .mailingListColumn h2, .mailingListColumn h3, .mailingListColumn h4, .mailingListColumn h5, .mailingListColumn h6 {
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 7px 0px;
  }
.mailingListColumn h1, .mailingListColumn h2, .mailingListColumn h3 {
  font-size: 17px;
  }
.mailingListColumn h4, .mailingListColumn h5, .mailingListColumn h6 {
  font-size: 15px;
  font-style: italic;
  }

.mailingListColumn a:link, .mailingListColumn a:visited {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  }
.mailingListColumn a:hover, .mailingListColumn a: focus, .mailingListColumn a:active {
  color: #ec008c;
  }

.mailingListFooter {
  clear: both;
  background: url(../images/layout/pageFooter.gif) top no-repeat;
  position: relative;
  margin: 0px;
  width: 740px;
  height: 32px;
  line-height: 20px;
  /*border-top: 1px solid #333;*/
  }
.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: #fff;
  float: left;
  text-align: left;
  }
.lingueSitoMailing a {
  height: 17px;
  line-height: 17px;
  float: left;
  padding: 0px;
  display: block;
  color: #fff;
  text-align: left;
  text-decoration: none;
  }

.lingueSitoMailing a:hover {
  color: #ED008C;
  }

/*-- homePage colonne ----------------------------------------------------- */
.homePageBody {
  background-color: #fff;
  width: 740px;
  min-height: 380px;
  height: auto;
  padding: 0;
  margin: 0;
  text-align: left;
  }
.otherPageBody {
  background-color: #D1A172;
  width: 740px;
  padding: 0;
  margin: 0;
  text-align: left;
  min-height: 174px;
  }
.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: #B84242;
  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: 20px;
}
.testo {
  top: 20px;
  color: #111;
  font-size: 12px;
  height: 90px;
  left: 0px;
  line-height: 17px;
  margin: 0px;
  padding: 4px 10px 4px 10px;
  position: absolute;
  text-align: justify;
  width: 250px;
}

.testo b, .testo strong {
  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: #B84242;
  font-weight: bold;
  text-decoration: none;
  }
.testo a:hover, .testo a: focus, .testo a:active {
  color: #B84242;
  text-decoration: underline;
  }

/*
.homePageColumn {
  float: left;
  font-size: 14px;
  text-align: justify;
  margin: 0px;
  padding: 7px;
  display: block;
  }
.homePageColumn b, .homePageColumn strong {
  color: #333333;
  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: #fff;
  float: left;
  position: relative;
  }
.altPageBody {
  min-height: 150px;
  left: 205px;
  top: 10px;
  width: 523px;
  padding: 0 12px 0 0;
  margin: 0 0 24px 0;;
  text-align: left;
  color: #000;
  float: left;
  position: relative;
  }

.altPageColumn {
  float: left;
  margin: 0px;
  }
.altPageColumn b, .altPageColumn strong {
  color: #fff;
  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 {
  font-size: 14px;
  padding: 0px;
  margin: 0px;
  }

.altPageColumn h1, .altPageColumn h2, .altPageColumn h3, .altPageColumn h4, .altPageColumn h5, .altPageColumn h6 {
  font-weight: bold;
  padding: 0px 0px 7px 0px;
  }

.altPageColumn h1, .altPageColumn h2, .altPageColumn h3 {
  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: #B84242;
  font-weight: bold;
  text-decoration: none;
  }
#columnRight a:hover, #columnRight a: focus, #columnRight a:active {
  color: #B84242;
	text-decoration: underline;
  }

/*.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.gif) top no-repeat;
  position: relative;
  margin: 0px;
  width: 740px;
  height: 32px;
  line-height: 32px;
  border-top: 1px solid #333;
  }

.altFooter {
  clear: both;
  background: url(../images/layout/pageFooter.gif) top no-repeat;
  position: relative;
  margin: 0px;
  width: 740px;
  height: 32px;
  line-height: 32px;
  border-top: 1px solid #333;
  }

.realFooter {
  position: absolute;
  background: url(../images/layout/pageFooter.gif) top no-repeat;
  left: 0px;
  width: 740px;
  height: 32px;
  line-height: 32px;
  top: 500px;
  /*border-top: 1px solid #333;*/
  }
.realFooterAlt {
  position: relative;
  background: url(../images/layout/pageFooter.gif) top no-repeat;
  left: 0px;
  width: 740px;
  height: 32px;
  line-height: 32px;
  margin: 0;
/*  border-top: 1px solid #333;*/
  }
.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: #fff;
  }

.lingueSito li a, .lingueSito a {
  height: 17px;
  line-height: 17px;
  float: left;
  padding: 0px 4px;
  display: block;
  color: #fff;
  text-align: left;
  text-decoration: none;
  }

.lingueSito li a:hover, .lingueSito a:hover {
  color: #ED008C;
  }

.lingueSito li a:hover:before, .lingueSito a:hover:before {
  content: url(../images/layout/selected.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 {
  padding: 0px 10px;
  }

.colophon {
  width: 470px;
  float: left;
  font-size: 11px;
  height: 20px;
  line-height: 20px;
  margin: 6px 0px;
  padding: 1px 4px 0 0;
  color: #fff;
  text-align: right;
  }

.rssIcon {
  width: 14px;
  height: 20px;
  line-height: 20px;
  margin: 6px 0px;
  padding: 3px 16px 0px 0px;
  float: right;
  vertical-align: middle;
  }

.colophon a {
  color: #fff;
  }

/*-- mainMenu ------------------------------------------------------------- */
.mainMenu ul {
  list-style: none;
  padding: 0px 0px;
  margin: 0px;
  }

.mainMenu li {
  float: left;
  width: 193px;
  text-align: left;
  margin: 0 6px;
  }

.mainMenu li a, .mainMenu li span {
  font-size: 13px;
  height: 22px;
  line-height: 22px;
/*  background-image: url(../images/layout/menuBG.gif);
  background-repeat: no-repeat;
  background-position: 4px 0;
  margin: 0px;
  font-weight: bold;
	width: 185px;*/
  float: left;
  padding: 0;
  display: block;
  color: #000;
  text-decoration: none;
  text-align: left;
  text-transform: capitalize;
  }

.mainMenu li a:hover, .mainMenu li span.currentPage {
/*  background-image: url(../images/layout/menuBG_o.gif);*/
  color: #fff;
  text-decoration: underline;
  }

/*.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: #e71313;
}*/

/* 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;
  top: 132px;
  float: left;
  left: 0px;
  width: 193px;
  height: 22px;
  padding: 0 6px;
  }

/*-- altMenu -------------------------------------------------------------- */
.altMenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  }

.altMenu li {
  float: left;
  margin: 0 6px;
  }
/*.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: 100px;
  background: url(../images/layout/linguetta.png);*/
  font-size: 13px;
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  float: left;
  padding: 0;
  display: block;
  color: #fff;
  text-decoration: none;
/*  text-align: center;*/
  text-transform: capitalize;
  }

/*.altMenu li a:hover {
  background: #999;
  }*/

.altMenu li a:hover, .altMenu li span.currentPage {
/*  background: url(../images/layout/linguetta_o.png);*/
  color: #000;
  }
.altMenu li a.home:hover, .altMenu li span.currentHome {
 /* background: url(../images/layout/linguetta_o.png);*/
  color: #000;
}

/*.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: 95px;
  float: left;
  left: 0px;
  width: 728px;
  height: 26px;
  padding: 0 6px;
/*  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: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #eee;
  }
a.altavista:hover, a.altavista: focus, a.altavista:active {
  color: #ff7f00;
  }

#whiteText {
  color: #fff;
  }