root {
    DISPLAY: block
}

BODY {
    PADDING: 0px 0px 0px 0px;
    margin: 0em; 
    FONT-SIZE: 81%; 
    FONT-FAMILY: thaoma, verdana, arial, sans-serif;
    background: rgb(150, 150, 150);
    color: #003333;
    TEXT-ALIGN: center;
    background-image: url(images/FondoChiaro.gif);
    background-position: top left;
    background-repeat: repeat-x;
}

IMG {
    border: 0px;
}

div {
    display: block;
    margin: 0px;
    padding: 0px;
    border: 0px solid red;
}

FORM {
    float: none;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}

.pageWidth, div#pageContent {
    width: 59em;
}

.normalFontSize, p, ul {
    font-size: 1em;
}

.normalLineHeight, p, ul {
    line-height: 1.3em;
}

div#pageContent {
    position: relative;
    margin: 0px auto; 
    TEXT-ALIGN: center;
}

div#floatContext {
    background:url("images/SeparaVerde.gif") repeat-y scroll 14em 0 #FFFFFF;
    float: left;
    clear: both;
    border: 1px solid black;
}

div#header {
    float: left;
    clear: both;
    background-image: url(images/FondoHeader.gif);
    background-position: top left;
    background-repeat: repeat-x;
    width: 100%;
    text-align: left;
    background-color: rgb(255, 255, 255);
    border-bottom: 2px solid rgb(0, 102, 44);
}

div#separatore {
    float: left;
    margin: 0px;
    padding: 0px 0px 6px 0px;
    background-image: url(images/Divisore.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    border: 0px;
}

div#subtitle {
    margin: 0px;
    padding: 0px;
    float: left;
    clear: left;
    background-color: rgb(255, 255, 255);    
}

div#puzzleSovrapposto {
    font-size: 0px;
    margin-top: 17px;
    padding: 0px;
    float: right;
    border-left: 1px solid rgb(0, 102, 44);
}

img#puzzleSovrapposto {
    margin: 0px;
    padding: 0px;
}

div.ombraSopraDX {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 21px;
    height: 17px;
    background-image: url(images/OmbraAltaDX.gif);
    background-position: top right;
    background-repeat: no-repeat;    
}

div#treeFolders {
    overflow: auto;
    float: left;
    width: 12em;
    text-align: left;
    clear: left;
    border: 1px solid rgb(0, 102, 44);
    margin-bottom: 0.5em;
    margin-top: 0.8em;
}

div#treeFoldersContent {
    padding: 0em;
    margin-bottom: 0.5em;
}

div.folder {
    padding-top: 0.2em;
    margin-left: 0.5em;
    border-left: 1px dashed rgb(0, 102, 44);
}

div.folder a {
    background-image: url(images/folder.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 22px;
}

div.folder a.selected {
    background-image: url(images/folder_green.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 22px;
}

div#colonnaMenu {
    float: left;
    clear: left;
    width: 14em;
}

div#menu {
    background-color: rgb(0, 102, 44);
    background-image: url(images/CurvaMenu.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    float: left;
    width: 100%;
    text-align: left;
    padding-bottom: 20px;
}

div.vocimenu {
    width: 100%;
    float: left;
    padding-bottom: 1.0em;
}

div.vocemenu {
    padding: 0.5em 0px;
    float: left;
    clear: left;
    width: 100%;
    /*white-space: nowrap;*/
    border-bottom: 1px dashed rgb(200, 200, 200);
}

div.vocesottomenu {
    padding: 0.5em 0px;
    padding-left: 0.5em;
    float: left;
    clear: left;
    /*white-space: nowrap;*/
}


div.vocemenu div.vocemenu {
    border-bottom: none;
}

img.voceMenu {
    vertical-align: middle;
}

a.vocemenu {
    background-image: url(images/Puzzleino.jpg);
    background-position: top left;
    background-repeat: no-repeat;
/*    display: block;*/
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 22px;
    margin-left: 2px;
    font-family: Arial, sans-serif;
    TEXT-TRANSFORM: uppercase;
    TEXT-DECORATION: none;
    font-weight: bold;
    color: rgb(200, 200, 200);
}

a.vocemenu:hover {
    background-image: url(images/IlluminaMenu.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    TEXT-DECORATION: underline;
    COLOR: rgb(255, 255, 255);
}

div#footer {
    background-color: white;
    vertical-align: bottom;
    width: 100%;
    float: left;
    /*clear: right;*/
    border-top: 1px solid rgb(0, 102, 44);
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

div#footer div#certifications {
    float: left;
    text-align: center;
    clear: left;
    font-size: 0.9em;
    padding: 0.2em;
}

div#footer div#certifications a {
    text-decoration: none;
    TEXT-TRANSFORM: uppercase;
    }

