body {
margin : 0;
padding : 0;
}
table {
font : 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align : center;
}
h1 {
font-family : Verdana, Arial, Helvetica, sans-serif;
}
h3 {
font-family : Verdana, Arial, Helvetica, sans-serif;
}
select {
font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
caption {
font-weight : bold;
}

a {
text-decoration: none;
}

/* Sortable tables */
table.sortable a.sortheader {
   
    color:#FFFFFF;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: #FFFFFF;
    text-decoration: none;
}

.headerBox {
width : 598px;
height : 50px;
position : absolute;
top : 0;
left : 0;
padding : 0;
margin : 0;
background : url(../JPG/top.gif) no-repeat top;
font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 84%;
}


.introBox {
width : 598px;
height : 160px;
position : absolute;
top : 50px;
padding : 0;
margin : 0;
font : Century Gothic Verdana, Arial, Helvetica, sans-serif;
background : url(../JPG/bodySfondo.jpg) no-repeat;
}
.introBox p {
padding : 20px 20px 0;
text-align : center;
font-size: 120%;
font-weight: bold;
}
.introBox ol {
padding-left : 100px;
}


.introBottomBox {
width : 375px;
height : 240px;
position : absolute;
top : 245px;
left : 0;
padding-top : 5px;
padding-left: 3px;
margin : 0;
font : 55% Verdana, Arial, Helvetica, sans-serif;
background : url(../JPG/sfondoIntroBottomBox.jpg) no-repeat;
}
.introBottomBox div {
font-size: 120%;
font-weight: bold;
}


.bodyBox {
width : 598px;
height : 160px;
position : absolute;
top : 48px;
left : 0;
padding : 0;
margin : 0;
font : 80% Verdana, Arial, Helvetica, sans-serif;
background : url(../JPG/bodySfondo.jpg) no-repeat;
}
.bodyBox h3 {
text-align : center;
}
.bodyBox .geometria {
margin-left : 120px;
margin-top : 25px;
}
.bodyBox .geometria caption {
font-size : 140%;
}
.bodyBox .dimensioni {
margin-left : 120px;
margin-top : 25px;
}
.bodyBox .dimensioni caption {
font-size : 140%;
font-weight : bold;
}
.bodyBox .titoloSelLiq {
position : absolute;
top : 10px;
left : 70px;
font-size : 90%;
font-weight : bold;
}
.bodyBox .selLiq {
position : absolute;
top : 30px;
left : 60px;
}
.bodyBox .titoloSelMat {
position : absolute;
top : 100px;
left : 70px;
font-size : 90%;
font-weight : bold;
}
.bodyBox .selMat {
position : absolute;
top : 120px;
left : 100px;
}
.bodyBox .titoloSelAlim {
position : absolute;
top : 25px;
left : 370px;
font-size : 90%;
font-weight : bold;
}
.bodyBox .selAlim {
position : absolute;
top : 45px;
left : 430px;
}
.bodyBox .titoloRadioConv {
position : absolute;
top : 95px;
left : 370px;
font-size : 90%;
font-weight : bold;
}
.bodyBox .radioConv {
position : absolute;
top : 91px;
left : 470px;
font-size : 85%;
}
.bodyBox .titoloRadioAntidef {
position : absolute;
top : 125px;
left : 370px;
font-size : 90%;
font-weight : bold;
}
.bodyBox .radioAntidef {
position : absolute;
top : 121px;
left : 470px;
font-size : 85%;
}
.bodyBox .riepilogoAlto {
position : absolute;
top : 30px;
left : 30px;
font-size : 90%;
}
.bodyBox .riepilogoAlto table {
border : 1px solid black;
border-collapse : collapse;
}
.bodyBox .riepilogoAlto td {
border : 1px solid black;
padding : 0.2em;
font-weight : bold;
}
.bodyBox .titoloSelNum {
position : absolute;
top : 20px;
left : 320px;
font-size : 90%;
font-weight : bold;
}
.bodyBox .selNum {
position : absolute;
top : 40px;
left : 500px;
}
.bodyBox .selNumLow {
position : absolute;
top : 80px;
left : 500px;
}


.riepilogoAltoRisultati {
position : absolute;
top : 50px;
left : 0px;
width: 598px;
height: 160px;
padding-left:20px;
font : 60% Verdana, Geneva, Arial, Helvetica, sans-serif;
background: url(../JPG//bodySfondo.jpg) no-repeat;
}
.riepilogoAltoRisultati table {
border : 1px solid black;
border-collapse : collapse;
}
.riepilogoAltoRisultati td {
border : 1px solid black;
padding : 0.2em;
font-weight : bold;
}
.tabellaRisultati {
position : absolute;
top : 130px;
left : 0px;
margin: 0px;
font : 60% Century Gothic, Verdana, Geneva, Arial, Helvetica, sans-serif; 
background: transparent;
}
.tabellaRisultati table {

}
.tabellaRisultati caption {
font-size : 120%;
color: #0064CE;
}

.tabellaRisultati #modello {
font-weight: bold;
}

.tabellaRisultati th {
border : 1px solid #0064CE;
color: #FFF;
background: #002753;
}
.tabellaRisultati td {
border : 1px solid #0064CE;
color: #0064CE;
background: #D5E4F0;
}

.tabellaRisultati p {
margin-top : 20px;
margin-left : 35%;
}
.tabellaRisultati div{
margin : 0px;
}


.popupButton {
width: 800px;
height: 50px;
padding-left: 40%;
}


.alertBox {
width : 400px;
height : 150px;
padding-top: 20px;
font-family : Century Gothic, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
text-align : center;
background: url(../JPG/alertSfondo.jpg) no-repeat;
}
.alertBox p {
border-top : 1px solid;
padding-top : 15px;
}


.catalogoBox {
padding : 0;
margin : 0;
font : 70%  Century Gothic, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.catalogoBox table {
}
.catalogoBox caption {
font : 180%;
color: #0064CE;
}

.catalogoBox #dispari {
background: #D5E4F0;
}

.catalogoBox #pari {
background: #FCF4E4;
}
.catalogoBox #modello {
font-weight: bold;
}
.catalogoBox th {
border : 1px solid #0064CE;
color: #FFF;
background: #002753;
}
.catalogoBox td {
border : 1px solid #0064CE;
color: #0064CE;
}

