html {
font-size: 100.01%;
height: 100%;
}
body {
background: #063e60 url(../bkg/bk-body.gif) repeat-x top left;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
height: 100%;
}

p {
font-size: .9em;
color : #fff;
line-height : 1.6em;
margin: 10px 0;
}

a, a:link, a:visited {
color: #fff;
}

a:hover, a:focus, a:active {
color: #999;
}

span.obbligatorio {
color: #6cf;
display: inline;
}

span.evidence {
background: #ccc;
display: inline;
color: #333;
padding: 0 3px;
}


.step h3 {
background: url(../bkg/arrow-square.gif) no-repeat right -51px;
padding: 7px 15px;
margin: 0;
border-bottom: solid 1px #6cf;
cursor: pointer;

}
.step h4 {

padding: 7px 15px 7px 5px;
border-bottom: dashed 1px #6cf;
margin-left: 20px;
cursor: pointer;
}
.step h3:hover,.step h4:hover {
color: #cff;
}
.step h3.active {
background-position: right 5px;
}
.step .prev-web {
margin: 0;
padding: 10px 0 20px;
}
.step .prev-web .sotto-prev-web {
margin: 0 0 0 20px;
padding: 10px 0 20px 20px;
}


h2 {
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 1.7em;
color : #6cf;
line-height : 2em;
}

h2.home {
margin-top: 40px;
}

h3 {
padding : 10px 0 0 0;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 1.4em;
color : #6cf;
line-height : 20px;
margin: 10px 0 3px 0;
}

h4 {
font-family : Verdana, Arial, "Sans Serif";
font-size: .75em;
color : #6cf;
}

h5 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
color: #3c3;
line-height: 1.4em;
text-align: center;
}

/* struttura */

#contenitore {
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
background-image: url(../bkg/bk-footer.gif);
background-repeat: repeat-x;
background-position: left bottom;
position: relative;
}

/* testata */

#testata {
width: 911px;
height: 120px;
margin: 0 auto;
text-align: left;
}

h1 {
font-size: 1px;
text-align: left;
float: left;
width: 500px;
height: 120px;
margin: 0 auto;
position: relative;
}

h1 span {
width: 100%;
height: 100%;
background: url(../bkg/logo.gif);
background-repeat: no-repeat;
display: block;
position: absolute;
top: 0;
left: 0;
}

.ricerca {
float: right;
width: 200px;
}

/*navigazione*/

#nav {

margin-top: 95px;
float: right;

}
.menuNavigazione {
background: #414040;
background: yellow;
height: 1em;
list-style: none;
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .9em;
line-height: 1em;

}
.menuNavigazione li {

color: #fff;
padding: 0 .5em;
border-left: 1px solid #6cf;
background: #414040;
float: left;

}

#home {
border-left: none;

}

.menuNavigazione a {
color: #6cf;
text-decoration: none;
height: 1em;
line-height: 1em;
float: left;
}

.menuNavigazione a:link,.menuNavigazione a:visited {
color: #6cf;
}
.menuNavigazione a:hover,.menuNavigazione a:focus,.menuNavigazione a:active {
color: #999;
}
.menuNavigazione li.voceCorrente {
color: #fff;
padding: 0 .5em;
background: #414040;
}

/* contenuto */

#principale {
width: 911px;
margin: 0 auto;
color: #063e60;
text-align: left;
padding-bottom: 50px;
}

#contenuto {
width: 500px;
float: left;

}

#contenuto ul li {
color: #fff;
font-size: .8em;
line-height: 1.8em;
padding-left: .5em;
}

#sidebar {
color: #b2010c;
width: 380px;
float: right;
}

#sidebar ul li {
margin: .5em;
}
ul.progetto {
border: 8px solid #fff;
background: #414040;
}
ul.progetto p {
font-size: .75em;
margin: 0;
padding: 0;
float: right;
width: 230px;
}
ul.progetto p a {
text-decoration: none;
}
ul.progetto .titolo {
color: #6cf;
}

ul.progetto li a img {
float: left;
width: 100px;
padding: 0;
margin: 0 5px 0 0;
border: 1px solid #dee5ea;
}
ul.progetto li a {
width: 100%;
}
span.titolo {
display: inline;
}

p.titolo {
font-weight: normal;
font-family : Verdana;
font-size: 1.2em;
color : #b2010c;
padding : 10px 0;
}


#servizi ul.lista {
margin: 18px 30px;
}