div#footer div.content {
    float: right;
    clear: right;
    text-align: right;
    font-size: 0.8em;
    padding-right: 0.5em;
}

div#mainSection, div#mainSectionNews {
    float: right;
    width: 44.8em;
}

div#mainSection div.content {
    padding: 0.5em;
    float: left;
    text-align: justify;
}

div#formLogin {
    float: left;
    text-align: center;
    padding-top: 5em;
    padding-bottom: 5em;
    padding-left: 9em;
}

div#elencoCertificati {
    float: left;
    width: 500px;
    border-bottom: 1px dashed rgb(0, 102, 44);
}

div#certScelto {
    padding-top: 0.5em;
    float: left;
    text-align: left;
    width: 100%;
}

div.iconaCertificato {
    text-align: center;
    float: left;
    width: 33%;
    border-right: 1px solid rgb(0, 102, 44);
}

label {
    text-align: left;
    display: block;
    float: left;
    width: 12em;
}

fieldset {
    padding: 0.3em;
    text-align: left;
}

img.textDecoration, img.textDecorationLeft {
    border: 1px solid rgb(0, 102, 44);
    padding: 2px;
}

img.textDecoration, div.textDecoration {
    margin-right: 0em;
    margin-left: 0.5em;
    float: right;
}

img.textDecorationLeft {
    margin-top: 1em;
    margin-right: 0.5em;
    float: left;
}

h1 {
    text-align: left;
    font-family: Arial Rounded MT Bold, Verdana, Arial, sans-serif;
    background-image: url(images/FondoH1.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-color: rgb(255, 255, 255);
    padding: 0px 0px 0px 3px;
    margin: 0.5em 0px 0.2em 0px;
    font-size: 1.5em;
    font-weight: normal;
}

h2 {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px dashed rgb(100, 100, 100);
    font-family: Arial, sans-serif;
    TEXT-TRANSFORM: uppercase;
    TEXT-DECORATION: none;
    font-weight: bold;
    font-size: 1em;
    background-image: url(images/SfondoMenu3.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
}

h3 {
    font-family: Arial Rounded MT Bold, Verdana, Arial, sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0.2em 0em;
}

p {
    padding: 0px;
    margin: 0px;
    padding-bottom: 0.5em;
}

h1, h2, h3, a, th, strong {
    color: rgb(0, 102, 44);
}

img.certificato {
    border: 1px solid rgb(0, 102, 44);
}

fieldset#newUser {
    display: block;
    width: 55%;
    float: right;
}

fieldset#usersList {
    display: block;
    width: 35%;
    float: left;
}

BUTTON.collapserBut, BUTTON.expanderBut, BUTTON.deleteButton, BUTTON.editButton, button.schedaButton {
    background-color: white;
    BORDER: 0px;
    CURSOR: pointer; 
    margin-RIGHT: 0.5em; 
    margin-LEFT: 0.5em;
    PADDING-BOTTOM: 0.5em;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    background-position: left top;
}

BUTTON.newButton {
    float: right;
}

BUTTON.collapserBut {
    background-image: url(images/collapser.gif);
    float: left; 
}

BUTTON.expanderBut {
    background-image: url(images/expander.gif); 
    float: left;
}

BUTTON.deleteButton {
    background-image: url(images/deleteButton.gif);
    float: right;
    margin: 0.2em 0.3em; 
}

BUTTON.editButton {
    background-image: url(images/editButton.jpg);
    float: right; 
    margin: 0.2em 0.3em; 
}

BUTTON.schedaButton {
    background-image: url(images/dataSheet.jpg);
    float: right;
    margin: 0.2em 0.3em; 
}

div.detailsHeader {
    float: left;
    width: 100%;
}
div.th {
    float: left;
    margin-right: 0.5em;
}

table.fileStats {
    border: 1px solid rgb(0, 102, 44);
    margin-top: 0.5em
}

table.fileStats th {
    margin: 0px;
    border-bottom: 1px dashed rgb(0, 102, 44);
    border-left: 1px dashed rgb(0, 102, 44);
    border-right: 1px dashed rgb(0, 102, 44);
    padding: 0.2em;
}

table.fileStats td {
    margin: 0px;
    padding: 0.1em;
    text-align: center;
    border-left: 1px solid rgb(210, 230, 220);
    border-right: 1px solid rgb(210, 230, 220);
    border-top: 1px solid rgb(210, 230, 220);
}

table#funzioni, table#prodotti, table#applicazioni {
    border: 1px solid rgb(0, 102, 44);
    border-bottom: 0px;
    margin: 0.5em 0em;
}

