@charset "utf-8";
/* CSS Document */


/*STILI DELLA STRUTTURA*/
body{
text-align: center; 
font-size: 1em;
font-family: "Century Gothic", Arial, "Arno Pro";
color: #006666;
background-color: #FF9900;
}



/*CARATTERISTICHE DEL CONTENITORE PIU' ESTERNO*/
.page{
width: 852px;
height: 600px;
margin: 40px auto; /*auto: l'ampiezza del margine è determinata automaticamente dal browser*/
background-color: #FF9900;
}



/*CARTTERISTICHE DI INDEX*/
.imgindex{
width: 852px;
height: 600px;
text-align: left;
background-image: url(img/home.jpg);
background-position: center;
background-repeat: no-repeat;
}

.contenutoindex{
width: 400px;
text-align: left; /*dato che nel body viene allineato il testo al centro, allineando il testo a destra nel contenuto, la visualizzazione su entrambi i browser è uguale*/
font-size: 0.9em;
line-height: 1.2; /*per modificare l'interlinea del testo inserito nel contenuto*/
margin: 0px;
padding: 250px 0px 0px 390px;
}

.menu_oriz{ /*caratteristiche del contenitore più esterno del menu*/
text-align: center;
font-size: 0.9em;
padding: 5px;
margin: 40px 0 0 0;
}

ul.menu2{ /*caratteristiche del contenitore più interno del menu*/
margin: 0px;
padding: 0px;
list-style: none;/*togliamo i pallini della lista*/
}

ul.menu2 li{ /*caratteristiche della lista del menu*/
display: inline; /*visualizza il menu in orizzontale*/
padding: 5px;
}

ul.menu2 li a:link,ul.menu2 li a:visited{/*caratteristica del link allo stato normale ed allo stato visitato*/
color: #FFFFFF;
width: 150px;
text-decoration: none; /*elimina la sottolineatura del collegamento*/
border-bottom: none;
}

ul.menu2 li a:hover{ /*caratteristica del link al passaggio del mouse*/
color: #FF6600;
}



/*CARTTERISTICHE DI TUTTI I TOP*/
.topazienda{
width: 852px;
height: 259px;
text-align: left;
background-image: url(img/topazienda.jpg); /*inserisce un'immagine di sfondo nel top*/
background-position: left-top; /*posiziona o allinea l'immagine di sfondo in alto a destra*/
background-repeat: no-repeat; /*visualizza l'immagine una sola volta*/
}

.topservizi{
width: 852px;
height: 259px;
text-align: left;
background-image: url(img/topservizi.jpg);/*inserisce un'immagine di sfondo nel top*/
background-position: left-top; /*posiziona o allinea l'immagine di sfondo in alto a destra*/
background-repeat: no-repeat; /*visualizza l'immagine una sola volta*/
}

.topinbacheca{
width: 852px;
height: 259px;
text-align: left;
background-image: url(img/topinbacheca.jpg); /*inserisce un'immagine di sfondo nel top*/
background-position: left-top; /*posiziona o allinea l'immagine di sfondo in alto a destra*/
background-repeat: no-repeat; /*visualizza l'immagine una sola volta*/
}

.toppromozioni{
width: 852px;
height: 259px;
text-align: left;
background-image: url(img/toppromozioni.jpg); /*inserisce un'immagine di sfondo nel top*/
background-position: left-top; /*posiziona o allinea l'immagine di sfondo in alto a destra*/
background-repeat: no-repeat; /*visualizza l'immagine una sola volta*/
}

.topphotogallery{
width: 852px;
height: 259px;
text-align: left;
background-image: url(img/topphotogallery.jpg); /*inserisce un'immagine di sfondo nel top*/
background-position: left-top; /*posiziona o allinea l'immagine di sfondo in alto a destra*/
background-repeat: no-repeat; /*visualizza l'immagine una sola volta*/
}

.topsagreefiere{
width: 852px;
height: 259px;
text-align: left;
background-image: url(img/topsagreefiere.jpg); /*inserisce un'immagine di sfondo nel top*/
background-position: left-top; /*posiziona o allinea l'immagine di sfondo in alto a destra*/
background-repeat: no-repeat; /*visualizza l'immagine una sola volta*/
}

.topterritorio{
width: 852px;
height: 259px;
text-align: left;
background-image: url(img/topterritorio.jpg); /*inserisce un'immagine di sfondo nel top*/
background-position: left-top; /*posiziona o allinea l'immagine di sfondo in alto a destra*/
background-repeat: no-repeat; /*visualizza l'immagine una sola volta*/
}

