@import url('https://fonts.googleapis.com/css?family=Abel|Advent+Pro|Alfa+Slab+One|Amaranth|Anton|Archivo+Black|Archivo+Narrow|Arsenal|Arya|Baloo|Barlow+Semi+Condensed|Boogaloo|Bungee|Cabin|Candal|Coda|Coda+Caption:800|Contrail+One|Coustard|Crete+Round|Cuprum|Days+One|Dosis|Encode+Sans+Condensed|Exo+2|Farsan|Fira+Sans|Fjalla+One|Francois+One|Graduate|Handlee|Jockey+One|Kalam|Kanit|Khand|Maiden+Orange|Merriweather+Sans|Michroma|Nanum+Gothic|Neucha|Open+Sans+Condensed:300|Oswald|PT+Sans+Narrow|Pathway+Gothic+One|Patrick+Hand|Patua+One|Pontano+Sans|Racing+Sans+One|Rajdhani|Roboto+Condensed|Ropa+Sans|Russo+One|Saira+Extra+Condensed|Squada+One|Teko|Titillium+Web|Ubuntu|Ubuntu+Condensed|Viga|Yanone+Kaffeesatz');

/* CSS RESET */

html { color: #000; background: #FFF }

body, div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote { margin: 0; padding: 0 }

table { border-collapse: collapse; border-spacing: 0 }

fieldset,
img { border: 0 }

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var { font-style: normal; font-weight: normal }

ol,
ul { list-style: none }

caption,
th { text-align: left }

h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; font-weight: normal }

q:before,
q:after { content: '' }

abbr,
acronym { border: 0; font-variant: normal }

sup { vertical-align: text-top }

sub { vertical-align: text-bottom }

input,
textarea,
select { font-family: inherit; font-size: inherit; font-weight: inherit }

input,
textarea,
select { *font-size: 100% }

