/*
 * reset.css
 */

/* Don't forget to set a foreground and background color on the 'html' or 'body' element! */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; line-height:1; font-family:inherit; text-align:left; vertical-align:baseline; }
a img, :link img, :visited img { border:0;}
table { border-collapse: ollapse; border-spacing:0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/*
 * g4cm.css
 */

/* Stili pannello CMS */

#cms { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:11px; margin:10px 0 15px 0; }
#cms a:link, #cms a:visited { font-weight:normal; padding:3px 5px; border:1px solid #999; background:#fff url("/img/bt_bkg.gif") repeat-x bottom; text-decoration:none; margin-right:-1px; color:#333; }
#cms a:hover { background-image:none; background-color:#666; color:#ddd; }
#cms a:active { background-image:none; background-color:#333; color:#fff; padding:4px 4px 2px 6px; position:relative; top:1px; }

/* mini-form selezione canali */

#cms form.popup { display:inline; }
#cms form.popup select, form.popup option { margin:0; padding:0; }
#cms form.popup select { float:none; width:10em; color:#333; border:1px solid #999; padding:2px; }
#cms span.nuovo span { margin-left:.5em; color:#3187DB; text-decoration:underline; cursor:pointer; }
#cms span.nuovo form.popup { display:none; }

#greyout { display:none; position:fixed; background:black; width:100%; height:100%; z-index:1; opacity:.5; }


/* Stile per G4CM */

#g4cm { margin:0; padding:0; border:none; background:transparent none; padding-top:10px; clear:left; }
#g4cm h4 { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; text-indent:-9999px; }
#g4cm h4 a { display:block; background:transparent url("/img/g4cm.gif") no-repeat top left; width:50px; height:15px; }
#g4cm p { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:1.1; color:#999; margin-top:.3em; }
#g4cm p a:link, #g4cm p a:visited { color:#999; text-decoration:none; }
#g4cm p a:hover, #g4cm p a:active { color:#999; text-decoration:underline; }

/* Stili per alert pagina disattiva */

body.alert { margin-top:25px; }
div.alert { position:absolute; top:0; left:0; width:100%; height:23px; overflow:hidden; background:#ccc url("/img/bt_bkg.gif") repeat-x top; border-bottom: 2px ridge #777; padding:5px 0 0 0; font-size:12px; color:#000; }
div.alert img { margin:0 5px 0 20px; }

/*
 * base.css
 */

/* Stili tipografici */
html { }
body { font-size:62.5%;	background-color:transparent; background-image:none; }

/* Stili link */
a:visited, a:link, a:hover, a:active { text-decoration:underline; }

/* Stili contenitori principali */
#page { } /* Contenitori principale che contiene tutto - opzionale */
#top { } /* Contenitore per il top della pagina */
#banner { }	 /* Contenitore per banner o immagini - di solito in home */
#bar { } /* Contenitore per il menù superiore */
#flusso { } /* Contenitore per il flusso di navigazione - di solito pagine interne */
#content { } /* Contenitore per il contenuto della pagina */
#bottom { } /* Contenitore per il piè di pagina */
#g4cm { } /* Contenitore per logo G4CM - definito in base */

/* Stili contenitori secondari */
div.logo { } /* Contenitore per logo */
div.data { } /* Contenitore per data */
div.menu { } /* Contenitore generale per menu */
div.lingue { } /* Contenitore per menù lingue */
div.left { } /* Contenitore colonna sinistra */
div.right { } /* Contenitore colonna destra */
div.center { } /* Contenitore colonna centrale */
div.centerleft { } /* Contenitore colonna centrale a sinsitra */
div.centerright { } /* Contenitore colonna centrale a destra */
div.foot { } /* Contenitore per il piè di pagina */
div.colonna { } /* Contenitore per padding laterali per non creare conflitti con il width  */
div.space { } /* Contenitore per padding laterali per non creare conflitti con il width  */
div.close { clear:both; height:0px; overflow:hidden; }
div.banner { } /* Contenitore per banner image */

/***************************************************************************************************************/

/* Stile logo versione immagine */
div.logo img.logo { display:block; }
div.logo a.logo { }

/* Stile logo versione testo */
div.logo h1 { background:transparent url("/img/logo.gif") no-repeat top left; }
div.logo h1 a { text-indent:-9999px; display:block; } /* Dimensioni height e width logo da inserire su design.css */

/* Stile data */
div.data { }
div.data p { }

/* Stile menù generale */
div.menu { }
div.menu h3 { } /* Tag per itolo per menù non compreso nel codice */
div.menu ul { }
div.menu li { list-style:none; }
div.menu li span { } /* Per dare uno stile in più ai menù */
div.menu li li { }
div.menu li a:visited, div.menu li a:link {	}
div.menu li a:hover, div.menu li a:active {	}
li.current, li.supercurrent { }
li.current a:link, li.current a:visited { }
li.current a:active, li.current a:hover {	}
li.supercurrent a:link, li.supercurrent a:visited { }
li.supercurrent a:active, li.supercurrent a:hover { }

/***************************************************************************************************************/

/* Stili generali testi */
strong, b { font-weight:bold; }
em, i { font-style:italic; }
div.p, p, h1, h2, h3, h4, h5, h6, strong, b, i, em, a, li { line-height:1.3; text-align:left; _word-wrap:break-word; }
div.p, p, h1, h2, h3, h4, h5, h6 { font-weight:normal; }
img { vertical-align:top; border:0; }

/* Stili base wysiwyg */
div.p ul br, div.p ol br { height:0; overflow:hidden; float:left; }
div.p ul { margin-top:1em; }
div.p ul li { margin:0; padding:0; line-height:1.3; margin-left:25px; list-style-type:disc; list-style-position:outside; margin-bottom:5px; }
div.p ol { margin-top:1em; }
div.p ol li { margin:0; padding:0; line-height:1.3; margin-left:25px; list-style-type:decimal; list-style-position:outside; margin-bottom:5px; }
div.p p { }
sub { font-size:80%; vertical-align:sub; }
sup { font-size:80%; vertical-align:super; }
blockquote { margin:10px; }

/* Stili tag testi contenuti */
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h5.data { }
h5.fonte { }
h5.firma { }
div.testo { } /* Contenitore che racchiude il testo (div.p) e le eventuali immagini */
p, div.p { }

/* Stili contenuti paragrafi */
div.paragrafo { clear:both; }
div.paragrafo h2 { }
div.pargrafo div.p { }

/* Stili contenuti per links/allegati */
div.links, div.allegati { clear:both; }
div.links p, div.allegati p { font-weight:bold; }
div.links a, div.allegati a { font-weight:normal; }
div.links p span { font-weight:normal; }

/* Stili indici */
div.indice { }
div.indice div.voce { }
div.first { } /* Stile per prima voce nell'indice */
div.indice h2 {	}
div.indice h3 { }
div.indice h4 { }
div.indice h5.data { }
div.indice p, div.indice div.p { }

/* Stile classi base per indici */
div.art { }
div.news { }
div.sez { }

/* Stile link segue */
a.segue:link, a.segue:visited { }
a.segue:hover, a.segue:active {	}

/* Stili per footer */
div.foot { }
div.foot p { }
div.foot p a:link, div.foot p a:visited { }
div.foot p a:hover, div.foot p a:active { }

/* Stili menù lingue */
div.lingue ul { display:inline; }
div.lingue li { display:inline; list-style:none; }
div.lingue li a:link, div.lingue li a:visited { }
div.lingue li a:hover, div.lingue li a:active { }

/***************************************************************************************************************/

/* Stili flusso */
div.flusso { }
div.flusso span { } /* Stile per il testo che precede il flusso */
ul.flusso-sezioni { }
ul.flusso-sezioni li { line-height:1.3; display:inline; font-weight:bold; font-size:11px; }
ul.flusso-sezioni li.current { }
ul.flusso-sezioni li a:visited, ul.flusso-sezioni li a:link { font-weight:normal; margin-right:10px; padding-right:10px; border-right:1px solid #ccc; }
ul.flusso-sezioni li a:hover, ul.flusso-sezioni li a:active { }

/* Stili flusso num. pagine */
div.nav { }
div.nav:first-child, div.nav:first { border:none; }
div.nav.center { text-align:center; }
div.nav .totale { display:block; float:left; }
div.nav ul { display:inline; }
div.nav li { display:inline; list-style:none; padding-left:5px; margin-left:5px; font-weight:bold; border-left:1px solid #ccc; }
div.nav li:first-child, div.nav li:first { padding-left:0; border:none; }
div.nav li a:visited, div.nav li a:link { }
div.nav li a:hover, div.nav li a:active { }
div.nav span.totale { }

div.nav.semplice { text-align:center; }
div.nav.semplice div { display:inline }
div.nav.semplice div a { padding: 5px 10px; }
div.nav.semplice div.prev a { border-right:1px solid #ccc; }

/***************************************************************************************************************/

/* Stili form base */
form, input, textarea, label, select { font-size:12px; } /* Ricordarsi di aggiunre il font-family */
div.form, div.privacy { width:100%; }
div.form div, div.privacy div { clear:both; }
form fieldset  { padding-top:5px; border:none; }
form label.item { width:auto; margin-left:5px; }
form label { width:140px; font-weight:bold; padding-top:5px; float:left; }

div.form div.box { float:left; clear:none; }
div.form div.box label.item, div.box input.item { float:none; }
div.spaced { margin-top:10px; }
form input { width:200px; }
form input.item { width:auto; float:left; margin:5px 0; }
form input, form textarea { margin:2px 0; padding:3px; border:1px solid #ccc; margin-right:10px; }
form select { margin:2px 0; padding:1px; margin-right:10px; }
form input.radio, form input.checkbox { width:auto; border:none; margin:0; padding:0; }

/* Input image reset (per shop) */
form input.image { border:none; width:auto; height:auto; padding:0; margin:0; }

/* Pulsante standard con sfondo sfumato */
input.submit { background:#fff url("/img/bt_bkg.gif") repeat-x bottom; cursor:pointer; padding:3px 5px 2px 5px; border:1px solid #ccc; font-weight:bold; margin-right:0; width:auto; _width:1px; overflow:visible; }
form input.submit.grande { width:200px; }

/* Errore compilazione form */
.forms-validation-message img {	}

a:visited.forms-validation-message, a:link.forms-validation-message { text-decoration:none; }
a:hover.forms-validation-message, a:active.forms-validation-message { text-decoration:underline; }
span.asterisco { font-weight:bold; }
span.forms img { margin-left:5px; }

/* Privacy */
div.privacy { margin-top:10px; }
div.privacy input.checkbox, div.privacy input.radio { width:auto; margin:0; padding:0;}
div.privacy label { width:auto; margin-right:10px; padding:0; }
div.privacy label { margin-top:4px\9; } /* hack IE */
div.informativa { padding:10px; background-color:#fff; border:1px solid #ccc; height:150px; overflow:auto; margin-bottom:10px; color:#999; line-height:1.3; }
img.captcha { border:0; }

/* Form ricerca */
div.ricerca { }
div.ricerca input { width:200px; }
div.ricerca input.submit { width:auto; }
div.ricerca-avanzata div.campi { border:1px solid #ccc; padding: 10px 10px 0 10px; margin-bottom:10px; }
div.ricerca-avanzata input.data { width:90px; }
div.ricerca-avanzata p.submit { text-align:center; }
div.ricerca-avanzata input.submit { width:100px; }
div.ricerca-vuoto p.messaggio { background:#eee; padding:10px; margin-bottom:10px; }

/* Form login */
div.loginbox { }
form.login { }
form.login p { }
form.login fieldset { padding:10px 0; }
form.login label { width:140px; font-weight:normal; }
form.login ul { margin-top:10px; }
form.login li { padding-bottom:5px; }
form.login input { width:140px; margin:0; }
form.login input.submit { width:auto; margin-top:10px; }
form.login a:visited, form.login a:link { }
form.login a:hover, form.login a:active { }
form.login p.login-fallito { font-weight:bold; }

/***************************************************************************************************************/

/* Stili immagini base */
div.immagini { clear:left; }
div.immagini img { font-size:20px; }
img { border:0; padding:0; margin:0; }
dl { padding:0; margin:0; padding-bottom:10px; }
dt { padding:0; margin:0; }
dd { padding:0; margin:0; padding:5px 0 10px 0; font-weight:bold; line-height:1.2; overflow:hidden; }

/* Stili per immagini singole */
.img_supleft dl { margin-right:auto; }
.img_supcenter dl { margin:0 auto; }
.img_supright dl { margin-left:auto; }

/* Stili per immagini in linea */
.img_inleft dl { padding-right:30px; float:left; }
.img_inright dl { padding-left:30px; float:right; }

/* Stili immagini gallery */
.img_gallery { }
.img_gallery dl { float:left; text-align:left; padding-right:30px; }
.img_gallery a.thickbox { }
.img_gallery a.thickbox img { }

/***************************************************************************************************************/

/* Stili Menù carrello */
#shop { float:right; }
#shop ul { }
#shop li { font-weight:bold; margin:0; padding:0; border:0; }
#shop li a:visited, #flusso li a:link { }
#shop li a:hover, #flusso li a:active { }
#link-carrello a { padding-left:20px; background:transparent url("/img/cart.gif") no-repeat 0 50%; }

/* E-commerce login */
fieldset.sinistra { border:1px solid #ccc; float:left; width:46%; height:200px; padding:10px; }
fieldset.sinistra ul.form, fieldset.sinistra input.submit { margin-top:20px; }
fieldset.destra { border:1px solid #ccc; float:right; width:46%; height:200px; padding:10px; }
fieldset.destra ul.form li { display:inline; background:#fff url("/img/bt_bkg.gif") repeat-x bottom; cursor:pointer; padding:5px; border:1px solid #ccc; font-weight:bold; margin-right:0; width:auto; }
fieldset.destra ul.form li a { font-weight:bold; color:#000; text-decoration:none; padding:0; margin:0; }

/* E-commerce */
div.carrello { padding-bottom:20px; }
div.carrello table, div.preview table {	}
div.acquista { clear:both; }
p.testo-iva { margin-top:10px; text-align:right; }
div.preview div.sezione.first { margin-top:0; }
div.preview div.sezione { margin-top:20px; }
form.acquista-select { text-align:right; }
form.acquista-select span.prezzo { float:left; margin-top:4px; font-size:14px; }
form.acquista-select input.submit { margin-left:20px; }
form.aggiorna-carrello { margin-bottom:20px; }
form.aggiorna-carrello input.submit { }
form.vai-cassa { text-align:center; }
form.vai-cassa input.submit { margin-right:0; }
table.acquista { border-top:1px solid #ccc; }
table.acquista th, table.acquista td { padding:5px; border-bottom:1px solid #ccc; }
table.acquista th {	font-weight:bold; }
table.acquista input.text { text-align:right; width:20px; }
table.acquista td.nome { width:100%; }
table.acquista input.submit { margin:0; }

/* Important */
.prezzo { white-space:nowrap; }
table.acquista td.prezzo { }
table.acquista td.nome { }
table.prodotti tr.totale td, table.preview tr.totale td { background-color:#eee; font-weight:bold; }
table.prodotti th, table.prodotti td, table.preview th, table.preview td { padding:5px; border-bottom:1px solid #ccc; vertical-align:middle; }
table.preview { margin-bottom:10px; }
table.prodotti th, table.preview th { font-weight:bold; }
table.prodotti input.submit { }
table.prodotti input.image { margin:0; padding:0; width:auto; border:0; }
table.prodotti input.text { text-align:right; width:20px; margin:0; }
table.prodotti th.nome, table.preview th.nome, table.prodotti td.nome, table.preview td.nome { text-align:left; width:100%; }
table.prodotti td.prezzo, table.preview td.prezzo, table.prodotti td.quantita, table.preview td.quantita { text-align:right; }
p.alert { font-size:14px; font-weight:bold; }
div.preview h4, div.form h4 { margin:10px 0; color:#fff; padding:5px 10px; background-color:#999; }

/* Step e-commerce */
div.step { background-color:#fff; margin:20px 0; }
div.step ul { line-height:0; border:1px solid #ccc; padding:5px 0; overflow:hidden; }
div.step li { font-size:12px; color:#999; display:inline; padding:5px 30px 5px 20px; _padding:3px 30px 4px 20px; }
div.step li { background:transparent url("/img/step.gif") no-repeat right 50%; }
div.step li.current { font-weight:bold; color:#000; }
form.acquista label { float:none; margin-right:10px; }
form.acquista img { vertical-align: middle; }
form.acquista strong { color:#f00; }
div.ordine { border:1px solid #ccc; padding:10px 10px 0 10px; margin-bottom:20px; }
form span.help { position:absolute; margin-top:5px; width:380px; }
textarea { width:560px; height:50px; }
span.forms.upload p { display:inline; margin-right:10px; }

/***************************************************************************************************************/

/* Repository */
table.repository th, table.repository td { padding: 2px 5px; vertical-align:middle; }
table.repository tr.dispari td.zebra { background:#eef; }
table.repository tr.highlight td.zebra { background:#ff4; }
table.repository td.utility { white-space:nowrap; }
.repository input { margin:0; width:auto; }
.repository input.image { vertical-align:bottom; margin:0; padding:0; }
table.repository td.size { text-align:right; }
table.repository td.check { background: #ccf; }
div.repository { width:40em; }
div.repository.action { margin-top: 20px; background: #ccf; padding: 2px; }

/* dialog della form del condividi */
#shareDialog { display:none; }
textarea#testo { width:370px; height:120px; resize:none; }
#shareForm #cancel { background:#fff url("/img/bt_bkg.gif") repeat-x bottom; cursor:pointer; padding:3px 5px 2px 5px; margin-left:10px;  border:1px solid #ccc; font-weight:bold; margin-right:0; width:auto; _width:1px; overflow:visible; }
a#share { cursor:pointer; }
/*
 * design.css
 */

/* Stili tipografici */

html { background-color:#fff; }
body, form, input, textarea, label { font-family:"Lucida Grande", "Lucida sans", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; }
body { color:#222; text-align:center; background-color:#fff; }
form { display:inline; }

/* Stili link */

a:visited, a:link { color:#006a8c; }
a:hover, a:active { color:#f8b333; }

/* Stili contenitori principali */

#top, #ricerca, #banner, #bar, #flusso, #content, #bottom { margin:0 auto; width:1000px; clear:both; }
#top { padding:20px 0; }
#bar { background:#fff url("/img/bar_bkg.gif") repeat-x bottom; margin-bottom:20px; border:1px solid #dfe2e9; padding:15px 0; }
#banner { margin-bottom:20px; background:#d1d5df url("/img/banner-bkg.gif") repeat-y top left; }
#flusso { }
#ricerca { background:transparent url("/img/find_bkg.gif") no-repeat center left; height:60px; margin-bottom:20px; }
#content { margin-bottom:20px; }
#bottom { margin-bottom:20px; }
#g4cm { }

/* Stili contenitori secondari */

div.logo { float:left; width:765px; }
div.regione { float:left; }
div.vl { float:left; padding-top:20px; }

div.data { float:right; padding-right:20px; }
div.data p { font-size:11px; text-transform:capitalize; padding:0; margin:0; }
div.menu { }
div.lingue { }

div.left { float:left; width:235px; margin-right:20px; }
div.right { float:right; width:235px; }
div.center { float:left; width:490px;  }
div.center2 { float:left; width:745px; }
div.foot { }

div.colonna { width:235px; float:left; }
div.spazio-vert { float:left; width:20px; }
div.spazio-oriz { clear:both; height:20px; }

div.banner { float:right; width:285px; height:230px; }

/* Stile logo versione immagine */

div.logo img.logo { display:block; }
div.logo a.logo { }

/* Stili menù top */

#bar div.menu { float:left; }
#bar ul { display:inline; }
#bar ul li { list-style:none; font-size:12px; display:inline; font-weight:bold; padding-left:10px; margin-left:10px; }
#bar ul.top li { border-left:1px solid #dfe2e9; }
#bar ul li a:visited, #bar ul li a:link { color:#222; text-decoration:none; }
#bar ul li a:hover, #bar ul li a:active { color:#006a8c; text-decoration:underline; }

#bar ul.top li.current a:visited, #bar ul.top li.current a:link,
#bar ul.top li.supercurrent a:visited, #bar ul.top li.supercurrent a:link { color:#006a8c; }
#bar ul.top li.current a:hover, #bar ul.top li.current a:active,
#bar ul.top li.supercurrent a:hover, #bar ul.top li.supercurrent a:active { }


/* Stili menù bottom */

#bottom div.menu { margin-top:30px; padding:15px 0 15px 20px; }
#bottom ul { display:inline; }
#bottom li { font-size:13px; display:inline; list-style:none; border-left:1px solid #dfe2e9; padding-left:10px; margin-left:10px; }
#bottom li.first { border-left:0; padding-left:0; margin-left:0; }
#bottom li a:visited, #bottom li a:link { }
#bottom li a:hover, #bottom li a:active { }
#bottom ul li ul li.current a, #bottom ul li ul li.supercurrent a { }

/* Stili menù left */

div.left div.menu { border-left:10px solid #f8b333; padding-left:20px; padding-top:20px; width:205px; }
div.left ul { }
div.left li { font-size:13px; list-style:none; padding-bottom:10px; }
div.left li span { font-weight:bold; display:block; padding-bottom:5px; }
div.left ul ul { padding-top:10px; }
div.left li li { font-size:12px; background-image:none; padding-left:10px; }
div.left li li span { font-weight:normal; background:none; padding:0; }
div.left li a:visited, div.left li a:link { text-decoration:none; color:#222; }
div.left li a:hover, div.left li a:active { text-decoration:underline; color:#f8b333; }
div.left li li a:visited, div.left li li a:link { text-decoration:underline; color:#006a8c; }
div.left li li a:hover, div.left li li a:active { color:#f8b333; }
div.left li li.current a { font-weight:bold; text-decoration:none; }
div.left li li.current li a { font-weight:normal; text-decoration:underline; }

/* Stili tag testi contenuti */

div.p, p, h1, h2, h3, h4, h5, h6, strong, b, i, em { line-height:1.3; padding-bottom:15px; }
h1 { font-size:19px; color:#006a8c; font-weight:bold; padding-bottom:20px; }
h2 { font-size:15px; color:#006a8c; font-weight:bold; }
h3 { font-size:13px; color:#6b6251; font-weight:bold; padding-bottom:10px; }
h4 { font-size:11px; color:#222; font-weight:bold; }
h5 { font-size:12px; }
h5.data { font-size:11px; padding-bottom:3px; font-weight:bold; }

h3.title { color:#222; font-size:15px; margin-bottom:16px; padding-top:0; }

div.testo { }
p, div.p { font-size:12px; line-height:1.4; }
div.p ul { }
div.p li { }

/* Stili contenuti paragrafi */

div.paragrafo { }
div.paragrafo h2 { }
div.pargrafo div.p { }

/* Stili contenuti per links/allegati */

div.links, div.allegati { }
div.links p, div.allegati p { }
div.links a, div.allegati a { }
div.links p span { }

/* Home */

div.textbox h1 { padding-bottom:10px; }

#banner { width:990px; border-left:10px solid #f8b333; }
#banner div.right { background-color:#006a8c; padding:0; height:230px; }
#banner div.center2 { width:755px; height:220px; position:relative; }
#banner div.info { float:left; width:450px; padding-left:30px; padding-top:20px; position:absolute; z-index:3; top:0; left:0; }

/* Internal */

.internal #content { background:#fff url("/img/bkg.gif") repeat-x; }
.internal #content div.textbox { padding-top:20px; }
.internal #content div.right { padding-top:20px; }
.ricerche #content { border-top:1px solid #dfe2e9; }
.ricerche #content div.textbox { padding-top:20px; }
.ricerche #content div.right { padding-top:20px; }

.ricerche #banner { padding-top:20px; }
.ricerche #banner div.center2 { width:745px; background-image:none; height:auto; }
.ricerche #banner div.sezione { padding-left:30px; }
.ricerche #banner div.right { background-color:transparent; height:auto; }

#banner div.sezione h3 { float:left; width:680px; font-size:12px; font-weight:normal; color:#222; padding-top:0; }
#banner div.sezione h2 { float:left; width:30px; padding:0; margin:0; }
#banner div.sezione a.thickbox { float:left; }

/* Stili indici */

div.indice { margin-top:10px; padding-bottom:10px; }
div.indice div.voce { clear:none; padding-top:15px; margin-top:15px; border-top:1px solid #dfe2e9; }
div.indice div.first { margin:0; padding:0; border:0; }
div.indice h2 { font-weight:bold; font-size:17px; }
div.indice h3 { font-size:13px; color:#006a8c; font-weight:bold; }
div.indice h4 { font-size:13px; font-weight:bold; }
div.indice p, div.indice div.p { padding-bottom:0; }
div.indice div.paragrafo { padding-top:10px; }
div.indice div.paragrafo h3 { font-size:13px; }

/* Indice Tabelle */

table.indice {  width:100%; border-collapse:collapse; margin-bottom:20px; }
table.indice td, table.indice th { font-size:12px; line-height:1.3; padding:5px; border:1px solid #dfe2e9; border-style:solid none; vertical-align:middle; }
table.indice th { font-weight:bold; color:#222; background:#eff0f4; white-space:nowrap;}
table.indice img { padding-right:5px; }

/* Stili indici oggetti speciali */

div.assfam, div.spor, div.can, div.ric, div.off { padding-bottom:10px; }
div.indice.assfam p, div.indice.spor p, div.indice.can p, div.indice.ric p, div.indice.off p { padding-bottom:5px; }
div.assfam h3, div.spor h3, div.can h3, div.ric h3, div.off h3 { padding-top:10px; margin-top:10px; border-top:1px solid #dfe2e9; }
div.assfam p, div.spor p, div.can p, div.ric p, div.off p { font-weight:bold; padding-bottom:5px; }
div.assfam span, div.spor span, div.can span, div.ric span, div.off span { font-weight:normal; text-transform:uppercase; }

div.assfam li, div.spor li, div.can li, div.ric li, div.off li { padding-bottom:5px; }
div.assfam li, div.spor li, div.ric li, div.off li { text-transform:uppercase; }

div.assfam, div.spor, div.can, div.ric, div.off { padding-left:65px; }
div.assfam { background:transparent url("/img/ico/registro2.png") no-repeat top left; }
div.ric { background:transparent url("/img/ico/richieste2.png") no-repeat top left; }
div.can { background:transparent url("/img/ico/candidature2.png") no-repeat top left; }
div.spor { background:transparent url("/img/ico/sportelli2.png") no-repeat top left; }
div.off { background:transparent url("/img/ico/formazione2.png") no-repeat top left; }

div.spor h4 { padding:5px 0 10px 0; font-size:13px; }

div.textbox div.legenda { padding:20px 0; }

p.torna a:link, p.torna a:visited { display:block; color:#fff; text-decoration:none; float:right; text-align:right; font-weight:bold; padding:7px 20px 7px 10px; background:#006a8c url("/img/torna.gif") no-repeat right 50%; }
p.torna a:hover, p.torna a:active { text-decoration:underline; }

div.servizio h4 { color:#006a8c; }

/* Stile orari sportelli servizi */

table.orari_sportserv { margin:5px 0 20px 0; width:50%; }
table.orari_sportserv th, table.orari_sportserv td { border-bottom:1px solid #dfe2e9; border-right:1px solid #dfe2e9; padding:5px 20px; text-align:left; }
table.orari_sportserv th { font-weight:bold; border-top:1px solid #dfe2e9; background-color:#006a8c; color:#fff; }
table.orari_sportserv th.first, table.orari_sportserv td.first { border-left:1px solid #dfe2e9; }

/* Stile classi base per indici */

div.art { }
div.news { }
div.sez { }

/* Stili box */

div.box { clear:both; background:#eff0f4 url("/img/box_bkg.gif") repeat-x top left; margin-bottom:20px; width:100%; } /* width:xxx; per far funzionare i bkg su IE */
div.box div.colonna { width:195px; padding:20px; overflow:hidden; }
div.box p, div.box div.p { text-align:left; font-size:12px; }
div.box h2 { font-size:16px; color:#006a8c; padding-top:35px; }

div.box h2.title-registro { background:transparent url("/img/ico/registro1.png") no-repeat 0 0; }
div.box h2.title-lavoro { background:transparent url("/img/ico/lavoro1.png") no-repeat 0 0; }
div.box h2.title-formazione { background:transparent url("/img/ico/formazione1.png") no-repeat 0 0; }
div.box h2.title-sportelli { background:transparent url("/img/ico/sportelli1.png") no-repeat 0 0; }

/* Stili portale */

div.background { background:transparent url("/img/bkg.gif") repeat-x; width:100%; } /* width:xxx; per far funzionare i bkg su IE */

div.portale { clear:both; }
div.portale div.colonna { width:195px; padding:20px; }
div.portale h2.title { background-color:#006a8c; padding:8px 20px; font-size:14px; color:#fff; }
div.portale div.colonna h2.title { background-color:transparent; padding:0; padding:10px 0; color:#006a8c; font-size:13px; }
div.portale p, div.portale div.p { text-align:left; font-size:12px;}
div.portale div.indice { }
div.portale div.indice h2 { font-size:13px; padding-bottom:5px; }
div.portale div.indice h3 { padding-bottom:0; color:#222; font-size:13px; }
div.portale div.indice h4 { padding-bottom:0; color:#222; font-weight:normal; font-size:12px; }
div.portale div.indice h5.data { }

div.portale ul { margin-top:10px; }
div.portale ul li { margin:0; padding:0; line-height:1.3; margin-left:20px; list-style-type:disc; list-style-position:outside; margin-bottom:5px; text-align:left; }
div.indice.port-famiglie div.voce, div.indice.port-assistenti div.voce, div.indice.port-operatori div.voce { border:0; padding:0; }
div.indice.port-famiglie a, div.indice.port-assistenti a, div.indice.port-operatori a { font-weight:normal; }

div.portale div.indice.ultime-notizie h2 { background-image:none; padding-left:0; font-size:13px; }

p.vai, div.allegati p, div.link p { font-size:12px; }
p.vai a, div.allegati p a, div.link p a { font-weight:bold; }
div.link p { background:transparent url("/img/ico/link.png") no-repeat; padding-left:25px; padding-right:20px; }
div.allegati p { background:transparent url("/img/ico/document.png") no-repeat; padding-left:25px; padding-right:20px; }

/* Stili per footer */

div.foot { padding:10px 0; border-top:1px solid #dfe2e9; }
div.foot p { font-size:11px; padding-bottom:5px; font-weight:bold;}
img.vl { float:right; }

/* Stili menù lingue */

div.lingue ul { }
div.lingue li { }
div.lingue a { }

/* Ricerca */

#ricerca div.ricerca { text-align:right; padding:0 20px 0 180px; }
#ricerca div.ricerca input.text { margin-top:19px; width:200px; border:1px solid #dfe2e9; }
#ricerca div.ricerca input.submit { margin:5px 0; width:auto; }
#ricerca div.ricerca ul { float:left; padding:22px 0; }
#ricerca div.ricerca li { display:inline; font-size:13px; margin-right:30px; padding:25px 0; }
#ricerca div.ricerca li.current { background:transparent url("/img/find_curr.gif") no-repeat top center; }
#ricerca div.ricerca li a:link, #ricerca div.ricerca li a:visited { color:#222; font-weight:bold; text-decoration:none; }
#ricerca div.ricerca li a:hover, #ricerca div.ricerca li a:active { color:#fff; text-decoration:underline; }
#ricerca div.ricerca li.current a { color:#006a8c; cursor:default; }
 
/* Filtri ricerca */

div.right div.ricerca { padding:15px; margin-bottom:20px; }
div.right div.ricerca label { display:block; float:none; padding-bottom:5px; }
div.right div.ricerca p, div.right div.ricerca input,
div.right div.ricerca select, div.right div.ricerca label { margin:0 0 10px 0; text-align:left; }
div.right div.ricerca select, div.right div.ricerca input { width:195px; }
div.right div.ricerca label { float:left; width:150px; margin:3px 0; }
div.right div.ricerca input.checkbox { float:left; clear:left; margin:7px 10px 10px 0; width:auto; }
div.right div.ricerca input.submit { width:auto; }
div.right div.ricerca div.submit { padding-top:15px; clear:both; }

div.right div.ricerca img.loading { margin-left:100px; }
div.campi { padding-top:10px; }

/* stile thickbox */

a.thickbox { float:right; }
div.thickbox { display:none; }

a.thickbox.info { float:left; }

#TB_window { border-left:10px solid #f8b333; background:#fff url("/img/bkg.gif") repeat-x; }
#TB_window p { }
#TB_ajaxContent{ background:transparent url("/img/ico/help.png") no-repeat 10px 10px; padding-top:30px; }
#TB_caption { }
#TB_text { font-weight:bold; text-align:left; }

/* Stile legenda sportelli */

div.legenda { padding-right:20px; }
div.legenda img { display:block; float:left; padding-right:10px; }
div.legenda label { display:block; line-height:1.3; margin-bottom:5px; padding-top:2px; font-weight:bold; }

/* Stili form base */

form, input, textarea, label { font-family:"Lucida Grande", "Lucida sans", "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size:12px; }

/* Form login */

div.loginbox { padding:20px; }
div.loginbox h2.title-login { color:#fff; font-size:16px; background:transparent url("/img/ico/riservata1.png") no-repeat 0 0; padding-left:35px; }
form.login { }
form.login fieldset { padding:0;  }
form.login p, form.login label, form.login li { width:auto; font-size:12px; color:#fff; }
form.login label { width:150px; color:#fff; }
form.login input { }
form.login ul, ul.form { }
form.login ul li { font-size:12px; }
form.login ul li a { font-weight:bold; color:#fff; }

form.login input.submit { margin:5px 0; width:auto; }

/* Form inserimento dati */

div.form { }
div.form h4 { background-color:#eee; font-weight:bold; border:1px solid #dfe2e9; color:#222; }
div.repeater { padding-top:5px; margin-top:5px; border-top:1px solid #dfe2e9; }
div.form .checkbox, div.form .radio { padding:0; margin:5px 5px 5px 0; }
div.form label { padding:5px 0; width:160px; padding-right:10px; }
div.form label.item { width:auto; }
div.form table.vertical-list td { vertical-align:middle; }

input.submit { margin-top:10px; }

/* Stili flusso */

div.flusso { padding-bottom:20px; }
div.flusso span { font-weight:bold; }
ul.flusso-sezioni { }
ul.flusso-sezioni li { line-height:1.3; display:inline; font-weight:bold; font-size:11px; }
ul.flusso-sezioni li.current { }
ul.flusso-sezioni li a:visited, ul.flusso-sezioni li a:link { font-weight:normal; margin-right:10px; padding-right:10px; border-right:1px solid #dfe2e9; }
ul.flusso-sezioni li a:hover, ul.flusso-sezioni li a:active { }

/* Stili flusso num. pagine*/

div.nav { clear:none; font-size:12px; text-align:right; padding-bottom:27px; padding-top:3px; }
div.nav ul { display:inline; }
div.nav li { display:inline; list-style:none; padding-left:5px; margin-left:5px; font-weight:bold; border-left:solid 1px #dfe2e9; }
div.nav li:first-child { padding-left:0; border:none; }
div.nav li a:visited, div.nav li a:link { font-weight:normal; }
div.nav li a:hover, div.nav li a:active { }

div.nav span.totale { }

/* stile delle tabelle con gli orari dei sevizi erogati dagli sportelli */
table.orari_sportserv th:not(:first-child) { text-align:center; }
table.orari_sportserv td.orario_serv { text-align:center;  width:160px; }

/*
 * thickbox.css
 */

#TB_window {
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
	}

#TB_window a:link {
	color:#666;
	}
#TB_window a:visited {
	color:#666;
	}
#TB_window a:hover {
	color:#000;
	}
#TB_window a:active {
	color:#666;
	}
#TB_window a:focus {
	color:#666;
	}

#TB_overlay {
	position:fixed;
	z-index:100;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	}

.TB_overlayMacFFBGHack {
	background: url("/img/macFFBgHack.png") repeat;
	}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	}

* html #TB_overlay { /* ie6 hack */
	position:absolute;
	height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}

#TB_window {
	position:fixed;
	background:#FFF;
	z-index:102;
	color:#000;
	display:none;
	border:none;
	text-align:left;
	top:50%;
	left:50%;
	}

* html #TB_window { /* ie6 hack */
	position:absolute;
	margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}

#TB_window.full, * html #TB_window.full {
	position:absolute;
	margin-top:0;
	top:50px;
}

#TB_window img#TB_Image, #TB_window #TB_Object {
	display:block;
	margin:15px 0px 0px 15px;
	border:none;
	}

#TB_caption {
	padding:7px 15px 10px 15px;
	}
#TB_text {
	clear:both;
	text-align:center;
	overflow:hidden;
	}

#TB_firstLine {
	font-size:1.2em;
	font-weight:bold;
	color:#555;
	margin-bottom:.5em;
	overflow:hidden;
	}
#TB_next {
	display:block;
	float:right;
	}
#TB_next a, #TB_prev a {
	text-decoration:none;
	}

#TB_playPause {
	float:left;
	margin-right:5px;
	}
#TB_closeWindow {
	float:right;
	margin-left:5px;
	}

#TB_closeAjaxWindow {
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
	}

#TB_ajaxWindowTitle {
	float:left;
	padding:7px 0px 5px 10px;
	margin-bottom:1px;
	}

#TB_title {
	background-color:#E8E8E8;
	height:27px;
	}

#TB_ajaxContent {
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
	}

#TB_ajaxContent.TB_modal {
	padding:15px;
	}

#TB_ajaxContent p {
	padding:5px 0px 5px 0px;
	}

#TB_load {
	position:fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left:50%;
	margin:-6px 0px 0px -104px; /* -height/2 0 0 -width/2 */
	}

* html #TB_load { /* ie6 hack */
	position:absolute;
	margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}

#TB_HideSelect {
	z-index:99;
	position:fixed;
	top:0;
	left:0;
	background-color:#FFF;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
	}

* html #TB_HideSelect { /* ie6 hack */
  position:absolute;
  height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}

#TB_iframeContent {
	clear:both;
	border:none;
	margin:15px 0px 0px 15px;
	/*
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
	*/
	}