/* SCU - Restyling 2007 */

.trasp-png {filter: expression(fixPNG(this));}

/*********** ---------------------------- Comuni -------------------------------- ************/

/* ------------- Stili generali ---------- */

/* per firefox sennò fa un pessimo effetto con il cruscotto */
html {overflow: -moz-scrollbars-vertical !important;}

*{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#8F8F8F;
}

body{
padding:0;
margin:5px auto 15px;
background:#A8A8A8;
}

#page{
/* box modeling fix*/
width: 880px; \width: 880px; w\idth: 880px;
border:1px solid #217ABC;
background-color:#FFFFFF;
/* per centrare */
position:relative;
left:50%;
margin-left:-440px;
}


h1, h2, h3, h4{margin:5px 0;}

h1{
font-size:18px;
color:#0066CC;
font-weight:normal;
}

h2{font-size:16px;font-weight:bold;}
h3{font-size:14px;font-weight:bold; text-decoration:underline;}
h4{font-size:12px;font-weight:bold; font-style:italic;}

hr{
height:0;
border:0;
border-top:1px solid #CECECE;
width:94%; margin-left:3%; 
}
html > body hr{width:90%; margin-left:6%; }

a:link, a:visited, .normaLink{color:#0066CC; text-decoration:none;}
a:hover, .normaLink:hover{text-decoration:underline;}

a.tc1 {font-size:0.8em;}
a.tc2 {font-size:1em;}
a.tc3 {font-size:1.2em;}
a.tc4 {font-size:1.3em;}

ul{
padding:0;
margin:0;
}
li{
list-style:none;
padding:5px 0;
margin:0;
padding-left:15px;
background:url(../img/frecciaDX.gif) left 8px no-repeat;
}
li.ultimoLista{border:0;}

li a:link, li a:visited, li a:hover{
padding:0;
margin:0;
}
li span{
padding:0;
margin:0;
}

/* ----------------- Header ---------------- */

#header{
position:relative;
margin:0;
}

#sitigruppo{
text-align:right;
position:absolute;
top:5px;
right:20px;
}

#logoScu{
position:absolute;
top:1px;
}

#bannerHeader{
height:50px;
padding-left:55px;
}

.ultimoAggiornamento{
color:#B7CCDF;
text-align:right;
vertical-align:bottom;
font-size:0.9em;
}


/********** --------------------------- FINE Comuni ------------------------------ ***********/


/* ---------------------------- Specifici -------------------------------- */



/***************** --------------------------- HOME PAGE -----------------------------*************/

#HomeContent{
padding:5px 45px;
}

#HomeColonnaSX{
padding-top:5px;
width:560px;
float:left;
}

#HomeColonnaDX{
width:230px;
float:right;
}

#imgVisual{
margin-bottom:10px;
padding-left:5px;
}

#centerMagazine{
padding:10px 20px;
height:190px;
background:url(../img/bottomMagazine.jpg) no-repeat bottom center;
vertical-align:top;
}
/* bugfix per quella ciofeca di IE */
* html #centerMagazine{height:170px}

#contentMagazine{position:relative;min-height:170px;height:170px;}

#scaricaMagazine{
position:absolute;
bottom:10px;
left:5px;
font-weight:bold;
}
#pdfMagazine{position:absolute; bottom:5px; right:5px;}

#centerNews, #centerAppro{
padding:10px 20px;
height:190px;
background:url(../img/bottomNewsApro.jpg) no-repeat bottom center;
vertical-align:top;
}
/* bugfix per quella ciofeca di IE */
* html #centerNews, * html #centerAppro{height:170px;}

.homeBgOn{background:url(../img/BoxBground_ON.jpg); cursor:pointer;}
.homeBgOff{background:url(../img/BoxBground_OFF.jpg); cursor:pointer;}

#centerNews a:link, #centerNews a:visited, #centerNews a:hover{
font-weight:bold;
}

#centerBlog{
padding:5px 20px;
height:95px;
background:url(../img/bottomBlog.jpg) no-repeat bottom center;
vertical-align:top;
}
/* bugfix per quella ciofeca di IE */
* html #centerBlog{height:85px}

#centerForum{
padding:0 20px 5px 20px;
height:88px;
background:url(../img/bottomForum.jpg) no-repeat bottom center;
vertical-align:top;
}
/* bugfix per quella ciofeca di IE */
* html #centerForum{height:83px}

