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

html {height: 100%;width: 100%;}
body {margin:0;padding:0px;height:100%; min-width:1000px;font-size:13px;font-family: 'Roboto', sans-serif; color:#666;
/*background:#e1ae66 url(../images/bkg2.jpg)*/
 /*background:#feca28 url(../images/bkg.jpg) giallo */
background:#b9d39c url(../images/bkg-verde.jpg)
no-repeat 50% 0;position:relative;}

.body_white { background:#fff; }

p {margin:0 0 6px 0;color: #000;font-size:14px;text-align:left;line-height: 135%;}

a {color:#da1f2b;text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}

h1 {color:#000;font-size:27px;margin-bottom:10px;line-height: 125%;text-align: left;font-family: 'Montserrat', sans-serif; text-transform:uppercase;}
h2 {color:#000;font-size:22px;margin-bottom:10px;line-height: 125%;text-align: left;font-family: 'Montserrat', sans-serif; font-weight:normal;text-transform:uppercase;}
h3 {color:#666;margin-top:5px;margin-bottom:5px;font-size:18px;line-height: 125%;font-family: 'Montserrat', sans-serif;}
h4 {margin-bottom:15px;margin-top:15px;font-size:16px;line-height: 115%;color: #000;font-family: 'Montserrat', sans-serif;text-transform:uppercase;}
h5 {color:#000;font-size:14px;margin-bottom:10px;margin-top:5px;font-family: 'Montserrat', sans-serif;}
h6 {margin-bottom:13px;margin-top:15px;font-size:10px;line-height: 115%;color: #DB244D;font-family: 'Montserrat', sans-serif;text-transform:uppercase;}


.clear {clear: both;}
.cleaner_h10 { clear: both; width: 100%; height: 10px; font-size: 1px;}
.cleaner_h20 { clear: both; width: 100%; height: 20px; font-size: 1px;}
.cleaner_h15 { clear: both; width: 100%; height: 15px; font-size: 1px;}
.cleaner_h40 { clear: both; width: 100%; height: 40px; font-size: 1px;}
.cleaner_h60 { clear: both; width: 100%; height: 60px; font-size: 1px;}

hr {margin: 10px 0; padding: 0; border: none; border-bottom: 1px solid #ccc;}

/* img */

.img_left{display: block; float: left; margin: 0px 15px 0px 0; }
.img_right{display: block; float: right; margin: 0 0 10px 10px;}


.dettagli a{ color:#d57a39}

.dettagli a:hover{ color:#333}

.fck_content p.error { font-size:14px; color:#F00;}
.fck_content p.success {	font-size:14px;	color:#063;}



/* ---------------------------
GENERALI
--------------------------- */

/* msg feedback */
.feed_bk {margin: 4px 0;text-align: left; font-size: 12px;}
.fbk_error {color: #c00;}
.fbk_success {color: #008040}

/*contatti*/
.errore{ color:#c00; margin:10px}

/* link vari */
.lnk_service {font-size: 12px;}
.lnk_back {text-align: right;}



/* ---------------------------
STRUTTURA
--------------------------- */

.privacy {background-image:none}

#wrapper{width:1017px;height:auto;margin:0 auto;min-height: 830px;position: relative;}



#content-top {width:1017px;margin:0 auto; }
#content-top .logo { width:470px; height:320px; background-image:url(../images/logo.png); background-repeat:no-repeat;position: absolute;z-index: 1000;top: 0px; left:0px;}
#content-top .bkg-content-top-dx { width:547px; height:230px; background-image:url(../images/bkg-content-top-dx_talloncino.png);position: absolute;z-index: 1000;top: 0px; right:0px;}




/* ---------------------------
SARACINESCA
--------------------------- */

#saracinesca {width:1017px;height:760px;position: absolute;z-index: 150;}
#saracinesca .bkg {width:1017px;height:638px;background-image:url(../images/saracinesca.png);background-repeat:repeat-y; }
#saracinesca .maniglia { width:1017px; height:112px; background-image:url(../images/maniglia-verde.png); background-repeat:no-repeat;}	

#saracinesca #pull {position:absolute;bottom:5px;left:490px; cursor:pointer; width:36px; height:45px; }
#saracinesca #pull.close { background-image:url(../images/pull.png); }
#saracinesca #pull.open { background-image:url(../images/pull-active.png); }

#saracinesca #promo-sx {position:absolute;z-index:1800;top:243px;left: 20px; width:572px; height:419px;}

#saracinesca #novita {	position:absolute;	z-index:1800;	top:140px;	right: 25px;width:491px;height:480px;background-image:url(../images/bkg-novita.png);	background-repeat:no-repeat;padding-top:75px;}
#saracinesca #novita .news {width:420px;margin:0 auto;border-bottom: #000 1px dotted;margin-bottom: 5px;float: left;margin-left: 35px;}
#saracinesca #novita .news p { font-size:14px; text-align:left;color:#696969; line-height:16px;}
#saracinesca #novita .news h2 {color:#000;font-size:17px;line-height: 18px;margin-bottom: 5px;font-weight: bold;margin-top: 10px;}

#saracinesca #novita .news img { float:left; margin-right:15px;}
#saracinesca #novita .news a {width:43px;float:right;color:#000;font-size: 13px;margin-bottom: 3px;}

#saracinesca #novita_en {	position:absolute;	z-index:1800;	top:140px;	right: 25px;width:491px;height:480px;background-image:url(../images/bkg-novita_en.png);	background-repeat:no-repeat;padding-top:75px;}
#saracinesca #novita_en .news {width:420px;margin:0 auto;border-bottom: #000 1px dotted;margin-bottom: 5px;float: left;margin-left: 35px;}
#saracinesca #novita_en .news p { font-size:14px; text-align:left;color:#696969; line-height:16px;}
#saracinesca #novita_en .news h2 {color:#000;font-size:17px;line-height: 18px;margin-bottom: 5px;font-weight: bold;margin-top: 10px;}

#saracinesca #novita_en .news img { float:left; margin-right:15px;}
#saracinesca #novita_en .news a {width:43px;float:right;color:#000;font-size: 13px;margin-bottom: 3px;}



/* ---------------------------
PAGE CONTENT	
--------------------------- */

#page-content {width:980px;padding-top:230px; margin:0 auto;}
#page-content #main { width:630px; float:left; margin-top:70px; margin-left:15px;}

#page-content #main.lavagna-home {  margin-left:0px; background-image:url(../images/lavagna-verde.png); background-repeat:no-repeat; background:trasparent; width:590px; height:554px; padding:320px 25px 0px 25px;}
#page-content #main.lavagna-home-en {  margin-left:0px; background-image:url(../images/lavagna-verde_en.png); background-repeat:no-repeat; background:trasparent; width:590px; height:554px; padding:320px 25px 0px 25px;}
#page-content #main.lavagna-home p { font-size:12px;}
#page-content #main.lavagna-home-en p { font-size:12px;}

#page-content-privacy{padding:30px; max-width:70%}


#col-sx { width:250px; float:left; margin-left:5px; margin-right:55px;}
#col-sx h3 { color:#fff; font-size:15px;}
#col-sx p {color:#fff; margin-top:10px;}

#col-sx .lavagna-news { float:left; width:250px; margin-bottom:10px;}
#col-sx .lavagna-eventi { float:left; width:250px;margin-bottom:10px;min-height: 95px;}
#col-sx .lavagna-news  a { color:#dab83e;}
#col-sx .lavagna-eventi a { color:#dab83e;}

#col-dx { width:250px; float:left; }
#col-dx h3 { color:#fff; font-size:15px;}
#col-dx p {color:#fff; margin-top:10px;}

#col-dx .lavagna-box-fb { float:left; width:250px;margin-bottom:10px;}
#col-dx .lavagna-box-tw{ float:left; width:250px; margin-bottom:10px;}
#col-dx .lavagna-tripadv { float:left; width:250px; margin-bottom:10px;}

#col-dx .lavagna-box-fb a { color:#dab83e;}
#col-dx .lavagna-box-tw a { color:#dab83e;}
#col-dx .lavagna-tripadv a { color:#dab83e;}


/* ---------------------------
SIDEBAR
--------------------------- */

#sidebar{float:right;width:330px;margin-top: 0px;min-height: 310px;}

#sidebar img { float:right; margin-bottom:15px; cursor: pointer}



/* ---------------------------
PAGINE	
--------------------------- */
#responsive { width:100%}
#responsive img { width:100%; height:auto!important;}


#page-content #main-pagine { width:930px; min-height:554px; padding:0px 25px 0px 25px;}
#page-content #main-prodotti { width:930px; min-height:554px;margin-top:30px; padding:0px 25px 0px 25px;}
#page-content #main-store { width:930px; min-height:554px; padding:0px 25px 0px 25px;}


/*PAGINA CATEGORIA*/

.title-page-prodotti { float:right; margin-right:10px;}

/*==== CATEGORIA DI PRODOTTO GRID ====*/
#portfolio-wrap {position: relative;padding: 0;width: 930px;margin: 0 auto;display: block; background-image:url(../images/bkg-prodotti.jpg);}
#portfolio-wrap .one-third {margin: 0;overflow: hidden;line-height: 0;width: 20%;padding: 0;}
.portfolio-item.current {box-shadow: 0 0px 0px 10px rgba(255, 255, 255, 0.37);z-index: 101;}
.portfolio-item {padding: 0;position: relative;overflow: hidden;}
.portfolio-item .portfolio-image {overflow: hidden;display: block;position: relative;}
.portfolio-item .portfolio-image img {width: 100%;height: auto;}
.portfolio .portfolio-overlay {width: 100%;height: 100%;top: 0;left: 0;position: absolute;display: block;z-index: 4;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background: #000 url(../images/ico-black.png); background-repeat:no-repeat;}
.portfolio > a, .portfolio > a:hover {color: #ffffff;}
.portfolio-item .portfolio > a:hover > .portfolio-overlay {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);}
.portfolio > a img {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.portfolio > a:hover img {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.portfolio .thumb-info {position: absolute;width: 100%;height: 100%;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.portfolio a:hover .portfolio-overlay .thumb-info {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);}
.portfolio-overlay .thumb-info h3 {color: #ffffff;width: 100%;position: absolute;text-align: center;top: 10%;font-size: 18px;}
.portfolio-overlay .thumb-info ul { float:left; margin-left:20px;margin-top:30px;} 
.portfolio-overlay .thumb-info li {color: #ffffff;width: 100%; text-align:left;font-weight: bold;top: 40%;font-size: 14px; line-height:16px; list-style:none; margin-bottom:4px;}
.portfolio-overlay .thumb-info i {color: #b9d39c;width: 100%;position: absolute; display: block;bottom: 10%;font-size: 13px; font-style:normal}

/**** Isotope CSS3 transitions ****/

.isotope, .isotope .isotope-item {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;}
.isotope {-webkit-transition-property: height, width;-moz-transition-property: height, width;-ms-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property: -moz-transform, opacity;-ms-transition-property: -ms-transform, opacity;-o-transition-property: -o-transform, opacity;transition-property: transform, opacity;}
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {-webkit-transition-duration: 0s;-moz-transition-duration: 0s;-ms-transition-duration: 0s;-o-transition-duration: 0s;transition-duration: 0s;}


/*====  FILTRI CATEGORIE  ====*/

#filters{margin-top: 0px;margin-bottom: 0px;text-align: center;display: block;float: none;z-index: 2;position: absolute; top:350px;}
#filters ul{margin: 0;list-style: none;padding: 0; float:left;}
#filters ul li{display: inline-block;}
#filters ul li a{display: block;float: left;padding: 2px 5px;color: inherit;margin-right: 5px;margin-bottom: 5px;font-weight: bold;text-decoration:none;}
#filters ul li a h3{font-size: 12px;padding: 2px 3px 0px;}
#filters ul li a:hover h3, #filters ul li a.active h3{color: #000;}



/*====  PAGINA PRODOTTI ====*/

#ico-prodotti { width:300px; height:170px; /*background-image:url(../images/bkg-sfondo-prodotti.png); background-repeat:no-repeat;*/ position:absolute; top:-50px; left:0px; overflow:hidden;  }

.box-content-prodotti {position: relative;padding: 0;width: 880px; min-height:450px; margin: 0 auto;display: block; background-image:url(../images/bkg-prodotti.jpg); padding:25px; padding-top:35px;}
.box-content-prodotti h2 { float:left; font-size:30px; font-weight:bold; margin-left:190px; margin-top:10px;}
.box-content-prodotti .icone-filtri { float:right;}

.box-content-prodotti .icone-filtri .back{ float:left; margin-right:30px; padding-top:0px;}
.box-content-prodotti .icone-filtri .back:hover { opacity: 0.7; filter: alpha(opacity=70); }


.box-content-prodotti .prodotto { width:880px; float:left; clear:both; height:160px; background-image:url(../images/linea.png); background-position:bottom; background-repeat:no-repeat; margin-bottom:5px;}
.box-content-prodotti .prodotto img {display: block; float: right; margin: 0px 22px 0px 0; cursor:pointer; background-color:transparent;}
.transition {-webkit-transform: scale(1.2); 
			-moz-transform: scale(1.2);
			-o-transform: scale(1.2);
			transform: scale(1.2);
			

}
.box-content-prodotti .prodotto h3 { color:#000; margin-top:22px;}
.box-content-prodotti .prodotto p {}
.box-content-prodotti .prodotto .icone { float:left;}
.box-content-prodotti .prodotto .icone li { list-style:none; float:left; margin-top:5px;}
.box-content-prodotti .prodotto .icone li img {margin: 0px 10px 0px 0;}
/* ---------------------------
FOOTER
--------------------------- */
#content-footer {width:100%;margin-top: 15px;background-color: #000; height:250px; margin-top:100px;}
.footer {width:1017px;margin: 0 auto;color: #CCC;}

.FBG { margin:0; padding:0;}
.FBG_resize {width:1017px;float:left;padding-top:40px;padding-bottom: 40px;}
.FBG_resize .blor_bord {width:240px;height:145px;float:left;margin:0;padding:1px 10px;border-right: #ccc 1px solid;margin-right: 15px;}
.FBG_resize .blor_bord img {margin-right: 6px;float:left;}

.FBG_resize .blor_bord img:hover { filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}

.FBG_resize .blor_bord3{width:auto;float:left;margin:0;padding:1px 10px;margin-left: 8px;}

.FBG_resize h2 {font-size:11px;color:#FFF;padding:0px 0px 10px 0px;margin:0;}
.FBG_resize h2 a{color:#FFF;}

.FBG_resize ul { list-style:none; margin:2px; padding:0;}
.FBG_resize li { margin:0;font-size: 11px;}
.FBG_resize li a { color:#fff; text-decoration:none; line-height:17px;}
.FBG_resize li a:hover { text-decoration:underline;}
.FBG_resize img { float:left; margin:0px; padding:0;}

.indirizzo {float:right;color:#fff;font-size:11px;text-align:center;width:100%;background-color:#292929;padding:15px;bottom:0;}
.indirizzo a { color:#fff; }

/* ---------------------------
NEWS - PAGINE
--------------------------- */
.box-news { width:950px; margin:0 auto; height:200px; margin-bottom:2px; float:left; background-image:url(../images/line-news.png); background-repeat:no-repeat; background-position:bottom; }
.data  {margin:0 0 5px 0;color: #666;font-size:14px;text-align:left;line-height: 155%;}
.box-news h2 { font-size:18px; }
.img-news {display: block;float: right; margin: 0px 15px 10px 0; width:310px;}
.maschera { z-index:100; position:absolute;}
.img-news-foto {display: block;float: left; margin-left:33px; margin-top:20px; }
.content-news {display: block;float: left;margin: 30px 15px 30px 30px; width:540px;}


/*.box-news { width:950px; margin:0 auto; height:250px; margin-bottom:15px; float:left; background-image:url(../images/line-news.png); background-repeat:no-repeat; background-position:bottom; }
.data  {margin:0 0 5px 0;color: #666;font-size:14px;text-align:left;line-height: 155%;}
.box-news h2 { font-size:22px; }
.img-news {display: block;float: right;margin: 0px 15px 10px 0; width:310px;}
.maschera { z-index:100; position:absolute;}
.img-news-foto {display: block;float: left; margin-left:33px; margin-top:20px;}
.content-news {display: block;float: left;margin: 40px 15px 30px 30px; width:540px;}*/


#dettaglio_news {}
#dettaglio_news.data {margin:0 0 6px 0;color: #808080;font-size:14px;text-align:left;line-height: 155%;}
#dettaglio_news h4  {font-size:18px;}
#dettaglio_news img {display: block;float: left;margin: 5px 15px 10px 0;max-width: 250px}




/* ---------------------------
PROMOZIONI
--------------------------- */

.promo img{ margin:0 auto;}
#content-slide {background-color:#fff;height:300px;background-image:url(../images/bkg-banda-white.jpg);background-repeat:no-repeat;background-position:top;padding-top:10px;margin-top:8px; width:100%;}
.promo-legal { font-size:11px; text-align:center; color:#000; text-transform:uppercase; width:560px; margin:0 auto; margin-top:15px; margin-bottom:15px; font-weight:bold;}
.bollini { text-align:center!important; }



/* ---------------------------
PAGINA STORE LOCATOR
--------------------------- */

/*
MODIFICATO IL 5 NOVEMBRE 2015 da Fabio
.mappa-store-locator { float:left; width:515px; height:700px; background-image:url(../images/bkg-mappa.png); background-repeat:no-repeat;  padding-top:92px; padding-left:2px; margin-top:100px;}
*/
.mappa-store-locator { float:left; width:515px; height:700px; background-image:url(../images/bkg-mappa.png); background-repeat:no-repeat;  padding-top:54px; padding-left:2px; margin-top:100px;}

.mappa-store-locator #filter_cat { margin-bottom:10px; margin-top:8px; margin-left:20px;height: 25px;}
.mappa-store-locator #filter_prov{ height:25px;}
.mappa-store-locator #content { width:200px;}
.mappa-store-locator h2 { font-size:13px;}
.mappa-store-locator p { font-size:12px; line-height:13px;}

.img-store-locator { float:right; background-image:url(../images/img-store.png); background-repeat:no-repeat; margin-top:60px; width:400px; height:611px;}
.img-store-locator-en { float:right; background-image:url(../images/img-store_en.png); background-repeat:no-repeat; margin-top:60px; width:400px; height:611px;}

.elenco-store { float:left; background-color:#fff; padding-left:10px; padding-bottom:15px;}
.elenco-store h2 { font-size:14px;}
.elenco-store p { font-size:12px; line-height:13px;}
.elenco-store.dettagli-store { width:200px;}
.elenco-store .immaginestore{ float:left; width:180px; height:140px;}
.elenco-store .immaginestore img{  width:160px; padding-top:3px;}

.storelocator-panel {border: 1px solid #ccc;overflow: auto;}
.storelocator-panel .store-list {margin: 0;padding: 0;}
.storelocator-panel .store-list li,
.storelocator-panel .directions-panel {padding: 5px;}
.storelocator-panel .directions-panel {font-size: 0.8em;}
.storelocator-panel .store-list li.store:hover {cursor: pointer;background: #eee;}
.storelocator-panel .store-list li.highlighted,
.storelocator-panel .store-list li.highlighted:hover {background: #ccf;}
.storelocator-panel .directions {display: none;}
.storelocator-panel .location-search {padding: 5px;}
.storelocator-panel .location-search input {width: 95%;}
.storelocator-panel .location-search h4 {font-size: 0.8em;margin: 0;padding: 0;}
.storelocator-panel .store-list .no-stores {color: grey;}
.storelocator-panel .store .features {display: none;}
.storelocator-panel .feature-filter {overflow: hidden;}
.storelocator-panel .feature-filter label {display: block;font-size: 0.8em;margin: 0 0.4em;float: left;}
.store {float: left ;width:390px; margin-left:20px; margin-right:20px; height:130px;  border-bottom:#CCC 1px solid; /* background:#fff; background-image: url(../images/bkg-store-punti.jpg); background-repeat:no-repeat; background-position:left top;*/ margin-top:10px; margin-bottom:10px; padding:15px;padding-top:10px; padding-left:5px;}

.store .title {font-weight: bold; }
.store .address,
.store .web,
.store .phone {font-size:13px; line-height:16px; margin-top:7px; margin-bottom:7px;display: block;}

.store .misc {font-size:15px!important; line-height:22px; color:#000; font-weight:bold;}

.store .misc a { color:#000;}

.store .misc a:hover { color:#000; text-decoration:none;}

.store .features {overflow: hidden;color: grey;margin: 0;padding: 0;font-size: 70%;max-width: 250px;}
.store .features li {display: inline;float: left;padding-right: 0.8em;}
.store .web a {color: green;}
.store .action {font-size: 0.8em;color: green;margin-right: 0.5em;}



/* -----------------------------------
PAGINA PROMOZIONE MITO AMERICANO
------------------------------------ */

.mito-americano-content { width:100%; margin:0 auto;}
.mito-americano-content img { width:100%; height:auto;}
.offerte-mito-americano { width:100%;}
.offerte-mito-americano img {  margin-left:15px;display: block; float: left; width:450px; height:auto;  }

.offerte-mito-americano-note { clear:both; width:100%; padding-top:30px;}
.offerte-mito-americano-note p {text-align:center; font-size:15px;}



/* -----------------------------------
PAGINA PROMOZIONE APP
------------------------------------ */

.promo-app-content { width:925px; height:988px; background-image:url(../images/landing/app.png); margin:0 auto; margin-top:80px; position:relative; color:#c4daab;}
.promo-app-box-store {
	width:159px;
	height:147px;
	z-index:150000;
	position:absolute;
	top: 940px;
	left: 65px;
}
.promo-app-box-store img { margin-top:15px;}

#canvas{
	position: fixed; 
	width:100%;
	height:100%;
	display:block;
	z-index:10000; 
	top: 0; 
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
}

.btnPromo {
    background-color: #f4c500;
    border-radius: 10px 10px 10px 10px;
    color: #1b1b1b;
    font-size: 16px;
    padding: 15px;
    text-decoration: none;
    text-transform: uppercase;
}

.btnPromo:hover {
	color: #333333;
	text-decoration: none;
}

#content-footer .indirizzo p {
	color: #fff;
	font-size: 11px;
	text-align: center;
	margin: 0;
}