/* ================================================================================================================

STILI CLIO P.A.

1) BODY e DIV STRUTTURALI
   1a) top
   1b) 4 box home
   1c) bottom
  
2) STILI GENERICI
   2a) font-size
   2b) h, p, ul, img, a, separatori, stili testo, icone 
   2c) titoli e relativi link
   2d) box contenuti
   2e) paginazione
   2f) tools-dettagli
   
3) TOP
   3a) vesti grafiche
   3b) menù principale
   3c) menù tools
   
4) COLONNA SX
   4a) logo
   4b) box-sx e box-dx
   4c) menù macrosezione

5) BOTTOM
   5a) torna inizio pagina
   5b) recapiti-copy
   5c) validatori
   
6) FORM
   6a) generali
   6b) form top home
   
7) TABELLE

8) RICORRENZE
   8a) Natale
   
/* ================================================================================================================



/*NAVIGAZIONE ASSISTITA PER NON VEDENTI*/
.navigazione-assistita
{
position:absolute;
top:-1000em;
width:1px;
height:1px;
overflow:hidden;
}

.dato_errato {color:#FF0000}


/*INSTALLAZIONE MODULI*/

#installazione .checkbox{
	width:5%; 
	float:left; 
	padding:2px 2px 4px 2px; 
	text-align:left; 
	color:#003333; 
	background-color:#ffffff
	}

/* ==================================== 1) inizio BODY e DIV STRUTTURALI ==================================== */
#body {
	margin: 0;
	padding: 0;
	text-align:center;
	color:#5A5A5A;
	background-color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

#pagina {
	text-align:left;
	margin: 0 auto 0 auto;
	width: 920px;
	background-color:#fff;
	height: auto !important;
	}
	
#dx {
	width: 705px;
	float: right;
	height: auto !important;
	}
	
#sx {
	float: left;
	width: 204px;
	}
	
/* --------------- 1a) top  --------------- */
#vesti-grafiche {
	width:100%;
	text-align:right; 
	padding-top:3px;
	}
	
#top{
    border-top: 1px solid #fff;
	float:left;
	height: auto !important;/* importante per Firefox */
	background: #E3E5E9 url(/img/bg_top.gif) repeat-x left top;
	}
#top, #top-sx, #top-dx {
	height: 180px;
	}
#top-sx {
	
	padding-top:7px;
	float:left;
	width:470px;
}
#top-dx {
	width:235px;
	float:right;
	height: auto !important;/* importante per Firefox */
	}
#top-level2 {
	float:left;
	height: 84px;
	width:705px;
	border-top: 1px solid #fff;
	background-color:#E3E5E9;
	}
	
#account {
	margin-top:10px;
	text-align:center;
	}
#account a{
	text-decoration:underline;
}
	
#menu {
	width:100%;
	background-color:#fff;
	border-bottom: 6px solid #EFEFF4;
	}

#tools {
	width:auto;
	padding: 0 6px 2px 0;
	background-color:#EFEFF4;
	text-align:right;
	border-top: 1px solid #fff;
	/*border-bottom: 1px solid #D2DADE;*/
	}
/* --------------- fine top --------------- */	

#menu-contestuale {
	width:100%;
	border-bottom: 1px solid #D2DADE;
	padding: 10px 0 10px 0;
	}

#contents-sx {/* --------------- da usarsi quando c'è la colonna destra nei contenuti (contents-dx) --------------- */
    width:490px;
	float:left;
	/*background-color:#eee;*/
	}
#contents-dx {
	width:204px;
	float:right;
	margin-top:11px;
    /*background-color:#ddd;*/
	}
	
/* --------------- 1b) 4 box home  --------------- */
.row-box {
   background: #fff url(/img/box_home.gif) repeat-x left bottom;
   height:1%;/* ------ importante per far espandere i 4 box in IE --------------- */
   }
#formazione, #progetti, #prodotti-servizi, #ricerca-innovazione, .link-section-sx, .link-section-dx {width:347px;}
#prodotti-servizi, #ricerca-innovazione, .link-section-dx {
   float:left;
   }
#formazione, #progetti, .link-section-sx {
   float:right;
   }
.row-box p, .link-section-sx a, .link-section-dx a {padding: 0 14px 5px 20px;margin:0;}
.row-box #formazione h1, .row-box #progetti h1, .row-box #prodotti-servizi h1, .row-box #ricerca-innovazione h1 {
    padding: 0 14px 5px 40px;
	margin:0;
	line-height:1em;
	letter-spacing:-1px;
	}
