/* ===== GENERALE ============================================================ */ body { background: #ffffff; font: 12px Arial, Helvetica, Verdana, sans-serif; color: #000000; margin: 0; padding: 0px 0px 10px 0px; text-align: center; } .popup { background: url(img/sfum_sfondo.jpg) repeat-x 0% 0% #; font: 12px Arial, Helvetica, Verdana, sans-serif; color: #000000; margin: 5px 10px 5px 10px; padding: 5px 0px 0px 0px; text-align: left; } /* ===== STRUTTURA ============================================================ */ #struttura0 { margin: 0; } #struttura1 { width: 970px; width: 95%; margin: 0 auto 0 auto; background: #ffffff; } #main { margin: 0px 0px 0px 130px !important; margin: 0px 0px 0px 130px; } #testata1 { min-height: 8px; height: auto !important; height: 15px; margin: 0px; padding: 5px 2px 2px 1px; text-align: left; font: 10px Arial, Helvetica, Verdana, sans-serif; color: #222222; font-weight: bold; } #testata2 { min-height: 60px; height: auto !important; height: 120px; margin: 0px 0px 0px 0px; padding: 60px 0px 0px 0px; text-align: left; background: #369c49; } #colsx { float: left; min-height: 170px; height: auto !important; height: 200px; width: 130px !important; width /**/: 130px; top: 0px; margin: 0px 0px 0px 0px !important; margin: 0px -3px 0px 0px; padding: 60px 0px 0px 0px; background: url(img/logo_trazzi_71x115.png) no-repeat 80% 27px #ffffff; } #areacontenuto_home { padding: 5px 15px 15px 15px !important; padding: 25px 15px 15px 15px; min-height: 380px; height: auto !important; height: 410px; text-align: left; background: url(img/sfondo_home.jpg) no-repeat center top #ffffff; } #areacontenuto_default { padding: 5px 15px 15px 15px !important; padding: 25px 15px 15px 15px; min-height: 370px; height: auto !important; height: 400px; text-align: left; background: url(img/sfum1.jpg) repeat-x left top #ffffff; } #areatesto { margin: 0px 0px 0px 0px; padding: 0; } #img_flash { position: absolute; top: 140px; margin: 30px 0px 0px -20px; padding: 0; } #pie { clear: both; margin: 0px 0px 0px 0px; padding: 5px 20px 5px 130px; text-align: left; font: 9px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #e9e9e9; background: url(img/sfondo_pie.jpg) no-repeat 0% 0% #369c49; } #pie a:link, #pie a:visited, #pie a:active, #pie a:hover { text-align: left; color: #e9e9e9; text-decoration: none; } #pie a:hover { color: #ffffff; text-decoration: underline; } #credits { margin: 40px 0px 0px 10px; padding: 0px; text-align: left; font: 9px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #369c49; } #credits a:link, #credits a:visited, #credits a:active, #credits a:hover { text-align: left; color: #369c49; text-decoration: none; } #credits a:hover { color: #105c1f; text-decoration: underline; } /* ===== FORMATTAZIONE TESTO ============================================================ */ img { margin: 0; padding: 0; } a img { border: none; } .thumb, .thumb1, .thumb2, .thumb3 { border: #b0b0b0 1px solid; padding: 1px; margin: 2px 2px 2px 2px; } .thumb2, .thumb2 img { margin: 0px; } .areathumb1 { border: #b0b0b0 1px solid; background: #e9e9e9; padding: 5px; margin: 2px 10px 10px 0px; float: left; font: 14px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #000000; } .areathumb2 { float: left; margin: 2px 10px 2px 2px; min-height: 90px; height: auto !important; height: 90px; } .areathumb2 a, .areathumb2 a:link, .areathumb2 a:visited, .areathumb2 a:active, .areathumb2 a:hover { color: #369c49; text-decoration: none; } .areathumb2 a:hover { color: #ffffff; text-decoration: none; } a#left, a:link#left, a:visited#left, a:active#left , a:hover#left, a#right, a:link#right, a:visited#right, a:active#right , a:hover#right { margin: 2px 2px 20px 2px; padding: 1px 1px 1px 1px; } a#right, a:link#right, a:visited#right, a:active#right , a:hover#right { } a:hover#left, a:hover#right { background-color: #369c49; } .thumb3 { border: #105c1f 1px solid; padding: 1px; margin: 2px 2px 2px 2px; height: 80px; } a, a:link, a:visited, a:active, a:hover { color: #000000; text-decoration: none; font-weight: normal; } a:hover { color: #105c1f; text-decoration: underline; } p { font: 12px Arial, Helvetica, Verdana, sans-serif; color: #000000; text-align: justify; } h1 { font: 28px Arial, Helvetica, Verdana, sans-serif; color: #238033; font-weight: bold; text-align: left; padding: 0; margin: 0 0 20px 0; } h2, h2 a, h2 a:link, h2 a:active, h2 a:visited, h2 a:hover, h2.categorie { font: 20px Arial, Helvetica, Verdana, sans-serif; color: #105c1f; font-weight: bold; margin: 30px 0 5px 0; padding: 0; text-decoration: none; } h2 a:hover, { color: #369c49; } h2.categorie { padding: 8px 3px; border-bottom: #105c1f 1px solid; } h2.home { font: 22px Arial, Helvetica, Verdana, sans-serif; color: #105c1f; text-align: center; margin: 0px 30px 5px 30px; } h3 { font: 12px Arial, Helvetica, Verdana, sans-serif; color: #105c1f; font-weight: bold; margin: 0; padding: 0; } h3, h3 a, h3 a:link, h3 a:active, h3 a:visited, h3 a:hover { font: 14px Arial, Helvetica, Verdana, sans-serif; color: #000000; font-weight: bold; margin: 0; text-decoration: none; padding: 0; } h3 a:hover { color: #238033; } .th1 { background: #369c49; font: 12px Arial, Helvetica, Verdana, sans-serif; color: #ffffff; font-weight: bold; margin: 0px; padding: 2px 2px 2px 6px; } .td1 { background: #ffffff; font: 12px Arial, Helvetica, Verdana, sans-serif; color: #000000; font-weight: normal; margin: 0px; padding: 2px 2px 2px 6px; } ul { margin-top: 0; padding-top: 0; } li { margin-top: 0; padding-top: 0; } .testopiccolo { font: 9px Arial, Helvetica, Verdana, sans-serif; color: #000000; text-align: left; margin: 0; padding: 25px 0 25px 0; } .pulsante1 { font-weight: bold; text-align: left; margin: 0px 0 0 30px; padding: 0px 0 0 0; } .pulsante1 a:link, .pulsante1 a:active, .pulsante1 a:visited { display: block; font: 14px Arial, Helvetica, Verdana, sans-serif; color: #0c4316; font-weight: bold; margin: 6px 0 0 0; padding: 0 0 0 12px; text-decoration: none; } .pulsante1 a:hover { color: #105c1f; font-weight: bold; text-decoration: underline; } .pulsante2 { font-weight: bold; text-align: left; margin: 0px 0 0 0px; padding: 0px 0 0 0; } .pulsante2 a:link, .pulsante2 a:active, .pulsante2 a:visited, .pulsante2 a:hover { display: block; font: 12px Arial, Helvetica, Verdana, sans-serif; color: #105c1f; font-weight: bold; margin: 5px 0 0 0; padding: 0 0 0 10px; text-decoration: none; } .pulsante2 a:hover { color: #238033; font-weight: bold; text-decoration: none; padding: 0 0 0 8px; border-left: #238033 2px solid; } .pulsante3 { float: right; width: 150px; font-weight: bold; text-align: right; margin: 0px 0 0 0px; padding: 0px 0 0 0; } .pulsante3 a:link, .pulsante3 a:active, .pulsante3 a:visited, .pulsante3 a:hover { font: 12px Arial, Helvetica, Verdana, sans-serif; color: #105c1f; font-weight: bold; margin: 5px 0 0 0; padding: 0 7px 0 10px; text-decoration: none; border-right: #238033 2px solid; } .pulsante3 a:hover { color: #238033; font-weight: bold; text-decoration: none; padding: 0 7px 0 8px; border-right: #369c49 4px solid; } .etichetta1 { background: url(img/freccina1_grigio2.png) no-repeat 0px 45%; font: 12px Arial, Helvetica, Verdana, sans-serif; color: #404040; font-weight: bold; text-align: left; margin: 15px 0 3px 0; padding: 0 0 0 12px; } .etichetta2 { border-top: # 1px dotted; background: url(img/freccina1_grigio2.png) no-repeat 0px 55%; font: 12px Arial, Helvetica, Verdana, sans-serif; color: #0c4316; font-weight: bold; text-align: left; margin: 10px 0 1px 0; padding: 5px 0 0 12px; } #vaialcontenuto { display: none; } .imgphotogallery { border: #ffffff 1px solid; padding: 1px; } .divphotogallery { margin: 12px; text-align: center; } .indicephotoalbum { font: 16px Arial, Helvetica, Verdana, sans-serif; color: #105c1f; font-weight: normal; text-align: center; margin: 5px 2px 5px 1px; padding: 1px 2px 1px 2px; line-height: 12px; } .indicephotoalbum a:link, .indicephotoalbum a:active { font-weight: normal; color: #0c4316; text-decoration: none; } .indicephotoalbum a:visited { font-weight: normal; color: #0c4316; text-decoration: none; } .indicephotoalbum a:hover { border: #ffffff 1px solid; color: #ffffff; font-weight: bold; background: #105c1f; padding: 2px 6px 2px 6px; } /* ===== FORM ============================================================ */ TEXT {font: 10px Arial, Helvetica, Verdana, sans-serif; } TEXTAREA {font: 14px Arial, Helvetica, Verdana, sans-serif; } SELECT {font: 10px Arial, Helvetica, Verdana, sans-serif; } RADIO {font: 10px Arial, Helvetica, Verdana, sans-serif; border: #6fdc83 1px solid;} FORM {font: 10px; } .button { border: #105c1f 1px solid; background: #; margin: 0 0 2px 0; padding: 0; } .button2 { border: #105c1f 1px solid; background: #; margin: 0 0 2px 0; padding: 2px 10px 2px 10px; } /* ===== NAVIGAZIONE ============================================================ */ #menu0 { margin: 0px 0px 0px 0px; padding: 0px 30px 0px 0px; font: 12px Arial, Helvetica, Verdana, sans-serif; color: #6fdc83; float: right; } #menu0 a, #menu0 a:link, #menu0 a:hover, #menu0 a:visited { width: 74px !important; width: 80px; min-height: 30px; height: auto !important; height: 30px; font: 14px Arial, Helvetica, Verdana, sans-serif; display: block; float: left; font-weight: normal; color: #e9e9e9; text-align: right; text-decoration: none; padding: 0px 6px 0px 0px !important; padding: 0px 6px 0px 0px; margin: 30px 0px 0px 0px; border-right: #ffffff 1px solid; } #menu0 a:hover { color: #ffffff; font-weight: bold; padding: 0px 6px 0px 0px !important; padding: 0px 6px 0px 0px; } #menu0 a:link#link_other_languages, #menu0 a:active#link_other_languages, #menu0 a:visited#link_other_languages, #menu0 a:hover#link_other_languages { width: 124px !important; width: 130px; } #menu1 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 30px; } #menu1 a, #menu1 a:link, #menu1 a:hover, #menu1 a:visited { width: 70px !important; width: 75px; min-height: 30px; height: auto !important; height: 30px; font: 14px Arial, Helvetica, Verdana, sans-serif; display: block; float: left; font-weight: normal; color: #e9e9e9; text-align: left; text-decoration: none; padding: 0px 0px 0px 6px !important; padding: 0px 0px 0px 6px; margin: 30px 0px 0px 0px; border-left: #ffffff 1px solid; } #menu1 a:hover { color: #ffffff; font-weight: bold; padding: 0px 0px 0px 6px !important; padding: 0px 0px 0px 6px; } #menu1 a:link#menu1_voce4, #menu1 a:active#menu1_voce4, #menu1 a:visited#menu1_voce4, #menu1 a:hover#menu1_voce4 { width: 105px !important; width: 110px; } #menu1 a:link#immobiliare, #menu1 a:active#immobiliare, #menu1 a:visited#immobiliare, #menu1 a:hover#immobiliare { min-height: 25px; height: auto !important; height: 45px; margin: 15px 0px 0px 8px; padding: 20px 0px 0px 6px !important; padding: 20px 0px 0px 6px; background: url(img/logo_trazzi_immobiliare.png) no-repeat 3px -3px; font: 12px Arial, Helvetica, Verdana, sans-serif; } #menu1 a:hover#immobiliare{ border-left: #ffffff 2px solid; } /* ===== MENU2 = sottosezioni ========================================================== */ ul#menu2 { display: block; list-style-type: none; margin: 0; padding: 0; } ul#menu2 li { display: block; margin: 1px 0px 1px 1px; padding: 0; } ul#menu2 li a:link, ul#menu2 li a:active, ul#menu2 li a:visited { display: block; margin: 0; padding: 0px 1px 0px 10px; text-decoration: none; background: none; border-bottom: #d6d6d6 1px solid; border-right: none; color: #222222; font-weight: bold; } ul#menu2 li a:hover { display: block; background: #ffffff; border-left: #105c1f 3px solid; color: #105c1f; font-weight: bold; padding: 0px 1px 0px 7px; } /* ===== MENUSERVIZI =========================================================== */ #menuservizi { margin: 50 0 0 0; padding: 0; text-align: right; } #menuservizi a { display: block; margin: 3 0 1 0; padding: 1 18 0 0; line-height: 18px; color: #404040; text-decoration: none; } #menuservizi a:hover { display: block; padding: 0 18 0 0; font-weight: bold; color: #404040; border: #d6d6d6 1px solid; border-left: #d6d6d6 5px solid; border-right: none; text-decoration: none; } #menuservizi a#linkprint{ display: block; background: url(img/ico_print.png) no-repeat 97% 20%; } #menuservizi a#linkpdf{ display: block; background: url(img/ico_pdf.png) no-repeat 97% 20%; } #menuservizi a#linkhome{ background: url(img/ico_home.png) no-repeat 97% 20%; } #menuservizi a#linkmap{ background: url(img/ico_map.png) no-repeat 97% 20%; } #menuservizi a:hover#linkprint{ background: url(img/ico_print.png) no-repeat 97% 20%; } #menuservizi a:hover#linkhome{ background: url(img/ico_home.png) no-repeat 97% 20%; } #menuservizi a:hover#linkmap{ background: url(img/ico_map.png) no-repeat 97% 20%; } /* =======fine========================================== */ .separatoreorizz1 { border-top: #e9e9e9 1px solid; margin: 12px 0px; padding: 0; clear: left; } .separatoreorizz2 { border-top: #d6d6d6 1px solid; margin: 5px; padding: 0; } .separatoreorizz3 { clear: both; margin: 0px; padding: 0; } .left { float: left; text-align: left; width: auto; } .right { float: right; text-align: right; width: auto; } .riquadro1 { border: #797979 1px solid; background: #b0b0b0; margin: 0 0 15 0; padding: 4px 6px 0px 6px; } .riquadro2 { border-bottom: #404040 1px solid; padding: 5; text-align: right; } ._form1 { font: 12px Arial, Helvetica, Verdana, sans-serif; color: #000000; text-align: left; margin: 0px 0px 8px 0px; padding: 0px; } /* ======= HIDE ========================================== */ .hide { display: none; } #testatahide { display: none; } /* ======= Belegungsplan ========================================== */ #boxright { float: right; width: 150px; text-align: left; margin: 1px 1px 0 0; padding: 1px; } .giornolibero { width: 10px; background: #009835; border: none; font: 11px Arial, Helvetica, Verdana, sans-serif; color: #000000; font-weight: bold; text-align: center; margin: 1px 1px 0 0; padding: 1px; } .giornooccupato { width: 10px; background: #E60003; border: none; font: 11px Arial, Helvetica, Verdana, sans-serif; color: #; font-weight: bold; text-align: center; margin: 1px 1px 0 0; padding: 1px; } .mese { border-top: #369c49 1px solid; font: 13px Arial, Helvetica, Verdana, sans-serif; color: #000000; font-weight: normal; text-align: left; margin: 10px 1px 0 0; padding: 5px 1px 1px 1px; } .legendagiornolibero { width: 100px; background: #; border: none; font: 11px Arial, Helvetica, Verdana, sans-serif; color: #000000; font-weight: bold; text-align: center; margin: 1px 1px 0 0; padding: 1px; } .legendagiornooccupato { width: 100px; background: #ff3c00; border: none; font: 11px Arial, Helvetica, Verdana, sans-serif; color: #; font-weight: bold; text-align: center; margin: 1px 1px 0 0; padding: 1px; } legendagiornooccupato