/* ========================================================================================================= Generale --------------------------------------------------------------------------------------------------------- */ body { margin: 0 0 30px 0; padding: 0; font: normal normal normal 12px/20px Arial, Verdana, Helvetica, sans-serif; color: #3E4F62; background: #1D4489 url(/elementi/img/pagebg.gif) repeat fixed left top; outline: none; } a { color: #004186; font-weight: bold; outline: none; } a:link, a:visited { text-decoration: none } a:hover, a:active, a:focus { text-decoration: underline } p { margin: 0; padding: 0 0 20px 0; } ul, ol { margin-top: 0; margin-bottom: 17px; } img { border-style: none; margin: 0; padding: 0; } form { margin: 0; padding: 0; } input { font-family: Verdana, Arial, Helvetica, sans-serif; } fieldset { margin: 0; padding: 0; border-style: none; } p.asinistra { width: 100%; text-align: left; } p.adestra { width: 100%; text-align: right; } p.centrato { width: 100%; text-align: center; } p.eviderror { color: #FF0000; } .clear { clear: both; float: none; height: 0px; width: 100%; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* ========================================================================================================= Struttura --------------------------------------------------------------------------------------------------------- */ #bodytop { width: 1000px; height: 150px; margin: 0 auto; padding: 0; background: transparent url(/elementi/img/top.png) no-repeat left top; } #bodytop .foto { display: block; float: left; width: 380px; height: 100px; margin: 0; padding: 15px 0 0 40px; overflow: hidden; } #bodytop .titolo { float: right; width: 518px; height: 33px; margin: 0; padding: 15px 40px 0 0; color: #99CC00; font: normal normal normal 18px/32px Arial, Verdana, Helvetica, sans-serif; overflow: hidden; } #bodytop .titolo a { color: #99CC00; font-weight: normal; } #bodytop .testo { float: right; width: 518px; height: 68px; margin: 0; padding: 0 40px 0 0; color: #FFFFFF; font: normal normal normal 12px/16px Arial, Verdana, Helvetica, sans-serif; overflow: hidden; } #bodyouter { width: 1000px; margin: 30px auto 0 auto; padding: 0; background: transparent url(/elementi/img/shadowrp1.png) no-repeat 0px 7px; } #bodyinner { width: 980px; margin: 0 auto; padding: 0; background: transparent url(/elementi/img/barremenumain.png) no-repeat left top; } #menuprincipale { list-style-type: none; margin: 0; padding: 9px 20px 12px 190px; width: 770px; height: 50px; } #menuprincipale li { float: left; width: 144px; height: 30px; margin: 0; padding: 0 10px 8px 0; background: transparent url(/elementi/img/shadowmenumain.png) no-repeat left bottom; font: normal normal normal 12px/30px Arial, Verdana, Helvetica, sans-serif; text-transform: uppercase; text-align: center; } #menuprincipale li a { color: #000000; text-decoration: none; } #menuprincipale li a:link, #menuprincipale li a:visited { font-weight: normal; } #menuprincipale li a:hover, #menuprincipale li a:active, #menuprincipale li a:focus { font-weight: bold; } #menuprincipale li a.selected:link, #menuprincipale li a.selected:visited, #menuprincipale li a.selected:hover, #menuprincipale li a.selected:active, #menuprincipale li a.selected:focus { font-weight: bold; } /* ---------------------------------------------------------------------------------------------------------*/ /* Home page */ /* ---------------------------------------------------------------------------------------------------------*/ h1#home { float: left; width: 239px; height: 244px; margin: 0; padding: 3px 0 0 39px; background: transparent url(/elementi/img/bgh1.gif) no-repeat 39px 3px; } h1#home span { display: none } h1#home a { display: block; width: 239px; height: 244px; } #evidenzehome { float: right; width: 660px; margin: 0; padding: 0 5px 0 0; } #evidenzehome .boxevidenza { float: left; width: 300px; margin: 0; padding: 18px 30px 12px 0; } #evidenzehome .boxevidenza a { font-weight: normal; } #evidenzehome .boxevidenza img { display: block; float: left; width: 70px; height: 70px; margin: 0; padding: 4px; border: 1px solid #B0B9C0; } #evidenzehome .boxevidenza .titolo { float: right; width: 211px; margin: 0; padding: 5px 0 10px 0; font: normal normal normal 14px/18px Arial, Verdana, Helvetica, sans-serif; text-align: left; } #evidenzehome .boxevidenza .testo { float: right; width: 211px; margin: 0; padding: 0; font: normal normal normal 11px/15px Arial, Verdana, Helvetica, sans-serif; text-align: left; } #evidenzehome #allevidenze { clear: both; float: none; width: 660px; margin: 0; padding: 15px 0 0 0; color: #000000; font: normal normal bold 10px/12px Arial, Verdana, Helvetica, sans-serif; } #boxhome { clear: both; float: none; width: 921px; margin: 0; padding: 45px 20px 44px 39px; background: transparent url(/elementi/img/bghome2.png) no-repeat 39px 45px; } #boxhome h2 { margin: 0; padding: 4px 0 0 24px; font: normal normal normal 12px/44px Arial, Verdana, Helvetica, sans-serif; text-transform: uppercase; } #boxhome h2.uno { color: #87AB22; } #boxhome h2.due { color: #9C2D30; } #boxhome h2.tre { color: #5D7690; } #boxhome1 { float: left; position: relative; width: 221px; margin: 0; padding: 0 0 93px 0; } table#agenda { width: 100%; margin: 0; padding: 0; table-layout: fixed; empty-cells: hide; } table#agenda a { color: #000000; } table#agenda th { margin: 0; padding: 0; color: #666666; font: normal normal normal 12px/20px Arial, Verdana, Helvetica, sans-serif; text-align: center; overflow: hidden; } table#agenda td { margin: 0; padding: 0; color: #333333; background-color: #FFFFFF; font: normal normal bold 10px/14px Arial, Verdana, Helvetica, sans-serif; text-align: center; border: 1px solid #CCCCCC; border-top: 3px solid #CCCCCC; overflow: hidden; } table#agenda td a { display: block; } table#agenda td.passati { background-color: #EDEDED; border-top: 3px solid #CCCCCC; } table#agenda td.agendasel { color: #000000; border-top: 3px solid #99CC00; } table#agenda td.agendaselday { color: #000000; background-color: #EDEDED; border-top: 3px solid #99CC00; } table#agendanavbottom { width: 100%; margin: 0; padding: 0; table-layout: fixed; border-collapse: collapse; border-style: none; } table#agendanavbottom td { margin: 0; padding: 0; font: normal normal bold 11px/21px Arial, Verdana, Helvetica, sans-serif; } table#agendanavbottom td.precedente { padding: 0 0 4px 0; } table#agendanavbottom td.successivo { padding: 0 0 4px 0; text-align: right; } p#titoloagendacategorie { margin: 0; padding: 12px 0 2px 0; color: #7F858A; font: normal normal bold 10px/12px Arial, Verdana, Helvetica, sans-serif; border-bottom: 1px solid #B0B9C0; } ul#agendacategorie { list-style-type: none; margin: 0; padding: 6px 0 0 0; } ul#agendacategorie li { margin: 0; padding: 4px 9px 4px 9px; font: normal normal bold 10px/12px Arial, Verdana, Helvetica, sans-serif; border-bottom: 1px solid #CDD7E0; text-transform: none; } ul#agendacategorie li a { display: inline-block; margin: 0; padding: 0 0 0 13px; } ul#agendacategorie li a.attuale { background: transparent url(/elementi/img/agendaevid.gif) no-repeat 0px 4px; } div#partner, object#partner { position: absolute; left: 13px; bottom: 0px; width: 195px; height: 65px; margin: 0; padding: 0; } #boxhome2 { float: left; width: 252px; margin: 0; padding: 0 44px 0 38px; } #boxhome2 .latuaradiof { width: 241px; margin: 0; padding: 23px 0 18px 11px; } #boxhome2 .latuaradioo { width: 241px; margin: 0; padding: 18px 0 18px 11px; border-top: 1px solid #CDD7E0; } #boxhome2 .latuaradiof img, #boxhome2 .latuaradioo img { display: block; float: left; width: 50px; height: 50px; margin: 0; padding: 4px; border: 1px solid #7FA0C2; } #boxhome2 .latuaradiof div, #boxhome2 .latuaradiof object { display: block; float: left; width: 50px; height: 50px; margin: 0; padding: 4px; border: 1px solid #7FA0C2; } #boxhome2 .latuaradiof .titolo, #boxhome2 .latuaradioo .titolo { display: block; float: right; width: 164px; height: 30px; margin: 0; padding: 0; border-style: none; } #boxhome2 .latuaradiof .titolo a, #boxhome2 .latuaradioo .titolo a{ text-decoration: none; } #boxhome2 .latuaradiof .testo, #boxhome2 .latuaradioo .testo { float: right; width: 164px; margin: 0; padding: 0; color: #333333; font: normal normal normal 11px/13px Arial, Verdana, Helvetica, sans-serif; text-align: left; } #boxhome2 .latuaradiof .testo a, #boxhome2 .latuaradioo .testo a { color: #AE1619; font-weight: bold; } #boxhome3 { float: left; width: 366px; margin: 0; padding: 0; } #boxhome3 img { display: block; width: 310px; height: 82px; margin: 0; padding: 13px 35px 15px 21px; } #boxhome3 .titolo { width: 310px; margin: 0; padding: 2px 35px 6px 21px; color: #5D7690; font: normal normal normal 14px/16px Arial, Verdana, Helvetica, sans-serif; text-align: left; } #boxhome3 .titolo a { font-weight: normal; } #boxhome3 .testo { width: 310px; margin: 0; padding: 0 35px 0 21px; font: normal normal normal 11px/19px Arial, Verdana, Helvetica, sans-serif; text-align: left; } /* ---------------------------------------------------------------------------------------------------------*/ /* Interno */ /* ---------------------------------------------------------------------------------------------------------*/ #centropagina { width: 886px; margin: 0; padding: 0 55px 44px 39px; } #areadati { float: right; width: 610px; margin: 0; padding: 0; } .h3interno { border-top: 16px solid #FFFFFF; } #areadati h2 { margin: 0; padding: 3px 0 0 0; color: #004186; font: normal normal normal 20px/50px Arial, Verdana, Helvetica, sans-serif; } #areadati h3 { margin: 0; padding: 0 0 2px 0; color: #AE1619; font: normal normal normal 14px/24px Arial, Verdana, Helvetica, sans-serif; } #areadati h3 span.agendaarg { color: #000000; font: italic normal normal 11px/21px Arial, Verdana, Helvetica, sans-serif; } #areadati h4 { margin: 0; padding: 9px 0 0 0; color: #425471; font: normal normal bold 10px/30px Arial, Verdana, Helvetica, sans-serif; border-bottom: 1px solid #CDD7E0; } #areadati h4.partner { margin: 0 0 4px 0; } .paragrafi { width: 610px; margin: 0; padding: 0; } .paragrafi .pageimagesx, .paragrafi .pageimagedx { padding: 4px; border: 1px solid #B0B8C0; } .paragrafi .pageimagesx { float: left; margin: 6px 12px 10px 0; } .paragrafi .pageimagedx { float: right; margin: 6px 0 10px 12px; } .paragrafi .pageimagecen { display: block; margin: 0 0 20px 0; padding: 4px; border: 1px solid #B0B8C0; } .paragrafi .allegati { margin: 0; padding: 7px 0 7px 5px; font: normal normal normal 11px/17px Arial, Verdana, Helvetica, sans-serif; } .paragrafi .allegati img { display: block; float: left; margin: 0; padding: 1px 10px 0 0; } .paragrafi div.branibox { padding: 14px 0 20px 0; border-top: 1px dashed #B0B8C0; } .paragrafi p.brani { padding: 0; font-weight: bold; } .paragrafi div.braniplayer { display: inline; float: right; width: 200px; height: 120px; margin: 4px 0 4px 20px; padding: 4px; background-color: #819FC3; border: 1px solid #004185; } .paragrafi div.braniplayer div.mplayer, .paragrafi div.braniplayer object { display: block; width: 200px; height: 120px; margin: 0; padding: 0; outline: none; } div.audiobox { padding: 10px 0 12px 0; border-top: 1px dashed #B0B8C0; } table.audio { width: 100%; margin: 0; padding: 0; table-layout: fixed; empty-cells: hide; } table.audio td { margin: 0; padding: 0; color: #333333; background-color: #FFFFFF; font: normal normal normal 12px/24px Arial, Verdana, Helvetica, sans-serif; vertical-align: center; overflow: hidden; } table.audio td.titoloaudio { color: #000000; font: normal normal bold 12px/26px Arial, Verdana, Helvetica, sans-serif; } table.audio td.dataaudio { font: italic normal bold 10px/24px Arial, Verdana, Helvetica, sans-serif; } table.audio td.scaricaaudio { font: normal normal bold 10px/24px Arial, Verdana, Helvetica, sans-serif; } table.audio td div.aplayer, table.audio td object { display: block; width: 240px; height: 24px; margin: 0; padding: 0; outline: none; } table.audio td img { display: block; width: 50px; height: 50px; margin: 0; padding: 0; } .paragrafi .paypal { width: 197px; margin: 0 auto; padding: 0; } .immagini { width: 610px; margin: 0; padding: 7px 0 0 0; } .immagini .galleria { float: left; width: 100px; height: 100px; margin: 0; padding: 0; text-align: center; border: 11px solid #FFFFFF; } .immagini .galleria img { display: block; margin: 0 auto; padding: 4px; border: 1px solid #B0B8C0; } .immagini p.partner { float: left; width: 195px; height: 65px; margin: 0; padding: 0; text-align: center; border: 4px solid #FFFFFF; } .immagini p.partner img { display: block; margin: 0; padding: 0; } .raccolte { width: 610px; margin: 0; padding: 6px 0 23px 0; } .raccolte p { margin: 0; padding: 7px 0 7px 5px; font: normal normal normal 11px/17px Arial, Verdana, Helvetica, sans-serif; } .raccolte p img { display: block; float: left; margin: 0; padding: 1px 10px 0 0; } #googlemappa { width: 610px; height: 610px; margin: 0; padding: 0; } form.filtrilista { margin: 0; padding: 10px 0 0 0; } form.filtrilista fieldset { margin: 0; padding: 0; border-style: none; } form.filtrilista label { display: block; float: left; margin: 0; padding: 0 20px 0 0; font: normal normal normal 11px/17px Arial, Verdana, Helvetica, sans-serif; } form.filtrilista select { height: 19px; margin: 0; padding: 0; color: #333333; background-color: #FFFFFF; font: normal normal normal 11px/13px Arial, Verdana, Helvetica, sans-serif; border: 1px solid #CCCCCC; } form.filtrilista option { font: normal normal normal 11px/13px Arial, Verdana, Helvetica, sans-serif; } form.filtrilista input.parole { width: 174px; height: 13px; margin: 0; padding: 2px 2px 2px 2px; color: #203137; background-color: #FFFFFF; font: normal normal normal 11px/13px Arial, Verdana, Helvetica, sans-serif; border: 1px solid #CCCCCC; } form.filtrilista input.cerca { height: 19px; margin: 0; padding: 3px; color: #000000; background-color: #FFFFFF; font: normal normal normal 11px/13px Arial, Verdana, Helvetica, sans-serif; border: 1px solid #CCCCCC; } form.filtrilista a { display: inline-block; height: 17px; margin: 0; padding: 0 5px 0 5px; color: #000000; background-color: #FFFFFF; font: normal normal normal 11px/17px Arial, Verdana, Helvetica, sans-serif; border: 1px solid #CCCCCC; text-align: center; } #boxnavtop, #boxnavbottom { clear: both; float: none; width: 100%; margin: 0 auto 0 auto; padding: 0; table-layout: fixed; empty-cells: hide; border-collapse: collapse; } #boxnavtop { margin-bottom: 15px; border-bottom: 1px solid #CDD7E0; } #boxnavbottom { margin: 20px auto 0 auto; border-top: 1px solid #CDD7E0; } #boxnavtop td { padding: 14px 0 4px 0; font: normal normal normal 11px/19px Verdana, Arial, Helvetica, sans-serif; } #boxnavbottom td { padding: 14px 0 4px 0; font: normal normal bold 10px/18px Verdana, Arial, Helvetica, sans-serif; } #boxnavbottom td select { height: 19px; margin: 0; padding: 0; font: normal normal normal 11px/13px Verdana, Arial, Helvetica, sans-serif; color: #333333; background-color: #FFFFFF; border: 1px solid #CCCCCC; } #areadati .listanotizie { margin: 0; padding: 0 0 20px 0; font: normal normal normal 14px/16px Arial, Verdana, Helvetica, sans-serif; } #areadati .listanotizie a { font-weight: normal; } #areadati .listanotizie p { float: left; width: 530px; margin: 0; padding: 3px 0 3px 0; } #areadati .listanotizie img { display: block; float: left; width: 60px; height: 60px; margin: 0 10px 0 0; padding: 4px; border: 1px solid #B0B8C0; } #areadati .listanotizie p.data { display: inline-block; margin: 0; padding: 0; font: normal normal normal 10px/14px Arial, Verdana, Helvetica, sans-serif; } #areadati .listanotizie p.dettagli { display: inline-block; float: left; margin: 0; padding: 0; font: normal normal normal 11px/15px Arial, Verdana, Helvetica, sans-serif; } #areamenu { float: left; width: 239px; margin: 0; padding: 0; } h1#data { width: 239px; height: 207px; margin: 3px 0 0 0; padding: 0 0 25px 0; background: transparent url(/elementi/img/bgh1d.gif) no-repeat left top; } h1#data span { display: none } h1#data a { display: block; width: 239px; height: 244px; } #titolosezione { width: 215px; height: 48px; margin: 0; padding: 0 24px 0 0; color: #004186; background: transparent url(/elementi/img/bgsezione.png) no-repeat left top; font: normal normal normal 12px/48px Arial, Verdana, Helvetica, sans-serif; text-transform: uppercase; text-align: center; } ul.menusezione { width: 221px; margin: 0; padding: 10px 0 0 0; list-style-type: none; border-bottom: 1px solid #CDD7E0; } ul.menusezione li { margin: 0; padding: 6px 10px 7px 18px; font: normal normal normal 12px/16px Arial, Verdana, Helvetica, sans-serif; } ul.menusezione li.bordo { border-top: 1px solid #CDD7E0; } ul.menusezione li.tre0 { padding: 3px 10px 8px 30px; } ul.menusezione li.tre1 { padding: 3px 10px 1px 30px; } ul.menusezione li.tre2 { padding: 1px 10px 1px 30px; } ul.menusezione li.tre3 { padding: 1px 10px 8px 30px; } ul.menusezione li.quattro0 { padding: 3px 10px 8px 42px; } ul.menusezione li.quattro1 { padding: 3px 10px 1px 42px; } ul.menusezione li.quattro2 { padding: 1px 10px 1px 42px; } ul.menusezione li.quattro3 { padding: 1px 10px 8px 42px; } ul.menusezione li.cinque0 { padding: 3px 10px 8px 42px; } ul.menusezione li.cinque1 { padding: 3px 10px 1px 42px; } ul.menusezione li.cinque2 { padding: 1px 10px 1px 42px; } ul.menusezione li.cinque3 { padding: 1px 10px 8px 42px; } ul.menusezione li a { padding-left: 12px; text-decoration: none; } ul.menusezione li a:link, ul.menusezione li a:visited { text-decoration: none; color: #004186; } ul.menusezione li a:hover, ul.menusezione li a:active, ul.menusezione li a:focus { text-decoration: none; color: #7DA800; background: transparent url(/elementi/img/agendaevid.gif) no-repeat left 5px; } ul.menusezione li a.asel:link, ul.menusezione li a.asel:visited, ul.menusezione li a.asel:hover, ul.menusezione li a.asel:active, ul.menusezione li a.asel:focus { color: #7DA800; background: transparent url(/elementi/img/agendaevid.gif) no-repeat left center; } div#agendainterna { width: 221px; margin: 0; padding: 10px 0 0 0; } #bodyouterbottom { width: 1000px; height: 10px; margin: 0 auto; padding: 0; background: transparent url(/elementi/img/shadowrp1.png) no-repeat left bottom; } #bodybottom { width: 1000px; height: 80px; margin: 20px auto 0 auto; padding: 0; color: #003366; background: transparent url(/elementi/img/fondopagina1.png) no-repeat left top; font: normal normal normal 11px/79px Arial, Verdana, Helvetica, sans-serif; overflow: hidden; } #bodybottom a { color: #FFFFFF; } #bodybottom strong { padding: 0 30px 0 53px; font-size: 12px } /* ========================================================================================================= Loghi fondo pagina --------------------------------------------------------------------------------------------------------- */ ul#w3c { list-style-type: none; margin: 20px auto 0 auto; padding: 0; width: 320px; height: 25px; } ul#w3c li { float: left; height: 25px; margin: 0; padding: 0 5px 0 5px; } ul#w3c li a { text-decoration: none; } ul#w3c li img { display: block; } /* ========================================================================================================= jQuery: tooltip plugin --------------------------------------------------------------------------------------------------------- */ #tooltip { position: absolute; z-index: 3000; border: 1px solid #004185; background-color: #B8D6E3; margin: 0; padding: 0 0 6px 0; } #tooltip h3 { margin: 0; padding: 0 10px 1px 10px; color: #FFFFFF; background-color: #004185; font: normal normal bold 12px/18px Arial, Verdana, Helvetica, sans-serif; } #tooltip div { margin: 0; padding: 4px 10px 0 10px; color: #000000; font: normal normal normal 11px/15px Arial, Verdana, Helvetica, sans-serif; }