@charset "utf-8";
/* CSS Document */

html {
	margin: 0;
	padding: 0; 
}

body {
	background-color: #FFFFFF;
	background-image:url(../immagini/sfondo.jpg);
	background-repeat:repeat-x;
	font: 95%/160% Calibri, Arial, Helvetica, sans-serif; 
	color: #666666;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
} 
div#contenitorebigindex {
	 background-image:url(../immagini/sfondopagina.jpg); background-position: center 361px;   background-repeat:no-repeat; }
	 
div#contenitorebiglanding {
	 background-image:url(../immagini/sfondopagina.jpg); background-position: center 398px;   background-repeat:no-repeat;  }

div#contenitorebigsottopagine {
	 background-image:url(../immagini/sfondopagina2.jpg); background-position: center top; background-repeat:no-repeat; }
	 
div#contenitorebigminiportali { background-image:url(../immagini/sfondopagina2.jpg); background-position: center top; background-repeat:no-repeat; }
	
div#contenitore {
	margin:auto;
	width:1000px;}

div#animazioneorizzontaleindex { height:364px;}
div#animazioneorizzontalelanding { height:450px;}

div#animazioneorizzontalesottop { height:128px;}
div#animazioneorizzontalesottopagine { height:126px;}
div#animazioneorizzontaleminiportali { height:330px;}

div#testata {position:absolute; top:118px; }


div#testatasottopagine {position:absolute; top:118px;}
div#testataminiportali {position:absolute; top:150px; }


div#bandalogo {
  width:100%;
  text-align: left; 
}
	
div#contenutologo {
  position:absolute; margin-top:30px; 
}



div#contenutoprodotto {
  position:absolute;  width:800px; height:27px; text-align:right;
}
div#contenutoprodotto a{ color:#FFFFFF; margin-right:10px;}
div#contenutoprodotto a:hover{ color:#FFFFFF; margin-right:10px;}
div#contenutoprodotto a#activelink{color: #b2da5b;}

div#contenutotools {
  position:absolute; margin-left:810px; color:#FFFFFF; text-align:center;
  background-image:url(../immagini/bgtools.jpg); background-repeat:no-repeat; width:188px; height:27px;
}

div#contenutotools a{ color:#FFFFFF;}
div#contenutotools a:hover{ color:#FFFFFF; }
div#contenutotools a#activelink{color: #333333; font-weight:bold;}


/*------------------------------ CONTENUTO PRINCIPALE ------------------------------*/

div#contenutoprincipale {
  float:left;
  width:100%; 
}
/*------------------------------ NAVIGAZIONE VERTICALE ------------------------------*/
div#colonnalato {
  float:right; 
  width:210px; 
  padding-top:30px;text-align:center; line-height:13px; 
  }
div#colonnalatosx {
  float:left; 
  width:210px; 
  padding-top:30px;text-align:center; line-height:13px; color:#d8e8bd;
  }
  
div#colonnalatocont {
 background-color:#7db223; width:210px; margin-top:10px; text-align:center;  padding:0; color:#d8e8bd;
  }
  

  

div#navigazione_verticale {text-align: left;  width:176px; margin:auto;}
div#navigazione_verticale ul {padding-top:10px; list-style-type: none; text-align:left;}
div#navigazione_verticale li {width:100%;clear: both; margin-top:10px; padding-bottom:10px; }
div#navigazione_verticale a {color: #333333; text-decoration: none; display: block; line-height:13px; }
div#navigazione_verticale a:hover {color: #333333; text-decoration: underline; }
div#navigazione_verticale a#activelink {color: #85b223; text-decoration: none; text-decoration: underline; }


#banner { margin:20px 0 20px 0; width:200px; float:right; text-align:left; color:#333333}
#bannerprodotto { width:250px; text-align:left; color:#333333; margin-top:40px;}
.linkgrandi{font-size:17px; line-height:10px;}


div#navigazione_verticale .prezzosmall{  color: #85bb0f; }


div#navigazione_verticale .prezzosmallold{color:#61870e; text-decoration: line-through;  line-height:10px;}


/*----------------------------- NAVIGAZIONE ORIZZONTALE -----------------------------*/

div#navigazione_orizzontale_sottosito {
  height:24px;
  text-align: left;
  width:100%; 
margin-bottom:2px; background-color:#80b21f;}
div#navigazione_orizzontale_sottosito ul {list-style-type: none; padding-left:15px}
div#navigazione_orizzontale_sottosito li {display: inline;} /* nota display: inline */
div#navigazione_orizzontale_sottosito a {color: #333333; text-decoration: none; font-size:15px;}
div#navigazione_orizzontale_sottosito a:hover {color: #000000; text-decoration: underline;font-size:15px;}
div#navigazione_orizzontale_sottosito a#activelink {color: #000000; text-decoration: none; font-size:15px;}
div#navigazione_orizzontale_sottosito .barraspazio {margin:0 10px 0 10px;}


/*------------------------------------ CONTENUTO ------------------------------------*/
div#contenuto {
  float:right; 
  width:780px; line-height:20px; text-align:justify; margin-bottom:20px;
}



