/* CSS Document */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Nasconde da IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fine dell'hack per IE-mac */


body{
background-color:#015e9e;
background-repeat:repeat-y;
background-position:center;
font-family:Arial, Helvetica, sans-serif;
margin:0;
color:#2b2b2b;
font-size:12px;
line-height:18px;
}

#globale{
width:946px;
background-image:url(img/bkg.jpg);
margin:0 auto;
}

#container{
width:911px;
margin:0 auto;
padding-left:17px;
padding-right:18px;
background-image:url(img/bkg_alto.jpg);
background-position:top;
background-repeat:no-repeat;
}



/* HEADER*/
#header{
width:911px;
background-image:url(img/bkg_header.jpg);
background-position:top;
background-repeat:no-repeat;
height:176px;
margin:0 auto;
}

#mininavigazione{
width:273px;
height:29px;
float:right;
margin-right:24px;
background-image:url(img/mininavi.gif);
background-position:center;
background-repeat:no-repeat;
text-align:center;
color:#FFFFFF;
font-weight:bold;
line-height:29px;}

#mininavigazione a{
text-decoration:none;
padding: 0 10px 0 10px;
color:#FFFFFF;}

#mininavigazione a:hover{
text-decoration:underline;}

#lingua{
display:block;
float:left;
margin-left:24px;
}

#lingua .goog-te-gadget-simple{
padding:5px;
border-top:0px;
}

#logo{
width:95px;
padding-top:24px;
padding-bottom:24px;
margin:0 auto;
}

#navigazione{
padding-left:24px;
padding-right:24px;}

#navigazione img{
float:left;
margin-right:5px;}

#navigazione a.principale{
font-family: 'Signika', sans-serif;
background:url('img/principale.jpg');
height:24px;
width:150px;
display:block;
color:#fff;
text-align:center;
font-size:15px;
padding-top:8px;
float:left;
margin-right:5px;
text-decoration:none;
font-weight:normal;
}

#navigazione a.principale:hover{
background:url('img/principale_02.jpg');
}


#navigazione a.applicazione {
float:right;}


/* FOOTER */
#footer_cont{
clear:both; 
padding-top:50px;
}

#footer{
height:53px;
border-bottom:solid 1px #bebebe;
border-top:solid 1px #bebebe;
line-height:53px;
color:#7e7e7e;
font-size:11px;
padding-right:20px;
padding-left:10px;
}

#footer_navigazione{
float:left;}

#footer_navigazione a{
color:#7e7e7e;
text-decoration:none;
margin:10px;}

#footer_navigazione a:hover{
text-decoration:underline;}

ul#footer_navigazione li{display:inline; list-style:none;}

#footer_generalita{
float:right; 
margin-right:40px;}

#footer img{
display:inline;
margin-bottom:-3px;}

#footer #contatti{
line-height:24px;
float:right;
background-image:url(img/bkg_contatti.gif);
margin-top:15px; 
width:107px;
height:24px;
text-align:center;
color:#ffffff;
font-size:11px;
text-transform:uppercase;
font-weight:bold;
}

#footer #contatti a {color:#ffffff; text-decoration:none;}
#footer #contatti a:hover {text-decoration:underline;}



/* PAGINA */
#pagina{
padding:25px;
margin:0 auto;}

#flash{
width:615px;
height:331px;
float:left;}

#spalla_home{
width:225px;
float:right;
padding-top:20px;
}

#riga1{
width:100%;
height:331px;

}

#riga2{
width:100%;
height:225px;
margin-top:35px;
}

.box_home{
display:block;
width:276px;
float:left;
margin-right:15px;

}


.box_home .titolo{
display:block;
font-size:16px;
font-weight:bold;
margin-top:20px;
}

.box_home .titolo a {
text-decoration:none;
color:#494949
}
.box_home .titolo a:hover {
	text-decoration:underline;
}


.box_home p{
color:#494949;
}

.box_home .continua{
display:block;
float:right;
font-weight:bold;
margin-top:20px;
background-image:none;
padding:0;}

.box_home .continua a{
text-decoration:underline;
color:#2b2b2b;
}

