/* CSS Document */

/* - - - - - Inizializzazione e globali - - - - - */

html {
  height: 100%;
  }

* {
  margin: 0;
  padding: 0;
  }

body {
  background-color:white;
  font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
  color:black;
  line-height:15px;
  }

a {
  text-decoration:none;
  }
  
a:hover{
  text-decoration:none;
  }

img {
  margin:0;
  border:0;
  padding:0;
	}
	
p{
  text-align:justify;
  }

.testoInteroNews a.testo_link{
  margin-left:10px;
  }
  
/* - - - - - Testata - - - - - */

#sfondoTestata{
  height:41px;
  width:100%;
  }
  
#testata{
  margin:0 auto;
  width:980px;
  height:41px;
  }

/* - - - - - Menu - - - - - */

ul#menu{
  float:right;
  list-style: none;
  margin-top:11px;
  font-size:14px;
  display:none;
  }
  
ul#menu li{
  float:left;
  margin-left:1px;
  } 

ul#menu li a{
  background-image: url(../images/sfondoBottoneMenu.jpg);
  background-position: left 0;
  background-repeat: no-repeat;
  padding: 8px 0px 8px 20px;
  display: block;
  color: white;
  font-weight: normal;
  } 
  
ul#menu li a:hover, ul#menu li.on a{
  background-image: url(../images/sfondoBottoneMenuOn.jpg);
  background-position: left 0;
  background-repeat: no-repeat;
  display: block;
  color: white;
  font-weight: normal;
  }   

ul#menu li a span{
  background-image: url(../images/sfondoBottoneMenu.jpg);
  background-position: right 0;
  background-repeat: no-repeat;
  padding: 8px 20px 8px 0px;
  } 
  
ul#menu li a:hover span, ul#menu li.on a span{
  background-image: url(../images/sfondoBottoneMenuOn.jpg);
  background-position: right 0;
  background-repeat: no-repeat;

  }

/* - - - - - Main - - - - - */

#main{
  width:980px;
  margin:0 auto;
  }
  
/* - - - - - Parte superiore - - - - - */

#parteSuperiore{
  width:980px;
  margin:0 auto;
  position:relative;
  left:0;
  top:-30px;
  }
  
#contenitoreFlash{
  position:absolute;
  top:40px;
  z-index:40;
  width:980px;
  height:250px;
  background-image: url(../images/ombraFlash.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  margin:0 auto;
  display:none;
  }

#contenitoreBanner{
  position:absolute;
  top:40px;
  left:165px;
  z-index:40;
  width:815px;
  height:137px;
  background-position: 0 0;
  background-repeat: no-repeat;
  margin:0 auto;
  display:none;
  }
   
#logo{
  position:absolute;
  top:-12px;
  left:0px;
  z-index:99;
  width:155px;
  height:177px;
  }

/* - - - - - Parte inferiore - - - - - */

#mainHome{
  width:980px;
  margin:0 auto;
  margin-top:270px;
  }

#main{
  width:980px;
  margin:0 auto;
  margin-top:150px;
  }

/* - - - - - BreadCrumb - - - - - */

#bread_container{
  margin-left:160px;
  padding-top:5px;
  margin-bottom:10px;
  font-family:Verdana;
  font-size:10px;
  }
  
ul#bread, #bread_container a, ul#bread li a {
  display:inline;
  width:721px;
  font-family:Verdana;
  font-size:10px;
  color:#003A62;
  font-weight:bold;
  }

ul#bread li {
  background-image: url(../images/frecciaBreadCrumb.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  display:inline;
  padding:0 0px 0 10px;
  margin-left:1px;
  }

/* - - - - - Spalla Sinistra Home - - - - - */

#spallaSinistraHome{
  width:770px;
  float:left;
  }
    
#contenitoreMenuInferiore{ 
  float:left;
  width:770px;
  background-image: url(../images/sfondoMenuBasso.jpg);
  background-position: left top;
  background-repeat: no-repeat;  
  font-size:12px;
  margin-bottom:10px;
  }

h2.menu{ 
  font-size:16px;
  color:#476A8A;
  padding-bottom:3px;
  }
  
