p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
	height: auto;
	width: auto;
}
.nbar {
	text-decoration: none;
}
a:visited.nbar {
	text-decoration: none;
	color: #FFCC00;
}
a:link.nbar {
	text-decoration: none;
	color: #FFCC00;
}
a:hover.nbar {
	text-decoration: none;
	color: #FFCC00;
}
a:active.nbar {
	text-decoration: none;
	color: #FFCC00;
}
a:visited {
	text-decoration: none;
	color: #0000FF;
}
a:link {
	text-decoration: none;
	color: #000066;
}
a:hover {
	text-decoration: none;
	color: #0000FF;
}
a:active {
	text-decoration: none;
	color: #FF0000;
}
.menuSx {
	color: #009900;
	border-color: #009900;
	border-top-color: #009900;
	border-left-color: #009900;
	border-bottom-color: #009900;
	border-right-color: #009900;
	padding-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	border-width: 1px 1px 3px 6px;
	border-style: solid;
	padding: 2px 1px 1px 4px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}
.sottocatSx {
	border-color: #009900;
	border-right-color: #009900;
	border-left-color: #009900;
	border-top-color: #009900;
	border-bottom-color: #009900;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	margin: 0px 0px 0px 0px;
	line-height: 16px;
	list-style-position: inset;
	text-indent: -14px;
	padding: 3px 1px 0px 14px;
}
.menuChiusoSx {
	border-color: #009900;
	border-top-color: #009900;
	border-right-color: #009900;
	border-bottom-color: #009900;
	border-left-color: #009900;
	border-width: 0px 1px 3px 1px;
	border-style: solid;
	font-size: 3px;
	line-height: 0px;
	padding: 0px 1px 0px 1px;
	margin: 0px 0px 12px 0px;
}
.menuServiziOnLine {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	border-left-color: #009900;
	padding-left: 4px;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 7px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #009900;
	border-right-color: #009900;
	border-bottom-color: #009900;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 1px;
	margin: 0px;
	color: #000066;
	text-decoration: none;
}
.menuChiusoServiziOnLine {
	border-bottom-width: 4px;
	border-bottom-color: #009900;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 0px;
	border-top-style: none;
	border-top-color: #009900;
	border-right-color: #009900;
	border-left-color: #009900;
	font-size: 3px;
	margin: 0px 0px 12px;
}
.sottocatServiziOnLine {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #009900;
	border-left-color: #009900;
	border-top-color: #009900;
	border-bottom-color: #009900;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-bottom-style: none;
	margin: 0px;
	line-height: 16px;
	color: #000066;
	list-style-position: inset;
	text-indent: -14px;
	padding: 3px 1px 0px 14px;
}
.menuDx {
	border-color: #FF0000;
	border-left-color: #FF0000;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	padding-left: 4px;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 7px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 1px;
	margin: 0px;
	color: #000066;
	text-decoration: none;
}
.menuChiusoDx {
	border-color: #FF0000;
	border-bottom-width: 4px;
	border-bottom-color: #FF0000;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 0px;
	border-top-style: none;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-left-color: #FF0000;
	font-size: 3px;
	margin: 0px 0px 12px;
}
.menuSottocatDx {
	border-color: #FF0000;
	border-right-color: #FF0000;
	border-left-color: #FF0000;
	border-top-color: #FF0000;
	border-bottom-color: #FF0000;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	list-style-position: inset;
	text-indent: -14px;
	padding: 3px 1px 0px 14px;
}
.menuSottocatChiusoDx {
	border-color: #FF0000;
	border-bottom-width: 4px;
	border-bottom-color: #FF0000;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 0px;
	border-top-style: none;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-left-color: #FF0000;
	font-size: 3px;
	margin: 0px 0px 12px;
}
.sottoMenuSottocatDx {
	border-color: #000066;
	border-right-color: #000066;
	border-left-color: #000066;
	border-top-color: #000066;
	border-bottom-color: #000066;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	text-align: left;
	list-style-position: inset;
	text-indent: -14px;
	padding: 3px 1px 0px 14px;
	line-height: 16px;
	margin: 0px 0px 0px 0px;
}
.sottoMenuSottocatChiusoDx {
	border-color: #000066;
	border-bottom-width: 4px;
	border-bottom-color: #000066;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 0px;
	border-top-style: none;
	border-top-color: #000066;
	border-right-color: #000066;
	border-left-color: #000066;
	font-size: 3px;
	margin: 0px 0px 12px;
}
.menuSpace {
	font-size: 4px;
}
.topBrugherio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000099;
	left: 0px;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}
.linkFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-align: center;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999999;
	padding: 6px 0px;
	width: auto;
	margin-top: 8px;
}
.skylineTop {
	background-color: white;
	background-image: url(/images/skyline_top.jpg);
	background-repeat: no-repeat;
}
.datasottoTop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: right;
	line-height: 12px;
	color: #000066;
}
.bottoneTopCentrato {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
	vertical-align: middle;
	background-color: #000066;
	border: 1px solid #000066;
	font-variant: normal;
}
.titoloSottoMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFCC00;
	border: 2px;
	text-align: center;
	vertical-align: middle;
}
.titoloBarraSuperiore {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000066;
	border: 2px;
	text-align: center;
	vertical-align: middle;
}
.profondimetroA {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 4px;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 4px;
	height: auto;
}
.profondimetroB {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	color: #FFCC00;
	padding: 0px 4px 0px 4px;
	font-family: Arial, Helvetica, sans-serif;
}
.profondimetroC {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	font-family: Arial, Helvetica, sans-serif;
}
.bodyPagPresentazione {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000066;
	font-variant: normal;
	text-align: left;
	height: auto;
	width: auto;
	line-height: 18px;
}
.bodyPagTitolo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #000066;
	font-variant: normal;
	text-align: left;
	height: auto;
	width: auto;
	line-height: 24px;
}
.bodyPagSottoTitolo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #000066;
	border: 3;
	text-align: left;
	height: auto;
	width: auto;
	line-height: 13px;
}
.bodyPagSottoTitoloVerde {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #336633;
	border: 3;
	text-align: left;
	height: auto;
	width: auto;
	line-height: 13px;
}
.bodyPagSottoTitoloViola {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #990099;
	border: 3;
	text-align: left;
	height: auto;
	width: auto;
	line-height: 13px;
}
.bodyPagTermini {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	text-align: left;
	height: auto;
	width: auto;
}
.bodyPagDove {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	text-align: left;
	height: auto;
	width: auto;
}
.bodyPagOrari {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	text-align: left;
	height: auto;
	width: auto;
}
.bodyPagErrore {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
	text-align: left;
	height: auto;
	width: auto;
}
.bodyPagLI {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
	height: auto;
	width: auto;
}
.bodyPagNB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	text-align: left;
	height: auto;
	width: auto;
}
.bodyPagCosaOccorre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	text-align: left;
	height: auto;
	width: auto;
}
.bodyPagEsempio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	text-align: left;
	height: auto;
	width: auto;
}
.bodyPagTitoletto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	text-align: left;
	height: auto;
	width: auto;
}
.bodyPagSearchTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
	height: auto;
	width: auto;
	line-height: 18px;
}
.bodyPagTornaInizio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	text-align: left;
	height: auto;
	width: auto;
	line-height: 40px;
	padding-bottom: 6px;
}
.bodyPagTesto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
	height: auto;
	width: auto;
}
.bodyPagFirma {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	text-align: left;
	height: auto;
	width: auto;
	padding-bottom: 6px;
}
.tabellaPadre {
	top: 0px;
}
.bottoneTopCentrato2R {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000066;
	font-variant: normal;
	line-height: 9px;
	height: auto;
	width: auto;
}
.bodyVersioneStampa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #0033FF;
	text-align: right;
	height: auto;
	width: auto;
	vertical-align: middle;
	padding-bottom: 7px;
}
.newsPanel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	width: auto;
	margin: 0px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 1px 1px 1px 5px;
	line-height: 18px;
}
.newsPanelContenuto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	width: auto;
	color: #000066;
	text-align: left;
	padding: 3px;
	line-height: 16px;
}
.newsPanelTimestamp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: normal;
	width: auto;
	margin: 0px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 1px 1px 1px 5px;
	line-height: 8px;
}
.panelArgCollegatiTit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000066;
	line-height: 23px;
}
.panelArgCollegatiCont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	width: auto;
	color: #000066;
	text-align: left;
	padding: 3px;
	line-height: 16px;
}
.dataTop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-align: right;
	line-height: 18px;
}
.bodyPagRicercaElem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #009900;
	text-align: left;
	line-height: 14px;
}
.contenitore {
   width: 100%;
   color: #000000;
   background-color: #e7e7e7;
}
.topleft { background: url(/images/top-left.gif) no-repeat top left }

.topright { background: url(/images/top-right.gif) no-repeat top right }

