///* PAGINA PRODOTTI - AGIP ESTERI */// /* foglio di stile creato da demetrio il 18-11-08 */

/* stili principali */

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

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


/* configurazione blocchi principali */

.container{ 
				font-family: Lucida Grande,Lucida Sans Unicode,Arial,Helvetica,sans-serif; 
				color:#696969;
				align:right;
				font-size:12px;
				background: #FFF;
				margin:10px 0 0 0;
				padding:0px;
				width:748px;
				position: relative;
				overflow:hidden;
				}
			

/* configurazione tabella IMPORTANTE!!! 
   Per funzionare correttamente la pagina HTML deve avere una tabella di base - La tabella č una funzionalitą molto utile al fine di rendere la pagina strutturalmente solida e universalmente compatible */

table {		
				border-spacing:0px;
				margin:0 0 0 10px;
				padding:0px;
				width:100%;
				text-align: left;
				}
			
table .top {	
				margin:0 0 0 0px;
				padding:5px;
				vertical-align:top;
				text-align: left;
				width:740px;
				height:auto; 
				background:#FFF;
				position:relative; 
				overflow:hidden;
				}


			
table .top h1 {
				text-align:left;
				font-size:18px;
				font-weight:normal;
				margin:0 0 10px 5px; /* posizionamento del titolo principale */
				padding:0px 0 0px 0px;
				}
				
table .top h2 {
				text-align:left;
				font-size:12px;
				font-weight:normal;
				margin:0 0 5px 5px; /* posizionamento del testo principale */
				padding:0 0 0 0px;
				}

table .top ul {
				color:#827b73;
				text-align:left;
				list-style-type:none; 
				list-style-position:outside;
				margin:5px 0 10px 5px; /* qui setto la distanza del bullet dal bordo sx (importante: modificare solo l'ultimo valore) */
				padding:5px 0 5px 0px; /* posizionamento contenuto rispetto al box */
				}		

table .top ul li {

				font-size:10px;
				text-decoration:none;
				color:#919191;
				background:#fff url('/ch/fr/html/static/images/freccina.jpg') no-repeat 0% 0%;	 /* qui decido il tipo di bullet */
				width:500px;
				height:auto;
				padding:0 0 0 15px; /* qui setto la distanza tra il pallino e il testo */
				margin:5px 0 5px 0; /* qui setto la distanza tra le liste */
				}		
				
table .top ul li a {

				font-size:10px;
				text-decoration:none;
				color:#919191;
				width:400px;
				}		

table .top ul li a:hover {

				font-size:10px;
				text-decoration:underline;
				color:#919191;
				width:400px;
				}		


/* configurazione boxes 
   Questa classe č il contenitore dell'area dei box - Serve a decidere il posizionamento globale dei box rispetto alla pagina */

.boxes-ch	{
				text-align:center;
				width:740px;
				height:auto;
				color:#444;
				margin:0 0 0 10px; /* posizionamento box */
				padding:5px; /* posizionamento contenuto rispetto al box */
				position:relative;
				overflow:hidden;
				}		

.boxes-ch p.testo {
				color:#827b73;
				text-align:left;
				font-size:11px;
				font-weight:300;		
				text-align:left;
				margin:0 0 0 5px; /* posizionamento box */
				padding:5px; /* posizionamento contenuto rispetto al box */
				}		

.boxes-ch p.titolo {
				color:#827b73;
				text-align:left;
				font-size:13px;
				font-weight:700;		
				text-align:left;
				margin:0 0 0 5px; /
				padding:0px; 
				}		

.boxes-ch img {

				text-align:center;
				margin:5px; /* posizionamento box */
				padding:5px; /* posizionamento contenuto rispetto al box */
				}		

/* configurazione box 
   Questa classe serve a definire dimensione, aspetto, colore, etc dei box */
				
.box-ch {
				float: left;
				width:230px;
				height:auto;
				color:#919191;
				font-size:12px;
				border-color:#ececec;
				border-style:solid;
				border-width:1px;
				margin:0 12px 0 0px; /* posizionamento box */
				padding:0px; /* posizionamento contenuto rispetto al box */
				position:relative;
				overflow:hidden;
				}

.box-ch ul {
				color:#919191;
				text-align:left;
				list-style-type:none; 
				list-style-position:outside;
				margin:5px 0 10px 7px; /* qui setto la distanza del bullet dal bordo sx */
				padding:0px; /* posizionamento contenuto rispetto al box */
				}		

.box-ch ul li {

				font-size:10px;
				color:#919191;
				background:#fff url('/ch/fr/html/static/images/freccia-doppia.jpg') no-repeat 0% 70%;	 /* qui decido il tipo di bullet */
				width:180px;
				height:auto;
				padding:0 0 0 12px; /* qui setto la distanza tra il pallino e il testo */
				margin:0px 0 0px 0; /* qui setto la distanza tra le liste */
				}		

box-ch img {

				text-align:center;
				margin:5px; /* posizionamento box */
				padding:5px; /* posizionamento contenuto rispetto al box */
				}		
				
#box-line {
				width:230px;
				height:3px;
				background: #FFF url('/ch/fr/html/static/images/punto.jpg') repeat-x top;
				margin:5px 0 5px 0; /* posizionamento box */
				padding:0px; /* posizionamento contenuto rispetto al box */
				position:relative;
				overflow:hidden;
				}

#out-line {
				width:748px;
				height:3px;
				border-bottom-color:#ececec;
				border-bottom-style:solid;
				border-bottom-width:1px;
				margin:0px 0 15px 0; /* posizionamento box */
				padding:0px; /* posizionamento contenuto rispetto al box */
				position:relative;
				overflow:hidden;
				}