@import url(/stylesheets/lista_costi/data.css);
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

.container_12 { margin-left: auto; margin-right: auto; width: 960px; }
.container_12 .grid_1, .container_12 .grid_2, .container_12 .grid_3, .container_12 .grid_4, .container_12 .grid_5, .container_12 .grid_6, .container_12 .grid_7, .container_12 .grid_8, .container_12 .grid_9, .container_12 .grid_10, .container_12 .grid_11, .container_12 .grid_12 { display: inline; float: left; margin-left: 10px; margin-right: 10px; }
.container_12 .grid_1 { width: 60px; }
.container_12 .grid_2 { width: 140px; }
.container_12 .grid_3 { width: 220px; }
.container_12 .grid_4 { width: 300px; }
.container_12 .grid_5 { width: 380px; }
.container_12 .grid_6 { width: 460px; }
.container_12 .grid_7 { width: 540px; }
.container_12 .grid_8 { width: 620px; }
.container_12 .grid_9 { width: 700px; }
.container_12 .grid_10 { width: 780px; }
.container_12 .grid_11 { width: 860px; }
.container_12 .grid_12 { width: 940px; }
.container_12 .prefix_1 { padding-left: 80px; }
.container_12 .prefix_2 { padding-left: 160px; }
.container_12 .prefix_3 { padding-left: 240px; }
.container_12 .prefix_4 { padding-left: 320px; }
.container_12 .prefix_5 { padding-left: 400px; }
.container_12 .prefix_6 { padding-left: 480px; }
.container_12 .prefix_7 { padding-left: 560px; }
.container_12 .prefix_8 { padding-left: 640px; }
.container_12 .prefix_9 { padding-left: 720px; }
.container_12 .prefix_10 { padding-left: 800px; }
.container_12 .prefix_11 { padding-left: 880px; }
.container_12 .suffix_1 { padding-right: 80px; }
.container_12 .suffix_2 { padding-right: 160px; }
.container_12 .suffix_3 { padding-right: 240px; }
.container_12 .suffix_4 { padding-right: 320px; }
.container_12 .suffix_5 { padding-right: 400px; }
.container_12 .suffix_6 { padding-right: 480px; }
.container_12 .suffix_7 { padding-right: 560px; }
.container_12 .suffix_8 { padding-right: 640px; }
.container_12 .suffix_9 { padding-right: 720px; }
.container_12 .suffix_10 { padding-right: 800px; }
.container_12 .suffix_11 { padding-right: 880px; }
.container_12 .alpha { margin-left: 0; }
.container_12 .omega { margin-right: 0; }

.container_16 { margin-left: auto; margin-right: auto; width: 960px; }
.container_16 .grid_1, .container_16 .grid_2, .container_16 .grid_3, .container_16 .grid_4, .container_16 .grid_5, .container_16 .grid_6, .container_16 .grid_7, .container_16 .grid_8, .container_16 .grid_9, .container_16 .grid_10, .container_16 .grid_11, .container_16 .grid_12, .container_16 .grid_13, .container_16 .grid_14, .container_16 .grid_15, .container_16 .grid_16 { display: inline; float: left; margin-left: 10px; margin-right: 10px; }
.container_16 .grid_1 { width: 40px; }
.container_16 .grid_2 { width: 100px; }
.container_16 .grid_3 { width: 160px; }
.container_16 .grid_4 { width: 220px; }
.container_16 .grid_5 { width: 280px; }
.container_16 .grid_6 { width: 340px; }
.container_16 .grid_7 { width: 400px; }
.container_16 .grid_8 { width: 460px; }
.container_16 .grid_9 { width: 520px; }
.container_16 .grid_10 { width: 580px; }
.container_16 .grid_11 { width: 640px; }
.container_16 .grid_12 { width: 700px; }
.container_16 .grid_13 { width: 760px; }
.container_16 .grid_14 { width: 820px; }
.container_16 .grid_15 { width: 880px; }
.container_16 .grid_16 { width: 940px; }
.container_16 .prefix_1 { padding-left: 60px; }
.container_16 .prefix_2 { padding-left: 120px; }
.container_16 .prefix_3 { padding-left: 180px; }
.container_16 .prefix_4 { padding-left: 240px; }
.container_16 .prefix_5 { padding-left: 300px; }
.container_16 .prefix_6 { padding-left: 360px; }
.container_16 .prefix_7 { padding-left: 420px; }
.container_16 .prefix_8 { padding-left: 480px; }
.container_16 .prefix_9 { padding-left: 540px; }
.container_16 .prefix_10 { padding-left: 600px; }
.container_16 .prefix_11 { padding-left: 660px; }
.container_16 .prefix_12 { padding-left: 720px; }
.container_16 .prefix_13 { padding-left: 780px; }
.container_16 .prefix_14 { padding-left: 840px; }
.container_16 .prefix_15 { padding-left: 900px; }
.container_16 .suffix_1 { padding-right: 60px; }
.container_16 .suffix_2 { padding-right: 120px; }
.container_16 .suffix_3 { padding-right: 180px; }
.container_16 .suffix_4 { padding-right: 240px; }
.container_16 .suffix_5 { padding-right: 300px; }
.container_16 .suffix_6 { padding-right: 360px; }
.container_16 .suffix_7 { padding-right: 420px; }
.container_16 .suffix_8 { padding-right: 480px; }
.container_16 .suffix_9 { padding-right: 540px; }
.container_16 .suffix_10 { padding-right: 600px; }
.container_16 .suffix_11 { padding-right: 660px; }
.container_16 .suffix_12 { padding-right: 720px; }
.container_16 .suffix_13 { padding-right: 780px; }
.container_16 .suffix_14 { padding-right: 840px; }
.container_16 .suffix_15 { padding-right: 900px; }
.container_16 .alpha { margin-left: 0; }
.container_16 .omega { margin-right: 0; }

