/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}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:none}table{border-collapse:collapse;border-spacing:0}

html, body{
    font-family: 'Maven Pro', sans-serif;
    font-size:14px;
    height:100%;
    width:100%;
    line-height:120%;
    color: #222;
    margin:0px;
    padding:0px;
}
.clear{
    clear:both;
}
.floatl{
    float:left;
}
.floatr{
    float:right;
}
.relative{
    position:relative;
}
.totale{
    display:none;
    position:absolute;
    left:460px;
    top:52px;
    color: #9f000f;
    font-size: 18px;
    font-weight: bold;
}

input {
    padding: 5px;
    font-size: 15px;
    text-shadow: 0px 1px 0px #fff;
}

input[type=checkbox]{
    margin-bottom: 10px;
}
label {
    color:#444444;
}
.grigiobg{
    background-color: #444;
}
.maiuscolo{
    text-transform: uppercase;
}
.grassetto{
    font-weight: bold;
}
.font_24{
    font-size: 24px;
}
.bottom_10{
    margin-bottom: 10px;
}
.paddingbottom_10{
    padding-bottom: 10px;
}
.bottom_20{
    margin-bottom: 20px;
}
.width_310{
    width:310px;
}

.label{
    text-transform: uppercase;
    font-weight: bold;
}

.label img{
    vertical-align: sub;
    margin-left:2%;
    cursor:pointer;
}

.sublabel{
    color: #444;
}

.sublabelGrigio{
    color: #ACBAA6;
    font-weight: bold;
}

.output{
    width:450px;
    text-align:right;
    margin-left:7px;
    color: rgba(186, 186, 186, 0.99);
    font-weight:bold;
}
.width_75{
    width:75px;
}
.width_80{
    width:80px;
}
#wrapper{
    min-height:100%;
    height:auto !important;
    height:100%;
    margin:0 auto -50px; /* margine negativo altezza footer */
}

.pushfooter{
    height:50px; /* altezza footer */
    clear:both; /* clear di eventuali float se presenti nel layout */
}

.riga_superiore{
    height:25px;
    width:100%;
    background-color: #343434;
}

.riga_inferiore{
    height:80px;
    color:white;
    border-top:1px solid white;
}
.riga_inferiore h1{
    font-size: 22px;
    margin-top: 20px;
    font-weight: bold;
}

.menu{
    position:relative;
    height:108px;
    padding: 0px 30px;
    min-width:900px;
    background-color: #fff;
}
.margin_auto{
    width: 900px;
    margin: auto;
}
#menu_dx{
    width: 70%;
    float:right;
    text-align: right;
}

img#logo{
    float:left;
    padding-right: 10px;
    padding-top: 10px;
}

.buttonScuro{
    border: none;
    margin-top:10px;
    height:33px;
    color:#ffffff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px #666666;
    cursor: pointer;
    padding:0px 20px;
}

.buttonScuro2 {
    background-color: #00904b;
    border: none;
    margin-top:10px;
    height:25px;
    color:#cccccc;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px #666666;
}
span.infomsg {

    border: none;
    margin-top:10px;
    height:25px;
    color:#004e20;
    font-size: 12px;
    text-shadow: 1px 1px #666666;
    padding:8px;
    text-align: right;
}

.buttonChiaro {
    background-color: #004e20;
    border: none;
    margin-top:10px;
    height:33px;
    color:#000000;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    padding:0px 20px;
}

.shadow {
    box-shadow: 1px 1px 1px 1px rgba(50, 50, 50, 0.6);
 }

.box{
    padding:30px;
    width:900px;
    margin:auto;
}

.outer_content{
    background: url('../img/diagonale_larga.png') white;
    border:10px solid white;
    -moz-box-shadow: 0 0 3px 3px #868686;
    -webkit-box-shadow: 0 0 3px 3px #868686;
    box-shadow: 0 0 3px 3px #868686;
    position:relative;
}

.ui-accordion .ui-accordion-header{
    margin-top:0px !important;
    background-color: #f4f4f4;
    border-bottom: 1px solid #ececec;
}

.ui-accordion-header-active{
    background-color: white !important;
}

.ui-accordion .ui-accordion-content{
    padding: 3% 2%;
    border-radius: 0px;
    border:none;
    background: none;
}

.colonna_dx_outer input[type=text], .colonna_dx_outer select, .colonna_dx_outer textarea{
    width:96%;
    margin-bottom:5px
}

.content textarea{

    width:450px;

}

.content select{
    width:200px;
}

.content span.sublabel{
    padding-bottom: 5px;
}

