/* ######### Foglio stile Regione Lombardia: Homepage - Versione 1.4 - ultima modifica 26 Novembre 2008 ############ */
@import url(menuglobale.css); /*css che contiene la formattazione del menu di utilità e del menu di navigazione generale */
@import url(navigazionelocale.css); /*css che contiene la formattazione dei menu all'interno delle pagine */
@import url(tipografia.css); /*css che contiene la formattazione dei testi principali */
@import url(footer.css); /*css che contiene la formattazione del footer */
/*@@@ tipografia @@@ */
body {
font-family: "Trebuchet MS","Garuda", FreeSans, arial, sans-serif; /*garuda per linux*/
color:#333;
background:#e5dfd3;
line-height:1.125em;
height:auto;
}
* {margin: 0;}
#divtabella{
  margin-left:201px;
  margin-right:20px;
  margin-top:10px;
}
#tabella td,#testo td{
  color:black;
  font-size:13px;
  font-weight:normal;
  width:400px;
  padding-left:15px;
  
}
#footer p{font-size:0.625em; /* 16 x 0.625 = 10px */}
#footer p.credits{text-transform:uppercase;}
/*@@@ formattazione dei links @@@*/
a img {border: none;}
html{
margin:0px;
padding:0px;
}
#gabbia{ /*gestisce l'allineamento e la larghezza della pagina */
margin:0px auto;
width:61.25em;
padding:0px 0 20px 0;
}
#contenuto{ 
float:left;
background-color:#ffffff;
height:auto;
}
#contenuto input{
border:2px solid #99c796;
}
#contenuto select{
border:2px solid #99c796;
}
.changeColor:hover{
background-color: #99c796;
}
#contenuto2{
float:left;
background-color:#ffffff;
margin-left:20px;
margin-right:20px;
margin-bottom:5px;
}
#contenuto2 h1{
text-align:left;
text-transform:uppercase;
font-weight:bold;
padding-top:5px;
font-size: 22px;
}
#contenuto2 h2{
text-align:left;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;
font-size: 17px;
}
#contenuto2 input{
margin-bottom:5px;
}
#contenuto2 a.linkBold{
font-size:15px; 
color:black;
font-weight:bold;
}
/*@@@ testata @@@*/
#header{ /*contiente il SISTEMA DI NAVIGAZIONE GENERALE, il banner e il menu di utilità */
width:61.25em;
background:#FFFFFF;
float:left;
padding-bottom:5px;
}
/*contenuti alternativi in caso di mancato supporto al flash-------------------------------------*/
#header #alternativoflash{ /*contiene il contenuto alternativo al flash */
float:left;
#height:25.9875em;
height:6.9em;
#width:30em;
width:61.25em;
position:relative;
margin: 0;
line-height:1.125em; /* 16 x 1.125=18px */
}
#header #alternativoflashtop{ 
background:url(headerNewBg.gif) repeat-x 0px 0px;
height:4.6875em;
display:block;
margin: 0;
line-height:1.125em; /* 16 x 1.125=18px */
}
#header #alternativoflashlogo{ /*logo alternativo*/
position:absolute;
top:0px; left:22px;
width:159px;
height:93px;
margin: 0;
line-height:1.125em; /* 16 x 1.125=18px */
}
#header #alternativoflashtitoletto{ /*titoletto alternativo*/
background-color:#ffffff;
position:absolute;
top:45px; left:186px;
height:50px;
width:780px;
margin: 0;
line-height:1.125em; /* 16 x 1.125=18px */
}
#cornerTop1{
background-color:#bebbb9;
position:absolute;
top:20px; left:250;
width:500px;
height:20px;
margin-left:10px;
}
#cornerBottom1{
background-color:#bebbb9;
position:absolute;
top:98px; left:250;
width:500px;
height:20px;
margin-left:10px;
}
#cornerTop2{
background-color:#bebbb9;
position:absolute;
top:127px; left:250;
width:500px;
height:20px;
margin-left:10px;
}
#cornerBottom2{
background-color:#bebbb9;
position:absolute;
top:205px; left:250;
width:500px;
height:20px;
margin-left:10px;
}
#corpoPagina1{
float:left;
position:relative;
height:230px;
margin-top:15px;
margin-left:15px;
}
#accessoCRS{ /*titoletto alternativo*/
background-color:#bebbb9;
position:absolute;
top:40px; left:250;
height:58px;
width:500px;
margin: 0;
line-height:1.125em; /* 16 x 1.125=18px */
margin-left:10px;
}
#accessoCNS{ /*titoletto alternativo*/
background-color:#bebbb9;
position:absolute;
top:147px; left:250;
height:58px;
width:500px;
margin: 0;
line-height:1.125em; /* 16 x 1.125=18px */
margin-left:10px;
}
#accessoCRS p a{ 
position:absolute;
top:18px;
left:170px;
color:black;
font-size:25px;
text-decoration:none;
}
#accessoCRS p a:hover{ 
text-decoration:underline;
color:#4d9913;
}
#accessoCRS p a:active{ 
text-decoration:underline;
color:#4d9913;
}
#accessoCNS p a{ 
position:absolute;
top:18px;
left:110px;
color:black;
font-size:25px;
text-decoration:none;
}
#accessoCNS p a:hover{ 
text-decoration:underline;
color:#4d9913;
}
#accessoCNS p a:active{ 
text-decoration:underline;
color:#4d9913;
}
#accessoCRS a img.va1{ 
position:absolute;
left:10px;
top:2px;
width:80px;
height:52px;
}
#accessoCNS a img.va2{ 
position:absolute;
left:10px;
top:2px;
width:80px;
height:52px;
}
#accessoCRS a:hover img{ 
border: 2px solid #4d9913;
}
#accessoCNS a:hover img{ 
border: 2px solid #4d9913;
}
#corpoPaginaLogin{
position:relative;
height:230px;
margin-top:15px;
margin-left:730px;
}
#cornerTopLogin{
background-color:#bebbb9;
position:absolute;
top:20px; left:0px;
width:200px;
height:20px;
}
#cornerBottomLogin{
background-color:#bebbb9;
position:absolute;
top:205px; left:0px;
width:200px;
height:20px;
}
#cornerBottomLogin label{
padding-left:23px;
}
#cornerBottomLogin label a{
color:black;
font-size:14px;
text-decoration:none;
}
#cornerBottomLogin label a:active{
font-weight:bold;
}
#cornerBottomLogin label a:hover{
text-decoration:underline;
}
#accessoUP{
background-color:#bebbb9;
position:absolute;
top:40px; left:0px;
height:165px;
width:200px;
}
#accessoUP p{
text-align:center;
color:black;
font-size:16px;
text-decoration:none;
line-height:0.7em;
}
#accessoUP label{
padding-left:25px;
text-align:left;
color:black;
font-size:13px;
text-decoration:none;
}
#accessoUP label a{
margin-left:85px;
color:black;
font-size:14px;
text-decoration:none;
}
#accessoUP label a:hover{
text-decoration:underline;
}
#accessoUP label a:active{
font-weight:bold;
}
#accessoUP input{
margin-left:25px;
margin-bottom:10px;
}
#accessoUP a img.login{
position:absolute;
left:155px;
width:18px;
height:18px;
}
#header #alternativoflashtitoletto h1{ /*titoletto alternativo*/
color:#0b630c;
text-align:left;
text-transform:uppercase;
font-weight:bold;
padding-top:3px;
font-size:26px;
margin: 0;
line-height:1em; /* 16 x 1.125=18px */
margin-left:10px;
}
#header #alternativoflashtitoletto h2{ /*titoletto alternativo*/
font-size:13px;/*16px*/
color:#0b630c;
text-align:left;
font-weight:bold;
text-transform:uppercase;
padding-left:10px;
margin: 0;
line-height:1.125em; /* 16 x 1.125=18px */
}
#header #alternativoflashtitoletto p{ /*titoletto alternativo*/
color:white;
font-size:125%;
line-height:110%;
margin: 0;
line-height:1.125em; /* 16 x 1.125=18px */
}
#header #alternativoflashmessaggio{ /*messaggio alternativo*/
position:absolute;
top:340px; left:0px;
display:block;
height:60px;
#width:30em;
width:61.25em;
z-index:1;
background-color: #079503;
margin: 0;
line-height:1.125em; /* 16 x 1.125=18px */
}
#header #alternativoflashmessaggio p{ /*messaggio alternativo*/
color:black;
font-size:85%;
line-height:120%;
color:white;
padding:10px 15px 0 15px;
margin: 0;
line-height:1.125em; /* 16 x 1.125=18px */
}
#header #alternativoflashscarica{ /*scarica flash*/
position:absolute;
bottom:0px;
left:0px;
z-index:1;
margin: 0;
line-height:1.125em; /* 16 x 1.125=18px */
}
#header #alternativoflashscarica p a{ /*scarica flash*/
color:black;
font-size:80%;
display:block;
width:37em;
padding:14px 5px 13px 15px;
background-color: #FFFF66;
margin: 0;
line-height:1.125em; /* 16 x 1.125=18px */
}
#header #alternativoflashscarica p a:hover{ /*scarica flash*/
text-decoration:underline;
margin: 0;
line-height:1.125em; /* 16 x 1.125=18px */
}
#nomeutente{
color:white;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
display:block;
width:940px;
margin-left:20px;
background-color:#cccc00;
}
#nomeutente2{
display:block;
width:769px;
margin-left:191px;
background-color:#A9A9A9;
}
/*contenuti alternativi in caso di mancato supporto al flash-------------------------------------*/
#headersinistra object {
width:100%;
height:100%;
float:left;
}
#header #headerdestra{ /*contiene il menu di navigazione generale e il menu di utilità */
float:left;
position:relative;
height:25.9875em;
width:31.25em; /* 500 +480 = 980px */
background:#e4dfcd url(../img/sfondi/navigazioneglobale.gif) repeat-x top; /*sfondo alto 75px*/
}
#headerdestra #topbanners{ /*contiene i banner nel secondo quadrante */
position:absolute;
top:4.6875em;
height:20.05em;/* 443-55-20- 20 di padding = 348px  */
width:30em; 
padding:10px;
background: url(../img/sfondi/homedestra.gif) no-repeat bottom;
}
#headerdestra #topbanners #tbsx{ /*contiene i banner di sinistra nel secondo quadrante */
float:left;
width:14.375em; /* 500/2 - 10 di padding= 240px */
}
#headerdestra #topbanners .largo#tbsx{
width:30em; /* nel caso di hp corta allarga il div */
margin-top:-6px;
}
#headerdestra #topbanners #tbdx{ /*contiene i banner di sinistra nel secondo quadrante */
float:right;
width:14.375em; /* 500/2 - 10 di padding= 240px */
}
#headerdestra #topbanners .largo#tbdx{ 
width:30em; /* nel caso di hp corta allarga il div */
margin-top:-12px;
_margin-top:-12px;
padding-bottom:8px; 
}
.listanotiziehome{float:left; width:14.5em;margin-top:6px;height:45px;} /*gestisce la lista di notizie su due colonne*/
.seconda{float:left; width:14.5em;margin-left:15px;}
#headerdestra #topbanners #topsotto{ /*contiene form di ricerca e form direzioni generali */
float:left;
width:30em;
/*border-top:1px #333 dotted;*/
background:url(../img/sfondi/dotted.gif) repeat-x top;
padding-top:8px;
_padding-top:10px;
}
/*@@@ corpo della homepage @@@*/
#corpo{clear:both;}
#corpo #sinistra{
float:left;
width:30em;
background:#f4f1e8;
margin-top:12px;
#margin-top:12px;
_margin-top:22px;
margin-left:0px;
}
#corpo #destra{
float:right;
width:30em;
_width:30.1em;
background:#f4f1e8;
margin:12px 10px 0px 10px;
#margin:12px 10px 0px 10px;
_margin:22px 4px -20px -3px;
}
#corpo #sinistra .sottosx{float:left; width:14.375em;_width:14.09em;margin-left:10px;_margin-left:5px;}
#corpo #sinistra .sottodx{float:left; width:14.375em;_width:14.09em;margin-left:10px;_margin-left:8px;}
/*home serena*/
#corpo #destra .sottosx{float:left; width:14.34em;margin-top:7px;}
#corpo #destra .sottodx{float:left; width:14.34em;margin-left:10px;margin-top:7px;_margin-top:3px;}
#corpo #sinistra .sottohome{
float:left;
width:14.375em;
_width:14.09em;
}
/* nella parte destra usa meno margine*/
#corpo #destra .sottohome{
float:left;
width:13.7em;
margin-left:0px;
margin-top:-2px;
}
.sottohome .contattinews{/*consente l'allineamento dei bordi con il calendario*/
width:14.4em;
_width:14.09em;
float:left;
/*border-bottom:1px dotted #333;*/
background:url(../img/sfondi/dotted.gif) repeat-x bottom;
padding-bottom:12px;
#padding-bottom:14px;
_padding-bottom:23px;
_padding-top:10px;
margin-bottom:10px;
margin-top:5px;
_margin-top:0px;
}
#corpo #destra .cittadini{
margin-left:20px;
margin-top:10px;
}
#corpo #destra .imprese{
margin-top:10px;
}
#corpo #destra .ambiente{
margin-left:20px;
}
#corpo #destra .ridotta{ /*nella home ridotta*/
margin-bottom:14px;
}
#corpo #destra .sottohome .sottohomeimg{ /*banner quadrati*/
float:left;
width:50px;
margin-left:0px;
margin-right:5px;}
#corpo #destra .sottohome .sottohometxt{
float:left;
margin-left:8px;
margin-right:0px;
width:9.5em;
}
.linksverdi {
margin:13px 0px 0px 5px;
float:left;
/*background:url(../img/sfondi/dotted.gif) repeat-x top;*/
padding:0px;
}
/*home serena*/
.corta{margin:2px 0 5px 0;border-top:none;}
#destra .linksmarroni {
float:left;
/*border-top:1px dotted #333;*/
background:url(../img/sfondi/dotted.gif) repeat-x top;
margin-top:10px;
_margin-top:6px;
}
#eventihome ul{margin:10px 0 10px 0;padding:0px; display:block; height:48px;}
#eventihome ul.ridotto{margin:10px 0 10px 0;padding:0px; display:block; height:28px;}
#eventihome ul li{float:left;
list-style:none;
margin-right:8px;
_margin-right:7px;
}
#eventihome ul li a{font-weight:bold;color:#cc9900;display:block; width:3em; height:3em;background:url(../img/sfondi/calhomeoff.gif) no-repeat top left; position:relative;}
#eventihome ul.ridotto li a{font-weight:bold;color:#cc9900;display:block; width:3em; height:1.75em;background:url(../img/sfondi/calhomeoffsmall.gif) no-repeat top left; position:relative;}
#eventihome ul li a#on{color:white;background:url(../img/sfondi/calhomeon.gif) no-repeat top left;}
#eventihome ul.ridotto li a.on{color:white;background:url(../img/sfondi/calhomeonsmall.gif) no-repeat top left;}
#eventihome ul li a span.giorno{
	padding:0px;
	position:absolute;
	bottom:-2px;
	right:4px;
	color: #a99d6d;
	font-size:72%;
}
#eventihome ul li a.on span.giorno{
	color: #fff;
}
#eventihome ul li a.on span.mese{
   font-size:72%;
   text-transform:uppercase;
   font-weight:bold;
    color: #fff;
	padding:0px;
	position:absolute;
	bottom:11px;
	right:4px;
}
#eventihome ul li a span.mese{
   font-size:72%;
   text-transform:uppercase;
   font-weight:bold;
    color: #a99d6d;
	padding:3px;
	position:absolute;
	bottom:8px;
	right:2px;
}
#eventihome ul li a:hover span.mese{color: #fff;}
#eventihome ul li a:hover span.giorno{color: #fff;}
#eventihome dl.notizie dt{margin-top:15px;}
#eventihome ul li a:hover{ color:white;text-decoration:none;background:url(../img/sfondi/calhomeon.gif) no-repeat top left; cursor:pointer;}
#eventihome ul.ridotto li a:hover{ color:white;text-decoration:none;background:url(../img/sfondi/calhomeonsmall.gif) no-repeat top left; cursor:pointer;}
.clearBR{
clear:both;
}
.hide{
display:none;
}
.divPosition{
position:relative;
}
.separatore5px{
clear:both;
_clear:none;
height:5px;
_height:1px;
_display:none;
}
.separatore5px hr{visibility:hidden;}
.separatore1px{
clear:both;
_clear:none;
height:1px;
_height:1px;
_display:none;
}
#destra .separatore3px{clear:none; background-color:#003399;}
#destra .separatore3px hr{visibility:hidden;}
#contenitore .stopfloat{clear:both;height:1px;}
.dotted{
/*border-top:1px dotted #333;*/
background:url(../img/sfondi/dotted.gif) repeat-x bottom;
float:left;
display:block;
background-color:#FFFF00;
height:15px;
}
.staccaeventi {
height:5px;
#height:5px;
_height:5px;
float:left;
width:14.375em;
_width:13.95em;
background:url(../img/sfondi/dotted.gif) repeat-x 0 0px;
#background:url(../img/sfondi/dotted.gif) repeat-x 0 2px;
_background:url(../img/sfondi/dotted.gif) repeat-x 0 1px;
margin-bottom:4px;
_margin-bottom:0px;
margin-top:1px;
_margin-top:0px;
}
.separatore10px{clear:both;height:20px;}
.separatore10px hr{visibility:hidden;}
/*corpo*/
#corpomenu{
float:left;
height:380px;
/*background:#e2ddc9;*/
}
#corpomenu #navigazioneLocaleTop{
width:186px;
background:#e6e4e0;
height:15px;
}
#corpomenu #navigazionelocale{ /* menu locale*/
float:left;
width:180px;
background:#e6e4e0;
padding:0px 6px 0 0px;
margin-top:0px;
height:97%;
}
#corpomenu #gabbiacontenuto{ /*gestisce lo sfondo*/
float:left;
width:49.9375em;
background-color:#f4f1e8;
padding-bottom:10px;
}
#corpomenu #gabbiacontenuto #testo{
float:left;
width:33.75em;
background-color:#f4f1e8;
padding:0px 10px 0px 10px;
margin-top:10px;
margin-bottom:10px;
background:url(../img/sfondi/puntino.gif) repeat-y right;
}
#corpomenu #gabbiacontenuto .canale#testo{margin-bottom:0px;}
#corpomenu #gabbiacontenuto .margine#testo{
margin-top:15px;}
#corpomenu #gabbiacontenuto .esteso#testo{
margin-top:15px;
width:770px;
}
#dt{
size:0px;
}
#samlResponse{
margin-left:20px;
margin-bottom:20px;
font-size:13px;
}
#DialogPrivacy p{
font-family: verdana, tahoma ;
}
#DialogAlertPrivacy p{
font-family: verdana, tahoma ;
}
#signInBox #form{
margin-top:25px; margin-left:280px;
}
.cornerColor{
margin-left:40px;
width:900px;
background-color:#e1e0df;
}
.borderp{
margin-left:40px;
width:900px;
border-bottom:1px solid #d9d5d2;
height:20px;
}
.blocco {margin-left:40px;padding-left:31px;padding-top:27px;border-bottom:0px solid #d9d5d2;position:relative; height:auto; width:870px}
.bloccoPassword {margin-left:40px;border-bottom:0px solid #d9d5d2;position:relative; height:auto; width:870px}
.blocco1{padding-left:31px;padding-top:8px;position:relative; height:auto; width:870px}
.cella{width:150px; float:left; padding:0 13px 14px 0; }
.cellaAuto{width:auto; float:left; padding:0 13px 14px 0; }
.cellaAuto2{width:auto; float:left; padding:0 13px 14px 31px; margin-left:40px;}
.cellaAutoBold{width:auto; float:left; padding:0 13px 14px 0; font-weight:bold;}
.txt122 {vertical-align:top;width:122px;height:15px;border:1px solid #b8c8d7;padding:0px;margin:0px;font-size:11px;}
.txt150 {vertical-align:top;width:150px;height:15px;border:1px solid #b8c8d7;padding:0px;margin:0px;font-size:11px;}
.txt190 {vertical-align:top;width:190px;height:15px;border:1px solid #b8c8d7;padding:0px;margin:0px;font-size:11px;}
.txt32 {vertical-align:top;width:32px;height:15px;border:1px solid #b8c8d7;padding:0px;margin:0px;font-size:11px;}
.clear{clear:both;padding:5px 0;}
.combo70 {vertical-align:top;width:70px;height:18px;border:1px solid #b8c8d7;padding:0px;margin:0px;font-size:11px;}
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }