html, body {
	height:100%; 
	min-height:100%;
}

body {
	background: #E4DEC9 url(../images/body_bg.gif) repeat-x top left;
	color:#555

;
	/*width: 954px;*/
	font: normal 14px Georgia, serif;
	line-height: 1.1;
	margin: 0;
	padding: 0;
}

.hide{display: none;}

a:link, a:visited {color: #374b1f;}
a img {border:0}

#header, #content,  #fascione {width:940px; overflow: hidden; margin: 0 auto; position: relative; height: auto;}
#header {height:244px;}
#wrapper {overflow: hidden; background:#fff;}
/*#content.home{background:transparent url(../images/bg_natale.png) no-repeat scroll 0 -245px !important;}*/

/*---------------hd----------------*/

#hd { 
height: 244px;
margin: 0;
padding: 0;
position:relative;
background-repeat: no-repeat;
background-position: top left;
background-image: url(../images/header_home.jpg);
}

.hdHome {/*background:transparent url(../images/headercuori.jpg)  !important;*/}
.hdchisiamo,.hdqubisti, .hdqbistas, .hdkyubisuto {background-image: url(../images/header_5.jpg) !important;}
.hdprogetto,  .hdpurojiekuto, .hdproject {background-image: url(../images/header_progetto.jpg) !important;}
.hdprodotti, .hdproducts, .hdshouhinjouhou {background-image: url(../images/header_4.jpg) !important;}
.hddovesiamo, .hdwhere, .hdtenpojouhou{background-image: url(../images/header_2.jpg) !important;}
.hdcontattaci, .hdcontact_us, .hdotoiawase {background-image: url(../images/header_1.jpg) !important;}
.hddegustazione_te{background-image: url(../images/header_deg.jpg) !important;}
.hdspecialenovello, .hdarcipelagomuratori {background-image: url(../images/bg_novello.jpg) !important;}
/*.hdspecialenatale, .hdHome {background-image: url(../images/bg_natale.png) !important;}
.hdnewsletter, .hdwelcome, .hdgrazie {background-image: url(../images/header_6.jpg) !important;}*/
.hdspecialesanvalentino {background:transparent url(../images/headercuori2.png) !important;}
.hdspecialepasqua {background-image: url(../images/header_pasqua.png) !important;}
.hdporcia {background-image: url(../images/hd_porcia.jpg) !important;}

#hd a#logo {display:block; width:176px; height:85px; position:absolute;z-index:9; overflow:visible}
	
	#hd a#logo img {
	margin: 0;
	padding: 0;
	border:0;
	width: 774px;
	height:153px;
	z-index:8;
	position:absolute; top:0; left:0;
	}

#hd a#logoInat {
display:block; position:absolute;
width:150px;
height:153px;
top:0; right:0; z-index:7;}

#hd a#logo:hover, #hd a#logoInat:hover {background: transparent none; text-decoration:none}



/*---------------mn---------------*/

#mn {
position:absolute;
top:0;
left:160px;
background: transparent;
color: #fff;
float: inherit;
margin: 0;
padding: 0;
z-index:10;
width: 750px;
overflow: hidden;
height:47px; 
}


html>body #mn {float: left;}
#mn ul {
color: #fff;
margin: 0 auto;
padding: 0;
width:auto;
height:47px; 
overflow: hidden;
}
#mn li {
list-style: none;
float: left;
height: 27px;
padding: 0;
margin:5px 7px;
}

#mn li a {
display:block;
color: #507639;
float: left;
font-size:16px;
font-family: 'georgia';
text-transform: lowercase;
text-decoration: none;
font-style: italic;
border: 0;
margin: 0 0 0 7px;
text-align:center;
height: 27px;
line-height:27px;
padding: 0 27px 0 0;
background:#fff url(../images/nav_bd_dx.gif) top right no-repeat;
}

#mn li a.fb {

padding: 0;
background: transparent none;
}


#mn li  a span{display: block; height: 27px; float: left; width:12px;  background:transparent url(../images/nav_bt_sx.gif) top left no-repeat;}



#mn li.open {background-color:transparent !important; margin:0 7px; background-image: none !important;}

#mn li.open a {
margin-top:8px;
color:#fff;
border:0;
background:transparent url(../images/nav_here.gif) top right no-repeat  !important;
}
#mn li.open  a span{ background-image:none;}

#mn li a:hover {
border-top: 2px solid #374B1F;
}

#mn li.open a:hover, #mn li.open a:focus {
border:0;
cursor: text;
}

#lang {
position:absolute;
top:4px;
left:898px;
background: transparent;
color: #fff;
float: inherit;
margin: 0;
padding: 0;
z-index:12;
width: 20px;
overflow: hidden;
height:47px; 
}

#linkhome {
display:block;
position:absolute;
top:0px;
left:0px;
background: transparent;
color: #fff;
margin: 0;
padding: 0;
overflow: hidden;
height:210px;
width: 160px; 
text-decoration:none;
font-size:200px; 
line-height: 210px; 

}



.label {text-align: right; overflow: hidden;}
.label a {font-size:14px; display: block; float: right; background:#506D2B url(../images/bt_dx.gif) top right no-repeat; color:#fff !important; width: auto; height:33px; padding: 0 33px 0  0; line-height:33px; text-decoration: none;border-right: 2px solid white; border-bottom: 2px solid white;}
.label a:hover {border:0;border-top: 2px solid white;}
.label a span {display: block; height:33px; float: left; background:#506D2B url(../images/bt_sx.gif) top left no-repeat; width:13px;}





#intro, .intro{list-style: none; margin:20px auto;padding:0; overflow: hidden; height: 298px}

#intro li {display: block; overflow: hidden; padding:0; float: left; height: 100%; width:280px; font: normal 14px georgia; color:#555

; background: transparent url(../images/dot_horizontal.gif) repeat-y 302px 0; padding: 0 50px 0 0; margin: 0;}

#intro li.sez3, #intro li.products {background-image: none; width: 280px; padding-right: 0}

#intro li h2 {font: normal 20px georgia; font-style: italic; color: #415b20; height:60px; padding-left:50px; line-height:1; margin:0;}
#intro li.sez3 a.lancio {display: block; height:295px; width:297px; background:transparent url(../images/banner.gif) top left no-repeat;}
#intro li.sez3 a.lancio:hover {background:transparent url(../images/banner_hover.gif) top left no-repeat;}

#intro li a.lanciovideo, .intro li a.lanciovideo  {display: block; height:100px; width:277px; background:transparent url(../images/video.jpg) top left no-repeat;}
#intro li a.lanciovideo:hover, .intro li a.lanciovideo:hover {background:transparent url(../images/video.jpg) 0  -100px no-repeat;}

.inside h2 {font: normal 20px georgia; font-style: italic; color: #415b20; height:43px; padding-left:50px; line-height:43px; margin:15px 0; background: transparent url(../images/build_up.gif) top left no-repeat;}

	.progetto h2, .chisiamo h2, .purojiekuto h2,  .project h2,  .who h2 {background: transparent url(../images/build_up.gif) top left no-repeat;}
	.contattaci h2, .contact_us h2, .otoiawase h2 {background: transparent url(../images/contattaci_bgh2.gif) top left no-repeat;}
	.newsletter h2, .welcome h2, .grazie h2, .qubisti h2, .qbistas h2, .kyubisuto h2, .sez2 h2  {background: transparent url(../images/network.gif) top left no-repeat;}
	.dovesiamo h2, .where h2, .tenpojouhou h2   {background: transparent url(../images/dove_siamo_bgh2.gif) top left no-repeat;}
	.prodotti h2, .degustazione_te h2, .arcipelagomuratori h2, .products h2, .shouhinjouhou h2{background: transparent url(../images/icona_barattolo.gif) top left no-repeat;}
	.wine h2{background: transparent url(../images/prodotti_bgh2.gif) top left no-repeat;}
	.rassegna h2 {background: transparent url(../images/icona_giornale.gif) top left no-repeat;}
.inside h3 {font-weight: bold; font-family: RockwellEB, 'courier new', courier, monospace; font-size: 22px; text-transform: uppercase; background: transparent url(../images/dot_horizontal.gif) left bottom  repeat-x; color: #415b20; height: auto; padding-bottom:10px;  margin-top: 0 }
.rassegna .text h3 {margin-top:20px}

.minititle{text-transform: uppercase; clear: both; margin-bottom: 15px; font-weight: normal; font-family: 'courier new', courier, monospace; font-size: 13px;}


ul.nodot{list-style: none; margin: 0 0 23px 0 ; padding: 0}
ul.nodot li{list-style: none; margin: 0; padding: 0; clear: both; line-height: 20px}

.muted, .muted h3 {color:#aaaaaa}

/* COLS */

#leftCol{float: left; width:300px; min-height: 208px; overflow: hidden;}
#rightCol{float: left; width:300px; min-height: 400px; height:100%; overflow: hidden; text-align:right; position: relative;}
#rightCol .label {width:225px !important; float: right; margin:32px 0;}
#rightCol .label a {min-width:192px}

#rightCol a.lancio, .newsletterlink {float: right; display: block; height:206px; width:206px; background:transparent url(../images/bg_ml_busta.jpg) bottom left no-repeat; margin-bottom:64px;}
#rightCol a.lancio:hover, .newsletterlink:hover {background:transparent url(../images/bg_ml_busta.jpg) top left no-repeat;}
.rassegnalink{display: block;background:transparent url(../images/rassegna_stampa.png)  left -102px no-repeat;}
.rassegnalink:hover{display: block;background:transparent url(../images/rassegna_stampa.png)  left 0 no-repeat;}
.newlink{display: block;background:transparent url(../images/bg_qb_consiglia.jpg)  left 0px no-repeat;}
.newlink:hover{display: block;background-position: left -100px;}


#rightCol #logocoin {}
#logocoin img {margin-bottom: 0 !important; border: 0;}
#text{float: left; width:340px; overflow: hidden; padding-bottom:30px; line-height:20px;}

#leftCol img, #rightCol img{margin-bottom:64px;}
img.nl{margin-bottom:0 !important;}
#leftCol form img {margin-bottom:0 !important;}


/* FOOTER */
#footer {background: #E5DFC9; width:100%; padding-bottom: 30px;
}

#infoot {
background: #c8c0aa; clear:both; width: 940px; margin: 0 auto;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
border-radius-bottomright:10px;
border-radius-bottomleft:10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;

	-opera-border-radius: 10px;

overflow: hidden;
}

#footer  ul {margin:5px 10px; padding:0; float: left; width: auto;}
#footer  ul li {list-style: none; display: inline; font: normal 10px verdana; line-height:1; margin: 0; padding:0 5px 1px 5px; border-right: 1px dotted #374b1f;}
#footer  ul li.last {border:0;}

#footer #copy {float:right; height: 20px;  margin: 5px 15px; font: normal 10px verdana;line-height:20px;}




.terzi {margin:0; padding:0; float: left; width:280px !important; font: normal 14px georgia; margin: 10px 0 20px 0;}
#text.terzi, #leftCol.terzi {margin-right:50px !important}

#leftCol.terzi li {margin-bottom: 5px;}

.newsletter #rightCol {background: transparent url(../images/bg_newsletter.jpg)  0px 65px no-repeat; padding: 0; text-align:left}
.terzi h3 {font: normal 21px impact; background-image: none;}
.terzi h3 img {margin-bottom: 0 !important;}
.newsletter #rightCol h3 {color: #bc4822}
.newsletter .nodot {margin-left:140px;}
.newsletter form {margin-bottom:30px;}
.newsletter input, .postcard input  {
      font-family: georgia;
      font-size: 12px;
	  font-weight: bold;
	  border: 1px solid #374b1f;
	  padding:5px; width: 268px; height: auto; margin: 0 auto;}
.newsletter input.subscribe {background: #374b1f url(../images/iscrivimi.gif) center top no-repeat; width:108px; height: 34px; color: #fff; font-weight: normal;  border: 0; font-size: 15px; margin: 20px 0; float: right}
.required {color: red;}
#captchaImg {background: transparent url(../images/bg_code.gif) top left no-repeat;  padding: 8px 0 0 10px;
	margin: 20px 0 10px 0; width: 110px; float: left;}
#captchaField {width: 125px; margin-top:22px; float: right}


.contattaci #text h3, .contact_us h3, .otoiawase h3 {margin-bottom:0px !important;}
.contattaci #text p, .contact_us #text p, .otoiawase #text p {margin:0 0 32px 0;}


/* --------JAPANESE VARIATIONS ---------------------------*/
.itsmall{display: block;font-size:11px !important; width: auto !important; line-height: 10px !important;margin-top:2px; white-space: nowrap;}
.jpsmall{display: block; font-size:12px !important; font-style: normal; width: auto !important; line-height: 7px !important;margin-top:2px !important; white-space: nowrap;}

.jp #mn li a {font-style: normal !important; font-size:12px !important; }
.jp #mn li a .itsmall {display: none;}
.jp #mn li.open a {margin-top:6px !important; line-height: 14px !important;}
.jp #mn li.open a .itsmall {display: block;}


.jp #intro li h2 {position: relative; font-size:18px !important; height: 65px !important; line-height:25px !important; margin:0;}
.jp #intro li h2 .jpsmall{/*position: absolute; top: 35px; left: 50px;*/ margin-top: 4px !important;}

.jp .label a {font-size:11px !important; line-height:18px !important; text-align: right;}

.jp .inside h2 {line-height:26px !important;}


.gallery td a img {margin:0 20px 20px 0;  border:0 !important}
.gallery td a:hover img, .gallery td a:active img {width:110px; height:110px; margin:0 10px 10px 0;}

.widegallery td a img {margin:0 20px 20px 0;  border:0 !important}
.widegallery td a:hover img, .widegallery td a:active img {width:210px; height:110px; margin:0 0px 10px 0;}


.wide {width:640px !important;}
.rounded, .rounded img {-moz-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius: 10px;
-opera-border-radius: 10px
}

.left {text-align: left !important;}

a.specialenovello {display: block; height:295px; width:272px; background:transparent url(../images/qb_novello_2.png) top left no-repeat; text-indent: -7485px}
a.specialenovello:hover {background-position: bottom left !important;}









.darkerbg, #fascione .intro,  #fascione ul.intro > li table, #fascione ul.intro > li div, div.toggler {background:#E5DFC9; -moz-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border-radius:10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-opera-border-radius: 10px;
	border:0;
}


#fascione .intro {margin:0; height: 170px; -moz-border-radius-bottomleft:0px;-moz-border-radius-bottomright:0px; 
border-radius-bottomright:0px;
border-radius-bottomleft:0px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;}
#fascione .intro > li {float: left;  width: 280px; margin: 0 25px 0 0;  height: 170px;}
#fascione .intro > li:first-child {margin-left: 25px}
#fascione ul.intro > li table, #fascione ul.intro > li div { background: #fff !important; height: 100px; width: 280px; margin: auto}
#fascione h2 {font: normal 20px georgia; font-style: italic; color: #415b20; margin: 16px 0 5px 0}
#fascione .intro > li table {}

h4 {margin-top: 0; margin-bottom: 10px}
table.features {width:630px}
table.features .darkerbg h4{margin-top:10px}
.features p, .features h4, .features h3 {padding: 0 10px;}


.roundedborder{ -moz-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border-radius:10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;

	-opera-border-radius: 10px;
	border:2px solid #C8C0AA;
}




a.highslide img {background: #E5DFC9; border:0}
#accordion .element {visibility: hidden;line-height:1.3}
#accordion h4.toggler {cursor: pointer;}
.darkerbg h4 img{margin:10px 10px 0 10px}




/*micropostcard*/
#main {
    margin: auto;
	border: 1px solid #cccccc;
	width: 800px;
	background: #F1F3F5;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 12px;
}

.postcard form {
	border: 1px solid #cccccc;
	width: 640px;
	background: #E9ECEF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 12px;
    padding:5px;
    margin-bottom:10px;
}

#result {
    margin-left: 100px;
    text-align:center;
    border: 1px solid #cccccc;
    width: 650px;
    background: #E9ECEF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 12px;
    padding:15px;
    margin-bottom:20px;
    margin-top:15px;
}

.text {
	border: 1px solid #cccccc;
}

.postcard input, .postcard textarea {
    border: 1px solid #aaa;
}


#caption{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin:10px;
    font-size : 14px;
    color:#C64934;
}

