/* @override 
	http://localhost:8888/gaia/style.css
	http://www.gaia.eu/style.css
	http://gaia.eu/style.css
*/

/* CSS Document */
* {
  margin: 0;
  padding: 0;
  list-style:none;
  outline: none;
}

img {
  border: 0;
}

body {
  color: #000;
  text-align: center;
  background: #fff url(images/body-back.jpg) repeat-x;}

h2 {
	color: #000;
	margin: 20px 0 10px 0;
	font: 1.6em/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h3 {
	color: #000;
	margin: 12px 0 3px 0;
	font: bold 1.2em/1.3em Georgia, "Times New Roman", Times, serif;
}

h4 {
	color: #000;
	margin: 5px 0 3px 0;
	font:  bold 1em/1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h5 {
	color: #000;
	margin: 5px 0 15px 0;
	font: bold .9em/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h6 {
	color: #000;
	margin: 3px 0 8px 0;
	font: bold .9em/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border-bottom: 2px solid #7f7f7f;
	padding-bottom: 3px;
}

p {
	color: #1b1b1b;
	font: .8em/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 7px 0;
}

  
#page {
	margin:0 auto ;
	width: 950px;
	text-align: left;
}


#header {
	width: 950px;
	height: 357px;
	margin: 0 auto;
	color: #eee;
}




#barratop {
	text-align: left;
	padding: 0;
	float: right;
	width: 950px;
	margin: 0;
	height: 13px;
}

h1 {
	color: #000;
	margin: 5px 0 12px 0;
	font: 1.5em/1.3em Georgia, "Times New Roman", Times, serif;
}

#barratop ul{
	list-style-type: none;
	text-align: left;
	padding: 0;
	float: right;
	width: 680px;
	margin: 0;
}





#barratop ul li{
	float: left;
	margin-top: 3px;
	font: 0.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}



#barratop ul li a, #barratop ul li a:link, #barratop ul li a:visited{
	text-decoration: none;
	color: #adadad;
	padding: 0 10px 0px 5px;
}

#barratop ul li a:hover, #barratop ul li a:active{
	text-decoration: none;
	color: #fff;
}

#barratop ul li#selected a{
	color: #fff;
}


#barratop ul#partners {
	float: right;
	width: 220px;
	text-align: right ;
}




div#logo { 
  position: relative; top: 17px;
  margin: 0; padding: 0;
  width: 950px; 
  height: 108px; 
  background: url(images/gaia-logo.jpg) no-repeat center top;
}

* html div#logo { 
  position: relative; top: 1px;

}

div#logo h1, #logo a {
    display: block;
  	width: 950px; 
    height: 108px;
    text-indent: -9999px;
    text-decoration: none;
    margin: 0;
}



/* <<<<<<<<  Navigazione   >>>>>>>> */


.navigazione {
	height: 110px;
	margin: 0 auto;
}

#homepage.navigazione{
	height: 60px;
	margin: 0 auto;
}

ul#navbar {
	list-style-type: none;
	line-height: 10px;
	padding: 0;
	width: 950px;
	height: 40px;
	margin: 0 auto;
	background: url(images/barra-navigazione.gif) no-repeat;
}


ul#navbar li{
	margin-top:	10px;
	float: left;
	font: 0.8em/1.7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding:0 25px 0 15px;
}


ul#navbar li a, ul#navbar li a:link, ul#navbar li a:visited{
	text-decoration: none;
	color: #6e6e6e;


}

ul#navbar li a:hover, ul#navbar li a:active{
	text-decoration: none;
	color: #e20000;

}

ul#navbar li#selected a{
	color: #000;
	font-weight: bold;
	border-bottom: 4px solid #000;
}

ul#navbar img{
	float: left;

}


li#idcontatti {
	margin-left:400px;
}

* html li#idcontatti {
	margin-left:360px;
}

ul#navbar li#selectedcontatti a{
	color: #000;
	font-weight: bold;
	border-bottom: 4px solid #000;
	margin-left:400px;
}

* html ul#navbar li#selectedcontatti a{
	color: #000;
	font-weight: bold;
	border-bottom: 4px solid #000;
	margin-left:360px;
}


ul#navbar li#idricerca {
	margin: 7px 0 0 0;
	padding: 0;
	width: 190px;
}