.link-section-sx, .link-section-dx {
   text-align:right;
   padding-bottom:10px;
   padding-top: 10px;
   background: #fff url(/img/box_home.gif) repeat-x left bottom;
   } 
#dx .link-section-sx a, #dx .link-section-dx a {
   background: url(/img/arrow-box-home-off.gif) no-repeat left 5px;
   padding-left:9px;
   color:#333;
   text-decoration:none;
   }

#formazione {background: url(/img/formazione/box_home_bg.gif) no-repeat right top;}   
#formazione h1 {
   /*color:#439802;*/
   color:#65AE2E;
   background: url(/img/formazione/h1.gif) no-repeat 20px 3px;
   }
#dx #link-home-formazione {
   color:#49A203;
   background: url(/img/formazione/arrow-box-home.gif) no-repeat left 5px;
   }
#dx #link-home-formazione:hover {text-decoration:underline;}
#formazione h1 a, #formazione h1 a:hover {color:#65AE2E;}



#progetti {background: url(/img/progetti/box_home_bg.gif) no-repeat right top;}   
#progetti h1 {
   /*color:#D48C14;*/
   color:#E3A640;
   background: url(/img/progetti/h1.gif) no-repeat 20px 3px;
   }
#dx #link-home-progetti {
   color:#EB9C17;
   background: url(/img/progetti/arrow-box-home.gif) no-repeat left 5px;
   }
#dx #link-home-progetti:hover {text-decoration:underline;}
#progetti h1 a, #progetti h1 a:hover {color:#E3A640;}



#prodotti-servizi {background: url(/img/prodotti_servizi/box_home_bg.gif) no-repeat right top;}   
#prodotti-servizi h1 {
   /*color:#D62D29;*/
   color:#EF5451;
   background: url(/img/prodotti_servizi/h1.gif) no-repeat 20px 3px;
   }
#dx #link-home-prodotti-servizi {
   color:#F32621;
   background: url(/img/prodotti_servizi/arrow-box-home.gif) no-repeat left 5px;
   }
#dx #link-home-prodotti-servizi:hover {text-decoration:underline;}
#prodotti-servizi h1 a, #prodotti-servizi h1 a:hover {color:#EF5451;}



#ricerca-innovazione {background: url(/img/ricerca_innovazione/box_home_bg.gif) no-repeat right top;}   
#ricerca-innovazione h1 {
   /*color:#A438A8;*/
   color:#B659B9;
   background: url(/img/ricerca_innovazione/h1.gif) no-repeat 20px 3px;
   }
#dx #link-home-ricerca-innovazione {
   color:#A704AD;
   background: url(/img/ricerca_innovazione/arrow-box-home.gif) no-repeat left 5px;
   }
#dx #link-home-ricerca-innovazione:hover {text-decoration:underline;}
#ricerca-innovazione h1 a, #ricerca-innovazione h1 a:hover {color:#B659B9;}
/* -------------------------------------------- */

.inizio-pagina {
	width:100%; 
	padding-top:8px;
	padding-bottom:28px;
	margin-bottom:11px;
	font-weight:bold;
	}
   
/* --------------- 1c) bottom  --------------- */
#bottom {
	width:100%;
	border-top: 1px solid #D2DADE;
	color:#464646;
	clear:both;
	}
#loghi {
    width:150px;
	clear:both;
	margin-bottom:12px;
	margin-left:404px;
	text-align:center;
	}
	
/* ==================================== fine BODY e DIV STRUTTURALI ==================================== */


/* ====================================== 2)inizio STILI GENERICI ====================================== */
/* --------------- 2a) font-size  --------------- */
#body {font-size:90%;}
#pagina {font-size:0.75em;}
h1 {font-size:1.6em;}
h2 {font-size:1.5em;}
h3 {font-size:1.2em;}
#sx h3, #contents-dx h3 {font-size:1.1em;}

/* --------------- 2b) h, p, ul, img, a, separatori, stili testo, icone  --------------- */
p, ul, ol, h1, h2, h3 {
   margin:0;
   padding:0;
  } 

p {line-height: 1.8em; margin: 10px 0 10px 0;}
.tot-elementi {
   font-weight:bold;
   font-size:1.2em;
   margin-top:-10px;
   }
 
ul {
  list-style-type:none;
  line-height:1.8em;
  }
#contents li{
  background: url(/img/puntoelenco_contents.gif) no-repeat left 8px;
  padding-left:14px;
  padding-right:5px;
  }