#left_label{

    height: 31px;
    line-height: 30px;
    position:absolute;
    top:10px;
    padding:0px 20px;
    left:-15px;
    min-width:250px;
    -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.6);
    -moz-box-shadow:    2px 2px 2px rgba(50, 50, 50, 0.6);
    box-shadow:         2px 2px 2px rgba(50, 50, 50, 0.6);
    font-size: 16px;
    font-weight: bold;
    color:#070300;
}
#right_label{
    background-color: #00904b;
    height: 31px;
    line-height: 30px;
    position:absolute;
    top:10px;
    padding:0px 20px;
    right:-15px;
    min-width:200px;
    -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.6);
    -moz-box-shadow:    2px 2px 2px rgba(50, 50, 50, 0.6);
    box-shadow:         2px 2px 2px rgba(50, 50, 50, 0.6);
    font-size: 16px;
    font-weight: bold;

}
#sottotitolo{
    float:left;
    color:#fff;
}
#right_label a{
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 1px 1px #000000;
    color:#ffffff;
}
#right_label a:hover{
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 1px 1px #000000;
    color:#004e20;
}
#linguetta_right_label{

    width: 14px;
    height: 40px;
    position:absolute;
    top:10px;
    right:-24px;
    background-image: url('../img/dx.png');
    z-index: 2
}

.content{
    width:100%;
    height:100%;
}

.inner_content{
    background-color: white;
    margin:70px 20px 20px 20px;
    border:1px solid #ececec;
    padding:20px;
}

.checkbox_label{
    float:left;
    width:360px;
}

.resetta{
    margin-left: 322px;
    font-size: 18px;
    line-height: 24px;
    cursor:pointer;
    width:120px;
}

.resetta img{
    vertical-align: top;
    margin-right:10px;
}

.validateTips{
    color: #9f000f;
    font-weight: bold;
    display:none;
    text-align:center;
    width:100%;
}

.add_png{
    vertical-align: bottom;
    margin-left:10px;
}

.numeric{
    width:50px;
}

.select_style1{
    border: 0px;
    padding: 3px;
    margin-top:3px;
}

.footer{
    height: 49px;
    width:100%;
    min-width:1060px;
    border-top:1px solid #444;
}

/* classi checco */

td.tdForm1{
    width: 150px;
    vertical-align: top;
}
.width_70{
    width: 70px;
    vertical-align: top;
}
.paddingleft{
    padding-left:50px;
}
input.css3button {
    font-size: 14px;
    text-transform: uppercase;
    margin-left:150px;
    color: #ffffff;
    padding: 10px 20px;
    background: -moz-linear-gradient(
        top,
        #004e20 0%,
        #788c36);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#004e20),
        to(#788c36));
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 0px solid #279134;
    -moz-box-shadow:
        0px 1px 3px rgba(094,138,044,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.7);
    -webkit-box-shadow:
        0px 1px 3px rgba(094,138,044,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.7);
    box-shadow:
        0px 1px 3px rgba(094,138,044,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.7);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.2),
        0px 1px 0px rgba(255,255,255,0.3);
}

.cke{
    width:900px !important;
}
.mtop10{
    margin-top: 10px;
}
.margin10{
    margin:10px;
    }
.mright10{
    margin-right:10px;
}
.mtop30{
    margin-top:30px;
}
.mbottom30{
    margin-bottom:30px;
}
.padding10{
    padding:10px;
}
.alignleft{
    text-align: left;
}
.alignright{
    text-align: right;
}
.width_50{
    width:50px;
}
.width_80{
    width:80px;
}
.width_100{
    width:100px;
}
.width_150{
    width:150px;
}
.width_200{
    width:200px;
}
.width_300{
    width:300px;
}
.width_100x100{
    width:100%;
}
.width_30x100{
     width:30%;
 }
.width_70x100{
    width:70%;
}
.width_885{
    width:885px;
}
.trasparente{
    opacity:0.0;
    filter:alpha(opacity=0);
}

.left_label{
    float:left;
    width:75%;
}

.short_input{
    float:right;
    width:15% !important;
}

.padddingtop_10{
    padding-top: 10px;
}

.padddingtop_5{
    padding-top: 5px;
}

.centrato{
    text-align: center;
}

.strong{
    font-weight: bold;
}

.progressbar{
    height: 10px;
    width:100px;
    float:right;
    margin-top: 10px;
}

img.fotoDomanda{
    margin:10px;
    padding:5px;
    border:1px solid #ECECEC;
}

.select{
    background-color: transparent;
    border: 1px solid #ececec;
    padding: 5px;
}

.intro_container{
   border: 1px solid #ECECEC;
    padding:10px;
}

.margin0{
    margin:0px!important;
}

.legendaminmax{
    color:#666666;
    font-size:12px;
    font-style: italic;
}

table.griglia{
    width:100%;
    margin-bottom: 15px;
}

table.griglia thead th{
    padding: 6px 0px;
    background-color: #004e20;
    color: #fff;
}

table.griglia td{
    padding: 4px 0px;
    border-bottom: 1px dotted #d5d59d;
}

/* The Overlay (background) */
#ascomparsa-overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    overflow-y: hidden; /* Disable horizontal scroll */
}

/* Position the content inside the overlay */
#ascomparsa-content {
    position: relative;
    top: 80px; /* 25% from the top */
    width: 80%; /* 100% width */
    height: calc(100% - 80px);
    margin-left: 10%;
    text-align: center; /* Centered text/links */
}

#ascomparsa-content img{
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 90%;
    margin: 20px auto;
    border: 3px solid white;
}

#ascomparsa-content #ascomparsa-countdown{
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    top:-60px;
    left: 20px;
    color: white;
    text-shadow: 0 0 1px 1px #333;
}