body { overflow: hidden; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); background: -moz-linear-gradient(bottom, #FFFFFF,  #DDDDDD); background-repeat: no-repeat; }

#contenitore { margin-left: auto; margin-right: auto; width: 960px; margin-left: 30px; }
#contenitore #colonna1, #contenitore #colonna2, #contenitore .tre, #contenitore .due, #contenitore .uno, #contenitore .duetre, #contenitore .liste { display: inline; float: left; margin-left: 15px; margin-right: 15px; }
#contenitore #colonna1 { width: 210px; position: fixed; margin-top: 10px; margin-left: 0; z-index: 100; top: 54px; overflow: auto; padding-right: 20px; }
#contenitore #colonna2 { width: 690px; padding-left: 240px; position: absolute; margin-top: 10px; z-index: 10; margin-right: 0; }
#contenitore .uno { width: 690px; }
#contenitore .due { width: 330px; }
#contenitore .tre { width: 210px; }
#contenitore .duetre { width: 450px; }
#contenitore .liste { width: 930px; }
#contenitore .alpha { margin-left: 0; }
#contenitore .omega { margin-right: 0; }

#testata { position: fixed; background: -moz-linear-gradient(top, #8f9398 0%, #8d9196 2%, #5e656e 97%, #545b63 100%); background: -webkit-gradient(linear, center top, center bottom, from(#8f9398), color-stop(2%, #8d9196), color-stop(97%, #5e656e), to(#545b63)); -moz-background-size: 100% 46px; -webkit-background-size: 100% 46px; -o-background-size: 100% 46px; background-repeat: no-repeat; z-index: 999; margin-left: 0; margin-right: 0; padding: 2px 30px; margin-top: -60px; -moz-box-shadow: 0px 2px 3px #000; -webkit-box-shadow: 0px 2px 3px  #000; }

#breadcrumb { padding: 10px 0px 2px 50px; margin: 0px; top: 33px; left: 0px; position: fixed; text-align: left; font-size: 10px; text-transform: uppercase; background: #8e9297; text-shadow: -1px -1px 2px #777777; color: #ffffff; z-index: 100; font-weight: bold; font-size: 12px; }
#breadcrumb p { margin: 0px; }

.aggiunto { position: absolute; -moz-border-image: url('../immagini/bg-dropdown-vert.png') 20 15 10 35 round stretch; -webkit-border-image: url('../immagini/bg-dropdown-vert.png') 20 15 10 35 round stretch; border-image: url('../immagini/bg-dropdown-vert.png') 20 15 10 35 fill round stretch; border-image-width: 20px 15px 10px 45px;  border-width: 20px 15px 10px 45px; border-color:transparent; border-style:solid; top: -2px; left: 180px; display: none; z-index: 800; }
.aggiunto input { padding: 3px; width: 90%; margin: 0px 0px 15px 0px; }
.aggiunto ul { overflow: auto; max-height: 200px; padding-right: 25px; margin-right: -8px; margin-bottom: -4px; min-width: 100px; }
.aggiunto li { display: block; border: 0px; border-bottom: 1px solid #dedede; white-space: nowrap; padding: 0px 5px 2px 0px; margin-bottom: 5px; color: white; }
.aggiunto li:hover a { background: none; }

.aggiungi, .aggiungi45 { position: absolute; top: 5px; }

.elimina { margin: 0px 0px -2px 5px; visibility: hidden; }

.eliminare:hover .elimina { visibility: visible; }

.arrivato { opacity: 0.25; background-color: lime; display: inline-block; }

.campo_piccolo { width: 30px; -moz-border-radius: 0px; -webkit-border-radius: 0px; padding: 2px; margin-left: 5px; }

.aggiunto input { display: none; }

#colonna2 > div { margin-bottom: 20px; position: relative; }
#colonna2 > div .aggiunto { top: -4px; left: 160px; }
#colonna2 > div .aggiungere, #colonna2 > div .fieldset { position: static; padding: 5px; border: solid 1px #b5b5b5; background: #FFFFFF url('bg_form.png') left top repeat-x; background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); box-shadow: rgba(0,0,0, 0.1) 1px 1px 1px; -moz-box-shadow: rgba(0,0,0, 0.1) 1px 1px 1px; -webkit-box-shadow: rgba(0,0,0, 0.1) 1px 1px 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; width: 100%; z-index: 2; }
#colonna2 > div .aggiungere:after, #colonna2 > div .fieldset:after { content: '.'; clear: both; display: block; color: white; margin: 0px; padding: 0px; font-size: 1px; }
#colonna2 > div .aggiungere p, #colonna2 > div .fieldset p { float: left; }
#colonna2 > div .aggiungi { top: 2px; }
#colonna2 > div p { margin-bottom: 5px; margin-left: 10px; color: #999999; }

#lavaggio .aggiungi { top: 2px; }

.colorSticker { display: inline-block; width: 15px; height: 15px; border: 1px solid #dedede; padding: 0px; line-height: 300px; }

#colorSticker .elimina { margin-bottom: 2px; }
#colorSticker .aggiunto .inserisci { border: 0px; float: left; }

#lista_costi { position: static; padding: 5px; border: solid 1px #d5d5d5; background: #FFFFFF url('bg_form.png') left top repeat-x; background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 100%; z-index: 2; }
#lista_costi th, #lista_costi td { border-bottom: 1px solid #999999; padding: 4px 10px; color: #999999; }
#lista_costi th .data, #lista_costi td .data { width: 80px; -moz-border-radius: 0px; -webkit-border-radius: 0px; padding: 2px; margin-left: 5px; }

#colonna2 .scheda, #colonna2 .multiplo { border-bottom: 1px solid #999999; padding: 0px 10px; margin: 5px 0px 10px 5px; }
#colonna2 .scheda .uno, #colonna2 .multiplo .uno { width: 618px; }
#colonna2 .scheda .due, #colonna2 .multiplo .due { width: 294px; }
#colonna2 .scheda .tre, #colonna2 .multiplo .tre { width: 186px; }
#colonna2 .scheda .duetre, #colonna2 .multiplo .duetre { width: 402px; }
#colonna2 .scheda h1, #colonna2 .multiplo h1 { font-size: 14px; font-weight: bold; text-align: right; }
#colonna2 .scheda:after, #colonna2 .multiplo:after { content: '.'; clear: both; display: block; color: white; }

.liste table { width: 100%; }
.liste td { background-color: lime; }

#wrap { overflow: auto; position: relative; margin-top: 60px; }

table { width: 100%; box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px; border: 1px solid #9e9e9e; clear: both; font-size: 12px; }
table td { padding: 2px 10px; }
table tr { background-color: #dedede; cursor: pointer; }
table tr:hover { background-color: #3875d7; color: white; }
table tr:nth-child(2n+0) { background-color: #d0d0d0; }
table tr:nth-child(2n+0):hover { background-color: #3976d8; }
table th { padding: 2px 10px; text-transform: uppercase; font-size: 10px; border-bottom: 2px solid #9e9e9e; background: -moz-linear-gradient(top, #8f9398 0%, #8d9196 2%, #5e656e 97%, #545b63 100%); background: -webkit-gradient(linear, center top, center bottom, from(#8f9398), color-stop(2%, #8d9196), color-stop(97%, #5e656e), to(#545b63)); -moz-background-size: 100% 46px; -webkit-background-size: 100% 46px; -o-background-size: 100% 46px; background-repeat: no-repeat; }
table th img { visibility: hidden; }
table th:hover img { visibility: visible; }
table th a { color: white; text-decoration: none; }
table th.ordine img { visibility: visible; }

.nuovo { display: inline-block; width: auto; font-size: 10px; text-transform: uppercase; text-decoration: none; padding: 3px 22px 2px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #7a817b; background: #d8d8d8; text-shadow: -1px -1px 2px #777777; color: #ffffff; background: -moz-linear-gradient(top, #aeaeae 0%, #b0b0b0 2%, #aeaeae 97%, #b0b0b0 100%); background: -webkit-gradient(linear, center top, center bottom, from(#aeaeae), color-stop(2%, #b0b0b0), color-stop(97%, #aeaeae), to(#545b63)); -moz-box-shadow: 0 2px 2px -1px #aaa; -webkit-box-shadow: 0px 1px 2px  #aaa; width: auto; }
.nuovo a { color: #ffffff; text-decoration: none; }
.nuovo:after { content: url('/immagini/aggiungi.png'); position: absolute; top: 1px; right: 3px; }
.nuovo:hover { -moz-box-shadow: 2px 2px 4px #8fb7d0; background: #ead0a4; color: #c47236; border: 1px solid #c47235; }

#contenitore .intestazionetabella { background-color: #d0d0d0; padding: 2px 6px; border: 1px solid #9e9e9e; position: relative; }
#contenitore .intestazionetabella .omega { position: absolute; right: 80px; top: 3px; }
#contenitore .intestazionetabella .alpha { position: absolute; right: 280px; top: 3px; }
#contenitore .intestazionetabella .due { width: auto; }
#contenitore .intestazionetabella .due input { width: 100px; }
#contenitore .intestazionetabella .due select { width: 60px; }
#contenitore .intestazionetabella p { margin: 5px 10px; display: inline-block; float: none; }
#contenitore .intestazionetabella p label { display: inline; color: #333333; }
#contenitore .intestazionetabella input[type="submit"] { margin: 5px 10px; padding: 3px 4px; position: absolute; right: 10px; border: 1px solid #7a817b; background: #d8d8d8; text-shadow: -1px -1px 2px #777777; color: #ffffff; background: -moz-linear-gradient(top, #aeaeae 0%, #b0b0b0 2%, #aeaeae 97%, #b0b0b0 100%); background: -webkit-gradient(linear, center top, center bottom, from(#aeaeae), color-stop(2%, #b0b0b0), color-stop(97%, #aeaeae), to(#545b63)); -moz-box-shadow: 0 2px 2px -1px #aaa; -webkit-box-shadow: 0px 1px 2px  #aaa; }
#contenitore .intestazionetabella input[type="submit"]:hover { -moz-box-shadow: 2px 2px 4px #8fb7d0; background: #ead0a4; color: #c47236; border: 1px solid #c47235; }
#contenitore .paginazione { background-color: #d0d0d0; padding: 2px 6px; border: 1px solid #9e9e9e; position: relative; text-align: right; box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px; }
#contenitore .paginazione p { float: left; }
#contenitore .paginazione:after { content: '.'; clear: both; font-size: 2px; line-height: 2px; margin: 0px; padding: 0px; display: block; }
#contenitore .paginazione input[type="submit"].paginacorrente { background: -moz-linear-gradient(top, #3875d7 0%, #2865c7 2%, #3875d7 97%, #2865c7 100%); background: -webkit-gradient(linear, center top, center bottom, from(#3875d7), color-stop(2%, #2865c7), color-stop(97%, #3875d7), to(#2865c7)); }
#contenitore .paginazione input[type="submit"] { margin: 2px 2px; padding: 3px 4px; border: 1px solid #7a817b; background: #d8d8d8; text-shadow: -1px -1px 2px #777777; color: #ffffff; background: -moz-linear-gradient(top, #aeaeae 0%, #b0b0b0 2%, #aeaeae 97%, #b0b0b0 100%); background: -webkit-gradient(linear, center top, center bottom, from(#aeaeae), color-stop(2%, #b0b0b0), color-stop(97%, #aeaeae), to(#545b63)); -moz-box-shadow: 0 2px 2px -1px #aaa; -webkit-box-shadow: 0px 1px 2px  #aaa; }
#contenitore .paginazione input[type="submit"]:hover { -moz-box-shadow: 2px 2px 4px #8fb7d0; background: #ead0a4; color: #c47236; border: 1px solid #c47235; }

input[type="checkbox"], input[type="radio"] { width: auto; }

#div_albero { -moz-border-image: url('../immagini/bg-no-dropdown.png') 15 5 10 5 stretch round; -webkit-border-image: url('../immagini/bg-no-dropdown.png') 15 5 10 5 stretch round; border-image: url('../immagini/bg-no-dropdown.png') 15 5 10 5 fill stretch round; border-width: 15px 5px 10px 5px; border-color:transparent; border-style:solid; border-image-width: 15px 5px 10px 5px; }
#div_albero ul { margin: 5px; padding: 0px 0px 0px 14px; }
#div_albero ul li { margin: 0px 0px 5px 0px; padding: 0px; list-style-type: none; }
#div_albero a { color: white; text-decoration: none; padding: 5px 5px 3px 5px; }
#div_albero a.attivo { background-color: #50555a; -moz-border-radius: 6px; -moz-box-shadow: inset 1px 1px 2px #333333; -webkit-border-radius: 6px; -webkit-box-shadow: inset 1px 1px 2px #333333; }
#div_albero .open { background-image: url('/immagini/open.png'); background-repeat: no-repeat; background-position: 0px 4px; padding-left: 14px; }

#colonna1 img { cursor: pointer; }
#colonna1 .note { margin-top: 20px; padding: 10px 10px 10px 10px; border: 1px solid #d5d5d5; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 10px; }
#colonna1 .note >p { color: #82abc4; text-decoration: none; font-size: 12px; margin-bottom: 2px; font-weight: bold; }
#colonna1 .note >p:after { content: url('/immagini/open2.png'); display: inline; }
#colonna1 .note p.chiuso:after { content: url('/immagini/open3.png'); }
#colonna1 .note #listanote { margin-top: 10px; }
#colonna1 .note #listanote p { font-size: 12px; padding-left: 15px; background-image: url('/immagini/note.png'); background-repeat: no-repeat; background-position: 0px 4px; margin-bottom: 10px; }
#colonna1 .note #listanote p.aggiunginota { background-image: url('/immagini/aggiungi.png'); background-position: 0px 0px; padding-left: 18px; }

#bordo { background-color: lime; position: fixed; width: 4px; border-right: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; box-shadow: rgba(0,0,0, 0.5) 1px 0px 3px; -moz-box-shadow: rgba(0,0,0, 0.5) 1px 0px 3px; -webkit-box-shadow: rgba(0,0,0, 0.5) 1px 0px 3px; left: 254px; background: -moz-linear-gradient(left, #aeaeae 0%, #b0b0b0 2%, #aeaeae 97%, #b0b0b0 100%); background: -webkit-gradient(linear, left center, right center, from(#aeaeae), color-stop(2%, #b0b0b0), color-stop(97%, #aeaeae), to(#545b63)); }

#utente { position: absolute; top: 10px; right: 100px; z-index: 1100; color: white; }
#utente a { color: #dedede; text-decoration: none; }
#utente a:hover { text-decoration: underline; }

.login { -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 260px; height: 100px; margin: 80px auto 0px auto; padding: 20px; }
.login h1 { font-weight: bold; font-size: 12px; text-transform: uppercase; color: #50555a; }
.login p { width: 90%; }

.tipocontatto { display: block; margin-top: 5px; }
.tipocontatto label { margin-right: 20px; }