#contents .ul-offerte-img li {
  background-image: none;
  padding-left:0;
}
#contents .ul-documenti li {
  background: url(/img/icon_documento_allegato.gif) no-repeat left 2px;
  padding-left:18px;
}
#contents .ul-documenti li {
  margin-bottom:0;
}
#contents ol {
  line-height:1.8em;
  padding-left:18px !important; /*Firefox interpreta quindi da priorità */
  padding-left:22px;  
  }
#contents ol li{
  background-image: none;
  padding: 0;
  }
  
  
  
img {border: none;}
.img-interna {
	float:left;
	margin-right:5px;
	margin-bottom:3px;
	}	
.img-interna-dx {
	float:right;
	margin-left:5px;
	margin-bottom:3px;
	}
.img-interna img, .img-interna-dx img, .img-interna-box-dx img {
    border: 2px solid #DEDEE3;
	}
.img-interna-box-dx{
	width:100%;
	text-align:center;
	margin:6px 0 6px 0;
    }
.img-interna-no-box{
	margin-bottom:10px;
    }
.box-prodotti .img-interna-dx img{border:none; margin-bottom:10px;}
  

a {text-decoration:none;}
a:hover {text-decoration:underline;}
#contents a {color:#0050A6; text-decoration:underline;}
#contents a:hover{color:#0489E7;}
#tools a, #menu-contestuale a, .inizio-pagina a, #vesti-grafiche a {color:#5A5A5A;}
#tools a:hover, #menu-contestuale a:hover, .inizio-pagina a:hover, #vesti-grafiche a:hover {color:#0078CF;}

#loghi .logo-minori, #loghi .logo-aiip, #loghi .logo-ti-sei-connesso {
    width:34px;
	height:34px;
	display:block;
	float:left;
	margin-right:5px;
	}
#loghi .logo-minori{background: #ddd url(/img/logo_minori.gif) no-repeat center center;}
#loghi .logo-aiip{background: #ddd url(/img/logo_aiip.gif) no-repeat center center;}
#loghi .logo-ti-sei-connesso{background: #ddd url(/img/logo_ti_sei_connesso.gif) no-repeat center center;}
#loghi .logo-minori:hover{background-color:#98dcfc;}
#loghi .logo-aiip:hover{background-color:#ffb6b6;}
#loghi .logo-ti-sei-connesso:hover{background-color:#ffd1a9;}
#loghi a span{display:none;}



#box-portali .link-sudnews, #box-portali .link-salentonline, #box-portali .link-bludipuglia, #box-portali .link-raganet, #box-portali .link-clioedu {
	width:198px;
	height:29px !important;
	height:27px;
	display:block;
	padding:0;
	margin:0;
	}
#box-portali ul{margin: 0 0 -3px 4px;}
#box-portali li{
	padding:0;
    margin: 1px 0 1px 0;
	background-image:none;
	}
#box-portali span{display:none;}
#box-portali .link-sudnews{background: url(/img/portali_sudnews_off.gif) no-repeat top left;}
#box-portali .link-sudnews:hover{background: url(/img/portali_sudnews_on.gif) no-repeat top left;color:#d98203;}
#box-portali .link-salentonline{background: url(/img/portali_salentonline_off.gif) no-repeat top left;}
#box-portali .link-salentonline:hover{background: url(/img/portali_salentonline_on.gif) no-repeat top left;color:#c9a102;}
#box-portali .link-bludipuglia{background: url(/img/portali_bludipuglia_off.gif) no-repeat top left;}
#box-portali .link-bludipuglia:hover{background: url(/img/portali_bludipuglia_on.gif) no-repeat top left;}
#box-portali .link-raganet{background: url(/img/portali_raganet_off.gif) no-repeat top left;}
#box-portali .link-raganet:hover{background: url(/img/portali_raganet_on.gif) no-repeat top left;}
#box-portali .link-clioedu{background: url(/img/portali_clioedu_off.gif) no-repeat top left;}
#box-portali .link-clioedu:hover{background: url(/img/portali_clioedu_on.gif) no-repeat top left;}


.tratteggio{
   border-bottom:1px solid #DFE2E7;
   margin-bottom:15px;
   margin-top:2px;
   clear:both;
   }
.separator, .separator-2, .separator-box-sx {
   height:11px;
   font-size:1px;/* ------ importante per avere un altezza effettiva di 11 in IE --------------- */
   margin:0;
   padding:0;
   }
.separator-2{height:8px;}
.separator-box-sx{
   height:6px;
   margin: 0 11px 0 11px;
   background: url(/img/bg-separator-box-sx.gif) repeat-x top 2px;
   }
   
   
