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

html{ height:100%; margin-bottom: 1px;}

*{margin:0; padding:0; border:0; font-family:sans-serif, Tahoma, Geneva; text-decoration:none; font-size:12px;}

body{background:url(../images/bg_header_0.jpg) no-repeat top center #FFF;}

/* classi generiche*/
p, ul, td{color:#6c6b6c;}
.li_big{ font-size:14px;}
.float-right{ float:right;}
.arancio{ color:#ae712f;}
.blu{ color:#117eae;}
.viola{ color:#af4b92;}
.verde{ color:#c1c100;}
.lilla{ color:#9592c6;}
#logo_stamp{ display:none;}
a[class=bottom_black] {
	background: -ms-linear-gradient(top, #323233 0%, #414042 50%, #2a2a2b 51%, #2a2a2b 100%);
	background: -moz-linear-gradient(top, #323233 0%, #414042 50%, #2a2a2b 51%, #2a2a2b 100%);
	background: -o-linear-gradient(top, #323233 0%, #414042 50%, #2a2a2b 51%, #2a2a2b 100%);
	background: -webkit-linear-gradient(top, #323233 0%, #414042 50%, #2a2a2b 51%, #2a2a2b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #323233), color-stop(0.5, #414042), color-stop(0.51, #2a2a2b), color-stop(1, #2a2a2b));
	background: linear-gradient(top, #323233 0%, #414042 50%, #2a2a2b 51%, #2a2a2b 100%);
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	padding:0.6em 1em;
	margin: 0 0 20px 0;
}

a:hover[class=bottom_black]{
	background: -ms-linear-gradient(top, #313132 0%, #242425 50%, #000 51%, #000 100%);
	background: -moz-linear-gradient(top, #313132 0%, #242425 50%, #000 51%, #000 100%);
	background: -o-linear-gradient(top, #313132 0%, #242425 50%, #000 51%, #000 100%);
	background: -webkit-linear-gradient(top, #313132 0%, #242425 50%, #000 51%, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #313132), color-stop(0.5, #242425), color-stop(0.51, #000), color-stop(1, #000));
	background: linear-gradient(top, #313132 0%, #242425 50%, #000 51%, #000 100%);
	color:#b69ac4;
}

header{ width:auto;}

/*link all'area riservata del sito novafoods.com*/
header section{
	margin:70px auto 0 auto;
	width:auto;
}

/* imposto link d'invio all'area riservata*/

header section a {
	color:#272628;
	font-size:10px;
	margin:0 3px 0 0;
	padding:4px 8px;
	border:0;
	background: -ms-linear-gradient(top, #FFFFFF 0%, #a3a2a2 100%);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #a3a2a2 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #a3a2a2 100%);
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #a3a2a2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #a3a2a2));
	background: linear-gradient(to bottom, #FFFFFF 0%, #a3a2a2 100%);
	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
 	border-radius: 10px;
	float:right;
		
}

header section a:hover{
	border:#666 solid 1px;
	color:#414042;
	background: -ms-linear-gradient(top, #FFFFFF 0%, #c1c1c1 100%);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #c1c1c1 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #c1c1c1 100%);
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #c1c1c1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #c1c1c1));
	background: linear-gradient(to bottom, #FFFFFF 0%, #c1c1c1 100%);
}


/* resettare le impostazione di webkit x il submit*/
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}
input[type=search] {
  -webkit-appearance:textfield;
  -webkit-box-sizing:content-box;
}


/* imposto input e il botton d'invio submit della ricerca nella sezione header*/
header section form {
 	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: -ms-linear-gradient(top, #FFFFFF 0%, #a3a2a2 100%);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #a3a2a2 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #a3a2a2 100%);
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #a3a2a2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #a3a2a2));
	background: linear-gradient(to bottom, #FFFFFF 0%, #a3a2a2 100%);
	width: auto;
	padding: 0 15px;
	float:right;
	margin:0 30px 3px 0;	
}	

header section form input{
	background:none;
	border:none;
	box-sizing: border-box;
	color:#272628;
}

header section #submit{
	outline: none;
 	cursor: pointer;
 	width: 20px;
 	height: 20px;
	background: url(../images/icon_lente.png) no-repeat center;
	text-indent: -10957px;
	
}

/*menù di navigazione principale*/

header nav{
	background: rgba(164, 129, 181, 0.8);
	height:99px;
	width:100%;
	vertical-align:middle;
	margin:0 0 40px 0;
	clear:both;
}

header nav .menuNavigazione{
	margin: 0 auto;
	max-width:768px;
	width:100%;
}
header nav .menuNavigazione li{
	display: inline;
	white-space:nowrap;
	padding:3.4em 1.9em;
	float:left;
}

header nav .menuNavigazione li a{
	font-size:12px;
	color:#FFF;
	width:auto;
	margin:auto;
}

header nav .menuNavigazione li a:hover, header nav .menuNavigazione li a:focus, header nav .menuNavigazione li a:active{
	border-bottom:0.4em solid #765984;
	color:#765984;
	padding-bottom:3.1em;
	font-weight:600;
}


#Ok_Passion{
	height:auto;
	width:auto;
	padding:0;
}

#Ok_Passion a{
	display:block;
	height:131px;
	width:276px;
	background:url(../images/logo_big.png) center 0 no-repeat;
	text-indent:-500em;
	border:0;
	margin:0;
	padding:0;
}

#Ok_Passion a:hover, #Ok_Passion a:focus, #Ok_Passion a:active{
	background-position:0 -131px;	
}

/*menu lingue a comparsa*/
	#langmenu{
		z-index:1;
		position: absolute;
		width: auto;
		padding:0 3px;
		text-align:center;
		left:30px;
		top:0;
		background: rgba(164,129,181,0.8);
		-webkit-border-radius: 0 0 5px 5px;
  		-moz-border-radius: 0 0 5px 5px;
 		border-radius: 0 0 5px 5px;
		box-shadow: 0 -1px -2px rgba(0,0,0,0.8);
		-webkit-box-shadow: 0 -1px -2px rgba(0,0,0,0.8);
		-moz-box-shadow: 0 -1px -2px rgba(0,0,0,0.8);
		-o-box-shadow: 0 -1px -2px rgba(0,0,0,0.8);
	}
	
	#langmenu li a{
		display:block;
		color:#FFF;
		width:auto;
	}
	
	#langmenu li ul{
		display: none;	
	}
	
	#langmenu li:hover ul{
		display: block;
	}
	
	#langmenu li li a:hover{
		color: #765984;
		font-weight:600;
	}

/*fine lingue*/


/*div contenuti variabili*/
#content{ width: auto; margin:0 auto 20px auto; clear:both;}


	
/*sezione con link a pagina di spiegazione del nuovo pack*/	
.box_nuovo-pack, .box_nuovo-pack-gatto{
	margin:20px 20px 30px 20px;}
/*fine sezione con link a pagina di spiegazione del nuovo pack*/

/*regole per link img e text delle pagine novità */
.link-news{margin:20px auto; width:100%; text-align:center;}
.text_news{font-size:14px; line-height:18px;}
/*fine regole per link img e text delle pagine novità */

/*box con link a linea specifica del prodotto*/	
.link_liste_prodotti{float:left; margin:0 auto 20px auto; padding:0 30px 0 30px; width:24%;}
.link_liste_prodotti h1{ font-size:14px; font-weight:400; line-height:24px;}
.link_liste_prodotti ul{ line-height:18px;}
.link_liste_prodotti ul li a:hover{ color:#6c6b6c;}

/*fine box con link a linea specifica del prodotto*/

/* box menu prodotti all'interno della pag. prodotto*/
.menu_prod{
	border:0;
	margin:0 10px 0 10px;
	padding:0;
	width:18%;
	background:#b69ac4;
	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
 	border-radius: 5px;}
.menu_prod h1{ padding:10px;  color:#f5f4f6;}
.menu_prod li:hover{ background:#FFF; padding:10px;}
.menu_prod a{color:#f5f4f6;}



/*regole per box qualità garantita Nova foods - pagina di errore*/	

.garanzia{
	margin:0 auto;
	padding: 0 20px;
}
.garanzia ul li{ display:list-item; list-style:disc;}
.garanzia h1, .garanzia h2{ padding: 20px 0 5px 0; font-size:30px; color:#cbb2d6;}
.garanzia h2{font-size:24px;}
	
.garanzia a{
	color:#b69ac4;
	font-weight:600;
}
.garanzia a:hover{
	color:#6c6b6c;
}

/* fine regole per box qualità garantita Nova foods - pagina di errore*/

/* form contatti*/

form[id=contatti]{
	line-height:18px;
}

form[id=contatti] label{ color:#cbb2d6; font-size:18px; font-weight:600;}
form[id=contatti] input, form[id=contatti] textarea {
	margin:5px;
	padding:4px;
	border: #cbb2d6 solid 1px;
	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
 	border-radius: 5px;
	display:block;
	}
	
form[id=contatti] input[type=submit]{
	background: #cbb2d6;
	color:#b69ac4;
}

form[id=contatti] input[type=submit]:hover{
	background: #b69ac4;
	color:#cbb2d6;
	}
	
/* fine form contatti*/
	
/* CSS delle schede del singolo prodotto */
.schede_prodotto{ float:left; width:350px; margin-bottom:40px;}
.img_prodotto{ float:left; padding:0 5px 0 0;}

#tabs{
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li{
  float: left;
  margin: 0 .5em 0 0 ;
}

#tabs a{
  position: relative;
  background: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(top, #fff, #ddd);
  background-image: -moz-linear-gradient(top, #fff, #ddd);
  background-image: -ms-linear-gradient(top, #fff, #ddd);
  background-image: -o-linear-gradient(top, #fff, #ddd);
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  padding: .7em 1.5em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
  background: #f5f4f6;
}

#tabs a:focus{
  outline: 0;
  
}

#tabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(top, #fff, #ddd);
  background-image: -moz-linear-gradient(top, #fff, #ddd);
  background-image: -ms-linear-gradient(top, #fff, #ddd);
  background-image: -o-linear-gradient(top, #fff, #ddd);
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.2);
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2);
  box-shadow: 2px 2px 2px rgba(0,0,0,.2);
  -webkit-transform: skew(10deg);
  -moz-transform: skew(10deg);
  -ms-transform: skew(10deg);
  -o-transform: skew(10deg);
  transform: skew(10deg);
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;  
}

#tabs #current a,
#tabs #current a::after{
  background: #f5f4f6;
  z-index: 3;
}

/* ------------------------------------------------- */

#textpag
{
    background: #f5f4f6;
    padding: 2em;
	position: relative;
	z-index: 2;	
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    -moz-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}

#textpag h2, #textpag h3, #textpag p
{
    margin: 0 0 15px 0;
}

#textpag h2, #textpag h3{ color:#b69ac4; font-size:18px;}

/*regole per tabelle razionali prodotti*/
table{ margin:0; padding:0;	}
td{ text-align: center; padding: 4px;}
hr{border: solid 1px #b69ac4; margin:0;}
table .bg_white{ background:#b69ac4; color:#FFF;}
table h4{ font-size:12px; color:#b69ac4;}


/*regole per tabella distributori*/
#distributori{ width:100%; line-height:18px;}
#distributori h2{ color:#b69ac4; font-size:18px; background: #FFF; }
#distributori .bgvioletta {
	background: #cbb2d6;
}

/*footer*/

footer{
	border-top: #646464 solid 4px;
	background-color:#414042;
	background: -ms-linear-gradient(top, #1d1d1e 20%, #414042 100%);
	background: -moz-linear-gradient(top, #1d1d1e 20%, #414042 100%);
	background: -o-linear-gradient(top, #1d1d1e 20%, #414042 100%);
	background: -webkit-linear-gradient(top, #1d1d1e 20%, #414042 100%);
	background: linear-gradient(top bottom, #1d1d1e 20%, #414042 100%);
	clear:both;

}

footer nav{
	width: auto;
	margin:1em auto;
}

footer nav #okpassion{
	float:left;
	margin: 0 2em 0 2em;
}

footer nav #okpassion a{
	display:block;
	background: url(../images/logo_small.png) bottom center no-repeat;
	height:60px;
	width:159px;
	text-indent:-500em;
}
footer nav #okpassion a:hover{
	background-position: top center;
	
}


footer nav ul{
	color:#FFF;
	float:left;
	margin: 0 1em;
	font-size:14px;
	line-height:2em;
}

li {
	list-style-type:none;
	line-height:1.8em;
}

footer nav ul a{
	color: #aba8a8;
	padding:0.3em 0.5em;
}

footer nav ul a:hover, footer nav ul a:focus, footer nav ul a:active {
	color: #b69ac4;
}

footer p{
	text-align:center;
	clear:both;
	font-size:10px;
	color:#FFF;
	padding:2em;
}

#counter{display:none;}