#icon{
    width:100px;
    height:100px;
    float:left;
    background-image:url(icon.gif);
    background-repeat: no-repeat;
    background-position:center center;
}
#icon2{
    width:80px;
    height:60px;
    float:left;
    background-image:url(icon2.gif);
    background-repeat: no-repeat;
    background-position:center center;
}

#source{
  text-align:right;
  align:right;
  padding-right:10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size : 10px;
  color:#CCCCCC;
}



#wrapper div.specialenatale {background: url(../images/bg_natale.png)  0 -245px no-repeat !important}


a.pdf {padding:3px 25px; display: block; height:20px; background: url(../images/pdf_icon.jpg)  top left no-repeat; text-decoration: none; font-weight: bold}


div.toggler {overflow:none; height:auto; min-height: 50px; margin-bottom:10px; max-width:200px; font-variant: small-caps; line-height:1}
div.toggler:hover { background: #C8C0AA}
div.toggler img {float: left; margin-right:10px}

.specialenatale h3 {background-image: none}

.specialenatale img.toggler {margin-bottom:20px}

.toggler, .toggler_2 {cursor: pointer}




.rassegnaannuale , .rassegna , .archivio{
	margin:0px;
}
.rassegnaannuale h4 a, .rassegna h4 a{
	text-decoration: none;
}
.rassegnaannuale h5 a, .rassegna h5 a{
	text-decoration: none;
}
.rassegnaannuale h2, .rassegna h2 , .archivio h2{
	line-height:1.1;
	font-style:normal;
}
.rassegnaannuale  img , .rassegna img{
	margin:0 5px 0 0;
}

.rassegnaannuale h3, .rassegna h3{
	margin-top:20px;
}

.rassegna a.pdf {background-position: top right}

.rassegnaannuale h4 img , .rassegna h4 img{
	margin:0 5px 0 0;
}
.rassegna h5{
	margin-top:0px; margin-bottom:10px; line-height: 1.2
}
.rassegna .biglink{
	display:block;
	text-decoration:none;
	padding:5px;
overflow: hidden; 
min-height:100px;
}
.rassegna .biglink:hover{
	background-color: #ddd;
	
}
.rassegnaannuale h4 span , .rassegna h4 span{
	text-align:right;
	float:right;
}
.rassegnaannuale #text p, .rassegna #text p{
	/*line-height:1;*/ text-indent:10px;
}
.rassegnaannuale #leftCol img , .rassegna #leftCol img{
	margin-bottom:10px;
}
.rassegnaannuale .dx , .rassegna .dx{
	float:right;
}
.rassegnaannuale .sx , .rassegna .sx{
	float:left;
}

