/*
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// 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}
#cms h2 {font-size:12px; margin:0 0 10px 0}
#cms hr {margin:10px 0 20px}
/* - - - - - - - - - -
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(../img/liststyle.jpg) left center no-repeat}
a.select_table:hover {color:#72bfd3; background:url(../img/liststyle_hover.jpg) left center no-repeat}
/* - - - - - - - - - -
TESTO
- - - - - - - - - - */
h1 { font-size:18px; color:#5d5d5d; margin-bottom:15px}
.manuale h2 {font-size:14px; margin-bottom:10px}
.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 { 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}

#cms .box_banner {background:#000}
#cms .cpanel_menu {padding:15px; color:#999}
#cms .cpanel_sector {float:left; width:200px; height:180px; padding:0 10px; border-right:1px solid #999}
#cms .cpanel_sector p {margin:3px 0}
#cms .table_extraction {width:800px; overflow:auto; padding:20px 0}
#cms .riepilogo_record {padding-left:15px}
#cms .riepilogo_record li {margin:5px 0}
#cms .riepilogo_record span.id_style {margin-right:20px; padding:0 4px; background:#333; color:#FFF}
#cms .riepilogo_record span.option_style {margin-left:30px}
#cms .riepilogo_record span.separator {color:#FFF}

#cms .riepilogo_record_foto {width:220px; float:left; margin:20px 40px 0 0}
#cms .riepilogo_record_foto .riepilogo_record li {margin:0 0 20px 0}
#cms .riepilogo_record_foto .riepilogo_record li img {padding:2px; border:1px solid #DDD}

#cms .dettagli_h1 {font-size:12px; color:#EEE; margin-left:30px}

#cms .nuovo_record {margin:0 10px 0 690px}

#cms .conferma {margin:20px 0; color:#FF6600}

#cms .error {margin:20px 0}
#cms .error h3 {color:#FF6600; font-weight:bold; font-size:16px; border-bottom:1px solid #EEE}
#cms .error p {color:#FF6600; font-weight:bold}

.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}

.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 {width:240px; margin:100px auto 0}
#contact fieldset {padding:10px}
#contact ul {list-style:none; width:220px}
#contact ul li {float:left; margin:10px 0}
#contact ul li label {float:left; width:80px}
#contact ul li input {float:left; width:130px}
#contact .pulsanti {}
#contact .pulsanti li input {float:none; width:100px}

#cms #form_aggiungi {margin:0 0 100px 0}
#cms #form_aggiungi fieldset {border:none}
#cms #form_aggiungi fieldset .form_row {margin:10px 0}
#cms #form_aggiungi fieldset .form_row label {display:block; width:200px}
#cms #form_aggiungi fieldset .form_row input {width:350px}
#cms #form_aggiungi fieldset .form_row textarea {width:600px; height:200px}
#cms #form_aggiungi fieldset .form_row .submit {width:100px; float:left; margin-right:20px}

/* - - - - - - - - - -
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}