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

html, body 	{ margin:0px; color:#58634b; background:#fdfdfd; font-size:18px; font-family: 'Dosis', Arial, sans-serif; }
html 		{ overflow-y: scroll; }

* { 
	-moz-box-sizing:    border-box;   /* Firefox 1, probably can drop this */
	-webkit-box-sizing: border-box;   /* Safari 3-4, also probably droppable */
	box-sizing:        border-box;   /* Everything else */
}

.clearfix:before, .clearfix:after { content: " "; clear: both; display: block; visibility: hidden; line-height: 0; height: 0;  }

*[class*="grid_"] { float:left; position:relative; } /*div[class*="grid_"]:not([class*="grid_100"]) { padding:20px 10px 0px; }*/
.grid_100 	{ width:100%; }
.grid_80 	{ width:80%; }
.grid_75 	{ width:75%; }
.grid_70 	{ width:70%; padding-right:10px; }
.grid_60 	{ width:60%; }
.grid_50 	{ width:50%; }
.grid_40 	{ width:40%; }
.grid_33 	{ width:33.33%; }
.grid_30 	{ width:30%; padding-left:10px; }
.grid_25 	{ width:25%; }
.grid_20 	{ width:20%; }
.grid_10 	{ width:10%; }
.grid_5 	{ width:5%; }


h1 span, .btn_mit span { display:none; }
h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd, blockquote { margin:0px; padding:0px; list-style:none; font-weight:normal; }

h1 		{ width:12%; float:left; } h1 img { width:100%; } 
/*
h2 		{ font-size:24px; line-height:50px; color:#fff; background:#82af48; text-transform:uppercase; } .box_gen + h2 { margin-top:20px; }
h2 i 	{ width:50px; height:50px; line-height:50px !important; text-align:center; float:left; background:#bdd5a1; margin-right:10px; border-left:1px solid #fff; border-right:1px solid #fff; }
*/
h2 		{ font-size:24px; line-height:50px; color:#fff; background:#82af48; text-transform:uppercase; } .box_gen + h2, .box_gen h2 { margin-top:20px; position:relative; padding:0px 0px 0px 60px; }
h2 i 	{ width:50px; height:50px; line-height:50px !important; left:0px; top:0px; text-align:center; position:absolute; background:#bdd5a1; border-left:1px solid #fff; border-right:1px solid #fff; }
h2 span { padding:0px 0px 0px 60px; }
h3 		{ font-size:24px; color:#82af48; line-height:30px; margin:20px 0px 5px; } h3:first-child { margin:0px 0px 5px; }
h4 		{ font-size:22px; line-height:30px; color:#3c8c28;  }
h5 		{ font-size:24px; line-height:30px; color:#a0a7b0; margin:20px 0px 0px; text-transform:none; clear:both; }
h6		{ font-size:16px; text-transform:uppercase; color:#cbcbcb; margin-bottom:20px; }

p { margin:10px 0px; padding:0px;  }
b { color:#3e8f28; }
a { color:#0a2870; text-decoration:none; }
a:hover { color:#418e28;  }
img { float:left; border:none; } 
	img[alt="Google Maps"] { width:100%; }
	img[alt="LIS"] { width:60%; }

.center, h2 span { width:1200px; margin:0px auto; display:block; position:relative; }
.center h2
.clearfix:before, .clearfix:after, .grid_box:before, .grid_box:after { content: ""; display: table; clear: both; }

.cc-cookies  		{ line-height:24px; padding:10px 0px; text-align:center; color:#fff; background:#000; font-size:14px; }
.cc-cookies b 		{ color:#009534; }
.cc-cookies a 		{ padding:5px 10px; margin-left:10px; color:#333; background:#fff; position:relative; border-radius:3px; text-transform:uppercase; transition:all .25s ease-in-out;  }
.cc-cookies a:hover { color:#fff; background:#333; opacity:1;  }

.grid_100 * { -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out;transition: all .15s ease-in-out; } 
.unslider *, .ul_vendor *, .dl_faq *, .slidebars * { -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none; }

.btn_gen { background:#82af48; color:#fff; float:right; line-height:50px; text-transform:uppercase; } .btn_gen:hover 	{ background:#3c8c28;  }
.btn_gen span	{ padding:0px 20px; } 	.btn_gen i { width:50px; height:50px; line-height:50px; float:right; text-align:center; background:#bdd5a1; border-left:1px solid #fff;  }

.btn_back  { float:left; } .btn_back i { float:left; }

.btn_top { width:40px; height:40px; line-height:40px; text-align:center; position:fixed; bottom:50px; right:10px; background:#bdd5a1; color:#fff; z-index:10; }
.btn_top span { display:none; }

.bg_top { border-bottom:1px solid #82af48; line-height:40px; }
.bg_top ul, .bg_top li { float:left; text-transform:uppercase; font-size:16px; } 	
.bg_top a 		{ color:#82af48; background:#f0f0f0; margin-right:1px;  display:block;  }
.bg_top a:hover	{ color:#f0f0f0; background:#82af48;  }

	.ul_lang span, .ul_social span  	{ display:none; }
	
	.ul_top a  		{ padding:0px 10px; }
	.ul_top span 	{ margin-left:10px; }
	
	.ul_social 		{ float:right !important; text-align:center; }
	.ul_social a 	{ width:40px; height:40px; }
	
	.sb-toggle-left 		{ height:40px; color:#fff; background:#82af48; padding:0px 10px 0px 0px; margin-right:1px; display:none; cursor:pointer; text-align:center; }
	.sb-toggle-left span	{ display:block; float:right; }
	.sb-toggle-left:hover 	{ background:#3c8c28; } .sb-toggle-left i { width:40px; height:40px; font-size:24px; line-height:40px; }
	
.bg_header { min-height:160px; }
	.ul_menu 	{ float:right; font-size:16px; text-transform:uppercase; margin-top:30px; }
	.ul_menu li { float:left; margin-left:10px; } .ul_menu li:first-child { margin:0px; }
	.ul_menu a 	{ color:#fff; background:#82af48; display:block; padding:0px 10px 0px 0px; } 	.ul_menu a:hover { background:#3c8c28; }
	.ul_menu span 	{ margin-left:10px; }
	.ul_menu i 	{ width:40px; height:40px; line-height:40px; text-align:center; background:#bdd5a1; border-right:1px solid #fff; }
	
	img[alt="OhShop"] { width:100%; }
	
	.center_home { position:absolute; top:30px; left:50%; margin-left:-600px; z-index:10; }
	
	blockquote { width:400px; position: absolute; margin-top:250px; left:0px;  background: rgba(255,255,255,.8); padding: 30px; color: #82af48; font-size: 30px;  }
	
.bg_footer { padding:30px 0px; margin-top:20px; color:#fff; background:#82af48; border-top:1px solid #45912d; border-bottom:1px solid #45912d; }	
.bg_footer h3 { color:#fff; }
.bg_footer p { padding:15px 0px; }
.bg_footer a { color:#fff; }
.bg_footer i { width:30px; text-align:center; }
.bg_footer span { margin-left:10px; }

.bg_footer ul { width:33.33%; float:left; line-height:30px; } 
.bg_footer .ul_social 		{ width:100%; margin-top:30px; }
.bg_footer .ul_social li 	{ float:left; } 	.bg_footer .ul_social li:first-child { width:100%; text-align:left; text-transform:uppercase; margin-bottom:10px; }
.bg_footer .ul_social a		{ width:50px; height:50px; line-height:50px; display:block; text-align:center; background:#fff; color:#82af48; margin:0px 1px 0px 0px; }
.bg_footer .ul_social a:hover	{ color:#45912d; }

.bg_service { padding:20px 0px; }
.bg_service a { float:left; }	 .bg_service span { display:none; }
.bg_service .btn_mit { float:right; margin:20px 0px; } 
	
.box_gen { background:#fff; border:1px solid #f0f0f0; padding:20px; margin-top:20px; overflow:hidden; position:relative;  }
	 
.box_banner 		{ border:1px solid #f0f0f0; margin-top:20px; display:block; cursor:pointer; overflow:auto; } .box_banner img { width:100%;  }
.box_banner span 	{ width:80%; display:inline-block; font-size:30px; line-height:26px; color:#fff; text-transform:uppercase; }
.box_banner i 		{ font-size:80px; color:#fff; text-transform:uppercase; float:right; line-height:50px; }
	.box_verifica 	{ background:#418e28; padding:20px;  } .box_verifica:hover { background:#82af48; border:1px solid #418e28; }
	.box_members	{ background:#0a2870; padding:20px;  }	.box_members:hover 	{ background:#5f6d9d; border:1px solid #0a2870; }
	
.box_news h3 	{ margin:0px; text-transform:uppercase;  }
.box_news a:first-child 	{ width:25%; display:block; }
.box_news img 	{ width:100%; margin:0px 20px 0px 0px; }
.box_news span	{ margin-right:20px; } 	.box_news i { width:50px; height:50px; line-height:50px; float:right; text-align:center; background:#bdd5a1; border-left:1px solid #fff;  }
	
.ul_news li { display:block; border:1px solid #f0f0f0; padding:10px; margin:20px 0px 0px;  overflow:auto; position:relative; }	
.ul_news span[class*="grid_"] { padding:10px; }	
.ul_news a 	{ padding:0px 60px 0px 0px; display:block;  }	
.ul_news img { width:100%;  }	
.ul_news span { display:block;  }	

.btn_news_archive 		{ width:60px; position:absolute; right:0px; top:0px; height:100%; background:#bdd5a1; text-align:center; } .btn_news_archive:hover { background:#82af48; }
.btn_news_archive i 	{ color:#fff; font-size:40px; position:absolute; top:50%; left:25px; margin-top:-20px; }
	
.news_date 		{ font-size:16px; color:#bababa; padding:0px; margin:0px;  }
.news_title 	{ font-size:20px; color:#82af48;  }
.news_subtitle 	{ font-size:18px; color:#3c8c28;  }
.btn_read 		{ margin-top:40px; } .btn_read:hover { background:#3c8c28; color:#fff;  } .btn_read span { margin:0px; }
	
.box_vendor_sheet a:first-child img { margin-right:20px;  }

.box_vendor_img 	{ padding:10px 10px 0px; clear:both; overflow:auto; }
.box_vendor_img a 	{ padding:10px; display:inline-block !important; }
.box_vendor_img img { width:100%; border:5px solid #dddddd; }
	
.ul_vendor li	{ width:32%; float:left; margin:20px 0px 0px 2%; position:relative; overflow:hidden; text-transform:uppercase; }	 .ul_vendor li:nth-child(3n+1) { margin-left:0px; }
.ul_vendor a 	{ background:#fff; border:1px solid #f0f0f0; padding:15px; text-align:center; display:block; }	
.ul_vendor img 	{ float:none; margin-top:20px; }	
.ul_vendor .vendor_title { color:#82af48; font-size:18px; display:block; min-height:50px; }	
.ul_vendor .vendor_sheet { width:100%; background:#82af48; text-align:left; color:#fff; position:absolute; bottom:-140px; left:0px; padding:40px 30px; }	
.ul_vendor .vendor_sheet i { position:absolute; right:30px; font-size:60px; top:50%; margin-top:-30px; }	

.ul_vendor_info  	{ display:inline-block; } 	.ul_vendor_info li 		{ line-height:40px; }
.ul_vendor_info a 	{ color:#58634b; } 			.ul_vendor_info a:hover { color:#bdd5a1; }
.ul_vendor_info i 	{ width:30px; margin-right:10px; text-align:center; color:#dddddd; }

.box_gen ul li 			{ border:1px solid #e8eee0; background:#fbfdf9; padding:15px 15px 15px 25px; position:relative; overflow:auto; }
.box_gen ul li:before 	{ border-right:1px solid #e8eee0; background:#e8eee0; width:5px; height:100%; position:absolute; left:0px; top:0px; content:""; display:block;  }
.box_gen ul li img		{ width:20%; margin-right:20px; }

.box_gen .ul_ico li		{ padding:15px 15px 15px 70px; }
.box_gen .ul_ico i		{ color:#82af48; font-size:30px; position:absolute; top:50%; left:20px; margin-top:-15px; }

.dl_gen  	{ font-size:16px; }
.dl_gen a  	{ color:#82af48; transition:all .25s ease-in-out; } 	.dl_gen a:hover	{ color:#bdd5a1; }
.dl_gen dt 	{ text-transform:uppercase; border:1px solid #f0f0f0; background:#f9f9f9; cursor:pointer; transition:all .25s ease-in-out;  }
.dl_gen dt:hover 	{ background:#fff; } .dl_gen dt:hover:before { background:#bdd5a1; color:#fff; }
.dl_gen dd 			{ padding:10px 40px; font-size:18px; }

.dl_faq  	{ counter-reset: dt; }
.dl_faq dt 	{ counter-increment: dt;  min-height: 40px; line-height: 20px; padding: 10px 10px 10px 50px; position: relative; } 
.dl_faq dt:before 	{ content: counter(dt); width:40px; min-height: 100%; line-height:40px; text-align:center; position: absolute; left: 0px; top: 0px; border-right:1px solid #fff; margin-right:10px; background:#f0f0f0; }
.dl_faq dd	{ display:none;  }


.dl_ico dt, .dl_ico dd	{ width:50%; float:left; margin:10px 0px 0px; } .dl_ico dt:first-of-type, .dl_ico dd:first-of-type { margin:0px; }
.dl_ico dt	{ padding:30px; line-height:30px; clear:left; font-size:30px; color:#fff; background:#bdd5a1; cursor:default }  
.dl_ico dt:hover { background:#bdd5a1; }
.dl_ico i 	{ color:#fff; font-size:30px; float:left; margin-right:20px; }
.dl_ico dd 	{ padding:10px; min-height:80px; }
	
/* ========= FORM ========= */
form fieldset > span 	{ padding:5px 10px; display:block; position:relative; }
form .btn_gen 	{ margin:0px auto; float:none; margin-top:20px; }

fieldset, button, input, select, textarea { border:none; display:block; float:none; padding:0px; margin:0px; font-family: 'Dosis', Arial, sans-serif; }

select, input, textarea 	{ width:100%; background:#f0f0f0; padding:0px 10px; line-height:50px; height:50px; font-size:18px; }
select:focus 	{ outline:none; }
textarea		{ height:150px; overflow:auto; }
button			{ cursor:pointer; font-size:16px;  } button:focus { outline:none; opacity:.6; }

input[type="checkbox"] { width:auto; height:auto; margin:10px; float:left; }

label[for="privacy_EmailForm"], label[for="privacy_newsletterForm"] { font-size:14px; }
label[for="captcha_EmailForm"], label[for="captcha_add_newsletterForm"], label[for="captcha_rem_newsletterForm"]{ font-size:14px; float:left; line-height:50px; }
input[name="__captcha_EmailForm"], input[name="captcha_add_newsletterForm"], input[name="captcha_rem_newsletterForm"]{ width:100px; float:left; margin:0px 20px; }


#formLocator  		{ margin-top:20px; }
#formLocator span 	{ width:46%; }	 #formLocator span:nth-child(3) { width:8%; }
#formLocator button 		{ width:50px; height:50px; line-height:50px; text-align:center; background:#82af48; color:#fff; font-size:24px; cursor:pointer; }
#formLocator button:hover 	{ background:#bdd5a1; } #formLocator button i { float:none; } #formLocator button span { display:none; }

.error_box 			{ width:20px; height:20px; position:absolute; top:20px; right:25px; font-size:11px; line-height:20px; text-align: center; color: #fff; background:#af486c; cursor:pointer; border-radius:5px;   }
.error_box span 	{ text-indent:-9999px; display:none; }
.error_box:before 	{ content:"!"; display:block;  }
.error_box:hover:after 	{ content:"Campo Obbligatorio"; padding:10px; white-space:nowrap; position:absolute; top:-50%; right:150%; background:#af486c; display:inline-block; text-indent:0px; border-radius:5px;  }

.error_highlight 	{ outline: none; box-shadow: inset 0px 0px 5px #77808a; }
.form_result 		{ font-size:20px; color:#eb5a48; }

.emailform_messaggio 	{ line-height:50px; padding:0px 20px; margin-top:20px; text-transform:uppercase; color:#fff;  }
.emailform_successo 	{ background:#82af48; }


input:focus, textarea:focus {
	outline:none; border:1px solid #c3df9f;
 	box-shadow:inset 0px 1px 5px #c3df9f; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#c3df9f')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#c3df9f');
}


/* ========= PAGINAZIONE ========= */
#paging { margin:20px 0px 0px; overflow:hidden; }
.pag_gen { background:#82af48; color:#fff; line-height:30px; text-transform:uppercase; font-size:14px; } 	.pag_gen:hover 	{ background:#3c8c28;  }
.pag_gen span { padding:0px 10px; } .pag_gen i { width:30px; height:30px; line-height:30px; text-align:center; background:#bdd5a1;   }

.pag_next, .pag_next_off, .pag_next i, .pag_next_off i { float:right; }  	.pag_next i, .pag_next_off i { border-left:1px solid #fff; }
.pag_back, .pag_back_off, .pag_back i, .pag_back_off i { float:left; }   	.pag_back i, .pag_back_off i { border-right:1px solid #fff; }
.pag_next_off, .pag_back_off { opacity: .2; cursor:default; }

#pag_center 	{ list-style: none; position: relative; float: left; left: 50%; margin:0px; padding:0px; font-size:14px; }
#pag_center li 	{ position: relative; float: left; right: 50%; margin:0px 5px;  }
#pag_center a 	{ display: block; right: 50%; width:30px; height:30px; line-height:30px; background:#bdd5a1; text-align:center; color:#fff;  }
#pag_center a:hover 	{ background:#82af48;  }

#pag_center a.page_current			{ background:#82af48; }
#pag_center a.page_current:hover 	{ background:#3c8c28; }


/* ========= RESPONSIVE ========= */

@media all and (max-width: 1299px) {
	blockquote { margin-top:200px; }	
}
	
@media all and (max-width: 1199px) {
	.center { width:100%; padding:0px 10px; } .bg_top .center { padding:0px; }
	.center_home { padding:0px 20px; top:20px; left:auto; margin:0px; }
	h2 span { width:100%; }
	
	h1 { width:10%; }
	.bg_top ul, .bg_top li { font-size:14px; }
	.ul_menu { font-size:14px; margin-top:20px; }
	
	.dl_ico dt { width:40%; font-size:24px; }
	.dl_ico dd { width:60%; }

}

@media all and (max-width: 1099px) {
	h1 { width:15%; }
	h3 { line-height:24px; }
	h4 { font-size:20px; line-height:20px; }
	.ul_menu  	{ position: relative; float: left; left: 50%; margin-top:180px }
	.ul_menu li { position: relative; float: left; right: 50%; }
	blockquote { margin-top:120px; left:20px;  }
	
	.box_news h3 { margin:5px 0px;  }
	
	.ul_vendor .vendor_title { font-size:14px; line-height:18px; }



}
@media all and (max-width: 999px) {
	.sb-toggle-left { display:block; }
	.ul_top, .ul_menu, .bg_footer ul { display:none; }
	
		.sb-slidebar 		{ background:#bdd5a1; border-right:1px solid #fff; }
		.sb-slidebar ul 	{ margin:20px 0px 0px; } .sb-slidebar ul:first-child, .sb-slidebar li:first-child { margin-top:0px; }
		.sb-slidebar li 	{ padding:0px; margin:1px 0px; }  
		.sb-slidebar a 		{ display:block; color:#fff; background:#82af48; }
		.sb-slidebar span 	{ padding:0px 10px; }
		.sb-slidebar i 		{ width:30px; height:30px; line-height:30px; text-align:center; padding:0px; background:#fff; color:#bdd5a1; display:inline-block; }
	
	h1 { width:20%; float:left;  }
	h2 { font-size:20px; }
	blockquote { margin-top:150px; width:300px; font-size:22px; padding:20px; text-align:left; }
	.box_banner span { width:90%; font-size:20px; }	.box_banner i { font-size:30px; }
	
	
	.btn_read { font-size:14px; position:relative; float:right; bottom:0px; right:0px; margin-top:20px; }
	.ul_news a { padding:0px 40px 0px 0px;  }
	.btn_news_archive { width:40px; } .btn_news_archive i { font-size:22px; left:15px; margin-top:-11px; }
	
	.ul_vendor li, .ul_vendor li:nth-child(3n+1) {   width: 49%; margin: 20px 0px 0px 0px; } .ul_vendor li:nth-child(odd) { float:right; }
	.ul_vendor .vendor_title { font-size:15px;  }
	
	.dl_ico dt { width:35%; font-size:20px; padding:30px 10px; text-align:center; } .dl_ico dt i { font-size:24px; float:none; display:block; margin:0px auto; }
	.dl_ico dd { width:65%; }
}
@media all and (max-width: 899px) {
	blockquote { width:250px; font-size:20px; padding:10px;  }
	
	.box_news a:first-child { width:20%; }
	.box_news h3 { font-size:22px; }
}
@media all and (max-width: 799px) {
	blockquote { width:250px; font-size:20px; padding:10px; margin-top:120px;  }
	
	.box_banner { padding:10px; }
	.box_banner span { font-size:18px; line-height:20px; } .box_banner i { line-height:40px; }
	
	.ul_news .grid_20 { width:30%; } 	.ul_news .grid_80 { width:70%; }
	#formLocator span { width:80%; } #formLocator span + span { width:20%; }
}
@media all and (max-width: 699px) {
	blockquote { width:250px; font-size:20px; padding:10px; margin-top:100px;  }
	
	.grid_70, .grid_30 { width:100%; padding:0px; }
	.grid_30 .box_banner { width:48%; float:right; } .grid_30 .box_banner:first-child { float:left; }

	.box_vendor_sheet a:first-child img { width:30%; }
	.box_vendor_sheet h3 { margin:0px; }
	.box_gen ul li {  padding: 5px 10px; }
}
@media all and (max-width: 599px) {
	h1 { width:25%; }
	h2 { font-size:18px; }
	h3 { font-size:20px; }
	blockquote { width:auto; font-size:16px;  }
	.grid_70 .box_news a:first-child { width:30%; }
	
	.box_banner span { font-size:16px; line-height:18px; } .box_banner i { line-height:30px; }
	
	.btn_gen 	{ line-height:40px; font-size:16px; float:none; display:block; } .btn_gen span { padding:0px 10px; }
	.btn_gen i 	{ line-height:40px; width:40px; height:40px; }
	
	.btn_back { padding:0px; margin:0px 0px 20px; } .btn_back span { margin:0px; }
	
	
}
@media all and (max-width: 499px) {
	.bg_header { min-height:initial; }
	h2 { font-size:16px; line-height:inherit; } .box_gen + h2 { line-height:30px; padding:0px 0px 0px 40px; } .box_gen + h2 i { line-height:30px !important }
	h2 span { padding:10px 0px 10px 40px; } h2 i { width:30px; height:100%; line-height:none !important; }
	h3 { font-size:20px; }
	blockquote { display:none; }

	.grid_70 .box_news a:first-child { width:100%; }
	.ul_news .grid_20, .ul_news .grid_80 { width:100%; }
	.ul_news img, .box_news img, .box_vendor_sheet a:first-child img { width:50%; display: block; margin: 0px auto; float: none; }
	
	.ul_vendor li, .ul_vendor li:nth-child(3n+1) {   width: 100%; margin: 20px 0px 0px 0px; } 
	.ul_vendor .vendor_title { font-size:15px;  }
	
	.box_vendor_sheet h3 { margin:10px 0px 0px; }
	.box_gen ul li {  padding: 5px 10px; }
	
	.dl_faq p { margin:0px; }
	
	form fieldset .grid_50 { width:100%; }
	label[for="captcha_EmailForm"], label[for="captcha_add_newsletterForm"], label[for="captcha_rem_newsletterForm"] { width:100%; }
}
@media all and (max-width: 420px) {
	.bg_header { min-height:initial; }
}

@media all and (max-width: 399px) {
	h1 { width:30%; }
	.box_gen h2 { padding:0px 10px; } .box_gen h2 i  { display:none !important; }
	h3 { font-size:20px; }
	
	.btn_gen { line-height:30px;  }
	.btn_gen i { line-height:30px; width:30px; height:30px; }


}