#centerNews div, #centerAppro div{margin-bottom:4px; padding:1px 0;}
#centerNews img, #centerAppro img{margin-right:10px; float:left}
.divSeparatore{clear:both; margin:0; padding:0;}

/* ------------------ calendario ------------------ */

#iframeCalendario{
margin:0;
padding:0;
padding-left:5px;
width:225px;
height:195px;
}
/* firefox */
html > body #iframeCalendario{width:230px;}

#bodyCalendario{background-color:#FFFFFF;margin:0; padding:0;}

#cal{
/* box modeling fix */
width:220px;
height:185px;
}
/* firefox */
html > body #cal{min-height:190px; height:100%;}

.titMese{
color:#FF8400;
font-size:1em;
font-weight:bold;
padding:5px 0;
border:0 !important;
}
.titMese, #tabellaCalendario th{background-color:#FFFFFF;border:0;}

#tabellaCalendario{
width:200px;
empty-cells:show;
background-color:#EEEEEE;
}

.calEtit, #calendar{padding:0; margin:0;}


#calDate{
padding:0 10px;
color:#0065B3;
font-weight:bold;
position:relative;
height:40px;
width:220px;
margin:0;
}

.intestazioneCal{
/* box modeling fix */
width:230px; \width: 210px; w\idth: 230px;
background:url(../img/top230.jpg) top no-repeat;
padding:15px 0 10px 0;
position:relative;
}
.intestazioneCal img{margin-left:15px;}

html > body #titCalendario{margin-left:20px;}

#imgCalendario{
position:absolute;
right:10px;
top:-7px;
}

.event{
background-color:#FF8400;
color:#FFFFFF;
cursor:pointer;
}
.normale{color:#0065B3;
}

.event, .normale{
display:block;
height:15px;
font-weight:bold;
border:1px solid #FFF;}

#oggi span{
color:#FF0000;
}

#legenda{
background:url(../img/bottomBox230.jpg) bottom no-repeat;
padding-top:5px;
padding-bottom:10px;
margin-bottom:15px;
text-align:center;
}
#legenda table{width:200px;}

#contTitMese{position:relative;}
#contTitMese span{ color:#FF8400 !important;}
/* IE BYG FIX */
* html #contTitMese{width:190px;}


#mesePrec{position:absolute; left:15px; top:0;}
#meseSucc{position:absolute; right:15px; top:0;}

.testoApp{font-size:10px;}
.testoApp, .noApp{position:relative;bottom:0; left:5px; width:185px;text-align:left;}
.noApp{width:205px;top:20px; left:10px;}

#vaiApp{position:absolute;right:0; bottom:10px;}
html>body #vaiApp{right:10px; bottom:auto; top:15px;}


#txtLegenda{color:#FF8400;}

#corso,.corso, #news,.news{color:#FFFFFF;}
#corso, .corso{background-color:#FF3329;}
.corsoTXT,.newsTXT{color:#FF3329 ;width:200px;text-align:center;display:block;padding:0; margin:0; padding-top:3px;}
#news, .news{background-color:#5ACC0C;}
.newsTXT{color:#5ACC0C;}
.corso, .news{cursor:pointer;}
#corso,#news{width:20px;cursor:pointer;}


#tooltip{background-color:#FF0000;}
.headerTooltip{display:none;}
.bodyTooltip{
padding:0;
margin:0;
text-align:center;
background:url(../img/sfTooltip.gif) no-repeat center;
width:74px;
padding-top:16px;
padding-bottom:10px;
color:#0065B3;
font-weight:bold;
}

/* --------------- fine calendario -------------- */

/***************** --------------------------- FINE HOME PAGE -----------------------------*************/




/****************** --------------------------- Scheda editoriale -----------------------------*************/

/* ----------------- Mollichine  ----------------------- */

#mollichine{
padding:5px 50px;
}
#mollichine a:link, #mollichine a:visited {font-weight:bold;}

/* ----------------- Cruscotto di navigazione ---------------------- */

#cruscotto{
padding:0;
}

#iframeCruscotto{height:113px; width:760px;}

#bodyCruscotto {background-color:#FFF;margin:0; padding:0; margin-top:5px;}

#contentCruscotto{
position:relative;
padding:0 50px;
}

