<style tipo + + digitare="text / css">

/ * Progetto 02 * /
/ * Non rimuovere questo invito import * / @ import url(/Comune/CSS/1024_1.css);

corpo (
Margine: 0;
padding: 0;
font: 12px/19px verdana, helvetica, sans-serif;
colore: # 000;
sfondo:# ffffff url("(TMPL_IMAGES) bg_verde.jpg») repeat-x superiore centro;
)

un:attiva, un:focus (outline-color:invertito; outline-style:nessuno; outline-width:0pt;) / * nessun legame tratteggiata * /
un:collegamento, un:visitato (text-decoration:underline;colore:# 339933;)
un:hover (colore: # 000000;)

/ * Text Format
================================================== ==* /
p, H1, H2, H3, H4, h5, forma (Margine: 0; line-height: 19px;)
ul, li (Margine:0; padding:0;)
img (di frontiera: 0;)
H1 (font-size:24px)
H2 (font-size:14px; font-weight: normale;)
H2 ()
H3 (font-size:20px; PADDING-BOTTOM: 10px; colore:# 950027;)
H4 (font-size:16px; padding:0 0 4px 0;)
h5 (font-size:12px; font-weight: normale;)


/ * GENERALI
================================================== ==* /
.uccidere (visualizzare:nessuno;)
.chiaro (chiaro:entrambi;)
# percorso (font-size:11px; colore:# 777; padding: 20px 5px 5px 10px;)
# percorso un (colore:# 339933;)
# percorso un:hover(text-decoration: nessuno;)
H1.pagename,
H3.pagename (padding:5px 5px 5px 10px; colore:# 000000; font-size:18px;)


/ * LAYOUT STRUTTURA
================================================== ==* /
# header (
ampiezza: Al 100%;
Margine: 0;
padding: 0;
float: sinistra;
)
# container (
ampiezza: 960px;
text-align:sinistra;
Margine: 0 Auto;
padding: 0;
visualizzare: blocco;
overflow: visibile;
Posizione: parente;
sfondo:trasparente url("(TMPL_IMAGES) top02_37.jpg") no-repeat 0 0px;
)
# content_box (
padding: 0px 8px 0 8px;
ampiezza: 944px;
visualizzare: blocco;
float: sinistra;
)
.content_box-deco01(
sfondo:trasparente url("(TMPL_IMAGES) contentbox01_37.gif") repeat-y 740px 0;
ampiezza: Al 100%;
visualizzare: blocco;
float: sinistra;
)
# sinistra (
visualizzare: blocco;
ampiezza: 203px;
float: sinistra;
Posizione:parente;
z-index:50;
Margine:0;
padding: 122px 0 0 0;
Margine:--(HEAD-HEIGHT)px 0 0 0;
)
.no_header # sinistra(
Margine:2px 0 0 0;
padding: 0px;
)
# center (
ampiezza:720px;
Posizione: parente;
float:sinistra;
Margine: 0;
padding: 0;
padding:10px 10px 0 10px;
)
html>corpo # center( / * Opera, Firefox e Safari * /
overflow:visibile;
)
# center( / * * IE6 /
overflow:hidden;
)
*:first-child+html # center( / * IE7 * /
overflow:visibile;
)
# footer (
ampiezza: 960px;
altezza: 120px;
Margine: 0;
padding:0;
text-align: centro;
font-size:12px;
visualizzare: inline;
float: sinistra;
sfondo:trasparente url("(TMPL_IMAGES) contentbox01_37.gif") repeat-y 748px 0;
)
.footer-deco01 (
sfondo:trasparente url("(TMPL_IMAGES) footer02_37.jpg") no-repeat sinistra fondo;
float:sinistra;
ampiezza:960px;
altezza:Al 100%;
visualizzare: inline;
)

