/* contrasto */

body, html { margin:0; padding:0; }
body { background-color:#ffffff; font-family:arial, helvetica, sans-serif; font-size:90%; color:#000000; text-align:center; }

/* layout generale - barebone */

#header {  }
#pagina,
#paginaIndex { width:100%; text-align:left; }
#main { float:right; width:100%; margin-left-22%; }
#principale { margin-left:22%; margin-right:2em; margin-top:2em; }
#navi1 {  }
#navi2 { float:left; clear:left; width:20%; }
#footer { clear:both; width:100%; margin-top:2em; }

.ancora { position:absolute; display:block; width:1px; height:1px; line-height:1px; overflow: hidden; clip: rect(0,0,0,0); } 

/* layout - pagina indice */

#paginaIndex #principale,
#paginaIndex #main { margin:0; float:none; }

#aree { padding-bottom:1em; margin-left:1em; }
  #aree h2 { font-size:1.4em; color:#05173A; }
  #aree:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* float-fix sui gecko-brausa */
  
#promo { display:none; }
#intro {  }
#post { clear:both; padding-top:1em; }

.area1 { /*background:url(fondo_area1.gif) bottom left no-repeat;*/ }
.area2 { /*background:url(fondo_area2.gif) bottom left no-repeat;*/ }
.area3 { /*background:url(fondo_area3.gif) bottom left no-repeat;*/ }
.area4 { /*background:url(fondo_area4.gif) bottom left no-repeat;*/ }

.area1,
.area2,
.area3,
.area4 { border-bottom:0.3em solid #445E92; width:22%; float:left; margin-right:1.5%; min-height:14em; height:auto !important; height:14em; font-size:0.9em; padding-bottom:0.5em; }
div[class="area1"],
div[class="area2"],
div[class="area3"],
div[class="area4"] { width:23% !important; }
  .area1 h3,
  .area2 h3,
  .area3 h3,
  .area4 h3 { background-color:#05173A; color:#ffffff; font-size:1.2em; margin:0 0 1em 0; padding:0.5em; min-height:2.5em; height:auto !important; height:2.5em; text-align:left; }
  .area1 p,
  .area2 p,
  .area3 p,
  .area4 p { padding:0 1em; }

  .area1 h3 a,
  .area2 h3 a,
  .area3 h3 a,
  .area4 h3 a { color:#ffffff; text-decoration:none; }

  .area1 h3 a:hover,
  .area2 h3 a:hover,
  .area3 h3 a:hover,
  .area4 h3 a:hover { text-decoration:underline; background-color:transparent; }

#promo { display:none;}
#intro { margin:1em; }

.area { width:18%; float:left; margin-right:1.5%; }
  .area h3 { background-color:#05173A; color:#ffffff; font-size:1.2em; margin:0 0 1em 0; padding:0.5em 0.3em; min-height:2.5em; height:auto !important; height:2.5em; text-align:center; }
  .area p { padding:0.5em; }
  
#news { margin:1em; }

/* layout generale - grafica elementi */

  /* search */
.search { width:40%; float:left; margin:1em 0.3em; }
  .search div { text-align:left; }
  .search .inputbox { float:left; margin-right:0.5em; }

  /* comuni */
h2 { font-size:2.4em; color:#000000; }
img { border:0; }

  /* pagina */
#pagina { text-align:left; margin:0 auto; }

  /* header */
#header { background:#ffffff; clear:right; }
  #header div.logo { width:313px; height:107px; margin:0 0 0 auto; overflow:hidden; font-size:3.5em; font-weight:bold; color:#2B66C4; }
	#header div.logo span { background:url(unimatica.gif) no-repeat; position:absolute; width:313px; height:107px; }

#tools { color:#ffffff; background-color:#05173A; width:100%; font-size:0.9em; }
  #tools:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* float-fix sui gecko-brausa */
  #tools ul { background-color:#05173A; list-style-type:none; float:left; }
  #tools li { margin:0; padding:0; list-style-type:none; float:left; }
  #chlang a,
  #tools li a { text-align:center; color:#ffffff; text-decoration:none; display:block; padding:0.3em 1em; }
  #chlang a:hover,
  #tools li a:hover { color:#05173A; background-color:#ffffff; }

#chlang { float:right; } 
.tools { float:right; }

.dataH { float:left; width:20%; padding:0.2em 0.7em;  }
	
	/* footer */
#footer { min-height:4em; height:auto !important; height:4em; clear:both; font-size:0.9em; border-top:0.3em solid #445E92; width:96%; margin:0 auto; padding:0.3em 0;}
#footer:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* float-fix sui gecko-brausa */
  #footer .ftesto { margin-left:3%; }
  #footer .validatori { margin-left:3%; }
  #footer p { margin:0; }

#footer .sx { width:45%; float:left; text-align:left; margin-left:1em; }
#footer .dx { width:45%; float:right; text-align:right; margin-right:1em; }
  
/* ancore */

.ancora { width:1px; height:1px; line-height:1px; overflow: hidden; clip: rect(0,1px,1px,0); } 
  
/* generale */

ul, li { padding:0; margin:0 0 0 1.5em; }

a { color:#000066; font-weight:bold; }
a:link { color:#000066;  }
a:visited {  }
a:hover { color:#ffffff; background-color:#000066; }
a:active {  }

h2, h3, h4, h5, p { margin:0.5em 0; }

#briciola { text-align:right; font-size:0.9em; font-weight:bold; }

/* ELEMENTI CMS - classi relative al CMS (articolo) */

.sunto { margin:1em 8%; background:ursunto_fondo.gif) no-repeat top left #ffffff; padding:1em 1em 1em 112px; min-height:100px; height:auto !important; height:100px; color:#000000; } 

blockquote {  }

/* ELEMENTI CMS - classi relative al CMS (navigazione principale) */

#navi1 { background-color:#05173A; width:100%; margin-top:0.5em; }
#navi1:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* float-fix sui gecko-brausa */
#navi1 ul { background-color:#05173A; list-style-type:none; float:right;  }
#navi1 li { margin:0; padding:0; list-style-type:none; float:left; }
#navi1 li a { text-align:center; color:#ffffff; text-decoration:none; display:block; border-left:1px solid #ffffff; padding:0.5em 1em; }
#navi1 li a:hover { color:#05173A; background-color:#ffffff; border-left:1px solid #ffffff; }

/* ELEMENTI CMS - classi relative al CMS (navigazione secondaria) */

#navi2 { margin:1em 0; }
#navi2 li { list-style-image:urpallino.gif); }


/* ELEMENTI CMS - stili specifici per gli elementi del cms */

blockquote { color:#666666; }

#principale .edtleft { text-align:left; }
#principale .edtcenter { text-align:center; }
#principale .edtright { text-align:right; }
 
#principale img.noallineamento { float:none; display:block; }
#principale img.sx { float:left; display:block; margin-right:0.3em; }
#principale img.cn { float:none; display:block; margin:0.3em auto; }
#principale img.dx { float:right; display:block; margin-left:0.3em; }

table.tabellaCMS { width:100%; margin:0.5em 0; }
table.tabellaCMS caption { margin:0; padding:0.3em 0; font-weight:bold; color:#333333; background-color:#f1f1f1; }
table.tabellaCMS td, 
table.tabellaCMS th { border:0; border-bottom:0.1em solid #666666; padding:0.2em; }
table.tabellaCMS th { padding:0.2em; background-color:#666666; color:#ffffff; font-size:0.9em; text-align:left; }

li#CSSacn { display:none; }