.boxMenuInferiore{
  width:177px;
  padding:10px 5px 5px 10px;
  float:left;
  }

ul.menuInferiore{
  list-style:none;
  }

ul.menuInferiore li {
  padding:2px 0 2px 10px;
  background-image:url(../images/frecciaMenuInferiore.jpg);
  background-repeat: no-repeat;
  background-position: left 50%;
  }
  
ul.menuInferiore li a{
  color:#3E5BA7;
  }

/* - - - - - Spalla Sinistra Interno - - - - - */

#spallaSinistraInterno{
  float:left;
  width:135px;
  margin-right:7px;
  margin-left:7px;
  }

/* - - - - - Contenitore menu a sinistra nelle pagine interne - - - - - */

.boxMenuSinistraIntero{
  width:135px;
  margin-bottom:20px;
  float:left;
  }

.bordoMenuSinistraSuperioreIntero{
  float:left;
  width:135px;
  background-image: url(../images/menuSpallaSinistraSuperiore.jpg);
  background-position: 0 top;
  background-repeat: no-repeat;
  padding-top:11px;
  }
  
.bordoMenuSinistraInferioreIntero{
  float:left;
  width:135px;
  background-image: url(../images/menuSpallaSinistraInferiore.jpg);
  background-position: 0 bottom;
  background-repeat: no-repeat;
  padding-bottom:11px;
  }
  
.testoMenuSinistraIntero{
  background-color:#0A396F;
  float:left;
  width:135px;
  line-height:20px;
  }

.sottoMenuSinistraIntero li a{
  padding-bottom:0;
  }
   
/* - - - - - Menu a sinistra - - - - - */

ul#menuSinistra li:hover, ul.menuSinistra li.on ul.sottoMenuSinistra li.on ul li:hover, ul.menuSinistra li.on ul.sottoMenuSinistra li ul li:hover, ul#menuSinistra li a:hover, ul.menuSinistra li.on ul.sottoMenuSinistra li.on ul li a:hover, ul.menuSinistra li.on ul.sottoMenuSinistra li ul li a:hover{

  }

ul#menuSinistra{
  color:white;
  font-size:14px;
  list-style: none;
  margin-bottom:10px;
  display:none;
  } 
  
ul#menuSinistra li {
  padding-top:10px;
  padding-bottom:10px;
  border-bottom:1px #3B5EA2 solid;
  display:none;
  }

ul#menuSinistra li:hover{
  background-color:#304D92;
  }
    
ul#menuSinistra li.on {
  padding-bottom:0px;
  background-color:#324E93;
  }

ul#menuSinistra li.on ul.sottoMenuSinistra li.on{
  padding-bottom:0px;
  }
       
ul#menuSinistra li a{
  color:white;
  padding-right:5px;
  padding-left:10px;
  }

ul#menuSinistra li a:hover, ul#menuSinistra li.on a{
  color:#98B8FF;
  }

ul#menuSinistra li.on ul.sottoMenuSinistra{
  background-color:#ECECEC;
  font-size:12px;
  margin-top:10px;
  padding-bottom:5px;
  }

ul#menuSinistra li.on ul.sottoMenuSinistra li{
  padding-left:10px;
  background-color:#ECECEC;
  margin:0;
  border:0;
  color:white;
  padding-top:0px;
  padding-bottom:0;
  }

ul#menuSinistra li.on ul.sottoMenuSinistra li a{
  background-color:#ECECEC;
  color:#686868;
  background-image: url(../images/frecciaProdottiOff.jpg); 
  background-repeat: no-repeat;
  background-position: left 50%;
  }
  
ul#menuSinistra li.on ul.sottoMenuSinistra li.on a{  
  background-color:#ECECEC;
  color:#3A5FAD;
  font-weight:bold;
  background-image: url(../images/frecciaProdottiOn.jpg);
  background-repeat: no-repeat;
  background-position: left 50%;
}

ul#menuSinistra li.on ul.sottoMenuSinistra li a:hover{ 
  color:#3A5FAD;
  background-image: url(../images/frecciaProdottiOn.jpg);
  background-repeat: no-repeat;
  background-position: left 50%;
  }