/ * HEADER OGGETTI
================================================== ==* /
# headerobjects (
Posizione:assoluta;
superiore:35px;
altezza:130px;
visualizzare:blocco;
ampiezza:Al 100%;
sinistra: 0px;
)
/ * header_search # (height: 30px; display: block; position: absolute;) * /
# search (
Posizione:assoluta;
superiore:10px;
destra: 20px;
z-index: 100;
)
# search forma, # search ingresso (font-size:12px;)
# searchstyle (ampiezza: 120px;) / * Larghezza del campo di ricerca * /
# logo (float: sinistra; Margine:0 0px 0 30px ! importante; Margine:0 0px 0 15px;)
# headertitolo (float: sinistra; Margine: 0 0 0 25px;ampiezza:700px;)
# headertitolo H1, # headertitolo un (colore: # b8df82; text-decoration: nessuno;)
# headertitolo un (altezza: 60px; ampiezza: 560px; visualizzare:blocco;)
.graphic_title (Margine:0; altezza: 60px;)
.graphic_title span (Margine: 20px 0 0 8px; Posizione: assoluta; )
# headertitolo H2 (colore: # 444444; font-weight: normale; padding: 0 0 0 8px;) / * Sottotitoli * /
.header-deco01 (ampiezza: Al 100%;float: sinistra;)
.header-deco02 (
ampiezza: Al 100%;
float: sinistra;
min-height: 247px;
altezza: Auto! importante;
altezza:247px;
Posizione: parente;
)

/ * Intestazione grafico + FLASH
================================================== ==* /
# headergraphic (
(HEADER_IMG)
float:sinistra;
Posizione:parente;
sinistra:8px;
Margine: 127px 0 0 0px;
)
.headerflash oggetto (Posizione: assoluta;)
.headerflash (Posizione: assoluta; z-index:3; Margine:0;)

/ * Main Navigation
================================================== ==* /
# main_menu (padding: 0;)
# main_menu li (
list-style-type: nessuno;
border-bottom: 3px solid # eeeeee;
)
# main_menu li un (
font-size:12px;
colore: # 339933;
text-decoration: nessuno;
visualizzare: blocco;
sfondo:trasparente url("(TMPL_IMAGES) menu_down2.jpg") repeat-y 0 0;
padding: 2px 5px 2px 10px;
text-align: destra;
text-transform: maiuscolo;
)
# main_menu li un:hover (
colore: # 444444;
sfondo:trasparente url("(TMPL_IMAGES) menu_over2.jpg") repeat-y 0 0;
)

/ * Sottolivelli NAVIGAZIONE
================================================== ==* /
# sub menu ()
# sub_menu_father (font-weight: bold; colore:# 000; Margine:5px; visualizzare:blocco; font-size:14px; text-align: destra;)
# sub_menu ul (padding: 0; Margine:0;)
# sub_menu li (list-style-type: nessuno; border-bottom: 2px solid # fff; padding: 5px; text-align: destra;)
# sub_menu li un (colore: # 666; text-decoration: nessuno;)
# sub_menu li un:hover (colore: # 000;)