#servizi ul.lista li {
color: #fff;
font-size: .9em;
list-style: none;
background-image: url(../bkg/bk-tick.gif);
background-repeat: no-repeat;
background-position: 0 5px;
padding: 5px 0 10px 28px;
}

.procedura {
font-size: .9em;
color: #fff;
}
ol.procedura {
padding-left: 30px;
}

ol.procedura li {
list-style: decimal;
line-height: 1.7em;
}

#footer {
width: 100%;
position: absolute;
bottom: 0;
}
.crediti {
width: 911px;
margin: 0 auto;
text-align: left;
}

.crediti p {
color: #fff;
}

.crediti a {
color: #fff;
text-decoration: none;
}

#copyright {
font-size: .7em;
padding: 4px 0 0;
float: left;

}

#validazione {
font-size: .7em;
padding: 4px 9px 0 0;
float: right;
}

/*contatti*/

form#contatto {
color: #fff;
font-size: .8em;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-top: 1px solid #2d709a;
}
form#contatto p {
margin: 5px 0 0 0;
padding: 0;
}
form#contatto .voci {
margin: 15px 0;
}

form#contatto .voci input {
line-height: 1.5em;
font-size: 1em;
width: 240px;
float: right;
clear: both;
background-image: url(../bkg/bg-form-input.png);
background-repeat: repeat-x;
background-position: top left;
}
form#contatto .voci label {
float: left;
width: 235px;
}
form#contatto .voci textarea {
float: right;
clear: both;

}


.pulsanti input {
text-align: center;
padding: 0 7px;
margin-bottom: 5px;

color: #036;
}


#mail p {
padding: 0 0 2em 0;
margin: 0;
}
#mail {
padding: 0;
margin: 0;

}
span.mail {
font-size: 1.5em;
margin: 10px 0;
display: block;
text-align: center;
color: #fff;
}

/*preventivi*/

form#modulo {
color: #000;
font-size: .8em;
}

form#modulo label {
color: #cff;
text-transform: uppercase;
margin: 5px 0;
width: 180px;
float: left;
}


form#modulo input {
margin: 5px 10px;
float: left;
}
input.campotesto, textarea.campotesto {
background-image: url(../bkg/bg-form-input.png);
background-repeat: repeat-x;
background-position: top left;
}
form#modulo textarea {
margin: 5px 10px;
float: left;
}

form#modulo .voci label {
width: 170px;
}

.prev-web {
width: 100%;
margin: 0 0 10px 0;
padding-top: 5px;
background-image: url(../bkg/pix_filetto_box.gif);
background-repeat: repeat-x;
background-position: left top;
}
p.note {
color: #fff;
border: none;
margin: 0;
padding: 0 25px 10px 0;
width: 380px;
float: left;
font-size: 1em;
}

p.note.rientro {
padding-left: 20px;
}

form#modulo .voci {
width: 460px;
float: right;
}

form#modulo .group-voci {
float: right;
width: 440px;
}

span {
display: block;
}
.privacy {
width: 100%;
color: #353d43;
}

form#modulo .privacy label {
float: left;
width: 520px;
font-size: .7em;
margin: 0;
padding: 9px 0 0 0;
color: #fff;
}
form#contatto .privacy label {
font-size: .9em;
float: right;
width: 450px;
color: #fff;
line-height: 1.5em;
}
form#contatto .privacy {
margin: 10px 0;
}
.privacy input {
float: left;
}
input#idfile  {
color: #0b81c8;
}
input#urlfile {
color: #000;
}
input#prezzo {
color: #c00;
font-weight: bold;
}



/* Box avvisi */

.success {
font-size: 1em;
font-weight: bold;
color: #fff;
background-color: #690;
background-image: url(../images/success.gif);
background-repeat: no-repeat;
background-position: 3px 3px;
padding: 5px 5px 5px 28px;
border: 1px solid #080;
margin: 12px 0;
}

.error {
font-size: 1em;
font-weight: bold;
color: #fff;
background-color: #f66;
background-image: url(../images/error.gif);
background-repeat: no-repeat;
background-position: 3px 3px;
padding: 5px 5px 5px 28px;
border: 1px solid #f00;
margin: 12px 0;
}


p.iva {
float: left;
width: 350px;
padding: 7px 0 0 0;
display: none;
}

.campo {
margin: 50px 0 0 0;
width: 250px;
float: right;
padding: 10px;
}

.invisibile {
display: none;
}

img.datarchivi {
margin: 0 100px;
width: 300px;
}