.bottomleft { background: url(/images/bottom-left.gif) no-repeat bottom left }

.bottomright { background: url(/images/bottom-right.gif) no-repeat bottom right }

.contenuto { padding: 15px }

.contenitore2 {
   width: 100%;
   color: #000000;
   background-color: #cccccc;
}

.topleft2 { background: url(/images/top-left2.gif) no-repeat top left }

.topright2 { background: url(/images/top-right2.gif) no-repeat top right }

.bottomleft2 { background: url(/images/bottom-left2.gif) no-repeat bottom left }

.bottomright2 { background: url(/images/bottom-right2.gif) no-repeat bottom right }

.contenitore3 {
   width: 100%;
   color: #000000;
   background-color: #b7b7b7;
}

.topleft3 { background: url(/images/top-left3.gif) no-repeat top left }

.topright3 { background: url(/images/top-right3.gif) no-repeat top right }

.bottomleft3 { background: url(/images/bottom-left3.gif) no-repeat bottom left }

.bottomright3 { background: url(/images/bottom-right3.gif) no-repeat bottom right }


/*--- da qui css per pagina Festa dei Popoli ---**
** Progetto grafico e programmazione di Gennaro Mele **
** software open source utilizzati: Inkscape, The Gimp **
** software free utilizzati: ArtRage2 **
** codice di programmazione: CSS2, HTML4 **
** Ore di lavoro: 16 */

/*impostazione del corpo della pagina*/
body {
margin: 50px;
padding: 0;
text-align: center;
background-color : #ffffff;
color: #000000;
}
#centratoFP {
width: 903px;
margin: auto;
text-align: left;
}

#corpoFP {
widht: 903px;
height: 501px;
float: left;
background-color: white;
background-image: url(/images_ocms/layout_festapopoli.png);
background-repeat: */left top repeat-y;*/ no-repeat;

*/background: #fff url(http://www.comune.brugherio.mb.it/images_ocms/layout_festapopoli.png);*/
}

#primacolonnaFP {
float: left;
width: 92px;
height: 275px;
background: trasparent;
color: #000;/*colore del testo*/
margin: 80px 0px 0px 0px;
border: 0px;
padding: 0px;
}

#testo_primacolonnaFP {
float: left;
width: 90px;
height: 266px;
background: trasparent;
color : #0000ff;/*colore del testo*/
font : bold 11px "lucida grande";
margin: 60px 0px 0px 0px;
border: 0px;
padding: 0px;

}

#secondacolonnaFP {
float: left;
width: 170px;
height: 360px
background: trasparent;
margin: 120px 60px 0px 0px;
border: 1px;
padding: 1px;
}

#terzacolonnaFP {
float: left;
width: 364px;
height: 268px;
margin: 60px 0px 0px 10px;
border: 0px;
padding: 0px;
}

#testo_terzacolonnaFP {
float: left;
width: 359px;
height: 266px;
background: trasparent;
margin: 1px 0px 0px 5px;
border: 0px;
padding: 0px;
}

#quartacolonnaFP {
float: left;
width: 200px;
height: 268px
background: trasparent;
margin: 140px 2px 0px 0px;
border: 0px;
padding: 0px;
}

.titoloFP {
font : bold 26px "lucida grande";
color : #330000;
}

.titolo2FP {
font : bold 16px "lucida grande";
color : #999999;
}

.testoFP {
font : 12px "arial";
color : #ffffff;/*colore del testo*/
}

.testo3FP {
font : 12px "arial";
color : #ffffff;/*colore del testo*/
}

.testo4FP {
font : 15px "lucida grande";
color : #ffffff;/*colore del testo gallerie e intervista*/
}


.testo5FP {
font : 15px "lucida grande";
color : #000066;/*colore del testo podcast*/
}

.testo2FP {
font : 12px "arial";
color : #ffff00;/*colore del testo*/
}

.creditiFP {
font : "Verdana, Arial, Helvetica, sans-serif";
font-size : 10px;
font-style : bold;
color : #000066;
text-align : center;
}

/*Fine CSS per pagina Festa dei Popoli*/


/*--- da qui pagina principale per la galleria fotografica Scatta l'Autore ---*
** Progetto grafico e programmazione di Gennaro Mele **
** software open source utilizzati: Inkscape, The Gimp **
** software free utilizzati: ArtRage2 **
** codice di programmazione: CSS2, HTML4 **
** Ore di lavoro: 30 */
/*impostazione del corpo della pagina*/

