BODY {
font-family: Verdana, Helvetica, Arial, sans-serif;
padding:0;margin: 0; width: 100%;background: #fff;
}
A:hover {text-decoration: underline}
.off-left {left: -999px;width: 990px;position: absolute}

/* Layout 001 - home page buonalombardia MENU SUPERIORE*/

DIV.Msuperiore  {height: 22px;background: #fff;width: 100%}

A.Msuperiore  {
height: 22px;
float: left;
font-size: xx-small;
margin-left: 13px;
margin-right: 8px;
margin-bottom: 0;
padding-left: 20px;
vertical-align: bottom;
color: black;
text-decoration: none;
background: #fff;
background-image: url(../images/ico_bandiera_gb.jpg);
background-position: left center;
background-repeat: no-repeat;
text-transform: uppercase;
}
A.Msuperiore:hover {text-decoration: underline}
A.Msuperiore:active {text-decoration: none}
A.MsuperioreMap  {
height: 10px;
float: left;
font-size: xx-small;
margin-left: 13px;
margin-right: 8px;
padding-left: 20px;
vertical-align: middle;
PADDING-top: 5PX;
margin-bottom: 0;
color: black;
text-decoration: none;
background-color: #fff;
background-image: url(../images/ico_mappa.jpg);
background-position: left center;
background-repeat: no-repeat;
text-transform: uppercase}

A.MsuperioreMap:hover {text-decoration: underline}
A.MsuperioreMap:active {text-decoration: none}
A.Msuperiore2  {
height: 22px;
float: right;
font-size: xx-small;
margin-bottom: 0;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #9c362a;
margin-left: 13px;
margin-right: 8px;
padding-left: 15px;
vertical-align: bottom;
color: black;
text-decoration: none;
background-color: #fff;
text-transform: uppercase;
text-align: left;
}

A.Msuperiore2:hover {text-decoration: underline}
A.Msuperiore2:active {TEXT-DECORATION: none}
A.menuSx {FONT-WEIGHT: normal;FONT-SIZE: xx-small;COLOR: #000;FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;text-decoration: none}
A.menuSx A:hover {text-decoration: underline}
A.menuSx A.active {text-decoration: none}

/* Layout 001 - home page buonalombardia MENU PRINCIPALE*/

DIV.inizio2 {FLOAT: left; TEXT-ALIGN: LEFT; HEIGHT: 20px}
DIV.menuPRIN {HEIGHT: 20px;background-color: #00602A}
UL.menuPRIN {PADDING-BOTTOM: 3px;MARGIN: 2px 0 0 0;WIDTH: inherit;HEIGHT: 20px}

LI.menuPRIN {
PADDING-RIGHT: 6px;
DISPLAY: inline;
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
LIST-STYLE-TYPE: none;
TEXT-DECORATION: none;
BORDER-RIGHT: 5px groove #fff;
background-color: #00602A;
WIDTH: inherit;
}
A.menuPRIN {
FONT-WEIGHT: BOLD;
FONT-SIZE: x-small;
COLOR: #fff;
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
text-align: inherit;
padding-left: 13px;
padding-right: 13px;
height: 20px;
text-transform: uppercase;
vertical-align: middle;
padding-top: inherit;
width: auto;
}
A.menuPRIN:hover {text-decoration: underline;background-color: #f0f2ed;height: 20px;COLOR: #000}
A.menuPRIN:active {TEXT-DECORATION: none}
A.menuPRINACCESI {
FONT-WEIGHT: BOLD;
FONT-SIZE: x-small;
COLOR: #00602A;
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
text-align: inherit;
padding-left: 13px;
padding-right: 13px;
height: 20px;
text-transform: uppercase;
vertical-align: middle;
padding-top: inherit;
width: auto;
background-color: #fff;
}
A.menuPRINACCESI:hover {text-decoration: underline;height: 20px}
A.menuPRINACCESI:active {TEXT-DECORATION: none}
DIV.header {
width: 100%;
PADDING-RIGHT: 0;
PADDING-LEFT: 0;
PADDING-BOTTOM: 0;
PADDING-TOP: 0;
background: url(../images/TESTATA_PER_MONTAGGI.gif) no-repeat left;
HEIGHT: 110px;
}

.invisibile {display: none}

DIV.menuHor {
text-align: center;
PADDING-RIGHT: 1px;
PADDING-LEFT: 1px;
MARGIN-BOTTOM: 1px;
PADDING-BOTTOM: 1px;
PADDING-TOP: 1px;
background: #00602A;
}

DIV.menuHor UL LI.invisibile  {
display: none;
}

/* Layout 001 - home page buonalombardia MENU PRINCIPALE FINE*/

#path {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.65em;font-weight: bold}
#path UL LI {DISPLAY: inline;LIST-STYLE-TYPE: none}
.tdMenuSx{background-color: #E6E6DC}
.tdMenuDx{background: url(/img/fondo_tab_dx.gif)}
.tdMenuSxVuoto{background-color: #fff}
img {border: 0}


/* Layout 001 - home page buonalombardia CENTRO INIZIO*/
TABLE.contenitore {PADDING-RIGHT: 0; PADDING-LEFT: 0; PADDING-BOTTOM: 0; MARGIN: 0; WIDTH: 100%; BORDER-TOP-STYLE: none; PADDING-TOP: 0; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none}
TD.centro {VERTICAL-ALIGN: top; WIDTH: auto}
DIV.Centro {PADDING-RIGHT: 0;PADDING-LEFT: 10px;VERTICAL-ALIGN: top;WIDTH: auto;PADDING-TOP: 20px}
DIV.CentroMezzoEsternoSX {FLOAT: left;PADDING-BOTTOM: 20px;WIDTH: 40%;MARGIN-RIGHT: 1px;background-color: #f2f3f5}
DIV.CentroMezzoEsternoDX {FLOAT: LEFT; PADDING-BOTTOM: 20px; WIDTH: 55%}
DIV.CentroEsterno {CLEAR: both}
TD.separatore {WIDTH: auto}
DIV.boxCentroMezzo {
PADDING-LEFT: 5px;
FONT-WEIGHT: bold;
FONT-SIZE: x-small;
MARGIN-BOTTOM: 0;
PADDING-BOTTOM: 5px;
MARGIN-LEFT: 0; COLOR: #08248c; MARGIN-RIGHT: 0; PADDING-TOP: 5px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
TD.toolDXhome {VERTICAL-ALIGN: top;WIDTH: 30%}
DIV.toolDXhome {VERTICAL-ALIGN: top;MARGIN-TOP: 6PX;background-color: #F7F7F5;border: 1px solid Silver;margin-right:5px }
DIV.inprimopiano {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: auto;
vertical-align: top;
margin-right: 10px;
margin-left: 10px;
margin-top: 5px;
border: 1px solid;
border-width: 1px 1px 1px 1px;
border-color: #00602A;
background-color: #fff;
}
DIV.occhiello {
width: auto;
vertical-align: text-top;
margin: 8px;
border: 1px solid;
border-color: Silver;
background: #fff;
height:75px;
}
DIV.occhielloprodotti {width: auto;vertical-align: text-top;margin-left: 8px;margin-right: 8px}
DIV.occhiellonewsletter {
width: auto;
min-height: 60px;
vertical-align: text-top;
margin-left: 8px;
margin-right: 8px;
background-color: #9C362A;
}
DIV.occhielloMOTORE {
width: auto;
min-height: 60px;
vertical-align: text-top;
margin-LEFT: 8px;
margin-RIGHT: 8px;
background-color:#9ABDA7;
}
DIV.occhielloBANNER {width: auto;vertical-align: text-top;margin: 8px;border: 1px ridge Gray;background: #fff}

DIV.occhielloMETEO {
width: auto;
height: 80PX;
vertical-align: text-top;
margin: 8px;
background-color: #fff;
background-image: url(../images/ICO_METEO.gif);
background-position: left;
background-repeat: no-repeat;
cursor:pointer;
}

div.occhielloBIO {width: auto; height: 88px; vertical-align: text-top; margin: 8px; background: #fff url(../images/image/banner_bio.jpg) no-repeat left;cursor:pointer}
div.occhielloBIO_Home {background-image:url(../images/image/banner_bio_home.jpg)}

DIV.occhielloCONSIGLIATI {
width: auto;
vertical-align: text-top;
margin: 8px;
border: 1px ridge #00602a;
border-width: 1px 1px 1px 1px;
background-color: #fff;
background: #F0F2ED;
}
DIV.fondoSNHP {
width: 38%;
vertical-align: top;
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
background-color: #f2f3f5;
height: 100%;
}

TD.fondoSNHP {
width: 30%;
vertical-align: top;
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
background-color: #f2f3f5;
height: 100%;
}
TD.fondoCENTROHP {
width: 40%;
vertical-align: top;
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
background-color: Blue;
height: 100%;
}
TD.fondoDXHP {
width: 30%;
vertical-align: top;
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
background-color: Fuchsia;
height: 100%;
}

.testo{margin: 2px 5px 5px;font-size: 0.9em;color:#555}
.testomotore{margin: 0;font-size: x-small;color: Black;vertical-align: middle}
.testoaltrenotizie{margin: 10px 5px 5px 10px;font-size: 0.9em;color:#555}

A.continua{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: bold;
color: #9c362A;
text-decoration: none;
margin-right: 10px;
margin-bottom: 10px;
float: right;
vertical-align:top;
}
A.continua:hover{text-decoration: underline}
A.continuaverde{
font-size: x-small;
font-weight: bold;
color: #00602a;
text-decoration: none;
margin-right: 10px;
margin-bottom: 10px;
float: right;
vertical-align:top;
}
A.continuaverde:hover{text-decoration: underline}
DIV.seztitoloeventi {
width: auto;
float: inherit;
padding: 0;
text-align: left;
font-size: medium;
color: #00602A;
font-weight: bolder;
background-image: url(../images/scacco_green_big.gif);
background-position: left;
background-repeat: no-repeat;
border-bottom: 2px solid #00602A;
text-indent: 25px;
margin-top: 8px;
margin-right: 8px;
margin-bottom: 8px;
margin-left: 8px;
text-transform: uppercase;
}
DIV.seztitoloCLICCATI { /*seztitoloPUBBLICAZIONILETTE {*/
width: auto;
float: inherit;
padding: 0;
text-align: left;
font-size: x-small;
color: #9C362A;
font-weight: bolder;
margin: 8px 8px 0 8px;
text-transform: uppercase;
}
DIV.seztitoloNEWSLETTER {
width: auto;
float: inherit;
padding: 0;
text-align: left;
font-size: x-small;
color: #fff;
font-weight: bolder;
margin-top: 8px;
margin-right: 8px;
margin-bottom: 0;
margin-left: 8px;
text-transform: uppercase;
}
DIV.seztitoloMOTORE {
width: auto;
float: inherit;
text-align: left;
font-size: x-small;
color: #fff;
font-weight: bolder;
margin: 0;
padding: 0;
text-transform: uppercase;
background: #00602A;
text-indent: 8px;
}
DIV.ingombroNEWSLETTER {width: 100%;margin-top: 0}
.comboNEWSLETTER {
width: 95%;
margin-top: 4px;
text-align: left;
font-size: x-small;
color: #000;
font-weight: normal;
padding-left: 6px;
}
.bottoneNEWSLETTER {
width: 60px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 0;
padding-right: 3px;
border: 1px solid #fff;
background-image: url(../images/freccia_newsletter.gif);
background-position: left;
background-repeat: no-repeat;
background-color: #9c362a;
text-align: right;
font-size: xx-small;
color: #fff;
font-weight: bolder;
float: right;
}
A.bottoneNEWSLETTER:hover {text-decoration: none}
.bottoneMOTORE {
width: 60px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 0;
padding-right: 3px;
border: 1px solid #fff;
background-image: url(../images/freccia_MOTORE.gif);
background-position: left;
background-repeat: no-repeat;
background-color: #00602A;
text-align: right;
font-size: xx-small;
color: #fff;
font-weight: bolder;
float: right;
}
A.bottoneMOTORE:hover {text-decoration: none}
.bottoneMOTOREbig {width:110px}

DIV.imgSCACCOPUBBLICAZIONI {float: left;vertical-align: middle;padding: 0}
DIV.rigaeventi {
margin-top: 3px;
margin-bottom: 5px;
padding-bottom: 5px;
width: 100%;
border-bottom: 2px solid #00602a;
}

DIV.rigatratteggio  {
margin: 5px 5px 0 10px;
height: 5px;
width: auto;
background: url(../images/tratteggio.gif) repeat-x left;
}

DIV.spazio2 {margin-top: 15px;margin-bottom: 15px}
DIV.spazio1 {margin-top: 8px;margin-bottom: 8px}
DIV.spazio3 {margin-top: 25px;margin-bottom: 25px}
A.titoloeventored {
text-align: left;
font-size: x-small;
color: #9c362A;
font-weight: bolder;
margin-left: 10px;
margin-right: 5px;
}
A.titoloeventored:visited {text-decoration: none}
A.titoloeventored:hover {text-decoration: underline}

DIV.titoloeventored {
text-align: left;
font-size: x-small;
color: #9c362A;
font-weight: bolder;
margin-left: 10px;
margin-right: 5px;
}
DIV.testoevento {
text-align: left;
font-size: xx-small;
color: Black;
font-weight: normal;
margin-left: 10px;
margin-right: 5px;
}
DIV.testoeventosottotitolo {
text-align: left;
font-size: xx-small;
color: Black;
font-weight: bolder;
margin-left: 10px;
margin-right: 5px;
}
IMG.immagineNEWSHP {
float: left;
margin-bottom: 20px;
margin-right: 8px;
width: 20%;
height: 20%;
border: thin solid #00602a;
margin-left: 4px;
vertical-align: top;
}

DIV.immagineSN01 {
float: left;
width: 20%;
height: 100%;
border: thin solid Silver;
background: #fff;
vertical-align: top;
margin-left: 4px;
margin-right:4px;
}
DIV.immagineWEEK {
float: left;
width: 42%;
height: 100%;
background: #fff;
vertical-align: top;
margin: 7px;
border: 1px solid #000;
}
IMG.immaginePRODOTTO{WIDTH: 100%}
DIV.immaginePRODOTTO {
float: left;
width: 32%;
height: 100%;
background: #fff;
vertical-align: top;
margin: 2px;
border: 1PX solid Black;
}
DIV.immagineBANNER {
FLOAT: left;
WIDTH: auto;
HEIGHT: auto;
background: #fff;
vertical-align: top;
margin: 7px;
border: 1px solid #000;
}
IMG.immagineedu {
FLOAT: left;
WIDTH: 120px;
HEIGHT: 75px;
background: #fff;
vertical-align: top;
/*	background-image: url(../images/ico_edu.gif);
background-repeat: no-repeat;
background-position: left;*/
margin: 2px;
}

DIV.immagineedu {
FLOAT: left;
WIDTH: 120px;
HEIGHT: 75px;
background: #fff;
vertical-align: top;
/*	background-image: url(../images/ico_edu.gif);
background-repeat: no-repeat;
background-position: left;*/
margin: 2px;
}
DIV.immaginequali {
float: left;
width: 69px;
height: 85px;
background: #fff;
vertical-align: top;
background-image: url(../images/ico_qualita.gif);
background-repeat: no-repeat;
background-position: left;
margin: 2px;
}
DIV.seztitoloSN02 {
width: auto;
text-align: left;
font-size: x-small;
color: #000;
font-weight: bolder;
border-bottom: 2px solid silver;
margin-top: 3px;
margin-bottom: 8px;
margin-left: 6px;
margin-right: 4px;
vertical-align: top;
text-transform: uppercase;
}
DIV.seztitoloSN01 {
width: auto;
text-align: left;
font-size: x-small;
color: #000;
font-weight: bolder;
border-bottom: 2px solid silver;
margin-top: 3px;
margin-bottom: 8px;
margin-right: 4px;
margin-left: 4px;
vertical-align: top;
text-transform: uppercase;
}
DIV.seztitoloQualita {
/*width: auto;*/
width:120px;
text-align: left;
font-size: x-small;
color: Black;
font-weight: bolder;
margin-top: 3px;
margin-bottom: 8px;
margin-right: 8px;
margin-left: 4px;
vertical-align: top;
text-transform: uppercase;
float:left;
}
DIV.seztitoloSN03 {
width: auto;
text-align: left;
font-size: x-small;
color: Black;
font-weight: bolder;
border-bottom: 2px solid BLACK;
margin-top: 3px;
margin-bottom: 8px;
margin-right: 4px;
margin-left: 4px;
vertical-align: top;
text-transform: uppercase;
}
DIV.titoloeventoverde {
text-align: left;
font-size: x-small;
color: #00602A;
font-weight: bolder;
margin-left: 10px;
margin-right: 5px;
vertical-align: top;
}
DIV.menuDXCLICCATI {
MARGIN-TOP: 0;
MARGIN-BOTTOM: 0;
PADDING-BOTTOM: 0;
margin-left: 7px;
WIDTH: 100%;
PADDING-TOP: 0;
TEXT-DECORATION: none;
}
UL.menuDXCLICCATI {PADDING-RIGHT: 0;WIDTH: 100%;text-align: left}
LI.menuDXCLICCATI {DISPLAY: inline;width: 100%}
A.menuDXCLICCATI {
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
VERTICAL-ALIGN: middle;
COLOR: #00602A;
LIST-STYLE-TYPE: none;
TEXT-DECORATION: none;
}
A.menuDXCLICCATI:visited {TEXT-DECORATION: none}
A.menuDXCLICCATI:hover {TEXT-DECORATION: underline}
.datanotizie{
font-size: x-small;
font-weight: normal;
color: Black;
margin-left: 8px;
font-style: italic;
margin-bottom: 10px;
}

#contenuto {VERTICAL-ALIGN: top;border: 1px solid;border-color: #ccc;padding:0;MARGIN: 0 18% 0 5px}
.data{
display: block;
margin: 0.5em 20px 1.5em 0;
font-size: 0.6em;
font-weight: bold;
text-align: right;
color:#6F6E40;
}

/* Layout 001 - home page buonalombardia FOOTER*/

TABLE.footer  {
border-top-style: solid;
border-top-width: 2px;
border-top-color: Silver;
height: 30px;
background-color: #fff;
width: 100%;
}
DIV.footer  {height: 30px;background-color: #fff}
TD.snFooter {WIDTH: 30%; TEXT-ALIGN: right}
TD.centerFooter {width: 36%;text-align: center;display: inline-table}
TD.dxFooter {WIDTH: 34%; TEXT-ALIGN: center}
A.footer  {
height: 30px;
float: left;
font-size: xx-small;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #9c362a;
margin-left:  13px;
margin-right: 8px;
padding-left: 15px;
vertical-align: middle;
color: black;
text-decoration: none;
text-transform: uppercase;
}

A.footer:hover {text-decoration: underline}
A.footer:active {TEXT-DECORATION: none}
A.footercentro  {
height: 30px;
float: left;
font-size: xx-small;
margin-left: 25px;
margin-right: 25px;
vertical-align: inherit;
color: black;
text-decoration: none;
}

A.footercentro:hover {text-decoration: underline}
A.footercentro:active {TEXT-DECORATION: none}

DIV.bollino01{width: 88px;height: 31px;float: left;margin-left: 15px;border:0px}
DIV.bollino02{width: 88px;height: 31px;float: left;margin-right: 0}
DIV.bollino03{width: 142px;height: 28px;float: left;margin-right: 0;padding-left: 20px}
DIV.bollino04{width: 83px;height: 30px;float: right;margin-right: 30px;padding-left: 20px}

DIV.newsProvincia {text-align: left;font-size: xx-small;color: Black;font-weight: bold;MARGIN-LEFT: 0}
.clear {clear:both}