/* CSS Document */
*{margin:0;padding:0;}
/*si mettono tutti i margin e padding a 0
 per non avere sorprese*/

body {
background: #F0F0F0;
/*il colore di sfondo deve
essere adattato all'ombra:*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

.small{
font-size:9px;
}

.big{
font-size:13px;
}

a {
text-decoration:none;
color:#555555;
}

a:hover {
  text-decoration: underline;
  color: #0000C0;
}

h1 {
font-size:140%;
line-height:200%;
font-weight:bold;
text-align:center;
}

h2 {
font-size:120%;
line-height:180%;
font-weight:bold;
text-align:center;

}

ul {
padding-left:15px;
}

ol {
padding-left:25px;
}

.testo{
text-align:justify;
line-height:1.9em;
clear:right;
margin-left:190px;
font-size:100%;
padding:10px;
font-size:100%;
min-height:450px;
background: transparent url(../immagini/sfondo.jpg) no-repeat bottom right;

}

.centrato{
text-align:center;
}

.testo_left{
text-align:justify;
line-height:1.9em;
clear:right;
padding:10px;
font-size:100%;
min-height:450px;
background: transparent url(../immagini/sfondo.jpg) no-repeat bottom right;
}

.immagine_left{
float: left;
padding:0px;
}

.immagine_right{
float: right;
padding: 10px;
}

.immagine_center{
text-align:center;
clear:both;
}

.u{
text-decoration: underline;
}

.contenitore{
width:80%;
min-width:710px;
position:relative;
height: 100%;
margin: 0 auto;
margin-top:15px;
}

.alto {
background: url(../immagini/bordi_02.jpg) repeat-x;
position:absolute;
width:100%;
top:0;
left:0;
height:20px;
z-index:10;
/*la parte alta dell'ombra, lo
sfondo è ripetuto lungo l'asse x*/

}
.altoSinistro {
background: url(../immagini/bordi_01.jpg) top left no-repeat;
position:absolute;
z-index:30;
height:20px;
width:20px;
/*L'angolo alto sinistro*/
}

.altoDestro {
position:absolute;
background: url(../immagini/bordi_03.jpg) top right no-repeat;
height:20px;
width:100%;
/*occorre il width al 100 per cento
e il position:right per lo sfondo
altrimenti i browser monopolio 
falsano di 1 px una risoluzione sì e una no
stringendo la finestra
*/
top:0;
right:0;
z-index:20;
}

.basso {
/*la parte bassa dell'ombra
è in posizione relative per
annidare gli angoli bassi che
così si posizioneranno subito
dopo la fine del corpo principale
che qui corrisponde al div .esterno
*/
position:relative;
z-index:10;
background: url(../immagini/bordi_08.jpg) repeat-x;
height:20px;
}
.bassoSinistro {
background: url(../immagini/bordi_07.jpg) bottom left no-repeat;
position:absolute;
bottom:0;
left:0;
z-index:20;
height:20px;
width:20px;
}
.bassoDestro {
/*come sopra occorre il width al 100% */
background: url(../immagini/bordi_09.jpg) bottom right no-repeat;
position:absolute;
bottom:0;
right:0;
z-index:20;
height:20px;
width:100%;
}
.esterno {
background: url(../immagini/bordi_04.jpg) left repeat-y;
padding-left:20px;
/*il div cui si dà per sfondo la porzione
sinistra di sfondo ripetuto lungo l'asse y
e il colore di sfondo che si vuole per il corpo,
il padding serve a distanziare il suo contenuto
dall'immagine di sfondo*/
}
.interno {
background: #FFFFFF url(../immagini/bordi_06.jpg) right repeat-y;
width:100%;
padding-top:20px;
padding-bottom:0px;
margin-right:20px;
/*div annidato in quello sopra e che
conterrà il contenuto vero e proprio della
pagina, si dà per sfondo la porzione destra
dell'immagine ripetuta lungo y e si dà un padding
right adeguato per distanziare il contenuto dall'immagine
di sfondo*/
}

.head{
background-image:url(../immagini/head02.jpg);
background-position:left;
margin-right:20px;
width:auto;
height:160px;
}

.logo{
border-width:0px;
padding:10px;
}

.separatoreAlto1{
background-color: #97be0d;
width:auto;
height:10px;
margin-right:20px;
}

.navigazione{
background-color: #ffffff;
width:auto;
height:30px;
margin-left:10px;
margin-right:20px;
}

#breadcrumb{
line-height:20px;
height:20px;
float:left;
width:auto;
margin-bottom:5px;
margin-top:5px;
vertical-align:middle;
}

#contenuto_navigazione{
line-height:20px;
width:150px;
float:right;
height:20px;
margin-bottom:5px;
margin-top:5px;
vertical-align:middle;
}

