/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
} /* b, strong */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
     content: '';
     content: none;
}
table {
     border-collapse: collapse;
     border-spacing: 0;
}

/*LAYOUT VALLE*/
.rdn10 {
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
}
.rdn4 {
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
}
.clear { clear:both; }
body {
     background: #EDEAE8;
     height: 100%;
}
html { height: 100%; }




#container {
     font-family: 'Titillium Web', sans-serif;
     padding: 0px 20px 30px;
     width: 960px;
     margin-right: auto;
     margin-left: auto;
     background: #FFF;
}
#fascia { background: #00AEEF; }
#fascia #top-name {
     font-family: 'Titillium Web', sans-serif;
     color: #FFF;
     font-size: 12px;
     padding-top: 5px;
     padding-bottom: 3px;
     width: 1000px;
     margin-right: auto;
     margin-left: auto;
     text-align: right;
}
#container #head {
     position: relative;
     padding-bottom: 20px;
}
#container #logo a {
     background: url(../img/logo-casino.png) no-repeat left top;
     height: 90px;
     width: 220px;
     float: left;
     margin-top: 10px;
     margin-right: 15px;
     display: block;
}
#container #logo-giochi-trad {
     height: 70px;
     float: right;
     width: 220px; /* 90px */ 
     background: url(../img/ico-roulette-head.png) no-repeat right top;
     margin-top: 15px;
     text-align: right;
     padding-right: 80px;
}
#pagina {
     padding-top: 0px;
     padding-bottom: 50px;
     margin-bottom: 30px;
}

/*COLONNA SINISTRA*/
#pagina #col-sx {
     float: left;
     width: 250px;
}
#pagina #col-sx .box {
     padding: 15px 8px 15px 8px;
     margin-bottom: 10px;
     background: #F2F0EE;
}
.dispari {
     -webkit-border-top-right-radius: 30px;
     -webkit-border-bottom-left-radius: 30px;
     -moz-border-radius-topright: 30px;
     -moz-border-radius-bottomleft: 30px;
     border-top-right-radius: 30px;
     border-bottom-left-radius: 30px;
}
.pari {
     -webkit-border-top-left-radius: 30px;
     -webkit-border-bottom-right-radius: 30px;
     -moz-border-radius-topleft: 30px;
     -moz-border-radius-bottomright: 30px;
     border-top-left-radius: 30px;
     border-bottom-right-radius: 30px;
}
/*area riservata*/
.box form { padding-left: 10px; }
.box form label {
     color: #00AEFF;
     display: block;
     line-height: 12px;
     margin-top: 10px;
     margin-bottom: 5px;
     font-size:12px;
     text-transform: uppercase;
}
.box form input {
     height: 20px;
     border: 1px solid #00AEFF;
     background-color: #FFF;
     width: 205px;
     padding-left: 5px;
     padding-right: 5px;
}
.box form a.pw-link {
     text-decoration:none;
     display: block;
     text-align: left;
     padding-left: 0px !important;
     padding-top: 10px !important;
     font-size: 14px !important;
     color:#333 !important;
}
.box form a.pw-link:hover { color: #00AEEF !important; }
.box form #submit {
     background-color: #00AEFF;
     color: #FFF;
     width: 100px;
     margin-top: 10px;
     cursor:pointer;
     margin-left: auto;
     margin-right: auto;
     text-transform: uppercase;
}
#pagina #col-sx .box h2 {
     font-size: 19px;
     padding: 7px 5px 5px 10px;
     text-transform: uppercase;
     margin-bottom: 5px;
     color: #00AEEF;
}
#pagina #col-sx .box p {
     font-size: 15px;
     padding-left: 15px;
     color: #777;
}
#pagina #col-sx .box a {
     text-decoration: none;
     color: #000;
     font-size: 16px;
     display: block;
     padding-top: 2px;
     padding-bottom: 4px;
     margin-bottom: 2px;
     padding-left: 15px;
}
#pagina #col-sx .box a:hover { color: #00AEEF; }


/*COLONNA DX - CONTENUTI*/

#pagina #col-dx {
     width: 688px;
     float: left;
     padding-left: 20px;
}
#pagina #col-dx h1 {
     font-size: 26px;
     padding-bottom: 5px;
     color: #00AEEF;
     font-weight: bold;
}
#pagina #col-dx p {
     color: #666;
     font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
     letter-spacing: 1px;
     padding-bottom: 8px;
}



.box-home {
     float: left;
     width: 314px;
     padding: 12px;
     border: 1px solid #00AEEF;
}
.box-home h2 {
     font-size: 18px;
     color: #069;
     font-weight: bold;
     padding-bottom: 5px;
}
.box-home p a {
     text-decoration: none;
     color: #00AEEF;
     font-size: 14px;
}
#pagina #col-dx h2 {
     font-size: 20px;
     color: #069;
     padding-bottom: 5px;
}

#pagina #col-dx h3 {
    color: #666;
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 10px;
}

#pagina #col-dx p a {
     text-decoration: underline;
     color: #069;
}
#col-dx .elenco-alfa li {
     padding-left: 15px;
     padding-bottom: 3px;
     background: url(../img/freccia-elenco.png) no-repeat left 3px;
     margin-left: 8px;
}
#col-dx ol.elenco-numerato {
     list-style: decimal;
     padding-bottom: 5px;
     margin-left: 10px;
     counter-reset: item;
}
#col-dx ol.elenco-numerato li { display: block }
#col-dx ol.elenco-numerato li:before {
     content: counter(item) ". ";
     counter-increment: item;
     color: #00AEEF;
     font-size: 14px;
     font-size: bold;
}
#col-dx ul.elenco-documenti{
     margin-bottom: 15px;
    
}

