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

body { margin:0;}
p, h1, h2, h3, h4, li, a { font-family:"futura-pt",sans-serif;}
li { list-style:none;}
a { text-decoration:none;}
p a { color:#333; text-decoration:underline;}
p a:hover { color:#E22020; text-decoration:none;}
strong { font-weight:500;}

a.calltoaction {color:#fff; padding-top:6px; padding-bottom:3px; font-weight:300; text-transform:uppercase; font-size:12px; display:block; width:190px; height:25px; background-image:url(image/cta/rosso.png); background-size:100%; background-repeat:no-repeat; text-decoration:none; text-align:center; margin-top:10px; margin-left:5px;}
a:hover.calltoaction {color:#fff;background-image:url(image/cta/grigio.png); background-size:100%; background-repeat:no-repeat;}

a.breadcrumbs {color: #999; display: inline}
a:hover.breadcrumbs {color: #E22020;}
a.magazine {color: #333; font-size: 20px; padding: 20px 0; display: block}
a:hover.magazine {color: #E22020;}

.linkprodotti a {width:200px; height:240px; background-color:#FFF; display:block; float:left; margin-right:21px; padding:10px; text-align:center;font-size:20px; color:#333; font-weight:300; text-transform:uppercase; border:solid 2px #fff;}
.linkprodotti a:hover {color:#999;width:200px; height:240px; border:solid 2px #999999;}
.linkprodotti2 a {width:200px; height:240px; background-color:#FFF; display:block; float:left; margin-right:21px; padding:10px; text-align:center;font-size:20px; color:#333; font-weight:300; text-transform:uppercase; border:solid 2px #eee;}
.linkprodotti2 a:hover {color:#999;width:200px; height:240px; border:solid 2px #999999;}

a.linkbriciole { color: #666;}
a:hover.linkbriciole { text-decoration: underline;}


#header { width: 960px; height:60px; display:block; margin: -16px auto 0 auto; position:relative; z-index:100; text-align:center;}
#header .menu { margin-left:10px;}
#header .menu li { float:left; width:110px; height:54px; display:block; padding-top:0px; text-transform:uppercase; font-size:14px;}
#header .menu li a { color:#666; font-weight:300;width:110px; height:54px; display:block; padding-top:34px;}	
#header .menu li a:hover { color:#fff; font-weight:300; background-color:#E22020;width:110px; height:54px; display:block;padding-top:34px;}
#header .menu .on { color:#fff; font-weight:300; background-color:#E22020;width:110px; height:54px; display:block;padding-top:34px;}

a.prodotticovid { color:#fff; font-weight:300; font-size: 50px; background-color:#E22020;width: 1050px; height: 60px; display: block;margin: 30px auto 0 auto;text-align: center; padding: 5px 0 10px 0;}
a:hover.prodotticovid {background-color:#333}
	
#slideshow { width:100%; height:300px; display:block; position:relative; z-index:10; text-align:center; background-color:#333;}
.slideshow { width: 960px; height: 338px; display: block; position: absolute; top: 60px; left: 0px; z-index: 1; }
.sliderhome { width: 202px; height: 380px; display: block; position: absolute; top: 53px; left: 748px; z-index: 1; }

.fascia { width:100%; height:106px; display:block; background-color:#2b2b2b; margin:0 auto 0 auto;}
.fascia .nav { width:1080px; height:96px; margin:0 auto 0 auto; display:block; }
.fascia  ul.nav {}
.fascia .nav li { float:left;text-align:center;}
.fascia .nav li a {color:#999; text-transform:uppercase; font-size:11px; height:96px; display:block; padding:10px 3px 0 3px;}
.fascia .nav li a:hover { color:#FFF; height:96px; display:block; background-color:#E22020; padding:10px 3px 0 3px;}

.fasciaRossa { width:100%; height:32px; display:block; background-color:#E22020; margin-top:-21px; position:relative; z-index:100;}
.fasciaRossa .subnav { width:1042px; display:block; height:34px; margin:0 auto 0 auto;}
.fasciaRossa .subnav li { float:left; padding-right: 2px; font-size:11px; text-transform:uppercase; padding-top:8px; }
.fasciaRossa .subnav li a { color:#e99a9a; height:22px; display:block; margin-top:-13px; padding: 10px 10px 0 10px;background-color:#E22020;text-align:left;border-right:2px #fff solid;}
.fasciaRossa .subnav li a:hover { color:#fff; }

.fasciaspezzata {}

.fasciaAccessori { width:960px; height:28px; display:block; margin:-16px auto 0 auto; position:relative; z-index:100;}
.fasciaAccessori .subnav { width:984px; display:block; height:34px; margin:0 auto 0 auto;}
.fasciaAccessori .subnav li { float:left; padding-right: 20px; font-size:11px; text-transform:uppercase; padding-top:14px; text-align:left;}
.fasciaAccessori .subnav li a { color:#ccc; height:22px; display:block; margin-top:-14px; padding-top:10px;}
.fasciaAccessori .subnav li a:hover { color:#fff; }

#content { width:960px; margin:40px auto 0 auto; display:block; }
#content .prodotto { width:960px; height:396px; display:block;}
#content .prodotto .img { width:396px; text-align:center; float:left;}
#content .prodotto .txt { width:540px; float:right;}
#content .prodotto .txtCookies { width:960px;}
#content .prodotto .txt h1 { font-size:30px; font-weight:300; color:#666; text-transform:uppercase; margin:0; width:540px; display:block;}
#content .prodotto .txt h2 { font-size:30px; font-weight:300; color:#E22020; text-transform:uppercase; margin:3px 0 0 0; width:540px; display:block;}
#content .prodotto .txt h3 { font-size:20px; font-weight:300; color:#666; text-transform:uppercase; margin-top:5px; width:540px; display:block; font-weight:300;}
#content .prodotto .txt p { font-size:16px; font-weight:300; color:#333; line-height:22px; width:540px; display:block; margin-top:20px;}

#content .prodotto .cta a {color:#fff; padding-top:12px; font-weight:300; text-transform:uppercase; font-size:12px; display:block;width:190px; height:25px; display:block; background-image:url(image/cta/rosso.png); background-size:100%; background-repeat:no-repeat; text-align:center;}
#content .prodotto .cta a:hover {color:#fff;background-image:url(image/cta/grigio.png); background-size:100%; background-repeat:no-repeat;}

.cta2 a {color:#fff; padding-top:12px; font-weight:300; text-transform:uppercase; font-size:12px; display:block;width:190px; height:25px; display:block; background-image:url(image/cta/rosso.png); background-size:100%; background-repeat:no-repeat; text-align:center; text-decoration: none;}
.cta2 a:hover {color:#fff;background-image:url(image/cta/grigio.png); background-size:100%; background-repeat:no-repeat;}

#content .prodotto .titoloOfferte a { font-size:30px; font-weight:300; color:#E22020; text-transform:uppercase; margin:3px 0 0 0; width:540px; display:block;}
#content .prodotto .titoloOfferte a:hover { color:#666;}
.titoloHome a {font-size:20px; font-weight:300; color:#333; text-transform:uppercase; margin:0; width:200px; display:block;}
.titoloHome a:hover { color:#E22020;}

#ico { width:100%; height:270px; display:block; background-image:url(image/inclinatobianco2.png); background-position:top center; background-repeat:no-repeat; margin-top:-100px; }
#ico .iconeGallery { width:960px; height:100px; display:block; margin:0 auto 0 auto; padding-top:150px;}
#ico .iconeGallery .icone { width:384px; height:80px; display:block; float:left; text-align:left; margin-top:2px; margin-left:20px;}
#ico .iconeGallery .gallery {width:542px; height:160px; display:block; float:right; margin-top:-4px; margin-right:0px;}
#ico .iconeGallery .gallery img { width:74px; height:74px;}
#ico .iconeGallery .gallery ul { margin-top:-12px; margin-left:-46px;}
#ico .iconeGallery .gallery ul li { display: inline; margin-left:9px;}
/*#ico .iconeGallery .gallery ul li a { width: 78px; height:78px; display: block; background-color: #fff; float: left; margin-right: 10px;}*/
#ico .iconeGallery .gallery ul img { border: 5px solid #ccc;	border-width: 2px 2px 2px;}
#ico .iconeGallery .gallery ul a:hover img {border: 2px solid #666;border-width: 2px 2px 2px;color: #fff; text-decoration:none;}
#ico .iconeGallery .gallery ul a:hover { color: #fff;text-decoration:none; }
a.NivoVideo { color:#E22020; font-weight:bold; text-decoration:underline;}
a:hover.NivoVideo { color:#E22020; font-weight:bold; text-decoration:none;}

.bodyProdotto {background-image:url(image/inclinato2.png); background-position:top center; background-repeat:no-repeat;}

#content .modelli { width:960px; display:block;margin-top:100px; height:550px;}
#content .modelli .colonna { width:190px; text-align:center; float:left;}
#content .modelli .colonna h2 {width:190px !important; font-size:20px; font-weight:300; color:#333; text-transform:uppercase; margin:10px 0 0 0; width:540px; display:block;}
#content .modelli .colonna p {width:190px !important; height:202px; text-align:left; font-size:14px; font-weight:300; color:#333; line-height:20px; width:540px; display:block; margin-top:20px;}
#content .modelli .colonna a {color:#fff; padding-top:12px; font-weight:300; text-transform:uppercase; font-size:12px; display:block;width:190px; height:25px; display:block; background-image:url(image/cta/rosso.png); background-size:100%; background-repeat:no-repeat;}
#content .modelli .colonna a:hover {color:#fff;background-image:url(image/cta/grigio.png); background-size:100%; background-repeat:no-repeat;}

#content .modelliDue { width:960px; display:block;margin-top:100px; }
#content .modelliDue .colonnaDoppia { width:433px; text-align:center; float:left;}
#content .modelliDue .colonnaDoppia p {width:433px !important; height:100px; text-align:left; font-size:14px; font-weight:300; color:#333; line-height:20px; width:540px; display:block; margin-top:20px;}
#content .modelliDue .colonnaDoppia h2 {width:433px !important; font-size:20px; font-weight:300; color:#333; text-transform:uppercase; margin:10px 0 0 0; width:540px; display:block;}
#content .modelliDue .colonnaDoppia a {color:#fff; padding-top:8px; font-weight:300; text-transform:uppercase; font-size:12px; display:block; width:190px; height:25px; display:block; background-image:url(image/cta/rosso.png); background-size:100%; background-repeat:no-repeat;}
#content .modelliDue .colonnaDoppia a:hover {color:#fff;background-image:url(image/cta/grigio.png); background-size:100%; background-repeat:no-repeat;}

#content .modelliDue .colonnaDoppia .neutro a {color:#333; font-size:12px; text-decoration:underline; background-image:none;}
#content .modelliDue .colonnaDoppia .neutro a:hover { text-decoration:none; color:#E22020; background-image:none;}

#content .modelliCinque { width:960px; height:603px; background-color: #EEE; display:block;margin-top:100px; }
#content .modelliCinque .colonnaCinque { width:175px; text-align:center; float:left;}
#content .modelliCinque .colonnaCinque p {width:175px !important; height:267px; text-align:left; font-size:14px; font-weight:300; color:#333; line-height:20px; width:540px; display:block; margin-top:20px;}
#content .modelliCinque .colonnaCinque h2 {width:175px !important; font-size:18px; font-weight:300; color:#333; text-transform:uppercase; margin:10px 0 0 0; width:540px; display:block;}
#content .modelliCinque .colonnaCinque a {color:#fff; padding-top:9px; font-weight:300; text-transform:uppercase; font-size:12px; display:block;width:175px; height:25px; display:block; background-image:url(image/cta/rosso.png); background-size:100%; background-repeat:no-repeat; margin:0 auto 0 auto;}
#content .modelliCinque .colonnaCinque a:hover {color:#fff;background-image:url(image/cta/grigio.png); background-size:100%; background-repeat:no-repeat;}

#content .modelliTre { width:960px; height:603px; background-color: #EEE; display:block;margin-top:100px; }
#content .modelliTre .colonnaTre { width:292px; text-align:center; float:left;}
#content .modelliTre .colonnaTre p {width:292px !important; height:200px; text-align:left; font-size:14px; font-weight:300; color:#333; line-height:20px; width:540px; display:block; margin-top:20px;}
#content .modelliTre .colonnaTre h2 {width:292px !important; font-size:18px; font-weight:300; color:#333; text-transform:uppercase; margin:10px 0 0 0; width:540px; display:block; margin-bottom:20px;}
#content .modelliTre .colonnaTre a {color:#fff; padding-top:9px; font-weight:300; text-transform:uppercase; font-size:12px; display:block;width:175px; height:25px; display:block; background-image:url(image/cta/rosso.png); background-size:100%; background-repeat:no-repeat; margin:0 auto 0 auto;}
#content .modelliTre .colonnaTre a:hover {color:#fff;background-image:url(image/cta/grigio.png); background-size:100%; background-repeat:no-repeat;}

#content .modelliSei { width:960px; height:603px; background-color: #EEE; display:block;margin-top:100px; }
#content .modelliSei .colonnaSei { width:146px; text-align:center; float:left;}
#content .modelliSei .colonnaSei p {width:146px !important; height:238px; text-align:left; font-size:14px; font-weight:300; color:#333; line-height:20px; width:540px; display:block; margin-top:20px;}
#content .modelliSei .colonnaSei h2 {width:146px !important; font-size:18px; font-weight:300; color:#333; text-transform:uppercase; margin:10px 0 0 0; width:540px; display:block;}
#content .modelliSei .colonnaSei a {color:#fff; padding-top:9px; font-weight:300; text-transform:uppercase; font-size:10px; display:block;width:146px; height:25px; display:block; background-image:url(image/cta/rosso.png); background-size:100%; background-repeat:no-repeat; margin:0 auto 0 auto;}
#content .modelliSei .colonnaSei a:hover {color:#fff;background-image:url(image/cta/grigio.png); background-size:100%; background-repeat:no-repeat;}

#footer { width:100%; background-color:#333; height:64px; display:block; margin-top:-20px; clear: both;}
#footer .piede { width:960px; margin:0 auto 0 auto; display:block; text-align:center;}
#footer .piede p { color:#CCC; font-size:12px; padding-top:16px;} 
#footer .piede a { color:#CCC; font-size:12px; text-decoration:underline;} 
#footer .piede a:hover { color:#E22020; font-size:12px; text-decoration:none;} 


#cookieChoiceInfo {
	font-family:'futura-pt',sans-serif;
  padding: 30px 10px;
  background-color: #000;
  font-size: 1em;
  color: #FFF;
  opacity: .8; }
  
#cookieChoiceInfo a{
  color: #FC0; font-weight:300;}

#cookieChoiceDismiss {
  background-color: #088308;
  color: #FFF;
  text-decoration: none;
  font-weight: 600;
  font-size: .9em;
  padding: 3px 10px;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  border-radius: .5em;
}

#cookieChoiceDismiss:hover {
  background-color: #333; color:#FFF;}
 
  
#cookieInfoLink {
  color: #fff;
  text-decoration: underline;
  font-size: .9em; }

#cookieInfoLink:hover {
  color: #F44; }
  



