body, html {
margin: 0px;
padding: 0px;
height: 100%;
border: 0px;
}
body {
text-align: justify;
font-family: Verdana, sans-serif;
font-size: 12px;
color: #4c4c4c;
background-color: #ffffff;
}
input, select, button {vertical-align: middle}
table, tr, td {margin: 0px; padding: 0px}
p, h1, h2, h3, div, img, form {margin: 0px; padding: 0px}
img {border: 0px; vertical-align: top}
a {color: #0095d7; font-weight: normal; text-decoration: none}
a:hover {text-decoration: underline}
/* Definizione stili dei titoli */
h1, h2 {color: #00386b}
h1 {
margin-bottom: 20px;
padding-bottom: 5px;
width: 670px;
font-size: 18px;
background-image: url(images/title_feather.gif);
background-repeat: repeat-x;
background-position: bottom;
}
h1.article {
margin: 0px;
padding: 0px;
font-size: 28px;
font-weight: bold;
background-image: none;
}
h2 {
margin-bottom: 30px;
font-size: 12px;
font-style: italic;
font-weight: normal;
}
h3 {
margin: 15px 0px 5px 0px;
color: #333333;
font-size: 14px;
font-weight: bold;
}
/* Definizione dei stili generali */
.apice {font-size: 9px; vertical-align: super}
.bold {font-weight: bold}
.italic {font-style: italic}
.underline {text-decoration: underline}
.highlighted {color: #333333; font-weight: bold}
.signature {margin-top: 20px; text-align: right; font-style: italic}
.a-left {text-align: left}
.a-right {text-align: right}
.a-center {text-align: center}
.a-justify {text-align: justify}
/* Definizione stili per le cornici con angli arrotondati */
.bframe, .lframe {margin: 0px auto; border-collapse: collapse; font-size: 0px}
.bframe div, .lframe div {position: relative; z-index: 2}
.bframe div.image, .lframe div.image {
position: relative;
z-index: 1;
background-color: #ffffff;
background-image: url(images/loader.gif);
background-position: center center;
background-repeat: no-repeat;
}
.bframe div.image {margin: -10px -7px -7px -7px}
.lframe div.image {margin: -3px; width: 140px; height: 105px}
.bframe img, .lframe img {position: relative}
.bframe .t1 {width: 18px; height: 18px; background-image: url(images/bframe/t1.png)}
.bframe .t2 {height: 18px; background-image: url(images/bframe/t2.png)}
.bframe .t3 {width: 16px; height: 18px; background-image: url(images/bframe/t3.png)}
.bframe .s1 {width: 18px; background-image: url(images/bframe/s1.png)}
.bframe .d1 {width: 16px; background-image: url(images/bframe/d1.png)}
.bframe .b1 {width: 18px; height: 19px; background-image: url(images/bframe/b1.png)}
.bframe .b2 {height: 19px; background-image: url(images/bframe/b2.png)}
.bframe .b3 {width: 16px; height: 19px; background-image: url(images/bframe/b3.png)}
.lframe .t1 {width: 8px; height: 7px; background-image: url(images/lframe/t1.png)}
.lframe .t2 {height: 7px; background-image: url(images/lframe/t2.png)}
.lframe .t3 {width: 8px; height: 7px; background-image: url(images/lframe/t3.png)}
.lframe .s1 {width: 8px; background-image: url(images/lframe/s1.png)}
.lframe .d1 {width: 8px; background-image: url(images/lframe/d1.png)}
.lframe .b1 {width: 8px; height: 9px; background-image: url(images/lframe/b1.png)}
.lframe .b2 {height: 9px; background-image: url(images/lframe/b2.png)}
.lframe .b3 {width: 8px; height: 9px; background-image: url(images/lframe/b3.png)}
/* Definizione stili cornice evidence */
.eframe {margin: 0px auto; border-collapse: collapse; font-size: 0px}
.eframe img {position: relative}
.eframe .t1, .eframe .t3 {width: 6px; height: 11px}
.eframe .s1, .eframe .d1 {width: 6px}
.eframe .b1 , .eframe .b3 {width: 6px; height: 12px}
.eframe .b4, .eframe .b5 {width: 126px; height: 12px}
.eframe .t1 {background-image: url(images/eframe/t1.gif)}
.eframe .t2 {padding: 0px 1px; height: 11px; background-image: url(images/eframe/t2.gif)}
.eframe .t3 {background-image: url(images/eframe/t3.gif)}
.eframe .t4 {margin: 0px auto; width: 294px; height: 11px; background-image: url(images/eframe/t4.gif)}
.eframe .s1 {background-image: url(images/eframe/s1.gif)}
.eframe .d1 {background-image: url(images/eframe/d1.gif)}
.eframe .b1 {background-image: url(images/eframe/b1.gif)}
.eframe .b2 {height: 12px; background-image: url(images/eframe/b2.gif)}
.eframe .b3 {background-image: url(images/eframe/b3.gif)}
.eframe .b4 {float: left; background-image: url(images/eframe/b4.gif)}
.eframe .b5 {float: right; background-image: url(images/eframe/b5.gif)}
/* Definizione degli stili cornice mappe */
.mframe {margin: 0px auto; border-collapse: collapse; font-size: 0px}
.mframe .t1, .mframe .t3, .mframe .b1, .mframe .b3 {width: 9px; height: 9px}
.mframe .t2, .mframe .b2 {height: 9px}
.mframe .s1, .mframe .d1 {width: 9px}
.mframe .t1 {background-image: url(images/mframe/t1.gif)}
.mframe .t2 {background-image: url(images/mframe/t2.gif)}
.mframe .t3 {background-image: url(images/mframe/t3.gif)}
.mframe .s1 {background-image: url(images/mframe/s1.gif)}
.mframe .d1 {background-image: url(images/mframe/d1.gif)}
.mframe .b1 {background-image: url(images/mframe/b1.gif)}
.mframe .b2 {background-image: url(images/mframe/b2.gif)}
.mframe .b3 {background-image: url(images/mframe/b3.gif)}
.mframe .map {
position: relative;
z-index: 1;
background-color: #ffffff;
background-image: url(images/loader.gif);
background-position: center center;
background-repeat: no-repeat;
}
/* Definizione degli stili per le tabelle di dati */
.table_title {
margin-bottom: 5px;
color: #333333;
font-size: 14px;
font-weight: bold;
}
table.data {
margin-bottom: 40px;
width: 670px;
border-collapse: collapse;
table-layout: fixed;
border: 1px solid #ccdcca
}
table.data th {
color: #ffffff;
font-weight: bold;
vertical-align: middle;
background-image: url(images/bg_th_table.gif);
background-repeat: repeat-x;
}
table.data th, table.data td {padding: 0px 10px; height: 24px; text-align: center}
table.data td {border: 1px solid #ccdcca}
table.data th.a-left, table.data td.a-left {text-align: left}
table.data th.a-right, table.data td.a-right {text-align: right}
table.data tr {background-color: #fafbf9}
table.data tr.green {background-color: #eaf2e7}
table.data a, table.data a:hover {color: #333333; font-style: italic}
/* Definizione stili tabelle liste */
table.list {
width: 670px;
border-collapse: collapse;
table-layout: fixed;
border: 0px;
}
table.list td {padding: 5px 10px 5px 0px; text-align: justify}
table.list .highlighted {color: #4c4c4c; width: 230px}
/* Box Model */
#container {
margin-bottom: -77px;
min-height: 100%;
height: auto !important;
height: 100%;
}
#header {
margin: 0px auto 0px auto;
width: 1000px;
height: 114px;
}
#header #logo {
display: block;
position: relative;
float: left;
top: 15px;
left: 35px;
}
#bg_showcase {
clear: both;
width: 100%;
height: 450px;
background-image: url(images/bg_showcase.gif);
}
#showcase {
margin: 0px auto;
width: 1000px;
height: 450px;
color: #ffffff;
}
/* Definizione stili della navbar */
#navbar {
float: right;
position: relative; /* Hack per non far andare gił tutto il sito */
top: 89px;
right: 43px;
width: 384px;
height: 25px;
}
#navbar a, #navbar div {float: left}
#navbar a {
display: block;
padding: 0px 10px;
background-position: center;
background-repeat: no-repeat;
}
#navbar .separator {
width: 1px;
height: 25px;
background-image: url(images/lk_separator.gif);
}
/* Definizione stili link della navbar */
#navbar .lk_torneo, #navbar .lk_torneo:hover, #navbar .lk_torneo_a {width: 56px; height: 25px}
#navbar .lk_torneo {background-image: url(images/lk_torneo.gif)}
#navbar .lk_torneo:hover, #navbar .lk_torneo_a {background-image: url(images/lk_torneo_h.gif)}
#navbar .lk_calendari, #navbar .lk_calendari:hover, #navbar .lk_calendari_a {width: 84px; height: 25px}
#navbar .lk_calendari {background-image: url(images/lk_calendari.gif)}
#navbar .lk_calendari:hover, #navbar .lk_calendari_a {background-image: url(images/lk_calendari_h.gif)}
#navbar .lk_news, #navbar .lk_news:hover, #navbar .lk_news_a {width: 43px; height: 25px}
#navbar .lk_news {background-image: url(images/lk_news.gif)}
#navbar .lk_news:hover, #navbar .lk_news_a {background-image: url(images/lk_news_h.gif)}
#navbar .lk_contatti, #navbar .lk_contatti:hover, #navbar .lk_contatti_a {width: 66px; height: 25px}
#navbar .lk_contatti {background-image: url(images/lk_contatti.gif)}
#navbar .lk_contatti:hover, #navbar .lk_contatti_a {background-image: url(images/lk_contatti_h.gif)}
#navbar .lk_info, #navbar .lk_info:hover, #navbar .lk_info_a {width: 31px; height: 25px}
#navbar .lk_info {background-image: url(images/lk_info.gif)}
#navbar .lk_info:hover, #navbar .lk_info_a {background-image: url(images/lk_info_h.gif)}
/* Definizione stili del showcase */
#showcase .menu {
float: left;
width: 292px;
height: 450px;
}
#showcase .menu .sx, #showcase .menu .dx {float: left; width: 20px; height: 450px}
#showcase .menu .sx {background-image: url(images/menu_shadow_sx.gif)}
#showcase .menu .dx {background-image: url(images/menu_shadow_dx.gif)}
#showcase .menu .cen {
float: left;
width: 250px;
height: 450px;
border-left: 1px solid #5a8a43;
border-right: 1px solid #5a8a43;
}
#showcase .nereorocco {
margin: 27px 21px 12px 21px;
width: 208px;
height: 21px;
background-image: url(images/nereorocco.gif);
}
#showcase .nazioni {
margin: 27px 18px 12px 18px;
width: 214px;
height: 21px;
background-image: url(images/nazioni.gif);
}
#showcase .menu a {
display: block;
margin: 3px 20px 0px 20px;
}
/* Definizione degli stili per la preview della news */
#showcase .content {
float: left;
margin: 0px 40px 0px 20px;
width: 478px;
height: 450px;
overflow: hidden;
}
#showcase .news {
position: relative;
top: 20px;
height: 430px;
z-index: 1;
}
#showcase .news h1 {
margin-bottom: 0px;
padding: 0px;
width: 478px;
color: #ffffff;
font-size: 24px;
background-image: none;
}
#showcase .news h2 {
margin-bottom: 10px;
color: #ffffff;
}
#showcase .bframe div.image {width: 456px; height: 274px}
#showcase .news p {margin-top: 5px}
#showcase .news a {color: #ffffff; font-style: italic; font-weight: bold}
#news_override {
position: relative;
top: -430px;
width: 478px;
height: 450px;
z-index: 2;
background-image: url(images/bg_showcase.gif);
}
/* Definizione degli stili per lo slideshow delle news */
#showcase .slideshow {
float: left;
width: 150px;
height: 450px;
}
#showcase #news_up {padding: 6px 0px; height: 8px}
#showcase #news_down {padding: 5px 0px 6px 0px; height: 8px}
#showcase #news_up img, #showcase #news_down img {display: block; margin: 0px auto; cursor: pointer}
#showcase .list_news {
position: relative;
height: 411px;
overflow: hidden;
z-index: 3;
}
#showcase .preview {
margin-bottom: 15px;
height: 127px;
z-index: 3;
}
#showcase .preview p {
height: 12px;
color: #ffffff;
font-size: 10px;
font-weight: bold;
text-align: center;
}
/* Definizione degli stili per il submenu */
#bg_submenu {margin-bottom: 10px;width: 100%; height: 40px; background-image: url(images/bg_submenu.gif)}
#submenu {margin: 0px auto; width: 1000px; height: 32px}
#submenu .separator {
float: left;
width: 4px;
height: 32px;
background-image: url(images/sep_submenu.gif);
}
#submenu a, #submenu a.selected {
display: block;
float: left;
padding-top: 8px;
width: 159px;
height: 24px;
color: #ffffff;
font-weight: bold;
text-align: center;
text-decoration: none;
}
#submenu a {background-image: url(images/btn_submenu.gif)}
#submenu a:hover, #submenu a.selected {color: #252525; background-image: url(images/btn_submenu_s.gif)}
/* Definizione degli stili del content */
#home_shadow {
clear: both;
margin: 0px auto;
width: 1000px;
height: 20px;
background-image: url(images/home_shadow.gif);
}
#content {
margin: 0px auto 0px auto;
padding-bottom: 177px;
width: 1000px;
}
#content .sx {
float: left;
position: relative;
left: 35px;
width: 670px
}
#content .dx {
float: right;
position: relative;
right: 35px;
width: 230px
}
/* Definizione degli stili del footer */
#bg_footer {
clear: both;
width: 100%;
height: 77px;
background-image: url(images/bg_footer.gif);
}
#footer {
position: relative;
margin: 0px auto;
top: 20px;
width: 1000px;
font-size: 9px;
text-align: center;
}
#footer p {float: left}
#footer .sx, #footer .dx {width: 300px; height: 57px}
#footer .dx img {margin: 8px 5px;}
#footer .cen {width: 400px}
/* Definizione stili per i blocchi generali */
.block_title {margin-bottom: 5px; padding-left: 10px}
.block {overflow: hidden}
.block_override {position: relative; top: -120px; z-index: 2}
.block, .box_miniblock {margin-bottom: 20px}
.block, .block_override {width: 670px; height: 120px; background-image: url(images/bg_block.gif)}
.box_miniblock {width: 670px; height: 110px}
.box_miniblock a, .box_miniblock a:hover {color: #4c4c4c; text-decoration: none}
.box_miniblock .image {float: left; height: 110px}
.box_miniblock .image img {margin: 4px}
.box_miniblock .content div {margin-top: 30px; height: 17px}
.box_miniblock .content p, .box_miniblock .content ul {margin: 8px 15px 0px 0px; font-size: 10px}
/* Definizione stili per i miniblock */
#bk_albooro, #bk_calendario, #bk_allcampi, #bk_accoglienza {width: 325px; height: 110px; background-image: url(images/bg_miniblock.gif)}
#bk_albooro .image, #bk_allcampi .image {width: 165px}
#bk_calendario .image, #bk_accoglienza .image {width: 135px}
#bk_albooro .content, #bk_allcampi .content {float: right; width: 160px}
#bk_calendario .content, #bk_accoglienza .content {float: right; width: 190px}
#bk_allcampi a {color: #0095d7; font-weight: normal; text-decoration: none}
#bk_allcampi a:hover {text-decoration: underline}
#bk_allcampi ul {padding: 0px}
#bk_allcampi li {
margin: 0px;
padding: 0px 0px 0px 10px;
list-style-type: none;
background-image: url(images/bk_navblock_arrow.gif);
background-repeat: no-repeat;
background-position: center left;
}
/* Definizione stili per il blocco fondazione */
#bk_fondazione img {display: block; margin: 4px;}
/* Definizione stili per i blocchi nextmatch */
.bk_nextmatch {
position: relative;
width: 670px;
height: 120px;
z-index: 1;
}
.bk_nextmatch .text {
float: left;
position: relative;
top: 15px;
left: 30px;
width: 477px;
}
.bk_nextmatch .lframe {
float: right;
position: relative;
margin: 0px;
top: 3px;
right: 3px;
}
.bk_nextmatch h1 {
margin: 0px;
padding: 0px;
width: 477px;
color: #333333;
background-image: none;
}
.bk_nextmatch .location {margin: 8px 0px;color: #666666; font-size: 14px}
.bk_nextmatch .fase {color: #0095d7; font-size: 12px}
.bk_nextmatch .fase img {vertical-align: middle}
/* Definizione stili dei blocchi di navigazione */
.navblock {
margin-bottom: 20px;
width: 230px;
height: 85px;
background-image: url(images/bg_navblock.gif);
}
.navblock .image {float: left; width: 80px; height: 85px}
.navblock .image img {margin: 4px}
.navblock .content {float: right; width: 150px; height: 85px}
.navblock .content div {margin-top: 15px; height: 17px}
.navblock ul {margin: 8px 0px 0px 0px; padding: 0px; font-size: 10px}
.navblock li {
margin: 0px;
padding: 0px 0px 0px 10px;
list-style-type: none;
background-image: url(images/bk_navblock_arrow.gif);
background-repeat: no-repeat;
background-position: center left;
}
/* Definizione stili per i blocchi del menu a destra */
#bk_lotteria {
margin-bottom: 20px;
width: 230px;
height: 130px;
background-image: url(images/bk_lotteria.gif);
}
#bk_lotteria img {
display: block;
position: relative;
top: 14px;
margin: 0px auto;
}
#bk_sponsor {margin-bottom: 20px; width: 230px; background-image: url(images/bg_sponsor.gif)}
#bk_sponsor .top, #bk_sponsor .bottom {width: 230px; height: 5px; font-size: 0px}
#bk_sponsor .top {background-image: url(images/bk_sponsor_top.gif)}
#bk_sponsor .bottom {margin-top: 20px; background-image: url(images/bk_sponsor_bottom.gif)}
#bk_sponsor img {display: block; margin: 25px auto 0px auto}
/* Definizione stili dei blocchi news nel listing */
.bk_news {margin-bottom: 30px; width: 670px; height: 56px}
.bk_news .photo {
float: left;
margin-top: 3px;
padding: 3px 4px 5px 4px;
width: 60px;
height: 45px;
background-image: url(images/frame68x53.gif);
}
.bk_news .photo img {width: 60px; height: 45px}
.bk_news .content {float: right; width: 590px}
.bk_news .date {height: 12px; color: #333333; font-size: 10px; font-weight: bold}
.bk_news .title {height: 30px; font-size: 24px}
.bk_news .subtitle {height: 14px; font-style: italic}
.bk_news .title a, .bk_news .title a:hover {color: #00386b; font-weight: bold; text-decoration: none}
.bk_news .subtitle a, .bk_news .subtitle a:hover {color: #00386b; text-decoration: none}
/* Definizione degli stili per i blocchi download */
.bk_download {
margin-bottom: 20px;
padding: 15px 30px 0px 100px;
width: 540px;
height: 82px;
background-image: url(images/bk_download.gif);
}
.bk_download img {display: block}
.bk_download div {
position: relative;
margin-top: 20px;
padding-left: 10px;
width: 225px;
font-size: 10px;
background-image: url(images/bk_navblock_arrow.gif);
background-repeat: no-repeat;
background-position: center left;
}
.bk_download .ita {float: left; left: 70px}
.bk_download .eng {float: right}
/* Definizione degli stili per i testi */
#text h1 {margin-top: 20px}
#text h1.article {margin-top: 0px}
#text p {margin-bottom: 5px}
#text .box {margin-bottom: 20px}
#text .lframe {float: left; margin: 5px 10px 0px 0px}
/* Definizione degli stili per i box dell'albo d'oro */
.bk_honour {margin-bottom: 20px; width: 670px}
.bk_honour .formazione {float: left; padding-top: 5px; width: 325px}
.bk_honour .eframe {margin: 0px;float: right}
.bk_honour .title {
margin-bottom: 12px;
width: 325px;
height: 26px;
color: #00386b;
font-weight: bold;
border-bottom: 3px solid #00386b;
}
.bk_honour .title .team {float: left; font-size: 22px}
.bk_honour .title .year {padding: 10px 10px 0px 0px; float: right}
.bk_honour p {margin-top: 3px; font-size: 10px}
/* Definizione degli stili per pagina accoglienza */
#accoglienza h1 {margin-top: 30px; font-weight: normal}
#accoglienza h2 {
margin: 20px 0px 10px 0px;
color: #333333;
font-size: 18px;
font-style: normal;
font-weight: bold;
}
#accoglienza p {margin-bottom: 5px}
#accoglienza .hotel {width: 670px; height: 100px}
#accoglienza .info {float: left}
#accoglienza .teams {float: right; border-collapse: collapse; font-size: 0px}
#accoglienza .teams td {padding-right: 20px; font-size: 10px; font-weight: bold; text-align: center}
/* Definizione degli stili per il calendario */
#calendario {
margin: 20px auto;
width: 666px;
table-layout: fixed;
border-collapse: collapse;
}
#calendario th, #calendario td {padding: 0px 5px; width: 84px; border: 1px solid #e7e7e7}
#calendario td {
height: 94px;
font-size: 20px;
text-align: right;
vertical-align: bottom;
}
#calendario .first td {height: 71px; border-top: 0px}
#calendario th {
height: 23px;
color: #333333;
font-size: 9px;
font-weight: bold;
text-align: center;
vertical-align: middle;
border-bottom: 0px;
}
#calendario .popup_sx, #calendario .popup_dx {
position: relative;
z-index: 2;
cursor: pointer;
font-size: 30px;
font-weight: bold;
}
#calendario .desc {display: none}
/* Definizione degli stili per i fumetti */
#balloon {
position: absolute;
top: -1000px;
width: 249px;
height: 100px;
z-index: 3
}
#BL_top {width: 249px; height: 39px; background-image: url(images/balloon/top.png)}
#BL_sx, #BL_dx {width: 19px; height: 61px}
#BL_sx {float: left; background-image: url(images/balloon/sx.png)}
#BL_dx {float: right; background-image: url(images/balloon/dx.png)}
#BL_cen {
float: left;
height: 61px;
width: 211px;
background-color: #ffffff;
}
#BL_cen img {display: block; margin: 0px auto}
#BL_cen ul {
margin: 15px auto 0px auto;
padding: 0px;
width: 130px;
font-size: 10px;
}
#BL_cen li {
margin: 0px;
padding: 0px 0px 0px 10px;
list-style-type: none;
background-image: url(images/bk_navblock_arrow.gif);
background-repeat: no-repeat;
background-position: center left;
}
#BL_footersx, #BL_footerdx {
position: absolute;
top: -1000px;
width: 249px;
height: 76px;
z-index: 1
}
#BL_footersx {background-image: url(images/balloon/footer_sx.png)}
#BL_footerdx {background-image: url(images/balloon/footer_dx.png)}
/* Definizione stili pagina saluti */
.bk_regards {margin-top: -1px}
.bk_regards .title {
padding: 5px 8px 5px 18px;
width: 644px;
height: 19px;
color: #333333;
font-weight: bold;
background-image: url(images/bk_regards_tit.gif);
}
#text .bk_regards .title h1 {
float: left;
margin: 2px 0px 0px 0px;
padding: 0px;
width: 549px;
color: #333333;
font-size: 12px;
background-image: none;
}
.bk_regards .title img {display: block; float: right; cursor: pointer}
.bk_regards .content {
margin: 0px auto;
padding: 10px;
width: 630px;
font-size: 11px;
border-right: 1px solid #e0dede;
border-bottom: 1px solid #e0dede;
border-left: 1px solid #e0dede;
}
/* Definizione stili per la visualizzazione partita */
#show_match h1.article, #show_match .comment {margin-bottom: 30px}
#show_match p {margin-bottom: 20px}
#show_match .thumbs {float: left; margin-right: 10px}
/* Definizione stili per la visualizzazione della squadra */
#show_team h1.article {margin-bottom: 30px}
#show_team .bframe .image {
min-width: 450px;
min-height: 253px;
width: auto !important;
height: auto !important;
width: 450px;
height: 253px;
}
#show_team .bframe {margin-bottom: 10px}
#show_team p {margin-bottom: 5px; font-size: 11px}
/* Definizione stili per la visualizzazione dei campi */
#show_playground .eframe, #show_playground p {margin-bottom: 30px}
#gmap {width: 600px; height: 350px}
#big_gmap {width: 600px; height: 450px}