.box_home .continua a:hover{
text-decoration:none;
}

.ultimo {margin-right:0px;
}

.occhiello{
font-size:12px;
color:#2b2b2b;
font-style:italic;
font-weight:bold;
}

h1{
font-size:20px;
line-height:22px;}

.continua{
display:block;
float:right;
font-weight:bold;
background-image:url(img/freccia.gif);
background-position:right;
background-repeat:no-repeat;
padding-right:20px;
margin-top:30px;}

.continua a{
text-decoration:none;
color:#2b2b2b;
}

.continua a:hover{
text-decoration:underline;
}




/* PRODOTTI*/
#prodotti #riga1{
height:auto;
clear:both;
margin:0;
padding:0px;
}

#prodotti #riga2{
clear:both;
height:auto;
margin:0;
padding:0;
padding-top:30px;
}

.box{
height:240px;
width:390px;
border-top:#ebebeb solid 10px;
border-bottom:#ebebeb solid 10px;
padding:15px;
margin-bottom:20px;}

.destra{
float:right;
}
.sinistra{
float:left;
}

.lungo{
width:830px;
clear:left;}

.box p{
margin-bottom:80px;
}

#prodotti .titolo{
color:#0063a7;
font-size:24px;
font-weight:bold;
}

.punti{
display:block;
float:left;
padding-top:5px;
line-height:26px;}

.punti img{
float:left;
margin-top:4px;
padding-right:10px;
clear:both;}

.tre{
margin-top:-26px;}

.tasti{
width:500px;
float:right;}

.tasti .tasto{
margin:7px;
margin-right:0;
margin-left:17px;}

.tasto{
width:224px;
float:right;}

.tasto a {
display:block;
height:60px;
width:224px;
padding:2px;
border:#b4b4b4 solid 1px;
background-image:url(img/freccia_nera.jpg);
background-position:right;
background-repeat:no-repeat;
background-color:#FFFFFF;
text-decoration:none;
font-size:16px;
font-weight:bold;
color:#2b2b2b;}

.tasto a:hover {
background-image:url(img/freccia_bianca.jpg);
background-color:#555555;
color:#FFFFFF;}

.tasto  a p{
margin:0;
padding-top:8px;
line-height:20px;}

.tasto a img{
border:0px;
float:left;
margin-right:10px;}

/* PRODOTTI PAGINE DI SEZIONE*/
#navigazione_seconda{
height:50px;
clear:both;
margin:0;
padding:0px;
border-top:#ebebeb solid 10px;
}

#percorso{
display:block;
float:left;
width:400px;
padding-top:20px;
font-size:12px;}

#percorso .attivo{
font-weight:bold;}

#switch{
display:block;
float:right;
background:#ebebeb;
height:10px;
width:336px;
padding:20px;
}

 .serie a{
display:block;
float:left;
margin-right:5px;
margin-left:4px;
width:268px;
height:190px;
padding:5px;
color:#2b2b2b;
text-decoration:none;
background-color:#FFFFFF;
margin-bottom:5px;
}

 .serie a .nome{
 font-size:14px;
 font-weight:bold;}


.serie a img{
border:0px;
margin-bottom:15px;
}

.serie  a:hover{
background-color:#555555;
color:#FFFFFF;}


/* Prodotti dettaglio */

#dettaglio #serie {float:left; width:460px; margin:30px 37px 40px 0;}
#dettaglio #serie h2 {margin-top:0; color:#0063a7; font-size:18px; font-weight:bold;}
#dettaglio #serie #gallery {margin:40px 0 20px 0;}
#dettaglio #serie #gallery p.dida {width:100%; text-align:center; padding-bottom:10px; border-bottom:1px solid #CCCCCC;}
#dettaglio #serie #gallery #navi {width:100%; text-align:center;}
#dettaglio #serie #gallery #navi img {margin:0 30px;}
#dettaglio #serie #gallery #navi a img {border:0;}

#dettaglio #modelli {float:left; width:354px; margin-top:30px;}
#dettaglio #modelli a img {border:0;}
#dettaglio #modelli .modello {padding:10px 0; margin:20px 0; border-top:1px solid #CCCCCC; border-bottom:1px solid #cccccc;}
#dettaglio #modelli .modello h3 {float:left; margin:10px 0;}
#dettaglio #modelli .modello img.dettaglio {float:right;}
#dettaglio #modelli .modello .formato {clear:both; padding-left:25px;} 
#dettaglio #modelli .modello ul {list-style:none; padding-left:25px;}
#dettaglio #modelli .modello li {padding:3px 0;}



/* AZIENDA*/
#azienda .box_sinistra{
width:605px;
/*height:240px;*/
border-right:#ebebeb solid 1px;
padding:0 15px 15px 15px;
height:auto;
float:left;
}