#sfCruscotto{
background:url(../img/sfondoCruscotto.jpg) no-repeat; 
background-position:3px;
width:775px; 
height:170px;
margin-top:0;}

 a.titCruscotto:link, a.titCruscotto:visited, a.titCruscotto:hover{
font-weight:normal;
color:##0065CE;
}

#apriCruscotto, #chiudiCruscotto{margin:5px 0;}

#frecciaCruscotto{position:absolute; top:0px;left:-10px;}
/* Firefox */
html>body #frecciaCruscotto{left:332px;}

#tbMappaCruscotto{
margin:0;
margin-top:4px;
margin-left:4px;
width:763px;
border:0;
border-collapse:collapse;
border-spacing:0;
height:152px;
}

html>body #tbMappaCruscotto{margin-left:8px;margin-top:5px;}

#tbMappaCruscotto th{background:#DFDFDF;color:#0066CC;}
#tbMappaCruscotto td, #tbMappaCruscotto th{text-align:left; padding:3px;}
#tbMappaCruscotto td{vertical-align:top;}

#tbMappa{
overflow:auto;
height:110px;}

#tbMappa td{padding:0;}

.listaMappa li{
margin:5px 0;
margin-left:5px;
padding:0;
padding-left:10px; 
background:url(../img/frecciaDX.gif) left 3px no-repeat;
}


.listaMappa li a:link, .listaMappa li a:visited, .listaMappa li a:hover{
font-size:1em; 
color:#A2A2A2;
font-weight:bold;}

.listaMappa a.scelto:link, .listaMappa a.scelto:visited{color:#0066CC;}

.bordoCella{border-left:1px solid #DFDFDF;}

/*-------------gestione menu del cruscotto ------------------*/
.submenu1, .submenu2, .submenu3 .submenu4{display:none;}
#copyM1{position:absolute; top:0; left:0; width:190px; height:105px; overflow:auto;}
#copyM2{position:absolute; top:0; left:190px; width:190px; height:105px; overflow:auto; border-left:1px solid #DCDCDC;}
#copyM3{position:absolute; top:0; left:380px; width:190px; height:105px; overflow:auto; border-left:1px solid #DCDCDC;}
#copyM4{position:absolute; top:0; left:570px; width:190px; height:105px; overflow:auto; border-left:1px solid #DCDCDC;}


/* ------------------ Content ------------------------ */

#SEcontent{
padding:0 45px;

}

#SEcolonnaDX{
width:550px;
float:right;
background:url(../img/contentTop.jpg) no-repeat top;
}
	#SEcolonnaDXinterno{ margin:0; padding:20px 30px; background:url(../img/contentBottom.jpg) no-repeat bottom; min-height:250px; height:auto !important; height:250px;}

#SEcolonnaSX{
width:235px;
float:left;
}

.menuSx li{border-bottom:1px dashed #CECECE;}
.menuSx li a:link, .menuSx li a:visited, .menuSx li a:hover {color:#000000;}

/* per i contenitori da 220 px*/
.boxSX{width:235px; margin-bottom:10px;}

.top234{
width:234px;
height:43px;
background:url(../img/top234.jpg) no-repeat;}

h2.titBox{
font-size:16px;
padding:15px 20px;
padding-bottom:0;
color:#0066CC;
font-weight:normal;
margin:0;
}

.contentBox{padding:5px 20px;padding-bottom:0;}

#contentTagCloud a:link, #contentTagCloud a:visited{color:#8F8F8F; text-decoration:none;}
#contentTagCloud a:hover{text-decoration:underline;}
.tagText1{font-size:1em;}
.tagText2{font-size:1.2em;}
.tagText3{font-size:1.4em;}
.tagText4{font-size:1.6em;}
.tagText5{font-size:1.8em;}


/*  per i banner */
.contenitoreBanner{
position:relative;
margin:5px 0 10px 0;
width:220px;
padding:0;
}
html > body .contenitoreBanner{margin:15px 0 15px 0;}

/* per allineare i banner nelle schede */
#SEcolonnaSX .contenitoreBanner{left:50%;margin-left:-107px;}

.roundTop{
position:absolute;
top:0;
}
.roundBottom{
position:absolute;
bottom:0;
}

#contenutoBanner{
margin:0;
padding:5px 10px;
padding-bottom:15px;

}

.bannerNoImmage{
border:1px solid #CECECE;
border-width:0 1px}

/* allineamento banner in home page */
#HomeColonnaDX .contenitoreBanner{margin-left:7px}

h2.titBanner{
font-size:14px;
margin:0;
margin-bottom:5px;
margin-left:5px;
color:#0066CC;
}


.imgBanner{
float:left;
margin-left:-9px;
margin-right:5px;
margin-bottom:0;
}

.vai{
position:absolute;
bottom:5px;
right:5px;
}



#iframeCalendarioInterno{
margin:0;
padding:0;
width:234px;
height:190px;
}

