/*
#b1e8b1   chiaro
#6e916e   medio
#2f3d2f   scuro
 */

@font-face {
    font-family: barra_menu;
    src: url(/font/GloriaHallelujah.ttf);
}

@font-face{
	font-family: descrizione;
	src: url(/font/PT_Sans-Web-Regular.ttf);
}

@font-face{
	font-family: tracciabilita;
	src: url(/font/VT323-Regular.ttf);
}

*{margin:0; padding:0} 
body{padding:0ex; min-width:400px}
a{cursor:pointer}
.pagina{font-family: descrizione; font-size:18px; color:#333; background-color:#f7f7ee; overflow:hidden; }

.logo{background-color:black; /* background-image:url(/images/sfondi/tramonto_alpi.jpg); background-repeat:no-repeat; 
			background-position: right top;	background-size:100% 180px;*/ }
.logo img{width:100%;  }

.menu{text-align:center; background-color:#2f3d2f; font-family:barra_menu; font-size:18px}
.menu a{text-decoration:none; white-space: nowrap; line-height:60px; display:inline-block; width:200px; height:60px; background-color:#2f3d2f;  border: 1px solid #2f3d2f;}
.menu :hover{background-color:#6e916e;}
.menu a:link, .menu a:visited, .menu a:hover, .menu a:active{color:white} 

h2.side{text-align:left; font-size:28px; color:#2f3d2f; font-variant: small-caps;}
h3.side{text-align:left; font-size:22px; color:#2f3d2f; font-variant: small-caps;}
h4.side{display:inline-block; width:100%; padding: 1ex; box-sizing: border-box; background-color:#2f3d2f; color:white; margin: 1ex 0; font-variant: small-caps;}

.testo{background-color:inherit; position:relative; padding:1ex;}
.testo a{color:#6F6020; text-decoration:none; font-weight:bold; }
.testo a:hover{color:#3E3514; }


.sinistro{float:left; text-align:center;  min-height:20ex; min-width:400px; width:80%; background-color:inherit;  box-sizing: border-box; margin:0;}
.destro{float:right;  width:20%; min-width:100px; min-height:20ex;  background-color:inherit; letter-spacing:0; word-spacing:0;  box-sizing: border-box; margin:0; font-family: descrizione; font-size:13px }
.destro img{display:block; margin:1ex auto;}
.destro ul{list-style:none}
.destro h4{margin-top:4ex;}

.quadrato{display:inline-block; width:250px; height:500px; margin:1ex; cursor:pointer; background-color:transparent; vertical-align: top;  
letter-spacing:1px; word-spacing:2px; line-height:1.5;}
.quadrato h4{background-color:transparent; color:#2f3d2f}
.quadrato p{font-size:16px; text-align:justify; padding:4px}
.quadrato a{}
.quadrato img{width:100%; height:180px; }


.fondo{float:left;  width:100%; box-sizing: border-box; background-color:#2f3d2f; color:white; font-size:smaller; text-align:center; padding:2em}

.chisiamo{}
.chisiamo h2{width:600px; margin:1ex auto}
.chisiamo p{width:600px; text-align:justify; margin:0 auto;}
.chisiamo p img{width:100%; height:100px;}
.chisiamo p span{text-align:center; display:inline-block; width:100%; background-color:#2f3d2f; color:white; margin:1ex 0 0 0 ;}
.chisiamo p span a{color:white; font-weight:bold}

.cinquanta{position:relative; display:inline-block; margin:0; padding:0; width:48%; min-height:90px; vertical-align:middle;}
.cinquanta img{width:100%}

table.t2x2{width:100%; margin-top:3ex; }
table.t2x2 td{width:50%;vertical-align: top; padding:2ex}
table.t2x2 td img{width:100%; }

table.t2x2 td span{font-style:italic }

.prodotto{display:inline-block; width:300px; margin:1ex 2ex; box-sizing:border-box; cursor:pointer; background-color:white; vertical-align:top;
	border-style:solid; border-width:1px 1px 0px;  border-left-color:#ededed; border-right-color:#f2f2f2;
	border-top-left-radius:12px; border-top-right-radius:12px; border-top-color:#c8c8c8;
	height:400px; padding:0;	 position:relative; text-align:center}
.contenitore_prodotto_sopra{width:100%; padding:0; margin:0; position:relative}
.contenitore_prodotto_sotto{width:100%; min-height:72px; padding:0; margin:0; background-color:#eee; }
.prodotto h3{width:100%; margin:0px auto; padding:1ex 0 2em 0; font:18px/1.2 Arial; text-align:inherit; min-height:3em; }
.prodotto h3 span{font: 14px/1.5 Arial}
.prodotto img{max-width:80%; height:200px; border-style:none; margin:1ex auto }
.prodotto p{font-size:12px; line-height:1.5; text-align:justify; padding:3px; text-align:inherit; }
.prodotto hr{ border: 1px; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
.prezzo_prodotto{ margin:0; padding:0; font-weight:bold; font-size:1.3em; }
.peso_prodotto{position:absolute; bottom:5px; left:5px}
.tempo_cottura_prodotto{position:absolute; bottom:5px; right:5px; font-size:0.9em}

.pagina_prodotto{position:relative; width:100%; padding:0; margin:0}
.contenitore_sopra{box-sizing:border-box; width:100%;  }
.contenitore_sopra img{box-sizing:border-box; width:45%; padding:10% 10% 4% 10%; vertical-align:top; }
.contenitore_sopra div{display:inline-block; padding-top:10%; box-sizing:border-box; width:50%; text-align:left;  }
.contenitore_sopra h2{ border-bottom:9px double #CFCFA5; }
.contenitore_sopra h3{font-size:1.3em; margin-top:2em;}
.contenitore_sopra ul{list-style-type:none;  }
.contenitore_sotto{}
.prodotto_sx_descrizione{display:inline-block; box-sizing:border-box; vertical-align:top; width:30%}
.prodotto_sx_descrizione p{border-bottom:1px solid #CFCFA5; line-height:2.8; cursor:pointer;}
.prodotto_dx_descrizione{display:inline-block; box-sizing:border-box; vertical-align:top; width:65%; border:1px solid #CFCFA5; padding:2em}
.prodotto_dx_descrizione p{text-align:left; margin:4px; font-family:descrizione; font-size:14px; line-height:1.6; padding:1ex 0}

.traccia{}
.traccia ul{font-family: tracciabilita; font-size:21px; font-weight:600; list-style-type: none;}
.traccia li{text-align:left; }
.traccia li span{display:inline-block; vertical-align:top; font-weight:400}

#form_contatti{text-align:left}
#form_contatti input{border:1px solid black; width:70ex; margin-bottom:2em;}
#form_contatti textarea{border:1px solid black; width:70ex; margin-bottom:2em;}

div#gmaps-canvas { width:640px; height:480px;} /* 640*480 */
div#gmaps-canvas-T { width:580px; height:400px;} 

.bt_indietro{display:block; margin:1ex} /* usato in chisiamo*/

.gallery{display:flex; flex-wrap:wrap; width:100%; box-sizing:border:box;}
.gallery a{border: 1px solid navy; display:block; box-sizing:border-box; width:330px; margin:10px;}
.gallery img{width:100%}
.gallery p{text-align:center; color:black; font-style:italic; padding:1ex; font-size:12px}

.elenco_tracciabilita li{margin:8px 0}