/ * CONTENUTO CENTRALE (RED BOXES)
================================================== ==* /
# red_box_container, # dinamic_red_box_container (padding: 0 10px 5px 0;)
# Home # red_box_container (PADDING-TOP:10px;)
.red_box .Allegati ()
.red-box (float:sinistra; Margine: 5px; colore: # 000; Margine:10px 0 0 10px; ampiezza:720px; Posizione:parente)
.red_box H3 un(colore:# 950027; text-decoration:nessuno;)
.red_box H3 un:hover (text-decoration:underline;)
* html .red-box (visualizzare:inline;)
.red_box (Margine:15px 0;)
.red_box H3,
.red_box .Abstract,
.red_box .testo,
.red_box .Allegati,
.red_box .date_comments (padding:0 15px 8px 15px; Margine: 0 0 8px 0;)
.red_box img (Margine: 15px; padding: 4px; sfondo: # fff; di frontiera: 1px solid # 777;)
.red_box li (list-style-position:all'interno;)
.piccolo-red-box (ampiezza:345px; Margine: 0 5px;)
.flvPlayerContainer (
Margine:15px Auto;
chiaro:entrambi;
)
# content .red_box .Abstract (font-style:corsivo;)
# center # box_news_hp (Margine: 5px 25px; line-height:145%;)
# center # box_news_hp H4 (font-size: 13px;colore: # 666;)
# center # box_news_hp un (font-size: 12px;colore: # 999;)
# center # box_news_hp un:hover (colore: # 444;)
# center # box_news_hp .news_item (margin-bottom:10px;)
# center # box_news_hp p (font-size:12px;colore: # 333;)
/ * CONTENUTO SIDEBAR (BLUE BOXES)
================================================== ==* /
# blue_box_container (Margine: 0 10px; font-size:12px; line-height:170%;)
.blue_box (Margine: 5px 0 10px 0;)
.blue_box H4 (colore: # 950027; padding:20px 0 8px 0;)
.blue_box un, .blue_box un:visitato (colore:# 339933;)
.blue_box un:hover (colore: # 000000;)
.blue_box img (
Margine: 3px 0px;
border-top: 1px solid # EEEEEE;
border-right: 1px solid # 777777;
border-bottom: 1px solid # 777777;
border-left: 1px solid # EEEEEE;
)
.blue_box p (padding: 0 6px 0 0; margin-bottom: 10px; colore: # 666;)
# sinistra # box_news_hp (Margine: 10px 10px 20px;)
# sinistra # box_news_hp .news_item ()
# sinistra # box_news_hp H4 (colore: # 000000;) / * Il titolo * /
# sinistra # box_news_hp un (colore: # 990000; font-size: 11px;)
# sinistra # box_news_hp un:hover (colore: # 000000;)
# sinistra # box_news_hp p (font-size:10px;colore: # 000000;)
.blue_box_external_bg (
margin-top:-5px;
)
.no_header .mp3_container (
visualizzare:blocco;
Posizione: assoluta;
superiore:239px -;
sinistra:729px -;
)
.mp3_container (
visualizzare:blocco;
Posizione: assoluta;
superiore:117px -;
sinistra:729px -;
)
/ * VIRALE
================================================== ==* /
# stampa, # date_comments, # lang_menu, # virale ()
# stampa (text-align: destra; PADDING-RIGHT:15px; PADDING-TOP:5px; margin-top:-30px; font-size:11px;)
# date_comments (chiaro:entrambi; text-align: destra; PADDING-RIGHT:15px;) / * Non levare il chiaro * /
# virale (
Margine:15px 0px 0 0;
text-align: centro;
font-size: 11px;

)
# virale ul (Margine: 0; padding: 0; ampiezza: Al 100%;)
# virale ul li (visualizzare: inline;)
# virale li, # virale li un (colore:# 000;)
# virale li un:hover (text-decoration: nessuno;)
# virale li (text-decoration: nessuno; padding: 2px 8px 2px 4px ! importante; padding: 2px 4px 2px 6px; border-right:1px solid # 999;)
# virale li.ultimo (border-right:0;)
# virale li un:hover (colore:# 000000;)


/ * MULTILINGUE
================================================== ==* /
# lang_menu (
padding:0;
Margine:0;
superiore:35px;
Posizione:assoluta;
destra: 20px;
altezza:Auto! importante;
)
# lang_menu ul (list-style-type: nessuno; padding: 20px 0px 0 10px; float:destra;)
# lang_menu li (visualizzare:inline;)
# lang_menu img (Margine: 0 0 0 7px;)
html>corpo .clear_ff (chiaro:entrambi;) / * FF * /
.clear_ff (chiaro:nessuno;) / * IE6 * /
*:first-child+html .clear_ff (chiaro:nessuno;) / * IE7 * /


/ * FOOTER
================================================== ==* /
# footer .copyright(
colore: # b8df82;
font-size:11px;
text-decoration:nessuno;
visualizzare:blocco;
padding:20px 0 6px 0;
)
# footer .copyright un (
colore: # b8df82;
text-decoration: underline;
)
# footer .copyright un:hover (text-decoration: nessuno;)
.footer-deco02 (float:sinistra; ampiezza: 960px; visualizzare:blocco;border-top: 1px solid # f6f6f6;Margine:25px 0px 0 0px;)
.footer-deco03 (float:sinistra; ampiezza: 960px; visualizzare:blocco;)

/ * PAGINA: RISULTATI DELLA RICERCA
================================================== ==* /
.search_result (padding: 10px 0; line-height: 170%;)
.search_result h5 (font-size: 14px;)
.search_result p ()
.gotolink (text-align:destra; font-size:10px;)


/ * PAGE: CONTATTI
================================================== ==* /
textarea, ingresso (colore:# 000000; font-size:12px;)
textarea,
.contact_form (ampiezza:220px;)
/*----------------------- FORMA pagina contatti -------------------*/
# box_contact (
margin-left: 12px;
margin-bottom: 20px;
line-height: 170%;
ampiezza:632px;
)
# contact_box (
ampiezza:644px;
margin-left:12px! importante;
)
/*----------------------- FORMA pagina contatti -------------------*/
.form_int (padding:10px 0 0 10px; ampiezza:650px; margin-bottom:20px;)
.form_int forma ()
.form_int Legend (padding:5px; margin-left:5px; colore:# 252844! importante; font-size:15px; font-weight:normale;)
.form_int fieldset (di frontiera:1px solid # aaa; padding:0 0 10px 0;)
.form_int tavolo (ampiezza:93%;)
.form_int Etichetta (visualizzare:blocco; text-align:destra; ampiezza:131px; PADDING-RIGHT:5px; float: destra;)
.submit_send (
colore: # 535353;
altezza: 26px;
ampiezza: 63px;
font: normale 16px Arial, "Helvetica Neue», "Microsoft Sans Serif";
)


/ * PAGE: ADVANCED
================================================== ==* /
# nav_dinamic,# nav_dinamic-bottom(
font-size:12px;
visualizzare: blocco;
padding: 5px 20px 10px 5px;
text-align: destra;
)
# nav_dinamic span,
# nav_dinamic-bottom span,
# nav_dinamic-bottom un,
# nav_dinamic un (
padding:1px 4px;
)
# nav_dinamic un,# nav_dinamic-bottom un(
text-decoration:nessuno;
)
# nav_dinamic span,
# nav_dinamic-bottom span,
# nav_dinamic un:hover,
# nav_dinamic-bottom un:hover(
text-decoration:nessuno;
)

ul# navigazione (list-style-type: nessuno; Margine: 0; padding: 6px 15px; border-top: 1px solid # ccc;)
ul# navigazione li un (text-decoration: nessuno;)
ul# navigazione li un:hover ()
ul# navigazione .sinistra (float: sinistra;)
ul# navigazione .destra (float: destra;)
# back un (text-decoration: nessuno; margin-bottom: 20px; font-size: 10px;)
/ * Sidebar ALBUM
================================================== ==* /
.sidebar-album li un b img (
border-color:# EEEEEE # 777777 # 777777 # EEEEEE;
border-style:solid;
border-width:1px;
)
.sidebar-album li (
visualizzare: blocco;
padding: 0 0px 15px 10px;
)
.sidebar-album li un span (
Margine: 1px! importante;
Margine:1px 1px 2px 1px;
)
*:first-child+html .sidebar-album li un span (
Margine:1px 1px 2px 1px! importante;
)
.sidebar-album H4 (
colore:# 950027;
padding-left:10px;
PADDING-RIGHT: 10px;
Margine: 10px 0px 10px 0px;
)
.sidebar-album li un (
text-decoration: nessuno;
)
.sidebar-album li un b (
sfondo: nessuno;
)
/*-------------- UL IN PHOTOGALLERY ----------------*/
# photogallery_page ul# navigazione,
# photogallery_page # nav_photogallery-bottom (
ampiezza: 680px! importante;
)
ul# navigazione li.destra un (
float: destra;
)
ul# navigazione li.sinistra un (
float: sinistra;
)
/ * PAGE: PHOTOGALLERY
================================================== ==* /
# nav_photogallery-bottom b.wide_image, # nav_photogallery-bottom span.wide_image (
padding: 5px;
)
/ * PAGE: SPLASH HOMEPAGE OPTION
================================================== ==* /
.splash .blue_box_external_bg, .splash # center (visualizzare:nessuno;)
# header_pref2 (visualizzare:nessuno; Posizione:assoluta; fondo:10px; sinistra:0;)
.splash # header_pref2 (visualizzare:inline;)
.splash # sinistra (
float: destra;
min-height: 0px! importante;
)
*html .splash # sinistra (altezza: 0px! importante;float: destra;sfondo:trasparente url("(TMPL_IMAGES) contentbox01_37.gif") no-repeat 0 fondo;)
*html .splash # content_box(float: sinistra! importante; visualizzare: blocco;padding:0 7px;)
.splash # content_box(padding:0 7px;)
*html .splash .content_box-deco01(float: sinistra! importante; visualizzare: blocco; sfondo:nessuno! importante;)
.splash .header-deco02 (
sfondo:trasparente url("(TMPL_IMAGES) splash_contentbox01_37.gif") no-repeat 748px fondo;
)