/* - - - - - SottoMenu di terzo livello - - - - - */

ul#menuSinistra li.on ul.sottoMenuSinistra li.on ul{
  list-style: none;
  display:none;
  }

ul#menuSinistra li.on ul.sottoMenuSinistra li.on ul li.on, ul#menuSinistra li.on ul.sottoMenuSinistra li.on ul li.on a, ul#menuSinistra li.on ul.sottoMenuSinistra li.on ul li.on a:hover {
  padding-top:0;
  font-weight:bold;
  color:#385DA4;
  display:none;
  }

ul#menuSinistra li.on ul.sottoMenuSinistra li.on ul li a:hover{
  padding-top:0;
  font-weight:normal;
  color:#385DA4;
  display:none;
  }
  
ul#menuSinistra li.on ul.sottoMenuSinistra li.on ul li a, ul#menuSinistra li.on ul.sottoMenuSinistra li.on ul li {
  padding-left:0px;
  padding-bottom:0;
  background-image: none;
  color:#686868;
  font-weight:normal;
  padding-top:0;
  display:none;
  }

ul#menuSinistra li.on ul.sottoMenuSinistra li ul{
  list-style: none;
  display:none;
  }

ul#menuSinistra li.on ul.sottoMenuSinistra li ul li, ul#menuSinistra li.on ul.sottoMenuSinistra li ul li a:hover {
  padding-top:0;
  font-weight:normal;
  color:#385DA4;
  background-image: none;
  display:none;
  }

ul#menuSinistra li.on ul.sottoMenuSinistra li ul li a, ul#menuSinistra li.on ul.sottoMenuSinistra li ul li {
  padding-top:0;
  padding-left:0px;
  padding-bottom:0;
  background-image: none;
  color:#686868;
  font-weight:normal;
  display:none;
  }
    
/* - - - - - Box contenitore a sinistra, sotto il menu, nelle pagine interne - - - - - */

.boxContenitoreSinistraIntero{
  width:135px;
  float:left;
  margin-bottom:12px;
  }
  
.bordoContenitoreSinistraSuperioreIntero{
  float:left;
  width:135px;
  padding-top:11px;
  }
  
.bordoContenitoreSinistraInferioreIntero{
  float:left;
  width:135px;
  padding-bottom:11px;
  }
  
.testoContenitoreSinistraIntero{
  float:left;
  padding:5px;
  width:125px;
  line-height:20px;
  }
  
h3.titoloBoxSinistra{
  font-size:12px;
  font-weight:bold;
  color:#42549E;
  }
   
/* - - - - - Box Prodotti Home - - - - - */

#contenitoreBoxProdottiHome{
  width:380px;
  float:left;
  display:none;
  }
  
.boxProdottoHome{
  width:380px;
  height:140px;
  margin-bottom:20px;
  }

/* - - - - - Box News Home - - - - - */

h3.titoloNews{
  color:#D4C043;
  font-size:15px;
  padding-left:10px;
  width:368px;
  border-left:1px #DDBC49 solid;
  border-right:1px #DDBC49 solid;
  padding-bottom:0;
  }
  
#boxInteroNews{
  width:200px;
  float:right;
  margin-bottom:12px;
  }
  
#bordoSuperioreInteroNews{
  float:right;
  width:380px;
  background-image: url(../images/bordoSuperioreBoxNewsHome.jpg);
  background-position: 0 top;
  background-repeat: no-repeat;
  padding-top:10px;
  }
  
#bordoInferioreInteroNews{
  float:right;
  width:380px;
  background-image: url(../images/bordoInferioreBoxNewsHome.jpg);
  background-position: 0 bottom;
  background-repeat: no-repeat;
  padding-bottom:10px;
  }
  
.testoInteroNews{
  border-left:1px #DDBC49 solid;
  border-right:1px #DDBC49 solid;
  float:left;
  width:378px;
  line-height:20px;
  }
  