#SEcolonnaSX #cal{width:235px;}
#SEcolonnaSX .intestazioneCal{background:url(../img/top234.jpg) top no-repeat;width:235px;}
#SEcolonnaSX #legenda{background:url(../img/bottomBox.jpg) bottom no-repeat;}

/* ------------  News ed eventi -------------- */
.newsEvento, .ultimoNewsEvento{
border-bottom:1px solid #CECECE;
margin:0;
padding:10px 0;
}
.ultimoNewsEvento{border:0;}

h2.intestNewsEvento{font-size:1em; color:#000000; font-weight:normal;margin:0; margin-bottom:5px;}
h2.intestNewsEvento a:link, h2.intestNewsEvento a:visited{font-weight:bold;}

.dataNews{margin-top:10px;margin-bottom:-10px;}

.paginazione{
margin:20px 0 10px 0;
text-align:center;
}
.pagCorrente{font-weight:bold; text-decoration:underline; color:#0066CC;}


/*-------------------------- pagina ad una sola colonna --------------------*/
#SEcontentUnacolonna{
padding:0 40px;
}

#titPaginaCenter{
background:url(../img/contentCentraleTop.jpg) top no-repeat;
padding:10px 30px;}

/* fix per la ciofeca di IE */
*html #SEcontentUnacolonna #titPaginaCenter {padding-top:20px;padding-bottom:0;height:25px;}

#SEcontentUnacolonna .contentUnacolonna{padding:0 35px;min-height:250px; height:auto !important; height:250px; }

#bottomUnacolonna{margin-bottom:20px;}

/* ------------------- Footer ------------------------- */
#SEfooter{
background-image:url(../img/rigaFooter.jpg);
background-repeat:no-repeat;
background-position:center 1px;
padding:20px 0;
text-align:center; /* IE Fix */
}

.copyright{
text-align:left;/* IE Fix */
color:#8F8F8F;}

.menuFooter{
text-align:right;
}

#SEsostfooter{
background-image:url(../img/rigaFooter.jpg);
background-repeat:no-repeat;
background-position:center 5px;
padding:0 0 0 0;
height:46px;
text-align:left; /* IE Fix */
}

.imgSostenitore{
border:0;
text-align:left;
margin-left:80px;
margin-top:14px;
margin-bottom:0px;
}

.imgAsso{
border:0;
text-align:left;
margin-left:40px;
margin-top:8px;
margin-bottom:0px;
}
/****************** --------------------------- FINE Scheda editoriale -----------------------------*************/


/**************** ------------------------ PAGINA MAPPA -------------------------******/



.ulMappa a:link, .ulMappa a:visited{color:#999999 !important;}

.ulMappa{margin-bottom:10px;margin-left:50px;}
.ulMappa li a{font-size:1.6em; position:relative; top:-5px;}

.ulMappa ul {margin-left:100px;margin-bottom:10px;}
.ulMappa ul li a{font-size:1.4em;}

.ulMappa ul ul {margin-left:100px;margin-bottom:10px;}
.ulMappa ul ul li a{font-size:1.2em;}

.ulMappa ul ul ul{margin-left:100px;margin-bottom:10px;}
.ulMappa ul ul ul li a{font-size:1em;}

.ulMappa li{
list-style-image:url(../img/frecciaDX.gif);
list-style-position:outside;
background:none;
margin-left:0;
padding-left:0;

}

/**************** ------------------------ FINE PAGINA MAPPA -------------------------******/


/* menu link di gruppo */
.ComboBox {
	position:absolute;
	visibility:hidden;
	z-index:99;
	overflow-y:auto;
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
	padding:0;
	background:#0055A5;
} 

.ComboBox table {
border-collapse:collapse;
margin:0;
} 

.ComboBox td{
	cursor: pointer;
	font-size:0.9em;
	vertical-align: middle;
	color:#FFF;
	padding:3px;
} 

.ComboBox td:hover, .hover {
background-color:#F7D300;
color:#000000 !important;}