* { border:0px; list-style:none; margin:0px; padding:0px; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { font-size: 100%; }
body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
body { margin:0px; }
h1, h3, h3 { margin:0px; color:#000; }
h2.section { font-size:13px; margin-bottom:10px; border-bottom:1px dotted #CCC; padding-bottom:10px; }
h4.section { margin:20px 0; border-top:1px solid #CCC; padding-top:20px; }
a { text-decoration:none; color:#660099; outline:none; }
a:hover { text-decoration:underline; }
img.scale { width:100%; height:auto; }
input, button, select { height:35px; }
form .row, .scheda .row { margin-bottom:10px; }
form .row span { color:#888; margin-left:10px; font-size:11px; }
form .row div.tagsinput span { margin-left:auto; }
input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background:#EEE; border:1px solid #DDD; padding:7px; }
input[type='submit'], button, .btn, input[type='button'] { font-family: FontAwesome, "Font Awesome 5 Free", Verdana, Arial, Helvetica, sans-serif; font-weight: 400; color: #000; text-transform:uppercase; background:#CCC; border:0px; cursor:pointer; padding:7px 20px; text-align:center; display:inline-block; }
input.btn-selected { background:#AAA; }
input[type='submit']:hover, input[type='button']:hover, .btn:hover { background:#BBB; }
input[type='checkbox'], input[type='radio'] { height:auto; }
label.error { width:0px; height:0px; display: none; font-size:0px; visibility:hidden; }
input.error, textarea.error, select.error { border-color:#FF0000; color:#FF0000; background:#FDE6E7; }
.status_1 { color:#66CC00; }
.status_2 { color:#CC0000; }
.mt40 { margin-top:40px; }
.mb40 { margin-bottom:40px; }
.mt20 { margin-top:20px; }
.mb20 { margin-bottom:20px; }
.align_right { text-align:right; }
.label { text-align:right; padding:10px 10px 0 0; }
.label_print { padding:10px 0 0 0; }
table { border-collapse: collapse; border:1px solid #FFF; width:100%; }
thead td { padding: 7px; background:#888; color:#FFF; font-weight:bold; }
tbody td { padding: 7px; border-bottom:1px solid #DDD; vertical-align:top; }
tbody td.icon i { font-size:14px; margin-right:5px;}
tbody td.icon { white-space:nowrap; }
tbody td a { display:inline-block;  }
tbody td img { border:1px solid #DDD; }
.nowrap { white-space:nowrap; }

.wrapper { width:100%; margin: 0 auto; min-width:720px; clear: both; }
.container { max-width:95%; margin: 0 auto; clear: both; }

.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.col { display: block; float:left; margin: 0 0 0 1.6%; }
.col:first-child { margin-left: 0; }

.span_1_of_2 { width: 49.2%; }
.span_2_of_2 { width: 100%; }

.span_1_of_3 { width: 32.2%; }
.span_2_of_3 { width: 66.1%; }
.span_3_of_3 { width: 100%; }

.span_1_of_4 { width: 23.8%; }
.span_2_of_4 { width: 49.2%; }
.span_3_of_4 { width: 74.6%; }
.span_4_of_4 { width: 100%; }

.span_1_of_5 { width: 18.72%; }
.span_2_of_5 { width: 39.04%; }
.span_3_of_5 { width: 59.36%; }
.span_4_of_5 { width: 79.68%; }
.span_5_of_5 { width: 100%; }

.span_1_of_6 { width: 15.33%; }
.span_2_of_6 { width: 32.26%; }
.span_3_of_6 { width: 49.2%; }
.span_4_of_6 { width: 66.13%; }
.span_5_of_6 { width: 83.06%; }
.span_6_of_6 { width: 100%; }

.span_1_of_8 { width: 11.1%; }
.span_2_of_8 { width: 23.8%; }
.span_3_of_8 { width: 36.5%;}
.span_4_of_8 { width: 49.2%; }
.span_5_of_8 { width: 61.9%; }
.span_6_of_8 { width: 74.6%; }
.span_7_of_8 { width: 87.3%; }
.span_8_of_8 { width: 100%; }

.span_1_of_10 { width: 8.56%; }
.span_2_of_10 { width: 18.72%;  }
.span_3_of_10 { width: 28.88%; }
.span_4_of_10 { width: 39.04%;  }
.span_5_of_10 { width: 49.2%; }
.span_6_of_10 { width: 59.36%; }
.span_7_of_10 { width: 69.52%;  }
.span_8_of_10 { width: 79.68%; }
.span_9_of_10 { width: 89.84%; }
.span_10_of_10 { width: 100%; }


#header { margin-bottom:40px; }
#header .container { max-width:100%; }
#header h3 { padding:10px 20px; text-align:right; text-transform:uppercase; font-weight:bold; color:#FFF; font-size:12px; }
#header .menu { display: block;  background: #555; }
#menu a { color:#FFF; background: #666; padding: 10px 20px; height:36px; }
#menu a.select { background: #222; }
#menu ul ul > li:hover > a, #menu ul ul li a:hover { background: #555; }
#menu > ul > li.has-sub > a:hover, #menu > ul > li.has-sub:hover > a { background: #000; }
#menu > ul > li > a:hover { background: #000; }
#menu > ul > li { border-right:1px solid #888; }
#menu > ul { list-style: inside none; margin: 0; padding: 0; }
#menu > ul > li { float: left; display: inline-block; position: relative; }
#menu > ul > li > a { display: block; position: relative; text-align: center; text-decoration: none; color: #ffffff; }
#menu > ul > li > a:after { content: ""; position: absolute; z-index: 99; }
#menu > ul > li.has-sub a { padding-right:35px; }
#menu > ul > li.has-sub > a:before { content: ""; position: absolute; top: 17px; right: 15px; border: 5px solid transparent; border-top: 5px solid #ffffff; }
#menu ul li.has-sub:hover > a:after { top: 0; bottom: 0; }
#menu ul li.has-sub:hover > ul, #menu ul li.has-sub:hover > div { display: block; }
#menu > ul > li.has-sub > a:before { content: ""; position: absolute;  }
#menu > ul > li.has-sub:hover > a { z-index: 999; }
#menu ul li > ul, #menu ul li > div { display: none; width: auto; position: absolute; top: 36px; background: #666;  z-index: 999; }
#menu ul li > ul { width: 220px; }
#menu ul ul ul { position: absolute; }
#menu ul ul li:hover > ul { left: 100%; top: 0px; }
#menu ul li > ul li { display: block; position: relative;  }
#menu ul li > ul li a {  display: block; position: relative; border-right:1px solid #888; }
#menu ul ul a:hover { color: #ffffff; }
#header .sottomenu { border-bottom:1px dotted #CCC; padding: 8px 20px; }
#header .sottomenu .account ul { float:right; }
#header .sottomenu .account li { display:inline-block; margin-left:20px; }

#footer .container { max-width:100%; }
#footer { margin:20px 0; padding: 0 20px; color:#777; font-size:12px; text-align:right; }

#main .login { width:500px; margin:0 auto; }
#main .table_list table { width:100%; margin: 20px 0; }
#main .ricerca input, #main .ricerca select, #main .ricerca button { height:30px; padding:5px; }
#main .scheda .button { margin: 20px 0; }
#main .paginazione .pagine { text-align:right; }
#main .paginazione .pagine a, #main .paginazione .pagine b { border:1px solid #CCC; padding: 7px 10px; display:inline-block; }
#main .paginazione .pagine b { border-color:#FFF; }
#main #left li { margin: 0 0 10px 0; }
#main #left h2 { margin-bottom:20px; }
#main .checkbox_list { margin:0 0 20px 0; }
#main .checkbox_list li { float:left; width:25%; padding: 3px 5px; }
#main .checkbox_list label { cursor:pointer; display:inline-block;}


.grid .span_1_of_2:nth-child(2n+1) { margin-left:0px; }
.grid .span_1_of_3:nth-child(3n+1) { margin-left:0px; }
.grid .span_1_of_4:nth-child(4n+1) { margin-left:0px; }
.grid .span_1_of_6:nth-child(6n+1) { margin-left:0px; }
.grid .col { margin-bottom:10px; }

#print { margin:20px; }
#print h2 { font-size:18px; margin-bottom:20px; }
#print table { width:100%; }

/* begin css tabs */
#tabnav { border-bottom: 1px solid #999; margin:30px 0; height:24px; }
#tabnav li { display: inline; text-align: left; list-style-type: none; }
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6, body#tab7 li.tab7, body#tab8 li.tab8, body#tab9 li.tab9 { border-bottom: 1px solid #fff; background-color: #fff; }
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a, body#tab8 li.tab8 a, body#tab9 li.tab9 a { background-color: #fff; color: #000;  position: relative; top: 2px; padding: 7px 15px; }
ul#tabnav li a { padding: 7px 15px; border: 1px solid #999; background-color: #DEDEDE; color: #000; margin-right: 0px; text-decoration: none; border-bottom: none; }
ul#tabnav a:hover { background: #fff; }

.slicknav_menu { display:none; }

@media screen and (max-width: 40em){
	.js #menu { display:none; }
	.js .slicknav_menu { display:block; }
}