input#cerca {
	width: 100px;
	margin: 4px 5px;
}



/* <<<<<<<<  Navigazione Prodotti   >>>>>>>> */


ul.sottonav {
	list-style-type: none;
	line-height: 10px;
	padding: 0 10px;
	float: left;
	height: 24px;
	margin: 3px auto 3px auto;
	margin-left: 15px;
}


ul.sottonav li{
	margin-top:	5px;
	float: left;
	font: 0.75em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding:0 10px;
}



ul.sottonav li a, ul.sottonav li a:link, ul.sottonav li a:visited{
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	font-style: normal;
}

ul.sottonav li a:hover, ul.sottonav li a:active{
	text-decoration: none;
	color: #e20000;
}

ul.sottonav li#selected a{
	color: #fff;
	font-weight: bold;
	border-bottom: 5px solid #000;
	padding-bottom: 5px;
}

#navazienda {
	background-color: #5a2500;
}

#navprodotti {
	background-color: #272426;
}


ul.sottonav li#idmaio a:hover, ul.sottonav li#idmaio a:active{
	text-decoration: none;
	color: #fd0;
}

ul.sottonav li#idketch a:hover, ul.sottonav li#idketch a:active{
	text-decoration: none;
	color: #fb0000;
}

ul.sottonav li#idsena a:hover, ul.sottonav li#idsena a:active{
	text-decoration: none;
	color: #e6a200;
}

ul.sottonav li#idpesto a:hover, ul.sottonav li#idpesto a:active{
	text-decoration: none;
	color: #006922;
}

ul.sottonav li#idsughi a:hover, ul.sottonav li#idsughi a:active{
	text-decoration: none;
	color: #ff5d00;
}

ul.sottonav li#idsalse a:hover, ul.sottonav li#idsalse a:active{
	text-decoration: none;
	color: #ff8e00;
}

ul.sottonav li#idpate a:hover, ul.sottonav li#idpate a:active{
	text-decoration: none;
	color: #8b6b38;
}

ul.sottonav li#idcondi a:hover, ul.sottonav li#idcondi a:active{
	text-decoration: none;
	color: #004dae;
}

ul.sottonav li#idtopp a:hover, ul.sottonav li#idtopp a:active{
	text-decoration: none;
	color: #a32a72;
}
ul.sottonav li#idsnack a:hover, ul.sottonav li#idtopp a:active{
	text-decoration: none;
	color: #6ed22b;
}
ul.sottonav li#idconfetture a:hover, ul.sottonav li#idtopp a:active{
	text-decoration: none;
	color: #91152f;
}
ul.sottonav li#idaltri a:hover, ul.sottonav li#idaltri a:active{
	text-decoration: none;
	color: #868c7b;
}



/* <<<<<<<<  SottoNavigazione Prodotti   >>>>>>>> */


#rosso{
color:#E20000;
}


.scomparsa {
	display: none;
}

#sottomenu {
	margin-left: 15px;

}

#sottomenu a{
	font: .7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;

}




.navmaionese a, .navmaionese a:link, .navmaionese a:visited{
	background-color: #fd0;
	color: #3e3e3e;
	padding: 2px 15px 2px 15px;
	position: relative;
	left: 5px
}

.navmaionese a:hover, .navmaionese a:active{
	background-color: #2c2c2c;
	color: #fd0;
	padding: 2px 15px 2px 15px;
	border-bottom: 4px solid #141414;
	
}




.navketchup a, .navketchup a:link, .navketchup a:visited{
	background-color: #fb0000;
	color: #fff;
	padding: 2px 15px 2px 15px;
	position: relative;
	left: 90px;
}

.navketchup a:hover, .navketchup a:active{
	background-color: #2c2c2c;
	color: #fb0000;
	padding: 2px 15px 2px 15px;
	border-bottom: 4px solid #141414;
}



.navsenape a, .navsenape a:link, .navsenape a:visited{
	background-color: #e6a200;
	color: #3e3e3e;
	padding: 2px 15px 2px 15px;
	position: relative;
	left: 170px;
}

.navsenape a:hover, .navsenape a:active{
	background-color: #2c2c2c;
	color: #e6a200;
	padding: 2px 15px 2px 15px;
	border-bottom: 4px solid #141414;
}




