#centocitta {display:none;}

/* CINEMA MIGNON STYLE by Giovanni Bellocchio */
 
/* palette: grigio chiaro #DEDEDE
	rosso: #B01734

/* IMPOSTAZIONI GENERALI
----------------------------------------------- */
BODY { background:#ECECEC url(img/body-pattern.gif) repeat-x top; margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
UL, LI, OL, P, FORM, DIV, H1, H2, H3, H4, H5, H6 { margin:0; padding:0; font-size:1.0em; color:#000;}
UL, LI, OL { list-style: none; }
IMG { border:0;}
P {  margin-bottom:10px; }

A { color:#9D223A}
A:hover { color:#EC123C}

/* STRUTTURA PAGINA
----------------------------------------------- */
#wrapper { width:680px; }
#sidebar { width:194px; float:left; background:#DEDEDE; padding:20px 20px 20px 20px; border-top:2px solid #fff;}
 
/*  HEAD
----------------------------------------------- */
H1 { text-indent:-1000px; background:url(img/logo.gif) no-repeat 72px 18px; height:82px;}
#splash {border-top:8px solid #B01734;}


/*  NAVBARRA
----------------------------------------------- */
#head UL { background:#000; height:45px; border-bottom:1px solid #fff; }
#head UL LI {float:left;}
#head UL LI A { display:block; height:45px; text-indent:-1000px; text-decoration:none; border-right:1px solid #fff;}
#head UL LI#firhome A { background:url(img/nav-home.gif) no-repeat 0 0; width:73px;}
#head UL LI#fireventi A { background:url(img/nav-eventi.gif) no-repeat 0 0; width:160px;}
#head UL LI#firmignon A { background:url(img/nav-mignon.gif) no-repeat 0 0; width:152px;}
#head UL LI#firforum A { background:url(img/nav-forum.gif) no-repeat 0 0; width:153px;}
#head UL LI#fircontatti A { background:url(img/nav-contatti.gif) no-repeat 0 0; width:120px;border:none;}
#head UL LI#firhome A:hover { background:url(img/nav-home.gif) no-repeat 0 -45px;}
#head UL LI#fireventi A:hover { background:url(img/nav-eventi.gif) no-repeat 0 -45px; }
#head UL LI#firmignon A:hover { background:url(img/nav-mignon.gif) no-repeat 0 -45px; }
#head UL LI#firforum A:hover { background:url(img/nav-forum.gif) no-repeat 0 -45px; }
#head UL LI#fircontatti A:hover { background:url(img/nav-contatti.gif) no-repeat 0 -45px;}

/*  SIDEBAR
----------------------------------------------- */
#sidebar INPUT.campo { border-left:1px solid #75736E; border-top:1px solid #75736E; border-right:1px solid #fff; border-bottom:1px solid#fff; width:180px; margin-top:3px;}
#sidebar INPUT.bottone { border:1px solid #333; background:transparent; color:#444; font-size:10px; margin:5px 0 0 135px;}
#sidebar UL LI {background:url(img/asterisco.gif) no-repeat 0 center; padding-left:12px; margin-bottom:1em;}

#testoprivacy { width:250px;padding:5px;background:#fff; border:2px solid #333;position:absolute; top:850px; left:100px;}


/*  CONTENT
----------------------------------------------- */
#content {padding:22px 0px 20px 258px; font-size:12px; background:url(img/fauxcol.gif) repeat-y left; }

.inprogwrap { background:#AC1633 url(img/inprog-top.gif) no-repeat 0 0; width:415px; margin-bottom:20px;}
.inprog { background:url(img/inprog-bottom.gif) no-repeat 0 100%; padding:50px 10px 10px 10px;}
.inprog IMG {border-left:10px solid #CFCFCF;}
.inprog H3 { color:#fff; font-size:16px; font-weight:bold; padding:0.5em 0 0.5em 0; }
.inprog .datifilm { color:#fff; background:url(img/dots.gif) repeat-x bottom; padding-bottom:1em;margin-bottom:1em;}
.inprog .spettacoli {}
.inprog .spettacoli STRONG {}
.inprog A { color:#E6BAC2;}
.inprog A:hover { color:#fff;}

.prossimamentewrap { background:#E49400 url(img/prossimamente-top.gif) no-repeat 0 0; width:415px; margin-bottom:20px;}
.prossimamente { background:url(img/prox-bottom2.gif) no-repeat 0 100%; padding:50px 10px 10px 10px;}
.prossimamente IMG {border-left:10px solid #CFCFCF;}
.prossimamente H3 { color:#fff; font-size:16px; font-weight:bold; padding:0.5em 0 0.5em 0; }
.prossimamente .datifilm { color:#fff; background:url(img/dots.gif) repeat-x bottom; padding-bottom:1em;margin-bottom:1em;}
.prossimamente .spettacoli {}
.prossimamente .spettacoli STRONG {}
.prossimamente A { color:#E6BAC2;}
.prossimamente A:hover { color:#fff;}

.proxwrap { background: url(img/prox-top.gif) no-repeat 0 0; width: 415px; margin-bottom:20px; padding:10px 0 20px 0;}
.proxwrap2 {background:url(img/prox-bottom.gif) no-repeat 0 100%; padding-bottom:6px;} /* grrrr ma almeno mi risparmio l'IE hack */
.prox {  border-left:1px solid #A5A5A5;border-right:1px solid #A5A5A5;padding:50px 44px 10px 10px;}
.prox IMG {border-left:10px solid #CFCFCF;}
.prox H3 { font-size:16px; font-weight:bold; padding:0.5em 0 0.5em 0; width:auto; }
.prox .datifilm { background:url(img/dots.gif) repeat-x bottom; padding-bottom:1em;margin-bottom:1em;n}
.prox .spettacoli { font-weight:normal;}
.prox .spettacoli STRONG {color:#B01734;}

#mignon #content P IMG {border-left:12px solid #CFCFCF; margin-right:10px;}


/*  EVENTI
----------------------------------------------- */
#eventi H3 { font-size:13px; font-weight:bold; border-bottom:1px solid #A5A5A5; background:url(img/bullet-light.gif) no-repeat right center; padding-bottom:3px; margin-bottom:1em; width:390px;}
#eventi H4 {font-size:15px; margin-bottom:20px;}
#eventitrama img {float:left; margin:0 10px 10px 0; }
#eventitrama {border-bottom:1px dotted #888; padding-bottom:5px;}



/*  FOOTER
----------------------------------------------- */
P.prefooter {font-size:9px;}
P#footer { height:60px; line-height:60px; font-size:9px; background:url(img/footer-pattern.gif) repeat-x top; padding-left:258px; margin:0;}
P#footer A { color:#666; text-decoration:none;}
P#footer A:hover { color:#FFF;}


/*  UTILITY
----------------------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */