/* 	CSS di struttura per le aree tematiche del sito della Regionale della Puglia. 
	Strutturato per una risoluzione di 790px di larghezza  */
	
/*	Body - Viene definito colore di background, margini, colore del testo, famiglia del 
	font tipo di carattare, dimensione font, padding, stile ed allineamento*/
	
/*	Header - E' l'intestazione della homepage, corrisponde alla prima sezione
	orizzontale visibile e misura 790 x 18 px, viene spaziata dal margine superiore del 
	browser di 10px. L'area utile è 790 x 18 px. Non presenta bordi.*/
	
#header
{margin-top:0px; margin-bottom:6px; width:790px; height:18px;}

/*	Banner - Contiene il logo della Regione Puglia. Misura 745 x 95 px. Si trova sotto all'header. Ha un bordo di 1px e non presenta padding. L'area utile è di 745 x 95 px */
#banner 
{float:left; width:auto; height:95px; vertical-align:top;}

/*	intestazione-altocontr - Logo della regione e dicitura in formato testuale per alto contrasto */
#intestazione-altocontr
{visibility:hidden; position:absolute;}
#intestazione-altocontr2
{visibility:hidden; position:absolute;}

/* Contiene link di navigazione importanti */
#subbanner-left 
{float:left; margin-top:5px; width:340px; height:25px;padding-left:5px; padding-bottom:5px;}

/*	Contiene div per il motore di ricerca */
#subbanner-right 
{float:right; margin-top:5px; width:380px; height:25px;padding-right:5px; padding-bottom:5px;}

/*	Contenitore - Corrisponde a tutta l'are sottostante all'header ed è preposta a
	contenere tutti i DIV successivi. Misura 767px di larghezza. Il padding è di 10 px, 
	il bordo è di 1x, pertanto	l'area utile è di 744px. */

#portale {font-weight:bold; visibility:hidden; position:absolute}
	
#contenitore 
{float:left; width:990px; background:#ffffff; border:1px solid #000000; padding:10px; text-align:left;}

#sub-contenitore 
{float:left; width:767px; height:25px; text-align:center; line-height:20px; background:#ffffff; margin-top:3px; color:#666666;}

/*  Struttura delle colonne dei modelli: 
	col-left		colonna sinistra contenente menù di navigazione
	col-right		colonna destra contenente menù di navigazione
	content-1col	corpo centrale per modello ad 1 colonna, largo 725px
	content-2col	corpo centrale per modello ad 2 colonna, largo 562px
	content-3col	corpo centrale per modello ad 3 colonna, largo 399px			*/
	
#col-left
{float:left; width:163px; height:auto;}

#content-1col
{float:left; margin-left:5px; margin-right:5px; width:725px; height:auto;}

#content-2col
{float:left; margin-left:10px; width:562px; height:auto;}

#content-3col
{float:left; margin-left:10px; width:399px; height:auto;}

#col-right
{float:left; margin-left:10px; width:163px; height:auto;}

/*	footer - Contiene link con uno sfondo grafico. E' posizionato in fondo alla pagina. E' distanziato dagli elementi sovrastanti di 7px, ha un bordo di 1x, non presenta padding e l'area utile è di 745 x 25 px. */
	
#footer
{float:left; margin-top:50px; width:745px; height:25px; text-align:center; line-height:20px;}

#footeracc
{float:left; margin-top:10px; width:745px; height:25px; text-align:center; line-height:20px;}