html,body{margin:0; padding: 0;}

body {
	background: #ffdd00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

img{border:0;}
*{margin:0; padding:0;}
table{ border-collapse:collapse;}

h1, h2, h3, h4{font-weight:bold; color:#005798;}

h1{font-size:200%; margin:0 0 20px;}
h2{font-size:160%; margin:0 0 15px;}
h3{font-size:130%; margin:0 0 10px;}
h4{font-size:110%;}

ul, ol{margin: 0px 30px 20px}
li{margin:0 0 5px;}

a:link, a:visited{color:#005798; text-decoration:none}
a:hover{color:#005798; text-decoration:none}

.formitem {
    position:relative;
    margin: 0 0 20px;
}

label{color:#005798;}
.campo,.area{width:200px; padding:2px; border:#005798 solid 1px; background:#f0f0f0; margin:3px 6px 3px 30px;}

.campo,.area,.langflags { margin:3px 6px 3px 30px;}

.xxl {width: 350px}
.xl {width: 300px}
.l {width: 250px}
.s {width: 100px}
.xs {width: 40px}

.campo { /*height:16px;*/}
.area { height:60px;}
.button { width: 80px;}
.prev{margin-left:0px; position:absolute;}
.next{margin-left:340px;}

.errors {color: #a00; font-weight: bold;}

/* ***** totale ***** */
div#cont{
    position:relative;
    width:885px;
    margin: 0 auto;
    padding: 0 15px;
    background: url(../img/bg.png) repeat-y right top #ffdd00;
}


div#header {position: relative; height: 84px; padding: 20px;}

div#datiFooter {position: relative; text-align:center; padding: 10px; color: #444; font-size: 90%;}

#contenuti{position:relative; top:0px; left:0px;
    width:435px; margin: 0;
    background: url(../img/bus.png) no-repeat right bottom #fff;
    min-height: 500px; height: auto !important; height: 500px;
    font-size:110%; padding:0 205px 50px 245px;
}

#logo_atvo{
    position:absolute; top:20px; left:25px;
    height: 84px; width: 191px;
}

#img_header{
    position:absolute; top:20px; left:241px;
    height: 84px; width: 400px;
}


.sx a,
.sx a:active,
.sx a:visited {
    color: #fff;
}

.sx{
    position:absolute; top:0px; left:25px;
    background: url(../img/sx_bottom.png) no-repeat left bottom #FFDD00;
    width:191px;
    min-height: 300px; height: auto !important; height: 300px;}

.sx1{
    background: url(../img/sx1.png) no-repeat left top;
    width:191px;
    min-height: 50px; height: auto !important; height: 50px;}

.sxn{
    background: url(../img/sx2.png) no-repeat left top;
    width:191px;
    min-height: 50px; height: auto !important; height: 50px;}

.sx p{width:100px; padding:20px 0px 30px 50px; color:#fff;}
.sx1 p{padding-top:25px !important}

#contenuti p{line-height:140%; /*margin:10px 0 15px;*/}

.stepnum{font-size:40px; color:#fff; font-weight:bold; float:left; position:absolute; margin-left:15px; margin-top: 10px;}

.currentStep p,
.currentStep .stepnum { color: #005798; }

.currentStep a,
.currentStep a:hover,
.currentStep a:active,
.currentStep a:visited {
    color: #005798;
}

#footer{  background: url(../img/bg_footer.png) #ffdd00; height:26px; width:915px; margin: 0 auto; position: relative;}

#footer #bg_bl, #footer #bg_br {
    position: absolute;
    top: 0;
}
#footer #bg_bl {
    left: 0;
}
#footer #bg_br {
    right: 0;
}


table#riepilogo {
    margin: 10px 0 20px;
    width: 400px;
}


table#riepilogo th,
table#riepilogo td {
    font-size: 85%;
    padding: 2px 4px;
}

table#riepilogo th,
table#riepilogo td.label {
    color:#005798;
    font-weight: normal;

}

table#riepilogo th {
    vertical-align: bottom;

}

table#riepilogo th.details {
    width: 50px;

}

table#riepilogo td {
    border-top: 1px solid #e0e0e0;
    vertical-align: top;
}

.alc {
    text-align: center;
}

.alr {
    text-align: right;
}

.all {
    text-align: left;
}


.boxConfiguratore {
  margin: 6px 0 30px 0;

}

.boxConfiguratore table, .boxConfiguratore td {
  margin: 0;
  padding: 0;
}

.boxConfiguratore td, .boxConfiguratore th {
    border-bottom: 1px solid #e0e0e0;
}

.boxConfiguratore th {
    font-weight: normal;
    color: #005798;
    text-align: left;
}


.boxConfiguratore td.label {
  font-size: 85%;
}

.boxConfiguratore td.label, .boxConfiguratore th.label {
  width: 350px;
  padding: 2px 10px 2px 4px;
}

.boxConfiguratore td.chk, .boxConfiguratore th.chk {
  width: 14px;
  padding: 2px 0px;
}

.boxConfiguratore td.qty, .boxConfiguratore th.qty {
  width: 31px;
  padding: 1px 4px 1px 4px;
}

.boxConfiguratore th.qty {
    text-align: center;
}


.boxConfiguratore td.qty input {
  text-align: right;
}

.grayed {
    color: #777;
    font-style: italic;

}

#avvertenze, #testo_avvertenze, #testo_avvertenze_iframe {
    position: absolute;
    right: 20px;
    border: 1px solid #555;
    color: #111;
}

#avvertenze {
    top: 0px;
    height: 14px;
    padding: 3px 25px
}

#testo_avvertenze_iframe,
#testo_avvertenze {
    visibility: hidden;
    top: 18px;

}

#testo_avvertenze {
    background: #ffdd00;
    overflow: auto;
    width: 500px;
    height: 360px;
    padding: 10px;

}

#testo_avvertenze_iframe {
    border: 0;
    padding: 0;
    margin: 0;
    width: 522px;
    height: 382px;

}

#testo_avvertenze p{
    margin-bottom: 10px;
}