h2{
font-size:16px;
font-weight:normal;
margin-bottom:30px}

#azienda .box_sinistra p{
line-height:20px;}

#azienda .box_sinistra img{
float:left;
padding:6px 20px 10px 0}

#azienda .box_destra{
float:right;
width:200px;
padding-top:30px;
font-style:italic;}

#azienda .box_destra .titolo{
font-size:18px;
font-style:normal;}



/*gallery catalogo*/
#simplegallery1{ 
position: relative; /*keep this intact*/
visibility: hidden;/* keep this intact*/
border: 0;
}

#simplegallery1 .gallerydesc{ 
display:block;
position:absolute;
z-index:200000;
margin-top:320px;
}

#simplegallery1 .gallerydesctext{ 
text-align: center;
padding: 2px 5px;
visibility:visible;
}



#navigazione a.applicazione {
float:right;
height:32px;
//background-image:url(img/appnavi_1.png);
background-image:url(img/appnavi2_1.png);
margin-top:-45px;
padding-top:53px;}

#navigazione a.applicazione:hover {
//background-image:url(img/appnavi_2.png);
background-image:url(img/appnavi2_2.png);}



/*COOKIE STYLE */


#cookieChoiceInfo {           /* Imposto le proprietà del banner/dialog box e caratteri del messaggio */
  background-color: #000;     /* Lo fondo è di colore nero (#000) */
				 
  font-size: 16px;            /* i caratteri devono essere grandi 16 pixel */
  color: #FFFFFF;                /* il colore dei caratteri è grigio chiaro (#DDD) */
  padding: 30px;              /* lo spazio intorno al messaggio (sopra, sotto e di lato) quindi il bordo dista 10 pixel */  
  opacity: 0.7 ;                 /* questa proprietà modifica la trasparenza del banner/dialogbox */
  margin:20px;
 
  color:#ffffff;
	
}
#cookieInfoLink {                      
  color: #E00;                /* il testo del link che aprire la pagina della cookie policy è rosso (#E00)  */
  text-decoration: underline; /* questa proprietà indica che il testo del link è sottolineato  */
}
#cookieInfoLink:hover {       /* la parola hover, vicino al selettore, indica che le proprietà seguenti verranno applicate... */
                              /* ... al link che conduce alla cookie policy solo quando il mouse ci passa sopra  */
  color: #F44;                /* il testo del link in questo caso diventa di un rosso più chiaro al passaggio del mouse...  */
  test-decoration:none;       /*   .... e allo stesso tempo il testo non sarà più sottolineato            */
}
#cookieChoiceDismiss {        /* Impostiamo per il link "accetto/ok/chiudi" le proprietà per renderlo... */
			      /* ...visivamente come un pulsante */
  background-color: #0A0;     /* lo sfondo è verde (#0A0) */
  color: #FFF;                /* Il colore del testo è bianco (#FFF) */
  text-decoration: none;      /* Il testo non è sottolineato         */
  font-weight: 600;           /* Il testo è in grassetto             */
  font-size: 16px;
  padding: 3px 10px;          /* Imposto lo spazio tra i caratteri e il bordo del pulsante 2pixel sopra e sotto e 10px ai lati */
  border-radius:  3px;        /* Lo sfondo del pulsante ha i bordi arrotondati con un raggio di 3 pixel */
}
#cookieChoiceDismiss:hover {  /* Passando il mouse sopra il pulsante, questo cambia colore in verde chiaro. */
  background-color: #0F0;
}