.navpesto a, .navpesto a:link, .navpesto a:visited{
	background-color: #006922;
	color: #fff;
	padding: 2px 15px 2px 15px;
	position: relative;
	left: 230px;
}

.navpesto a:hover, .navpesto a:active{
	background-color: #2c2c2c;
	color: #006922;
	padding: 2px 15px 2px 15px;
	border-bottom: 4px solid #141414;
}


.navsughi a, .navsughi a:link, .navsughi a:visited{
	background-color: #ff5d00;
	color: #fff;
	padding: 2px 15px 2px 15px;
	position: relative;
	left: 250px;
}

.navsughi a:hover, .navsughi a:active{
	background-color: #2c2c2c;
	color: #ff5d00;
	padding: 2px 15px 2px 15px;
	border-bottom: 4px solid #141414;
}



.navpate a, .navpate a:link, .navpate a:visited{
	background-color: #8b6b38;
	color: #fff;
	padding: 2px 8px 2px 8px;
	position: relative;
	left: 240px;
}

.navpate a:hover, .navpate a:active{
	background-color: #2c2c2c;
	color: #8b6b38;
	padding: 2px 8px 2px 8px;
	border-bottom: 4px solid #141414;
}




.navcondimenti a, .navcondimenti a:link, .navcondimenti a:visited{
	background-color: #004dae;
	color: #fff;
	padding: 2px 8px 2px 8px;
	position: relative;
	left: 10px;
}

.navcondimenti a:hover, .navcondimenti a:active{
	background-color: #2c2c2c;
	color: #004dae;
	padding: 2px 8px 2px 8px;
	border-bottom: 4px solid #141414;
}

#sdressing {
	margin-left: 770px;

}

.classdressing {
	display: none;
}

.classdressingon {
	display: block;

}



#adressing a, #adressing a:link, #adressing a:visited {
	background-color: #004dae;
	color: #fff;
	padding: 2px 8px 2px 8px;
	width: 130px;
}

#adressing a:hover, #adressing a:active {
	background-color: #2c2c2c;
	color: #004dae;
	padding: 2px 8px 2px 8px;
}





.navtopping a, .navtopping a:link, .navtopping a:visited{
	background-color: #a32a72;
	color: #fff;
	padding: 2px 8px 2px 8px;
	position: relative;
	left: 40px;
}

.navtopping a:hover, .navtopping a:active{
	background-color: #2c2c2c;
	color: #a32a72;
	padding: 2px 8px 2px 8px;
	border-bottom: 4px solid #141414;
}




.navsnack a, .navsnack a:link, .navsnack a:visited{
	background-color: #6ed22b;
	color: #fff;
	padding: 2px 8px 2px 8px;
	position: relative;
	left: 610px;
}

.navsnack a:hover, .navsnack a:active{
	background-color: #2c2c2c;
	color: #6ed22b;
	padding: 2px 8px 2px 8px;
	border-bottom: 4px solid #141414;
}




.navconfetture a, .navconfetture a:link, .navconfetture a:visited{
	background-color: #91152f;
	color: #fff;
	padding: 2px 8px 2px 8px;
	position: relative;
	left: 470px;
}

.navconfetture a:hover, .navconfetture a:active{
	background-color: #2c2c2c;
	color: #91152f;
	padding: 2px 8px 2px 8px;
	border-bottom: 4px solid #141414;
}





.navaltri a, .navaltri a:link, .navaltri a:visited{
	background-color: #868c7b;
	color: #212121;
	padding: 2px 8px 2px 8px;
	position: relative;
	left: 790px;
}

.navaltri a:hover, .navaltri a:active{
	background-color: #2c2c2c;
	color: #868c7b;
	padding: 2px 8px 2px 8px;
	border-bottom: 4px solid #141414;
}


#selezionato {
	background-color: #000;
}


/* <<<<<<<<  Contenuti   >>>>>>>> */

#contenuti {
	margin: 0 10px;
}


#principale {
	float: left;
	width:430px;
	margin: 0 20px 20px 0;
	text-align: left;
}

#principale p{
	text-align: justify;
}


#principale .espo img{
	float: left;
	margin: 0 30px 30px 0;
}

#principale.nocolonnasx{
	width: 640px;
}

#principale.nocolonnasxdx{
	width: 840px;
}
#secondaria {
	float: right;
	width: 500px;
}

#colonnasx {
	width: 210px;
	float: left;
	margin: 10px 10px;
	text-align: left;
}

* html #colonnasx {
	width: 210px;
	margin: 10px 10px;
}
html>body #colonnasx {
	width: 210px;
	float: left;
	margin: 10px 15px;
}

#colonnadx {
	width: 210px;
	float: left;
	margin: 10px 10px;
	text-align: left;
}

* html #colonnadx {
	width: 210px;
	margin: 10px 10px;
}

html>body #colonnadx {
	width: 210px;
	float: left;
	margin: 10px 15px 35px 15px;
}



#colonnasx img{
margin-top: 7px;
}

#colonnadx img {
	float: left;
	margin: 8px 15px 15px 0;
}

#colonnadx p a, #colonnadx p a:link, #colonnadx p a:visited {
	font-weight: bold;
	color: #850000;
	text-decoration: none;
}

#colonnadx p a:hover, #colonnadx p a:Active {
	font-weight: bold;
	color: #f00;
	text-decoration: none;
}


a.continua {
	margin: 0px;
	color: #850000;
	text-decoration: underline;
	font: .8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
}

input {
	float: left;
	margin-right: 5px;
	margin-top: 1px;
}


.loghi {
	width: 210px;
	float: left;
	margin: 5px 15px 0 0;
}

#principale .loghi{
	width: 180px;
	margin-right: 30px;
}


#prodotto {
	width: 430px;
	margin-right: 35px;
}

#principale #prodotto.loghi {
	width: 210px;
	margin-right: 10px;

}


#newsletter {
	width: 190px;
	float: left;
	margin: 0 15px 0 0;
	background-color: #eee;
	padding: 5px 5px 5px 10px;
}

#newsletter h6 {
	font-size: 1.1em;
	color: #850000;
}

#newsletter p {
	font-size: .9em;
	line-height: 1.3em;
}

#newsletter.prodotto a{
	color: #494949;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 1.5em;
}


#newsletter.prodotto input{

	float: left;
}


#banner {
		margin: 0 15px 0 15px;
}

/* <<<<<<<<  AZIENDA   >>>>>>>> */

body#azienda #colonnadx p{
	text-align: justify;
}


/* <<<<<<<<  LOCATION   >>>>>>>> */


#principaleloc {
	width: 930px;
}

#principaleloc img {
	float: left;
	margin: 0 40px 30px 0;
}


/* <<<<<<<<  PRODOTTI   >>>>>>>> */

#productshome h3 a{
	color: #850000;
	text-decoration: none;
}


#colonnasx h3 a , #colonnasx h3 a:link, #colonnasx h3 a:visited {
	color: #850000;
	text-decoration: none;
}

#colonnasx h3 a:hover, #colonnasx h3 a:active {
	text-decoration: none;
	color: #000;
}

#productshome li#idcontatti {
	margin-left:390px;
}

h5.help {
	
	color: #850000;
	font-weight: bold;
	font-size: .6em;
	padding-bottom: 3px;
	margin-bottom: 0;
}

#formati {
	width: 430px;
	padding-top: 10px;
	border-bottom: 1px solid #787679;
	border-top: 1px solid #787679;
	float: left;
	margin-bottom: 15px;
}

#formati span a{
	margin:5px 15px 25px 0 ;
	float: left;
	text-decoration: none;
	font: .8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}

#formati span#bustina a, #formati span#bustina a:link, #formati span#bustina a:visited {
	background: url(images/formati/bustina-monodose.jpg) no-repeat;
	width: 105px;
	height: 165px;
}

#formati span#bustina a:hover, #formati span#bustina a:active {
	background: url(images/formati/bustina-monodose-over.jpg) no-repeat;
}
#formati span#bustina a p {
	margin-top: 165px; 
		text-align: center;
}



#formati span#secchiello a, #formati span#secchiello a:link, #formati span#secchiello a:visited {
	background: url(images/formati/secchiello.jpg) no-repeat;
	width: 135px;
	height: 165px;
}

#formati span#secchiello a:hover, #formati span#secchiello a:active {
	background: url(images/formati/secchiello-over.jpg) no-repeat;
}
#formati span#secchiello a p {
	margin-top: 165px; 
	text-align: center;
}



