body { font-family:Verdana; font-size:12px; color:#333; padding:0; margin:0; background:#FFFFFF; } table, td { padding:0; vertical-align:top; } form, input, buttton { margin:0; } a { color:#999; } a:hover { color:#666; } h2 { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; } p { margin:1px 0; } b,h3,h4,h5 { margin:1px 0; color:#999; } em { width:92%; float:left; } /* +-------------------------------------------------------------------------------+ * | Template | * +-------------------------------------------------------------------------------+ */ #contenitore_esterno { width: auto; height: auto; background: #E9E9E9 url(../images/body_bg.gif) repeat-x 0 92px; } #contenitore_generale { width: auto; height: auto; background: url(../images/header_bg.gif) no-repeat top center; } #contenitore { width: 954px; margin: auto; } #global { width: 954px; height: auto; float:left; } #contenitore_footer { width: auto; clear: both; height:92px; background:url(../images/footer_bg.gif) no-repeat top center;} #header { width: 954px; height:92px; float: left;} #content { width: 954px; margin:0; float:left; padding:0 0 32px 0; height: auto; } #footer { width: 954px; height:92px; margin: auto; } #header #inner { width:954px; margin:0 auto; float: left; } #header #inner #logo { width:220px; height:41px; margin:25px 0 0 0; float:left; } #header #inner #menuCnt { padding:20px 0 0 157px; float:left; } .linkbox a { text-decoration:none; cursor:default; display:block; cursor:pointer; } #header #inner #menuCnt .linkbox { margin:0 40px 0 0; } #header #inner #menuCnt .linkbox #cinema { width:52px; height:18px; background:url(../images/dynamicText.php?text=Cinema&size=52x18&fonts=12:MyriadPro-Regular&colors=ffffff:189ECE) no-repeat; } #header #inner #menuCnt .linkbox #cinema:hover { background:url(../images/dynamicText.php?text=Cinema&size=52x18&fonts=12:MyriadPro-Regular&colors=ffffff:666666) no-repeat; } #header #inner #menuCnt .linkbox #theatre { width:45px; height:18px; background:url(../images/dynamicText.php?text=Teatro&size=45x18&fonts=12:MyriadPro-Regular&colors=ffffff:B91925) no-repeat; } #header #inner #menuCnt .linkbox #theatre:hover { background:url(../images/dynamicText.php?text=Teatro&size=45x18&fonts=12:MyriadPro-Regular&colors=ffffff:666666) no-repeat; } #header #inner #menuCnt .linkbox #music { width:50px; height:18px; background:url(../images/dynamicText.php?text=Musica&size=50x18&fonts=12:MyriadPro-Regular&colors=ffffff:F18F21) no-repeat; } #header #inner #menuCnt .linkbox #music:hover { background:url(../images/dynamicText.php?text=Musica&size=50x18&fonts=12:MyriadPro-Regular&colors=ffffff:666666) no-repeat; } #header #inner #menuCnt .linkbox #art { width:40px; height:18px; background:url(../images/dynamicText.php?text=Arte&size=40x18&fonts=12:MyriadPro-Regular&colors=ffffff:CC3399) no-repeat; } #header #inner #menuCnt .linkbox #art:hover { background:url(../images/dynamicText.php?text=Arte&size=40x18&fonts=12:MyriadPro-Regular&colors=ffffff:666666) no-repeat; } #header #inner #menuCnt .linkbox #culture { width:50px; height:18px; background:url(../images/dynamicText.php?text=Cultura&size=50x18&fonts=12:MyriadPro-Regular&colors=ffffff:6b4AAE) no-repeat; } #header #inner #menuCnt .linkbox #culture:hover { background:url(../images/dynamicText.php?text=Cultura&size=50x18&fonts=12:MyriadPro-Regular&colors=ffffff:666666) no-repeat; } #header #inner #menuCnt .linkbox #sport { width:40px; height:18px; background:url(../images/dynamicText.php?text=Sport&size=40x18&fonts=12:MyriadPro-Regular&colors=ffffff:3A9229) no-repeat; } #header #inner #menuCnt .linkbox #sport:hover { background:url(../images/dynamicText.php?text=Sport&size=40x18&fonts=12:MyriadPro-Regular&colors=ffffff:666666) no-repeat; } #header #inner #menuCnt .linkbox #calendar { width:75px; height:18px; background:url(../images/dynamicText.php?text=Calendario&size=75x18&fonts=12:MyriadPro-Regular&colors=ffffff:999999) no-repeat; } #header #inner #menuCnt .linkbox #calendar:hover { background:url(../images/dynamicText.php?text=Calendario&size=75x18&fonts=12:MyriadPro-Regular&colors=ffffff:666666) no-repeat; } #header #inner #menuCnt .linkbox #log { width:150px; height:18px; background:url(../images/dynamicText.php?text=Accesso/Registrazione&size=150x18&fonts=12:MyriadPro-Regular&colors=ffffff:999999) no-repeat; } #header #inner #menuCnt .linkbox #log:hover { background:url(../images/dynamicText.php?text=Accesso/Registrazione&size=150x18&fonts=12:MyriadPro-Regular&colors=ffffff:666666) no-repeat; } #header #inner #menuCnt .linkbox #map { width:150px; height:18px; background:url(../images/dynamicText.php?text=Mappa&size=150x18&fonts=12:MyriadPro-Regular&colors=ffffff:999999) no-repeat; } #header #inner #menuCnt .linkbox #map:hover { background:url(../images/dynamicText.php?text=Mappa&size=150x18&fonts=12:MyriadPro-Regular&colors=ffffff:666666) no-repeat; } #header #inner #searchCnt { width:200px; height:28px; padding:25px 0 0 0; float:right; position:relative; } #header #inner #searchCnt input { background:url(../images/search_input.png) no-repeat; border:none; width:152px; height:16px; float:left; color:#999; padding:2px 4px; } #header #inner #searchCnt .greyBtn { float:left; } #content #inner { width:954px; margin:0 auto; padding:32px 0 0 0; float: left; } #content #inner #leftSide { width:722px; height:auto; padding:0 32px 32px 0; margin:0; float:left; } #content #inner #rightSide { width:200px; float:right; padding:0; margin:0; } #content #inner #rightSide #whatsontoday { margin:0 0 20px 0; background:url(../images/whatsontoday.php) no-repeat; width:200px; height:80px; float:left; } #content #inner #rightSide #calendarCnt { border:none; width:200px; margin:0 0 20px 0; padding:8px 0 0 0; background:#BBBBBB; position:relative; font-size:11px; float:left; } #content #inner #rightSide #calendarCnt #innerCalendar { padding:12px 0 8px 7px; margin:0; background:#C8C8C8; } #content #inner #rightSide #calendarCnt #innerCalendar table { width:175px; margin:10px 5px; } #nextMonth, #backMonth { width:15px; height:15px; cursor:pointer; } #nextMonth { background:url(../images/white_arrow.png) no-repeat; } #backMonth { background:url(../images/white_arrow_inv.png) no-repeat; } #content #inner #rightSide #events { width:100%; float:left; background:#fff; position:relative; padding:0; display:none; } #content #inner #rightSide #events .eventsBox span { width:173px; } #footer #corporate { width:952px; height:92px; margin:0 auto; clear:both; } #footer #corporate #logo { width:182px; height:50px; margin:25px 0 0 0; float:left; background:url(../images/footer_logo.gif) no-repeat top center; } #footer #corporate #menu { width:377px; height:67px; padding:25px 0 0 0; float:right; } #footer #corporate #menu .linkbox { float:right; margin:0 50px 0 0; } #footer #corporate #menu .linkbox #aboutus { width:100px; height:12px; background:url(../images/dynamicText.php?text=Chi%20siamo&size=100x12&fonts=9:MyriadPro-Regular&colors=ffffff:999999) no-repeat; } #footer #corporate #menu .linkbox #aboutus:hover { background:url(../images/dynamicText.php?text=Chi%20siamo&size=100x12&fonts=9:MyriadPro-Regular&colors=ffffff:666666) no-repeat; } #footer #corporate #menu .linkbox #contacts { width:100px; height:12px; background:url(../images/dynamicText.php?text=Contatti&size=100x12&fonts=9:MyriadPro-Regular&colors=ffffff:999999) no-repeat; } #footer #corporate #menu .linkbox #contacts:hover { background:url(../images/dynamicText.php?text=Contatti&size=100x12&fonts=9:MyriadPro-Regular&colors=ffffff:666666) no-repeat; } #footer #corporate #menu .linkbox #partenership { width:100px; height:12px; background:url(../images/dynamicText.php?text=Partenership&size=100x12&fonts=9:MyriadPro-Regular&colors=ffffff:999999) no-repeat; } #footer #corporate #menu .linkbox #partenership:hover { background:url(../images/dynamicText.php?text=Partenership&size=100x12&fonts=9:MyriadPro-Regular&colors=ffffff:666666) no-repeat; } #footer #corporate #menu .linkbox #credits { width:100px; height:12px; background:url(../images/dynamicText.php?text=Credits&size=80x12&fonts=9:MyriadPro-Regular&colors=ffffff:999999) no-repeat; } #footer #corporate #menu .linkbox #credits:hover { background:url(../images/dynamicText.php?text=Credits&size=80x12&fonts=9:MyriadPro-Regular&colors=ffffff:666666) no-repeat; } #footer #corporate #menu .linkbox #sponsors { width:100px; height:12px; background:url(../images/dynamicText.php?text=Sponsors&size=100x12&fonts=9:MyriadPro-Regular&colors=ffffff:999999) no-repeat; } #footer #corporate #menu .linkbox #sponsors:hover { background:url(../images/dynamicText.php?text=Sponsors&size=100x12&fonts=9:MyriadPro-Regular&colors=ffffff:666666) no-repeat; } #footer #corporate #menu .linkbox #pressroom { width:100px; height:12px; background:url(../images/dynamicText.php?text=Sala%20stampa&size=100x12&fonts=9:MyriadPro-Regular&colors=ffffff:999999) no-repeat; } #footer #corporate #menu .linkbox #pressroom:hover { background:url(../images/dynamicText.php?text=Sala%20stampa&size=100x12&fonts=9:MyriadPro-Regular&colors=ffffff:666666) no-repeat; } #footer #corporate #menu .linkbox #signalling { width:100px; height:12px; background:url(../images/dynamicText.php?text=Segnalazioni&size=100x12&fonts=9:MyriadPro-Regular&colors=ffffff:999999) no-repeat; } #footer #corporate #menu .linkbox #signalling:hover { background:url(../images/dynamicText.php?text=Segnalazioni&size=100x12&fonts=9:MyriadPro-Regular&colors=ffffff:666666) no-repeat; } #footer #corporate #menu .linkbox #privacy { width:100px; height:12px; background:url(../images/dynamicText.php?text=Privacy&size=100x12&fonts=9:MyriadPro-Regular&colors=ffffff:999999) no-repeat; } #footer #corporate #menu .linkbox #privacy:hover { background:url(../images/dynamicText.php?text=Privacy&size=100x12&fonts=9:MyriadPro-Regular&colors=ffffff:666666) no-repeat; } #footer #corporate #menu .linkbox #conditions { width:100px; height:12px; background:url(../images/dynamicText.php?text=Condizioni%20d%27uso&size=100x12&fonts=9:MyriadPro-Regular&colors=ffffff:999999) no-repeat; } #footer #corporate #menu .linkbox #conditions:hover { background:url(../images/dynamicText.php?text=Condizioni%20d%27uso&size=100x12&fonts=9:MyriadPro-Regular&colors=ffffff:666666) no-repeat; } /* +-------------------------------------------------------------------------------+ * | Classes | * +-------------------------------------------------------------------------------+ */ .innerCSide { width:471px; float:left; margin:0 0 0 16px; } .innerLSide { width:220px; float:left; margin:0 15px 0 0; } /* Colors */ .cinema { color:#189ECE; } .theatre { color:#B91925; } .music { color:#F18F21; } .art { color:#CC3399; } .culture { color:#6b4AAE; } .sport { color:#3A9229; } /* Buttons */ .greyBnt, .whiteBnt, .cat_1_Btn, .cat_2_Btn, .cat_3_Btn, .cat_4_Btn, .cat_5_Btn, .cat_6_Btn , .cat_7_Btn { width:15px; height:15px; cursor:pointer; position:absolute; bottom:11px; right:10px; } .greyBnt { background:url(../images/grey_arrow.gif) no-repeat; } .whiteBnt { background:url(../images/white_arrow.png) no-repeat; } .cat_2_Btn { background:url(../images/theatre_arrow.gif) no-repeat; } .cat_6_Btn { background:url(../images/sport_arrow.gif) no-repeat; } .cat_7_Btn { background:url(../images/gen_arrow.gif) no-repeat; } .cat_3_Btn { background:url(../images/music_arrow.gif) no-repeat; } .cat_5_Btn { background:url(../images/culture_arrow.gif) no-repeat; } .cat_1_Btn { background:url(../images/cinema_arrow.gif) no-repeat; } .cat_4_Btn { background:url(../images/art_arrow.gif) no-repeat; } .linkbox { width:auto; float:left; } /* Round corners */ .topLeft, .topRight, .bottomLeft, .bottomRight { width:15px; height:16px; position:absolute; z-index:10; } .topLeft { top:0; left:0; background:url(../images/corner_top_left.png) no-repeat left top; } .topRight { top:0; right:0; background:url(../images/corner_top_right.png) no-repeat right top; } .bottomLeft { bottom:0; left:0; background:url(../images/corner_bottom_left.png) no-repeat left bottom; } .bottomRight { bottom:0; right:0; background:url(../images/corner_bottom_right.png) no-repeat right bottom; } /* Colums */ .colums, .columsR { width:220px; padding:0; margin:0 31px 0 0; float:left; } .columsR { margin:0; } .eventsBox { padding:14px 0 0 0; position:relative; width:100%; background:#fff; float:left; font-size:11px; } .eventsBox span { padding:0 12px 12px 12px; float:left; margin:0 0 2px 0; position:relative; width:196px; } /* Articles */ .pushed { margin:0 16px 0 0; padding:8px 0 0 0; float:left; position:relative; } .pushed .content { width:100%; overflow:hidden; float:left; } .pushed .footer { padding:9px 10px 11px 13px; height:37px; float:left; } .sep { width:32px; float:left; height:237px; } .horSep { width:100%; height:32px; clear: both; } /* Calendar */ .daysNames { width:20px; margin:0 3px 12px 3px; text-align:center; float:left; font-weight:bold; color:#666; } .days, .currentDay, .days_outOfMonth, .eventDay { width:20px; height:17px; float:left; padding:3px 0 0 0; margin:3px; text-align:center; background:#fff url(../images/calendar_days_bg.png) no-repeat; } .currentDay{ background-color:#FBE3D2; } .days_outOfMonth { background:none; } .eventDay a { color:#fff; text-decoration:none; font-weight:bold; } .cl { clear:both; } .hr { margin:15px 0; border-bottom:1px solid #aaa; background:none; height:1px; width:100%; } .calendar_align { height: 30px; }