body	{  }

#cookie-bar	{ height:auto!important; }

.header	{ box-shadow:0 0 5px 1px #656565; -webkit-box-shadow:0 0 5px 1px #656565; -moz-box-shadow:0 0 5px 1px #656565 }
	h1.logo	{ margin:0; padding:30px 0 10px 0 }
	
	/*! responsive-nav.js 1.0.24 by @viljamis */
	.nav-collapse ul			{ margin:0; padding:0; width:100%; display:block; list-style:none }
	.nav-collapse li			{ width:100%; display:block; }
	.js .nav-collapse		{ clip:rect(0 0 0 0); max-height:0; position:absolute; display:block; overflow:hidden; zoom:1 }
	.nav-collapse.opened	{ max-height:9999px; }
	.nav-toggle				{ -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; width:50px; height:50px; position:absolute; top:0; right:0; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background:#444 url('../img/hamburger.gif') center center no-repeat; z-index:100 } 
	
	.js .nav-collapse			{ background:#f4efe3; margin:0; padding:0 }
	.js .nav-collapse a			{ color:#554000; padding:13px 20px 14px 20px; display:block; border-bottom:solid 1px #FFF; font-size:16px; text-transform:uppercase }
	.js .nav-collapse a:hover	{ text-decoration:none; background:#554000; color:#FFF }
	
	ul.lang-top			{ padding:0 0 20px 0; margin:0; text-align:center }
	ul.lang-top li			{ display:inline-block; width:auto; font-size:12px }
	ul.lang-top li a		{ display:inline-block; color:#959595; padding:0 20px 10px 5px; margin-left:10px }
	ul.lang-top li a:hover	{ text-decoration:none; color:#000 }
	ul.lang-top li.it		{ background:transparent url('../img/ico-it.gif') center bottom no-repeat }
	ul.lang-top li.en		{ background:transparent url('../img/ico-en.gif') center bottom no-repeat }
	ul.lang-top li.fr		{ background:transparent url('../img/ico-fr.gif') center bottom no-repeat }
	
	/* --- SLIDER HOME --- */
	.slider-home ul	{ margin:0; padding:0; z-index:500; position:relative }
	.slider-home li	{ text-align:center }
	.slider-home img	{ margin:0 auto; height:auto }
	.slider-home .bx-wrapper .bx-viewport	{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; left:0; background:transparent; position:absolute; z-index:-1 }
	
	/* --- CONTENT HOME --- */
	div.box-benvenuto		{ padding:40px 0 50px 0; margin-bottom:10px; background: rgba(255, 251, 239, 0.9); }
	div.box-benvenuto p.lead	{ font-size:24px; line-height:30px; color:#a0740e }
	div.box-benvenuto p		{ font-size:18px; line-height:24px }
	
	div.box-news						{ background:#efe0b8 }
	div.box-news .col-md-4			{ padding:20px 20px 40px 20px; text-align:center; padding-top:20px; font-size:18px; line-height:21px; border-bottom:solid 1px #FFF }
	div.box-news .col-md-4:hover		{ background:#d1c4a1 }
	div.box-news .col-md-4:hover a	{ color:#000 }
	div.box-news .col-md-4 img		{ border:solid 5px #FFF; margin:0 auto }
	div.box-news .col-md-4 a			{ color:#ac914f }
	div.box-news .col-md-4 a strong		{ font-weight:300; color:#352d18; font-size:24px; line-height:24px; display:inline-block; padding-top:20px; padding-bottom:5px }
	div.box-news .col-md-4 a:hover	{ text-decoration:none }
	
	/* --- CONTENT SUB --- */
	.breadcrumb.percorso	{ margin-top:10px; background:transparent; border-bottom:solid 1px #e1e1e1 }
	.breadcrumb.percorso a	{ color:#000 }
	
	.content-sub,
	.gallery-page		{ padding-bottom:50px }
	.content-sub h1		{ margin-bottom:20px; color:#66604f; text-transform:uppercase }
	.content-sub p		{ font-size:16px; line-height:26px }
	.content-sub p.lead	{ font-size:22px; line-height:30px }
	
	.box-ricette		{ background:#FFF; padding-top:20px }
	.box-ricette  img	{ margin:0 auto }
	
	.archivio-bacheca a	{ color:#66604f }
	.archivio-bacheca dt	{ padding-top:10px }
	.archivio-bacheca dd	{ padding-bottom:10px; border-bottom:solid 1px #e1e1e1; }
	
	/* --- FOOTER --- */
	.footer		{ text-align:center; font-size:14px; line-height:24px; color:#000; padding:50px 0 80px 0 }
	.footer a	{ color:#000; }

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px)	{
	h1.logo	{ padding:30px 0 20px 0 }
	
	.js .nav-collapse			{ position:relative; }
	.js .nav-collapse.closed	{ max-height:none; }
	.nav-toggle				{ display:none; }
	
	ul.menu-top			{ padding:0; margin:0; float:left }
	ul.menu-top li			{ display:block; float:left; width:auto; font-size:14px; text-transform:uppercase }
	ul.menu-top li a		{ display:block; float:left; color:#554000; padding:10px 20px }
	ul.menu-top li a:hover,
	ul.menu-top li a.active	{ text-decoration:none; background:#f4efe3 }
	
	ul.lang-top			{ padding-bottom:0; float:right }
	ul.lang-top li			{ display:block; float:left }
	ul.lang-top li a		{ display:block; float:left; padding-top:10px }
	ul.lang-top li.it		{ background-position:center right }
	ul.lang-top li.en		{ background-position:center right }
	ul.lang-top li.fr		{ background-position:center right }
	
	.content-home	{ margin-top:-100px }
		div.box-benvenuto	{ background: rgba(255, 251, 239, 1); }
		
		div.box-news .col-md-4	{ min-height:330px; border-bottom:none }
		
		.box-ricette		{ background: rgba(255, 251, 239, 0.9); margin-top:10px; padding-bottom:20px }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px)	{
	ul.menu-top		{ margin-top:35px; float:right }
	ul.menu-top li a	{ padding:10px }
	
	ul.lang-top		{ margin-top:35px }
	ul.lang-top li a	{ padding:10px 5px; margin-left:0 }
	ul.lang-top li.it	{ background-position: center bottom }
	ul.lang-top li.en	{ background-position: center bottom }
	ul.lang-top li.fr	{ background-position: center bottom }
	
	.content-home			{ margin-top:-175px }
		div.box-benvenuto	{ background: rgba(255, 251, 239, 1); }
		
		.box-ricette	{ background:#FFF; padding-bottom:0; margin-top:0 }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)	{	
	ul.menu-top li a	{ padding:10px 20px }
	
	.content-home			{ margin-top:-350px }
		div.box-benvenuto	{ background: rgba(255, 251, 239, 0.9); }
}

form fieldset legend {color:#cd123c; padding:20px 0 0 0;}

input.error {border-color:#b94a48}
textarea.error {border-color:#b94a48}
#campo_messaggio {resize: none;}
#campo_privacy {resize: none;}
span.form-required {color:#b94a48}
#competenza {display:none}