.cataButton{
padding-left: 35%;
}

.riepilogoBox {
width : 370px;
height : 283px;
position : absolute;
top : 212px;
left : 5px;
padding : 0;
margin : 0;
font : 80% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
background : url(../JPG/bottomLeft.jpg) no-repeat bottom left;
}
.riepilogoBox div {
margin-left : 15px;
margin-top : 0;
}
.riepilogoBox table {
border : 3px solid black;
border-collapse : collapse;
}
.riepilogoBox td {
border : 1px solid black;
padding : 0.2em;
}


.navigationBox {
width : 220px;
height : 275px;
position : absolute;
top : 220px;
left : 378px;
/*padding-top : 10px; */
margin : 0;
background : url(../JPG/bottomRight.gif) no-repeat bottom right;

}


.menuNavigazione {
margin-left : 165px;
margin-top : 21px;
margin-bottom : 0;
padding : 0;
list-style : none;
height : 6em;
}
.menuNavigazione li {
float : left;
}
.menuNavigazione a {
float : left;
height : 2em;
line-height : 2em;
padding : 0 0.7em;
text-decoration : none;
white-space : nowrap;
color : rgb(186, 223, 255);

}
.menuNavigazione a:link, .menuNavigazione a:visited {
color : blue;
}
.menuNavigazione a:hover, .menuNavigazione a:focus, .menuNavigazione a:active {
background : rgb(98, 185, 237);
color : rgb(18, 1, 179);
}
.menuNavigazione .voceCorrente a {
background : rgb(163, 210, 238);
color : blue;
}
.menuNavigazione .voceCorrente a:link, .menuNavigazione .voceCorrente a:visited, .menuNavigazione .voceCorrente a:hover, .menuNavigazione .voceCorrente a:focus, .menuNavigazione .voceCorrente a:active {
background : rgb(142, 142, 255);
color : rgb(186, 223, 255);
}

.dispari {
background: #D5E4F0;
font: 85% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}

.pari {
background: #FCF4E4;
font: 85% Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}