#menumercato {width: 250px; padding:0; list-style:none;  margin: 0 0 10px 0}
#menumercato a {display: block; padding: 5px; font-weight: bold; text-decoration: none;}
#menumercato a:hover {background: #BECCA0}
#menumercato ul {margin-bottom:15px}
#menumercato > ul li {margin: 1px 0}
#menumercato > ul a {padding: 5px;}
#menumercato  li.open a{font-weight: bold; background: #455C2A; color:#fff; cursor: default}
#menumercato  li.parent a{font-weight: bold; background: #E5DFC9;}

table#qbconsiglia td.td3 {height:228px}
table#qbconsiglia td.td3 a {display:block; width:100%; height:100%; margin: 0; padding: 0;text-decoration: none}
table#qbconsiglia td.td3 a:hover {background: #eee}


.rassegna #menumercato > ul  a {font-weight: normal}

.specialenatale #menumercato .open a {color: #E51B24; ; background: transparent;}
.specialenatale h3 {font: bold 16px georgia; color: red; margin:3px 0 0 3px;}
.specialenatale  a.rounded:hover{background:#E5DFC9; display:block;}
h4.toggler_2 {margin:0}
div.element_2 {width:500px; margin-left:100px; font-size:11px; line-height: 1.3;}
div.element_2 p {display:block; float: right; width:290px; }
p.ingredients {display: block; float: left !important; width: 180px !important; margin-right:10px;}

ul.prodotto_dettaglio  {list-style:none; margin: 20px; padding:0;}
.prodotto_dettaglio h4 {clear:both}
.prodotto_dettaglio h5 {margin-top:5px; font-variant: small-caps; color: #A81E22; font-size:14px}
.prodotto_dettaglio li {clear: both;  margin: 0; padding:0; margin-bottom:20px; overflow: hidden}
.prodotto_dettaglio li img {float: left; width:208px; height:150px; margin-right: 20px;}

.dotted {font-weight: bold; border-bottom: 1px dotted #374B1F}

ul.glutine, ul.senza_glutine, ul.preparati {margin: 0; padding:0; clear: left; margin-left:-20px; max-width:700px}


.senza_glutine li, .preparati li, .glutine li   {list-style: none; display: block; float: left; margin: 0  0 10px 10px; padding: 0;}
.glutine li  { padding: 0 10px; width:296px; height: 170px; margin: 0  0 20px 20px; border: 2px solid #E5DFC9; font-size:12px; line-height:1.2 }
.glutine li h5 {font-variant: small-caps; font-size: 15px; color:#E51B24}
.preparati li {width:218px}
.preparati li img {width:208px; height:135px; margin: 0 0 10px 10px; }
.preparati li a:hover img {width:198px; height:125px;  margin: 0 0 20px 20px; }
.senza_glutine {width:450px; margin-right: -20px; height:220px}
.senza_glutine li img {width:90px; height: 90px; margin: 0  0 10px 10px;} 
.senza_glutine li a:hover img {width:100px; height: 100px; margin:0} 

.rotator {position: relative}
.rotos, .roto2 {position: absolute; top: 0; left:0;}