/* ===== RESET ============================================================ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend,caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } /* remember to define focus styles! */ :focus { outline: 0; } body { color: black; background: white; } /*ol, ul { list-style: none; }*/ ul{ padding: 0; margin-left: 30px; line-height: 1.5; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } * {-webkit-padding-start: 0px;} /* ===== FONT ============================================================ */ @font-face { font-family: 'Conv_6763'; src: url('templates/holimago/font/6763.eot'); src: url('templates/holimago/font/6763.eot?#iefix') format('embedded-opentype'), url('templates/holimago/font/6763.woff') format('woff'), url('templates/holimago/font/6763.ttf') format('truetype'), url('templates/holimago/font/6763.svg#UbuntuTitlingBold') format('svg'); font-weight: normal; font-style: normal; } /* ===== GENERALE ============================================================ */ body { line-height: 2px; font: 14px Conv_6763; color: #888888; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; background: url(templates/holimago/img/background_body.jpg) no-repeat 50% 550px #ffffff; } /* ===== STRUTTURA ============================================================ */ #struttura_1 { width: 1160px !important; width: 1160px; margin: 0 auto 0 auto; padding: 30px 0px 0px 0px; text-align: left; } .spaziato_laterale { margin: 0px 80px 0px 80px; } #area_logo_default { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; } #testata_1_home, #testata_1_default { min-height: 50px; height: auto !important; height: 50px; padding: 0px 0px 0px 0px; text-align: left; border-bottom: #e2e2e2 1px solid; } #testata_2_home, #testata_2_default { min-height: 50px; height: auto !important; height: 50px; padding: 10px 0px 0px 0px; text-align: left; } .padding_5 { padding: 5px; } .padding_5_lat { padding: 0px 5px; } .padding_10 { padding: 10px 10px 0px 10px; } .padding_20 { padding: 20px 20px 0px 20px; } #col_sx, #col_sx_home { float: left; width: 180px !important; width: 180px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px; font: 14px Conv_6763; color: #00ff00; line-height: 16px !important; line-height: 15px; } #col_dx, #col_dx_home { float: right; width: 180px !important; width: 180px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px; font: 14px Conv_6763; color: #00ff00; line-height: 16px !important; line-height: 15px; } #col_center_home { min-height: 400px; height: auto !important; height: 400px; border: #000000 1px dotted; border-top: none; border-bottom: none; margin: 0px 180px 0px 180px; font: 18px Conv_6763; } #main { min-height: 380px; height: auto !important; height: 400px; padding: 0px 0px 0px 0px; /*background: #eeeeee;*/ } #col_main_1_col, #col_main_2_col_sx, #col_main_2_col_dx, #col_main_3_col { min-height: 0px; height: auto !important; height: px; margin: 0px 0px 0px 0px !important; margin: 0px 0px 0px 0px; padding: 0px 30px 0px 0px; } #col_main_2_col_sx { margin: 0px 180px 0px 0px !important; margin: 0px 180px 0px 0px; background: url(templates/holimago/img/linea_separazione_sfumata.png) no-repeat 100% -50px ; } #col_main_2_col_dx { margin: 0px 0px 0px 180px !important; margin: 0px 0px 0px 180px; border-left: #dddddd 1px solid; } #col_main_3_col { margin: 0px 180px 0px 180px !important; margin: 0px 180px 0px 180px; } #col_main_2_col_sx_contatti { min-height: 510px; height: auto !important; height: 510px; margin: 0px 650px 0px 0px !important; margin: 0px 650px 0px 0px; padding: 5px 0px 0px 0px; } #pie { margin_top: 0px; padding: 50px 0px 0px 0px; font: 11px Conv_6763; color: #888888; text-align: center; line-height: 2; } #pie a, #pie a:link, #pie a:visited, #pie a:active, #pie a:hover { color: #888888; margin: 0px 0px 0px 0px; text-decoration: none; font-weight: normal; } #pie a:hover { color: #195f9a; font-weight: normal; } /* ===== BOX ============================================================ */ .box1, .box2 { min-height: -10px; height: auto !important; height: px; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; text-align: left; font: 11px Conv_6763; color: #333333; } .box1 { width: -11px !important; width: -1px; } .box2 { width: -11px !important; width: px; border-left: #e96990 1px solid; float: right; } .box_3 { min-height: 80px; height: auto !important; height: 95px; font: 12px Conv_6763; color: #333333; margin: 0px 0px 20px 0px; padding: 0px 0px 15px 0px; border-bottom: #dddddd 1px solid; } .box3 img { float: left; margin: 0px 10px 10px 0px; padding: 1px; border: #a9a9a9 1px solid; } .box3 h2, .box3 h2 a, .box3 h2 a:link, .box3 h2 a:active, .box3 h2 a:visited, .box3 h2 a:hover { font: 16px Conv_6763; color: #333333; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; } .box3 h3, .box3 h3 a, .box3 h3 a:link, .box3 h3 a:active, .box3 h3 a:visited, .box3 h3 a:hover { font: 13px Conv_6763; color: #333333; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; } .box3 a, .box3 a:link, .box3 a:active, .box3 a:visited, .box3 a:hover { display: block; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #666666; text-decoration: none; } .box3 a:hover { color: #000000; font-weight: normal; text-decoration: none; } .box4 { float: left; min-height: 160px; height: auto !important; height: 160px; width: 161px; /*font: 12px Conv_6763;*/ /*color: #333333;*/ margin: 0px 0px 10px 0px; padding: 0px 0px 0px 24px; border: 0px solid; font-size: 11px; } .box4 img { margin: 0px 10px 10px 0px; padding: 1px; /*border: #a9a9a9 1px solid;*/ } .box4 h2, .box4 h2 a, .box4 h2 a:link, .box4 h2 a:active, .box4 h2 a:visited, .box4 h2 a:hover { /*font: 11px Conv_6763; color: #333333;*/ font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; } /*.box4 h2 a:hover { color: #00ff00; }*/ .box5 { min-height: 75px; height: auto !important; height: 85px; font: 12px Conv_6763; color: #ffffff; margin: 0px 0px 20px 0px; padding: 0px 32px 20px 32px; border-bottom: #a9a9a9 1px solid; } .box5 img { margin: 0px 0px 0px 0px; border: #dddddd 1px solid; } .box5 h2, .box5 h2 a, .box5 h2 a:link, .box5 h2 a:active, .box5 h2 a:visited, .box5 h2 a:hover { font: 22px Conv_6763; color: #ffffff; font-weight: bold; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; text-align: left; text-transform: uppercase; } .box5 h2 a:hover { color: #e6e6e6; } .box5 h3, .box5 h3 a, .box5 h3 a:link, .box5 h3 a:active, .box5 h3 a:visited, .box5 h3 a:hover { font: 16px Conv_6763; color: #e6e6e6; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; } .box5 h3 a:hover { color: #ffffff; } .box5_sx { float: left; width: 40px !important; width: 40px; margin: 3px 0px 0px 12px; padding: 0px 0px 0px 0px; text-align: center; font: 22px Conv_6763; color: #ffffff; font-weight: bold; text-align: center; } .box5_dx { float: right; width: 120px !important; width: 120px; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px; text-align: left; } .box5_center { margin: 0px 150px 0px 150px; padding: 3px 0px 0px 0px; } .bordo_9_ombra_5 { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; border: #ffffff 9px solid; -moz-box-shadow: 0px 0px 5px #888888; -webkit-box-shadow: 0px 0px 5px #888888; box-shadow: 0px 0px 5px #888888; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .img_bordo_9_ombra_5 img, .img_bordo_9_ombra_5_float img { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; border-radius: 2px; border: #ffffff 9px solid; -moz-box-shadow: 0px 0px 5px #888888; -webkit-box-shadow: 0px 0px 5px #888888; box-shadow: 0px 0px 5px #888888; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; } .img_bordo_9_ombra_5_float { margin: 0px 20px 5px 0px !important; margin: 0px 0px 5px 0px; float: left; } .bordo_1_ombra_5 { margin: 0px 0px 0px 0px; padding: 1px; border: #888888 1px solid; -moz-box-shadow: 0px 0px 5px #888888; -webkit-box-shadow: 0px 0px 5px #888888; box-shadow: 0px 0px 5px #888888; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .bordo_5_ombra_5 { margin: 0px 0px 0px 0px; padding: 1px; border: #ffffff 5px solid; -moz-box-shadow: 0px 0px 5px #888888; -webkit-box-shadow: 0px 0px 5px #888888; box-shadow: 0px 0px 5px #888888; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .bordo_10_ombra_5 { margin: 0px 0px 0px 0px; padding: 1px; border: #ffffff 10px solid; -moz-box-shadow: 0px 0px 5px #888888; -webkit-box-shadow: 0px 0px 5px #888888; box-shadow: 0px 0px 5px #888888; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .balloon_1 { /* usato dentro la mappa google */ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; font: 11px Conv_6763; color: #333333; } .balloon_1 a, .balloon_1 a:link, .balloon_1 a:active, .balloon_1 a:visited, .balloon_1 a:hover { color: #195f9a; } .balloon_1 a:hover { color: #00ff00; } .balloon_1 h4 { /* usato dentro la mappa google */ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; font: 13px Conv_6763; color: #00ff00; font-weight: bold; } .balloon_1 { /* usato per immagini nei balloon delle mappe */ padding: 0px; margin: 0px; } .balloon_1 img, .balloon_1 a img { padding: 1px; margin: 0px 3px 5px 0px; } .balloon_1 a:hover img { border: #a9a9a9 1px solid; } .balloon_1_interno_testo { margin: 0px 0px 0px 75px; width: 190px; } .balloon_1 p { margin: 0px 0px 0px 0px; width: 280px; font: 11px Conv_6763; color: #333333; } .balloon_10 { float: right; width: 200px !important; width: 200px; min-height: 185px; height: auto !important; height: 200px; margin: 10px 0px 0px 0px; padding: 15px 0px 0px 0px; text-align: center; font: 18px Conv_6763; color: #; line-height: 21px !important; line-height: 22px; background: url(templates/holimago/img/balloon_10_200x200.png) no-repeat 50% 0%; } .balloon_20 { float: right; width: 380px !important; width: 380px; min-height: 185px; height: auto !important; height: 200px; margin: 10px 0px 0px 0px; padding: 15px 0px 0px 0px; text-align: center; font: 19px Conv_6763; color: #; line-height: 21px !important; line-height: 21px; background: url(templates/holimago/img/balloon_20_380x200.png) no-repeat 0px 0%; } /* ===== BOX ============================================================ */ .box_20_100, .box_20_100_right { float: left; width: 155px !important; width: /**/ 166px; min-height: 121px; height: auto !important; height: 121px; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; border-right: #000000 1px dotted; text-align: left; font: 14px Conv_6763; color: #000000; } .box_20_100_right { width: 155px !important; width: /**/ 166px; border-right: none; } .box_33_100, .box_33_100_right { float: left; width: 254px !important; width: 275px; min-height: 121px; height: auto !important; height: 121px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; border-right: #000000 1px dotted; text-align: center; font: 14px Conv_6763; color: #000000; } .box_33_100_right { width: 255x !important; width: 275px; border-right: none; } .box_350, .box_350_right { float: left; width: 339px !important; width: /**/ 350px; min-height: 121px; height: auto !important; height: 121px; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; border-right: #000000 1px dotted; text-align: left; color: #000000; } .box_350_right { width: 339px !important; width: /**/ 350px; border-right: none; } .box_main_350 { min-height: 250px; height: auto !important; height: 250px; margin: 50px 0px 0px 360px !important; margin: 0px 0px 0px 360px; paddig: 0px 0px 0px 0px !important; paddig: 0px 0px 0px 0px; text-align: left; color: #000000; } .box_120, .box_120_right { float: left; width: 100px !important; width: /**/ 110px; min-height: 70px; height: auto !important; height: 70px; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; border-right: #000000 1px dotted; text-align: left; color: #; } .box_120_right { float: right; width: 100px !important; width: /**/ 110px; border-right: none; border-left: #000000 1px dotted; } .box_130 { float: left; width: 130px !important; width: /**/ 130px; margin: 0px 5px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; color: #; } .box_home_1f { color: #00ff00; } .box_50_sx { float: left; width: 375px !important; width: /**/ 375px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: justify; color: #00ff00; } .box_50_dx { margin: 0px 0px 0px 386px; padding: 0px 0px 0px 10px; border-left: #000000 1px dotted; text-align: justify; color: #00ff00; } .box_25_sx { float: left; width: 190px !important; width: /**/ 190px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .box_25_dx { margin: 0px 0px 0px 190px; padding: 0px 0px 0px 10px; border-left: #000000 1px dotted; } .box_bordato_2_sx { border-left: #195f9a 1px solid; } .box_bordato_2_dx { border-right: #195f9a 1px solid; } #box_home_center_1_flash { padding: 0px 0px 0px 0px; } #box_home_center_1 { padding: 50px 0px 10px 100px; text-align: center; font: 22px Conv_6763; color: #00ff00; line-height: 20px; background: url(templates/holimago/img/sfondo_box_home_center_1.png) no-repeat 50% 50%; } #box_home_center_countdown { margin: 0px 0px 0px 0px !important; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; text-align: center; font: 22px Conv_6763; color: #d93669; line-height: 28px; } #box_home_center_countdown strong { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; text-align: center; font: 28px Conv_6763; color: #a91949; line-height: 20px; } .box_home_news_1 { padding: 0px 0px 0px 0px; text-align: left; font: 22px Conv_6763; color: #00ff00; line-height: 20px; } .box_home_news_1 img { float: left; margin: 0px 10px 5px 0px; border: #000000 1px solid; padding: 1px; } /* ===== BOX NEW ============================================================ */ .box_attrazioni_1, .box_attrazioni_1_dx, .box_attrazioni_1_center, .box_attrazioni_2, .box_attrazioni_2_dx { float: left; width: 182px !important; width: 196px; min-height: 270px; height: auto !important; height: 320px; margin: 0px 0px 0px 0px; padding: 50px 7px 0px 7px !important; padding: 50px 4px 0px 4px; border-right: #000000 1px dotted; text-align: center; font: 16px Conv_6763; color: #00ff00; line-height: 17px !important; line-height: 16px; } .box_attrazioni_1_dx, .box_attrazioni_2_dx { width: 181px !important; width: 196px; border-right: none; } .box_attrazioni_1_center { padding: 0px 7px 0px 7px !important; padding: 0px 4px 0px 4px; width: 378px !important; width: 398px; } .box_attrazioni_2, .box_attrazioni_2_dx { padding: 0px 7px 0px 7px !important; padding: 0px 4px 0px 4px; min-height: 250px; height: auto !important; height: 250px; } .box_attrazione, .box_attrazione_sx, .box_attrazione_center { margin: 0px 270px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; font: 16px Conv_6763; color: #00ff00; } .box_attrazione p, .box_attrazione_sx p, .box_attrazione_center p { font: 16px Conv_6763; color: #00ff00; } .box_attrazione_sx { float: left; width: 250px !important; width: 250px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .box_attrazione_center { margin: 0px 0px 0px 260px; padding: 0px 0px 0px 0px; } #box_attrazione_galleria { clear: both; margin: 30px 0px 0px 0px; padding: 60px 0px 0px 0px; min-height: 180px; height: auto !important; height: 220px; position: relative; } .box_attrazione_galleria_img { position: absolute; top: 0; left: 0; } .box_foto_galleria_img { position: absolute; top: 0; left: 0; width: 110px; text-align: center; } .box_slide_home_container { width: 425px !important; width: 418px; height: 220px; position: relative; overflow: hidden; top: 0px; left: 0px; margin: 0px 0px 0px 0px; padding: 0px 1px 0px 1px !important; padding: 0px 0px 0px 1px; } .box_slide_home_item { width: 141px !important; width: 141px; height: 200px; position: absolute; top: 0px; left: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; font: 16px Conv_6763; color: #00ff00; line-height: 16px !important; line-height: 15px; } /* ===== TABLE ============================================================ */ .td_1, .td_6 { vertical-align: top; font: 18px Conv_6763; color: #00ff00; text-align: left; padding: 0px 1px 2px 5px; font-weight: normal; } .td_6 { vertical-align: top; font: 15px Conv_6763; color: #00ff00; text-align: left; padding: 0px 1px 2px 5px; font-weight: normal; } .td_2 { vertical-align: top; font: 16px Conv_6763; color: #00ff00; text-align: left; padding: 1px 1px 1px 5px; background: url(templates/holimago/img/sfondo_td_2_3.png) no-repeat 0% 0%; font-weight: normal; line-height: 16px; } .td_3, .td_3_w { vertical-align: top; font: 16px Conv_6763; color: #ffffff; text-align: right; padding: 0px 5px 2px 15px; background: url(templates/holimago/img/sfondo_td_2_3.png) no-repeat 100% 0%; font-weight: bold; } .td_3_w { background: url(templates/holimago/img/sfondo_td_2_3_w.png) no-repeat 100% 0%; } .td_4_separatore { padding: 0px 0px 10px 0px; font: 1px Conv_6763; } .td_5_separatore { padding: 0px 0px 10px 0px; font: 1px Conv_6763; border-top: #000000 1px solid; } .td_7 { vertical-align: top; font: 16px Conv_6763; color: #00ff00; text-align: left; padding: 0px 1px 0px 0px; border-bottom: #000000 1px solid; font-weight: bold; } .td_8 { vertical-align: top; font: 15px Conv_6763; color: #00ff00; text-align: left; padding: 0px 1px 0px 0px; border-bottom: #000000 1px solid; font-weight: normal; } /* ===== FORMATTAZIONE TESTO ============================================================ */ img { margin: 0; padding: 0; } a img { border: none; } strong { font-weight: bold; } #descrizione strong{ font-weight: normal; } .thumb { padding: 1px; border: #00ff00 1px solid; } .thumb_1 img, .thumb_1_sx img, .thumb_1_dx img { padding: 1px; margin: 0px 0px 0px 0px; border: #00ff00 1px solid; } .thumb_1_sx img { float: left; margin: 0px 6px 3px 0px; } .thumb_1_dx img { float: right; margin: 0px 0px 3px 6px; } .thumb_1 a:hover img, .thumb_1_sx a:hover img, .thumb_1_dx a:hover img { border: #00ff00 1px solid; } .thumb2 { border: #a91949 1px solid; padding: 1px; margin: 2px 2px 2px 2px; } .thumb3 { border: #ffffff 1px solid; margin: 1px 10px 1px 0px; } .thumb4 { border: #ffffff 1px solid; margin: 4px 4px 4px 0px; } .thumb4 img a:hover { border: #000000 1px solid; } .thumb5 { border: #a9a9a9 1px solid; margin: 4px 4px 4px 0px; } .thumb5 img a:hover { border: #666666 1px solid; } a, a:link, a:visited, a:active, a:hover { color: #888888; text-decoration: underline; font-weight: normal; } a:hover { color: #666666; text-decoration: underline; font-weight: normal; } p { font: 14px Conv_6763; color: #888888; text-align: left; margin: 10px 0px 3px 0px; line-height: 1.5; } .p_big_1 { font: 18px Conv_6763; color: #888888; text-align: justify; margin: 10px 0px 3px 0px; } .testo_piccolo { font: 10px Conv_6763; color: #888888; margin: 3px 0px 0px 0px; text-align: justify; } h1 { /*font: 24px Conv_6763; color: #00ff00;*/ font-weight: normal; text-align: left; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; } h2, h2 a, h2 a:link, h2 a:active, h2 a:visited, h2 a:hover { /*font: 14px Conv_6763; color: #00ff00;*/ color: #3F5F9A; font-weight: bold; margin: 0px; padding: 5px 0px 3px 0px; text-decoration: none; } h2 a:hover { color: #195f9a; text-decoration: none; } h3, h3 a, h3 a:link, h3 a:active, h3 a:visited, h3 a:hover { font: 12px Conv_6763; color: #00ff00; font-weight: normal; margin: 0px; padding: 5px 0px 3px 0px; text-decoration: none; } h3 a:hover { color: #195f9a; text-decoration: none; } .h3_1, .h3_2, .h3_3, .h3_4, .h3_5, .h3_6, .h3_7, .h3_8, .h3_1 a, .h3_2 a, .h3_3 a, .h3_4 a, .h3_5 a, .h3_7 a, .h3_7 a, .h3_8 a, .h3_1 a:hover, .h3_2 a:hover, .h3_3 a:hover, .h3_4 a:hover, .h3_5 a:hover, .h3_6 a:hover, .h3_7 a:hover , .h3_8 a:hover { font: 18px Conv_6763; color: #f15920; color: #017CC3; font-weight: bold; margin: 8px 0px 5px 0px; padding: 0; line-height: 17px !important; line-height: 16px; } .h3_2, .h3_2 a, .h3_2 a:hover { color: #214A21; } .h3_3, .h3_3 a, .h3_3 a:hover { color: #03438E; } .h3_4, .h3_4 a, .h3_4 a:hover { color: #F15920; } .h3_5, .h3_5 a, .h3_5 a:hover { color: #DD9C11; } .h3_6, .h3_6 a, .h3_6 a:hover { color: #812D19; } .h3_7, .h3_7 a, .h3_7 a:hover { color: #71A52C; } .h3_8, .h3_7 a, .h3_8 a:hover { color: #222D7C; } h4, h4 a, h4 a:link, h4 a:active, h4 a:visited, h4 a:hover { font: 11px Conv_6763; color: #00ff00; font-weight: normal; margin: 0px; padding: 5px 0px 3px 0px; text-decoration: none; } h4 a:hover { color: #195f9a; text-decoration: none; } .h4_1, .h4_2, .h4_3, .h4_4, .h4_5, .h4_6, .h4_7, .h4_8, .h4_1 a, .h4_2 a, .h4_3 a, .h4_4 a, .h4_5 a, .h4_7 a, .h4_7 a, .h4_8 a, .h4_1 a:hover, .h4_2 a:hover, .h4_3 a:hover, .h4_4 a:hover, .h4_5 a:hover, .h4_6 a:hover, .h4_7 a:hover , .h4_8 a:hover { font: 14px Conv_6763; color: #f15920; color: #017CC3; font-weight: bold; margin: 8px 0px 2px 0px; padding: 0; line-height: 14px !important; line-height: 14px; } .h4_2, .h4_2 a, .h4_2 a:hover { color: #214A21; } .h4_3, .h4_3 a, .h4_3 a:hover { color: #03438E; } .h4_4, .h4_4 a, .h4_4 a:hover { color: #F15920; } .h4_5, .h4_5 a, .h4_5 a:hover { color: #DD9C11; } .h4_6, .h4_6 a, .h4_6 a:hover { color: #812D19; } .h4_7, .h4_7 a, .h4_7 a:hover { color: #71A52C; } .h4_8, .h4_7 a, .h4_8 a:hover { color: #222D7C; } .etichetta_1 { font: 14px Conv_6763; color: #00ff00; font-weight: bold; text-align: left; margin: 10px 0 2px 0; padding: 0 0 0 1px; } .etichetta_2 { font: 12px Conv_6763; color: #000000; font-weight: bold; text-align: left; margin: 10px 0 2px 0; padding: 0 0 0 1px; } #vaialcontenuto { display: none; } ul { list-style: disc; } /* ===== FORM ============================================================ */ TEXT {font: 13px Conv_6763; } TEXTAREA {font: 14px Conv_6763; border: 1px solid #e2e2e2; } SELECT {font: 13px Conv_6763; } RADIO {font: 13px Conv_6763; border: #000000 1px solid;} FORM {font: 13px; } INPUT { font: 13px; border: 1px solid #e2e2e2; /*border-left: #000000 1px solid; border-bottom: #000000 0px solid;*/ } .button { margin: 0 0 2px 0; padding: 2px 10px 2px 10px; background: #ffffff; border: #d93669 1px solid; border-right: #00ff00 1px solid; border-bottom: #00ff00 1px solid; } .button_1 { margin: 10px 0 0 0; padding: 10px 0px 0px 0px; } .button_1 input { margin: 0px 30px 0px 0px; padding: 4px 20px 3px 20px; background: #000000 border: #195f9a 1px solid; border-right: #00ff00 1px solid; border-bottom: #00ff00 1px solid; } .button_2 input { margin: 0px 0px 0px 0px; padding: 4px 10px 3px 10px; background: #00ff00 border: #195f9a 1px solid; border-right: #00ff00 1px solid; border-bottom: #00ff00 1px solid; color: #ffffff; } .form_1 { font: 15px Conv_6763; border: #888888 1px solid; background: #ffffff; margin: 0 0 2px 0; padding: 1px 3px 1px 3px; color: #000000; border: #666666 1px solid; border-right: #888888 1px solid; border-bottom: #888888 1px solid; font-weight: normal; } #search_1 { float: right; width: 240px !important; width: 240px; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px; font: 13px Conv_6763; color: #e6e6e6; text-align: right; } #form_search_1 { width: 140px !important; width: 140px; font: 15px Conv_6763; border: #888888 1px solid; background: #ffffff; margin: 0px 4px 0px 0px; padding: 1px 3px 2px 3px !important; padding: 1px 3px 1px 3px; color: #000000; border: #195f9a 1px solid; border-right: #00ff00 1px solid; border-bottom: #00ff00 1px solid; font-weight: normal; background: url(templates/holimago/img/sfum_viola6_bianco.jpg) repeat-x 0% 50%; } #button_search_1 { font: 12px Conv_6763; margin: 0px 0px 0px 0px; padding: 2px 10px 1px 10px !important; padding: 2px 10px 2px 10px; background: #000000; border: #00ff00 1px solid; border-right: #195f9a 1px solid; border-bottom: #195f9a 1px solid; color: #ffffff; background: url(templates/holimago/img/sfum_viola6_viola4.jpg) repeat-x 0% 50%; } .button_01 { margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; text-align: center; } .button_01 a, .button_01 a:link, .button_01 a:active, .button_01 a:visited, .button_01 a:hover { text-align: center; margin: 1px 0px 10px 0px; padding: 5px 15px 5px 15px; border: #195f9a 1px solid; border-top: #00ff00 1px solid; border-left: #00ff00 1px solid; font: 14px Conv_6763; color: #00ff00; font-weight: bold; background: url(templates/holimago/img/button_02_a.png) no-repeat 50% -5px; text-decoration: none; } .button_01 a:hover { text-align: center; margin: 1px 0px 10px 0px; padding: 5px 15px 5px 15px; border: #195f9a 1px solid; border-top: #00ff00 1px solid; border-left: #00ff00 1px solid; font: 14px Conv_6763; color: #ffffff; font-weight: bold; background: url(templates/holimago/img/button_02_c.png) no-repeat 50% -5px; } .button_01 input { text-align: center; margin: 0px 0px 0px 0px; padding: 3px 10px 3px 10px; border: #195f9a 1px solid; border-top: #00ff00 1px solid; border-left: #00ff00 1px solid; font: 14px Conv_6763; color: #00ff00; font-weight: bold; background: url(templates/holimago/img/button_03.png) repeat-x 50% -5px; text-decoration: none; } /* ===== NAVIGAZIONE ============================================================ */ #menu_0 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font: 13px Conv_6763; color: #e6e6e6; font-weight: bold; } #menu_0 a, #menu_0 a:link, #menu_0 a:active, #menu_0 a:visited, #menu_0 a:hover { margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px; text-decoration: none; text-align: center; font-weight: normal; color: #00ff00; } #menu_0 a:hover { color: #000000; } #menu_1 { width: 750px !important; width: 750px; float: right; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; font: 13px Conv_6763; color: #ababab; } #menu_1 a, #menu_1 a:link, #menu_1 a:active, #menu_1 a:visited, #menu_1 a:hover { display: block; float: right; margin: 0px 0px 0px 60px; padding: 0px 0px 0px 0px; text-decoration: none; text-align: left; font: 15px Conv_6763; color: #ababab; font-weight: normal; } #menu_1 a:hover { color: #666666; } #menu_1 a#current { color: #195f9a; } #menu_2 { width: 700px !important; width: 700px; float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font: 12px Conv_6763; color: #ababab; } #menu_2 a, #menu_2 a:link, #menu_2 a:active, #menu_2 a:visited, #menu_2 a:hover { display: block; float: right; margin: 0px 0px 0px 60px; padding: 0px 0px 0px 0px; text-decoration: none; text-align: left; font: 12px Conv_6763; color: #ababab; font-weight: normal; } #menu_2 a:hover { color: #666666; } #menu_2 a#current { color: #195f9a; } #menu_lang { float: right; width: 190px !important; width: 200px; min-height: 18px; height: auto !important; height: 25px; padding: 4px 5px 3px 5px; background: url(templates/holimago/img/box_bianco_testata_lang.png) no-repeat 50% 100%; text-align: right; } #menu_lang a, #menu_lang a:link, #menu_lang a:active, #menu_lang a:visited, #menu_lang a:hover { float: right; color: #000000; text-decoration: none; margin: 0px 12px 0px 0px; padding: 0px 0px 1px 18px; opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; filter:alpha(opacity=70); } #menu_lang a:hover { color: #00ff00; font-weight: normal; text-decoration: none; opacity:1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100); text-decoration: underline; } #menu_lang a#link_it { background: url(img/flag_italiano.png) no-repeat 0% 50%; } #menu_lang a:hover#link_it { background: url(img/flag_italiano.png) no-repeat 0% 50%; } #menu_lang a#link_en { background: url(img/flag_english.png) no-repeat 0% 50%; } #menu_lang a:hover#link_en { background: url(img/flag_english.png) no-repeat 0% 50%; } #menu_lang a#link_de { background: url(img/flag_deutsch.png) no-repeat 0% 50%; } #menu_lang a:hover#link_de { background: url(img/flag_deutsch.png) no-repeat 0% 50%; } #menu_lang a#link_nl { background: url(img/flag_nederlands.png) no-repeat 0% 50%; } #menu_lang a:hover#link_nl { background: url(img/flag_nederlands.png) no-repeat 0% 50%; } /* ======= pulsanti ========================================== */ .pulsante1 { font: 16x Conv_6763; color: #666666; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; } .pulsante1 a, .pulsante1 a:link, .pulsante1 a:active, .pulsante1 a:visited, .pulsante1 a:hover { display: block; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 12px; color: #666666; text-decoration: none; } .pulsante1 a:hover { color: #000000; font-weight: normal; text-decoration: none; } .pulsante2 { font-weight: bold; text-align: left; margin: 0px 0 0 0; padding: 0px 0 0 0; } .pulsante2 a:link, .pulsante2 a:active, .pulsante2 a:visited { display: block; font: 9px Conv_6763; color: #333333; font-weight: normal; margin: 6px 0 0 0; padding: 1px 0 0 2px; text-decoration: none; background: url(templates/holimago/img/sfum_grigio_pulsante.png) repeat-x 0% 40%; border-top: #888888 1px solid; border-left: #888888 1px solid; border: #a9a9a9 1px solid; } .pulsante2 a:hover { color: #000000; font-weight: normal; text-decoration: none; background: url(templates/holimago/img/sfum_grigio_pulsante.png) repeat-x 0% 20%; border-top: #666666 1px solid; border-left: #666666 1px solid; border: #888888 1px solid; } #pulsante2_newsletter { font-weight: bold; text-align: left; margin: 0px 27px 0px 27px; padding: 0px; } #pulsante2_newsletter a:link, #pulsante2_newsletter a:active, #pulsante2_newsletter a:visited { display: block; font: 10px Conv_6763; color: #333333; font-weight: normal; margin: 6px 0 0 0; padding: 1px 0 0 2px; text-decoration: none; background: url(templates/holimago/img/sfum_grigio_pulsante.png) repeat-x 0% 40%; border-top: #888888 1px solid; border-left: #888888 1px solid; border: #a9a9a9 1px solid; text-align: center; } #pulsante2_newsletter a:hover { color: #000000; font-weight: normal; text-decoration: none; background: url(templates/holimago/img/sfum_grigio_pulsante.png) repeat-x 0% 20%; border-top: #666666 1px solid; border-left: #666666 1px solid; border: #888888 1px solid; } .link_1 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font: 15px Conv_6763; color: #00ff00; } .link_1 a, .link_1 a:link, .link_1 a:active, .link_1 a:visited, .link_1 a:hover { display: block; margin: 0px 0px 0px 0px !important; margin: 0px 0px 5px 0px; padding: 2px 0px 2px 25px; text-decoration: none; text-align: left; font-weight: bold; color: #195f9a; background: url(templates/holimago/img/arrow_dx_03.png) no-repeat 0% 2px; line-height: 15px; } .link_1 a:hover { color: #00ff00; background: url(templates/holimago/img/arrow_dx_02.png) no-repeat 0% 2px; } .link_1 a#link_back { background: url(templates/holimago/img/arrow_sx_03.png) no-repeat 0% 50%; } .link_1 a:hover#link_back { background: url(templates/holimago/img/arrow_sx_02.png) no-repeat 0% 50%; } .dot_1, .dot_2 { margin: 0px 0px 0px 0px !important; margin: 0px 0px 5px 0px; padding: 2px 0px 2px 16px; text-decoration: none; text-align: left; font-weight: bold; font: 16px Conv_6763; color: #00ff00; background: url(templates/holimago/img/dot_03.png) no-repeat 0% 7px; line-height: 17px !important; line-height: 16px; } .dot_2 { background: none; } .dot_2 img { border: #000000 1px solid; padding: 0px; margin: 0px 5px 0px 0px; float: left; } .link_2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font: 13px Conv_6763; color: #00ff00; } .link_2 a, .link_2 a:link, .link_2 a:active, .link_2 a:visited, .link_2 a:hover { display: block; margin: 0px 0px 0px 0px !important; margin: 0px 0px 5px 0px; padding: 2px 0px 2px 16px; text-decoration: none; text-align: left; font-weight: bold; color: #195f9a; background: url(templates/holimago/img/arrow_dx_03_small.png) no-repeat 0% 5px; } .link_2 a:hover { color: #00ff00; background: url(templates/holimago/img/arrow_dx_02_small.png) no-repeat 0% 5px; } .slogan_1, .slogan_2 { margin: 0px 0px 0px 0px !important; margin: 0px 0px 5px 0px; padding: 2px 0px 2px 16px; text-decoration: none; text-align: center; font-weight: bold; font: 24px Conv_6763; color: #00ff00; line-height: 25px !important; line-height: 24px; } .slogan_2 { text-align: left; padding: 0px 0px 0px 0px; } /* =======fine========================================== */ .clear { clear: both; } .separatore_orizz_1 { border-top: #000000 1px solid; margin: 5px 0px 5px 0px; padding: 0; } .separatore_orizz_2 { border-top: #00ff00 1px solid; margin: 5px 0px 5px 0px; padding: 0; } .separatore_orizz_3 { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: #000000 1px dotted; } .separatore_orizz_32 { margin: 0px 0px 3px 0px; padding: 0px 0px 3px 0px; border-bottom: #000000 1px dotted; } .separatore_orizz_4 { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: #000000 1px dotted; clear: both; } .separatore_orizz_5 { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: #000000 1px solid; } .left { float: left; text-align: left; width: auto; } .right { float: right; text-align: right; width: auto; } .riquadro1 { border: #888888 1px solid; background: #a9a9a9; margin: 0 0 15 0; padding: 4px 6px 0px 6px; } .small { letter-spacing: -1px; font: 10px Conv_6763; letter-spacing: 0px; text-align: justify; } .small p { margin: 4px 0px 0px 0px; letter-spacing: -1px; font: 12px Conv_6763; letter-spacing: 0px; text-align: justify; } /* ======= HIDE ========================================== */ .hide { display: none; } #testatahide { display: none; } #thumbnails { /*width: 130px; float: left;*/ } /* ======= SPLIT ========================================== */ .split4{ width:160px; height:174px; overflow:hidden;/* for child absolute position */ position:relative;/* display div in line */ text-align: center; } .split4 img{ border:0;/* allow javascript moves the img position*/ position:absolute; z-index:200; } .split4 .caption { width:160px; margin: 10px 0px 0px 0px !important; margin: 10px 0px 5px 0px; display:block; text-align: center; } .split4 .caption h4 { margin: 0px 0px 0px 0px !important; margin: 0px 0px 5px 0px; padding: 2px 0px 2px 16px; text-decoration: none; text-align: center; font-weight: bold; font: 15px Conv_6763; color: #00ff00; line-height: 15px !important; line-height: 14px; } .split4 .caption p { margin: 0px 0px 0px 0px !important; margin: 0px 0px 5px 0px; padding: 2px 0px 2px 16px; text-decoration: none; text-align: center; font-weight: bold; font: 14px Conv_6763; color: #00ff00; line-height: 15px !important; line-height: 14px; } .topLeft,.topRight,.bottomLeft,.bottomRight{ position:absolute; background-repeat:no-repeat; float:left; } .topLeft{ background-position:top left; } .topRight{ background-position:top right; } .bottomLeft{ background-position:bottom left; } .bottomRight{ background-position:bottom right; } .split2{ width:160px; height:174px; overflow:hidden;/* for child absolute position */ position:relative;/* display div in line */ text-align: center; } .split2 img{ border:0;/* allow javascript moves the img position*/ position:absolute; z-index:200; } .split2 .caption { width:160px; margin: 10px 0px 0px 0px !important; margin: 10px 0px 5px 0px; display:block; text-align: center; } .split2 .caption h4 { margin: 0px 0px 0px 0px !important; margin: 0px 0px 5px 0px; padding: 2px 0px 2px 16px; text-decoration: none; text-align: center; font-weight: bold; font: 15px Conv_6763; color: #00ff00; line-height: 15px !important; line-height: 14px; } .split2 .caption p { margin: 0px 0px 0px 0px !important; margin: 0px 0px 5px 0px; padding: 2px 0px 2px 16px; text-decoration: none; text-align: center; font-weight: bold; font: 14px Conv_6763; color: #00ff00; line-height: 15px !important; line-height: 14px; } .top,.bottom,.left,.right{ position:absolute; background-repeat:no-repeat; float:left; } .top{ background-position:top ; } .bottom{ background-position:bottom ; } .left{ background-position:left ; } .right{ background-position:right ; } /***** HOLIMAGO *****************/ .etichetta1 { margin-top: 10px; } #col_sx_main{ float: left; text-align: left !important; width: 330px; /*border: 1px solid;*/ } #col_dx_main{ float: right; width: 560px; padding-top: 39px; border: 0px solid; text-align: center; } /********* Galleria sx dx e descrizione img **********/ .next{ border: 0px solid; overflow: hidden; width: auto !important; height: 51px; text-align:right; cursor: pointer; background: url('js/galleria2/lib/ad_scroll_forward.png') no-repeat scroll 56px 0px transparent; } .prev{ float: left; width: 10% !important; height: 51px; margin-right: 5px; cursor:pointer; background: url("js/galleria2/lib/ad_scroll_back.png") no-repeat scroll -16px 0px transparent } #descrizione{ border: 0px solid; float: left; width: 80% !important; margin-right: 5px; height: 51px; text-align: center; padding-top: 1%; } #thumb_onoff{ text-align:right; padding-right: 59px; margin-bottom: 10px; cursor: pointer; } /*****effetto rollover ***/ img.a { position: absolute; left: 0; top: 0; z-index: 0; } img.b { position: absolute; left: 0; top: 0; z-index: -1; } div.fadehover{ position: relative; height: 135px; min-height: 135px; } #tasto_contatti{ background: none repeat scroll 0 0 #E2E2E2; } #tasto_contatti:hover{ background-color: #F1F1F1; }