#formati span#vasovetro a, #formati span#vasovetro a:link, #formati span#vasovetro a:visited {
	background: url(images/formati/vaso-vetro.jpg) no-repeat;
	width: 62px;
	height: 165px;
}

#formati span#vasovetro a:hover, #formati span#vasovetro a:active {
	background: url(images/formati/vaso-vetro-over.jpg) no-repeat;
}
#formati span#vasovetro a p {
	margin-top: 165px; 
	text-align: center;
}



#formati span#tubetto a, #formati span#tubetto a:link, #formati span#tubetto a:visited {
	background: url(images/formati/tubetto.jpg) no-repeat 10px;
	width: 62px;
	height: 165px;
}

#formati span#tubetto a:hover, #formati span#tubetto a:active {
	background: url(images/formati/tubetto-over.jpg) no-repeat 10px;
}
#formati span#tubetto a p {
	margin-top: 165px; 
	text-align: center;
}



#formati span#baginbox a, #formati span#baginbox a:link, #formati span#baginbox a:visited {
	background: url(images/formati/baginbox.jpg) no-repeat;
	width: 105px;
	height: 139px;
}

#formati span#baginbox a:hover, #formati span#baginbox a:active {
	background: url(images/formati/baginbox-over.jpg) no-repeat;
}
#formati span#baginbox a p {
	margin-top: 140px; 
		text-align: center;
}



#formati span#vasoplastica a, #formati span#vasoplastica a:link, #formati span#vasoplastica a:visited {
	background: url(images/formati/vaso-plastica.jpg) no-repeat;
	width: 135px;
	height: 139px;
}

#formati span#vasoplastica a:hover, #formati span#vasoplastica a:active {
	background: url(images/formati/vaso-plastica-over.jpg) no-repeat;
}
#formati span#vasoplastica a p {
	margin-top: 140px; 
	text-align: center;
}



#formati span#flacone a, #formati span#flacone a:link, #formati span#flacone a:visited {
	background: url(images/formati/flacone.jpg) no-repeat;
	width: 62px;
	height: 139px;
}

#formati span#flacone a:hover, #formati span#flacone a:active {
	background: url(images/formati/flacone-over.jpg) no-repeat;
}
#formati span#flacone a p {
	margin-top: 140px; 
	text-align: center;
}



#formati span#bottigliavetro a, #formati span#bottigliavetro a:link, #formati span#bottigliavetro a:visited {
	background: url(images/formati/bottiglia-vetro.jpg) no-repeat 10px;
	width: 62px;
	height: 139px;
}

#formati span#bottigliavetro a:hover, #formati span#bottigliavetro a:active {
	background: url(images/formati/bottiglia-vetro-over.jpg) no-repeat 10px;
}
#formati span#bottigliavetro a p {
	margin-top: 140px;
	text-align: center; 
}




#formati span#bottigliaplastica a, #formati span#bottigliaplastica a:link, #formati span#bottigliaplastica a:visited {
	background: url(images/formati/bottiglia-plastica.jpg) no-repeat;
	width: 105px;
	height: 114px;
}

#formati span#bottigliaplastica a:hover, #formati span#bottigliaplastica a:active {
	background: url(images/formati/bottiglia-plastica-over.jpg) no-repeat;
}
#formati span#bottigliaplastica a p {
	margin-top: 115px;
	text-align: center; 
}


#formati span#latta a, #formati span#latta a:link, #formati span#latta a:visited {
	background: url(images/formati/latta.jpg) no-repeat;
	width: 124px;
	height: 139px;
}

#formati span#latta a:hover, #formati span#latta a:active {
	background: url(images/formati/latta-over.jpg) no-repeat;
}
#formati span#latta a p {
	margin-top: 115px;
	text-align: center; 
}


#formati span#bustasett a, #formati span#bustasett a:link, #formati span#bustasett a:visited {
	background: url(images/formati/busta-70g.jpg) no-repeat;
	width: 70px;
	height: 129px;
}

#formati span#bustasett a:hover, #formati span#bustasett a:active {
	background: url(images/formati/busta-70g-over.jpg) no-repeat;
}
#formati span#bustasett a p {
	margin-top: 115px;
	text-align: center; 
}


