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

body {
	margin:0;
	padding:0;
	font-family: 'Lato', sans-serif;
	overflow-x:hidden;
}

a {color:#000; text-decoration:none}
a:hover {color:#D83120;}
b, strong {
	font-family: 'Lato', sans-serif;
	font-weight:700;
}

h1, h2, h3 {
font-family: 'chunkfiveroman';
font-weight:normal;
}
h3.chunk {
font-family: 'chunkfiveroman';
font-weight:normal;
}
p.maxtext {font-size:1.56rem}

p.subtpr {color:#FFF; background:#B3CA30; padding-left:1.2rem !important; margin:0 !important}
h2.ricetta {font-size:1.2em; color:#D83120}


.totalwrap {
	width:100%;
}

#home {
	height:500px;
	background:url(../images/topHome.jpg) top center no-repeat;
}
#social a {
	color:#666; margin:0 0.179rem;
}
#social a:hover {
	color:#D83120;
}
#langbar {
	font-weight:300;
	color:#666;
	font-size:1.1em;
	margin-top:0.789rem;
	background:rgba(255,255,255,0.8);
	max-width:200px;
	padding:5px;
	float:right;
}
#langbar a {
	margin:0.258rem 0.15rem;
}
#langbar a:hover {
	color:#D83120;
}
#topMenu {
	margin-top:1.987rem;
	margin-bottom:0.65rem;
	text-align:center;
}
#topMenu a {
	background:#6D8D3F;
	color:#FFF;
	margin:0.35rem;
	padding:0.158rem 0.76rem;
	font-family: 'chunkfiveroman';
}
#topMenu a:hover {
	background:#D83120;
}

#box {
	background:rgba(255,255,255,0.85);
	padding:1.25rem;
	text-align:left;
	position:absolute;
	top:2.895rem;
	left:50%;
	margin-left:-600px;
}

#bottom {
	background:#77674D;
	color:#FFF;
	/*padding-top:0.856rem;*/
}
#bottom p {
	color:#FFF;
	font-weight:300;
	font-size:0.9em;
	line-height:1.2rem;
	margin-bottom:0.856rem;
}
#bottom a {color:#FFF}

#showmenu a {
	display:block;
	border-bottom:1px solid #666;
	padding:0.58rem;
}


.clear {clear:both}
.chunk {font-family: 'chunkfiveroman';}
.spacer {margin-top:1.25rem !important; margin-bottom:1.25rem !important}
img.maximage {width:100%}
.relative {position:relative}
.green {color:#6D8D3F}
.orange {color:#EA7926}
.gray {color:#333}
.acidred {color:#D83120}
.violet {color:#B297AD}
.black {color:#000}
.white {color:#FFF}
.bordered {border:1px solid #ccc}
.grande {width:58% !important; margin:1% !important; padding:0.25rem 1.25rem; min-height:290px}
.picco {width:38% !important; margin:1% !important; padding:0.25rem 1.25rem; min-height:290px}
.medie {width:48% !important; margin:1% !important; padding:0.25rem 1.25rem;}


#show {display:none}
#hide {display:none}


@media only screen and (max-width: 1024px) {
#topMenu a {
	margin:0.25rem;
	padding:0.058rem 0.56rem;
	font-size:0.9em;
}
#box {
	position:absolute;
	top:0;
	left:0;
	margin-left:0;
}
}


@media only screen and (max-width: 800px) {
#show {display:block}
#hide {display:block}
#topMenu {display:none}
.nosmart {display:none}
}


@media only screen and (max-width: 767px) {
#show {display:block}
#hide {display:block}
#topMenu {display:none}
.nosmart {display:none}
.eng{ height:200px; background:url(http://distasi.it/eng/tohomeMob.jpg) !important;}
#home { height:200px; background:url(../images/topHomeMob.jpg);}
#imgb{ padding-top:10px !important}
.totalwrap { background:none !important }


@media only screen and (max-width: 640px) {
.grande {width:98% !important; margin:1% !important; padding:0.25rem 1.25rem}
.picco {width:98% !important; margin:1% !important; padding:0.25rem 1.25rem}
.medie {width:98% !important; margin:1% !important; padding:0.25rem 1.25rem}
#box{ position:static}
}