/* default */

body, html { margin:0; padding:0; }
body { background:#87B1C6; font-family:arial, helvetica, sans-serif; font-size:76%; line-height:1.4; color:#000000; text-align:center; }

/* layout generale - barebone */
#pagina, #paginaIndex { background-color:#ffffff; text-align:left; margin:0 auto; max-width:900px; min-width:520px; width:95% !important; } 
#main { float:right; width:100%; margin-left:-22%; }
#principale { margin-left:22%; }
#navi2 { float:left; clear:left; width:20%; }

/* layout - pagina indice */
#paginaIndex #main { float:left; width:100%; margin-right:-22%; margin-left:0;  }
#paginaIndex #principale { margin-right:22%; margin-left:0; background:url(mainI_fondo.gif) top left repeat-x #ffffff;  }
#paginaIndex #news { float:right; clear:right !important; width:22%; display:inline; }
#paginaIndex #main { background:url(pagina_fondoI.gif) repeat-y 78% 0 #ffffff; }

  /* aree centrali */
#aree { margin:0; padding:1em 0 1em 2%; background-color:#E8E8E8; border-top:0.15em solid #FFD072; overflow:hidden;	width:98%  }
  #aree:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } 
  
#intro { padding:60px 6% 2em 170px; background:url(intro.gif) top left no-repeat; text-align:center; font-weight:bold; font-size:1.25em; color:#0068B1; }

.area1, .area2, .area3, .area4 
{ width:22.9%; float:left; margin-right:2%; background:url(area_fondo2.gif) top left no-repeat #ffffff; min-height:18em; height:auto !important; height:18em; font-size:0.9em; padding-bottom:0.5em; }
  .area1 h3, .area2 h3, .area3 h3, .area4 h3 
  { background:url(area_fondo.gif) top right no-repeat; color:#291809; font-size:0.9em; margin:0 0 0.5em 0; padding:0.3em 0.7em; min-height:2.5em; height:auto !important; height:2.5em; text-align:right; line-height:1; }
  .area1 p, .area2 p, .area3 p, .area4 p 
  { padding:0 1em; line-height:1.3; font-size:1.1em; }
  .area1 h3 a, .area2 h3 a, .area3 h3 a, .area4 h3 a 
  { font-size:0.9em; color:#291809; 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; }
* html .area1, 
* html .area2,
* html .area3,
* html .area4 { width:22%; }

#post { font-weight:bold; font-size:1.25em; color:#0068B1; text-align:center; clear:both; padding:2em 6%; margin:0 1em 0 0; }

  #post p { margin:0;  }

  /* area news */
#news { font-size:0.9em; background:url(news_fondo.gif) top left repeat-x; }
  #news h2 { margin:0; color:#2070A8; font-size:1em; padding:11px 0 3px 1em; }  
  #news .boxnews { padding:0 1em 1.5em 1em; }
  #news .data { color:#000000; border:0; }
  #news .cont { text-align:right; background-color:#BBE9FF; margin:0 -1em; padding:0.3em 1em; }
  #news h3 { font-size:1em; background-color:#F1FAFF; margin:0 -1em; padding:0.3em 1em; }
  #news hr { height:2px; border:0; color:#B1DFF6; background-color:#B1DFF6; margin:0.5em 0; padding:0; }

.newsData { font-weight:bold; font-size:0.9em; }

/* layout generale - grafica elementi */

  /* breadcrumb */
#briciola { text-align:right; color:#291809; font-size:0.9em; padding:0.5em 0; }
  #briciola p { margin:0; padding:0; }

  /* link correlati */
.correlati { font-size:0.9em; }

  /* elementi comuni */
h1 { font-size:1.8em; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }
img { border:0; }

input { font-family:arial, helvetica, sans-serif; }

hr { height:0.27em; border:0; color:#FFD072; background-color:#FFD072; margin:1em 0; }

form { margin:0; }

  /* cerca nel sito */
.search { float:left; width:35%; padding:0.7em 0 0 0.7em; color:#5F5F5F; }
  .search input#inputsearch { border:1px solid #291809; width:7em; padding:0.1em 0.2em; }
  .search .buttonsearch { font-size:1em; background-color:#FFD072; color:#291809; font-weight:bold; border:1px solid #291809; }
  .search div { text-align:left; }
  .search .inputbox { float:left; margin-right:0.5em; }

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

/* layout generale - grafica */

  /* pagina */
#pagina { text-align:left; margin:0 auto; }
#principale { margin-right:2%; min-height:18em; height:auto !important; height:18em; }
#main { background:url(pagina_fondo.gif) repeat-y 20% 0;  }
  
  /* header */
#header { background:url(fondo_header.jpg) no-repeat 0 -3em #ffffff; clear:right; text-align:right;
 }
  #header div.logo { position:relative; width:278px; height:104px; margin:0 10px 10px auto; overflow:hidden; font-size:1em; font-weight:bold; color:##064F99; position:relative; top:0; right:0; }
  #header div.logo span { background:url(unimatica.gif) no-repeat; position:absolute; top:0; right:0; width:278px; height:104px; }

#tools { background:url(header_fondo1.gif) 0 0 no-repeat #E8E8E8; width:100%; font-size:0.9em; border-bottom:0.2em solid #FFD072; min-height:3em; height:auto !important; height:3em; }
  #tools:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* float-fix sui gecko-brausa */
  
  #header ul,
  #header li { list-style-type:none; }
  #tools ul { list-style-type:none; float:left; margin:0; padding:0; }
  #tools li { margin:0; padding:0; list-style-type:none; float:left; list-style-image:none; }
  #chlang a,
  #tools li a { text-align:center; color:#291809; text-decoration:none; display:block; margin:0.5em 0 0 0; padding:0.2em 1em; }
  #chlang a:hover,
  #tools li a:hover { color:#ffffff; background-color:#291809; }

#chlang { float:right; } 
.tools { float:right; }
.tools ul,
.tools li { list-style-type:none; }

  /* header - visibilita' switcher */

#switcher { display:none; } /* inizialmente nascosto - attivato da JS */

#CSSdef, #CSSdef a { display:none; }
#tools #CSSacn a { padding:0 0.5em; display:block; width:18px; height:18px; background:url(contrasto.gif) no-repeat 0.5em 0; }
#tools #CSStex a { padding:0 0.5em; display:block; width:18px; height:18px; background:url(testuale.gif) no-repeat 0.5em 0; }

#tools #CSSacn a:hover { background-position:0.5em -23px; background-color:#ffffff; }
#tools #CSStex a:hover { background-position:0.5em -23px; background-color:#ffffff; }
#CSSdef span, #CSSacn span, #CSStex span { position:absolute; left:-9999px; }
  
  /* footer */
#footer { min-height:3em; height:auto !important; height:3em; clear:both; border-top:0.3em solid #FFD072; background-color:#ffffff; padding:0.5em 1em; margin-top:1.5em; font-size:0.9em; }
  #footer:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } 

  #footer .sx { width:35%; float:left; }
  #footer .dx { width:55%; float:right; text-align:right; }
  #footer p { margin:0; line-height:1.3; }
  #footer img { margin:0.2em; }
    #footer .data { border:0; color:#555553; font-weight:normal; padding-top:0.5em; }
    
/* ancore */

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

ul, ol { padding:0; margin:1em 0 1em 2em; }
li { list-style-image:url(bullet1.gif); }
ul ul,
ul ol { margin:0.5em 0 0.5em 1em; }
ul ul li { list-style-image:url(bullet2.gif); }
ul ul ul li { list-style-image:url(bullet3.gif); }
a { color:#135499; font-weight:bold; }
a:link {  }
a:visited {  }
a:hover { color:#ffffff; background-color:#2070A8; }
a:active {  }

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

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

.data { font-weight:bold; color:#555555; text-align:right; border-bottom:1px solid #555555; }
  #principale h1 { color:#2070A8; background:url(titolo_fondo.gif) no-repeat top left; min-height:43px; height:auto !important; height:43px; padding-top:18px; padding-left:44px; margin:0; }
  #principale h2 { font-size:1.2em; color:#2070A8; }
  #principale h3 { font-size:1.1em; }

.sunto { margin:1em 8%; background:url(sunto_fondo.gif) no-repeat top left #F7F9FC; padding:1em 1em 1em 92px;  min-height:100px; height:auto !important; height:100px; color:#003a71; } 

blockquote {  }

/* ELEMENTI CMS - classi relative al CMS (navigazione principale) */
#paginaIndex #navi1 { background:url(navi1_fondoI.gif) no-repeat top left #FFD072; }
#navi1 { color:#291809; background:url(navi1_fondo.gif) no-repeat top left #FFD072; font-size:0.9em; padding-left:11em; }
#navi1:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* float-fix sui gecko-brausa */
#navi1 ul { list-style-type:none; text-align:right; margin:0; padding:0.6em 0; }
#navi1 li { margin:0 0 0 -0.3em; padding:0; list-style-type:none; display:inline; }
#navi1 li a { border-left:1px solid #291809; text-align:center; color:#291809; text-decoration:none; padding:0.1em 0.5em; margin:0; }
#navi1 li a:link {  }
#navi1 li a:visited {  }
#navi1 li a:hover { background-color:#ffffff; }
#navi1 li a:active {  }


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

#navi2 { margin:0 0 1em 0; width:18%; padding:0 0 215px 1em; font-size:0.9em; background:url(navi2_fondo.gif) bottom left no-repeat; }
* html #navi2 { display:inline; }
  #navi2 ul { margin:1em; padding:0 0 0 1em;  }
  #navi2 li { color:#18547E; margin:0.5em 0; padding:0; list-style-image:url(bullet.gif); }
  #navi2 li a { color:#18547E; display:block; margin:0; }
    #navi2 li a:link {  }
    #navi2 li a:visited {  }
    #navi2 li a:hover { color:#ffffff; background-color:#18547E; }
    #navi2 li a:active {  }

#navi2:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* float-fix sui gecko-brausa */

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

blockquote { color:#555555; }

.edtLeft { text-align:left; }
.edtCenter { text-align:center; }
.edtRight { text-align:right; }
.edtJustify { text-align:justify; }
 
img.edtNoallineamento { float:none; display:block; }
img.edtLeft { float:left; display:block; margin-right:1em; }
img.edtCenter { float:none; display:block; margin:1em auto; }
img.edtRight { float:right; display:block; margin-left:1em; }

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; vertical-align: top;}
table.tabellaCMS th { padding:0.2em; background-color:#666666; color:#ffffff; font-size:0.9em; text-align:left;}

.imageleft{float:left; margin-right:0.7em;}
.imageright{float:right; margin-left:0.7em; }

.def1 ul { margin-bottom:3em; }
.def2 h2 { font-size:1em; }