#formati span#sacchetto a, #formati span#sacchetto a:link, #formati span#sacchetto a:visited {
	background: url(images/formati/sacchetto.jpg) no-repeat;
	width: 70px;
	height: 139px;
}

#formati span#sacchetto a:hover, #formati span#sacchetto a:active {
	background: url(images/formati/sacchetto-over.jpg) no-repeat;
}
#formati span#sacchetto a p {
	margin-top: 115px;
	text-align: center; 
}








*html #formati span a p {
	margin-top: 150px; 
}





#formati span p{
	margin:0 ;
}

#formati span.ultimo a{
	margin:5px 0 5px 15px ;
}

#formati span.ultimobig a{
	margin:5px 0 5px 5px ;
}


p.small {
	font-size: .7em;
	text-align: center;
}



#espositori {
	background-image: url(images/espositori-back.jpg);
	padding: 0 10px 10px 10px;
	font-size: .9em;
	float: left;
	margin-bottom: 20px;
	text-align: left;
}

#espositori img{
	float: left;
	margin: 0 10px 0 0;
}

#espositori h3, #dispenser h3{
	margin-bottom: 15px;
}

#espositori p a, #espositori p a:link, #espositori p a:visited {
	color: #f00;
	margin:5px 0 0  20px;
	text-decoration: none;
	display: block;
}

#espositori p a:hover, #espositori p a:active {
	text-decoration: underline;
	color: #000;
}




#dispenser {
	background-image: url(images/dispenser-back.jpg);
	padding: 0 10px 10px 10px;
	font-size: .9em;
	float: left;	
	margin-bottom: 30px;
	text-align: left;
}

#dispenser img{
	float: left;
	margin-right: 10px;
}

#dispenser p a, #dispenser p a:link, #dispenser p a:visited {
	color: #f00;
	margin:5px 0 0  20px;
	text-decoration: none;
	display: block;
}

#dispenser p a:hover, #dispenser p a:active {
	text-decoration: underline;
	color: #000;
}





#navcolonna {
	background-color: #f6f6f6;
	border: 1px solid #616161;
	padding: 10px;
	margin-bottom: 30px;
	text-align: left;
}
#navcolonna ul {
	border-top: 2px solid #464646;
	padding: 15px 0 5px 0px;
}
#navcolonna ul li{
	margin: 8px 0;
}

#navcolonna ul li a, #navcolonna ul li a:link, #navcolonna ul li a:visited {
	display: block;
	text-decoration: none;
	color: #3a3a3a;
	font: .8em/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 7px 10px 4px 12px;
	background: transparent url(images/freccia-colonna.gif) no-repeat 0 8px;
	
}

#navcolonna ul li a:hover, #navcolonna ul li a:active{
	display: block;
	color: #d9d9d9;
	padding: 7px 10px 4px 12px;
	background: #282828;
}

#navcolonna ul li#selected a{
	background: #424242 url(images/freccia-bianca.gif) no-repeat 0 9px;

	display: block;
	color: #fff;
	
}


body#listeformati #formati{
	width: 920px;
	margin: 0;
	padding: 0;
}


body#listeformati #formati span a{
	float: none;
	margin: 0;
	padding: 0;
	height: 50px;
}


body#listeformati #formati span{
	float: left;
	margin: 0 15px 30px 15px;
	padding: 4px;
	width: 420px;
}









/* navigazione a destra 

#navcolonna li a, #navcolonna li a:link, #navcolonna li a:visited {
	text-decoration: none;
	color: #3a3a3a;
	font: .8em/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 7px 10px 4px 12px;
	background: transparent url(images/freccia-colonna.gif) no-repeat 0 9px;
	
}

#navcolonna li a:hover, #navcolonna li a:active{
	color: #d9d9d9;
	padding: 7px 10px 4px 12px;
	background: #282828;
}

*/



ul.menudestra li#selezionato a{
	background: #424242 url(images/freccia-bianca.gif) no-repeat 0 8px;
	display: block;
	color: #fff;
}



#download {
	background-color: #fff;
	border: 1px solid #616161;
	padding: 10px 10px 0 10px;
	font-size: .8em;
	float: left;

}

#download span {
	border-top: 2px solid #464646;
	float: left;
	width: 190px;
	padding: 5px 0;
}