body {

margin: 50px;

padding: 0;

text-align: center;

background-color : #ffffff;

color: #000000;

}

p {
	font-face: "arial";

	font-size: 16px;

	color: #990099;

	text-align: center;
	}


#centrato {

width: 900px;

margin: 6px;

text-align: center;

}



.box1 {

   	width: 900px;

	height: 500px;

   	color: #000;

   	background-color: #ffffff;

   	

   	background-repeat: no-repeat;

   	background-position: bottom left;

	}



.contenuto {

	width: 900px;

	height: 500px;

	padding: 0px;

   	

   	background-repeat: no-repeat;

   	}



.corpo {

	width: 900px;

	heigh: 500px

	color: #000;

	float: left;

	background-color: #ffffff;

   	background-repeat: no-repeat;

	background-position: bottom left;

   	}


#logo a{

	display:block;

	background:url(/images_ocms/biblioteca/galleria_biblioteca_1.jpg) 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:130px;

	}

#logo span{

	display:none;

	}

#scattautore a{

	display:block;

	background:url(/images_ocms/biblioteca/galleria_biblioteca_2.jpg) 0 0 no-repeat;

	float: left;

	width:296px;

	height:120px;

	}

#scattautore span{

	display:none;

	}

#edizione08 a{

	display:block;

	background:url(/images_ocms/biblioteca/galleria_biblioteca_3.jpg) 0 0 no-repeat;

	float: left;

	width:296px;

	height:110px;

	}

#edizione08 span{

	display:none;

	}



#edizione07 a{

	display:block;

	background:url(/images_ocms/biblioteca/galleria_biblioteca_4.jpg) 0 0 no-repeat;

	float: left;

	width:296px;

	height:140px;

	}

#edizione07 span{

	display:none;

	}



#inbiblioteca a{

	display:block;

	background:url(/images_ocms/biblioteca/galleria_biblioteca_5.jpg) 0 0 no-repeat;

	float: right;

	width:604px;

	height:230px;

	}

#inbiblioteca span{

	display:none;

	}



#bruma a{

	display:block;

	background:url(/images_ocms/biblioteca/galleria_biblioteca_6.jpg) 0 0 no-repeat;

	float:left;

	width:294px;

	height:140px;

	}

#bruma span{

	display:none;

	}


#festival a{

	display:block;

	background:url(/images_ocms/biblioteca/galleria_biblioteca_7.jpg) 0 0 no-repeat;

	float:left;

	width:310px;

	height:140px;

	}

#festival span{

	display:none;

	}

.crediti {

	font: "Verdana, Arial, Helvetica, sans-serif";

	font-size: 10px;

	font-style: bold;

	color: #000066;

	text-align: center;

	}

/*Fine CSS per la pagina principale per la galleria fotografica Scatta l'Autore ---*/


/*--- da qui css per pagina PGT ---**
** Progetto grafico e programmazione di Gennaro Mele **
** software open source utilizzati: Inkscape, The Gimp **
** software free utilizzati: ArtRage2 **
** codice di programmazione: CSS2, HTML4 **
** Ore di lavoro: 18 */

/*impostazione del corpo della pagina*/
body {
margin: 50px;
padding: 0;
text-align: center;
background-color : #ffffff;
color: #000000;
}

#centratoPGT {
width: 906px;
margin: auto;
text-align: left;
}

#corpoPGT {
widht: 903px;
height: 501px;
float: left;
background-color: white;
background-image: url(/images_ocms/layout_pgt.png);
background-repeat: no-repeat;

*/background: #fff url(http://www.comune.brugherio.mb.it/images_ocms/layout_pgt.png);*/
}

#primacolonnaPGT {
float: left;
width: 156px;
height: 490px;
background: trasparent;
color: #000;/*colore del testo*/
margin: 0px 0px 0px 0px;
border: 0px;
padding: 0px;
}

#colonna1_primacolonnaPGT {
float: left;
width: 120px;
height: 80px;
margin: 0px 0px 0px 0px;
border: 0px;
padding: 6px;
}

#colonna2_primacolonnaPGT {
float: left;
width: 120px;
height: 410px;
background: trasparent;
margin: 0px 0px 0px 0px;
border: 0px;
padding: 6px;
}

#secondacolonnaPGT {
float: left;
width: 744px;
height: 490px
background: trasparent;
margin: 0px 0px 0px 0px;
border: 0px;
padding: 0px;
}

#colonna1_secondacolonnaPGT {
float: left;
width: 738px;
height: 80px;
margin: 0px 0px 0px 0px;
border: 0px;
padding: 0px;
}