#col-dx ul.elenco-documenti li {
     margin-bottom: 4px;
     margin-left: 15px;
}
#col-dx ul.elenco-documenti li a {
     text-decoration: none;
     color: #555;
     font-size: 17px;
     display: block;
     height: 32px;
     background: url(../img/ico-doc.png) no-repeat left;
     padding-left: 40px;
     line-height: 30px;
}
#col-dx ul.elenco-documenti li a:hover {
     color: #00AEEF;
     background: url(../img/ico-doc-hover.png) no-repeat left;
}




/*FOOTER*/
.page-wrap {
     min-height: 100%;
     margin-bottom: -50px;
}
.page-wrap:after {
     content: "";
     display: block;
}
.site-footer, .page-wrap:after { height: 50px; }
.site-footer {
     background: #00AEEF;
     height: 50px;
     font-size:12px;
     font-family: 'Titillium Web', sans-serif;
     color:#FFF;
}
.site-footer .center {
     width: 960px;
     margin-left: auto;
     margin-right: auto;
}
.site-footer .copy {
     float: left;
     padding-top: 10px;
}
.site-footer .credit {
     padding-top: 10px;
     float: right;
}
.site-footer a {
     color: #FFF;
     text-decoration: none;
}
.site-footer a:hover { color: #FF9; }

/*TABS*/
#tab-container-1 {
     position: relative;
     margin-top: 10px;
}
#tab-container-1 #tab-container-1-nav li a {
     text-decoration: none;
     color: #FFF;
     display: block;
     float: left;
     border-top: 1px solid #00AEEF;
     border-right: 1px solid #00AEEF;
     border-bottom: none;
     border-left: 1px solid #00AEEF;
     padding: 8px 15px 3px;
     margin-right: 3px;
     background: #00AEEF;
     -webkit-border-top-left-radius: 4px;
     -webkit-border-top-right-radius: 4px;
     -moz-border-radius-topleft: 4px;
     -moz-border-radius-topright: 4px;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
}
.tab {
     padding-top: 12px;
     border-top: 1px solid #00AEEF;
     top: -3px;
     padding-bottom:40px;
}
#tab-container-1 #tab-container-1-nav li.activeli a.active, #tab-container-1 #tab-container-1-nav li.activeli a.active:hover, #tab-container-1 #tab-container-1-nav li a:hover {
     color: #00AEEF;
     border-top: thin solid #00AEEF;
     border-right: thin solid #00AEEF;
     border-bottom: thin solid #FFF;
     border-left: thin solid #00AEEF;
     background: #FFF;
}
/*NEWS*/
.box-news {border: solid 1px #CCC;padding: 10px;}
.scroll {
     height: 296px;
     overflow: hidden;
     position: relative;
}
.evento { padding: 0px 5px 5px; width: 95%;}
.evento .cont-data {
     width: 50px;
     height: 50px;
     float:left;
     background: #00AEEF;
     margin-bottom: 10px;
     overflow: hidden;
}

.evento .cont-data p {
     text-align:center;
     color: #FFF !important;
     padding: 5px 0px 0px;
     margin: 0px;
     font: bold 14px/16px Arial, Helvetica, sans-serif !important;
}
.evento .cont-data p.mese {
 background: #D5D5D5;
     color: #FFF !important;
     background: #2A4D6E;
     font-family: Arial, Helvetica, sans-serif;
     text-transform: uppercase;
     padding-top: 1px;
}
.evento h3 a {
     text-decoration:none;
     color:#0080B0;
     font-size:18px;
}
.evento h3 a:hover {
     text-decoration:underline;
     color: #069;
}
.evento p a {
     text-decoration: none !important;
     color: #666;
     margin-bottom: 5px;
}
.evento p a:hover { color: #00AEEF !important; }
.evento h3, .evento p {
     margin: 0px;
     padding-top: 0px;
     padding-right: 0px;
     padding-left: 70px;
     font-size: 14px;
     text-decoration: none;
}
/*FAQ*/
.faq h3 {
     color: #069;
     font-size: 18px;
     padding-bottom: 5px;
     cursor: pointer;
     padding-top: 8px;
}
.faq h3:hover { color:#F90; }
.faq div {
     margin-left: 30px;
     padding: 15px;
     font-size: 14px;
     background: #D1EEFF;
     color: #000;
}
.faq div p{
     color: #333 !important;
     text-decoration: none;
}

.organi, .dati-tabella {
    margin-bottom: 10px;
    margin-top: 10px;
}

.organi td, .dati-tabella td {
    border-bottom: 1px solid #f5f5f5;
    color: #666;
    font: 14px "Titillium Web",sans-serif;
    letter-spacing: 1px;
    padding-top: 5px;
    vertical-align: middle;
}


.table-rendimenti {
    font-family: "Titillium Web",sans-serif;
    font-size: 12px;
}
.table-rendimenti tr th {
    background-color: #069;
    color: #fff;
    padding-bottom: 4px;
    padding-top: 4px;
}
.table-rendimenti .rend-fondo td {
    color: #06c;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-top: 4px;
    text-align: center;
}
.table-rendimenti .rend-tfr td {
    color: #f00;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
}