/* Metto tutti i margini a zero così ho una baseline unica*/
* {margin:0; padding:0}
/* Impostazioni globali di body*/


body { padding: 2px 3px 3px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; margin: 3px auto auto 10px; text-align:center}


/* ==== Layout della Pagina === */ 

/* l'header contiene il logo e la barra di navigazione*/   
div#header { color: white; font-size: 10px; line-height: 10px; width:750px; align:center; background-color:#F2F2F2; }
div#headerimmagini { width:750px; background-color:#F2F2F2; border: 1px solid gray;}


/* content area contiene tutto tra header e footer*/   
div#contentarea { width:750px; text-align:left; border: 1px solid gray;}

/* content area e' divisa in due layer 'uno' contiene azienda (unoa) e notizie (unob)*/   
div#uno { width:100%; background-color: white; padding-bottom:10px;}
div#unoa { width:32%; float:left; margin-right: 5px; }
div#menubox { width:32%; float:left; margin-right: 5px; background-color: #F2F2F2; margin-bottom: 5px; text-align: left;}

div#unob {width:66%; float:left;}
/* content area e' divisa in due layer 'due' contiene soluzioni e progetti (duea) e prodotti e clienti (dueb)*/   
div#due { background-color: white; width:100%; padding-bottom:10px;}
div#duea { width:49%; float:left; padding-right: 3px; border-right: 1px solid gray}
div#dueb { width:49%; float:left; padding-left: 3px}    
div#duealogin { width:49%; float:left; padding-right:3px; border-right: 0px solid gray}
div#dueblogin { width:49%; float:left;padding-left: 6px}    


/* le pagine interne  contengono solo il layer 'uno' diviso in unoa e unobint*/   
div#unobint {width:66%; float:left; background-color: #FFF; padding-bottom:50px; }


/* il footer e' la linea blu in basso*/   
div#footer { width:750px; color: white; font-size: 11px; line-height: 1.3em;  background-color:#0d2a62; padding: 5px }


/*
Fine Layout della Pagina
*/ 



/* per accessibilità del sito, consente di saltare i menu e andare direttament all'ancora all'inizio del testo*/
div#saltamenu {position:absolute; top:-10000px; margin:0; padding:0; height:1px; width:1px; font-size:0.1em; line-height:0.1em; }


/* Giochetti per eviatare cose non volute */
/* si deve usare alla fine di una sezione in cui c'e' un'immagine flottante affinche' non scompagini quello che segue  */
.clearthefloats {clear:both;}
/* si usa affinchè i layer affiancati e di dimensioni diverse non si sovrappongano a quelli di sotto*/
.clearfix:after {       
      content: ".";        
      display: block;        
      height: 0;       
      clear: both;        
      visibility: hidden;
 }
.clearfix {display: inline-block;}        
* html .clearfix {height: 1%;}       
.clearfix {display: block;} 

 div.titolobox {background: #0d2a62 url(tab.gif) no-repeat right top; color: white; margin-right: 0%; font-size: 0.8em; font-weight: bold; padding: 3px; border-bottom: 1px solid white;}
 div.titolobox a{ background: #0d2a62 url(frecce.gif) no-repeat; color: white; padding-left: 30px; }

 div.testo { color: black ; font-size: 0.7em;  line-height: 1.4em; padding: 3px 3px 3px 5px; text-align: left;}
 div.testologin { color: black ; font-size: 0.7em;  line-height: 1.4em; padding: 3px 3px 3px 5px; text-align: right;}
 div.testo span { color: black; font-size: 1em;  font-weight: bold; line-height: 1.1em; }
 div.testo img {float:left; margin:4px 6px 4px 0;}
 div.testo img.imgdx {float:right; margin:4px 6px 4px 0;}

 hr { color: gray; background-color: gray; height: 5px; }

div#header img { border-width: 0; }
div#headerimmagini img { border-width: 0; }

 div.titolosezione { color: #0d2a62; font-size: 0.9em;  font-weight: bold; line-height: 1em; padding-top: 3px; padding-left: 3px; }
 div.titolosezione a:link {color: #0D2A62; text-decoration: none;}
 div.titolosezione a:visited {color: #0D2A62; text-decoration: none;}
 div.titolosezione a:hover { color: #0d2a62; text-decoration: underline; }
 div.titolosezione a:active {color: #0D2A62; text-decoration: none;}

 p.grigiobold {color: #0D2A62; text-decoration: bold;}
 /* table { width: 500px; border: solid 1px gray } */
 /* th {color: #0d2a62; font-size: 0.6em; font-weight: bold; line-height: 1em; text-align: left; padding-top: 3px; padding-bottom: 1px; padding-left: 3px }  */
 /* td {color: gray; font-size: 0.6em;  line-height: 1,1em; padding: 3px 3px 3px 5px;} */
 td {color:black; font-size:0.6em; line-height: 1,1em; padding: 3px 3px 3px 5px;} 

 div.box {  background-color: #ccc; border: solid 1px gray; padding: 5px 5px 5px 5px; }
 div.box a:link {color: #0D2A62;text-decoration: none;}
 div.box a:visited {color: #0D2A62;text-decoration: none;}
 div.box a:hover {color: #0D2A62;text-decoration: underline; }
 div.box a:active {color: #0D2A62;text-decoration: none;}

 div#footer a:link {color: #fff; text-decoration: none;}
 div#footer a:visited {color: #fff; text-decoration: none;}
 div#footer a:hover { color: #fff; text-decoration: underline; }
 div#footer a:active {color: #fff; text-decoration: none;}

/* Voci di menu a sinistra */
 ul { color: #0d2a62; font-size: 1.2em;  font-weight: bold; line-height: 1.8em; padding-left: 15px; list-style-image: url(arrow.gif); text-align:left}
 ul a:link {color: #0d2a62;text-decoration: none;}
 ul a:visited {color: #0d2a62;text-decoration: none;}
 ul a:hover {color: #0d2a62;text-decoration: underline; }
 ul a:active {color: #0d2a62;text-decoration: none;}

 span a:link {color: black;text-decoration: none;}
 span a:visited {color: black;text-decoration: none;}
 span a:hover {color: black;text-decoration: underline; }
 span a:active {color: black;text-decoration: none;}

 div.titolobox a:link {color: white;text-decoration: none;}
 div.titolobox a:visited {color: white;text-decoration: none;}
 div.titolobox a:hover {color: white;text-decoration: underline; }
 div.titolobox a:active {color: white;text-decoration: none;}
 .clearfix:after {       
      content: ".";        
      display: block;        
      height: 0;       
      clear: both;        
      visibility: hidden;
 }
 .clearfix {display: inline-block;}        
 * html .clearfix {height: 1%;}       
 .clearfix {display: block;}