.grassetto {font-weight:bold}
.grassetto-corsivo {font-style:italic; font-weight:bold}
.corsivo {font-style:italic}
.corsivo-marrone {font-style:italic;color:#a54b14;line-height:1.2em;padding-left:15px;}
.normal {font-style:normal}
.sottolineato {text-decoration:underline}
.barrato {text-decoration:line-through;}
.centrato {text-align:center}
.sinistra {text-align:left}
.destra {text-align:right}
.giustificato {text-align:justify}
.apice {vertical-align:super}
.pedice {vertical-align: sub}
.attenzione /*stile in rosso per evidenziazioni*/{color:#FF0000;}
.nascosto {display:none}


.ico-legenda {width:60%; padding:2px; }
.ico-legenda ul {list-style-type:none; margin:0; padding:0;}
.ico-allegati {
  margin: 0;
  padding: 2px 0 6px 0;
  }


/* --------------- 2c) titoli e relativi link  --------------- */
#dx h1, #dx h2, #dx h3 {margin: 9px 0 9px 0;}
  
#dx h1{padding-left:16px; letter-spacing:-1px;}
#dx h1 a:link, #dx h1 a:visited, #dx h2 a:link, #dx h2 a:visited, #dx h3 a:link, #dx h3 a:visited {
	text-decoration:none;
	}	
#dx h1 a:hover, #dx h2 a:hover, #dx h3 a:hover {
	text-decoration:underline;
	}
		
h2 {
	color:#0078CF;
	margin-bottom:5px;
	margin-top:5px;
	}
h2 a, #contents h2 a {color:#0078CF;}
h2 a:hover, #contents h2 a:hover {color:#06A1FA;}
	
h3 {color:#0050A6;}
h3 a, #contents h3 a{color:#0050A6;}
#contents h3 a:hover{color:#0B98E9;}


/* --------------- 2d) box contenuti  --------------- */
.box-bottom {
    background: #E9E9EE url(/img/bg-box-bottom.gif) repeat-x top left;
    padding:7px 10px 20px 10px;
	}
#contents .box-contents, #contents .box-contents-2 {
	border-bottom: 1px solid #DEE1E6;
	margin-bottom:10px;
	width:100%;
	float:left;
	}
#contents .box-contents-2 {
    border-bottom:none;
	margin-bottom:0;
	}
#contents .box-contents h2, #contents .box-contents p {
	margin:0;
	padding: 0;
	}
#contents .box-contents h2 {
    margin-bottom:6px;
	}
#contents .box-contents .dati, #contents .box-contents-2 .dati {
    float:left;
	width:67%;
	/* border:1px solid #000; */
	}
#contents .box-contents .dx, #contents .box-contents .dx, .google-logo {
    float:right;
	background-color:#F5F6FB;
	width:30%;
	margin-bottom:10px;
	border: 1px solid #E5E5EA;
	border-bottom: 5px solid #E5E5EA;
	font-style:italic;
	}
#google-map {
    padding:6px;
	float:right;
	background-color:#F5F6FB;
	width:auto;
	margin-top:38px;
	border: 1px solid #E5E5EA;
	}
#google-map #map2 {
	/*width:425px;
    height:425px;*/
	
	}

.google-logo {
    margin-top:20px;
	text-align:center;
	padding: 30px 0 20px 0;
	background-color:#fff;
	}

#contents .box-contents .dx p {
	padding:10px;
	line-height:1.3em;
	}

#contents .box-dettagli, #contents .box-dettagli-2, #contents .box-dettagli-3 {
    float:left;
	width:235px;
	margin-bottom:15px !important;
	margin-bottom:0;
	}
#contents .box-dettagli-2 {width:350px;}
#contents .box-dettagli-3 {
   width:auto;
   margin-bottom:20px !important;
   margin-bottom:14px;
   margin-top:0;
   }
#contents .box-dettagli h2, #contents .box-dettagli-2 h2 {margin-top:0;}

.box-sfumatura {
	background: url(/img/h2-sfumatura.gif) repeat-x bottom left;
	padding:12px 5px 12px 5px;
	border: 1px solid #DFE2E7;
	}

#box-recapiti {
    float:left;
    width:35%;
	}

	
/* --------------- 2e) paginazione --------------- */
.paginazione {
  width:100%;
  text-align:center;
  font-size:1.2em;
  clear:both;
  padding-bottom:10px;
  font-weight:bold;
  }
#contents .paginazione li {
  display:inline;
  color:#888;
  background-image:none;
  margin: 0 2px 0 2px;
  padding:0;
  }
#contents .paginazione li a, #contents .paginazione li span{padding:2px 6px 4px 6px;}
#contents .paginazione li a:hover{color:#fff;}