#colonna2_secondacolonnaPGT {
float: left;
width: 738px;
height: 320px;
background: trasparent;
margin: 0px 0px 0px 0px;
border: 0px;
padding: 6px;
}

#colonna3_secondacolonnaPGT {
float: left;
width: 738px;
height: 80px;
background: trasparent;
margin: 0px 0px 0px 0px;
border: 0px;
padding: 6px;
}

.titoloPGT {
font : bold 13px "lucida grande";
color : #330000;
text-align: left;
}

.testoPGT {
font : 12px "arial";
color : #333333;/*colore del testo*/
text-align: left;
}
a:visited.testoPGT {
	text-decoration: none;
	color: #FFCC00;
}
a:link.testoPGT {
	text-decoration: none;
	color: #FFCC00;
}
a:hover.testoPGT {
	text-decoration: none;
	color: #FFCC00;
}
a:active.testoPGT {
	text-decoration: none;
	color: #FFCC00;
}
a:visited {
	text-decoration: none;
	color: #0000FF;
}
a:link {
	text-decoration: none;
	color: #000066;
}
a:hover {
	text-decoration: none;
	color: #0000FF;
}
a:active {
	text-decoration: none;
	color: #FF0000;
}

.creditiPGT {
font : "Verdana, Arial, Helvetica, sans-serif";
font-size : 10px;
font-style : bold;
color : #000066;
text-align : center;
}

/*Fine CSS per pagina PGT*/

/*--- da qui pagina principale per Speciale Referendum ---*
** Progetto grafico e programmazione di Gennaro Mele **
** software open source utilizzati: Inkscape, The Gimp **
** software free utilizzati: ArtRage2 **
** codice di programmazione: CSS2, HTML4 **
** Ore di lavoro: 18 */
/*impostazione del corpo della pagina*/

body {

margin: 20px;

padding: 0;

text-align: center;

background-color : #ffffff;

color: #000000;

}

p {
	font-face: "arial";

	font-size: 16px;

	color: #990099;

	text-align: left;
	}


.box1 {

   	width: 900px;

	height: 500px;

   	color: #000;

   	background-color: #ffffff;

   	text-align: center;

   	background-repeat: no-repeat;

   	background-position: bottom left;

	}



.contenuto {

	width: 900px;

	height: 500px;

	padding: 0px;

   	text-align: center;

   	background-repeat: no-repeat;

   	}


#testata a{

	display:block;

	background:url(/images_ocms/referendum/referendum_testata.jpg) 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:110px;

	}

#testata span{

	display:none;

	}

#quesito a{

	display:block;

	background:url(/images_ocms/referendum/referendum_quesito.jpg) 0 0 no-repeat;

	float: left;

	width:308px;

	height:390px;

	}

#quesito span{

	display:none;

	}

#inserto a{

	display:block;

	background:url(/images_ocms/referendum/referendum_inserto.jpg) 0 0 no-repeat;

	float: left;

	width:303px;

	height:390px;

	}

#inserto span{

	display:none;

	}



#comizi a{

	display:block;

	background:url(/images_ocms/referendum/referendum_comizi.jpg) 0 0 no-repeat;

	float: left;

	width:288px;

	height:128px;

	}

#comizi span{

	display:none;

	}


#seggi a{

	display:block;

	background:url(/images_ocms/referendum/referendum_seggi.jpg) 0 0 no-repeat;

	float: right;

	width:288px;

	height:130px;

	}

#seggi span{

	display:none;

	}


#ragioni a{

	display:block;

	background:url(/images_ocms/referendum/risultato_referendum.png) 0 0 no-repeat;

	float: right;

	width:288px;

	height:377px;

	}

#ragioni span{

	display:none;

	}


.crediti {

	font: "Verdana, Arial, Helvetica, sans-serif";

	font-size: 10px;

	font-style: bold;

	color: #000066;

	text-align: center;

	}

/*Fine CSS per la pagina Speciale Referendum ---*/


/*--- da qui pagina principale per Speciale Referendum ---*
** Progetto grafico e programmazione di Gennaro Mele **
** software open source utilizzati: Inkscape, The Gimp **
** software free utilizzati: ArtRage2 **
** codice di programmazione: CSS2, HTML4 **
** Ore di lavoro: 18 */
/*impostazione del corpo della pagina Pace in Comune*/

body {

margin: 20px;

padding: 0;

text-align: center;

background-color : #ffffff;

color: #000000;

}

