/* Autore: Fabio Di Lupo */
/* www.operadigitale.it  */
/* ENJOY !!!             */	
/*-----------------------*/
@import url(comune.css); 

#pagina {background:#fefce3 url(i/sfondopagina.jpg) top left repeat-y; color:#000; width:920px;}

/* Fascia testa pagina */
#login {background:#fefce3 url(i/bg-altopagina.jpg) bottom left no-repeat; color:#000; width:920px; margin:5px auto 0 auto; text-align:right; height:2.0em;}
#login ul{list-style:none; padding-right:10px}
#login li{float:right; background:transparent; color:#333;}
#login ul a{padding:1px 10px 1px 10px; border-right:dotted 1px #777; text-decoration:none;}
#login ul a:hover,#menualto ul a:focus,#menualto ul a:active{ color:#333; text-decoration:underline;}

#testa {background:#fefce3 url(i/logo.jpg) top left no-repeat; color:#000; height:200px; width:900px; margin:0 auto 0 auto; text-align:center; clear:both;}
#testa img {width:670px; background:#fefce3; color:#000; height:200px; float:right;}

/* Sezione TOP MENU */
#menualto {background:#ffc89c url(i/bg-topnav.jpg) top left repeat-x; color:#000; padding:0 0 0 10px; margin:0 auto 0 auto; text-align:left; width:890px; height:32px; vertical-align: middle; border-bottom:10px solid #E9FEAF}
#menualto ul{margin:0;padding:0; background:transparent; color:#000; font-size:100%; list-style:none; line-height:1.4em; }
#menualto li{float:left; background:transparent; color:#333; padding:0}
#menualto ul a{padding:8px 4px 8px 4px; float:left; background:transparent; color:#000; border-left:1px solid #f60; border-right:none; text-decoration:none; line-height:1.4em;}
#menualto ul a:hover,#menualto ul a:focus,#menualto ul a:active{ background:#dfc url(i/bg-topnav-selezionato.jpg) top left repeat-x; color:#161; text-decoration:underline;}
#menualto ul li#activelink a, #menualto ul li#activelink a:visited, #menualto ul li#activelink a:active {background:#dfc url(i/bg-topnav-selezionato.jpg) top left repeat-x; color:#161; text-decoration:none;}

#language-menu {margin:5px 5px auto auto;width:150px; padding:0; background:transparent; color:#000; text-align:right; float:right}
#language-menu a, #language-menu a:link, #language-menu a:visited, #language-menu a:active  {background:transparent;text-decoration:underline;} 
#language-menu a:hover {background:transparent; color:#fff;}