/* ------------------ 2f) tools-dettagli ------------------ */
.tools-dettagli{
	padding: 4px;
	background-color:#F1F3F7;
	}
#contents .tools-dettagli h3{margin:4px;}
#contents .tools-dettagli h3 a{ text-decoration:none}
.link-gallery, .link-elenco, .link-ricerca {
	padding: 9px 8px 8px 46px;
	margin:0;
	}
.link-gallery {
    background: url(/img/icon_photogallery.gif) no-repeat 1px 1px;
	}
.link-elenco {
    background: url(/img/icon_elenco.gif) no-repeat 1px 1px;
	}
.link-ricerca {
    background: url(/img/icon_ricerca.gif) no-repeat 1px 1px;
	}



/* ============================================= fine STILI GENERICI ============================================= */

/* ================================================ 3) inizio TOP ================================================ */
/* --------------- 3a) vesti grafiche  --------------- */
#vesti-grafiche li {
	display: inline;
	background-repeat: no-repeat;
	background-image: url(/img/arrow.gif);
	}
#vesti-grafiche a {
	padding: 0 0 0 24px;
	background: url(/img/puntoelenco-vesti.gif) no-repeat 13px 5px;
	}
	
/* --------------- 3b) menù principale  --------------- */
#menu ul  {
  padding:26px 0 11px 0;
  font-weight:bold;
  }
#menu li  {
  display:inline;
  padding: 0 36px 0 0;
  margin-right:0;
  background: url(/img/separatore_menu.gif) no-repeat right center;
  height:1%; /*--------------- importante per IE (non mette uno spazio dopo ogni tag li)  --------------- */
  }
#menu .item-right  {
  padding: 0 0 0 3px;
  background-image:none;
  }
#menu li a {color: #0078CF;}
#menu li a:hover {color: #00B8FF;}

/* --------------- 3c) menù tools  --------------- */
#tools li {display:inline;}

/* ================================================ 3) fine TOP ================================================ */

/* ================================================ 4) inizio COLONNA SX ================================================ */
/* --------------- 4a) logo --------------- */
#h1_logo {
	background: #fff url(/img/logo.gif) no-repeat left bottom;
	/*background: #fff url(/img/logo_150anni_unita_italia.jpg) no-repeat left bottom;*/
	margin-bottom:2px;
	}
#h1_logo a {
    width:100%;
    height:158px;
	display:block;
	}
#h1_logo span {display:none;}

/* --------------- 4b) box-sx e box-dx --------------- */
.box-sx-head, .box-sx-bottom, .box-dx-head, .box-dx-bottom {
	width:204px;
	font-size:1px;/* --------------- importante per IE per avere un altezza effettiva di 4px del box-sx-head --------------- */
	}
	
.box-sx-head, .box-dx-head {
	background: #000 url(/img/box-top.gif) no-repeat;
	height:4px;
	}
	
.box-sx-body, .box-dx-body {
	background: #fff url(/img/box-gradient.gif) no-repeat center bottom;
	width:auto;
	border-left: 1px solid #DEE1E6;
	border-right: 1px solid #DEE1E6;
	}
#box-portali{background-image:none;}
#box-rassegna-stampa{
    background: #fff url(/img/box-gradient-2.gif) no-repeat center 20px;
	}
.box-dx-body {background-image:none; padding-bottom:6px;}

.box-sx-body p, .box-sx-body h2, .box-sx-body h3, .box-dx-body p, #dx #contents-dx .box-dx-body h2, .box-dx-body h3 {
    line-height: 1.4em;
	padding:2px 12px 2px 12px;/* --------------- IMPORTANTE: padding solo sugli elementi contenuti, non sui 3 div del box --------------- */
	margin:0;/* --------------- importante per non far staccare le 3 parti del box in IE --------------- */
	}
.box-sx-body h3 {padding-left:20px;}
.box-sx-body p{padding-left:20px;}
.box-sx-body p{ background: url(/img/arrow-box-home-off.gif) no-repeat 13px 7px;}

.box-sx-body h2, .box-dx-body h2 {
    background: #fff url(/img/box-circle.gif) no-repeat 184px 4px;
	}
.box-sx-body h3 {
    padding-bottom:6px;
	}
.box-sx-body .vai-elenco {
    padding: 0 0 10px 12px;
	font-weight:bold;
	background-image:none;
	}
.box-dx-body .vai-elenco{
    padding-top: 6px;
	padding-bottom: 6px;
	font-weight:bold;
	}
.google-map .vai-elenco{
    padding-top: 12px;
	padding-bottom: 8px;
	font-weight:bold;
	font-style:normal;
	}
