			/* CSS Document */

* {margin:0; padding:0; font:10px Verdana; color:#000000;}
body {margin-left: 0px; margin-top: 1px; margin-right: 0px; margin-bottom: 0px; background-color: #FFFFFF; background:url(../img/sfondo_blu.jpg) top repeat-x;}

			/* titoli */
h1 { font-family:"Times New Roman", Times, serif; color:#ffffff; font-size:20px; padding:2px 10px;}

			/* paragrafi */
#sopra_tratteggio p { padding-left:8px;}
#sotto_tratteggio p { padding:5px 5px 5px 8px;}
#sotto_tratteggio_altezza p { padding:5px 5px 5px 8px;}
#sotto_tratteggio_pic p { padding:5px 5px 5px 8px;}
#sotto_tratteggio_pic2 p { padding:5px 5px 5px 8px;}

#sotto_tratteggio2 p { padding:5px 5px 5px 8px;}
#sopra_tratteggio_pop p { padding-left:8px;}
#sopra_tratteggio_pop2 p { padding-left:8px;}
#sotto_tratteggio_pop p { padding:5px 5px 5px 8px;}
#sotto_tratteggio_pop2 p { padding:5px 5px 5px 8px;}
#indirizzo p { padding:5px 5px 5px 8px;} 
#note p { padding:5px 5px 5px 0;}
#neutro p { padding:6px 0;}
#box_news p { padding:10px 0 12px 1px; font-style:italic; color:#666666;}
#box_banner p { padding-top:10px; font-style:italic; color:#666666;}
#box_banner2 p { padding:10px 0px 0px 10px;}
			/*---------------------------------------------------------------------------------------------------------------*/

			/* classi */
table.tabella_esterna { width:906px; background:url(../img/sfondo_verde_dx.jpg) right repeat-y; background-color:#FFFFFF; }
td.fascione { background-color:#ffffcc;}
a.font_mail {font:11px Verdana; color:#FFFFFF; text-decoration:none; }
a.font_mail:hover {font:11px Verdana; color:#F9CB73; text-decoration:none; }
.spazio { padding-top:1px;}
.freccia_download { height:13px; background: url(../img/freccia_giu.jpg) left no-repeat;}
.freccia_inclin { height:13px; background: url(../img/freccia_inclinata.jpg) left no-repeat;}
.freccia_orizz { height:13px; background: url(../img/freccia_orizz.jpg) right no-repeat;}
a.font_dettaglio { font:9px Verdana; color:#FFFFFF; text-decoration:none;}
a.font_dettaglio:hover {  font:9px Verdana; color:#F9CB73; text-decoration:none;}
.font_footer { padding-top:2px; font:11px Verdana; color:#FFFFFF; text-decoration:none; }
.bianco { padding:7px 0px; background:#ffffff; width:100%;}
.bianco2 { padding:6px 0px; background:#ffffff; width:100%; color:#666666;}
.bianco_avvocati { background:#ffffff; width:100%; color:#666666;}
a.link { text-decoration:none;}
a.link:hover { color:#07cc24; text-decoration:none;}
.giuris { margin-bottom:20px;}
.welcome { font-family:Arial; font-size:14px; margin-bottom:20px;}
.welcome_bold { font-family:Arial; font-size:14px; font-weight:bold;}
.font_vai_pagina { font:9px Verdana; color:#67abcb; text-decoration:none;}
a.font_vai_pagina { font:9px Verdana; color:#67abcb; text-decoration:underline;}
a.font_vai_pagina:hover {  font:9px Verdana; color:#000000; text-decoration:underline;}
a.font_contatti { font:9px Verdana; color:#67abcb; text-decoration:underline;}
a.font_contatti:hover {  font:9px Verdana; color:#000000; text-decoration:underline;}
a.bianco_avvocati { font:9px Verdana; color:#666666; text-decoration:none;}
a.bianco_avvocati:hover { font:9px Verdana; color:#999999; text-decoration:none;}
.data { font:9px Verdana; color:#67abcb; }
.bold{ font-weight:bold;}
.casella_giurisdizione { margin-bottom:1px;}	
.commento_dettaglio { color:#999999; font-style:italic;}
a.continua { color:#999999; font-style:italic; text-align:right;}
a.continua:hover { color:#999999; font-style:italic; text-align:right;}	
.font_blu { color:#00639E; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;}			
.paddind_freccia_tit { padding-top:4px;}
.left12 { padding-left:12px; } 
.top2 { padding-top:2px;}
.left8 { padding-left:8px;}
			/*---------------------------------------------------------------------------------------------------------------*/

			/* liste */
#dettagglio li { display:inline; list-style-type:none; margin-left:1px; padding-left:14px; }
#dettagglio li:hover { display:inline; list-style-type:none; margin-left:1px; padding-left:14px; }
#dettagglio_mono li { display:inline; list-style-type:none; margin-left:1px; padding-left:14px; }
#dettagglio_mono li:hover { display:inline; list-style-type:none; margin-left:1px; padding-left:14px; }
#vai_pagina li { display:inline; list-style-type:none; margin-left:1px; padding-right:14px; }
#vai_pagina li:hover { display:inline; list-style-type:none; margin-left:1px; padding-right:14px; }
#vai_paginadettaglio li { display:inline; list-style-type:none; margin-left:1px; padding-right:14px; }
#vai_paginadettaglio li:hover { display:inline; list-style-type:none; margin-left:1px; padding-right:14px; }
#titolo_link li { display:inline; list-style-type:none; padding-right:110px; color:#999999;}
#neutro li { list-style:none; margin-top:1px;}


			/*---------------------------------------------------------------------------------------------------------------*/

				
			/* div*/
			
			/* pezzettino verde inutile sulla sinistra del div della mail e sopra il menu */
#cosino_verde { float:right; width:11px; height:19px; background: url(../img/img_verde.jpg) no-repeat;}	

		
			/*---------------------------------------------------------------------------------------------------------------*/
			
			/* per fare il bordo verde, creo prima una cella tutta verde e poi dentro ne metto una bianca pių piccola di 1px */
#cella_in_alto { width:582px; height:19px; background-color:#07CC24; }
#cella_in_dentro { position: relative; top:1px; left:1px; width:580px; height:17px; background-color:#FFFFFF; background: url(../img/barra_blu.jpg) no-repeat; }
#div_mail { position:absolute; padding-left:25px; right:35px; height:17px;  background: url(../img/lettera.jpg) left no-repeat;}
#div_footer { position:absolute; left:45px; height:17px; }


			/*---------------------------------------------------------------------------------------------------------------*/
				
			/* per fare il bordo verde della cella in cui c&agrave;č il testo, creo prima una cella tutta verde e poi dentro ne metto una bianca pių piccola di 1px */
#cella_banner { width:582px; height:201px; background-color:#07CC24; }
#cella_banner_dentro { position:relative; top:1px; left:1px; width:580px; height:198px; background-color:#FFFFFF;}
#cella_banner_immagine_home { position:relative; top:1px; left:1px; width:578px; height:196px; background: url(../img/banner1.jpg) no-repeat;}
#cella_banner_immagine_studio { position:relative; top:1px; left:1px; width:578px; height:196px; background: url(../img/banner2.jpg) no-repeat;}
#cella_banner_immagine_giuris { position:relative; top:1px; left:1px; width:578px; height:196px; background: url(../img/banner3.jpg) no-repeat;}
#cella_banner_immagine_contatti { position:relative; top:1px; left:1px; width:578px; height:196px; background: url(../img/banner7.jpg) no-repeat;}
#cella_banner_immagine_link { position:relative; top:1px; left:1px; width:578px; height:196px; background: url(../img/banner4.jpg) no-repeat;}
#cella_banner_immagine_civile { position:relative; top:1px; left:1px; width:578px; height:196px; background: url(../img/banner5.jpg) no-repeat;}
#cella_banner_immagine_dettaglio { position:relative; top:1px; left:1px; width:578px; height:196px; background: url(../img/banner6.jpg) no-repeat;}

			
			/*---------------------------------------------------------------------------------------------------------------*/
			
			/* la "cella_contenuto_anelli" contiene l&agrave;img anelli e tutto il contenuto della pag, testo ecc */
#cella_contenuto_anelli { position:relative; width:690px;}
#cella_anelli { position:absolute; width:38px; height:454px; right:86px; top:60px; background:url(../img/anelli.jpg) no-repeat;}
#cella_contenuto_testo_verde { position:relative;  width:582px; background-color:#07CC24; }
#cella_contenuto_testo_verde2 { position:relative;  width:500px; background-color:#07CC24; }
#cella_contenuto_testo_bianca { position:relative; left:1px; bottom:1px; width:580px; height:530px; background-color:#FFFFFF; }
#cella_contenuto_testo_bianca2 { position:relative; left:1px; bottom:1px; width:490px; height:530px; background-color:#FFFFFF; }
			
			/*---------------------------------------------------------------------------------------------------------------*/

			/* qui inizia il contenuto */
#titolo { position:relative; width:490px; height:26px; top:5px; bottom:4px; left:45px;  background-color:#00639c; text-align:center;}			
#div_righe_verdi {  position:relative; width:578px; height:15px; margin:9px 0px 0px 1px; background:url(../img/righe_verdi.jpg);}
#div_scroll { position:relative;  overflow: auto; width:510px; height:420px; bottom:20px; margin:40px 0px 0px 45px; scrollbar-highlight-color:#D5F394; scrollbar-face-color:#FFFFFF; scrollbar-darkshadow-color:00639c }
#div_scroll_index { position:relative;  overflow: auto; width:510px; height:420px; bottom:20px; margin:40px 0px 0px 45px; scrollbar-highlight-color:#D5F394; scrollbar-face-color:#FFFFFF; scrollbar-darkshadow-color:00639c;}
#div_non_scroll { position:relative; width:510px; height:420px; bottom:20px; margin:40px 0px 0px 45px; }
/*#div_scroll_civile { position:relative;  overflow: auto; width:510px; height:300px; bottom:20px; margin:40px 0px 0px 45px; scrollbar-highlight-color:#D5F394; scrollbar-face-color:#FFFFFF; scrollbar-darkshadow-color:00639c }*/
#div_scroll_giuris { position:relative;  overflow: auto; width:510px; height:420px; bottom:20px; margin:40px 0px 0px 45px; scrollbar-highlight-color:#D5F394; scrollbar-face-color:#FFFFFF; scrollbar-darkshadow-color:00639c }
#div_scroll_categoria { position:relative;  overflow: auto; width:510px; height:350px; bottom:20px; margin:40px 0px 0px 45px; scrollbar-highlight-color:#D5F394; scrollbar-face-color:#FFFFFF; scrollbar-darkshadow-color:00639c }
#div_scroll_dettaglio { position:relative;  overflow: auto; width:510px; height:385px; bottom:20px; margin:40px 0px 0px 45px; scrollbar-highlight-color:#D5F394; scrollbar-face-color:#FFFFFF; scrollbar-darkshadow-color:00639c }
#contenitore_sop_sot_tratteggio {position:relative; width:490px; margin-bottom:20px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y;}
#contenitore_sop_sot_tratteggio_pic { float:left; width:163px; margin-top:5px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y;}
#sopra_tratteggio { position:relative; width:489px; height:14px; left:1px; background:url(../img/sfondino_verde2.jpg) left top no-repeat; }
#sopra_tratteggio_pic { float:right; width:162px; height:14px;  background:url(../img/sfondino_verde2.jpg) left top no-repeat; }
#sopra_tratteggio_pic2 { float:right; width:162px; height:24px;  background:url(../img/sfondino_verde_alto.jpg) left top no-repeat; }

#dettagglio { float:right; width:260px; height:13px; background-color:#006CA4}
#dettagglio_mono { float:right; width:125px; height:13px; background-color:#006CA4}
#sotto_tratteggio { position:relative; width:489px; left:1px; top:1px; background:url(../img/tratteggio_or.jpg) top repeat-x;  background-color: #FFFFEE; text-align:justify;}
#sotto_tratteggio_altezza { position:relative; width:489px; height:535px; left:1px; top:1px; background:url(../img/tratteggio_or.jpg) top repeat-x;  background-color: #FFFFEE; text-align:justify;}
#sotto_tratteggio_pic { float:right;  width:162px; margin-top:1px; background:url(../img/tratteggio_or.jpg) top repeat-x;  text-align:left;}
#sotto_tratteggio_pic2 { float:right;  width:162px; height:130px; margin-top:1px; background:url(../img/tratteggio_or.jpg) top repeat-x;  text-align:left;}

#sotto_tratteggio2 { position:relative; width:489px; left:1px; top:1px; background:url(../img/tratteggio_or.jpg) top repeat-x;  background-color: #FFFFEE; text-align:justify;}
#testo_introduttivo { position:relative; width:490px; margin-bottom:10px; text-align:justify;}
	
			
			/*---------------------------------------------------------------------------------------------------------------*/

			/* qui inizia il contenuto specifico della pagina studio.html */
#link_avvocati { width:178px; height:535px; position:relative; float:right; margin:2px 0;}
#link_avvocati2 { width:163px; height:535px; position:relative; float:right; margin:0px 0; background-color:#FFFFFF;}
#avvocati_logo { width:163px; position:relative; float:right;}	
#menu_avvocati { position:relative; width:163px; position:relative; float:right; background:#e2e2e4;}
				
				
			/*---------------------------------------------------------------------------------------------------------------*/
						
			/* qui inizia il contenuto specifico della pagina giuris.html */
#vai_pagina { float:right; height:13px; background-color:#ffffff; text-align:right}		
#vai_paginadettaglio { float:right; height:13px; background-color:#ffffff; text-align:right}
#categorie { position:relative; width:490px; height:180px; margin:10px 0 5px 0px; background-color:#FFFFEE;}	
#ricerca_giuris { position:relative; width:480px; height:35px; margin:5px 0 5px 2px;}	
#vai_pagina_civilesx_giuris { float:left; width:480px; height:13px; background-color:#ffffff; text-align:left; padding-left:5px; padding-top:5px;}	

			
			/*---------------------------------------------------------------------------------------------------------------*/
			
			/* qui inizia il contenuto specifico della pagina  categoria.html */
#ricerca { position:relative; width:490px; height:24px; border-bottom: 1px solid #d5f394; margin:10px 5px 5px 45px;}	
#vai_pagina_civilesx { float:left; height:13px; background-color:#ffffff; text-align:left; padding-left:5px; padding-top:2px;}	
#vai_pagina_civiledx { float:right; width:240px; height:13px; background-color:#ffffff; text-align:right; padding-top:1px;}
#vai_pagina_civiledx_dettaglio { float:right; width:240px; height:13px; background-color:#ffffff; text-align:right; padding-top:5px;}	


			/*---------------------------------------------------------------------------------------------------------------*/

			/* qui inizia il contenuto specifico della pagina contatti.html */
#mappa { width:489px; height:210px;background:url(../img/mappa.jpg) right no-repeat; vertical-align:top;}	
		
			
			/*---------------------------------------------------------------------------------------------------------------*/

			/* qui inizia il contenuto specifico della pagina link.html */
#spazio { height:10px; left:10px;}
#titolo_link { margin-left:8px;}
#sopra_tratteggio_link{  position:relative; width:490px; left:0; top:1px; background:url(../img/tratteggio_or_bianco.jpg) bottom repeat-x;  background-color: #ffffee;}
#sotto_tratteggio_bianco { position:relative; width:489px; left:0; top:1px; background:url(../img/tratteggio_or.jpg) top repeat-x;  background-color:#ffffff;}
#indirizzo { float:left;  padding:5px 0;}
#note{ margin-left:200px; padding:5px 0; text-align:left;}
#titolo_indirizzo{ float:left; color:#999999;}
#titolo_note{ margin-left:200px; color:#999999;}
#categoria_a_chiuso { position:relative; width:490px; margin-bottom:0px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y;}
#categoria_a_aperto { position:relative; width:490px; margin-bottom:20px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y; display:none;}
#categoria_b_chiuso { position:relative; width:490px; margin-bottom:0px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y;}
#categoria_b_aperto { position:relative; width:490px; margin-bottom:20px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y; display:none;}
#categoria_c_chiuso { position:relative; width:490px; margin-bottom:0px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y;}
#categoria_c_aperto { position:relative; width:490px; margin-bottom:20px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y; display:none;}
#categoria_d_chiuso { position:relative; width:490px; margin-bottom:0px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y;}
#categoria_d_aperto { position:relative; width:490px; margin-bottom:20px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y; display:none;}
#categoria_e_chiuso { position:relative; width:490px; margin-bottom:0px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y;}
#categoria_e_aperto { position:relative; width:490px; margin-bottom:20px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y; display:none;}
#categoria_f_chiuso { position:relative; width:490px; margin-bottom:0px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y;}
#categoria_f_aperto { position:relative; width:490px; margin-bottom:20px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y; display:none;}
#categoria_g_chiuso { position:relative; width:490px; margin-bottom:0px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y;}
#categoria_g_aperto { position:relative; width:490px; margin-bottom:20px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y; display:none;}
#categoria_h_chiuso { position:relative; width:490px; margin-bottom:0px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y;}
#categoria_h_aperto { position:relative; width:490px; margin-bottom:20px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y; display:none;}
#categoria_i_chiuso { position:relative; width:490px; margin-bottom:0px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y;}
#categoria_i_aperto { position:relative; width:490px; margin-bottom:20px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y; display:none;}


						/*---------------------------------------------------------------------------------------------------------------*/

			/* qui inizia il menu */
#cella_menu_verde { position:relative; top:1px; left:1px; width:188px; height:200px; background-color:#07CC24; }
#cella_menu_bianca { position:relative; left:1px; bottom:1px; top:1px; width:187px; height:198px; background-color:#FFFFFF; }
#cella_menu_bianca_sfondo { position:relative; top:1px; width:187px; height:196; background: url(../img/sfondo_menu.jpg) top repeat-y; }
			/* qui inizia il box news */
#cella_menu_verde_sotto { position:relative; top:1px; padding:1px 0px 1px 0px; width:188px; background-color:#ffffcc;}
#cella_menu_bianca_sotto { position:relative; width:188px; background-color:#ffffcc; }
#box_news { width:153px; position:relative; left:17px; background:url(../img/tratteggio_or.jpg) bottom repeat-x; padding-bottom:3px; text-align:justify;}
#box_banner { width:153px; position:relative; left:17px; padding-bottom:3px; }
#box_banner2 { width:153px; position:relative; left:17px; padding-bottom:3px; display:none; }
#continua { height:12px; background: url(../img/freccia_orizz_gialla.jpg) right no-repeat; text-align:right; padding:0 14px 0 0;}
#continua_pic { float:right; width:60px; height:12px; background: url(../img/freccia_orizz.jpg) right no-repeat; text-align:right; padding-right:14px; }
#continua_pic2 { float:right; width:60px; height:12px; text-align:right; }
#continua_pic3 { float:right; width:153px; height:12px; background: url(../img/freccia_orizz.jpg) right no-repeat; text-align:right; padding-right:14px; margin-top:5px; margin-bottom:5px; }

#tit_pic { float:left; width:83px; height:14px;  }
#tit_pic2 { float:left; width:149px; text-align:left; height:14px;  }
#titolo_news { height:18px; text-align:left; padding:0 0 0 0; margin-top:10px; background:url(../img/tratteggio_or.jpg) repeat-x bottom left;}
#flot_titolo { float:left; width:135px;}
#flot_titolo_img { float:left; width:18px; text-align:right;}

/*#cella_menu_bianca_sotto_sfondo { position:relative; width:187px; padding-bottom:15px; background: url(../img/sfondo_menu.jpg) top repeat-y; }*/
#cella_bianca_tit_menu { position:relative; width:163px; height:50px; left:12px; background-color:#FFFFFF;}
#cella_blu_tit_menu { position:relative; width:163px; height:49px; top:0px; background-color:#00639c;}
#neutro { border-bottom:1px solid #e2e2e4;}
#menu { position:relative; width:153px;  margin-left:17px; background:#e2e2e4; top:24px;}
#menu2 { position:relative; width:154px;  margin-left:16px; background:#e2e2e4;}
			
			/*---------------------------------------------------------------------------------------------------------------*/

			/* qui relativamente al logo per la stampa */
#logo_print { display:none;}

			/*---------------------------------------------------------------------------------------------------------------*/

			/* qui inizia la pop up*/
#pop { width:400px; position:absolute; top:5px; left:50%; margin-left:-200px; background:#ffffff;}
#bianco_pop { width:399px; height:300px; position:relative; left:1px; top:1px; background:#ffffff;}
#contenitore_sop_sot_tratteggio_pop {position:relative; width:395px; margin-bottom:20px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y;}
#sopra_tratteggio_pop { position:relative; width:395px; height:14px; left:1px; background:url(../img/sfondino_verde2.jpg) left top no-repeat;}
#sotto_tratteggio_pop { position:relative; width:395px; left:1px; top:1px; background:url(../img/tratteggio_or.jpg) top repeat-x;  background-color: #FFFFEE; text-align:justify;}
#foto_avvocati { width:130px; position:relative; float:right; margin:5px 0; padding:5px 0;}

			/* qui inizia la pop up mappa*/
#pop2 { width:500px; position:absolute; top:7px; left:50%; margin-left:-251px; background:#ffffff;}
#bianco_pop2 { width:506px; height:300px; position:relative; left:1px; top:1px; background:#ffffff;}
#contenitore_sop_sot_tratteggio_pop2 {position:relative; width:501px; margin-bottom:20px;  background:url(../img/tratteggio_ver.jpg) left top repeat-y;}
#sopra_tratteggio_pop2 { position:relative; width:501px; height:14px; left:1px; background:url(../img/sfondino_verde2.jpg) left top no-repeat;}
#sotto_tratteggio_pop2 { position:relative; width:501px; left:1px; top:1px; background:url(../img/tratteggio_or.jpg) top repeat-x;  background-color: #FFFFEE; text-align:justify;}
#foto_avvocati2 { width:130px; position:relative; float:right; margin:5px 0; padding:5px 0;}

			/*---------------------------------------------------------------------------------------------------------------*/