table#funzioni td, table#prodotti td, table#applicazioni td {
    vertical-align: top;
    text-align: left;
    border-bottom: 1px solid rgb(0, 102, 44);
    padding: 0.2em;
}

table#applicazioni td.link {
    font-size: 0.8em;
    border-right: 1px solid rgb(0, 102, 44);
    text-align: center;
}

table#funzioni td.link {
    font-size: 0.7em;
    border-right: 1px solid rgb(0, 102, 44);
    text-align: center;
    width: 6em;
}

a.funzioni {
    width: 100%;
    display: block;
    text-align: center;
    padding: 0.1em;
}

table#prodotti td.link {
    font-size: 1em;
    border-right: 1px solid rgb(0, 102, 44);
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
}
table#prodotti td.link h1 {
    font-size: 1.1em;
}

table#prodotti td.link h1 b{
    font-weight: normal;
}


table#funzioni td.link a, table#prodotti td.link a, table#applicazioni td.link a {
    text-transform: uppercase;
    font-family: Arial Rounded MT Bold, Verdana, Arial, sans-serif;
    text-decoration: none;
}

table#funzioni td.link a:hover, table#prodotti td.link a:hover, table#applicazioni td.link a:hover {
    text-decoration: underline;
}

div.viewFunctions {
    text-align: right;
    padding-right: 0.2em;
    bottom: 0em;
}

div#map {
    border: 1px solid rgb(0, 102, 44);
    overflow: hidden;
    float: left;
    width: 42.5em;
    height: 23em;
}

div.colonna50sx {
    overflow: hidden;
    float: left;
    width: 20.5em;
    margin-right: 0.5em;
    padding-left: 0.5em;
}

div.colonna50dx {
    float: right;
    width: 20.5em;
    padding-right: 0.5em;
}

div.colonna100 {
    float: left;
    width: 100%;
}

div.columnContent {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

div.ombraSX {
    float: left;
    CLEAR: both;
    width: 100%;
    padding-left: 21px;
    background-image: url(images/OmbraSX.gif);
    background-position: top left;
    background-repeat: repeat-y;
}

div.ombraSopraSX {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 21px;
    height: 208px;
    background-image: url(images/OmbraAlta.gif);
    background-position: top left;
    background-repeat: no-repeat;    
}

div.ombraDX {
    float: left;
    CLEAR: both;
    width: 100%;
    padding-right: 21px;
    background-image: url(images/OmbraDX.gif);
    background-position: top right;
    background-repeat: repeat-y;
}

div#chiusuraSfumata {
    font-size: 1px;
    width: 100%;
    float: left;
    height: 16px;
    background-image: url(images/OmbraBR.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-right: 21px;
}

div#chiusuraSfumata div.BL{
    width: 100%;
    float: left;
    height: 16px;
    background-image: url(images/OmbraBL.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
}

div#chiusuraSfumata div.BT{
    width: 100%;
    float: left;
    height: 16px;
    background-image: url(images/OmbraBT.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
}

img.gamma, img.gammaApp {
    display: block;
    clear: both;
    text-align: center;
    border: 1px solid black;
    margin: 0.3em 0.5em 0.5em 0em;
    margin-left: auto;
    margin-right: auto;
}

ul {
    margin-top: 0px;
    margin-bottom: 0.5em;
    margin-left: 2em;
    padding: 0px;
}

ul a {
    font-size: 1em;
    /*font-weight: bold;*/
}
table.dettagliProdotti {
    display: block;
    width: 100%;
    border: 1px solid rgb(0, 102, 44);
    margin-bottom: 0.5em;
    margin-top: 0.3em;
    float: left;
}

table.dettagliProdotti th {
    border-bottom: 1px dashed rgb(0, 102, 44);
}
th.prodotto {
    width: 50%;
}

th.scheda {
    text-align: center;
    width: 25%;
    border-left: 1px dashed rgb(0, 102, 44);
}

th.capitolato {
    text-align: center;
    width: 25%;
    border-left: 1px dashed rgb(0, 102, 44);
}

td.scheda, td.capitolato {
    text-align: center;
    border-left: 1px solid rgb(200, 200, 200);
}

div.colonnaSX {
    width: 50%;
    float: left;
}

hr {
    float: left;
    width: 100%;
    clear: both;
}

fieldset#elencoFunzioni, fieldset#elencoApplicazioni {
    display: block;
    float: left;
    width: 19em;
}

fieldset#elencoApplicazioni {
    margin-left: 0.5em;
}

fieldset#infoGamma, fieldset#elencoTipologie {
    width: 39.5em;
}

img.thumbgamma, img.thumbgammaDestra {
    vertical-align: middle;
    margin: 1px;
    border: 1px solid rgb(200, 200, 200);
}

img.thumbgammaDestra {
    float: right;
}