.internoBoxNews{
  padding-bottom:15px;
  padding-top:15px;
  margin:0px 8px 0px 8px;
  background-image: url(../images/separatoreBoxNews.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  line-height:20px;
  }

/* - - - - - Spalla Destra - - - - - */

#spallaDestraHome{
  width:200px;
  float:right;
  display:none;
  }
  
.boxSpallaDestraBottone{
  float:right;
  margin-bottom:12px;
  display:none;
  }

.boxSpallaDestra{
  float:right;
  margin-bottom:12px; 
  display:none; 
  }

/* - - - - - Content - - - - - */

#content{
  margin-left:10px;
  float:left;
  width:600px;
  border-top:1px #DCDCDC solid;
  border-bottom:1px #DCDCDC solid;
  }

.iconeGestione{
  float:right;
  border-bottom:1px #DCDCDC solid;
  border-left:1px #DCDCDC solid;
  border-top:0;
  margin:0;
  padding:0;
  height:28px;
  display:none;
  }

.iconeGestione img {
  border:0;
  margin:0;
  padding:0;
  border-right:1px #DCDCDC solid;
  }

img.sotto{
  border-top:1px #DCDCDC solid;
  }
  
#testo{
  padding: 0px 15px 10px 0;
  width:595px;
  line-height:20px;
  }
  
h2.blu{
  font-size:20px;
  color:#052960;
  font-weight: normal;
  padding-top:0;
  padding-bottom:15px;
  }
      
h2.grigio{
  color:#656565;
  font-size:20px;
  padding-top:10px;
  padding-bottom:15px;
  font-weight: normal;
  }

/* - - - - - Tabella prodotti - - - - - */

.tabellaProdotti{
  width:590px;
  border:1px white solid;
  margin-bottom:20px;
  }
  
.tabellaProdotti tr th{
  color:white;
  width:146px;
  background-color: #1D4783;
  padding:3px;
  font-weight:normal;
  text-align:left;
  }

.tabellaProdotti tr td{
  width:150px;
  background-color: #EFEFEF;
  }
  
.tabellaProdotti tr td ul{
  list-style: square inside;
  padding-left:10px;
  padding-top:5px;
  padding-bottom:5px
  }

.tabellaProdotti tr td ul li{
  padding-bottom:2px;
  }
    
/* - - - - - Sezione News - - - - - */

#contenitoreTestoNews{

  }
  