#contenuto_navigazione p {
	float:left; margin-left:10px; height:20px; line-height:20px;
}

#contenuto_navigazione ul {
	list-style:none; margin:0; padding:0; float:right; height:20px; line-height:20px; margin-right:8px; 
	}
	
#contenuto_navigazione li, #contenuto_navigazione a {
	float:left; height:20px; line-height:20px; margin-right:2px;
}

.separatoreAlto2{
background-color: #97be0d;
width:auto;
height:10px;
margin-right:20px;
}

.contenuto{
background-color: #ffffff;
width:auto;
height:auto;
padding:10px;
margin-left:0px;
margin-right:20px;
}

.bar_left{
width:180px;
height:100%;
margin-bottom:10px;
float:left;
}

.menu_servizi_top, .menu_rapidlink_top{
height:25px;
background-image:url(../immagini/MENU_SERVIZI_01.jpg);
background-repeat:no-repeat;
}

.menu_servizi_bottom, .menu_rapidlink_bottom{
height:25px;
background-image:url(../immagini/MENU_SERVIZI_05.jpg);
background-repeat:no-repeat;
}

.menu_servizi{
background-image:url(../immagini/MENU_SERVIZI_03.jpg);
background-repeat:repeat-y;
padding-left:10px;
padding-right:10px;
}

.menu_rapidlink{
background-image:url(../immagini/MENU_SERVIZI_03.jpg);
background-repeat:repeat-y;
text-align:center;
padding-left:10px;
padding-right:10px;
}

.menu_rapidlink img{
border:0px;
}

.separatoreBasso{
background-color: #97be0d;
height:15px;
width:auto;
margin-right:20px;
clear:both;
}

#footer{
background-color: #ffffff;
width:auto;
height:35px;
margin-right:20px;
margin-top:auto;
margin-bottom:auto;
clear:both;
}

#copy_footer{
height:30px;
line-height:30px;
width:auto;
font-size: 85%;
float:left;


}

#copy_footer li img {
border:0px; padding-top:7px; padding-bottom:7px;
}

#copy_footer p {
	float:left; margin-left:10px; height:30px; line-height:30px; vertical-align:middle;
}

#copy_footer ul {
	list-style:none; margin:0; padding:0; float:right; height:30px; line-height:30px; margin-right:10px;
}
	
#copy_footer li, #copy_footer a {
	float:left; height:30px; line-height:30px; margin-right:2px; margin-left:2px;
}

#menu {list-style-type:none;
background-color: #ffffff;
width:auto;
height:40px;
margin-right:20px;
padding:0;
}

#menu li {
float:right;
padding:0;
margin:0 1px 0 0;
position:relative;
width:110px;
height:3em;
z-index:100;
}

#menu li dl {
position:absolute;
top:0;
right:0;
padding-bottom:5px;
}

#menu li dd {
display:none;
}

#menu li a:hover {
border:0;
}

#menu li:hover dd, #menu li a:hover dd {
display:block;
}

#menu li:hover dl, #menu li a:hover dl {
padding-bottom:0px;
}

#menu table {
border-collapse:collapse;
padding:0;
margin:-1px;
font-size:100%;
}

#menu dl {
width: 110px;
margin: 0;
padding: 0;
}

#menu dt {
margin-top:5px;
margin-bottom:5px;
padding: 5px 5px 5px 5px;
font-size: 100%;
font-weight:bold;
color: #fff;
border-left:1px dashed #0099FF;
text-align:center;
}

#menu .one, #menu .two, #menu .three, #menu .four, #menu .five, #menu .six {
background: #ffffff;
}

#menu dd {
margin:0;
padding:0;
font-size: 100%;
text-align:left;
}

#menu .one dd, #menu .two dd, #menu .three dd, #menu .four dd, #menu .five dd, #menu .six dd{
border-bottom:1px solid #000000;
}

#menu dd.last {
border-bottom:0px;
}

#menu dt a, #menu dt a:visited {
display:block;
}

#menu dd a, #menu dd a:visited {
text-decoration:none;
display:block;
padding:4px 5px 4px 20px;
width:85px;
}
 
#menu .one dd a, #menu .two dd a, #menu .three dd a, #menu .four dd a, #menu .five dd a, #menu .six dd a{
background:#f0f0f0;
}

#menu .one dd a:hover, #menu .two dd a:hover, #menu .three dd a:hover, #menu .four dd a:hover, #menu .five dd a:hover, #menu .six dd a:hover {
background: #ffffff;
}

