/*
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// AUTHOR:    Marco Paolucci
// INFO:      http://www.marcopaolucci.net
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* - - - - - - - - - -
GENERALE
- - - - - - - - - - */
* {margin:0; padding:0}
img {border:none}
ul {list-style:none}
/* - - - - - - - - - -
TAG
- - - - - - - - - - */
body {font-size:12px; line-height:1.67em; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; color:#afafaf; background:url(../img/bg_header.jpg) left top repeat-x #242424}
/* - - - - - - - - - -
LINK
- - - - - - - - - - */
a { color:#72bfd3; text-decoration:none}
a:hover {color:#EEE}
.statistiche a:hover {text-decoration:underline}
a.link_footer {text-decoration:underline}
.button a  {color:#EEE}
a.select_table {color:#EEE; padding:0 0 0 20px; background:url(../tcms/img/liststyle.jpg) left center no-repeat}
a.select_table:hover {color:#72bfd3; background:url(../tcms/img/liststyle_hover.jpg) left center no-repeat}
/* - - - - - - - - - -
TESTO
- - - - - - - - - - */
h1 { font-size:18px; color:#5d5d5d; margin-bottom:35px}
.manuale h2 {font-size:14px; margin-bottom:10px; color:#FFF}
.content_top p { margin-bottom:10px}
.guest p { padding-left:10px}
.title{ height:37px; padding:10px 0 0 20px; background:url(../img/bg_title.jpg) left top no-repeat; color:#FFF; font-size:18px}
.guest p.title3{ height:46px; padding:10px 0 0 20px; background:url(../img/bg_title_guest.jpg) left top no-repeat; color:#FFF; font-size:18px}
.box_news .title2{ height:46px; padding:10px 0 0 20px; background:url(../img/bg_title_login.jpg) left top no-repeat; color:#FFF; font-size:18px}
.box_news  p.news, .box_news  div.news { margin:0 20px 5px}
/* - - - - - - - - - -
CLASS
- - - - - - - - - - */
.logo { float:left; padding-left:5px}
.statistiche { float:right; height:35px; margin-top:15px; text-align:right; padding-right:5px}
.box_banner { width:800px; height:222px; float:left; margin-top:25px; background:url(../img/banner_top.png) left top no-repeat}
.button_banner { width:259px; height:54px; float:right; margin:126px 63px 0 0}
.box_navigation { width:243px}
.box_navigation_bottom {width:243px; height:12px; background:url(../img/box_navigation_bottom.jpg) left top no-repeat; margin-bottom:20px}
.box_navigation ul { background:#101010; padding: 10px 20px 0 20px}
.box_navigation ul li { margin-top:4px; border-bottom: 1px dashed #323232; padding-top:8px; background:url(../img/img_liststyle_menu.jpg) left 13px no-repeat; padding-left:20px}

.box_news { width:243px; height:195px; background:url(../img/bg_box_login.jpg) left top repeat-x; color:#FFF}
#news_scroller {height:150px}
#news_scroller div { height:150px }
.box_news_bottom {width:243px; height:14px; background:url(../img/box_login_bottom.jpg) left top no-repeat; margin-bottom:20px}
.guest {width:243px; background:#6b6b6b; color:#FFF}
.guest_bottom { height:11px; background:url(../img/bg_guest_bottom.jpg) left top no-repeat}

.box_text{ margin-bottom:60px; text-align:justify}

.box_function {margin-top:20px; background:url(../img/bg_box1_top.jpg) left top no-repeat #1c1c1c; padding:20px 20px 0 20px}
.box_function ul { padding-top:10px}
.box_function ul li { float:left; width:180px; border-bottom:1px solid #666; padding: 0 0 5px 20px; color:#6d6d6d; margin-bottom:5px; background:url(../img/img_liststyle.jpg) left 5px no-repeat}
.box_function .li_margin_right { margin-right:60px}
.box_function_bottom { height:16px; background:url(../img/bg_box1_bottom.jpg) left top no-repeat}

.screen {margin:20px 0 30px 0}
.screen img {width:494px; padding:2px; border:1px solid #CCC}

.aggiornamento {margin:0 0 35px 0; padding:5px 15px; border:1px solid #333}
.version {color:#72BFD3}

.credits {float:left; color:#FFF}
.validation {float:right; color:#FFF}
	.validation img {margin-left:10px}

.documentazione {list-style:square; margin-bottom:50px; margin-left:20px}
.documentazione li.sub {list-style:none}
.documentazione ol {margin-left:30px}
.manuale {margin:20px 0 0 0; padding:10px; border-top:1px solid #999}

.fix_height { visibility:hidden; clear:left}

/* - - - - - - - - - -
FORM
- - - - - - - - - - */
.button { height:20px; text-align:center; width:85px; margin-top:20px; background:url(../img/bg_button.jpg) left top no-repeat; border:none; color:#FFF}

#contact fieldset { border:none}
#contact li { margin-bottom:5px}
#contact li label { width:65px; display:block; float:left}
#contact .pulsanti { padding-right:38px}
#contact .pulsanti li { float:right; margin-left:3px}

/* - - - - - - - - - -
STRUTTURA
- - - - - - - - - - */
#wrapper { width:100%}
#center { width:800px; margin:0 auto}
#header { height:357px; padding:20px 0 0}
#content { padding-top:20px}
#col_sx {float:left; width:270px}
#col_dx {float:left; width:500px; padding:0 0 0 30px}
#footer { height:85px; padding-top:30px; background:url(../img/bg_footer.jpg) left top repeat-x}
	.center_footer {width:780px; margin:0 auto; padding:0 10px}