.contenutosottopagine { width:720px; float:left; margin:20px 0 0 20px;  }


div#contenuto li { margin-left:20px}



.lookhp { border-left:1px solid #CCCCCC; width:255px; float:left; background-image:url(../immagini/freccia3.jpg); background-repeat:no-repeat; background-position: bottom left; text-align:left;  line-height:18px; height:150px; margin-bottom:20px;  }
.lookhp a{ color: #666666;  padding-left:5px; text-decoration:none;} 
.lookhp a:hover{ color:#1d8ccf; text-decoration:underline;} 

.lookhpcontenuto { margin:0 0 0 20px; text-align:left;}

.lookhptittitoli { font-size:40px;} 
.lookhptit01 { color:#eb149b;} 
.lookhptit02 { color:#629712;} 
.lookhptit03 { color:#009af3;} 




.looksottopagine { border-left:1px solid #CCCCCC; float:right; background-image:url(../immagini/freccia3.jpg); background-repeat:no-repeat; background-position: bottom left; text-align:left;  line-height:18px; padding:0 0 20px 10px; width:200px; font-size:14px;  margin-top:30px;}

.looksottopagine a{ line-height:30px;   text-decoration:none;}
.looksottopagine a:hover{ line-height:30px;  color:#87c00b; text-decoration:underline;}
.looksottopagine a#activelink{ line-height:30px;   font-weight:bold; text-decoration:underline;}



div#contenutoallargato {
  float:left; 
  width:955px; 
}




div#contenuto .div_rollover {margin-right: 5px;}
div#contenuto .div_rollover a {color:#666666; display: block; background-color: #FFFFFF; padding:10px 10px 5px 10px;}
div#contenuto .div_rollover a:hover {color:#666666; text-decoration:none;  background-color: #e5e5e5; padding:10px 10px 5px 10px;}

div#contenuto #camposemplice_hp {border-left:#d8d7d9 1px solid; padding-left:18px;}



/*--------------------- Form ---------------------*/
div#contenutoForm {text-align: center;width: 600px;}
fieldset {width: 95%; padding: 0 0 10px 0; border: 1px solid #e5e5e5;text-align: left;}
fieldset legend {color: #0061a2; padding:10px;}
fieldset .newfield {clear: left; text-align: left;}
fieldset label {float: left; width: 20%; padding: 3px 15px; margin: 0 0 5px 0; text-align: right;}
fieldset .captchaField {float: left; text-align: right; padding: 3px 15px 3px 0; margin: 0 0 5px 0;}
fieldset .inputText {width: 350px; padding: 1px 3px;  margin: 0 0 10px 0; border: 1px solid #8897AA;}
fieldset .inputTextFloat {width: 135px; padding: 1px 3px;  margin: 0 0 10px 0; border: 1px solid #8897AA; float: left;}
fieldset .inputTextSmall {width: 135px; padding: 1px 3px;  margin: 0 0 10px 0; border: 1px solid #8897AA;}
fieldset .inputRadio {margin: 0 0 0 50px;}
#bottoni {width: 95%; padding-top: 20px; text-align: right;}
#bottoni .bottone {width: 120px; margin-left: 30px;}
#messaggiForm {width: 95%; padding-top: 20px; text-align: left;}
div#contenutoForm #messages {color: #0061a2; font-weight: bold;}
div#contenutoForm #requiredFields {color: #c60000; font-weight: bold;}
div#contenutoForm #wrongFields {color: #eaac11; font-weight: bold;}

div#affiliateForm #messages {color: #0061a2; font-weight: bold;}
div#affiliateForm #requiredFields {color: #c60000; font-weight: bold;}
div#affiliateForm #wrongFields {color: #eaac11; font-weight: bold;}

.display-none {display: none;}
.visibility-hidden{visibility: hidden;}

/*---------------- Elenco a Galleria ----------------*/
div#contenuto #thumbs {margin:15px 0 30px 0;}

#thumbs .thumbsContenitore { 
  	width:146px; /*WIDTH THUMBS + padding e bordo di imgCornice*/
	height:140px; /*HEIGHT THUMBS + 35px per far stare 2 righe di testo*/
	float:left;
	margin:0 15px 20px 15px;
	text-align: center;
	overflow:hidden;
}
#thumbs .imgCorniceConTesto { 
  	width:140px; /*WIDTH THUMBS*/
	height:105px; /*HEIGHT THUMBS*/
	border:1px #CCCCCC solid;
	background-color: #F8F8F8;
	padding: 2px;
}

#thumbs .imgCorniceSenzaTesto { 
  	width:140px; /*WIDTH THUMBS*/
	height:105px; /*HEIGHT THUMBS*/
	border:1px #CCCCCC solid;
	background-color: #F8F8F8;
	padding: 2px;
	float:left;
	margin:0 15px 20px 15px;
}
#thumbs .imgContenitore {width:140px;/*WIDTH THUMBS*/ height:105px; /*HEIGHT THUMBS*/ overflow:hidden; cursor: pointer;}
#thumbs img {width: 140px; /*WIDTH THUMBS*/}





/*---------------------------------- PIEDE - FOOTER ---------------------------------*/
div#piede { margin:0; padding:0;  clear:both; width:100%; text-align:center; background-image:url(../immagini/bgfooter.jpg); background-repeat:repeat-x; background-color:#333333; font-size:12px;}
div#piede_interno {margin:auto; width:1000px; text-align: center;  }
div#piede .colonna { float:left; margin-right:18px; text-align:left;}

div#piede a { color:#FFFFFF; text-decoration:none}
div#piede a:hover { color:#7db223;}



div#piede2 { margin:0; padding:0;  clear:both; width:100%; text-align:center; background-color:#333333; color:#6a6a6a;font-size:11px; border-top:1px solid #414141; }
div#piede_interno { margin:auto; width:1000px; text-align: left;}
div#piede2 h2 {font-size:11px;color:#6a6a6a;text-align: left; }
div#piede2 .anagrafica {line-height:11px; color:#6a6a6a; text-align: left; }

div#piede2 a { color:#6a6a6a;}
div#piede2 a:hover { color:#FFFFFF;}

/*---------------------------------- TABELLE ---------------------------------*/


div#tabellasxhp { width:310px; float:left;  }
div#tabelladxhp { width:360px; float:right;  }

div#tabellasxprodotti { width:490px; float:right;  }
div#tabelladxcaratteristiche { background-image:url(../immagini/bgcaratteristiche.jpg); background-repeat:repeat-x; width:210px; float:right; margin-left:35px;  }

/*LINK VERTICALI*/
div#navigazione_verticaledx {text-align: left;  width:180px; float:right; margin-bottom:50px;}

/*stili per la navigazione link verticali*/
div#navigazione_verticaledx ul{margin: 0; padding-top:10px; list-style-type: none; }
div#navigazione_verticaledx li{ list-style-image:url(../immagini/icogo.gif); border-bottom:1px solid #e9eaeb; margin-top:10px; padding-bottom:5px;}
div#navigazione_verticaledx a{color:#333333; text-decoration: none; line-height:13px; }
div#navigazione_verticaledx a:hover{color: #2963B8; text-decoration: none; line-height:13px;}
div#navigazione_verticaledx a#activelink{color: #333333; text-decoration: none; font-weight: bolder;}



/*---------------------------------- CLASSI ---------------------------------*/

a {color: #0061a2; }
a:hover {color: #87c00b; text-decoration: underline;}

h1{font-size:22px; line-height:25px; text-align:left;}
h2{font-size:33px; color: #333333; line-height:30px; text-align:left;}
h3{font-size:25px; color: #333333; line-height:20px; text-align:left;}

.linkhomepage { color: #414141; }
.linkhomepage a{ color:#414141; font-weight:normal; }
.linkhomepage a:hover{ color: #FF00FF; font-weight: bold; }

.floatdx {float: right;}
.floatsx {float: left;}
.marginsx {margin: 0 0 0 10px;}
.margindx {margin: 0 10px 0 0;}
.clear {clear: both;}

.marginsxpro {margin: 0 0 0 50px;}
.margindxpro {margin: 0 40px 0 0; }


.titolo_evidenziato {background-color: #CCCCCC; padding:5px; line-height:20px; margin-right: 5px; text-align:left;}
.titolo_sezione {font-weight: bold; text-align:left;}
.linea { border-top:1px solid #999999; }
.foto { border: #CCCCCC 1px solid; background-color: #FFFFFF; padding:2px;}
.didascalia { font-style: italic;}
.icoprodotti {margin: 0 10px 60px 0; float:left; border: #CCCCCC 1px solid;}
.titoletto { font-size:18px; font-weight:bold;}
.aligncenter {text-align: center;}
.testogiallo { color:#FFCC00;}
.testogrigio { color: #FFFFFF;}
.margindxhp {margin: 0 12px 0 0;}
.titolocaratteristiche { color: #52656b; font-size:25px;  line-height:23px; padding:0px 0 10px 0; text-align:left;}

.sottotitolonews { color: #52656b; font-size:25px;  line-height:25px; text-align:left;}

.font14 { font-size:18px;  text-align:left;} 
.font25 { font-size:28px; line-height:25px; text-align:left; font-weight:bold; color: #313131;} 
.font30 { font-size:30px; line-height:33px; text-align:left; color: #313131; font-weight:600; letter-spacing:-1px;}  
.font35 { font-size:35px; line-height:33px; text-align:left; color: #313131; font-weight:600; letter-spacing:-1px;}  

.lineasottolink{ margin:0; padding:0;} 
.testialtainterlinea{ line-height:27px; font-size:15px;} 


#colonnahomepage{ background-image: url(../immagini/sfondocolonna.jpg); background-repeat:no-repeat; background-position: bottom left; height:630px;  }
#colonnahomepage2{ background-image: url(../immagini/sfondocolonna.jpg); background-repeat:no-repeat; background-position: bottom left; height:1150px; line-height:normal;  }

.boldh1{ font-size:40px; color: #373737;}
h1{ font-size:40px; color:#535353;line-height:35px;}
.testocentralehomepage{ font-size:14px; line-height:35px;}