.topdovesiamo{
width: 852px;
height: 259px;
text-align: left;
background-image: url(img/topdovesiamo.jpg); /*inserisce un'immagine di sfondo nel top*/
background-position: left-top; /*posiziona o allinea l'immagine di sfondo in alto a destra*/
background-repeat: no-repeat; /*visualizza l'immagine una sola volta*/
}

.topcontatti{
width: 852px;
height: 259px;
text-align: left;
background-image: url(img/topcontatti.jpg); /*inserisce un'immagine di sfondo nel top*/
background-position: left-top; /*posiziona o allinea l'immagine di sfondo in alto a destra*/
background-repeat: no-repeat; /*visualizza l'immagine una sola volta*/
}



/*CONTENT (IMG DI SFONDO PARTE INFERIORE DI TUTTE LE PAG.*/
.content{
width: 852px;
height: 341px;
text-align: left;
background-image: url(img/content.jpg); /*inserisce un'immagine di sfondo nel content in quanto come spazio occupa da parte a patrte della pagina*/
background-position: top-left; /*posiziona o allinea l'immagine di sfondo allineata in alto*/
background-repeat: no-repeat; /*visualizza l'immagine una sola volta*/
}



/*MENU CONTENUTO NEI TOP DI TUTTE LE PAG.*/
.sx{
text-align: left;
margin: 40px 5px 0px 5px;
padding:0px;
float: left;
}



/*MENU CONTENUTO NEL CONTENT DI TUTTE LE PAG.*/
.sx2{
text-align: left;
margin: 20px 5px 0px 5px;
padding:0px;
float: left;
}



/*CARTTERISTICHE DEL MENU DELLE PAGINE INTERNE*/
ul.menu{
list-style: none;
margin: 10px 16px 10px 16px;
padding: 0px;
}

ul.menu li{ 
list-style: none; /*rielimino la lista in quanto su alcuni browser può continuare ad uscire*/
margin: 3px 5px 3px 5px;
padding: 0px;
}

ul.menu li a:link,ul.menu li a:visited{
color: #FFFFFF;
border-bottom: none;
text-decoration: none; /*elimina la sottolineatura del collegamento*/
}

ul.menu li a:hover{
color: #FF6600;
}



/*CONTENUTO DELLE PAGINE INTERNE*/
.contenuto{
width: 550px;
text-align: left-top; /*dato che nel body viene allineato il testo al centro, allineando il testo a destra nel contenuto, la visualizzazione su entrambi i browser è uguale*/
font-size: 0.9em;
line-height: 1.2; /*per modificare l'interlinea del testo inserito nel contenuto*/
margin: 0px;
padding: 20px 0 0 80px;
float: left;
}



/*CARTTERISTICHE BOTTOM BRESENTE IN TUTTE LE PAG*/
.bottom{
width: 852px;
text-align: center;
margin: 0px auto;
padding: 7px;
font-size: 0.8em;
color: #FFFFFF;
background-color: #FF9900;
}



/*CARATTERISTICHE DEGLI h*/
h1, h2, h3, h4{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

h1{
font-size: 1.6em;
margin-bottom: 0px;
padding-bottom:0px;
}

h2{
font-size: 1.5em;
margin-bottom: 0px;
padding-bottom:0px;
}

h3{
font-size: 1em;
margin-bottom: 0px;
padding-bottom:0px;
}

h3{
font-size: 1em;
margin-bottom: 0px;
padding-bottom: 0px;
}


/*CARATTERISTICHE DEI PARAGRAFI*/
p{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/*CARATTERISCHE DEI LINK NEL CONTENUTO DELLE VARIE PAGINE*/
a:link, a:visited{
color:#33CC00;
text-decoration: none;
}

a:hover, a:active{
color: #FF3300;
}


/**/
img{
margin: 0;
padding: 0 5px 0 0;
}



/**/
.nascosto{
display: none;  /*in questo caso nasconde le parole chiave inserite per l'indicizzazioni*/
}



/* STILI DI BASE*/
.nofloat{
clear: both;
}



/*IMG ALL'INTERNO DELLE PAGINE*/
.mappa1{ /*creazione di una nuova classe esclusivamente per un maggiorne ordine nella disposizione della mappa*/
width: 376;
height: 284;
text-align: top-right;
margin: 0px;
padding: 0px;
float: right;
}