.box-sx-body .vai-elenco a, #dx .box-dx-body .vai-elenco a{color:#0078CF;}
#dx .box-dx-body .vai-elenco a, #dx .google-map .vai-elenco a{text-decoration:none;}
#dx .box-dx-body .vai-elenco a:hover, #dx .google-map .vai-elenco a:hover{text-decoration:underline;}

.box-sx-bottom, .box-dx-bottom {
	background: #fff url(/img/box-sx-bottom.gif) no-repeat;
	height:10px;
	margin-bottom:4px;
	clear:both;
	}
.box-dx-bottom {margin-bottom:7px;}
.box-dx-bottom {background: #fff url(/img/box-dx-bottom.gif) no-repeat;}
#dx .box-dx-body ul, #dx .box-dx-body ol{
   margin-left:13px;
   line-height: 1.4em;
  }
#dx .box-dx-body ul, #dx .box-dx-body ol{
  padding-bottom:4px;
  padding-top:4px;
  }
#dx .box-dx-body li{
  background-position: left 6px;
  }
#dx .box-dx-body h3{
  margin-top:0;
  margin-bottom:0;
  }


/* --------------- 4c) menù macrosezione --------------- */
#menu-macrosezione .titolo-menu {display:none;}
#menu-macrosezione ul {line-height: 1.5em;}
#menu-macrosezione .level2, #menu-macrosezione .level2 .level3 {
   height:1%;/* --------------- importante per IE  --------------- */
   padding-bottom:3px;
   background-color: #F7F9FE;
   }

#menu-macrosezione li, #menu-macrosezione .level2 .explode, #menu-macrosezione .first, #menu-macrosezione last {
	padding-left:6px;
}
#menu-macrosezione .level2 li{
	padding-left:0;
}

#menu-macrosezione li a, #menu-macrosezione .explode, #menu-macrosezione .level2 .level3 .explode{
	width:auto;
	height:1%;/* --------------- importante per IE  --------------- */
    color:#464646;
	display:block;
	padding: 4px 8px 8px 19px;
	font-weight:bold;
	border-bottom:1px solid #fff;
	background: #EFEFF4 url(/img/puntoelenco_sx_level_1.gif) no-repeat 6px 11px;
	}
#menu-macrosezione li .submenu{
	border-bottom:none;
	background-color:#F7F9FE;
	}
#menu-macrosezione li a:hover {text-decoration:none;}
#menu-macrosezione .explode, #menu-macrosezione .level2 .level3 .explode, #menu-macrosezione .level2 a, #menu-macrosezione .last a {
    border-bottom:none;
	}
#menu-macrosezione .level2 a {
	padding: 0 8px 4px 30px;
	font-weight:normal;
	line-height: 1.3em;
	background: #F7F9FE url(/img/puntoelenco_sx_level_2.gif) no-repeat 20px 9px;
	}
#menu-macrosezione .level2 a:hover {
	background: url(/img/puntoelenco_sx_level_2.gif) no-repeat 20px 9px;
	}
#menu-macrosezione .level2 .explode, #menu-macrosezione .level2 .level3 .explode {
	background: #F7F9FE url(/img/puntoelenco_sx_level_1.gif) no-repeat 6px 10px;
	padding-bottom:3px;
	padding-left:19px;
	}
#menu-macrosezione .level2 .level3 .explode {
	background: #F7F9FE url(/img/puntoelenco_sx_level_2.gif) no-repeat 20px 9px;
	padding-left:30px;
	padding-top:0;
	}
#menu-macrosezione .level2 .level3 a {
	padding-left:40px;
	background: #F7F9FE url(/img/puntoelenco_sx_level_3.gif) no-repeat 30px 7px;
	}
#menu-macrosezione .level2 .level3 a:hover {
	background: url(/img/puntoelenco_sx_level_3.gif) no-repeat 30px 7px;
	}

/* ================================================ 4) fine COLONNA SX ================================================== */	
	

/* ================================================ 5) inizio BOTTOM ================================================== */
/* --------------- 5a) torna inizio pagina --------------- */
.inizio-pagina a {
   background: url(/img/torna-inizio-pag.gif) no-repeat right bottom;
   padding: 0 18px 10px 0;
}

