/*  -webkit-touch-callout: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;   */

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin : 0;
    padding : 0;
    border : 0;
    font-size : 100%;
    font : inherit;
    vertical-align : baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display : block;
}
body {
    line-height : 1;
}
ol, ul {
    list-style : none;
}
blockquote, q {
    quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content : '';
    content : none;
}
table {
    border-collapse : collapse;
    border-spacing : 0;
}
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.container:after {
    content : "\0020";
    display : block;
    height : 0;
    clear : both;
    visibility : hidden;
}
.clearfix:before, .clearfix:after, .row:before, .row:after {
    content : '\0020';
    display : block;
    overflow : hidden;
    visibility : hidden;
    width : 0;
    height : 0;
}
.row:after, .clearfix:after {
    clear : both;
}
/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear : both;
    display : block;
    overflow : hidden;
    visibility : hidden;
    width : 0;
    height : 0;
}
/* #Basic Styles
================================================== */
body {
    background: url(../images/bkg/background.png);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.float-left {
    float: left;
}

.float-right {
    float: right;
}


a.colore:link     { color: #70AF1A; text-decoration: none; }
a.colore:visited  { color: #70AF1A; text-decoration: none; }
a.colore:hover    { color: #999999; text-decoration: none; }

#intestazione {
    border: 2px solid #F6F6F6;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    color: #000000;
    padding: 15px;
    text-align: center;
    text-transform: capitalize;
    background: white;
}

#intestazione1 {
    border: 2px solid #F6F6F6;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    color: #000000;
    padding: 2px;
}

.input_Prezzo {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C3C3C3;
    border-radius: 2px;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1) inset;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    outline: medium none;
    padding: 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}

 .op-succ{
     color: #70AF1A;
     font-size: 20px;
     padding-bottom: 10px;
 }
 .op-err{
     color: red;
     font-size: 20px;
     padding-bottom: 10px;
 }