///* HOME AGIP ESTERI */// /* foglio di stile creato da demetrio il 04-11-08 e rivisionato il 25-11-09 */
/* stili principali */


body 		   {
				background:#FFF;
				font-family:Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #333;
				margin:0 auto;
				text-align: center;
				padding:0;
				}

img {	
				border: 0px;
				margin:0px;
				padding:0px; 
				}

hr 			   {clear:both;
				margin:0px;
				padding:0px;
				visibility:hidden;
				height:0px;
				display:block;
				}

a:focus 		{outline: 0;}


#container 	   {
				background:#FFF;
				font-family:Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
				width:963px; 
				background:#FFF; 
				margin:0 auto;
				padding:0; 
				}

#visual 	   {
				background:#FFF;
				margin:0;p
				adding:20px 20px 0 17px;
				width:920px; 
				height:102px;
				text-align:left; 
				position:relative; 
				overflow:hidden;
				}
				
#visual a img  {
				border:none;
				margin:0;
				padding:0; 
				vertical-align:middle;
				clear:left; 
				display:block; 
				float:left
			    }

#navigazione	{
				 background:#FFF  url(/ch/it/html/static/images/bg_navigazione.jpg) repeat-x 0 31px; 
				 width:960px; 
				 height:61px; 
				 margin:0; 
				 padding:0; 
				 text-align:left; 
				 }

#contenuti		{
				 margin:0;
				 padding:0px; 
				 width:960px; 
				 background:#fff;
				 }



/* configurazione blocchi principali */

#contenitore { 

				font-family: Lucida Grande,Lucida Sans Unicode,Arial,Helvetica,sans-serif; 
				color: #46381d;
				font-size:12px;
				background: #FFF;
				margin:0px;
				padding:0px;
				width:963px;
				position:relative;
				}
			

/* configurazione tabella */


#blocco-centrale {	
				margin:0px 0 0 0;
				padding:0px;
				width:960px;
				height:480px;
				background: #fff url('/ch/it/html/static/images/homepage/emozionale-vuoto-big.jpg') no-repeat 0% 0%;
				position:relative; 
				}

#news {	

				z-index:2;
				margin:0px;
				padding:0px;
				width:270px;
				height:450px;
				background:#fff;	 
				position:absolute;
				left: 690px;
				top: 30px;
				}

#news-top {
				background:#fff url('/ch/it/html/static/images/homepage/news.jpg') no-repeat 0% 0%;	 
				width:270px;
				height:35px;
				}

#news-top-big {
				background:#fff url('/ch/it/html/static/images/homepage/news.jpg') no-repeat 0% 0%;	 
				width:270px;
				height:50px;
				}
#news-top-big ol {
				font-size:11px;
				font-weight:bold;
				color: #474747;
				list-style-type:none; 
				list-style-position:outside;
				text-align:left;
				padding:28px 0 5px 15px; /* qui setto la distanza del bullet dal bordo sx (importante: modificare solo l'ultimo valore) */
				margin:0px;
				height:auto;
				}
#news-bottom {
				background:#fff url('/ch/it/html/static/images/homepage/chiusura.jpg') no-repeat 0% 0%;	 
				width:270px;
				height:20px;
				}

#strillo {	
				z-index:2;
				margin:0px;
				padding:0px;
				width:670px;
				height:auto;
				background: transparent;
				position:absolute; 
				top:225px;
				left:0px;
				}

table {		
				border-spacing:0px;
				margin:0px;
				padding:0px;
				width:100%;
				text-align: center;
				}
			
.top {	
				margin:0px;
				padding:0px;
				vertical-align:top;
				text-align: center;
				position:relative; 
				overflow:hidden;
				}


			
.top h1 {
				text-align:left;
				font-size:18px;
				font-weight:normal;
				margin:0px 0 0 0px; /* posizionamento del titolo principale */
				padding:0px 0 0px 10px;
				}
				
.top p {
				text-align:left;
				font-size:12px;
				font-weight:normal;
				margin:5px 0 10px 0px;
				padding:0px 10px 0px 10px;
				}
				
.right {	
				margin:0px;
				padding:0px;
				width:100%;
				vertical-align:top;
				text-align: left;
				width:270px;
				height:auto;
				position:relative; 
				}
				
.bottom {	
				z-index:2;
				margin:0px;
				padding:0px;
				width:100%;
				vertical-align:top;
				text-align: left;
				width:693px;
				height:130px;
				background: #FFF url('/ch/it/html/static/images/homepage/agip_esteri_home_04.jpg') no-repeat top;
				position:absolute; 
				top:350px;
				left:-4px;
				}

				
.bottom h1 {
				font-weight:bold;
				text-decoration:none;
				font-size:12px;
				margin:0px 0 0px 0px;
				}

.bottom h1 a {
				font-weight:bold;
				color: #46381d;
				text-decoration:none;
				font-size:12px;
				margin:0px 0 0px 0px;
				}

.bottom h1 a:hover {
				font-weight:bold;
				color: #46381d;
				text-decoration:underline;
				font-size:12px;
				margin:0px 0 0px 0px;
				}

.bottom p {
				font-size:11px;
				font-weight:normal;
				padding:0px 0px 0px 0px;
				}				
				
#left {
				float: left;
				width:270px;
				height:auto;
				text-align:left;
				margin:20px 0 0 0px; /* posizionamento verticale del titolo (modificare solo il primo valore) */
				padding:0px 0 0px 60px; /* posizionamento orizzontale del titolo (modificare solo l'ultimo valore) */
				}

#right {
				float: left;
				width:270px;
				height:auto;
				text-align:left;
				margin:20px 0 0 0px; /* posizionamento verticale del titolo (modificare solo il primo valore) */
				padding:0px 0 0px 70px; /* posizionamento orizzontale del titolo (modificare solo l'ultimo valore) */
				}
				
/* configurazione sezione comunicati e banner */				

.comunicati {   
				background: #FFF url('/ch/it/html/static/images/homepage/sfondo-sx.jpg') repeat-y top;
				margin:0px;
				padding:0px;
				}

.comunicati p {
				font-size:11px;
				text-align:left;
				margin:10px 10px 0 15px; 
				padding:0px;
				height:auto;
				}



.comunicati ul {
				font-size:11px;
				list-style-type:none; 
				list-style-position:outside;
				text-align:left;
				margin:0 0 0 10px; /* qui setto la distanza del bullet dal bordo sx (importante: modificare solo l'ultimo valore) */
				padding:0px;
				height:auto;
				}


.comunicati ul li {
				background:#fff url('/ch/it/html/static/images/homepage/bullet1.jpg') no-repeat 0% 10%;	 /* qui decido il tipo di bullet */
				width:230px;
				height:auto;
				padding:0 0 0 10px; /* qui setto la distanza tra il pallino e il testo */
				margin:5px 0 5px 0; /* qui setto la distanza tra le liste */
				}

.comunicati ul li a {
				color:#79602a;
				}

.comunicati ul li a:hover {
				color:#79602a;
				}				
.banner { 
				text-align:left;
				vertical-align:bottom;
				background: #FFF;
				margin:0px;
				padding:0px; 
				width:269px;
				height:auto;
				position: relative;
				overflow:hidden;
				}
				
.banner ul {
				list-style-type:none; 
				list-style-position:outside;
				background:none;
				text-align:center;
				margin:0px;
				padding:0 0 0 2px;
				}

.banner ul li {
				list-style-type:none; 
				list-style-position:outide;
				background:none;
				text-align:center;
				margin:0px;
				padding:2px 0 2px 0; /* qui imposto la distanza tra i banner (attenzione modificare solo il valore 1 e 3)*/
				}