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

body, html{ margin:0; padding:0; width:100%; height:100%;}
body{font-family:"Open Sans",Helvetica, Arial;  font-size:15px; background-color:#f5f5f5}

/* RESET HEADERS */
h1, h2, h3, h4, h5, h6{ margin:0; padding:0;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus{ text-decoration:none !important; }

a{ color:#233E5A}
a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
a:focus, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus{ color:#101f2f;}


/* intestazioni */
h1{ font-size:32px;}
.headerfullwidth h1{ font-size:32px;}
.headerfullwidth h2{ font-size:12px; margin:0; padding:0; line-height:normal;  }
.headerfullwidth h2, .headerfullwidth a h2, .headerfullwidth h2 a{ color:#e5eef7; margin-top:12px}



h2, h3, .newseventdet h1, h4{ color:#233E5A;}
h4{ margin-bottom:10px}
h2, h3{ margin-top:20px; margin-bottom:10px}

h2{ font-size:26px;}
h3{ font-size:22px;}
h4{ font-size:18px;}

h1:first-child, h2:first-child, h3:first-child, h4:first-child{ margin-top:0; }

.eventlists h2, .eventlists h3{ margin:0}
.menudetail h2{ color:#333; margin:0}

/* buttons */

.btn-primary{ background-color:#233E5A; border-color:#101f2f;}
.btn-primary:hover, .btn-primary:focus{ background-color:#101f2f; border-color:#101f2f;}


a.btn.btn-grey{ background-color:#ddd; border-color:#ccc; color:#333 !important}
a.btn.btn-grey:hover, a.btn.btn-grey:focus{ background-color:#fff; border-color:#ddd;}



/* margins */
.margin-top-10{ padding-top:10px; }
.margin-bottom-10{ padding-bottom:10px; }

.margin-top-15{ padding-top:15px; }
.margin-bottom-15{ padding-bottom:15px; }

.margin-top-20{ padding-top:20px; }
.margin-bottom-20{ padding-bottom:20px; }

.margin-top-30{ padding-top:30px; }
.margin-bottom-30{ padding-bottom:30px; }

.margin-top-40{ padding-top:40px; }
.margin-bottom-40{ padding-bottom:40px; }

.margin-top-50{ padding-top:50px; }
.margin-bottom-50{ padding-bottom:50px; }

.container.white{ background-color:#fff;}
.container.pages{ padding-top:30px; padding-bottom:30px; min-height:400px}

.clear{ clear:both}



/* homepage */
/* slider */



ul.bxslider, ul.bxslider li{ margin:0; padding:0; list-style-type:none}
/* bx fix */
.bx-prev, .bx-next{
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}

.bx-caption{ display:none;}

/* general animations */
.socialbar a, .footerlink{  
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}


.bx-wrapper .bx-pager.bx-default-pager a.active{ background:#233E5A; }
.bx-wrapper .bx-pager.bx-default-pager a:hover{ background:#000; }

.bx-wrapper .bx-controls-direction a{ z-index:7;}

/*.bx-wrapper, .bx-viewport, .bx-viewport ul{ max-height:475px !important;} */

.bxslider li {
    display: inline !important;
}

.bxslider{ visibility:hidden}


.sliderhomepage{ padding-top:30px; padding-bottom:40px; background-color:#ddd;  }

.introfrase, .meteoholder, .socialbar{ background:#233E5A; color:#fff; text-align:center; padding-top:30px; padding-bottom:30px; background-repeat:repeat; } /* background-image:url(/images/flowers.jpg);  */
.headerfullwidth{ background:#233E5A; color:#fff; padding-top:20px; padding-bottom:20px;  background-repeat:repeat; } /* background-image:url(/images/flowers.jpg); */

.socialbar{  } /* background-image:url(/images/flowers-clean.jpg);  */
.socialbar a{ font-size:20px; color:#fff; padding-left:8px; padding-right:8px;}
.socialbar a:hover{ text-decoration:none; color:#6788ab;}


/* per mobile da rivedere */
.navbar{ margin-bottom:0; border:0 !important; }
.navbar-brand{ padding:15px 15px; height:auto !important; }
.navbar-brand img{ height:60px;  }

.navbar-toggle{ margin-top:28px;}
/* remove border */
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border:0}
.navbar-nav{  } /* solo per mobile margin-top:15px;*/

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{ max-height:400px;}



/* STELLAR */
.fullsection{ 
	width:100%;
	height:100%;
}

.stellarbg{ 
	position:relative;  
	width:100%;   
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 	
	background-position: 50% 0%; 
	min-height:100%;
	background-attachment: fixed;
}

.stellarbgadapt{ 
	position:relative;  
	width:100%;   
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 	
	background-position: 50% 0%; 
	padding-top:100px;
	padding-bottom:100px;
	background-attachment: fixed;
}

.stellarbgadaptservizi{ 
	position:relative;  
	width:100%;   
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 	
	padding-top:100px;
	padding-bottom:100px;
	background-attachment: fixed;
}



.introfrase h1, .introfrase h1 > *{ font-size:24px !important}

/* per non mobile start position */


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{ background-color:transparent}


/* overwrite danger */
.alert{ -webkit-border-radius: 0; border-radius: 0;}
.alert-danger{
	  color: #fff;
  background-color: #555;
  border-color: #222;
}

.alert-danger a{ color:#fff;}
.alert-light{
  background-color: #f9f9f9;
  border-color: #ddd;
}

.sceglimetodopagamento{ text-align:center; }
.sceglimetodopagamento h3{ display:block; text-align:center}
.sceglimetodopagamento h4{ display:block; text-align:center; color:#666; font-size:15px; }

@media (min-width: 768px) {
	
	.navbar-default{ background-color:#fff;}
	
	.justifyonbigscreens{ text-align:justify}
	
	/* animazioni sul menu */
	.navbar, body, .navbar-header, .navbar-brand, .navbar-brand img, .nav, .collapse, .navbar-collapse, .navbar-toggle, .navbar-nav>li>a{	
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;	
	}
	
	
	
	/* per centrare stellarbg su display piu grandi */
	.stellarbg{ 
		height:100%;
	}
	
	
	
	/* standard buttons */
	.navbar-default .navbar-nav>li>a{ background-color:#101f2f; /* stand. fuchsia */ color:#fff; margin-left:12px; font-size:15px;   }
	
	.navbar-right{ }
	.navbar-nav>li>a{ padding:6px 8px; }
	
	/* standard buttons hover*/
	.navbar-default .navbar-nav>li.active>a, 
	.navbar-default .navbar-nav>li.active>a:hover, 
	.navbar-default .navbar-nav>li.active>a:focus, 
	.navbar-nav>li.open>a,
	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>li>a:focus{ color:#FFF !important; background-color:#233E5A !important; /* rosa */ }
	
	/* icona caret */
	.navbar-default .navbar-nav>li span.fa{ color:#e5eef7;}
	
	/* DROPDOWN MENU BELLAVERA */
	.dropdown-menu{ border:0; background-color:#233E5A; margin-top:0; padding-top:0;}
	
	.dropdown-menu> li a{ background-color:transparent; color:#e5eef7; border-top:1px solid #101f2f; padding-top:10px; padding-bottom:10px; }
	.dropdown-menu> li:first-child a{ border-top:0}
	
	.dropdown-menu> li a:hover, .dropdown-menu> li a:focus,
	.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{ background-color:transparent; color:#fff; }
	
	.dropdown-menu>.active>a{ font-weight:bold}
	
	.navbar-right .dropdown-menu{ left:0; right:auto; margin-left:12px;}
	
	.navbar-right .dropdown-menu.ecommerce{ left:auto; right:0; margin-left:0px;}
	
	.sceglimetodopagamento form{ margin-left:auto; margin-right:auto; display:inline-block;  }
	.btn.pagabonificobutton{ margin-right:30px}
	
	
	
	
}



@media (min-width: 768px) and (max-width: 991px) {
	
	.navbar-header{ float:none !important; display:block !important; text-align:center !important}
	
	.navbar-brand{ float:none; display:block; margin-left:auto; margin-right:auto; text-align:center;}
	.navbar-brand img{ display:block; margin-left:auto; margin-right:auto; }
	
	
	
	.navbar-brand{ padding:20px}
	.navbar-brand img{ height:80px}
	
	.nav.navbar-nav.navbar-right{ float: none !important; margin-left:auto !important; margin-right:auto !important; width:auto; display:table; }
	.nav{ padding-left:0; padding-right:0;}  /* margin-top:64px;  */
	
	.navbar-default .navbar-nav>li:first-child>a{ margin-left:0}
	
	
	
}


/* resized header */
@media (min-width: 992px){
	
.navbar{background-image:url(/images/header-img.jpg); background-repeat:no-repeat; background-position:center right;}

/* start dimensions */
.navbar-brand{ padding:20px}
.navbar-brand img{ height:104px}

.navbar-nav>li>a{ padding:8px 10px}

.nav.navbar-nav.navbar-right{ margin-top:108px;}

.productlistbox:nth-child(3n+1){ 	
		clear: both;		 
	}
	
	.productlistbox.featured:nth-child(3n+1){ 
		clear:none; 	
	}
	
	.productlistbox.featured:nth-child(4n+1){ 	
		clear: both;		 
	}
	
	
	
}




	

/* footer */
.footer{ background-color:#6788ab;}


/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#233E5A; 
	z-index:99999999999999999; 
	width:100%; height:100%;
}

#status {
	width:64px;
	height:40px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(/images/379.GIF);  /* path to your loading animation */
	
	background-repeat:no-repeat;
	background-position:center;
	margin:-20px 0 0 -32px; /* is width and height divided by two */
}


/* menu */
/* menu e carta dei vini */
.menudesc table.table tbody th{ font-size:22px; font-weight:bold; text-align:left; color:#9a572c; }
.menudesc table.table tbody th span.menulabelspan{ font-size:14px; font-weight:normal; text-align:left;}
.menudesc table.table tbody td{ padding:8px}
.menudesc table.table tbody td{ border-color:#6788ab; border-color:#ddd;   }

.menudesc table.table tbody td.menulabel{ font-weight:bold;text-align:left; padding-left:0; color:#233E5A}

.menudesc table.table tbody td span.menulabelspan{ display:block; font-weight:normal; color:#888; font-size:12px; }
.menudesc table.table tbody td.prezzo{ text-align:right; width:80px; font-weight:bold; color:#000; padding-right:0px; }

.menudesc table.table tbody tr:first-child td, .menudesc table.table tbody tr:first-child th{ border:0}



/* EVENTI */
.textlistdate, .textdetdate{ margin-top:10px; margin-bottom:10px; font-size:18px; }
.label-primary{ background-color:#6788ab; color:#101f2f;}



.newseventdet h2, .newseventdet h3{ margin-bottom:15px; margin-top:10px}


/* webcam etc */
.webcam{ padding-top:30px; padding-bottom:30px;}
.webcam h3{ margin:0}


/* blocco services ************************************************ PROJECT **********************************************/


/* individual hover styles ***********************************************************/

.picholder{ position:relative}

/* per le anteprime normali */
.picholder post-image{
  display: block;
  position: relative;
  width: 100%;
  height:100%;
  overflow: hidden;
}

.picholder .post-image .overlay,
.picholder .post-image .overlay span{
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;		
}

.picholder .post-image .overlay{		
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	text-align: center;
	z-index: 2;
}

.picholder .post-image .overlay span {	
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateY(20px);
	position: relative;
	display: inline-block;
	top: 50%;
	color: #ffffff;
	font-size: 48px;
	line-height: 48px;
	margin-top: -24px;
}

.picholder .post-image img {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 1;
}

.picholder .post-image:hover .overlay {	
	opacity: 0.8;
	filter: alpha(opacity=80);
	background-color:#233E5A;  
}

.picholder .post-image:hover .overlay span {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(0px);
}




/* nuova prova per hover effect */
.project .item figure{position:relative;
z-index:5;
background-color:#233E5A; /* background color */
overflow:hidden;
border:1px solid #ddd;
}

.project .item figure,.project .item figure img{width:100%}

.project .item{ padding-left:0; padding-right:0}

.press figure, .press figure img {
	max-width: 100%; /*margin-bottom: 20px */ 
}

.project .item figure img,.project .item figure >figcaption >a >span.icon-pinterest{
	-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;
	transition:opacity 0.35s,transform 0.35s;
	/* -webkit-transform:scale(1.12);transform:scale(1.12) */
	
}

.project .item:hover figure img{
	opacity:0.4;
	/* obsolete
	-webkit-transform:scale(1);
	transform:scale(1);
	*/
}

.project .item figure >figcaption{
	position:absolute;top:50%;width:100%;height:30px;
	margin-top:-15px;text-align:center;z-index:8
}


.project .item figure h4,
.project .item figure .enlarger,
.infobuttonexhibition a,
.slider-playpause a,
.slides-navigation a.prev, .slides-navigation a.next{
 -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;	
}


.project .item figure h4{
	color:#fff; display:inline;
	font-size:24px;	
position:absolute;bottom:8%;width:100%;
text-align:center;z-index:8	;
 text-shadow: 0 1px 1px #333;
}

.project .item:hover figure h4{ transform: translateY(20px); -webkit-transform:scale(1.2);transform:scale(1.2)}

.project .item figure .enlarger{
	position:absolute;top:50%;width:100%;height:50px;
	margin-top:-25px;text-align:center;z-index:8;
	
	color:#fff; font-size:50px;
	 opacity: 0;
    filter: alpha(opacity=0);
}

.project .item:hover figure .enlarger{
	/* transform: translateY(20px); */
	 opacity: 1;
    filter: alpha(opacity=100);
}

/*
.project .item figure >figcaption >a >span.icon-pinterest{position:absolute;left:50%;width:70px;height:60px;font-size:24px;text-align:center;padding:20px;margin-top:-35px;margin-left:-35px;color:#8B8782;display:block;background-color:#FFF;-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}

.project .item:hover figure >figcaption >a >span.icon-pinterest{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
*/

.project .item a{ position:absolute; width:100%; height:100%; display:pointer; z-index:12;}





/* blocco services ************************************************ SERVICEBLOCK **********************************************/

.serviceblock .item figure{
	position:relative;
	z-index:5;
	background-color:#fff; /* background color sotto la foto 233E5A */
	overflow:hidden
}

.serviceblock .item figure,.serviceblock .item figure img{width:100%}

.serviceblock .item{ padding-left:0; padding-right:0}

.serviceblock .item figure img,.serviceblock .item figure >figcaption >a >span.icon-pinterest{
	-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;
	transition:opacity 0.35s,transform 0.35s;
	-webkit-transform:scale(1);transform:scale(1)
}

.serviceblock .item figure img{
 	opacity: 1;
    filter: alpha(opacity=100);
}



.serviceblock .item:hover figure img{
 	opacity: .2;
    filter: alpha(opacity=20);
	-webkit-transform:scale(1.12);
	transform:scale(1.12)
}

.serviceblock .item figure >figcaption{
	position:absolute;top:50%;width:100%;height:30px;
	margin-top:-15px;text-align:center;z-index:8
}


/* titolo */
.serviceblock .item figure h4{
	background-color:#233E5A; 
	color:#fff;
	display:inline;
	font-size:17px;	
	position:absolute;bottom:0;
	width:100%;
	text-align:center;z-index:8	;
	/*text-shadow: 0 1px 1px #333; */
	opacity: .8;
	filter: alpha(opacity=80); 
	padding:8px 0 8px 0;	
	margin-bottom:0;
	
	
}

/* titolo hover */
.serviceblock .item:hover figure h4{ 
	/* -webkit-transform:scale(1.2);transform:scale(1.2); */
	 opacity: 1;
	filter: alpha(opacity=100);
	/*transform: translateY(30px); */
	padding-bottom:30px
}

.serviceblock .item figure .enlarger{
	position:absolute;top:50%;width:100%;
	height:60px;
	margin-top:-30px;text-align:center;z-index:8;
	color:#233E5A; font-size:60px;
	 opacity: 1;
    filter: alpha(opacity=100);
}

.serviceblock .item:hover figure .enlarger{
	/* transform: translateY(20px); */
	 opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(-20px);
}


.serviceblock .item figure .enlargertwo{
	position:absolute;top:50%;width:100%;height:50px;
	margin-top:-25px;text-align:center;z-index:8;
	color:#fff; font-size:50px;
	 opacity: 1;
    filter: alpha(opacity=100);	
}

.serviceblock .item:hover figure .enlargertwo{
	/* transform: translateY(20px); */
	opacity: 0;
	filter: alpha(opacity=0);	
	
}

.serviceblock .item a{ position:absolute; width:100%; height:100%; display:pointer; z-index:12;}

.serviceblock .item figure h4,
.serviceblock .item figure .enlarger{
 -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;	
}


/* END SERVICE BLOCK */


/* ELENCO SX */

.list-group .badge{ float:right;}

.list-group-item > a:hover, .list-group-item > a:focus, .list-group-item > a.active{ text-decoration:none}

.list-group .list-group-item{-webkit-border-radius: 0; border-radius: 0; font-size:14px }

/*.list-group .list-group-item:hover{  border-color:#ddd; color:#233E5A ;  background-color:#f2f2f2;  } */
/* active item */


.list-group .list-group-item.active, .list-group .list-group-item.active:hover, .list-group .list-group-item.active:focus{ background-color:#233E5A ; border-color:#233E5A ; }
.list-group .list-group-item.active a, .list-group .list-group-item.active a:hover, .list-group .list-group-item.active a:focus{ color:#fff; }

.list-group .list-group-item.active a{ font-weight:bold}

/* livello sx secondo livello*/
.list-group .list-group, .list-group .list-group .list-group-item{ border:0; margin-bottom:0; background-color:transparent}

.list-group .list-group .list-group-item > a{ color:#e5eef7; font-weight:normal}



.list-group .list-group .list-group-item.active a, .list-group .list-group .list-group-item.active a:hover, .list-group .list-group .list-group-item.active a:focus{ font-weight:normal}


.list-group .list-group .list-group-item{ padding: 7px 0 7px 0px; font-size:13px;}

/* active secondo livello */
.list-group .list-group .list-group-item.active > a, .list-group .list-group .list-group-item.active > a:hover, .list-group .list-group .list-group-item.active > a:focus{ color:#fff; font-weight:bold }

/*
.list-group .list-group-item.active.indent, .list-group .list-group-item.active.indent:hover, .list-group .list-group-item.active.indent:focus{ background-color:#6788ab ; border-color:#6788ab ; color:#233E5A ;}
*/

/* terzo livello */

.list-group .list-group .list-group .list-group-item{ padding-left:10px;  font-size:12px;}

.list-group .list-group .list-group-item:first-child,  .list-group .list-group .list-group .list-group-item:first-child{ padding-top:10px}
.list-group .list-group .list-group .list-group-item:last-child{ padding-bottom:0}

/* social media homepage */
.socialhome{ font-size:20px; display:block; padding-top:10px; color:#666}
.socialhome:hover{ color:#000; text-decoration:none}

.contactbox{ font-size:14px; background-color:#fff; border:1px solid #ddd; padding:15px; padding-bottom:0; margin-bottom:30px}
.contactbox h4{color:#233E5A; margin-bottom:10px; font-size:16px}

.contactbox a, .contactbox{ color:#333; text-decoration:none}
.contactbox span{ color:#000;  }


/* table striped */
table.table-striped thead th, table.table-striped tbody th{ color:#fff; background-color:#233E5A; border-color:#233E5A; text-align:center }
table.table-striped{ border-top:0; margin-top:10px; font-size:14px; background-color:#fff}


/* footer */

.prefooter{ background-color:#5A3448; background-color:#fff; border-top:1px solid #233E5A; border-bottom:1px solid #233E5A}

.footerlink{ display:block; padding-bottom:4px; color:#666; font-size:14px}
.footerlink:hover{ text-decoration:none; color:#000}
.footerlogo img{ max-width:200px}

/* mappa di google */
.googlemap{ height:500px;}
.codice_promo{ width:40%; padding:5px; text-align:center; color:#233E5A;}

.intro-prodotti{  }
.logo-intro-prodotti{ float:left; margin-right:30px; margin-bottom:15px; width:26%}
.logo-intro-prodotti img{  border:1px solid #ddd; background-color:#fff}



@media (max-width: 767px) {
	
	.centermobile, .centermobile.text-right{ text-align:center}
	
	.logo-intro-prodotti{ float:none; display:block; margin-left:auto; margin-right:auto; width:50%; margin-bottom:20px}
	
	.socialbar a{ text-align:center; padding-top:4px; padding-bottom:4px; display:block; }
	
	.footerlogo img{   
	max-width: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}
	.footerlink{ text-align:center}
	
	.codice_promo{ width:100%;}
	
	.navbar-default ul{ background-color:#101f2f; }
	
	.navbar-default .navbar-nav>li>a{ color:#fff; font-size:17px;}
	.navbar-nav>li>a{ padding:15px 0px 15px 20px; }
	.navbar-nav>li>a span{ font-weight:normal}
	
	.navbar-default .navbar-nav>li>a:hover{ background-color:#233E5A; color:#fff }
	
	.navbar-nav{ margin-bottom:0; border-bottom:1px solid #6788ab}
	
	
	.navbar-default .navbar-nav>li.active>a, .navbar-default .navbar-nav>li.active>a:hover{ background-color:#233E5A; color:#FFF }
	
	.googlemap{ height:300px;}
	
	
	.stellarbgadaptservizi{ 
	padding-top:40px;
	padding-bottom:20px;
	}
	
	.margin-top-20-mobile{ margin-top:20px !important}	
	
	.footerbreak{ display:block; margin-bottom:8px}
	
	.socialhomefooter{ font-size:40px !important; padding-left:6px; padding-right:6px;}
	
	.webcam{ text-align:center}
	
	/* menu styles  Fuchsia: 233E5A (dark, hover / accenti: 101f2f)
Rosa light: 6788ab
 */
	/* menu button toggle */
	.navbar-default .navbar-toggle{ border-color:#101f2f; background-color:#233E5A; }
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color:#101f2f; }
	.navbar-default .navbar-toggle .icon-bar{ background-color:#fff; }
	
	/* main link */
	.navbar-default .navbar-nav>li>a{ color:#fff;}
	
	/* overwrite default backgrounds */
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, 
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{ background-color:transparent}
	
	/* background menu item principali e dropdownmenu */
	.navbar-default .navbar-nav>li.active>a, .navbar-default .navbar-nav>li.active>a:hover, 
	.navbar-default .navbar-nav>li.dropdown.open > a , .navbar-default .navbar-nav>li.dropdown.open > a:hover,
	.navbar-default .navbar-nav>li .dropdown-menu{background-color:#233E5A; color:#fff;  }
	
	.navbar-default .navbar-nav>li .dropdown-menu{ padding-bottom:15px;}
	
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{ color:#e5eef7;}
	
	/* selected / hover */
	.navbar-default .navbar-nav .open .dropdown-menu>li.active>a, 
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu>li.active>a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu>li.active>a:focus{ color:#fff;}
	
	.navbar-default .navbar-nav .open .dropdown-menu>li.active>a {font-weight:bold}
	
	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header{ padding:8px 0px 8px 20px;}
	
	/* reduce headers */
	.headerfullwidth h1{ font-size:24px;}
	
	
	.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, 
	.table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th{
		white-space:normal;}
		
		
	
	.btn.pagabonificobutton{ margin-bottom:20px}
	
}

@media (max-width: 991px) {
/* produclist thumbs */
	.productlistbox:nth-child(2n+1){ 	
		clear: both;		
		
	}
}
	
	

/* sistema form di contatti */

.btn{-webkit-border-radius: 0; border-radius: 0;}
.input-group-addon{ color:#FFF}

.panel.panel-default.panel-contact, .panel.panel-default{ border-color:#ddd; -webkit-border-radius: 0; border-radius: 0;  box-shadow: 0 !important; background-color:#fff;    box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none; }

.panel-contact .panel-heading{ border:0; background-color:#233E5A; font-size:12px; color:#333;  -webkit-border-radius: 0; border-radius: 0;  border-color:#233E5A !important; color:#fff; }

.form-control {
  border-radius: 0;  -webkit-border-radius: 0; border-radius: 0;
  border-color: #ccc;
  color: #60371a;
}

div#recaptcha_widget{width:100% !important;}
div#recaptcha_image{width:100% !important;height:auto !important;}
div#recaptcha_image > img{width:100% !important;}
 
.captcha.thumbnail{ border-color:#ccc !important;  border-radius: 0;  -webkit-border-radius: 0; border-radius: 0; }
/* background-color:#f7f7f7 !important */
.helptxtcaptcha{ color:#999; margin-top:5px; font-size:13px;} 
.captcha.thumbnail{ margin-bottom:0;}


/*
@media (min-width: 768px) {
	.dropdown:hover .dropdown-menu {
		display: block;	
	}
}
*/


/* mediagalleries */
h3.mediasubtitle{ color:#666; font-size:14px; margin-bottom:15px; }
.thumbnailgallery .picholder{ margin-bottom:30px; border:1px solid #ddd}

/* categorie news */
.list-group-item.active>.badge, .nav-pills>.active>a>.badge{ color:#233E5A; }
/* pagination */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background-color:#233E5A; border-color:#233E5A;
}

.pagination>li>a, .pagination>li>span, .pagination li a:hover, .pagination li a:focus{ color:#233E5A; }


/* Elenco prodotti */
.productlist{}
.productlistbox .productlistlabel{ color:#233E5A;  font-size:15px; font-weight:bold; margin-top:8px; text-align:center; line-height:normal }

.productlistbox .productlistcategorialabel{ font-size:11px; color:#666; margin-top:0px; text-align:center}


/* dettaglio prodotto */
.productsheetright h1{  color:#233E5A; padding-bottom:0; margin-bottom:5px; font-size:26px; font-weight:bold }
.productsheetright h3{ margin:0; padding:0; color:#333; font-size:15px; margin-bottom:10px; }
.productsheetright h3 a{ color:#333; }

.productsheetright .proddetailmacrocat{ font-size:15px; color:#333;}
.productsheetright .proddetailcat{ font-size:13px; color:#666; margin-top:10px;}
.productsheetright .proddetailsottocat{ font-size:11px; color:#999;margin-top:6px;}

.confezione_da, .prezzobox{ margin-bottom:6px;}
.confezione_da{ color:#233E5A; }
.prezzobox{ font-size:26px; font-weight:bold; color:#333}

/* per carrello */
table thead th.tarticolo{ text-align:left}

table .tquant{ width:60px}
table .ttrash{ width:25px;}
table .tprezzo{ width:90px; text-align:right; }

.ivainclusalabel{ font-size:14px; color:#233E5A; margin-top:10px }

/* IUBENDA  */
#iubenda-cs-banner, .iubenda-cs-content{ background-color:transparent !important; background:none !important  }
#iubenda-cs-banner{ background:#101F30 !important;  opacity: 0.92 ;  filter: alpha(opacity=92); }

.iubenda-cs-content{  }
.iubenda-cs-content a{ font-weight:bold;}

.iubenda-cs-content, .iubenda-cs-content > p{ }
.iubenda-cs-content p:first-child{ font-weight:bold !important;}




/* overwrite styles */
h2.presubtitle{ margin-bottom:5px }
h5.subtitle{ color:#888; font-size:19px; font-style:italic; } /* font-style:italic;  font-weight:bold; */
.introstory, h5.subtitle, .slogan{  font-family: 'Handlee', cursive;  }
.slogan{color:#233E5A; font-size:20px;font-style:italic;}
.introstory{ font-size:18px; font-style:italic;}

hr{ border-top:1px solid #ddd; border-bottom:1px solid #fff}

.ingredienti, .icontitleingredienti{ background-color:#6788ab;}
.icontitleingredienti{ margin-bottom:0; padding:10px 15px; font-size:14px; display:inline; color:#101f2f}
.ingredienti{ padding:15px; color:#333; font-size:13px }

.ingredienti h2{ font-size:20px}
.ingredienti h3{ font-size:18px;}
.ingredienti h4{ font-size:16px; }


.cartdrop .badge{ background-color:#fff; color:#233E5A}




/* newsletter */
.botbox{ display:none;}
.newslettersignupbar{ background-color:#ff0000; color:#fff; }
.newslettersignupbar h3{ color:#fff; text-align:center;}

/* messaggi */
.aligncenter{ text-align:center;}
.thumbsup, .thumbsup span{ color:#233E5A !important}
.thumbsdown, .thumbsdown span{ color:#000 !important}

.thumbsup span, .thumbsdown span{ margin-bottom:10px}


.panel-contact .panel-footer{ background-color:#e5eef7}


.footer, .footer a{ color:#e5eef7; font-size:13px;}
.footer a:hover{ text-decoration:none; color:#fff;}


.sceltalingue{ background-color:#e5eef7; text-align:right; padding:10px 0; border-bottom:1px solid #cbd9e8; font-size:13px;  }
.sceltalingue a{ margin-left:10px; color:#666; text-decoration:none}
.sceltalingue a.active{ font-weight:bold; color:#233E5A }