legend { color: #000 }

body { font-size: 14px; font-family: Tahoma; }

#snow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: hidden; }

#contenitore { margin: 10px auto 0; z-index: 2; position: relative; }

#area1 { margin-bottom: 0; }

#area5 { margin-top: 0; }

#corpo,
#area5 { float: left; overflow: auto; background: #FFF; }

#corpo { width: 100%; }

#area2-content,
#area3-content,
#area4-content { margin: 0; }

.bm_bottomRightOverlay { display: none !important; }

.bingLogoLight { display: none !important; }

strong { font-weight: bold; }

em { font-style: italic; }

h1 { font-size: 18px; font-weight: bold; margin: 2px 0 8px; }

    h1 a { color: #000; }

h2 { font-size: 16px; font-weight: bold; margin: 10px 0 8px; clear: both; }

.popup-image { cursor: zoom-in }

.box-w1,
.box-w2,
.box-w3,
.box-w4 { float: left }

#area2 .box,
#area3 .box,
#area4 .box { margin: 5px; }

.box { overflow: hidden; border: 1px solid #AAA; }

.box-title { padding: 5px 10px; background: #CCC; /* font-weight: bold; */ overflow: hidden; }

    .box-title img { vertical-align: middle; }

    .box-title a { color: #000; text-decoration: none; }

        .box-title a:hover { text-decoration: underline; }

.box-content { padding: 10px; line-height: 20px; overflow: hidden; }

    .box-content p { margin: 0 0 10px; }

#area1 .box-content,
#area1 .box,
#area3 .box,
#area5 .box-content,
#area5 .box { border: 0; }

#area1 .box-content { padding: 0px; }

.box-w1 .box-content img { max-width: 215px; }

.box-w2 .box-content img { max-width: 465px; }

.box-w1 .box-content img { max-width: 100%; }

.box-w2 .box-content img { max-width: 100%; }


/* Stili utili per la web-part link e banner */

.wp_banner_container { }

#area2 .wp_banner_container,
#area4 .wp_banner_container { padding: 8px; margin: 0 0; }

.wp_banner_rotate,
.wp_banner_list,
.wp_banner_carousel { overflow: hidden; position: relative; }

    .wp_banner_rotate img,
    .wp_banner_list img { border: 0; }

     .wp_banner_rotate > * { position: absolute; top: 0; left: 0; } 

    .wp_banner_rotate .slide,
    .wp_banner_list .slide { display: block; }

    .wp_banner_carousel .slide { position: relative; display: block; }

    .wp_banner_list .slide { margin: 10px 0; }

    .wp_banner_rotate .slide-noimg,
    .wp_banner_list .slide-noimg { display: block; text-decoration: none; background: url(/img/external_link.png) no-repeat top left; padding: 0 0 0 20px; }

    .wp_banner_list .slide-noimg { margin: 5px 0; }

    .wp_banner_rotate .slide-noimg { margin: 0; }

        .wp_banner_rotate .slide-noimg:hover,
        .wp_banner_list .slide-noimg:hover { text-decoration: underline; }


/* Stili utili per la web-part twitter */

.wp_wp_twitter_container { }

#area2 .wp_twitter_container,
#area4 .wp_twitter_container { padding: 8px; margin: 0 0; }

.wp_twitter_rotate { overflow: hidden; position: relative; }

    .wp_twitter_rotate > * { position: absolute; top: 0; left: 0; }

    .wp_twitter_rotate .tw-status { overflow: hidden; margin: 0 0 10px; padding: 5px; background: #FFF; }

.tw-img { float: left; width: 48px; height: 48px; margin: 0 8px 5px 0; }

    .tw-img img { width: 48px; height: 48px; border: 0; }

.tw-user { font-size: 14px; line-height: 25px; font-family: Arial; color: #000; text-decoration: none; font-weight: bold; }

.tw-status p { clear: left; margin: 3px 0; font-family: Arial, Tahoma; font-size: 14px; text-align: justify }

    .tw-status p a { color: #0084b4; text-decoration: none }

        .tw-status p a:hover { text-decoration: underline; }

.tw-time { font-size: 12px; line-height: 1.25; font-family: Arial; color: #999; text-decoration: none; }

.tw-status a:hover { text-decoration: underline; }


/* Stili utili per la web-part news*/

.wp_news_container { padding: 8px; background: #EEE; }

.wp_news_rotate,
.wp_news_list { overflow: hidden; margin: 0 auto; position: relative; }

.wp_news_list { margin-bottom: 10px; }

    .wp_news_list .wp_news { margin-top: 15px; }

        .wp_news_list .wp_news:first-child { margin-top: 0; }

.wp_news_rotate > * { position: absolute; top: 0; left: 0; }


/*.wp_news_rotate, .wp_news_rotate .wp_news{height:220px;}*/

.wp_news-date { font-size: 11px; }

.wp_news-title { font-weight: bold; color: #000; text-decoration: none; }

.wp_news-text { overflow: hidden; margin: 8px 0 0; line-height: 18px; position: relative; text-align: justify }

    .wp_news-text img { float: left; margin: 3px 8px 3px 0; }

.wp_news-nav { background: #EEE; height: 28px; text-align: center; overflow: hidden; padding: 0 8px; margin: 0 0 0; }

    .wp_news-nav a { display: block; width: 20px; height: 20px; font-size: 16px; margin: 0 4px 8px; background: #DDD; float: left; color: #000; text-decoration: none; }

        .wp_news-nav a.current { background: #555; color: #EEE; }

        .wp_news-nav a.wp_news-nav-archivio { width: 120px; float: right }

.wp_news-more { overflow: hidden; margin: 5px 0 0 0; }

    .wp_news-more button { float: right; margin: 0; }


/*news in popup*/

.news-popup { color: #000; background: #FFF; padding-top: 0; }

    .news-popup h2 { margin-top: 0; }

    .news-popup .box { border: 0; height: 465px; overflow: auto; }


/* Stili utili per la web-part sondaggio*/

.wp_sondaggio { padding: 5px 3px; margin: 0 0; }

.wp_sondaggio-titolo { font-weight: bold; text-align: center; margin: 0 0 5px; }

.wp_sondaggio-descrizione { margin: 5px 0 0; }

.wp_sondaggio-opzione { margin: 0 0 5px 0; overflow: hidden; font-size: 12px; }

.wp_sondaggio-opzione-radio { width: 25px; float: left; text-align: center; }

.wp_sondaggio-opzione-text { clear: right; margin-bottom: 2px; }

    .wp_sondaggio-opzione-text label { float: none; width: auto; display: inline; margin: 0; padding: 0; height: auto; }

.wp_sondaggio-opzione-voti-text { float: right; text-align: right; width: 35px; padding: 7px 5px 4px 0; }

.wp_sondaggio-opzione-voti-container { margin: 0 40px 0 0; position: relative; border: 1px solid #800; height: 26px; background: #800; }

.wp_sondaggio-opzione-div-percentuale { position: absolute; top: 0; left: 0; bottom: 0; background: #F00; z-index: 1 }


/* Stili utili per la web-part compleanni*/

.wp_compleanni { padding: 5px 3px; margin: 0 0; background: #FFF; }

.wp_compleanno,
.wp_compleanno-nofoto { margin: 0 5px; overflow: auto; line-height: 20px; padding: 10px 0; display: block; color: #000; text-decoration: none; border-top: 1px solid #AAA }

    .wp_compleanno:first-child,
    .wp_compleanno-nofoto:first-child { border-top: 0 }

    .wp_compleanno:hover,
    .wp_compleanno-nofoto:hover { background: #EEE; }

.wp_compleanno-nofoto { text-align: center; }

.wp_compleanno img { float: left; margin: 0 5px 0 0; border: 0; }


/* Stili utili per la web-part messaggi forum*/

.wp_forum { margin: 0; padding: 5px 3px; }

.wp_forum-no-msg { padding: 10px 5px; text-align: center; }

.wp_forum-messaggio { margin: 5px 0; line-height: 18px; padding: 5px; display: block; color: #000; text-decoration: none; }

    .wp_forum-messaggio:hover { background: #EEE; }

.wp_forum-messaggio-utente { font-size: 12px; font-weight: bold; }


/* Stili per menu verticale*/

.wp_menu-vert-container { border: 0; }

#nav a,
#subMenusContainer a { text-decoration: none; display: block; padding: 10px 20px; }

#nav a { margin: 0; color: #000; }

#subMenusContainer a,
#nav li li a { text-align: left; }

    #nav a:hover,
    #nav a:focus,
    #subMenusContainer a:hover,
    #subMenusContainer a:focus,
    #nav a.mainMenuParentBtnFocused,
    #subMenusContainer a.subMenuParentBtnFocused { background-color: #F6C739; color: #FFF; }

    #subMenusContainer a:hover,
    #subMenusContainer a:focus,
    #nav a.mainMenuParentBtnFocused,
    #subMenusContainer a.subMenuParentBtnFocused,
    #nav li a:hover,
    #nav li a:focus { background-color: #F6C739; color: #FFF; }

.smOW { display: none; position: absolute; overflow: hidden; padding: 0 2px; margin: 0 0 0 -2px; }

#nav ol,
#nav ul,
#subMenusContainer ul,
#subMenusContainer ol { background: #fff; border: 1px solid #C3D46A; }

#nav,
#nav ul,
#nav ol,
#subMenusContainer ul,
#subMenusContainer ol { padding: 0; margin: 0; list-style: none; line-height: 1em; }

    #nav li { display: block; list-style: none; position: relative; background: #DDD; border-bottom: 1px solid #FFF }

#subMenusContainer li { list-style: none; }

#nav { display: block; position: relative; list-style: none; margin: 0 0; z-index: 5; text-align: left; background: #EEE; }

#subMenusContainer { display: block; position: absolute; top: -1px; left: 0; width: 100%; height: 0; overflow: visible; z-index: 1000000000; }

#nav li li { float: none; }

    #nav li li a { position: relative; float: none; }

#nav li ul { position: absolute; width: 10em; margin-left: -1000em; }

    #nav li ul ul { margin: -1em 0 0 -1000em; }

#nav li:hover ul ul { margin-left: -1000em; }

#nav li:hover ul { margin-left: 186px; margin-top: -2.5em; }

#nav li li:hover ul { margin-left: 10em; }

#nav li a:focus + ul { margin-left: 186px; margin-top: -2.5em; }

#nav li li a:focus + ul { left: 186px; margin-left: 1010em; margin-top: -2.5em; }

#nav li li a:focus { left: 186px; margin-left: 1000em; width: 10em; margin-top: -2.5em; }

#nav li li li a:focus { left: 186px; margin-left: 2010em; width: 10em; margin-top: -2.5em; }

#nav li:hover a:focus { margin-left: 0; }

#nav li li:hover a:focus + ul { margin-left: 10em; }


/* Stili per la web-part newsletter*/

.wp_newsletter_subscribe { padding: 5px 3px; margin: 0 0 10px; }


/* Stili per la web-part ultimi risultati*/

.wp_ultimirisultati .results-table th { padding: 4px 0px; font-size: 12px; }


/* Stili per la web-part prossime gare*/

.wp_prossimepartite .results-table th { padding: 4px 0px; font-size: 12px; }


/* TASTI SHARE */

.sharebox,
.sharebox-small { overflow: auto; }

.sharebox { margin: 15px 0 10px; }

.sharebox-small { margin: 10px 0; }

.sharebox div { margin: 0 10px; }

.sharebox div,
.sharebox-small div { float: left; }

.box-w3 .sharebox div,
.box-w3 .sharebox-small div { margin: 0 15px 0 0; }

.box-w2 .sharebox-small div { margin: 0 10px 0 0; }


/* BOTTONI */

button { border: 1px solid #AAA; background: #EEE url(/img/bottoni/button_bg.png) repeat-x top left; cursor: pointer; font-family: arial, sans-serif; text-align: center; line-height: 35px; color: #2B2C2B; /* font-weight: bold; */ margin: 10px 5px; height: 35px; padding: 0 8px; -webkit-box-shadow: 0px 0px 5px #ccc; -moz-box-shadow: 0px 0px 5px #ccc; box-shadow: 0px 0px 5px #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-decoration: none; }

    button:hover { background-color: #FFF; }

    button:active { background-color: #F9F9F9; }

    button.btOff { background-color: #505050; border-color: #CCC; }

.btIco { display: block; float: left; width: 16px; height: 16px; margin-top: 9px; margin-right: 5px; background-color: transparent; background-repeat: no-repeat; background-image: url(/img/bottoni/ButtonSprite.png); }

.btIco-Cerca { background-position: 0 -660px; }

.btIco-Reset { background-position: 0 -594px; }

.btIco-Photo { background-position: 0 -528px; }

.btIco-Video { background-position: 0 -792px; }

.btIco-Back { background-position: 0 -594px; }

.btIco-Login { background-position: 0 -264px; }

.btIco-Mail { background-position: 0 -396px; }

.btIco-Clock { background-position: 0 -198px; }

.btIco-Classifica { background-position: 0 -132px; }

.btIco-List { background-position: 0 -330px; }

.btIco-AddComment { background-position: 0 0; }

.btIco-Tick { background-position: 0 -726px; }

.btIco-People { background-position: 0 -462px; }

.btIco-Go { background-position: 0 -66px; }

.btIco-Pdf { display: block; float: left; width: 16px; height: 16px; margin-top: 9px; margin-right: 5px; background-position: 0 0; background-image: url(/img/bottoni/btPdf.png); }


/* MESSAGE BOX */

.messagebox { text-align: left; border: 1px solid; margin: 10px 0; padding: 15px 10px 15px 50px; color: #444; background-repeat: no-repeat; background-position: 10px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

    .messagebox .title { color: #444; font-weight: bold; font-size: 14px; margin: 5px 0 5px 0; }

.mbInfo { color: #447; border-color: #00529B; background-color: #E5F7FF; background-image: url(/img/messagebox/info.png); }

    .mbInfo .title,
    .mbInfo a { color: #00529B; }

.mbWarning { color: #774; border-color: #9F6000; background-color: #FEEFB3; background-image: url(/img/messagebox/warning.png); }

    .mbWarning .title,
    .mbWarning a { color: #9F6000; }

.mbError { color: #744; border-color: #CB2026; background-color: #FFBABA; background-image: url(/img/messagebox/error.png); }

    .mbError .title,
    .mbError a { color: #CB2026; }

.mbSuccess { color: #474; border-color: #359545; background-color: #DFF2BF; background-image: url(/img/messagebox/success.png); }

    .mbSuccess .title,
    .mbSuccess a { color: #359545; }

.datepicker-icon { cursor: pointer; margin: 0 0 0 2px; vertical-align: middle; }


/* FORM */

form { overflow: hidden; }

.box-w1 form { width: 240px; margin: 0 0; }

.box-w2 form { width: 480px; margin: 0 5px; }

label { display: block; float: left; margin: 5px 5px 10px 5px; padding: 0px; width: 230px; }

form .btActions { padding-top: 4px; }

label.size-0_5 { width: 110px; }

label.size-2 { width: 470px; }

.input-text,
.input-textarea { background-image: url(/img/bgInput.png); background-repeat: repeat-x; background-position: top left; font-family: Tahoma; font-size: 14px; vertical-align: middle; border: 1px solid #AAA; color: #444; width: 220px; margin: 0; padding: 4px; }

.input-textarea { height: 100px; }

.input-text-0_5 { width: 100px; }

.input-text-2 { width: 460px; }

.input-select { font-size: 14px; font-weight: normal; background-image: url(/img/bgInput.png); background-repeat: repeat-x; background-position: top left; font-family: Tahoma; font-size: 14px; vertical-align: middle; border: 1px solid #AAA; color: #444; width: 230px; margin: 0; padding: 3px 4px; height: 27px; line-height: 20px; }

.input-select-2 { width: 460px; }

.input-select-0_5 { width: 110px; }

.input-cap { position: absolute; display: none; }

input[disabled="disabled"],
select[disabled="disabled"],
textarea[disabled="disabled"] { background-color: #E7E7E7; border-color: #AAA; }

.input-alignright { text-align: right; }

.input-ko { background-color: #FBB; border-color: #C00; }

.input-mod { background-color: #DFD; border-color: #0C0; }

.input-readonly { background-color: #DEF }

.input-tips { max-width: 200px; z-index: 110; text-align: left; font-family: Verdana; font-size: 12px; padding: 15px; border: 1px solid #D1D1D1; background: #E6E6E6; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E6E6E6), to(#D1D1D1)); background: -moz-linear-gradient(#E6E6E6, #D1D1D1); background: linear-gradient(#E6E6E6, #D1D1D1); -pie-background: linear-gradient(#E6E6E6, #D1D1D1); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0 0 5px; -moz-box-shadow: #666 0 0 5px; box-shadow: #666 0 0 5px; }

.input-help { vertical-align: middle; margin: 0; }

.box-w1 form { width: 230px; margin: 0 auto; }

.box-w1 label { width: 220px; }

    .box-w1 label.size-0_5 { width: 105px; }

.box-w1 .input-text { width: 210px; }

.box-w1 .input-select { width: 220px; }

.box-w1 .input-text-0_5 { width: 95px; }


/* PAGINAZIONE */

p.paginazione { margin: 5px; overflow: hidden; }

    p.paginazione a { display: block; float: left; color: #000000; background: #FFF; font-size: 12px; font-family: Tahoma; font-weight: normal; border: 1px #555 solid; padding: 2px 5.5px; text-decoration: none; margin: 0 5px 0 0; }

        p.paginazione a:hover { color: #000000; background: #AAA; }

    p.paginazione span { display: block; float: left; color: #FFFFFF; background: #666; font-size: 12px; font-family: Tahoma; font-weight: bold; border: 1px #444 solid; padding: 2px 5px; margin: 0 5px 0 0; }


/* PAGINA NEWS */

.news-date { font-size: 12px; }

.news-list { padding: 8px; width: 474px; border-top: 1px solid #AAA; }

    .news-list:first-child { border: 0; }

.news-list-date { font-size: 11px; }

.news-list-title { font-weight: bold; color: #000; text-decoration: none; }

.news-list-text { overflow: hidden; margin: 8px 0 0; line-height: 18px; position: relative; }

    .news-list-text img { float: left; margin: 0 8px 3px 0; }

.news-list-more { color: #000; text-decoration: none; font-weight: bold; text-align: center; font-size: 11px; }

    .news-list-more:hover { text-decoration: underline; }


/* PAGINA CRONACHE */

.cronaca-date { font-size: 12px; }

.cronaca-list { padding: 8px; border-top: 1px solid #AAA; }

    .cronaca-list:first-child { border: 0; }

.cronaca-list-date { font-size: 11px; }

.cronaca-list-title { font-weight: bold; color: #000; text-decoration: none; }

a.cronaca-list-title:hover { text-decoration: underline; }

.cronaca-list-text { overflow: hidden; margin: 8px 0 0; line-height: 18px; position: relative; }

    .cronaca-list-text img { float: left; margin: 0 8px 3px 0; }

.cronaca-list-more { color: #000; text-decoration: none; font-weight: bold; text-align: center; font-size: 11px; }

    .cronaca-list-more:hover { text-decoration: underline; }


/* PAGINA GALLERY FOTO */

.gallery-list { overflow: auto; padding: 5px; margin: 0 0 15px 0; background: #EEE; }

.gallery-list-image { overflow: auto; float: left; margin: 0 10px 0 0; }

.gallery-list-title { color: #000; text-decoration: none; font-size: 16px; font-weight: bold; }

.gallery-pics { overflow: hidden; }

    .gallery-pics a { display: block; float: left; margin: 6px; }

    .gallery-pics img { border: 5px solid #FFF; width: 100px; height: 100px; }

        .gallery-pics img:hover { border-color: #DDD }

.gallery-videos { overflow: hidden; }

    .gallery-videos a { display: block; float: left; margin: 6px; }

    .gallery-videos img { border: 5px solid #FFF; width: 120px; height: 90px; }

        .gallery-videos img:hover { border-color: #DDD }


/* PAGINA CATEGORIA CONTENUTI */

.content-list { padding: 8px; width: 474px; border-top: 1px solid #AAA; }

    .content-list:first-child { border: 0; }

.content-list-title { font-weight: bold; color: #000; text-decoration: none; }

.content-list-text { overflow: hidden; margin: 8px 0 0; line-height: 18px; position: relative; }

.content-list-more { color: #000; text-decoration: none; font-weight: bold; text-align: center; font-size: 11px; }

    .content-list-more:hover { text-decoration: underline; }


/* TABELLA FILE ALLEGATI */

.files-table { width: 100%; margin: 10px 0; }

    .files-table thead { background: #CCC; }

    .files-table th { padding: 8px 5px; border-bottom: 1px solid #AAA; font-weight: bold; }

    .files-table td { padding: 5px; border-bottom: 1px solid #AAA }

    .files-table .dispari { background: #FFF; }

    .files-table .pari { background: #E7E7E7; }

    .files-table tbody > tr:hover { background-color: #FFA; }


/* PAGINA SQUADRA */

.lista-persone-container { float: left; width: 25%; }

.lista-persone-container-orizzontale { width: 33%; }

.lista-persone { margin: 10px; padding: 6.5px 6.5px 5px; background: #EEF; border: 1px solid #AAA; text-align: center; position: relative; }

    .lista-persone img { width: 150px; height: 200px; }

.lista-persone-orizzontale { padding-bottom: 50px; }

    .lista-persone-orizzontale img { width: 200px; height: 150px; }

.lista-persone-nome { position: absolute; bottom: 0; left: 0; right: 0; padding: 6px; text-align: center; background: #EEF; color: #000; text-decoration: none; }

    .lista-persone-nome:hover { text-decoration: underline; }


/* PAGINA ALLENAMENTI */

.allenamenti { background: #AAA; padding: 0 0 1px 1px; margin: 0 0 10px 0; }

.allenamenti-header { float: left; background: #EEE; margin: 1px 1px 0 0; line-height: 25px; font-weight: bold; }

.allenamenti-ore { position: relative; overflow: hidden; clear: both; }

.allenamenti-ora { background: #EEA; margin: 1px 1px 0 0; float: left; }

.allenamenti-celle { float: left; background: #FFF; margin: 1px 1px 0 0; }

.allenamento { position: absolute; border: 1px solid #000000; overflow: hidden; }

    .allenamento div { padding: 5px; font-size: 12px; }

.allenamento-tips { max-width: 200px; z-index: 11000; text-align: left; font-family: Verdana; font-size: 12px; padding: 15px; border: 1px solid #D1D1D1; background: #E6E6E6; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E6E6E6), to(#D1D1D1)); background: -moz-linear-gradient(#E6E6E6, #D1D1D1); background: linear-gradient(#E6E6E6, #D1D1D1); -pie-background: linear-gradient(#E6E6E6, #D1D1D1); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0 0 5px; -moz-box-shadow: #666 0 0 5px; box-shadow: #666 0 0 5px; }


/* PAGINA RISULTATI E CLASSIFICHE */

.results-table { margin: 10px 0; width: auto; table-layout: fixed; color: #000; }

    .results-table thead,
    .results-table caption { background: #CCC; }

    .results-table tbody { font-size: 11px; }

    .results-table th,
    .results-table caption { text-align: center; padding: 8px 0px; border-bottom: 1px solid #AAA; font-weight: bold; }

    .results-table td { padding: 3px; border-bottom: 1px solid #AAA; }

    .results-table .dispari { background: #FFF; }

    .results-table .pari { background: #E7E7E7; }

    .results-table .dettagli { overflow: hidden; height: 30px; z-index: 1; }

    .results-table .parziali { width: 37px; float: left; text-align: center; line-height: 30px; }

    .results-table .impianto { width: 35px; float: right; text-align: center; margin: 5px 0 0 0; }

    .results-table .gara-more,
    .results-table .gara-more-icon { width: 35px; float: right; text-align: center; margin: 5px 0 0 0; }

    .results-table .gara-more-menu { background: #FFF url(/img/bgmore-menu.png) no-repeat right 4px; position: absolute; z-index: 9; top: 0; right: 0; height: 27px; padding-right: 30px; display: none; border: 1px solid #AAA; overflow: hidden }

    .results-table .squadra-societa { font-weight: bold; }

.gare-giornata,
.gara-more-disabled,
.gara-more-disabled-menu { display: none; }

.filtro_gg { display: block; float: left; width: 25px; line-height: 25px; text-align: center; text-decoration: none; }

    .filtro_gg:hover { background: #DDD; }

.filtro_gg-selected,
.filtro_gg-selected:hover { background: #BBB; }

.classifica-table { margin: 20px 0 30px; width: auto; table-layout: fixed; }

    .classifica-table thead,
    .classifica-table caption { background: #CCC; }

    .classifica-table tbody { font-size: 12px; }

    .classifica-table th,
    .classifica-table caption { text-align: center; padding: 8px 0px; border-bottom: 1px solid #AAA; font-weight: bold; }

    .classifica-table td { padding: 5px 3px; border-bottom: 1px solid #AAA; }

    .classifica-table .dispari { background: #FFF; }

    .classifica-table .pari { background: #E7E7E7; }

.impianto-tips { width: 300px; z-index: 11000; font-family: Verdana; font-size: 12px; border: 1px solid #AAA; background: #EEE; -webkit-box-shadow: #666 0 0 5px; -moz-box-shadow: #666 0 0 5px; box-shadow: #666 0 0 5px;padding:10px; }

    .impianto-tips .tip-title { background: #DDD; padding: 5px; text-align: center; font-weight: bold; border-bottom: 1px solid #AAA; }

    .impianto-tips .tip-text { padding: 5px; }

.gara-more-tips { width: 300px; z-index: 11000; font-family: Verdana; font-size: 12px; border: 1px solid #AAA; background: #EEE; -webkit-box-shadow: #666 0 0 5px; -moz-box-shadow: #666 0 0 5px; box-shadow: #666 0 0 5px; }

    .gara-more-tips .tip-title { background: #DDD; padding: 5px; text-align: center; font-weight: bold; border-bottom: 1px solid #AAA; }

    .gara-more-tips .tip-text { padding: 5px; }

.info-gara-tips { padding: 10px; width: 300px; z-index: 11000; font-family: Verdana; font-size: 12px; border: 1px solid #AAA; background: #EEE; -webkit-box-shadow: #666 0 0 5px; -moz-box-shadow: #666 0 0 5px; box-shadow: #666 0 0 5px; }

.gara-cronaca { background: #FFF; color: #000; }

.gara-cronaca-titolo { background: #DDD; font-size: 16px; font-weight: bold; padding: 5px 100px 5px 10px; position: relative; }

.gara-cronaca-data { font-size: 14px; font-weight: normal; position: absolute; top: 4px; right: 10px; }

.gara-cronaca-testo { padding: 10px; height: 550px; overflow: auto; position: relative; }

    .gara-cronaca-testo p { margin: 0 0 10px; }


/* PAGINA PERSONA */

.persona-info { float: left; }

.persona-dati { line-height: 22px; }

.persona-immagine { float: right; margin: 0 0 10px 5px; }

    .persona-immagine img { width: 100%; }

.persona-ruoli { clear: both; overflow: hidden; }

.persona-ruolo-container { width: 50%; float: left; }

.persona-ruolo { margin: 10px 5px; padding: 5px; border: 1px solid #AAA; overflow: auto; line-height: 18px; }

    .persona-ruolo a { color: #000; }

.persona-immagine-mini { float: left; margin: 0 10px 0 0; display: block; }

    .persona-immagine-mini img { max-height: 95px; max-width: 95px; }


/* PAGINE FORUM */

.box-utente { overflow: auto; padding: 2px 5px; background: #E7E7E7; }

.forum-numero-messaggi { float: right; font-weight: normal; }

.utente-mod-logout { float: right; }

    .utente-mod-logout a { color: #000; text-decoration: none; }

        .utente-mod-logout a:hover { text-decoration: underline; }

.forum-messaggi { margin: 5px; }

.forum-messaggio { overflow: auto; margin: 10px 0 10px; border: 1px #DDD solid; }

.messaggio-titolo { overflow: auto; background: #DDD; font-weight: bold; padding: 3px 5px; }

.messaggio-dataora { float: right; font-weight: normal; }

.messaggio-utente { float: left; width: 200px; padding: 3px 5px; }

.messaggio-utente-dettagli { font-size: 12px; }

a.messaggio-utente-dettagli { color: #000; }

.messaggio-testo { float: left; padding: 3px 5px; border-left: 1px #DDD solid; min-height: 70px; }

.forum-button-write { float: right; margin: 0; }

#forum-scrivi { width: 480px; margin: 10px auto; }


/* PAGINA IMPIANTO */

div.impianto { overflow: auto; margin: 10px 0 20px; border: 1px solid #DDD; padding: 5px; }

.impianto-nome { font-size: 18px; }

.impianto-img { float: right; margin: 0 0 5px 5px; }

    .impianto-img img { width: 150px; }

.impianto-map { float: right; margin: 0 0 5px 5px; }

    .impianto-map img { width: 150px; }

.impianto-dettaglio,
.impianto-squadre { line-height: 20px; }

.impianto-squadre { margin-top: 10px }

    .impianto-dettaglio a,
    .impianto-squadre a { color: #000; }


/* PAGINA LISTA SQUADRE */

.squadra-lista { overflow: hidden; margin: 10px 0 20px; border: 1px solid #DDD; padding: 5px; text-decoration: none; }

.squadra-lista-nome { clear: both; font-size: 18px; color: #000; text-decoration: none; }

a.squadra-lista-nome:hover { text-decoration: underline; }

.squadra-lista-img { float: right; margin: 0 0 5px 5px; }

    .squadra-lista-img img { width: 150px; }

.squadra-lista-dettaglio { line-height: 20px; }

    .squadra-lista-dettaglio a { color: #000; }

.squadra-lista button { margin: 5px 5px 5px 0; }


/* PAGINA CONTATTI */

#frm-contacts { width: 480px; margin: 5px auto; }

.informativa-privacy { clear: both; padding: 10px; }

    .informativa-privacy .titolo { font-weight: bold }


/* PAGINA SONDAGGI */

.sondaggio { margin: 5px 0 10px; }

.sondaggio-titolo { font-weight: bold; text-align: left; margin: 5px 0; }

.sondaggio-descrizione { margin: 5px 0; }

.sondaggio-opzione { margin: 10px 0 0 0; overflow: hidden; font-size: 12px; }

.sondaggio-opzione-radio { width: 25px; float: left; text-align: center; }

.sondaggio-opzione-text { clear: right; margin-bottom: 2px; }

    .sondaggio-opzione-text label { float: none; width: auto; display: inline; margin: 0; padding: 0; height: auto; }

.sondaggio-opzione-voti-text { float: right; text-align: right; width: 55px; padding: 7px 5px 4px 0; }

.sondaggio-opzione-voti-container { margin: 0 60px 0 0; position: relative; border: 1px solid #800; height: 26px; background: #800; }

.sondaggio-opzione-div-percentuale { position: absolute; top: 0; left: 0; bottom: 0; background: #F00; z-index: 1 }

.sondaggio-messaggio { font-size: 12px; text-align: center; }


/* PAGINA MERCHANDISING */

.prodotto { margin: 5px 0 15px; overflow: hidden; }

.prodotto-immagine { display: block; float: left; width: 100px; height: 100px; padding: 5px; border: 1px solid #AAA; margin: 0 10px 0 0; }

.prodotto-nome { margin: 0 0 3px 0; font-size: 16px; font-weight: bold; }

.prodotto-prezzo { margin: 0 0 5px 0; font-size: 16px; }


/* -- BOX FORM -- */

.box-border .box-form-container { padding: 8px; }

.box-form { display: block; overflow: hidden; font-size: 12px; margin: 0 auto; }

.box-1 .box-form { width: 220px; }

    .box-1 .box-form label { margin-left: 0; }

.box-2 .box-form { width: 440px; }

.box-w3 .box-form { width: 660px; }

.box-4 .box-form { width: 880px; }

.box .box-form-actions { text-align: center; clear: left; }

.box-form label,
.box-form div { display: block; float: left; text-align: left; width: 210px; margin: 5px 5px 10px; padding: 0; }

    .box-form div > label { margin: 5px 0; }

.box-form .size-0_5 { width: 100px; }

.box-form .size-1_5 { width: 320px; }

.box-form .size-2 { width: 440px; }

.box-form .size-2_5 { width: 540px; }

.box-form .size-3 { width: 650px; }

.box-form .size-3_5 { width: 540px; }

.box-form .size-4 { width: 870px; }

.box-form .input-select,
.box-form .input-select-0_5,
.box-form .input-select-1_5,
.box-form .input-select-1,
.box-form .input-select-2,
.box-form .input-select-2_5,
.box-form .input-select-3,
.box-form .input-select-3_5,
.box-form .input-select-4 { background-image: url(/img/bgInput.png); background-repeat: repeat-x; background-position: top left; vertical-align: middle; border: 1px solid #AAA; color: #444; margin: 0; padding: 3px 4px; height: 27px; line-height: 20px; }

.box-form .input-select-0_5 { width: 100px; }

.box-form .input-select { width: 210px; }

.box-form .input-select-1_5 { width: 320px; }

.box-form .input-select-2 { width: 430px; }

.box-form .input-select-2_5 { width: 530px; }

.box-form .input-select-3 { width: 650px; }

.box-form .input-select-3_5 { width: 750px; }

.box-form .input-select-4 { width: 870px; }

.box-form .input-text,
.box-form .input-text-0_5,
.box-form .input-text-1_5,
.box-form .input-text-1,
.box-form .input-text-2,
.box-form .input-text-2_5,
.box-form .input-text-3,
.box-form .input-text-3_5,
.box-form .input-text-4 { background-image: url(/img/bgInput.png); background-repeat: repeat-x; background-position: top left; vertical-align: middle; border: 1px solid #AAA; color: #444; margin: 0; padding: 3px 4px; height: 19px; }

.box-form .input-text-0_5 { width: 90px; }

.box-form .input-text { width: 200px; }

.box-form .input-text-1_5 { width: 310px; }

.box-form .input-text-2 { width: 420px; }

.box-form .input-text-2_5 { width: 520px; }

.box-form .input-text-3 { width: 640px; }

.box-form .input-text-3_5 { width: 740px; }

.box-form .input-text-4 { width: 860px; }

.box-form .input-ko { background-color: #FBB; border-color: #C00; }

.box-form .input-mod { background-color: #FFB; border-color: #0C0; }

.box-form .input-readonly,
input[readonly] { background-color: #DEF }

.box-form .button { color: #FFF; padding: 6px 8px; min-width: 80px; margin: 0 5px; font-size: 14px; font-weight: 500; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; }

.box-form .btok { background-color: #5CB85C; border-color: #5CB85C; text-shadow: 1px 1px 1px rgba(49, 113, 49, 0.6); box-shadow: 1px 1px 1px rgba(49, 113, 49, 1); }

    .box-form .btok:hover { background-color: #409540; }

.box-form .btko { background-color: #D9534F; border-color: #D9534F; text-shadow: 1px 1px 1px rgba(150, 36, 32, 0.6); box-shadow: 1px 1px 1px rgba(150, 36, 32, 1); }

    .box-form .btko:hover { background-color: #C9302B; }

.marcatore-tips { z-index: 11000; font-family: Verdana; font-size: 12px; border: 1px solid #AAA; background: #EEE; -webkit-box-shadow: #666 0 0 5px; -moz-box-shadow: #666 0 0 5px; box-shadow: #666 0 0 5px; }

    .marcatore-tips .ui-tooltip-content { padding: 5px }

        .marcatore-tips .ui-tooltip-content > div { margin: 5px 0 }