/* Nome Cliente 	Pastificio Nardi */
/* Creato:			08/06/2009 */
/* Autore:			simone@evoluzionetelematica.it */

/* Ultima Modifica:	gg/mm/aaaa	Autore: Nome Cognome */

@import url("reset.css");

/****************************  GENERALI ***************************************/

html {width:100%; height:100%; background:#987143 url('../img/bg.gif') 0 0 repeat-x fixed; overflow:hidden;}

body {
	position:relative;
	width:100%;
	height:100%;
	font:100%/1.5em Arial, Verdana, Helvetica, sans-serif;
	color:#2a1b0c;}
#home #contenuti {margin:0 0 0 300px;}
#noFoto #contenuti h1 {padding-top:80px;}

a {color:#2a1b0c;}
a:link {color:#2a1b0c;}
a:visited {color:#2a1b0c;}
a:hover {color:#ff5d07;}
a:active {color:#2a1b0c;}

h1, h2, h3, h4, h5, h6 {width:450px; font-family:Georgia, "Times New Roman", Times, serif; color:#ff5d07;}
h1 {margin:0 35px 20px 15px; line-height:1.25; font-size:2.250em; letter-spacing:-.05em}
h2 {margin:0 35px 0 15px;}
h3 {margin:0 35px 0 15px; font-size:.75em; color:#2a1b0c;}
h3.indirizzo {margin:0px 35px 30px 15px; line-height:1.375; font-size:.75em; color:#2a1b0c;}
h4 {}
h5 {}
h6 {}
/*
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#003366}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {color:#003366}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color:#003366}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#333; text-decoration:underline;}
*/

p {width:450px; margin:0 0 0 0; padding:0 35px 20px 15px; line-height:1.5; font-size:.75em;}

img {background:url('../img/loader.gif') center center no-repeat;}

#menu {position:fixed; top:0; left:0; width:300px; height:100%; border-right:1px solid #ff5d07; background:#6b3d14 url('../img/menu-bg.jpg') 0 0 no-repeat; font-family:Georgia, "Times New Roman", Times, serif; color:#FFF;}
#menu li {position:relative; margin:10px 0 10px 85px; line-height:1em; list-style-position:outside; list-style-type:disc;}
#menu li a {color:#FFF; text-decoration:none;}
#menu li a:hover {color:#ff5d07}
#menu li.attivo a {color:#ff5d07}

#menu #mn0 {margin:50px 0 80px 50px; width:200px; height:84px; overflow:hidden; text-indent:-999px; list-style-type:none; background:url('../img/logo.gif') 0 0 no-repeat} /* logo */
#menu #mn1 {} /* pastificio */
#menu #mn2 {} /* gnocchi */
#menu #mn3 {} /* pasta da brodo */
#menu #mn4 {} /* pasta fresca */
#menu #mn5 {} /* pasta ripiena */
#menu #mn6 {} /* contatti */
#menu #mn7 {position:absolute; bottom:0; list-style-type:none} /* extra */
#menu #mn7 #extra {margin:0 0 0 -14px; font-family:Arial, Helvetica, sans-serif; font-size:.689em; color:#ff5d07;} /* extra */
#menu #mn7 #extra li {display:inline; margin:0 5px 0 0;} /* extra */
#menu #mn7 #extra li.tel {display:block; line-height:2em; margin:0 0 -5px 0; font-size:2em; color:#ff5d07; font-family:Georgia, "Times New Roman", Times, serif} /* extra */
#menu #mn7 #extra li.note {} /* extra */
#menu #mn7 #extra li.privacy {} /* extra */
#menu #mn7 #extra li.credits {} /* extra */
#menu #mn7 #extra li.piva{display:block; color:#FFF} /* extra */
#menu #mn8 {} /* Private label */
#menu #mn9.banner {display:block; margin:10px 0 0 -10px; list-style-type:none; font-family:Arial, Helvetica, sans-serif; color:#FFF} /* banner */
#menu #mn9.banner a {display:block; width:184px; height:35px; margin:auto; padding:95px 8px 0 8px; text-decoration:none; color:#FFF} /* banner */
#menu #mn9.banner a.assaggi {background:url('../img/banner-assaggi-sx.jpg') 0 0 no-repeat;}
#menu #mn9.banner a.private {background:url('../img/banner-private-label-sx.jpg') 0 0 no-repeat;}
#menu #mn9.banner a strong {display:none;} /* banner */
#menu #mn9.banner a span {display:block; color:#FFF; font-size:.75em} /* banner */


#menu #mn0 a {display:block; width:200px; height:84px; border:0;} /* logo */
#menu #mn1 a {} /* pastificio */
#menu #mn2 a {} /* gnocchi */
#menu #mn3 a {} /* pasta da brodo */
#menu #mn4 a {} /* pasta fresca */
#menu #mn5 a {} /* pasta ripiena */
#menu #mn6 a {} /* contatti */
#menu #mn7 a {} /* extra */

#menu #mn0 a:hover {} /* logo */
#menu #mn1 a:hover {} /* pastificio */
#menu #mn2 a:hover {} /* gnocchi */
#menu #mn3 a:hover {} /* pasta da brodo */
#menu #mn4 a:hover {} /* pasta fresca */
#menu #mn5 a:hover {} /* pasta ripiena */
#menu #mn6 a:hover {} /* contatti */
#menu #mn7 a:hover {} /* extra */

#menu li #submenu {position:absolute; top:0; right:0; width:150px; margin:0 -200px 0 0; padding:0 25px; font-size:.875em; background:url('../img/menu-bullet.gif') 0 0 no-repeat;}
#menu li #submenu li {border:none; margin:3px 0 10px 0; padding:0; list-style-type:none;}
#menu li #submenu li {color:#ff5d07;}
#menu li #submenu li a {color:#FFF}
#menu li #submenu li a:hover {color:#ff5d07}

#contenuti {
	position:relative;
	height:100%;
	margin:0 auto 0 500px;
	padding:0;
	background:url('../img/bg-body.gif') 0 0 repeat-y;
	overflow-y:auto;
	font:100%/1.5em Arial, Verdana, Helvetica, sans-serif;
	color:#2a1b0c;}

#flashContent {width:500px; height:480px; margin:0 0 20px 0; background:url('../img/loader.gif') center center no-repeat;}
#flashContent object, #flashContent embed {margin:0; padding:0;}

.listaSezioni {width:450px; margin:15px 15px 40px 15px;}
.listaSezioni li {float:left; display:inline; width:135px; margin:0 15px 20px 0; line-height:1.5; font-size:.75em;}
.listaSezioni li a {display:block; text-align:center;}
.listaSezioni li a img {display:block; width:135px; margin:0 auto 5px auto}

.dati {width:450px; margin:0 15px 20px 15px; padding:0 0 5px 0; line-height:1.5; font-size:.75em;}
.dati li {}
.dati li a {}
.dati li.pdf {width:200px; height:38px; margin:10px 0; background:url('../img/btn-scheda-prodotto.gif') 0 0 no-repeat}
.dati li.pdf a {display:block; width:200px; line-height:38px; overflow:hidden; text-indent:-999px; background:url('../img/btn-scheda-prodotto.gif') 0 0 no-repeat}
.dati li.pdf a:hover {background:url('../img/btn-scheda-prodotto.gif') 0 -38px no-repeat}

.elenco {width:450px; margin:0 15px 20px 15px; padding:0 0 5px 0; line-height:1.5; font-size:.75em;}
.elenco li {margin:0 0 0 15px; list-style-type:disc; list-style-position:outside;}

#banner {float:left; width:450px; margin:20px 15px 20px 15px;}
#banner .banner {float:left; display:inline; width:200px; height:130px; margin:0 25px 40px 0;}
#banner .assaggi {background:url('../img/banner-assaggi.jpg') 0 0 no-repeat;}
#banner .private {background:url('../img/banner-private-label.jpg') 0 0 no-repeat;}
#banner .contattaci {background:url('../img/banner-contattaci.jpg') 0 0 no-repeat;}
#banner .banner a {display:block; padding:85px 8px 0 8px; color:#FFF; text-decoration:none;}
#banner .banner a strong {display:none;}
#banner .banner a span {display:block; margin:10px 0 0 0; line-height:1; font-size:.75em;}
#banner .last {margin:0;}

.contattaci {display:block; width:184px; height:35px; margin:auto; padding:95px 8px 0 8px; text-decoration:none; color:#FFF;}
.contattaci.assaggi {background:url('../img/banner-assaggi-contatto.jpg') 0 0 no-repeat;}
.contattaci.private {background:url('../img/banner-private-label-contatto.jpg') 0 0 no-repeat;}
.contattaci strong {display:none}
.contattaci span {display:block; line-height:1; color:#FFF}

.credits {width:450px; margin:0 15px 20px 15px; padding:0 0 5px 0; line-height:1.5;}
.credits li {position:relative; height:100px; margin:0 0 25px 0; padding:0 0 0 115px}
.credits li h3 {width:auto; margin:0;}
.credits li span {font-size:.75em;}
.credits li img {position:absolute; top:0; left:0; margin:0}
.credits li a {}

#mappa-sito {width:450px; margin:0 15px 20px 15px; font-size:.75em;}
#mappa-sito li {margin:0 0 0 15px; list-style-type:disc; list-style-position:outside;}
#mappa-sito li ul {margin:0 0 0 20px;}
#mappa-sito li ul li {list-style-type:circle;}

/*
#footer {position:relative; clear:both; width:940px; height:150px; margin:20px auto 0 auto; padding:20px 0 0 0; line-height:1; border-top:1px solid #CCC}
#footer li {float:left; font-size:.75em}
#footer li.extra {width:35%;}
#footer li.indirizzo {width:37%;}
#footer li.fax {width:18%;}
#footer li.tel {width:10%; margin:0;}
#footer li.attivo {}
#footer li strong {display:block; color:#333333}
#footer a {}
#footer a:link {}
#footer a:visited {}
#footer a:hover {}
#footer a:active {}
*/

.cookie-consent {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #444;
	opacity: 0.9;
	color: #fff;
	text-align: center;
	padding:10px;
	z-index: 999999;
}

.cookie-consent__button {
	color: #FFF !important;
	border-radius: 4px;
	display: inline-block;
	padding: 8px 12px;
	background-color: #000;
	text-decoration: none;
}

.cookie-consent__button--close {
	position: absolute;
	right: 12px;
	top: 0;
	margin-top: -24px;
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	line-height: 24px;
	text-align: center;
	border-radius: 4px;
}

.cookie-consent__button:hover {
	background-color: green;
	cursor: pointer;
}

.cookie-consent__link {
	color: #fff !important;
}


.cookie-consent-nocookies
{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: red;
	opacity: 0.9;
	color: #fff;
	text-align: center;
	padding:10px;
	z-index: 999999;
}

/* Codice usato nella pagina privacy per formattare tabella cookie */

.table--cookie { border: 1px solid #ccc; border-collapse: collapse; font-size: 12px; width: 450px; margin-left: 15px; margin-bottom: 20px;}
.table--responsive {}
.table__head {}
.table__body {}
.table__row { border-bottom: 1px solid #ccc; border-collapse: collapse; }
.table__cell { padding:6px 12px; }
.table__cell--head { text-align: left; font-weight: normal; background-color: #000; color: #FFF; }
.table__cell--w15 { width: 15%; }
.table__cell--w25 { width: 20%; }
.table__cell--w25 { width: 25%; }
.table__cell--w25 { width: 40%; }
.table__cell--w45 { width: 45%; }
.table__cell--w45 { width: 60%; }