p {
	font-face: "arial";

	font-size: 16px;

	color: #990099;

	text-align: left;
	}


.box {

   	width: 900px;

	height: 500px;

   	color: #000;

   	background-color: #ffffff;

   	

   	background-repeat: no-repeat;

   	background-position: bottom left;

	}



.contenuto {

	width: 900px;

	height: 500px;

	padding: 0px;

   	background-repeat: no-repeat;

   	}

#centrato {

width: 900px;

margin: 6px;

text-align: center;

}


#box1 a{

	display:block;

	background:url(/images_ocms/pace/testata.jpg) 0 0 no-repeat;

	float: left;

	margin: 0px 0px 0px 0px;

	width:900px;

	height:110px;

	}

#box1 span{

	display:none;

	}

#box2 a{

	display:block;

	background:url(/images_ocms/pace/iscrizione.jpg) 0 0 no-repeat;

	float: left;

	width:353px;

	height:390px;

	}

#box2 span{

	display:none;

	}

#box3 a{

	display:block;

	background:url(/images_ocms/pace/areacondivisa.jpg) 0 0 no-repeat;

	float: left;

	width:230px;

	height:310px;

	padding: 40px;
	}

#box3 span{

	display:none;

	}


#box8 a{

	display:block;

	background:url(/images_ocms/pace/box8.jpg) 0 0 no-repeat;

	float: right;

	width:237px;

	height:133px;

	}

#box8 span{

	display:none;

	}


#box9 a{

	display:block;

	background:url(/images_ocms/pace/box9.jpg) 0 0 no-repeat;

	float: right;

	width:237px;

	height:35px;

	}

#box9 span{

	display:none;

	}

#box10 a{

	display:block;

	background:url(/images_ocms/pace/box10.jpg) 0 0 no-repeat;

	float: right;

	width:237px;

	height:69px;

	}

#box10 span{

	display:none;

	}

#box11 a{

	display:block;

	background:url(/images_ocms/pace/box11.jpg) 0 0 no-repeat;

	float: right;

	width:237px;

	height:71px;

	}

#box11 span{

	display:none;

	}

#box12 a{

	display:block;

	background:url(/images_ocms/pace/box12.jpg) 0 0 no-repeat;

	float: right;

	width:237px;

	height:82px;

	}

#box12 span{

	display:none;

	}

.crediti {

	font: "Verdana, Arial, Helvetica, sans-serif";

	font-size: 10px;

	font-style: bold;

	color: #000066;

	text-align: center;

	}

/*Fine CSS per la pagina Pace in Comune ---*/


/*da qui css dinamico per galleria notiziario e galleria artisti*/
.gallerycontainer{
position: relative;
/*Aggiungere un attributo e un insieme di altezza ad altezza della pił grande immagine per evitare che ricoprono*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS per l'immagine ingrandita*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS per l'immagine ingrandita*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS per l'immagine ingrandita*/
visibility: visible;
top: 0;
left: 770px; /*posizione dove l'immagine ingrandita dovrebbe sfalsare orizzontalmente */
z-index: 50;
}


/*DA QUI CSS SEZIONE ARTE*/
/*impostazione del corpo della pagina*/

body {

margin: 50px;

padding: 0;

text-align: center;

background-color : #ffffff;

color: #000000;

}

p {
	font-face: "arial";

	font-size: 16px;

	color: #990099;

	text-align: center;
	}


#centrato {

width: 900px;

margin: 6px;

text-align: center;

}



.scheda {

   	width: 900px;

	height: 500px;

   	color: #000;

   	background-color: #ffffff;

   	background-image: url("/images_ocms/arte/latoB.jpg");

   	background-repeat: no-repeat;

   	background-position: bottom left;

	}



.contenuto_scheda {

	width: 900px;

	height: 500px;

	padding: 0px;

   	background-image: url("/images_ocms/arte/latoA.jpg");

   	background-repeat: no-repeat;

   	}

.cornicetta {

   	width: 900px;

	height: 500px;

      	color: #000;

   	background-color: #ffffff;

	background-image: url("/images_ocms/arte/latoC3.jpg");

   	background-repeat: no-repeat;

	background-position: right;
   	}


/*home page della pagina ARTE*/

#barra_logo a{

	display:block;

	background:url("/images_ocms/arte/img_hp_1.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#barra_logo span{

	display:none;

	}



#artisti a{

	display:block;

	background:url("/images_ocms/arte/img_hp_2sx.jpg") 0 0 no-repeat;

	float: left;

	width:450px;

	height:120px;

	}

