/* 
nero bg     #1a171b
celeste bg  #e3ecf3
rosso       #cd0000
verde		#008c00
blu 		#084181
*/

html, body, div, span, p, a, em, img, strong, fieldset, form, label, legend { margin:0; padding:0; border:0; outline:0; font-size:100%; }

body { position:relative; background:#1a171b; color:#ffffff; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size:12px; line-height:150%; text-align:center; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; text-transform: uppercase; text-align:left; }

h2 { font-size:18px; color:#084181; margin:10px 0 5px 0; padding-bottom:5px;}
h3 { font-size:16px; color:#008c00; margin:10px 0 4px 0; }
h4 { font-size:14px; color:#cd0000; margin:10px 0 4px 0; }
h5 { font-size:12px; color:#008c00; margin:10px 0 4px 0; }

a:link, a:visited  { text-decoration:none; color:#cd0000; }
a:hover, a:focus, a:active { color:#000000; }

ol, ul, li { list-style-type:none; margin:0; padding:0;}

p { margin:0 0 5px 0; }

#header-wrapper { width:100%; height:125px; background: url(bg-header.jpg) repeat-x left top; }
#container-wrapper { width:100%; background:#e3ecf3;  }
#footer-wrapper { width:100%; height:75px; background:url(bg-footer.jpg) repeat-x left top; }

#header, #container, #footer { width:960px; margin:0 auto; }

#header { position:relative; height:125px; z-index:2; }
h1#logo { width:470px; height:95px; position:absolute; background:transparent url(logo.png) no-repeat scroll 0 0; text-indent:-9999px; z-index:3; top:0; left:0; }
#banner-top { width:468px; height:60px; position:absolute; top:10px; right:0; background:#FFFFFF; }

#nav-bar { width:960px; height:40px; position:absolute; left:0; bottom:0; float:left; z-index:2; }
 
#navigation { margin:0 auto; width:800px; position:relative; text-align:center; }
#navigation li { float:left; position:relative; z-index:2; }
#navigation a { display:block; float:left; padding:0 15px; height:40px; line-height:40px; text-transform:uppercase; }
#navigation a:link, #navigation a:visited  { color:#FFFFFF; }
#navigation a:hover, #navigation a:focus, #navigation a:active { color:#000000; background: url(bg-menu-up.jpg); }

#navigation ul { width:12em; background:#CD0000; position:absolute; top:40px; left:0; z-index:23 }
#navigation ul li { text-indent:0; float:left; white-space:nowrap; width:100%; text-align:left; background:#ff1a00; overflow:hidden; }
#navigation ul li a  { display:block; float:none; border-bottom:1px solid #FFF;  }
#navigation ul li a:link, #navigation ul li a:visited  { background:url(bg-menu-down.jpg) repeat-x top left; }
#navigation ul li a:hover, #navigation ul li a:focus, #navigation ul li a:active { background: url(bg-menu-up.jpg) repeat-x top left; }

#container { background:#FFFFFF url(bg-container.jpg) repeat-y left top; color:#000000; padding:10px 0 25px 0; }

#footer { padding:25px 0; }

#content, #sidebar { display:inline; float:left; margin-left:10px; margin-right:10px; }

#content { width:700px; }
#sidebar { width:220px;}


/* sidebar */
#feedscroller { height:200px; overflow:hidden; text-align:left; border-width:1px 0; border-style:solid; border-color:#e3ecf3; margin-bottom:20px; }

#feedscroller div { margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #FFFFFF; }
#feedscroller p { margin-bottom:0; }
#feedscroller p.small { color:#666666;}

ul.side-nav { text-align:left;  border-top:1px solid #e3ecf3; margin-bottom:15px; width:220px; float:left; }
ul.side-nav li { padding:0; border-bottom:1px solid #e3ecf3; float:left; width:220px; }
ul.side-nav a:link, ul.side-nav a:visited { display:block; padding:10px 5px 10px 30px; background:url(bullet.gif) no-repeat 10px 50%;  }
ul.side-nav a:hover, ul.side-nav a:focus, ul.side-nav a:active { background-color:#FFFFFF;}

#login, #logged-in { width:220px; padding:0; border-bottom:1px solid #e3ecf3; margin:10px 0 20px 0; }
#login legend { color:#084181; padding-bottom:5px; text-align:left; font-size:18px; padding-bottom:5px; text-transform:uppercase; }
#login fieldset div { padding:10px 0; float:left; display:inline; width:220px; border-top:1px solid #e3ecf3;  }
#login input { padding:3px 0; font-size:11px; font-family:"trebuchet MS", Verdana, Arial, sans-serif; background:#FFFADB; border:1px solid #CBB945; width:130px; float:right; }
#login label { width:70px; float:left; clear:left; text-align:right; }
#login input.sign-in { width:auto; clear:right; }
#login p {width:140px; float:left; text-align:left; padding:3px 0; margin:0; }


.message { color:#CC0000; font-weight:bold; text-align:center; padding:20px 30px; border-bottom:1px solid #e3ecf3; background:url(error.gif) no-repeat 5px 50%; }


h4.user { color:#084181; padding:0.5em 10px 0.5em 40px; background:url(login.gif) no-repeat 10px center; }

#logged-in p { text-align:left; border-top:1px solid #FFFFFF; }
a.logout { padding:10px 10px 10px 40px; background:url(logout.gif) no-repeat 10px center; }
a.profilo { padding:10px 10px 10px 40px; background:url(user.gif) no-repeat 10px center; }
#logged-in a:link, #logged-in a:visited { display:block; color:#084181; }
#logged-in a:hover, #logged-in a:focus, #logged-in a:active { color:#CD0000; }


/* classifica */
.classifica { width:100%; margin:0 0 20px 0; padding:0; border-collapse:collapse; }
.classifica th, .classifica td { border:1px solid #e3ecf3; padding:10px; font-weight:normal; text-align:left; }



/* iscrizione sito + contatti */
#form { width:700px; margin:20px 0; }
#form div { padding:10px 0; float:left; display:inline; width:350px; border-top:1px solid #E3ECF3;}
#form label { padding-right:10px; width:100px; display: block; float:left; text-align:right; }
#form legend { font-size:12px; color:#084181; margin:0; padding-bottom:5px; text-transform:uppercase; }

#form input, #form textarea { border:1px solid #CCCCCC; padding:2px; width:180px; background:#FFFFFF; font-size:12px; font-family:"trebuchet MS", Verdana, Arial, sans-serif; }

#form textarea { overflow:auto; width:530px; }

#form div.textarea { clear:both; width:700px; float:left; }

#form div.textarea input { width:700px;}

#form div.button {clear:both; width:700px; float:left; padding-top:10px; }

#form .button input { font-size:11px; border:0; padding:0; height:auto; float:left; width:auto; background:none; cursor:pointer; color:#cd0000; }
.button p { margin:0; padding-right:40px; float:right;  }

#form input.hoverfocus, #form textarea.hoverfocus { border:1px solid #cd0000;}

#error { border-top:1px solid #E3ECF3; background-color:#FFFFFF; margin:20px auto 0 auto; padding:5px 10px; text-align:left; }
#error li { margin:0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat left 3px; }


/* notizie - tornei - articolo - evento*/

.articolo {  border-bottom:1px solid #E3ECF3; margin:20px 0; float:left; }
.articolo h3 { margin-top:0; }

.testo-articolo { width:550px; float:left; text-align:left; } 
.foto-articolo { width:150px; float:left; text-align:left; }
.footer-articolo { text-align:left; margin-top:5px; font-size:11px; clear:left; }

.read { background:url(read.gif) no-repeat; padding-left:20px; margin-left:15px; }
.gallery { background:url(gallery.gif) no-repeat; padding-left:20px; margin-left:15px; }
.video { background:url(video.gif) no-repeat; padding-left:20px; margin-left:15px;}

#pagination { clear:both; padding-top:10px; text-align:center; }

.testo { text-align:justify; }

#gallery { border-top:1px solid #E3ECF3; padding:10px 0; margin-top:20px; width:700px; text-align:center; }
#gallery span { width:140px; display:inline; margin:10px;  }
#gallery a {margin-bottom:10px; }

ul.list, .testo ul { margin:0 0 10px 0; padding:0; list-style-type:none; text-align:left;}
ul.list li, .testo li { margin:0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat left 3px; }


/* home */
.articolo-home, .evento-home { border-bottom:1px solid #E3ECF3; margin:10px 0 20px 0; float:left; display:inline; position:relative; z-index:1; }

.articolo-home { width:345px; margin-right:10px;}
.evento-home { width:345px;  }

.articolo-home  h3, .evento-home h3 { margin-top:0; }
.testo-home { width:195px; float:right; display:inline; text-align:left; padding-bottom:35px; } 
.foto-home { width:140px; float:left; display:inline; text-align:left; margin-right:10px; }
.relative { position:relative; width:140px;}
.foto-home img { position:absolute; z-index:1; }
.foto-home span { position:absolute; z-index:2; width:40px; height:28px; top:10px; left:10px; text-indent:-9999px; overflow:hidden; background:url(play.png) no-repeat; }

.footer-home { text-align:left; font-size:11px; clear:left; position:absolute; left:0; bottom:0; }



.pdf { background:url(acrobat.gif) no-repeat; padding-left:20px; }
.odd-calculator { width:390px; height:320px; border:1px solid #E3ECF3; margin:20px auto; padding:20px;}


/* protofade */
#slider-container { width:700px; margin:20px auto;}
#protofade { position:relative; display:block; margin:0; padding:0px; width:700px;  height:200px; overflow:hidden; clear:both; }
#protofade li { position:absolute; top:0; left:0; display:block; margin:0; padding:0; background:none;}
#protofade li img { display:block; }


/* CLEAR RULES*/
html body div.clear, html body span.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0; }


/* Common rules & text formatting */
.small { font-size:9px; }
.italic { font-style:italic; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify;}
.hidden { display: none; }
.first { margin-top:0;}
.borderb { border-bottom:1px solid #CCCCCC; }


/* 960 */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float:left; margin-left:10px; margin-right:10px; }

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9  { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.alpha { margin-left:0; }
.omega { margin-right:0; }

.prefix_1 { padding-left:80px; }
.suffix_1 {	padding-right:80px; }

.prefix_2 { padding-left:160px; }
.suffix_2 {	padding-right:160px; }

.prefix_3 { padding-left:240px; }
.suffix_3 { padding-right:240px; }

.prefix_4 { padding-left:320px; }
.suffix_4 { padding-right:320px; }

.prefix_5 { padding-left:400px; }
.suffix_5 { padding-right:400px; }

.prefix_6 { padding-left:480px; }
.suffix_6 { padding-right:480px; }

.prefix_7 {	padding-left:560px; }
.suffix_7 {	padding-right:560px; }

.prefix_8 { padding-left:640px; }
.suffix_8 { padding-right:640px; }

.prefix_9 { padding-left:720px; }
.suffix_9 { padding-right:720px; }

.prefix_10 { padding-left:800px; }
.suffix_10 { padding-right:800px; }

.prefix_11 { padding-left:880px; }
.suffix_11 { padding-right:880px; }