/* --------------- 5b) recapiti-copy --------------- */
#recapiti-copy, #validatori {padding:20px 0 12px 0;}
#recapiti-copy {float:left;}
#recapiti-copy a {color:#464646;}
.aiip {color:#ff0000;}

/* --------------- 5c) validatori --------------- */
#validatori {float:right;}
.w3cbutton a {
	background-color:#fc6;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-decoration: none;
	border:1px solid #2F7461;
	}
.w3cbutton a .w3c{
	text-decoration: none;
	font-size: 0.9em;
	margin:0;
	padding:0;
	border-top:2px solid #fff;
	}	
.w3cbutton a:link,.w3cbutton a:visited {
	background:#fc6;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-decoration: none;
	}
.w3cbutton a:hover {
	background-color:#ff9;
	color:#333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
.w3cbutton .w3c {
	padding:0.5em;margin-right:.25em;
	background-color:#fff;color:#0c479d;
	}
.w3cbutton .waiA { 
	color:#900;
	background-color:#fff;
	} 
/* ================================================ 5) fine BOTTOM ================================================== */

/* ================================================ 6) inizio FORM ================================================== */

/* --------------- 6a) generali --------------- */
#contents form, #contents fieldset {
   padding:0;
   margin:0;
}
legend {display:none;}
#contents form {
  padding:4px;
  color:#333;
  border: 1px solid #D7DBE0;
}
#contents fieldset {
  border: none;
  padding:5px;
  background: #F7F9FE url(/img/bg-fieldset.gif) repeat-x left top;
}
.etichetta, .ultima-etichetta, .prima-etichetta {
  float:left;
  width:48%;
  clear:both;/* IMPORTANTE */
  border-bottom:1px solid #D5D5E0;
  padding: 8px 0 8px 0 !important;
  padding: 4px 0 4px 0;
}
.prima-etichetta {padding-top:15px;}
.ultima-etichetta {border-bottom:none;}
.btn-container {
   width:48%;
   text-align:left;
   padding-top:4px;
   float:right;
}
.btn-container-2 {
   width:100%;
   text-align:center;
   padding-top:10px;
   background-color:#EFEFF4;
}
#contents .btn-container .btn-form, #contents .btn-container-2 .btn-form {
   float:none;
}
#contents input, #contents select, #contents textarea {
  margin-bottom:10px !important;
  margin-bottom:6px;
  color:#333;
  width:48%;
  float:right;
}
#contents .btn-radio {
    width:10%;
	float:left;
	}
#contents select {
  width:48.8% !important;
  width:48%;
}
#contents .h1-form {
  padding:3px 0 1px 25px;
  margin:0;
}
#contents .h2-form-contattaci {
  padding:3px 0 7px 26px;
  margin:0;
  font-size:1.2em;
}
#contents .btn-form {
   color:#fff;
   border: 1px solid #fff;
   font-weight:bold;
   width:auto;
   padding: 2px 4px 4px 4px !important; /*Firefox interpreta quindi da priorità */
   padding: 2px 0 2px 0;/*IE considera questa riga perchè non interpreta IMPORTANT */
}
#contents form p {padding:3px;}



/* --------------- 6b) form top home --------------- */
#top-dx form, #top-dx fieldset{margin:0;padding:0;}
#top-dx .form-home-sx{
   float:left;
   width:180px;
   text-align:right;
}
#top-dx .form-home-dx{
   float:right;
   width:30px;
   text-align:right;
}

/* ----- spaziature ----- */
#top-dx{
   margin-top: 8px;
}
#top-dx h2, #top-dx .input-text, #form-top-sup fieldset {
   margin-top:0;
   margin-bottom: 10px;
}
#top-dx .input-text{
   margin-bottom: 11px !important;
   margin-bottom: 9px;
   height:16px !important;
   height:19px;
   font-size:1em;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}
#top-dx label {
   margin-top: 2px !important;
   margin-top: 3px;
   }
#form-top-inf .btn {margin-top: 15px;}
#top-dx h2, #top-dx fieldset {
   margin-left: 8px;
   margin-right: 8px;
}
/* ----- fine spaziature ----- */

#top-dx label {float:left;}
#top-dx fieldset {
   color:#333;
   border:none;
}
#form-top-sup fieldset {
    background: url(/img/bg_form_top.gif) repeat-x left bottom;
}
#top-dx .input-text {
   border: 1px solid #D2DADE;
   width:136px;
}
#top-dx h2 {
   width:auto;
   background-color:#fff;
   text-align:center;
   color:#333;
   font-size:1em;
   font-weight:bold;
   padding: 4px 0 6px 0;
}
#top-dx p {
   margin:15px 8px 8px 8px;
}
#top-dx a:link, #top-dx a:visited {
   color:#333;
}
#top-dx .btn {
   background:url(/img/btn_form.gif) no-repeat right top;
   color:#fff;
   font-weight:bold;
   border: none;
   padding: 1px 4px 4px 4px !important;/* Firefox interpreta quindi da priorità */
   padding-top:0;/* IE considera questa riga perchè non interpreta IMPORTANT */
}
/*
#top-dx .btn { con questa classe non si usa l'immagine di sfondo per il btn del form
   color:#fff;
   background-color:#555;
   border: 1px solid #fff;
   font-weight:bold;
   padding-bottom:2px !important; Firefox interpreta quindi da priorità 
   padding: 0 2px 0 2px;IE considera questa riga perchè non interpreta IMPORTANT 
}
*/
/* --------------- 6a) fine form top home --------------- */