ul.menu1, ul ul {padding:0; margin:0; border:0; list-style-type:none; overflow:hidden; background:#fff; width:160px;; text-align:left;}
ul.menu1 table {border-collapse:collapse; padding:0; margin:0; font-size:1em;}
ul.menu1 ul {margin-left:1em;}
ul.menu1 li {text-indent:0.5em;  font-weight:bold;}
ul.menu1 li.drop {margin-bottom:-2px; width:160px; border-bottom:#0099FF 1px dashed;}
ul.menu1 li a, ul.menu1 li a:visited {display:block; width:160px; height:2em; line-height:2.5em; text-decoration:none;}
ul.menu1 li a.last, ul.menu1 li a.last:visited {display:block; width:14em; height:14em; line-height:2em;}
ul.menu1 li ul {display:none;}

ul.menu1 li:hover a, ul.menu1 li a:hover {border:0; font-weight:bold;}
ul.menu1 li:hover ul, ul.menu1 li a:hover ul {line-height:2.5em; display:block; width:160px; margin-top:-1px; background:#fff; }
ul.menu1 li:hover ul li a, ul.menu1 li a:hover ul li a {height:2em; background:#fff; font-weight:normal;}
ul.menu1 li:hover ul li:hover a, ul.menu1 li a:hover ul li a:hover {background:#fff;}


.sitemap{
width:50%;
padding-left:25%;
}

.sitemap li{
list-style-type: none;
list-style-position:inside;
background-color: #E1E1E1;
font-weight:bold;
line-height:200%;
border-top: #FFFFFF 1px solid;
border-bottom:#FFFFFF px solid;
}

.sitemap dt{
background-color:#EBEBEB;
border-top: #FFFFFF 1px solid;
border-bottom:#FFFFFF px solid;
padding-left:20px;
line-height:200%;
color:#666666;
font-weight:bold;
}

.sitemap dd{
background-color: #F5F5F5;
border-top: #FFFFFF 1px solid;
border-bottom:#FFFFFF px solid;
padding-left:40px;
line-height:150%;
font-weight:normal;
}

.tabella_contatti{
text-align:center;
position: relative;
width:100%;
}

.tabella_contatti td{
width:33%;
}

.tabella_contatti tr{
vertical-align:top;
}

.in_costruzione{
text-align:center;
}

.bott_alto {
background: url(../immagini/bott_02.jpg) repeat-x;
position:relative;
width:100%;
top:0;
left:0;
height:20px;
z-index:10;
/*la parte alta dell'ombra, lo
sfondo è ripetuto lungo l'asse x*/

}
.bott_alto_sx {
background:  url(../immagini/bott_01.jpg) top left no-repeat;
position:absolute;
z-index:30;
height:20px;
width:20px;
/*L'angolo alto sinistro*/
}

.bott_alto_dx {
position:absolute;
background: url(../immagini/bott_03.jpg) top right no-repeat;
height:20px;
width:100%;
/*occorre il width al 100 per cento
e il position:right per lo sfondo
altrimenti i browser monopolio 
falsano di 1 px una risoluzione sì e una no
stringendo la finestra
*/
top:0;
right:0;
z-index:20;
}

.bott_basso {
/*la parte bassa dell'ombra
è in posizione relative per
annidare gli angoli bassi che
così si posizioneranno subito
dopo la fine del corpo principale
che qui corrisponde al div .esterno
*/
position:relative;
z-index:10;
background: url(../immagini/bott_08.jpg) repeat-x;
height:20px;
}
.bott_basso_sx {
background: url(../immagini/bott_07.jpg) bottom left no-repeat;
position:absolute;
bottom:0;
left:0;
z-index:20;
height:20px;
width:20px;
}
.bott_basso_dx {
/*come sopra occorre il width al 100% */
background: url(../immagini/bott_09.jpg) bottom right no-repeat;
position:absolute;
bottom:0;
right:0;
z-index:20;
height:20px;
width:100%;
}
.bott_esterno {
background: url(../immagini/bott_04.jpg) left repeat-y;
padding-left:20px;

/*il div cui si dà per sfondo la porzione
sinistra di sfondo ripetuto lungo l'asse y
e il colore di sfondo che si vuole per il corpo,
il padding serve a distanziare il suo contenuto
dall'immagine di sfondo*/
}
.bott_interno {
background: #FFFFFF url(../immagini/bott_06.jpg) right repeat-y;
width:100%;
padding-top:5px;
padding-bottom:0px;
margin-right:20px;
/*div annidato in quello sopra e che
conterrà il contenuto vero e proprio della
pagina, si dà per sfondo la porzione destra
dell'immagine ripetuta lungo y e si dà un padding
right adeguato per distanziare il contenuto dall'immagine
di sfondo*/
}

.bott_interno img{
border:0px;
}

.bott_interno p{
padding-right:20px;
}