#artisti span{

	display:none;

	}

#evidenza a{

	display:block;

	background:url("/images_ocms/arte/img_hp_2dx.jpg") 0 0 no-repeat;

	float: left;

	width:450px;

	height:120px;

	}

#evidenza span{

	display:none;

	}



#podcast a{

	display:block;

	background:url("/images_ocms/arte/img_hp_3.jpg") 0 0 no-repeat;

	float: left;

	width:270px;

	height:180px;

	}

#podcast span{

	display:none;

	}



#mostre a{

	display:block;

	background:url("/images_ocms/arte/img_hp_4.jpg") 0 0 no-repeat;

	float: left;

	width:330px;

	height:180px;

	}

#mostre span{

	display:none;

	}



#contatti a{

	display:block;

	background:url("/images_ocms/arte/img_hp_5.jpg") 0 0 no-repeat;

	float:left;

	width:300px;

	height:180px;

	}

#contatti span{

	display:none;

	}
/*fine home page della pagina ARTE*/

/*qui pagina VIDEO*/

#logoVideo a{

	display:block;

	background:url("/images_ocms/arte/img_hpVideo.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

/*qui pagina PODCAST*/

#logoPodcast a{

	display:block;

	background:url("/images_ocms/arte/img_hpPodcast.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoPodcast span{

	display:none;

	}

/*qui pagina IN EVIDENZA*/

#logoEvidenza a{

	display:block;

	background:url("/images_ocms/arte/img_hpEvidenza.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoEvidenza span{

	display:none;

	}

/*qui pagina LE MOSTRE*/

#logoMostre a{

	display:block;

	background:url("/images_ocms/arte/img_hpMostre.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoMostre span{

	display:none;

	}




/*qui pagina CONTATTI*/

#logoContatti a{

	display:block;

	background:url("/images_ocms/arte/img_hpContatti.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoContatti span{

	display:none;

	}

#bigliettoInformazioni {
	background:url("/images_ocms/arte/contatti/biglietto_informazioni.png") 0 0 no-repeat;
	background-position: center;

	float: left;

	margin: 0px 0px 0px 0px;

	padding: 28px 0px 0px 20px;
	text-align: left;
	width: 300px;

	height: 300px;
	}

#bigliettoBacheca {
	background:url("/images_ocms/arte/contatti/biglietto_bacheca.jpg") 0 0 no-repeat;
	background-position: center;

	float: left;

	margin: 0px 0px 0px 0px;

	padding: 28px 0px 0px 20px;
	text-align: left;
	width: 550px;

	height: 300px;
	}

/*qui pagina ARTISTI*/

#logoArtisti a{

	display:block;

	background:url("/images_ocms/arte/img_hpArtisti.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoArtisti span{

	display:none;

	}

#bigliettoArtistiA {
	background:url("/images_ocms/arte/biglietto_artistiA.png") 0 0 no-repeat;
	background-position: center;

	float: left;

	margin: 0px 0px 0px 0px;

	padding: 28px 0px 0px 20px;
	text-align: left;
	width: 300px;

	height: 300px;
	}

#bigliettoArtistiB {
	background:url("/images_ocms/arte/biglietto_artistiB.png") 0 0 no-repeat;
	background-position: center;

	float: left;

	margin: 0px 0px 0px 0px;

	padding: 28px 0px 0px 20px;
	text-align: left;
	width: 550px;

	height: 300px;
	}



#boxbot {
	float: left;
	width: 200px;
	}

#boximg {
	float: left;
	width: 340px;
	}

#logoBacchiega a{

	display:block;

	background:url("/images_ocms/arte/artisti/bacchiega/img_hpBacchiega.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoBacchiega span{

	display:none;

	}

#logoBellina a{

	display:block;

	background:url("/images_ocms/arte/artisti/bellina/img_hpBellina.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoBellina span{

	display:none;

	}

#logoBiffe a{

	display:block;

	background:url("/images_ocms/arte/artisti/biffe/img_hpBiffe.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoBiffe span{

	display:none;

	}

#logoFettolini a{

	display:block;

	background:url("/images_ocms/arte/artisti/fettolini/img_hpFettolini.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoFettolini span{

	display:none;

	}


#logoMariani a{

	display:block;

	background:url("/images_ocms/arte/artisti/mariani/img_hpMariani.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoMariani span{

	display:none;

	}


#logoGatti a{

	display:block;

	background:url("/images_ocms/arte/artisti/gatti/img_hpGatti.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoGatti span{

	display:none;

	}

