.h1 {margin: 0;padding: 0;} .hrSEARCH hr { width:50%; text-align:left; margin-left:0; solid: navy; } .hr { width:100%; height:1px; background: #fff } hr.new1 {border-top: 1px solid navy;} hr.stygrey {border: 1px solid grey; width:80%; text-align:left; margin-left:0; line-height: 0.2;} hr.sideL{ width:50%; background-color: #000066; height: 1px; margin: auto; margin-bottom: 1em;} hr.sideLH{ width:5%; background-color: #000066; height: 2px; margin: auto; margin-bottom: 1em;} .HtableOV tr{ line-height: 20px; } div.uc {text-transform: uppercase;} div.lc {text-transform: lowercase;} .style1 {font-family: "Century Gothic";font-size: 1px;}.style12 {font-family: "Century Gothic";font-size: 12px;} .style14 {font-family: "Century Gothic";font-size: 14px;}.style15 {font-family: "Century Gothic";font-size: 15px;} .style16 {font-family: "Century Gothic";font-size: 16px;}.style18 {font-family: "Century Gothic";font-size: 18px;} .style20 {font-family: "Century Gothic";font-size: 20px;}.style30 {font-family: "Century Gothic";font-size: 30px;} .style40 {font-family: "Century Gothic";font-size: 40px;}.style50 {font-family: "Century Gothic";font-size: 50px;} .style60 {font-family: "Century Gothic";font-size: 60px;}.style70 {font-family: "Century Gothic";font-size: 70px;} .style80 {font-family: "Century Gothic";font-size: 80px;}.style100 {font-family: "Century Gothic";font-size: 100px;} .style60AIVE {font-family: "Century";font-size: 60px;}.style80AIVE {font-family: "Century";font-size: 80px;} .style_NEWS_banner {font-family: "Century Gothic";font-size: 25px; color: #000066; text-align: center; padding: 5px} .style_NEWS_title {font-family: "Century Gothic";font-size: 15px; text-align: justify; font-weight: bold;color:#000066} .style_NEWS_side_title {font-family: "Century Gothic";font-size: 18px; text-align: center; font-weight: bold;color:#000066; text-decoration: underline;} .style_NEWS_titleL {font-family: "Century Gothic";font-size: 16px; text-align: justify; font-weight: bold; color:#000066; text-decoration: underline;} .style_NEWS_titleL a:visited { font-family: "Century Gothic";font-size: 16px; color: #000066; } .style_NEWS_titleL a:active { font-family: "Century Gothic";font-size: 16px; color: #000066; } .style_NEWS_titleL a:link { font-family: "Century Gothic";font-size: 16px; color: #000066; } .style_NEWS_titleL a:hover {font-family: "Century Gothic";font-size: 20px; text-align: justify; font-weight: bold;color:#ffffff; background-color: #8a2424 } @media screen and (max-width: 500px) { .style_NEWS_titleL a:hover {font-family: "Century Gothic";font-size: 20px; text-align: justify; font-weight: bold;color:#ffffff; background-color: #8a2424 } } .style_NEWS_titleLP {font-family: "Century Gothic";font-size: 18px; text-align: justify; font-weight: bold;color:#000066; text-decoration: none;} .style_NEWS_describe {font-family: "Century Gothic";font-size: 16px; font-weight: normal; color:#000066; text-align: justify} @media screen and (max-width: 500px) { .style_NEWS_describe {font-family: "Century Gothic"; font-weight: normal; color:#000066; text-align: justify; font-size:4vw;} /* VIEWPORT */ } .style_NEWS_title_row {font-family: "Century Gothic";font-size: 16px; text-align: left; color:#000066; background-color: transparent; text-decoration: underline; } .style_NEWS_title_row a:hover {font-family: "Century Gothic";font-size: 20px; text-align: left; color:#ffffff; background-color: #8a2424;} /* from grey to bordeaux in HL */ .style_NEWS_cont {font-family: "Century Gothic"; font-size: 15px; text-align: justify; color:#80838a; margin-right:10px} .style_NEWS_cont a:visited { font-family: "Century Gothic";font-size: 15px; text-align: justify; color:#80838a; margin-right:10px} .style_NEWS_cont a:active { font-family: "Century Gothic";font-size: 15px; text-align: justify; color:#80838a; margin-right:10px} .style_NEWS_cont a:link { font-family: "Century Gothic";font-size: 15px; text-align: justify; color:#80838a; margin-right:10px} .style_NEWS_cont a:hover {font-family: "Century Gothic";font-size: 18px; text-align: justify; font-weight: bold; color:#ffffff; background-color: #8a2424 } @media screen and (max-width: 500px) { .style_NEWS_cont a:hover {font-family: "Century Gothic";font-size: 18px; text-align: justify; font-weight: bold;color:#ffffff; background-color: #8a2424 } } .style_NEWS_contLP {font-family: "Century Gothic"; font-size: 15px; text-align: justify; color:#80838a; margin-right:10px} .style_NEWS_date {font-family: "Century Gothic"; font-size: 15px; font-style: italic; color:#80838a; text-decoration: none; } .style_NEWS_date {font-family: "Century Gothic";font-size: 14px; font-style: italic; color:#80838a} .style_NEWS_dateL {font-family: "Century Gothic"; font-size: 15px; font-style: italic; color:#80838a; text-decoration: none; } .style_NEWS_dateLP {font-family: "Century Gothic"; font-size: 15px; font-style: italic; color:#80838a; text-decoration: none; font-weight: normal;} .style_NEWS_more {font-family: "Century Gothic";font-size: 15px; font-weight: normal; color:#000066; text-align: justify; text-decoration: none;} .style_NEWS_bando {font-family: "Century Gothic";font-size: 15px; font-weight: normal; font-style: italic; color:#80838a;text-align: justify; text-decoration: none;} .style_NEWS_bando a{font-family: "Century Gothic";font-size: 15px; font-weight: normal; font-style: italic; color:#80838a; text-align: justify; } .style_NEWS_bando a:hover {font-family: "Century Gothic"; font-size: 18px; text-align: justify; font-weight: normal; font-style: italic; margin-right:10px; color:#ffffff; background-color: #8a2424;} .style_NEWS_title_rowNP {font-family: "Century Gothic";font-size: 16px; text-align: left; color:#000066; background-color: transparent; text-decoration: underline; font-weight: bold;} .style_NEWS_title_rowNP a:hover {font-family: "Century Gothic";font-size: 20px; text-align: left; color:#ffffff; background-color: #8a2424;} .style_NEWS_contNP {font-family: "Century Gothic"; font-size: 15px; text-align: justify; color:#000066; margin-right:10px;} .style_NEWS_contNP a:hover {font-family: "Century Gothic"; font-size: 20px; text-align: justify; margin-right:10px; color:#ffffff; background-color: #8a2424;} .style_NEWS_dateNP {font-family: "Century Gothic"; font-size: 12px; font-style: italic; color:#000066; text-align: left; text-decoration: none; } .style_NEWS_dateNP a:hover {font-family: "Century Gothic"; font-size: 15px; font-style: italic; color:#ffffff; background-color: #8a2424; text-align: left; text-decoration: none; } .style_NEWS_contTABLE {font-family: "Century Gothic"; font-size: 15px; text-align: justify; color:#80838a; margin-right:10px; margin-left:30px;} .style_NEWS_side_all{font-family: "Century Gothic";font-size: 18px; color:#000066; background-color: transparent; text-decoration: none; text-align: justify;} /* .style_NEWS_side_all a:hover {font-family: "Century Gothic";font-size: 18px; color:#ffffff; background-color: #000066; text-align: justify; text-decoration: none; } .style_NEWS_side_all a:link {font-family: "Century Gothic";font-size: 14px; color:#000066; background-color: transparent; text-decoration: none; text-align: justify;} .style_NEWS_side_all a:active {font-family: "Century Gothic";font-size: 14px; color:#000066; background-color: transparent; text-decoration: none; text-align: justify;} .style_NEWS_side_all a:visited {font-family: "Century Gothic";font-size: 14px; color:#000066; background-color: transparent; text-decoration: none; text-align: justify;} /* Flotta e Foto degli eventi */ .style_NEWS_score {font-family: "Century Gothic";font-size: 20px; font-weight: normal; color:#000066; text-align: justify; text-decoration: none; text-shadow: 5px 5px 5px gold; } .style_NEWS_scoreLP {font-family: "Century Gothic";font-size: 15px; font-weight: normal; color:#000066; text-align: justify; text-decoration: none; } .style_NEWS_scoreLP a:link {font-family: "Century Gothic";font-size: 15px; font-weight: normal; color:#000066; text-align: justify; text-decoration: underline; } .style_NEWS_scoreLP a:hover {font-family: "Century Gothic";font-size: 18px; font-weight: bold; color:#ffffff; text-align: justify; text-decoration: underline; background-color:#8a2424; } .style_all_NEWS {font-family: "Century Gothic"; font-size: 35px; color:#ffffff; } .style_all_NEWS a:link {font-family: "Century Gothic";font-size: 35px; text-align: center; color:#ffffff; background-color: transparent; } .style_all_NEWS a:hover {font-family: "Century Gothic";font-size: 40px; text-align: left; color:#ffffff; background-color: #8a2424;} /* do not use _cont0 !!! special case */ /* do not use _cont0 !!! special case */ /* do not use _cont0 !!! special case */ /* do not use _cont0 !!! special case */ /* do not use _cont0 !!! special case */ /* do not use _cont0 !!! special case */ .style_mail {font-family: "Century Gothic";font-size: 15px; text-align: justify; color: #000066; } .style_mail a {font-family: "Century Gothic";font-size: 15px; text-align: justify; color: #000066; } .style_mail a:active {font-family: "Century Gothic";font-size: 15px; text-align: left; color: #000066; } .style_mail a:link {font-family: "Century Gothic";font-size: 15px; text-align: left; color: #000066; } .style_mail a:visited {font-family: "Century Gothic";font-size: 15px; text-align: left; color: #000066; } .style_mail a:hover {font-family: "Century Gothic";font-size: 20px; text-align: left; font-weight: bold; color:#ffffff; background-color: #8a2424 } .style_blabla_HL {font-family: "Century Gothic";font-size: 15px; text-align: justify; font-weight: bold; font-style: italic; color: #8a2424; } .style_blabla_HL a {font-family: "Century Gothic";font-size: 15px; text-align: justify; font-weight: bold; font-style: italic; color: #8a2424; } .style_blabla_HL a:active {font-family: "Century Gothic";font-size: 15px; text-align: left; font-weight: bold; font-style: italic; color: #8a2424; } .style_blabla_HL a:link {font-family: "Century Gothic";font-size: 15px; text-align: left; font-weight: bold; font-style: italic; color: #8a2424; } .style_blabla_HL a:visited {font-family: "Century Gothic";font-size: 15px; text-align: left;font-weight: bold; font-style: italic; color: #8a2424; } .style_blabla_HL a:hover {font-family: "Century Gothic";font-size: 20px; text-align: left; font-weight: bold; font-style: italic; color:#ffffff; background-color: #8a2424 } .style_blabla_contKK {font-family: "Century Gothic";font-size: 15px; text-align: justify; color:#000066; } .style_blabla_cont0 {font-family: "Century Gothic";font-size: 15px; text-align: justify; color:#000066; } /*.style_blabla_cont0 a {font-family: "Century Gothic";font-size: 15px; text-align: justify; color:#000066; } .style_blabla_cont0 a:active {font-family: "Century Gothic";font-size: 15px; text-align: left; color:#000066;} .style_blabla_cont0 a:link {font-family: "Century Gothic";font-size: 15px; text-align: left; color:#000066;} .style_blabla_cont0 a:visited {font-family: "Century Gothic";font-size: 15px; text-align: left;color:#000066;} .style_blabla_cont0 a:hover {font-family: "Century Gothic";font-size: 20px; text-align: left; color:#ffffff; background-color: #8a2424 } */ .style_blabla_cont {font-family: "Century Gothic";font-size: 15px; text-align: justify; color:#000066; margin-left:50px; margin-right:50px} .style_blabla_cont1 {font-family: "Century Gothic";font-size: 12px; text-align: justify; color:#000066; margin-left:50px; margin-right:50px; text-decoration: none; } .style_blabla_cont2 {font-family: "Century Gothic";font-size: 20px; text-align: justify; color:#000066; margin-left:300px; font-weight: bold;} .style_blabla_cont2 a:link {font-family: "Century Gothic";font-size: 20px; text-align: justify; color:#000066; font-weight: bold;} .style_blabla_cont2 a:hover {font-family: "Century Gothic";font-size: 25px; text-align: justify; color:#ffffff; font-weight: bold; background-color: #000066; } @media screen and (max-width: 700px) { /* three colu stack on top of each other instead of next */ .style_blabla_cont2 {font-family: "Century Gothic";font-size: 20px; text-align: justify; color:#000066; font-weight: bold; width: 100%; height: auto; overflow:scroll; } .style_blabla_cont2 a:link {font-family: "Century Gothic";font-size: 20px; text-align: justify; color:#000066; font-weight: bold; width: 100%; height: auto; overflow:scroll;} .style_blabla_cont2 a:hover {font-family: "Century Gothic";font-size: 25px; text-align: justify; color:#ffffff; font-weight: bold; background-color: #000066; width: 100%; height: auto; overflow:scroll;} .column {width: 100%; height: auto; overflow:scroll;} } .style_blabla_cont3 {font-family: "Century Gothic";font-size: 20px; text-align: justify; color:#000066; margin-left:50px; font-weight: bold;} .style_blabla_cont3HL {font-family: "Century Gothic";font-size: 20px; text-align: justify; color:#000066; margin-left:50px; font-weight: bold;} .style_blabla_cont3HL a:link {font-family: "Century Gothic";font-size: 20px; text-align: justify; color:#000066; } .style_blabla_cont3HL a:hover {font-family: "Century Gothic";font-size: 25px; text-align: justify; color:#ffffff; font-weight: bold; background-color: #8a2424; } .style_blabla_cont4 {font-family: "Century Gothic";font-size: 15px; text-align: justify; color:#000066; font-weight: bold;} .style_blabla_cont5 {font-family: "Century Gothic";font-size: 18px; text-align: justify; color:#000066; margin-left:50px; } .style_blabla_cont5HL {font-family: "Century Gothic";font-size: 18px; text-align: justify; color:#000066; margin-left:50px; } .style_blabla_cont5HL a:link {font-family: "Century Gothic";font-size: 18px; text-align: justify; color:#696969; } .style_blabla_cont5HL a:hover {font-family: "Century Gothic";font-size: 20px; text-align: justify; color:#ffffff; font-weight: bold; background-color: #8a2424; } .style_blabla_cont5HL a:visited {font-family: "Century Gothic";font-size: 18px; text-align: justify; color:#000066; } .style_blabla_h1 {font-family: "Century Gothic";font-size: 20px; text-align: justify; color:#000066; margin-left:50px; margin-right:50px; text-decoration: underline;} .style_blabla_tit {font-family: "Century Gothic";font-size: 18px; text-align: justify; color:#000066; margin-right:50px; text-decoration: underline;} .style_blabla_tit1 {font-family: "Century Gothic";font-size: 18px; text-align: justify; color:#000066; margin-left:50px; text-decoration: underline;} .style_blabla_tit2 {font-family: "Century Gothic";font-size: 20px; text-align: center; color:#000066; margin-left:50px; text-decoration: underline; font-weight: bold;} .style_blabla_tit3 {font-family: "Century Gothic";font-size: 18px; text-align: center; color:#000066; margin-left:50px; text-decoration: underline; font-weight: bold;} .style_blabla_tit4 {font-family: "Century Gothic";font-size: 14px; text-align: left; color:#000066; margin-left:50px; text-decoration: underline; font-weight: bold;} .style_blabla_tit5 {font-family: "Century Gothic";font-size: 18px; text-align: left; color:#000066; font-weight: bold;} .style_bot_title a:link {font-family: "Century Gothic";font-size: 35px; text-align: center; color:#ffffff; background-color: transparent; } .style_bot_title a:hover {font-family: "Century Gothic";font-size: 40px; text-align: left; color:#ffffff; background-color: transparent; } .style_set_of_NEWS {font-family: "Century Gothic";font-size: 25px; color: #ffffff; font-weight: bold; padding: 15px; vertical-align: bottom;} .style_MENU_pages {font-family: "Century Gothic";font-size: 20px; color: #000066; font-weight: bold; padding: 5px; vertical-align: bottom;} .style_MENU_page_TITLE {font-family: "Century Gothic";font-size: 30px; color: #FFFFFF; padding: 15px; vertical-align: bottom; text-align: left } .style_MENU_page_extra {font-family: "Century Gothic";font-size: 18px; color: #a9a9a9; font-style: italic;} .style_MENU_page_extra1 {font-family: "Century Gothic";font-size: 20px; color: #FFD700; font-style: italic;} .style_MENU_expl {font-family: "Century Gothic";font-size: 18px; color: white; font-style: italic;} .style_under_construction {font-family: "Century Gothic";font-size: 30px; color: #000066; padding: 15px; vertical-align: bottom;} .style_soon_come {font-family: "Century Gothic";font-size: 25px; color: #ffd700; padding: 15px; vertical-align: bottom;} /* pagina bandi regata */ .style_bandi_more {font-family: "Century Gothic";font-size: 16px; text-align: justify; color:#000066; text-decoration: underline;} /* pagina calendario */ .style_date_race {font-family: "Century Gothic";font-size: 15px; color: #ffffff; text-align: left; padding: 5px} .style_date_old_cal {font-family: "Century Gothic";font-size: 35px; color: #ffffff; text-align: left; padding: 5px; background-color:#daa520} .style_which_race {font-family: "Century Gothic";font-size: 15px; text-align: left; color:#ffffff} @media screen and (max-width: 500px) { .style_which_race {font-family: "Century Gothic";font-size: 15px; text-align: left; color:#ffffff; font-size:5vw;} /* VIEWPORT */ } .style_which_race a {font-family: "Century Gothic";font-size: 15px; text-align: left; color:#ffffff; text-decoration: none; background-color: transparent; } .style_which_race a:active {font-family: "Century Gothic";font-size: 15px; text-align: left; color:#ffffff; text-decoration: underline; background-color: transparent;} .style_which_race a:link {font-family: "Century Gothic";font-size: 15px; text-align: left; color:#ffffff; text-decoration: underline; background-color: transparent;} .style_which_race a:hover { color:#ffffff; text-decoration: none; font-size: 20px; font-weight: bolder;} .style_which_race a:visited { color:#ffffff; text-decoration: none; font-size: 15px; } /* Flotta e Foto degli eventi */ .style_flottaT{font-family: "Century Gothic";font-size: 18px;color: #000066;padding: 10px;vertical-align: bottom; text-align: left;font-weight: bold;} .style_flottaT2{font-family: "Century Gothic";font-size: 20px;color: #ffffff;padding: 10px;vertical-align: bottom; text-align: left;font-weight: bold;} .style_flottaY{font-family: "Century Gothic";font-size: 15px;color: #000066; padding: 10px; vertical-align: bottom; text-align: left; font-weight: normal; font-style:italic; } .style_flottaY a {font-family: "Century Gothic";font-size: 15px;color: #000066; padding: 10px; vertical-align: bottom; text-align: left; font-weight:normal;font-style:italic;} .style_flottaY2{font-family: "Century Gothic";font-size: 18px;color: #ffffff; padding: 10px; vertical-align: bottom; text-align: left; font-weight: normal; font-style:italic; } .style_flottaY2 a {font-family: "Century Gothic";font-size: 18px;color: #ffffff; padding: 10px; vertical-align: bottom; text-align: left; font-weight:normal;font-style:italic;} .style_flottaY2 a:hover {font-family: "Century Gothic";font-size: 22px;color: #ffffff; padding: 10px; vertical-align: bottom; text-align: left; font-weight: bolder;font-style:normal;} .style_flottaY a:active {font-family: "Century Gothic";font-size: 15px;color: #000066; padding: 10px; vertical-align: bottom; text-align: left; font-weight: normal;font-style:italic;} .style_flottaY a:link {font-family: "Century Gothic";font-size: 15px;color: #000066; padding: 10px; vertical-align: bottom; text-align: left; font-weight: normal;font-style:italic;} .style_flottaY a:hover {font-family: "Century Gothic";font-size: 20px;color: #000066; padding: 10px; vertical-align: bottom; text-align: left; font-weight: bolder;font-style:normal;} .style_flottaY a:visited {font-family: "Century Gothic";font-size: 15px;color: #000066; padding: 10px; vertical-align: bottom; text-align: left; font-weight: normal;font-style:italic;} .style_photo_text {font-family: "Century Gothic";font-size: 20px; color: #000066; padding: 15px; vertical-align: bottom;} .style_photo_name {font-family: "Century Gothic";font-size: 25px; color: #000066; padding: 15px; vertical-align: bottom; font-weight: bold;} .style_photo_link {font-family: "Century Gothic";font-size: 25px; color: #8a2424; font-weight: bold; padding: 15px; vertical-align: bottom;} /* descrizione singola imbarcazione e.g. Crivizza */ .boat_intro {font-family: "Century Gothic";font-size: 15px; color:#808080; text-align: left; line-height: 1.; padding-left: 15px;} .boat_title {font-family: "Century Gothic";font-size: 12px; color:#808080; text-align: left; line-height: 1.; padding-left: 15px;} .boat_text {font-family: "Century Gothic";font-size: 15px; color:#808080; text-align: left; line-height: 0.5; padding-left: 15px;} .boat_text1 {font-family: "Century Gothic";font-size: 15px; color:#808080; line-height: 1.; text-align: justify; padding-left: 15px; padding-right: 15px;} .boat_text2 {font-family: "Century Gothic";font-size: 18px; color:#808080; line-height: 1.; text-align: justify; text-decoration: underline; padding-left: 15px;} .boat_text_line {font-family: "Century Gothic";font-size: 10px; color:#808080; line-height: 1.;} .minilist_title {font-family: "Century Gothic";font-size: 25px; color: #000066; padding: 5px; font-weight: bold; text-align: center;} .minilist_title {font-family: "Century Gothic";font-size: 25px; color: #000066; padding: 5px; font-weight: bold; text-align: center;} .minilist_content {font-family: "Century Gothic";font-size: 15px; color: #000066; padding: 5px; vertical-align: bottom; text-align:justify; text-decoration: none;} .minilist_content a:visited {font-family: "Century Gothic";font-size: 15px; color: #000066; padding: 5px; vertical-align: bottom; text-align:justify; text-decoration: none;} .minilist_content a:link {font-family: "Century Gothic";font-size: 15px; color: #000066; padding: 5px; vertical-align: bottom; text-align:justify; text-decoration: none;} .minilist_content a:active {font-family: "Century Gothic";font-size: 15px; color: #000066; padding: 5px; vertical-align: bottom; text-align:justify; text-decoration: none;} .minilist_content a:hover {font-family: "Century Gothic";font-size: 20px; text-align: justify; color:#ffffff; background-color: #8a2424; text-decoration: none;} .minilist_lux td{background-color: #96D4D4; } .minilist_line hr{width:50%; text-align:left; margin-left:0; color: #000066;} .new1 {border-top: 1px solid navy;} .Apost_index {font-family: 'Playfair Display', sans-serif; text-transform:none;} .Apost_mini_image {margin: -3px 0 7px;} .image_index {border: 1px; solid: #ddd; border-radius: 4px; padding: 5px; width: 150px;} .button {border: none; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 15px;} .dropdown {position: relative; display: inline-block; background-color: #ffffff; } /* next for INDEX only*/ .dropbtn { background-color: #ffffff; color: #000066; font-family: "Century Gothic"; padding: 5px; font-size: 16px; border: none; cursor: pointer;} /* button color in fixed bar*/ .dropdown-content {display: none; position: absolute; background-color: #ffffff; color: #000066; min-width: 160px; padding: 5px 5px; z-index: 1 } /* button color in fixed bar*/ .dropdown-content a {color: black; padding: 5px 5px; text-decoration: none; display: block; } .dropdown-content a:hover {background-color: #000066; color: white; font-size: 18px;} .dropdown:hover .dropdown-content {display: block; } .dropdown:hover .dropbtn {background-color: #ffffff; border: none; font-size: 22px; font-weight: bolder;} /* next for INDEX NEW version only*/ .dropbtn-N { background-color: #ffffff; color: navy; font-family: "Century Gothic"; padding: 5px; font-size: 16px; border: none; cursor: pointer;} /* button color in fixed bar*/ .dropdown:hover .dropbtn-N {background-color: #ffffff; color: navy; border: none; font-size: 22px; font-weight: bolder;} .dropdown-content-N {display: none; position: absolute; background-color: navy; color: white; min-width: 160px; padding: 5px 5px; z-index: 1 } /* button color in fixed bar*/ .dropdown-content-N a {color: black; padding: 5px 5px; text-decoration: none; color: white; display: block;} .dropdown-content-N a:hover {background-color: navy; color: white; font-size: 18px; font-weight: bolder; } .dropdown:hover .dropdown-content-N {display: block; } /* next for files inside dropdown menu per le files interne*/ .dropbtn-AF { background-color: #ffffff; color: #000066; font-family: "Century Gothic"; padding: 5px; font-size: 15px; border: none; cursor: pointer; } .dropdown-content-AF {display: none; position: absolute; background-color:#8a2424; color: white; min-width: 160px; padding: 5px 5px; } .dropdown-content-AF a {background-color:#8a2424; color: white; padding: 5px 5px; text-decoration: none; display: block;} .dropdown-content-AF a:visited {background-color:#8a2424; color: white; } .dropdown-content-AF a:link {background-color:#8a2424; color: white; } .dropdown-content-AF a:active {background-color:#8a2424; color: white; } .dropdown-content-AF a:hover {background-color:#ffffff; color:#8a2424; text-decoration: none; font-size: 18px; font-weight: bolder;} .dropdown-one-entry { background-color: #ffffff; color: #000066; font-family: "Century Gothic"; padding: 5px; font-size: 15px; border: none; cursor: pointer; } .dropdown-one-entry a {color: #000066; padding: 5px; text-decoration: none; display: block;} .dropdown-one-entry a:hover {background-color:#8a2424; color: white; font-size: 18px;} .dropdown-one-menu-home a:hover {background-color:#000066; color: white; font-size: 18px; font-weight: bolder; } .dropdown:hover .dropdown-content-AF {display: block;} .dropdown:hover .dropbtn-AF {background-color:#ffffff; color: #8a2424; font-size: 18px; font-weight: bolder; } .dropdown:visited .dropdown-content-AF {border:none;} .dropdown:visited .dropbtn-AF {border:none;} /* end files inside dropdown menu */ /* small horizontal blue row in NEWS to look for ALL NEWS */ /* small horizontal blue row in NEWS to look for ALL NEWS */ .rowNEWShoriz {float: left; width: 100%; background-color: #7B112C; height: 80px; overflow-y: auto; } .style_NEWS_hor_small_title {font-family: "Century Gothic"; font-size: 18px; text-align: left; font-weight: bold;color:#000066; text-decoration: underline;} .style_NEWS_hor2_small_title {font-family: "Century Gothic"; font-size: 18px; text-align: left; font-weight: bold;color:#ffffff; text-decoration: underline;} .sep-aive { display: inline-block; width: 1.0em; height: 1.0em; vertical-align: middle; margin: 0 0.55em; background-image: url('data:image/svg+xml;utf8,'); background-size: contain; background-repeat: no-repeat; background-position: center; } /* corda + ancora LUNGA */ /* Contenitore */ .sep-corda-ancora { display: flex; align-items: center; justify-content: center; gap: 0.6em; /* distanza corda ↔ ancora */ margin: 1em 0; /* spazio sopra e sotto */ } /* Corda LUNGA laterale grigia + navy */ .sep-corda-ancora::before, .sep-corda-ancora::after { content: ""; width: 90px; /* lunghezza corda (corta) */ height: 3px; /* spessore corda */ border-radius: 999px; background: repeating-linear-gradient( 45deg, #000066 0, /* navy */ #000066 4px, #b0b0b0 4px, /* grigio chiaro */ #b0b0b0 8px ); } /* corda + ancora CORTA */ /* Contenitore */ .sep-cordaC-ancora { display: flex; align-items: center; justify-content: center; gap: 0.6em; /* distanza corda ↔ ancora */ margin: 1em 0; /* spazio sopra e sotto */ } /* Corda CORTA laterale grigia + navy */ .sep-cordaC-ancora::before, .sep-cordaC-ancora::after { content: ""; width: 50px; /* lunghezza corda (corta) */ height: 3px; /* spessore corda */ border-radius: 999px; background: repeating-linear-gradient( 45deg, #000066 0, /* navy */ #000066 4px, #b0b0b0 4px, /* grigio chiaro */ #b0b0b0 8px ); } /* Ancora al centro */ .ancora { font-size: 1.1em; /* dimensione ancora */ line-height: 1; color: #000066; /* navy */ } /* FLOTTA DI IMBARCAZIONI*/ /* FLOTTA DI IMBARCAZIONI*/ /* FLOTTA DI IMBARCAZIONI*/ /* FLOTTA DI IMBARCAZIONI*/ /* FLOTTA DI IMBARCAZIONI*/ /*.column {float: left; width: 33.33%; padding: 5px;} */ .column {float: left; width: 30%; padding: 5px; } /* give three colu stack */ .column_dummy {float: left; width: 3%; } .columnN {float: left; width: 80%; } .columnNS {float: left; width: 20%; background-color: lightblue; height: 800px; overflow-x: auto; } .columnNSlarge {float: left; width: 20%; background-color: lightblue; height: 1800px; overflow-x: auto; } .columnFLOTTA {float: left; } .columnFlottaSide {float: left; width: 100%; background-color: lightblue; height: 800px; overflow-x: auto;} .row::after {content: ""; clear: both; display: table; } .sideLIST {background-color: lightblue; width: 150px; height: auto; overflow:scroll; font-family: "Century Gothic";font-size: 5px; color: #000000; padding: 5px; vertical-align: bottom; font-weight: normal; } /* mycomputer */ /* @media screen and (max-width: 1000px) { give three colu stack collapsing in one badly - name of boat is very left */ /* @media screen and (max-width: 1500px) { till 1250 give only one stack */ @media screen and (max-width: 1200px) { /* give three colu stack collapsing in two */ .column {width: 50%; height: auto; overflow:scroll;} .columnN {width: 100%; height: auto; overflow:scroll;} .columnNS {width: 100%; height: auto; overflow:scroll;} .columnFLOTTA {width: 100%; height: auto; overflow:scroll;} .columnFlottaSide {width: 100%; height: auto; overflow:scroll; background-color: lightblue; } .sideLIST {background-color: lightblue; width: 100px; height: auto; overflow:scroll; font-family: "Century Gothic";font-size: 15px; color: #000066; padding: 5px; vertical-align: bottom; font-weight: normal; } } @media screen and (max-width: 800px) { /* give three colu stack collapsing in one */ .column {width: 100%; height: auto; overflow:scroll;} .columnN {width: 100%; height: auto; overflow:scroll;} .columnNS {width: 100%; height: auto; overflow:scroll;} .columnFLOTTA {width: 100%; height: auto; overflow:scroll;} .columnFlottaSide {width: 100%; height: auto; overflow:scroll; background-color: lightblue; } .sideLIST {background-color: lightblue; width: 100px; height: auto; overflow:scroll; font-family: "Century Gothic";font-size: 15px; color: #000066; padding: 5px; vertical-align: bottom; font-weight: normal; } } /* @media screen and (max-width: 100px) { .column {width: 50%; height: auto; overflow:scroll;} .columnN {width: 50%; height: auto; overflow:scroll;} .columnNS {width: 50%; height: auto; overflow:scroll;} .columnFLOTTA {width: 50%;; height: auto; overflow:scroll;} .columnFlottaSide {width: 50%; height: auto; overflow:scroll; background-color: lightblue; } .sideLIST {background-color: lightblue; width: 100px; height: auto; overflow:scroll; font-family: "Century Gothic";font-size: 15px; color: #000066; padding: 5px; vertical-align: bottom; font-weight: normal; } } */ /* special for photo's gallery */ /* Segue speciale per foto */ .container { display: flex; /* Gli elementi sono affiancati per impostazione predefinita */ width: 350px; height: 250px; } .box { background-color: #ffffff; padding: 2px; text-align: top; flex: 1; /* Gli elementi si ridimensionano in modo uguale */ /* border: 1px solid #000000; */ } /* Regola per dispositivi più piccoli (max-width: 800px) */ @media screen and (max-width: 800px) { .container { flex-direction: column; /* Cambia layout da affiancato a colonna */ } } .fixed-size { /* width: 240px; Larghezza fissa */ height: 240px; /* Altezza fissa */ width: 330px; object-fit: cover; /* Adatta l'immagine al contenitore mantenendo proporzioni */ } /* end special for photo's gallery */ .columnOV {float: left; width: 30%; padding: 5px; } @media screen and (max-width: 500px) { /* three colu stack on top of each other instead of next */ .columnOV {width: 100%; height: auto; overflow:scroll;} } .posNAME {position: absolute; width: 100%; bottom: 1px; text-align: left; padding: 30px; font-size: 25px; } .posWHERE {position: absolute; width: 100%; top: 1px; text-align: center; padding: 1px; font-size: 25px; background-color: transparent; } .posWHEREleft {position: absolute; width: 100%; top: 2px; text-align: left; padding-left: 30px; padding-top: 5px; font-size: 25px; background-color: transparent; } .posWHEREbot {position: absolute; width: 100%; top: 200px; text-align: left; padding-bottom: 20px; padding-left: 30px; font-size: 25px; background-color: transparent; } .absolute {position: absolute; width: 100%;bottom: 10px; text-align: left; padding: 10px;} .mavista { color: #ffffff; font-size: 15px; font-style: italic; background-color: transparent; text-decoration: none;} .listaFlotta {background-color: #ffffff; color:white; width: 1000px; height: 80px; overflow-x: auto; } @media screen and (max-width: 500px) { .listaFlotta {background-color: #ffffff; color:white; width: 400px; height: 50px; overflow-x: auto; } } .listaFlottaV1 {background-color: #F5FFFA; width: auto; height: 3500px; overflow-y: auto; vertical-align: top}/* change height to change relative position of list wrt pictures*/ @media screen and (max-width: 500px) { .listaFlottaV1 {background-color: #AFEEEE; width: auto; height: 3500px; overflow-y: auto; } } .listaFlottaV2 {background-color: #000066; width: auto; height: auto; overflow-y: auto; vertical-align: top}/* change height to change relative position of list wrt pictures*/ @media screen and (max-width: 500px) { .listaFlottaV2 {background-color: #000066; width: auto; height: 3500px; overflow-y: auto; } } /* LISTA Partners*/ /* LISTA Partners*/ /* LISTA Partners*/ /* LISTA Partners*/ /* LISTA Partners*/ .column_P {float: left; width: 16%; padding: 5px; } .style_partners { font-family: "Century Gothic";font-size: 15px; color: #000066; } @media screen and (max-width: 500px) { /* four colu stack on top of each other instead of next */ .style_partners {width: 100%; height: auto; overflow:scroll;} .style_partners a:visited { font-family: "Century Gothic";font-size: 18px; color: #000066; } .style_partners a:active { font-family: "Century Gothic";font-size: 18px; color: #000066; } .style_partners a:link { font-family: "Century Gothic";font-size: 18px; color: #000066; } .style_partners a:hover { font-family: "Century Gothic";font-size: 22px; color: white; font-weight: bold; background-color: #000066; } .column_P {width: 100%; height: auto; overflow:scroll;} } .style_PARTNERS_title {font-family: "Century Gothic";font-size: 25px; text-align: center; font-weight: bold; color:#000066} .style_partners a:visited { font-family: "Century Gothic";font-size: 15px; color: #000066; } .style_partners a:active { font-family: "Century Gothic";font-size: 15px; color: #000066; } .style_partners a:link { font-family: "Century Gothic";font-size: 15px; color: #000066; } .style_partners a:hover { font-family: "Century Gothic";font-size: 20px; color: white; font-weight: bold; background-color: #000066; } /* .style_partners a:visited { color: white; background-color: transparent; text-decoration: none;} */ /*.column_G {float: left; width: 20%; padding: 5px; } .style_gallery { font-family: "Century Gothic";font-size: 18px; color: #000066; } @media screen and (max-width: 500px) .style_gallery {width: 100%; height: auto; overflow:scroll;} .column_G {width: 100%; height: auto; overflow:scroll;} } */ /* FOTO di EVENTI e REGATE*/ .style_Gallery_title {font-family: "Century Gothic";font-size: 25px; text-align: center; font-weight: bold; color:#000066} .column_PE {float: left; width: 25%; padding: 5px; } .div-WHERE { background-color: transparent; width: 100%; } .style_gallery { font-family: "Century Gothic";font-size: 18px; color: #000066; } @media screen and (max-width: 500px) { /* four colu stack on top of each other instead of next */ .style_gallery {width: 100%; height: auto; overflow:scroll;} .column_PE {width: 100%; height: auto; overflow:scroll;} } /* blinking text */ .callout{ padding: 25px 15px; background: Orange; font-size: 30px; color: black} .blink { animation: blink-animation 1s steps(5, start) infinite; -webkit-animation: blink-animation 1s steps(5, start) infinite; } @keyframes blink-animation { to {visibility: hidden;} } @-webkit-keyframes blink-animation { to { visibility: hidden; } } /* end blinking text */ @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { .gap {width:90%;padding:0px; overflow: hidden; position: relative;} } .bottom-left { position: absolute; bottom: 8px; left: 50px;} .container {position: relative; text-align: center; color: white;} .container1 {position: relative;} .centered {position: absolute; top: 50%; left: 10%;} .centered1 {position: absolute; top: 30%; left: 20%;} .centered2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .navbar { overflow: hidden; display: block; position: fixed; width: 100%; top: 0; left: 0; right: 0; } .navbar a { float: left; display: block; padding: 14px 16px; text-decoration: none; margin: 0px 10px; } .main-nav1{ padding: 16px; margin-top: 20px; width: 100%; } /* .main-nav2{ width: 100%; top: 100; box-sizing: border-box; height: 45px; } */ .content {padding: 16px;} .sticky { position: fixed; top: 0; width: 100%; } hr.sty1 {border: 2px solid darkblue; width:100%} hr.styFINE {border: 1px solid darkblue; width:100%} @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* body {background-color: red; }*/ .gap {width:190%;padding:0px; overflow: hidden; position: relative;} .main-nav2 { width: 600px; top: 100; box-sizing: border-box; height: 45px;} } .sepia{ filter:saturate(0%); sepia(100%); contrast(150%); saturate(150%); } .sepia1 { filter: grayscale(100%); sepia(100%); } .VIP{font-weight: bold; color: #8a2424; font-style: italic; } .VIP a:hover{font-family: "Century Gothic";font-size: 20px; text-align: left; font-weight: bold; font-style: italic; color:#ffffff; background-color: #8a2424 } .trorig {background-color: #000066; color: white; } .ImNews {border-radius: 20px; } .buttonDB {background-color: #8a2424; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 30px; margin: 4px 2px; cursor: pointer;} .buttonDB a:hover {background-color:#8a2424; color: white; font-size: 40px; text-decoration:underline;} .buttonDB a {background-color:#8a2424; color: white; font-size: 30px;} .tableSCORE td, th { text-align: left; border-collapse: collapse; padding: 15px; font-size: 20px; color: white; } .tableSCORE { background-color: #056783 ; color:#ffffff; text-decoration: none;} .tableSCORE td a:link {color: white; background-color: transparent; text-decoration: none;} .tableSCORE td a:visited {color: white; background-color: transparent; text-decoration: none;} .tableSCORE td:hover {color: white; background-color: #000066; text-decoration: underline; font-size: 22px;} .tableSCORE td a:active {color: white; background-color: transparent; text-decoration: underline;} /* .tableSCORE {background-image: url(https://www.semper25.eu/public/AIVE/poto/cover/Mare1.png); } */ .tableSCOREcl td, th { font-family: "Century Gothic"; text-align: center; padding: 15px; font-size: 20px; color: #000066;} .tableSCOREcl { background-color: #ffffff ; color:#000066;; text-decoration: none; border-style: double;} .table1index { border-spacing: 0; padding:0; text-align:center; background-color:#ffffff; width:100%;} /* cellspacing=0 cellpadding=0 align=center style="background-color: #ffffff" width=100% /* colors: #4CAF50 green reasonable #000066 navy #8a2424 bordeaux #A9A9A9 grigio chiaro #696969 grigio scuretto #056783 ottanio #FFD700 giallo oro #daa520 giallo senape */