#download span a, #download span a:link, #download span a:visited{
	font: .8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	color: #FF0000;
	margin:  0 ;

	padding: 2px 3px 0 0px;
}

#download span a:hover, #download span a:active {
	text-decoration: none;
	background-color: #c30000;
	color: #fff;
}



#download h5{
	padding: 5px 0 0 0;
	margin: 0;
}

#download img a{
	float: left;
}

#download h4 {
	margin-bottom: 15px;
}



/* <<<<<<<<  SCHEDE PRODOTTO   >>>>>>>> */

body#schedaprodotto #navcolonna a {
	text-decoration: none;
	color: #3a3a3a;
	font: .8em/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 7px 10px 4px 12px;
	background: transparent url(images/freccia-colonna.gif) no-repeat 0 9px;
}





/* <<<<<<<<  RICETTE   >>>>>>>> */




body#ricette .navigazione {
	height: 80px;
}

body#ricette #colonnadx a, body#ricette #colonnasx a {
	text-decoration: none;
	color: #3a3a3a;
	font: .75em/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 7px 10px 4px 12px;
	margin-bottom: 10px;
}



body#ricette span {
	margin-bottom: 4px;
	background: transparent url(images/freccia-colonna.gif) no-repeat 0 5px;
	
}

body#ricette #colonnasx p, body#ricette #colonnadx p {
	border-bottom: 2px solid #333;
	padding-bottom: 5px;
}

body#ricette #colonnasx h3, body#ricette #colonnadx h3 {
	color: #850000;
}


/* <<<<<<<<  RICERCA   >>>>>>>> */

body#paginaricerca #contenuti h3 {
	margin: 30px 0 5px 0;
	color: #850000;
}

body#paginaricerca #contenuti p {
	margin-left: 20px;
	font: .8em/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}

body#paginaricerca #contenuti p a, body#paginaricerca #contenuti p a:link, body#paginaricerca #contenuti p a:visited {
	margin-left: 10px;
	text-decoration: none;
	color: #3a3a3a;
	font: 1em/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 7px 10px 4px 12px;
	background: transparent url(images/freccia-colonna.gif) no-repeat 0 11px;
}

body#paginaricerca #contenuti p a:hover, body#paginaricerca #contenuti p a:active {
	color: #f00;
	padding: 7px 10px 4px 12px;
}


/* <<<<<<<<  NEWS   >>>>>>>> */

body#news #colonnadx span a,body#news #colonnadx span a:link, body#news #colonnadx span a:visited {
	text-decoration: none;
	color: #3a3a3a;
	font: 1.2em/1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 4px 10px 4px 12px;
	background: transparent url(images/freccia-colonna.gif) no-repeat 0 9px;	
}

body#news #colonnadx span a:hover, body#news #colonnadx span a:active {
	text-decoration: none;
	color: #3a3a3a;
	padding: 4px 10px 4px 12px;
	
}

body#news #colonnadx span {
	color: #717171;
	font: .8em/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 15px 0;
}



/* <<<<<<<<  CONTATTI   >>>>>>>> */


.tipocontatto {
	margin: 60px 0;
	
}


.tipocontatto table{
	margin: 30px 0;
	font: .8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
}

td.xl24 {
	background-color: #2a2a2a;
	color: #ececec;
	font-weight: bold;
	padding: 3px 5px;
}

td {
	padding: 3px 5px;
	font-size: .8em;
	
}

table tbody tr {
	margin: 2px 0;
	height: 30px;
}
tr.rigascura {
	background-color: #d0cac2;
}

/* <<<<<<<<  Footer   >>>>>>>> */


div#footer {

	padding: 5px 0 0 0;
	margin-top: 25px;
	color: #797979;
	font: .6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #242424;
	text-align: left;
}

#indirizzo {
	width: 950px;
	margin: 0 auto;
	border-bottom: 5px solid #000;
	overflow: Auto;
}



#footersx {
	float: left;
	width: 430px;
	margin: 0 20px 10px 0;
	text-align: left;
	
}

#footerdx {
	float: right;
	text-align: left;
	margin-top: 3.2em;
	width: 470px;
}

#footerdx strong{
	color: #222;
	font-weight: normal;
	font-style: normal;
}