/* Riquadri arrotondati menù laterali */
.box{position:relative; width:184px; background:#e7e7e7 url(i/boxbotebebeb.png) no-repeat bottom left; margin-top:10px; padding:0 0 5px 0; text-align:left} 
.box h2{background:transparent url(i/boxtopblue.png) no-repeat top left; color:#fff; margin:0; padding:3px 5px 3px 5px; border:none; position:relative; } 
.box div{background:transparent; text-align:left;}
.box ul, .box li{list-style: none; margin:5px}
.box li{margin:0.5em auto 0 auto;}
.box p {margin:5px}
.box p.centrato{margin:5px auto 5px auto; padding:0}
.box fieldset {margin:5px; border:solid 1px #999}
.box legend { background:transparent; }
.box a.blank, .box a.blank:link, .box a.blank:visited, .box a.blank:hover, .box a.blank:active, .box a.blank:focus {background-image:none; padding-left:0px; text-decoration:none;}

.stacco {margin:5px;}
.stacco ul { list-style:square; margin:10px 0 10px 10px; list-style-image: url(i/i-utente.png);} 
.stacco li { margin:0 0 0 10px; text-align:left; list-style-image: url(i/i-utente.png);}

#navigazione { font-size:0.9em;}
#navigazione p {line-height:0.5em; padding:2px 0; margin:2px auto}

/*#ytvideo { margin:0 auto 10px auto; text-align:center; }*/

#feedback { background:transparent url(i/h1-rigaa180-530.png) top center no-repeat; clear:both; margin:5px; padding-top:15px}
#feedback p {line-height:1.5em; padding:2px 0; margin:2px auto}

#feedbk { background:#fff; color:#000; height:65px; }
#feedbk label{ width:50px; }

#inviacommento { background:#fff; color:#000; height:420px; }

/*#feedbk u{ cursor:hand}*/
/* Utilità */
.spaziatesto {padding: 5px;}

/* Fascia principale - contenuti*/
#corpo {background:transparent; color:#000; width:900px;}
/* Sezione SIDE MENU */
#colonnamenu {background-color:transparent; color:#111; width:230px; min-width:230px; float:left; padding:0 0 150px 0; margin:0; /*border-right:solid 1px #000 */}
#colonnamenu a {background-color:transparent; color:#146b13; }
#colonnamenu p.centrato img {background-color:transparent; color:#fff;}
#colonnamenu address {text-align:center; color:#146b13}

#menulaterale {background:transparent; color:#000; padding:0 0 0 0; margin:0 3px 30px 3px; text-align:left; border:0; width:212px; }
#menulaterale ul {background:transparent; color:#161; list-style:none; list-style-image:none; margin:0 auto 0 auto; padding:0; border:0;}
#menulaterale ul li {background:transparent; color:#161; line-height:1.5em; margin:0 auto 0 auto; padding:0; width:210px; text-align:left; border-bottom: 1px solid #036;}
#menulaterale ul li.titolo {background:transparent url(i/bg-nav-side-titolo.jpg) bottom left no-repeat; color:#161; margin-top:10px; border-bottom:0px; padding:3px 5px 3px 5px; font-weight:normal; font-style:italic; font-size:120%; font-family: Georgia; }
#menulaterale ul li.titolo small{background:transparent; color:#161; font-weight:normal; font-size:90%; font-family: Georgia; }
#menulaterale ul li a, #menulaterale ul li a:visited, #menulaterale ul li a:active {background:transparent; color:#161; line-height:1.5em; padding:3px 5px 3px 5px; font-weight:normal; display:block; text-decoration:none; width:100%;}
#menulaterale ul li#activelink { border-bottom: 1px solid #161;}
#menulaterale ul li#activelink a, #menulaterale ul li#activelink a:visited, #menulaterale ul li#activelink a:active {background:#dfc url(i/bg-topnav-selezionato.jpg) top left repeat-x; color:#161; line-height:1.5em; font-weight:normal; display:block; text-decoration:none; width:100%;}
html>body #menulaterale ul, html>body #menulaterale ul li a, html>body #menulaterale ul li a:visited, html>body #menulaterale ul li a:active, html>body #menulaterale ul li a:hover {width:auto;} 
html>body #menulaterale ul li.titolo {width:auto;}
html>body #menulaterale ul li#activelink a, html>body #menulaterale ul li#activelink a:visited, html>body #menulaterale ul li#activelink a.active, html>body #menulaterale ul li#activelink a:hover {width:auto;}
#menulaterale ul li a:hover {background:#dfc url(i/bg-topnav-selezionato.jpg) top left repeat-x; color:#161; text-decoration:underline;}

#contenuto {width:658px; float:right; min-height:580px; height:580px; padding:5px; }
html>body #contenuto {height:auto!important;} /* patchato per min-height con IE */
#contenuto ul { list-style:square; margin:10px 0 10px 10px; padding:1px 0 2px 0; } 
#contenuto li { margin:0 0 0 10px; text-align:left; margin-bottom:14px; list-style-image: url(i/iconamenu.png);}
#contenuto ul.eventi { margin:10px 0 10px 10px; } 
#contenuto ul.eventi li { margin:0 0 0 10px; list-style-image: url(i/i-freccia-dx.png); }

.privacy {background:#eee; color:#000; border:#000 1px solid; padding:3px 3px 3px 3px; margin:0px 0px 0px 0px; font-size:90%; width:95%}
.privacy textarea{height:80px; width:90%; }

/* Fascia piè di pagina */
#audio {clear:both; width:950px; height:20px; line-height:20px; background:#fff; margin:0 auto 0 auto;}

/* Menu Basso */
#menubasso {clear:both; background:#f90 url(i/bg-fondopagina.jpg) bottom left repeat-x; color:#000; padding:8px 0 10px 10px; margin:0 auto 0 auto; text-align:left; width:890px; height:20px; vertical-align: middle; border-top:1px solid #fc0; border-bottom:1px solid #fc0}
#menubasso ul{margin:0;padding:0; background:transparent; color:#333; font-size:100%; list-style:none; line-height:1.4em; }
#menubasso li{float:left; background:transparent; color:#333;}
#menubasso ul a{padding:0 4px 0 4px; float:left; background:transparent; color:#333; border-left:1px solid #fff; border-right:none; text-decoration:none; line-height:1.4em;}
#menubasso ul a:hover, #menubasso ul a:focus, #menubasso ul a:active{ background:transparent; color:#000; text-decoration:underline;}
#menubasso ul li#activelink a, #menubasso ul li#activelink a:visited, #menubasso ul li#activelink a:active {background:transparent; color:#000; font-weight:bold; text-decoration:none; border-top: 1px solid #fff;}

/* Fascia piè di pagina */
#piede {clear:both; background:#dfc url(i/bg-piede.jpg) top right repeat-x; color:#146b13; padding:5px 0 5px 0; border-top:1px solid #146b13; border-bottom:1px solid #146b13; text-align:center; width:900px;}
#piede a, #piede a:link, #piede a:visited, #piede a:active  {background:transparent; color:#146b13; text-decoration:underline;} 
#piede a:hover {background:transparent; color:#000;}
#piede address {background:transparent; color:#146b13; font-weight:bold;}

#lastupdate {background:#dfc; color:#161; padding:2px 5px 2px 5px; text-align:left; width:890px;}
#lastupdate small {background:#dfc; color:#161;}

#validazioni {background:#e2fde1; color:#000; padding:10px 5px 2px 5px; text-align:left; width:890px; height:50px; clear:both; font-size:0.9em; line-height:1.5em} 
#validazioni a, #validazioni a:visited, #validazioni a:active  {background:transparent; color:#000;} 
#validazioni a:hover {background:transparent; color:#000;  text-decoration:underline;}
#validazioni acronym, #validazioni abbr{background-color:transparent; color:#333;}
#validazioni img.first {background:transparent; color:#000; float:right; margin-right:5px;}
#validazioni a.lm,#validazioni a.lm:link, #validazioni a.lm:visited {text-decoration:none;}
#validazioni a.lm:hover, #validazioni a.lm:focus, #validazioni a.lm:active {text-decoration:underline; cursor:help;} 

#fondopagina {background:#fefce3 url(i/bg-fondopagina.jpg) top left no-repeat; color:#000; width:920px; height:15px; margin-bottom:60px}

/* Per Sistema Gestione Contenuti */
#menuriservato {background:transparent; color:#000; height:600px; width:65px; position:fixed; border:0; top:0; left:0;}
#menuriservato ul{background:#fff; color:#000; list-style:none;}
#menuriservato ul li{text-indent:0; font:100% "Arial Narrow",Arial,sans-serif; padding-top:3px; padding-bottom:3px; border-bottom:1px solid #ccc; text-align:center; width:65px}
#menuriservato ul li.titolo{background:#036; color:#fff;}
#menuriservato img{background:#fff; color:#000; margin:0 auto;}



/*
.aiuto {background:#ffd; color:#000; padding:5px; margin:5px 0px 10px 0px; border-bottom:2px solid #ccc; border-top:2px solid #ccc; }
.aiuto h1 {background:#eee url(i/helpdesk.gif) no-repeat 15px 50%; color:#036; font:bold 130% Georgia,Verdana,Arial,Sans-Serif; text-align:left; border-left:10px solid #aaa; border-bottom:0; border-top:0; border-right:0; padding:15px 5px 15px 40px; margin:5px 0 5px 0;  vertical-align:middle;}
.aiuto em {background:#ffd; color:#036;}
.aiuto a, .aiuto a:link, .aiuto a:visited, .aiuto a:active {background:#ffd; color:#1e2A74; font-weight:bold; text-decoration:underline;}
.aiuto a:hover {background:#ffd; color:#d00;}
.aiuto acronym {background:#ffd; color:#333}
*/