html, body{
margin:0;
padding:0;
font-family:  "Trebuchet MS", Verdana, Arial, Helvetica,  sans-serif;
text-align:center;
background:#71828A; 
color:#666;
}


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

/*_____________________tag generici______________________*/

/*------------ link generici------ */

a:link{
	color:#900;
	text-decoration:underline;
}


a:visited{
	color:#900;
	text-decoration:underline;
	}

a:hover{
	color:#999;
	text-decoration:none;
}


/*-------------------  fine dichiarazione link  ----------------*/



/* elenco generico; con questa formattazione NON appare il pallino */

ul{
margin:0;
padding:0;
list-style-type:none;
}

li{
margin:0 0 0 5px;
padding:5px 8px;
color:#333;
font-size:75%;
}
/* fine elenco generico */



/* classe associata alla lista; con questa appare il pallino; possibile richiamarla + volte  */

.lista ul  {
margin:0;
padding:0;
list-style-type:disc;
}

.lista   li  {
margin:0 15px 0 25px;
padding:0;
color:#333;
font-size:75%;
line-height:1.7em;
list-style-type:disc;
}

.listault   li  {				/*carattere 1.4em per ultimora,*/
margin:0 0 0 25px;
padding:0;
color:#333;
font-size:70%;
line-height:1.4em;
list-style-type:disc;
}

/* fine  classe associata alla lista; con questa appare il pallino */




p{ /*   tag p generale     */
margin: 0; 
padding: 5px 7px 5px 10px;
font-size:75%;
line-height:1.4em;
color:#333;
}


/*_____________________fine tag generici______________________*/



#container{ /* contenitore generale */
margin: 0 auto 0 auto;
padding:0;
width:720px;
text-align:center;
background:  url("images/layout/bg.gif") repeat-y  0 0 transparent;
}


#head{   /* testata */
margin:0;
padding:0;
height:130px; 
background:#71828a;
text-align:left;
}


#top{  /*  cornice parte superiore */
margin: 0;
padding:0;
height:20px;
background: transparent url("images/layout/bgtop.gif") left top no-repeat ;
}


#bottom{  /*  cornice parte inferiore  */
margin: 0 0 8px 0;
padding:0;
clear:both;
height:20px;
background:transparent url("images/layout/footer.gif") bottom no-repeat ;
}
 /* fine cornice */






/* colonna sinistra + elementi interni */

#left{  
margin:0;
padding:0;
float:left;
text-align:center;
width:220px;
}

.contimages{/*  adesso č l'unico box che contiene l'immagine */
margin:0 2px 0 14px;
padding:0;
width:198px;
text-align:center;
}

.contnews{ 
margin:0 2px 0 14px;
padding:0;
width:204px;
background:  url("images/layout/newsbg.jpg") repeat-y left top;
text-align:center;
}

.contnewssearch{ 
margin:0;
padding:0;
width:204px;
text-align:center;
}

.newstop{ 			/* top generico*/
margin:0;
padding:0;
height:15px;
width:204px;
background:  url("images/layout/newstop.jpg") no-repeat top ;
}

.newscentro{
margin:0;
padding: 0;
background: url(images/layout/newsbg.jpg) repeat-y transparent;
text-align:left;
width:204px;
}

.newscentrosearch{
margin:0;
padding:0 0 0 5px;
text-align:center;
width:204px;
}

.newscentrolink{
margin:0;
padding: 0;
background: url(images/layout/newsbg.jpg) repeat-y transparent;
text-align:center;
width:204px;
}

.newsbottom{
margin: 0;
padding: 0;
background: url(images/layout/newsbottom.jpg) no-repeat  bottom left;
height:18px;
}

.newscentro h4{
margin:0;
padding:3px 0 0 5px;
color:#000;
font-size:0.9em;
}

.newscentro p{   
padding: 3px 16px 5px 6px;
font-size:75%;
line-height:1.4em;
}

.newscentrosearch h1{
margin:0;
padding:3px 0 0 5px;
color:#71828a;
font-size:0.7em;
}

/* fine colonna sinistra + elementi interni */




#dx{  /* col dx  + elementi  interni */
margin:0;
padding:0;
text-align:center;
float:right;
width:490px;
}


.contdx{
margin:5px  auto  0 auto;
padding:0;
text-align:left;
width:476px;
}

.titolo{  /* titoli dei box */
margin:0 0 -16px 0;
padding:0 0 16px 0;
height:26px;
background: url("images/layout/titolo_box_dx.jpg") no-repeat;
width:476px;
text-align:left;
}

.titolokataweb{  /* titolo box kataweb img modificata */
margin:0 0 -16px 0;
padding:0 0 16px 0;
height:26px;
background:   url("images/layout/titolo_box_kata.jpg") no-repeat;
width:476px;
text-align:left;
}

.titolo h4{
margin:0;
padding:5px 5px 5px 10px;
color:#ccc;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
font-family: Arial, sans-serif;
}

.titolokataweb h4{
margin:0;
padding:5px 5px 5px 10px;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
font-family: Arial, sans-serif;
}