.testoNews{
  float:left;
  background-image: url(../images/separatoreNews.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  padding-bottom:20px;
  margin-bottom:20px;
  line-height:20px;
  width:595px;
  }

span.titoloNews{
  padding-left:20px;
  background-image: url(../images/frecciaNews.jpg);
  background-position: left 33%;
  background-repeat: no-repeat;
  color:#42549E;
  font-weight: bold;
  }
  
span.dataNews{
  color:#949494;
  font-weight: bold;
  } 

/* - - - - - Box Interattivo - - - - - */

.boxIntero{
  width:200px;
  float:right;
  margin-bottom:12px;
  display:none;
  }
  
.bordoSuperioreIntero{
  float:left;
  width:200px;
  background-image: url(../images/boxInterattivoSuperiore.jpg);
  background-position: 0 top;
  background-repeat: no-repeat;
  padding-top:11px;
  display:none;
  }
  
.bordoInferioreIntero{
  float:left;
  width:200px;
  background-image: url(../images/boxInterattivoInferiore.jpg);
  background-position: 0 bottom;
  background-repeat: no-repeat;
  padding-bottom:11px;
  display:none;
  }
  
.testoIntero{
  /*background-image: url(../images/boxInterattivoSfondo.jpg);*/
  background-image: url(../images/sfondoBoxRicerca.jpg);
  background-repeat: repeat-x;
  background-position: 0 0;
  border-left:1px #DEE2ED solid;
  border-right:1px #DEE2ED solid;
  float:left;
  padding:5px;
  width:188px;
  line-height:20px;
  display:none;
  }

/* - - - - - Barra ricerca - - - - - */
  
.search_left{ 
  padding:0 0; 
  float:left;
  display:none;
  }
  
.input_image input{ 
  margin-right:10px; 
  float:right; 
  border:none;
  width:40px;
  height:20px;
  display:none;
  }

.input_image { 
  margin:0; 
  float:right; 
  border:none;
  width:40px;
  height:20px;
  display:none;
  }
  
.search_left input {
  border:1px solid #466B92;
  width:120px;
  float:left;
  display:none;
  }
  
button, select, input{
  float:right;
  display:none;
  }

h3.interattivoAreaRiservata{
  padding-left:25px;
  background-image: url(../images/lucchettoLogin.jpg);
  background-repeat: no-repeat;
  background-position: left 0;
  font-size:16px;
  color:#2F5382;
  padding-bottom:10px;
  width:150px;
  display:none;
  }

h3.interattivoRicerca{
  padding-left:25px;
  background-image: url(../images/lenteRicerca.jpg);
  background-repeat: no-repeat;
  background-position: left 0;
  font-size:16px;
  color:#2F5382;
  padding-bottom:10px;
  width:150px;
  display:none;
  }

h3.interattivo{
  background-position: left 0;
  font-size:16px;
  color:#2F5382;
  padding-bottom:10px;
  width:150px;
  display:none;
  }
   
/* - - - - - Box login - - - - - */

.labelLogin{
  float:left;
  display:none;
  }
  
.campiLogin{
  display:none;
  float:right;
  width:110px;
  margin-bottom:13px;
  }
  
.boxLogin form{
  margin-bottom:10px;
  float:left;
  display:none;
  } 

.campiLogin input {
  width:110px;
  border: 1px #003566 solid;
  float:left;
  display:none;
  }

.input_image_accedi input{
  margin-left:77px;
  float:left; 
  border:none;
  width:75px;
  height:20px;
  display:none;
  }

.input_image_accedi{
  float:left;
  display:none;
  }
      
/* - - - - - Footer - - - - - */

#sfondoFooter{
  height:41px;
  background-image: url(../images/sfondoFooter.jpg);
  background-repeat: repeat-x;
  background-position: 0 0;
  margin-top:15px;
  margin-bottom:5px;
  display:none;
  }
  
#footer{
  background-image: url(../images/sfondoFooter.jpg);
  background-repeat: repeat-x;
  background-position: 0 0;
  margin:0 auto;
  width:980px;
  padding-top:10px;
  height:51px;
  }

#testoFooter{
  float:left;
  }
  
#pagineServizioFooter{
  float:right;
  } 

ul#pagineServizio{
  list-style:none; 
  color:#42549E;
  }

ul#pagineServizio li {
  padding:2px 10px 0px 15px;
  float:left;
  background-image:url(../images/frecciaMenuInferiore.jpg);
  background-repeat: no-repeat;
  background-position: left 50%;
  }

ul#pagineServizio li a{
  display:block;
  }

/* - - - - - MAPPA DEL SITO - - - - - */

ul.mappaPrincipale{
    margin-top:10px;
  }
  
ul.mappaPrincipale, ul.mappaPrincipale ul, ul.mappaPrincipale ul ul{
  list-style: none inside;
  margin-left:2%;
  margin-right:2%;
  width:96%;
  }

ul.mappaPrincipale ul ul li, ul.mappaPrincipale ul li, ul.mappaPrincipale li {
  border:1px white solid;
    padding-left:2%;
    padding-right:2%;
    padding-top:2px;
    padding-bottom:2px;
  }

ul.mappaPrincipale li, ul.mappaPrincipale li a{
  background-color:#0C3970;
  color:white;
  font-weight: bold;
  }
  
ul.mappaPrincipale li a:hover{
  text-decoration: underline;
  }

ul.mappaPrincipale ul li, ul.mappaPrincipale ul li a{
  font-weight: normal;
  background-color:#E1AA19;
  color:black;
  }
  
ul.mappaPrincipale li a:hover{
  text-decoration: underline;
  }
  
ul.mappaPrincipale ul ul li, ul.mappaPrincipale ul ul li a{
  font-weight: normal;
  background-color:#455B99;
  color:black;
  }
  
ul.mappaPrincipale ul ul li a:hover{
  text-decoration: underline;
  }
/* - - - - Clear - - - - - */
                      
.clear{               
  clear:both;
  }