#footer h1 {
	color: #fff;
	margin: 5px 0 2px 0;
	font: 1.1em/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#footer h2 {
	color: #797979;
	margin: 2px 0;
	font: 1em/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}





#footer strong {
	color: #fff;
	font-weight: normal;
	font-style: normal;
}

#footer  a {
	text-decoration: none;
	color: #f00;
}

#footer  a:link, #footer  a:visited {
	
}
#footer  a:hover, #footer  a:active {
	color: #fff;
}





/* <<<<<<<<  Varie   >>>>>>>> */

.clear {
	clear: both;
}





/* <<<<<<<<  NAVIGAZIONE - SALSE   >>>>>>>> */
ul.navsalse {
	margin-left: 200px;
}

a.salsabmaio {display: block;
    width: 146px;
	background-color: #ff8e00;
	text-align: left; 	
	text-decoration: none;
	color: #ffffff;
	font: bold 11px Arial, Helvetica, sans-serif; 
	padding: 2px 10px 2px 10px;
}

a.salsabveget { display: block;
    width: 136px;
	background-color: #ff8e00;
	text-align: left;	text-decoration: none;
	color: #ffffff;
	font: bold 11px Arial, Helvetica, sans-serif; 
	padding: 2px 15px 2px 15px;
}
a.salsaetn { display: block;
    width: 136px;
	background-color: #ff8e00;
	text-align: left;	text-decoration: none;
	color: #ffffff;
	font: bold 11px Arial, Helvetica, sans-serif; 
	padding: 2px 15px 2px 15px;
}

li:hover a.salsabmaio,
li:hover a.salsabveget,
li:hover a.salsaetn {
	background: #333333;
	color: #ff8e00;
}


/* stili menu a tendina */


ul.navsalse li ul {
	display: none;
	position: absolute;
	z-index: 1000;
    top: 16px;
	width: 140px;	
	padding: 0;
	list-style: none;
	background: #333333;

}




ul.navsalse li ul li  { 
	margin: 0;
	padding: 0;
	width: 190px;
} 

ul.navsalse ul li a {
	display: block;
	width: 162px;
	margin: 0;
	padding: 2px 0px 0px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #fff;
	background: #ff8e00; 
	border-bottom: 4px solid #ff8e00;
}

ul.navsalse ul li a:hover {
	color: #ff8e00;
	background-color: #2c2c2c;
	border-bottom: 4px solid #141414;
}


ul.navsalse li {
	position: relative;
	float: left;
	margin: 2px 0px 5px 0px;
	padding: 0;
}




/* ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */
		
ul.navsalse li:hover ul, ul.navsalse li.over ul { display: block; } /* The magic */

/* ul#nav {	margin: 0px 5px 15px 0px; } /* Bara Style */






/* popup pesto e pesto senz'aglio */


body#popup {
	background: url(images/popup-pesto/pesto-back.jpg) repeat-x 0 top;
	text-align: left;
	padding: 20px 40px;
}

#poppesto {
	
}

#sfondovaso {
	background: url(images/popup-pesto/popup-vasopesto.jpg) no-repeat 0 32px;
	width: 600px;
	height: 800px;


}

#sfondovasosenza {
	background: url(images/popup-pesto/popup-vasopestosenza.jpg) no-repeat 0 32px;
	width: 600px;
	height: 800px;


}
.pestobloccodx {
	margin-left:150px;
	
}

.pestobloccodx img{
	margin-top:30px;
	
}


.titolipop {
	margin: 20px 20px 0 0;
	float: left;
}

body#popup h1 {

	font-size: 1.6em;
}

#sfondovaso h3 {

	font-size: 1.1em;

}



#sfondovasosenza h3 {

	margin: 20px 40px 0 0;
	font-size: 1.1em;

}



.tradizionale, .standard, .nostraproduzione {
	width: 170px;
	float: left;
	margin: 10px 25px 0 0;
	font-size: .9em;
}


h5.tradizionale {
	line-height: 1.5em;
	padding: 0 5px;
	background-color: #3ed23e;

}

h5.standard {
	line-height: 1.5em;
	padding: 0 5px;
	background-color: #1ead27;
}

h5.nostraproduzione {
	line-height: 1.5em;
	padding: 0 5px;
	background-color: #008c1b;
}

body#popup p {
	font-size: .8em;
}