#logoGhezzi a{

	display:block;

	background:url("/images_ocms/arte/artisti/ghezzi/img_hpGhezzi.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoGhezzi span{

	display:none;

	}


#logoMarangoni a{

	display:block;

	background:url("/images_ocms/arte/artisti/marangoni/img_hpMarangoni.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoMarangoni span{

	display:none;

	}


#logoNava a{

	display:block;

	background:url("/images_ocms/arte/artisti/nava/img_hpNava.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoNava span{

	display:none;

	}

#logoOrazio a{

	display:block;

	background:url("/images_ocms/arte/artisti/orazio/img_hpOrazio.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoOrazio span{

	display:none;

	}


#logoSangalli a{

	display:block;

	background:url("/images_ocms/arte/artisti/sangalli/img_hpSangalli.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoSangalli span{

	display:none;

	}

#logoSquillace a{

	display:block;

	background:url("/images_ocms/arte/artisti/squillace/img_hpSquillace.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoSquillace span{

	display:none;

	}

#logoTeruzzi a{

	display:block;

	background:url("/images_ocms/arte/artisti/teruzzi/img_hpTeruzzi.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoTeruzzi span{

	display:none;

	}

#logoVisini a{

	display:block;

	background:url("/images_ocms/arte/artisti/visini/img_hpVisini.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoVisini span{

	display:none;

	}

#logoCappelletti a{

	display:block;

	background:url("/images_ocms/arte/artisti/cappelletti/img_hpCappelletti.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoCappelletti span{

	display:none;

	}


#logoGalleria a{

	display:block;

	background:url("/images_ocms/arte/img_laGalleria.jpg") 0 0 no-repeat;

	float: left;

	margin: 50px 0px 0px 0px;

	width:900px;

	height:100px;

	}

#logoGalleria span{

	display:none;

	}


/*da qui css galleria dinamica singolo artista*/
.galleria_artisti{
position: relative;
padding: 0px;
margin: 0px;

/*Aggiungere un attributo e un insieme di altezza ad altezza della pił grande immagine per evitare che ricoprono*/
}

.gal_artista img{
border: 0px solid white;
margin: 0 -4px -10px 0;
}

.gal_artista:hover{
background-color: transparent;
}

.gal_artista:hover img{
border: 0px solid red;
}

.gal_artista span{ /*CSS per l'immagine ingrandita*/
position: absolute;
background-color: #663300;
padding: 9px;
left: -1000px;
border: 2px dashed #ffcc99;
visibility: hidden;
color: #ffcc99;
text-decoration: none;

}

.gal_artista span img{ /*CSS per l'immagine ingrandita*/
border-width: 3;
padding: 2px;
}

.gal_artista:hover span{ /*CSS per l'immagine ingrandita*/
visibility: visible;
top: 140px;
left: 552px; /*posizione dove l'immagine ingrandita dovrebbe sfalsare orizzontalmente */
z-index: 50;
}
/*fine galleria dinamica singolo artista*/


/*galleria tipo pellicola per pagine artisti e podcast*/
ol#galleria_pellicola{
	margin: 0px 5%;
	padding: 0px;
	}

ol#galleria_pellicola li{
	float: left;
	background-color: #afc6e9;
	color: #5a2ca0;
	list-style-type: none
	}


ol#galleria_pellicola h3{ margin: 0; padding: 1px 0 1px;
	font: 9px arial,sans-serif; text-align: center
    }

ol#galleria_pellicola a{ display: block; padding: 2px 2px 2px;
     background: #9999cc repeat-x bottom right }

ol#galleria_pellicola a:hover{ color: #fff; /*hack per ie5.5 e le regole sotto*/ }

ol#galleria_pellicola a img{ border: 2px solid #333366 }

ol#galleria_pellicola a:hover img{ border-color: #FFFFA0 }

/*fine galleria tipo pellicola per pagine artisti e podcast*/


/*FINE CSS SEZIONE ARTE*/



/*da qui css dinamico per galleria mostre*/
.gallerycontainer2{
position: relative;
/*Aggiungere un attributo e un insieme di altezza ad altezza della pił grande immagine per evitare che ricoprono*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS per l'immagine ingrandita*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS per l'immagine ingrandita*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS per l'immagine ingrandita*/
visibility: visible;
top: 0;
left: 520px; /*posizione dove l'immagine ingrandita dovrebbe sfalsare orizzontalmente */
z-index: 50;
}