/*-----link x titolo dx-------*/
.titolo h4 a, .titolo h4 a:visited{
color:#ccc;
text-decoration:none;
}
.titolo h4 a:hover{
color:#333;
text-decoration:none;
}
.titolokataweb h4 a, .titolo h4 a:visited{
color:#ccc;
text-decoration:none;
}
.titolokataweb h4 a:hover{
color:#333;
text-decoration:none;
}

/*-----fine link x titolo dx-------*/

.box {  /* box x news generico */
margin: 0 auto 0 auto;
padding:0;
background:  url("images/layout/box.jpg") repeat-y 0 0 transparent;
text-align:left;
width:476px;
}

.boxconvenzioni {  /* box x news generico */
margin: 0 auto 0 auto;
padding:0;
position: relative;
background:  url("images/layout/box.jpg") repeat-y 0 0 transparent;
text-align:left;
width:476px;
}

.boxxdoc {  /* box x documenti */
margin: 0 auto 0 auto;
padding:0;
background:  url("images/layout/box.jpg") repeat-y 0 0 transparent;
text-align:left;
width:476px;
}

.boxxlink {  /* box x link utili con align: center */
margin: 0 auto 0 auto;
padding:0;
background:  url("images/layout/box.jpg") repeat-y 0 0 transparent;
text-align:center;
width:476px;
}

.boxxpass{  /* box x link utili con align: center */
margin: 0 auto 0 auto;
padding:0;
background:  url("images/layout/box.jpg") repeat-y 0 0 transparent;
text-align:center;
width:476px;
}

.boxxbanner {  /* box x banner */
margin:0;
padding:0;
background:  url("images/layout/boxbanner.jpg") repeat-y 0 0 transparent;
text-align:left;
width:476px;
}

.box p{ /*   tag p generale     */
margin: 0; 
padding: 5px 15px 5px 10px;
font-size:75%;
text-align: justify;
line-height:1.2em;
color:#333;
}

.boxxdoc p{ /*   tag p modificato ad 1 em     */
margin: 0; 
padding: 5px 15px 5px 10px;
font-size:70%;
text-align: justify;
line-height:1em;
color:#666;
}

.boxconvenzioni p{ /*   tag p generale     */
margin: 0; 
padding: 5px 15px 5px 10px;
font-size:75%;
text-align: justify;
line-height:1.2em;
color:#333;
}

.box strong {
color: #900;
}

.boxxdoc strong {
color: #900;
}


.box h5{
margin:0;
padding:5px 5px 5px 10px;
color:#000;
font-size:0.6em;
}

.box h1{
margin:0;
padding:5px 5px 5px 10px;
color:#000;
font-size:0.7em;
}

.boxxlink h1{
margin:0;
padding:5px 5px 5px 10px;
color:#000;
font-size:0.7em;
}

.boxxpass h1{
margin:0;
padding:5px 5px 5px 10px;
color:#000;
font-size:0.7em;
}

.box h2{ /* tag h2 per box generico */
margin:0;
padding:5px 5px 5px 10px;
color:#900;
font-size:0.7em;
}

.boxxdoc h2{ /* line height minore per documenti */
margin:0;
padding:10px 5px 5px 10px;
color:#900;
font-size:0.7em;
line-height:0.7em;
}

.box h3{ /* tag h3 per box generico */
margin:0;
padding:5px 5px 5px 10px;
color:#900;
font-size:0.9em;
text-decoration: none;
}

.boxxdoc h3{ /* tag h3 per box generico */
margin:0;
padding:5px 5px 5px 10px;
color:#666;
font-size:0.9em;
text-decoration: none;
}

.boxconvenzioni h3{ /* tag h3 per box generico */
margin:0;
padding:5px 5px 5px 10px;
color:#666;
font-size:0.9em;
text-decoration: none;
}

.box h4{ /* tag h4 per box generico */
margin:0;
padding:5px 5px 5px 10px;
color:#900;
font-size:0.9em;
text-decoration: underline;
}

.boxxlink h4{ /* tag h4 per box generico */
margin:0;
padding:5px 5px 5px 10px;
color:#900;
font-size:0.9em;
text-decoration: underline;
}

.boxxdoc h4{ /* tag h4 x box documenti */
margin:0;
padding:5px 5px 5px 10px;
color:#900;
font-size:0.9em;
text-decoration: underline;
}

.piede{
margin: 0 auto;
padding:0;
width:476px;
height:15px;
background:  url("images/layout/piede.jpg") no-repeat transparent;
}

.piedexbanner{
margin: 0 auto;
padding:0;
width:476px;
height:15px;
background:  url("images/layout/piedebanner.jpg") no-repeat transparent;
}
/* fine col dx */


#footer{  /* pič di pagina */
margin:   -8px 0 0 0;
padding: 0 ;
height:30px;
line-height:30px;
background:#999;
}


#footer p{
padding-top:5px;
font-size:70%;
color:#fff;
text-align:center;
}