table.listaProdotti td {
    border-top: 1px dashed rgb(200, 200, 200);
}

img.allegato {
    vertical-align: middle;
    text-align: center;
}

a.applicazioni {
    font-size: 0.9em;
    margin: 0.2em;
    text-transform: uppercase;
    font-family: Arial Rounded MT Bold, Verdana, Arial, sans-serif;
    text-decoration: none;
    display: block;
    text-align: left;
}

a.applicazioni:hover {
    text-decoration: underline;
}

img.fileIcon {
    vertical-align: middle;
}

tr.dispari {
    background-color: rgb(240, 250, 244);
}

tr.pari {
    background-color: rgb(240, 244, 240);
}

table.filelist {
    border: 1px solid rgb(200, 200, 200);
    display: block;
    float: right;
    width: 31em;
}

table.filelist td {
    margin: 0px;
    padding: 0.1em;
    border-right: 1px solid rgb(200, 200, 200);
    border-top: 1px solid rgb(200, 200, 200);
    text-align: left;
}

table.filelist th {
    padding: 0.1em;
    border-right: 1px dashed rgb(200, 200, 200);
}

fieldset.fileManager{
    display: block;
    float: right;
    width: 30em;
}

table.gammaCategoria {
    border: 1px solid rgb(200, 200, 200);
}

table.gammaCategoria th{
    white-space: nowrap;
    vertical-align: top;
    border-top: 1px solid rgb(200, 200, 200);
}

table.gammaCategoria th.tableTitle {
    border-top: none;
}

table.gammaCategoria td{
    padding-left: 0.5em;
    vertical-align: top;
    border-top: 1px solid rgb(200, 200, 200);
}

div.borderGroup {
    overflow: hidden;
    border-bottom: 1px solid rgb(200, 200, 200);
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

img.bandierinaLingua {
    margin-right: 0.3em;
    margin-left: 0.3em;
    border: 1px solid rgb(200, 200, 200);
}

div#marqueecontainer{
    border-top: 1px dashed rgb(200, 200, 200);
    border-bottom: 1px dashed rgb(200, 200, 200);
    margin: 0em 0em;
    height: 10em;
    width: 13em;
    float: left;
}

div#news {
    margin-top: 1em;
    height: 13em;
    float: left;
    clear: left;
    margin-left:0.5em;
}

div#news h2{
    padding-left: 1em;
    margin-left: 0.2em;
    text-align: left;
    margin-right: 0.1em;
    background-image: none;
    border: none;
}

div.notizia h3 {
    font-size: 0.9em;
    padding: 0em;
    margin: 0em;
    letter-spacing: 0.1em;
}

div.notizia p{
    font-size: 0.8em;
    padding: 0px;
    margin: 0px;
}

div.notizia {
    padding: 0.5em 0em;
    border-bottom: 2px solid rgb(200, 200, 200);
}

h1.news {
    margin-bottom: 0.5em;
}

table#elencoNews {
    padding: 0px;
    margin: 0px;
}

table#elencoNews td{
    margin: 0px;
    padding: 0.2em 0.3em;
    border: 1px solid rgb(200, 200, 200);
}

img.news {
    float: right;
}

div#newsContent {
    padding: 0.5em;
    margin: 0em 0.5em;
    /*float: left;*/
    text-align: justify;
}

div#mainSectionNews div.content{
    padding: 0px;
    float: left;
}

div#newsImage {
    float: right;
    clear: right;
}

table.referenze {
    width: 100%;
    margin: 0.5em 0em;
    border-bottom: 1px solid rgb(0, 102, 44);
    border-right: 1px solid rgb(200, 200, 200);
    text-align: left;
}

table.referenze td, table.referenze th{
    border-top: 1px solid rgb(200, 200, 200);
    border-left: 1px solid rgb(200, 200, 200);
    padding: 0.2em;
}

table.referenze td {
    font-size: 0.9em;
}

table.referenze td.cantiere {
    border-top: 1px solid rgb(0, 102, 44);
}

table.referenze th {
    font-size: 0.8em;  
    font-family: Arial Rounded MT Bold, Verdana, Arial, sans-serif;
}

div.inputFieldSeq {
  float: left;
  margin-right: 0.5em;
  width: 20em;
}

div.inputFieldSeq label {
  white-space: nowrap;
  width: 9em;
}

div.inputFieldSeq select {
  width: 10em;
}

div.ingrandire {
  text-align: center;
  font-size: 0.7em;
}

label.short {
  width: 8em;
}

div.print {
  width: 500px;
  float: left;
  clear: both;
  text-align: right;
  margin-bottom: 0.3em;
}

div.print img {
  vertical-align: middle;
}

div#sponsor {
    float: left;
    width: 100%;
}