/* ================================================ 6) fine FORM ================================================== */

/* ================================================ 7) inizio TABELLE ================================================== */
table {
   font-size:1em;
}
/* ================================================ 7) fine TABELLE ================================================== */


/* ================================================ 8) inizio RICORRENZE ================================================== */
/* --------------- 8a) Natale --------------- 
#body {
    background: #fff url(/img/bg-natale-2009.gif) no-repeat center top;
	padding-top:40px;
}
#vesti-grafiche {margin-bottom:10px;}
#vesti-grafiche a {color:#052378;}
#pagina, #menu {background:none;}
#h1_logo {background: url(/img/logo.gif) no-repeat left bottom;}
*/
/* ================================================ 8) fine RICORRENZE ================================================== */














/*<<<<<<<<<<<<<<<<<<< GALLERIE IMMAGINI (ARCHIVIO FOTOGRAFICO + NOTIZIE) >>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#miniature {
	width:100%; 
	text-align:center; 
	}
	
.miniatura {float:left; width:137px; height:120px; border:1px solid #CCC; margin-right:2px; padding-top:5px;}	
	
#miniature img {border:0; padding-top:2px;}
.didascalia-miniatura {color: #003333; text-align:center;}
#ingrandimento {margin-top:10px; border:1px solid #ccc; text-align:center; color:#036;}
#ingrandimento img {border:3px solid #ccc;}
#ingrandimento a:hover {color:#FFF; background-color:#036;}
.resize {width:auto;}
/*<<<<<<<<<<<<<<<<<<< FINE GALLERIE IMMAGINI (ARCHIVIO FOTOGRAFICO + NOTIZIE) >>>>>>>>>>>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<< MAPPA DEL SITO >>>>>>>>>>>>>*/
/*#mappa_sito {}*/
#mappa-sito a:link, #mappa-sito a:visited {text-decoration:none;}
#mappa-sito .titolo-menu {color:#F95230; background-color:#FFFFFF; border-bottom:1px solid #CCCCCC;}
#mappa-sito ul {list-style-type:none;}
#mappa-sito li {margin-bottom:4px;}
/*<<<<<<<<<<<<<<<<<<< FINE MAPPA DEL SITO >>>>>>>>>>>>>*/

/*MESSAGGIO DI ERRORE NELLA COMPILAZIONE DEI VARI FORM PER INSERIRE IMMAGINI, DATI OBBLIGATORI O DOCUMENTI*/
#errore {
	background-color:#FF0000; 
	color:#FFFFFF; 
	font-weight:bold;}

#risultato {
	color:#F95230;
	}

.nofloat {
	clear: both;
	}

.dato-errato {color:#FF0000}


.record {
	border:1px solid #ADD9D1; 
	margin-top:2px;
	padding:2px;
	}


.errore-formato{
color:#006666;
font-weight:bold;

}

#numero-pagine {text-align:center; width:100%; background-color:#EAF6F4; margin:0; padding:0;}
#numero-pagine ul {list-style-type:none; margin:0; padding:0; display:inline;}
#numero-pagine li {display:inline; margin:0; padding:0;}
#numero-pagine a:link, #numero-pagine a:visited {text-decoration: none;} 

#contents .testo{font-size:1.1em;}
#comunicazione {margin-top:10px;
}
#comunicazione h2 {
	font-size:1.1em;
	/*border-bottom:3px solid #0078cf;
	background-color:#eaf5fc;*/
	background-color:#e8ebee;
	color:#0050b4;
	padding:4px 4px;
	margin-bottom:5px;
	margin-right:2px;
	font-weight:bold;
	
	
}
#comunicazione h2.banner-sx{margin-right:0px;}
#banner-sx{
	width:100%;margin-bottom:0px;
	float:left;
	
	margin-right:11px !important;
	margin-right:9px;
	margin-top:2px;
}
#banner-dx{
	float:left;width:100%;margin-bottom:0px;
	
	margin-top:2px;
}
#banner-dx img{
	margin-right:2px !important;
	margin-right:1px;
}