@charset "utf-8";
 @import url('https://fonts.googleapis.com/css?family=Muli:100, 300, 400;Lora:400,400i;');
/* CSS Document */
html,body{margin:0;padding:0;}
body{ font-family: 'Muli',sans-serif; font-weight:400;  text-align:center; background: #fff; min-height: 100%; width: 100%;float: left;}
body#loader{ /* for preloader */ }
/* preloader settings */
/* Preloader */

/* fine preloader */

.noscroll { overflow: hidden; }
p, ul, li, img{margin:0; padding:0; border:none}
ul, li{ list-style:none}
a{color: #666; border:none; text-decoration: none;}
a:hover{text-decoration: none;}
input[type="text"], input[type="password"], textarea, select { outline: none;}
.placeholder{ text-transform: uppercase; margin-left: 10px;}
div#container{text-align:left; width:100%;margin:0 auto; margin-top:0px; background: #fff; float: left; position: relative; z-index: 0;}
div#non-esiste{padding-top: 120px; padding-bottom: 120px; float: left; text-align: center; width: 100% }
.hidden{
     opacity:0;
}
.visible{
     opacity:1;
}
/* barra header */
div#header{width:100%; float:left; z-index: 3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; padding: 0 !important; margin: 0 !important; z-index: 3; height: 80vh; z-index: 3000; position: relative; }
div#header.interno{height: 40vh; }
div#header div#menu{float:right; }

div#header div.contenuto{ margin-left:auto; margin-right:auto; position: relative; z-index: 10000; float: left; width: 100%; height: 80vh; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.4+1,0+33,0+66,0.4+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 1%, rgba(0,0,0,0) 33%, rgba(0,0,0,0) 66%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 1%,rgba(0,0,0,0) 33%,rgba(0,0,0,0) 66%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 1%,rgba(0,0,0,0) 33%,rgba(0,0,0,0) 66%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
}
div#header.interno div.contenuto{height: 40vh; min-height: 250px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 1%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 1%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 1%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */}
div#header div.contenuto div.icona{ position: absolute; top: 0;right:1.5%; top: 35px;}
div#header div.contenuto div.icona p{text-transform: uppercase; font-size: .8em; margin-bottom: 20px; text-align: left; color: #fff; font-weight: bold; }
@media only screen and (max-width: 959px) {
     div#header div.contenuto div.icona p{text-align: center; }
  }
div#header div.contenuto div.icona a{ line-height: 30px; color: #fff; height: 30px;}
div#header div.contenuto div.icona img{height: 30px; vertical-align: middle; padding-right: 20px;}
div#header div.contenuto div.icona span{height: 30px; vertical-align: middle; padding-right: 20px; font-size: 1.1em;}
div#header div.contenuto div.icona .social{ float: right; padding-left: 30px;}
div#header div.contenuto div.icona .sedi{ float: left;}
@media only screen and (max-width: 959px) {
     div#header{height: auto; }
    div#header.interno{height: auto; }
    div#header.interno div.contenuto{height: 40vh; background: rgba(0,0,0,.4)}
div#header div.contenuto div.icona{ top: auto; bottom: 10px; right:0; width: 100%;}
div#header div.contenuto div.icona p{margin-bottom: 5px; }
div#header div.contenuto div.icona img{height: 24px;}
div#header div.contenuto div.icona span{font-size: .9em;}
div#header div.contenuto div.icona .social{ width: 100%; padding-left: 0;}
div#header div.contenuto div.icona .sedi{ width: 100%; padding-bottom: 20px;}
  }
div#header div#content-menu{ float:left; position: absolute; bottom:0px; left: 0; width: 100%;}
@media only screen and (max-width: 959px) {
div#header div#content-menu{display: none;}
  }
div.naviga{width: 20%; margin-right: 1%; float: right; color: #e85c01; padding-top: 15px; padding-bottom: 15px; cursor: pointer; background-color: #fff; background-image: url('../risorse/naviga-arrow.png'); background-repeat: no-repeat; background-position: 95% center; background-size: 10%}
div.naviga p{margin-left:5%; font-weight: bold; text-align: left; float: left; }
div.fin-naviga{width: 100%; height: 0; background: #000; float: left;position: relative;z-index: 20; border-top: 10px solid #fff;}
div.fin-naviga ul { display: none; opacity: 0;}
div.fin-naviga ul li{ width: 21%; padding: 2%; display: inline; float: left;}
div.fin-naviga ul li p{ text-align: left; text-transform: uppercase; padding-bottom: 10px; font-weight: bold; color: #fff;}
div.fin-naviga ul li a{ width: 100%; padding-top: 5px; padding-bottom: 5px; color: #e85c01; text-decoration: underline; display: block; text-align: left; text-decoration: none; font-weight: bold;}
div#header div#content-menu div#menu{margin-left:auto; margin-right:0; position:absolute; bottom: 15px; }
div#header div#content-menu div#menu div{float: left;  }
div#header div#content-menu div#menu ul { float: left; width: 100%; margin-left: 5%;}
div#header div#content-menu div#menu ul li{ display: inline;float: left; position: relative;}
div#header div#content-menu div#menu ul li:before{ position: absolute; top: 10px; left: 0; height: 12px; width: 12px; background: #e85c01; content:''}
div#header div#content-menu div#menu ul li.cerca{ min-width: 40px;}
div#header div#content-menu div#menu ul li.last { background: #fff; border-bottom: 5px solid red; }
div#header div#content-menu div#menu ul li.last a { font-size: 0.9em; color: #666; }
div#header div#content-menu div#menu ul li a{ color: #fff; padding : 10px 15px 10px 20px; float: left; font-size: 1.3em;}
div#header div#content-menu div#menu a.cerca-header{ background: none; border-radius: 0; margin-right: 0; position:relative; margin-top:38px; padding-bottom: 14px; padding-left: 8px; padding-right: 8px; color: #666; }
div#header div#content-menu div#menu a.cerca-header img,div#header div#content-menu div#menu a.close-header img{ height: 34px; }
div#header div#content-menu div#menu a.cerca-header img.close{ display:none; }
div#header-gallery{position: fixed; top: 0; left: 0; height: 80vh; width: 100%; z-index: 0; background: #666;}
div#header-gallery.interno{height: 40vh; min-height: 250px; }
@media only screen and (min-width: 960px) and (max-width: 1200px) {
div#menu ul { margin-left: 10px !important;}
div#menu ul li a{ padding : 10px 5px 10px 20px !important; font-size: 1.1em !important;}
  }
@media only screen and (max-width: 959px) {
div#menu{margin-left:auto; margin-right:0; position:relative; }
div#menu div{float: left;}
div#menu ul { float: right; width: 100%;}
div#menu ul li{ display: inline; float: left; width: 100%; margin:0; padding: 0; margin-bottom: 1px;}
div#menu ul li.cerca{ display: none; }
div#menu ul li a{ font-size: .9em; padding-left: 20px; font-weight: 400; padding-right: 20px; padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px; display: block; color: #fff; padding-top:10px; padding-bottom: 10px; margin-left: 5%; margin-right: 5%; font-weight: bold; text-align: left; border: 2px solid  #e85c01; border-radius: 20px; text-transform: uppercase;}
  }
.slidingDiv {
height:200px;
background: rgba(0,81,0,1);
margin-top:10px;
border-bottom:1px solid #666;
position: relative;
 -webkit-box-shadow: 0px 0px 39px 14px rgba(0,0,0,0.16);-moz-box-shadow: 0px 0px 39px 14px rgba(0,0,0,0.16);box-shadow: 0px 0px 39px 14px rgba(0,0,0,0.16);
}

.show_hide {
display:none;
}

div.form-slider-container{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80%;  height: 142px; border-radius: 8px;z-index: 1000}

div.form-slider-container p{ font-size: .8em; color: #fff; text-transform: uppercase;}

div.form-slider-container ul li div.prezzo-min-max,div.form-slider-container ul li div.mq-min-max{ position:absolute; background: #f0f0f0; display: none; top:0; left: 0; width: 100%; z-index: 1000;}
div.form-slider-container ul li div.prezzo-min-max p,div.form-slider-container ul li div.mq-min-max p{ color: #666; font-size: .6em;}
div.form-slider{ position: absolute; top: 50%; left: 47.5%; transform: translate(-52.5%,-50%); width: 95.0%;  height: 50px; }
div.form-slider ul li{ width: 14.6666666666666666%; margin-right: 1%; float: left; display: inline;}
div.form-slider ul{ margin-left: 5%;}
.bottone-slider{ width: 5%; right:0; height: 42px; top:0; background: url(../risorse/ico-cerca.png) center center no-repeat; margin-top: 2px; float: right; border: 0; cursor: pointer;}
div.form-slider ul li div.prezzo-min-max p, div.form-slider ul li div.mq-min-max p{ padding-top: 5px; padding-bottom: 5px; }

/* menu top */
div#header div.contenuto div.logo{float:left; text-align:center; width: 25%; margin-left:1.5%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin-bottom:20px; margin-top: 20px;float: left; }
div#header div.contenuto div.logo p{text-align: left; padding: 15px 45px;}
div#header div.contenuto div.logo img{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: auto; height: 90px;}
@media only screen and (max-width: 959px) {
div#header div.contenuto div.logo{width: 100%; margin-left:0%; margin-left:0%;margin-bottom:20px; margin-top: 0; padding-bottom: 100px; position: absolute; top: 20px;}
div#header div.contenuto div.logo p{text-align: left; padding: 0;}
div#header div.contenuto div.logo img{ margin: 0 auto; display: block; height: 70px;}
  }

/* contenuto */
div#content{float:left; width: 100%;}
div#content p.titolo{}
div#content div.main_content{ width: 100%; float: left;}
@media only screen and (max-width: 959px) {
    div#content{margin-top:10px; }
    div#content div.main_content{ display:inline;float:left; width: 100%;}
  }

/* contenuto home */
div.top-home{ height: 424px;position: relative; z-index: 1000;}
@media only screen and (max-width: 959px) {
  div.top-home{ }
  }
div.scroll-home{ height: 424px; -webkit-box-shadow: 0px 0px 39px 14px rgba(0,0,0,0.16);-moz-box-shadow: 0px 0px 39px 14px rgba(0,0,0,0.16);box-shadow: 0px 0px 39px 14px rgba(0,0,0,0.16); position: relative; z-index: 1; overflow: hidden;}
div.scroll-home img{ width: 100%;}
@media only screen and (max-width: 959px) {
  div.scroll-home{ height: auto; display: none;}
  div.scroll-home img{ }
  }

div.parallaxie-2{ min-height: 224px;}
div.fin-parallax2{ z-index: 5; position:relative; }
div.claim-fin{ background: rgba(0,153,51,0.3); top:0;z-index: 1000;min-height: 224px; position: absolute; top:0; width: 100%;}
div.claim-fin div{ margin: 0 auto; width: 90%;}
div.claim-fin div p{float: left; width: 28.33333333333333%;display:inline-block; height: 224px; line-height: 224px; color:#fff; text-transform: uppercase; margin-left: 2.5%; margin-right: 2.5%; font-weight: 400; font-size: 1.6em; text-align: right;}
div.claim-fin img{ height: 120px; margin: 0 auto; display: block; margin-top: 62px; margin-bottom: 72px;}
@media only screen and (max-width: 959px) {
div.parallaxie-2{ display: none}
div.fin-parallax2{ display: none; }
div.claim-fin{ display: none;}
  }
div.cerca-home, .cerca-page{ height:90px; width: 100%; position:relative; z-index: 10000; top:0; background:#fff; -webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out; display: block;}
@media only screen and (max-width: 959px) {
    div.cerca-home{ position:relative !important;}
  }
#win-mobile-cerca{height: 100vh; background: #fff; width: 100%; background: rgba(255,255,255,1); position: fixed; top: 0; left: 0; z-index: 20000; opacity: 1; display: none;}
@media only screen and (max-width: 959px) {
    .cerca-page{ display: none; }
#win-mobile-cerca{ }
  }
div.cerca-home div.logo-barra-cerca, div.cerca-page div.logo-barra-cerca{ -webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out; opacity: 0;height:90px; top: 0px; background-image: url("../risorse/agenzia-immobiliare-living-barra-cerca.png"); background-repeat: no-repeat; background-size: 9%; background-position: 2% center; width: 100%} @media only screen and (max-width: 959px) {
     div.cerca-home div.logo-barra-cerca, div.cerca-page div.logo-barra-cerca{ display: none;}
  }
div.cerca-home.fixed div.logo-barra-cerca, div.cerca-page.fixed div.logo-barra-cerca{ opacity: 1; }
div.cerca-home img, div.cerca-page img{ width: 100%;}
div.form-home-container{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%;  height: 70px; -webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}
div.fixed div.form-home-container{left: 56%;height: 60px;}
@media only screen and (max-width: 959px) {
    div.form-home-container{ height: auto; border-radius: 0; top:0; left: 0 !important; transform: translate(0,0); width: 100%; transform: translate(0,0); position: relative; }
  }
div.form-home{ position: absolute; top: 40%; left: 47.5%; transform: translate(-52.5%,-50%); width: 95.0%; }
@media only screen and (max-width: 959px) {
    div.form-home{ position: relative; top: 0px; margin-top:40px; left: 47.5%; transform: translate(-52.5%,0%); width: 95.0%; }
  }
div.form-home ul li{ width: 16%; margin-right: .4%; float: left; display: inline;}
div.form-home ul li p{ font-size: .7em; text-transform: uppercase; padding-bottom: 4px; padding-left: 10%; color: #eb5b02;}
div.form-home ul li div.prezzo-min-max,div.form-home ul li div.mq-min-max{ position:absolute; background: #fff; display: none; top:54px; left: 0; width: 200%; border-radius: 10px;}
div.form-home ul li div.prezzo-min-max ul,div.form-home ul li div.mq-min-max ul{ margin: 0;}
div.form-home ul li div.prezzo-min-max ul li,div.form-home ul li div.mq-min-max ul li{ width: 46%;}
div.form-home ul li div.prezzo-min-max div,div.form-home ul li div.mq-min-max div{padding-left: 2%; padding-right: 2%; width: 96%; padding-top: 10px; padding-bottom: 10px; float: left;}
.open-select-prezzo .list,.open-select-mq .list{ opacity: 0 !important;}
div.form-home ul li div.prezzo-min-max p,div.form-home ul li div.mq-min-max p{ font-size: 11px; padding-bottom: 5px; padding-top: 5px; color: #666}
div.form-home ul{ margin-left: 5%;}
@media only screen and (max-width: 959px) {
    div.form-home{ top: 20%; left: 50%; z-index: 10 }
    div.form-home ul li p{ display: none;}
    div.form-home ul li{ width: 100%; margin-bottom: 20px; margin-right: 0; z-index: auto}
    .open-select-prezzo, .open-select-mq{ display: none !important; }
    div.form-home ul li div.prezzo-min-max,div.form-home ul li div.mq-min-max{ height: auto; float: left; position:relative; display: block !important; width: 100%; top: 0;}
    div.form-home div.prezzo-min-max div,div.form-home div.mq-min-max div{ width: 100%; padding-top: 0 !important;  padding-bottom: 0 !important;}
    div.form-home ul li div.prezzo-min-max ul li,div.form-home ul li div.mq-min-max ul li{ margin-bottom: 0; padding-bottom: 0;}
    div.form-home ul li div.prezzo-min-max div,div.form-home ul li div.mq-min-max div{width: 100%;}
  }
div.cerca-home input[type=submit], div.cerca-page input[type=submit]{ width: 6%; position: absolute; right:2%; height: 37px; top:0; background: #fff url(../risorse/lente.png) center center / contain no-repeat; border-bottom-right-radius: 8px; border-top-right-radius: 8px; border:0; cursor: pointer; margin-top: 18px; float: left;}
@media only screen and (max-width: 959px) {
    div.cerca-home input[type=submit], #win-mobile-cerca input[type=submit]{ width: 100%; position: static; right:2%; height: 37px; top:0; background: #fff url(../risorse/lente.png) center center / contain no-repeat; border-bottom-right-radius: 8px; border-top-right-radius: 8px; border:0; cursor: pointer; margin-top: 18px; margin-bottom: 18px; float: left;  }
  }
    div.cerca-sidebar{ float: left; width: 100% }
div.form-sidebar{ position:relative;width: 100%;  height: auto; top: 0px; float: left; padding-bottom: 120px; }
@media only screen and (min-width: 960px) {
    div.cerca-sidebar{ display: none; }
div.form-sidebar{ display: none;}
  }
div.form-sidebar p{ font-size: .6em; text-align: left; padding-top: 15px; padding-bottom: 5px; text-transform: uppercase; float: left; }
div.form-sidebar p.label-prezzo, div.form-sidebar p.label-superfice{ display: none; }
div.form-sidebar div.open-select-prezzo{ display: none; }
div.form-sidebar div.open-select-mq{ display: none; }
div.form-sidebar input[type=submit]{ width: 100%;height: 70px; margin-top: 30px; left: 0; position: relative; background: #f46200 url(../risorse/ico-cerca.png) center center no-repeat; border:0; cursor: pointer;}
div.form-sidebar ul li div.prezzo-min-max,div.form-sidebar ul li div.mq-min-max{ background: #f0f0f0;float: left; margin-top: 2px; margin-bottom: 2px; width: 100%}

div#immobili-home{ width: 100%; float:left; padding-top: 0px; position:relative; padding-bottom: 40px; background:linear-gradient(40deg, #000000 0%, #666666 100%); min-height: 120px;}
div.triangolo-top-bianco{ width: 0; height: 0; border-style: solid; border-width: 50px 25px 0 25px; border-color: #fff transparent transparent transparent; position: absolute; top: 0; left: 10%; }
@media only screen and (max-width: 959px) {
    div.triangolo-top-bianco{border-width: 30px 15px 0 15px; }
  }
div.triangolo-top-nero{ width: 0; height: 0; border-style: solid; border-width: 50px 25px 0 25px; border-color: #000 transparent transparent transparent; position: absolute; top: 0; left: 10%; }
@media only screen and (max-width: 959px) {
    div.triangolo-top-nero{border-width: 30px 15px 0 15px; }
  }
div#immobili-home div.lista-immobili-home{ width: 100%;}
div#immobili-home p.titolo { width:98%; margin: 1%; text-align:center; line-height:0.1em; font-size: 2.8em; margin-bottom: 5px; margin-top: 40px; float: left; color: #fff; text-transform: uppercase; position:relative; padding-bottom: 40px; font-weight: 400;  }
@media only screen and (max-width: 959px) {
    div#immobili-home p.titolo { line-height: inherit; font-size: 1.8em;  }
  }
div#immobili-home p.titolo:after { content:''; height: 5px; width: 20%; background: #fff;display:inline-block; float: left; position: absolute; left: 40%; bottom:0px;  }
div#immobili-home div.immobili-scroller-home { float: left; width: 80%; margin-right: 10%; margin-left: 10%; padding-top: 0px; }
div#immobili-home div.immobili-scroller-home div {    }
div#immobili-home div.immobili-scroller-home div.box { float: left; }
@media only screen and (max-width: 959px) {
   div#immobili-home div.immobili-scroller-home div {   }
   div#immobili-home div.immobili-scroller-home div.box {  }
  }
div#immobili-home div.immobili-scroller-home div div.finestra { position: relative; width: 100%;}
div#immobili-home div.immobili-scroller-home div div.finestra div.novita { overflow: hidden; position:absolute; bottom:368px; }
div#immobili-home div.immobili-scroller-home div div.finestra div.novita p { padding-left: 10px; padding-right: 10px; text-align: center; background: #ffcc00; color: #fff; padding-top: 5px; padding-bottom: 5px; text-transform: uppercase; }
div#immobili-home div.immobili-scroller-home div p.foto { text-align:center; background: #fff; position: relative; z-index: 2; margin-top: 30px; overflow: hidden; padding-top: 20px; border-top-left-radius: 10px;border-top-right-radius: 10px;}
div#immobili-home div.immobili-scroller-home div p.foto img { max-height: 180px; width: 100%;max-height: auto; width: auto; margin: 0 auto; display: block; margin-top: 5px;}
@media only screen and (max-width: 959px) {
   div#immobili-home div.immobili-scroller-home div p.foto img { width: auto; margin: 0 auto; display: block;  }
  }
div#immobili-home div.immobili-scroller-home div div.nome { text-align:center; padding-top:10px; padding-bottom:10px; font-size:1.4em; height: 200px; text-transform: uppercase; width: 100%; padding-top: 20px; position: relative; z-index: 1;}
div#immobili-home div.immobili-scroller-home div div.nome p { color: #666;}
div#immobili-home div.immobili-scroller-home div div.contenuto-finestra-scroller { position: relative; width: 100%; padding-top: 15px; padding-bottom: 0px; margin-bottom: 10px; background: #fff; float: left; padding-bottom: 30px; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
div#immobili-home div.immobili-scroller-home div.box:hover div.contenuto-finestra-scroller { background: #f0f0f0; }
div#immobili-home div.immobili-scroller-home div div.contenuto-finestra-scroller p {font-size: 0.8em; padding-left: 5%; padding-right: 5%; width: 90%; text-align: center;}
div#immobili-home div.immobili-scroller-home div div.contenuto-finestra-scroller p.descrizione{ color: #666; font-size: 0.8em; padding-left: 5%; padding-right: 5%; width: 90%; text-align: left; padding-bottom: 10px;}
div#immobili-home div.immobili-scroller-home div div.contenuto-finestra-scroller p.vani-mq { font-weight: 400; height: 30px; line-height: 30px; font-size: 1em; background: #e85c01; color: #fff; width: 40%; float: left; margin-left:0; font-size: .9em; border-bottom-right-radius: 20px; border-top-right-radius: 20px; }
div#immobili-home div.immobili-scroller-home div div.contenuto-finestra-scroller p.tipologia { font-weight: 400; padding-bottom: 5px; font-size: 1em; color: #666; text-align: left; font-weight: normal; text-transform: uppercase; }
div#immobili-home div.immobili-scroller-home div div.contenuto-finestra-scroller p.tipologia span { font-weight: bold; text-transform: none; font-size: 1.2em; }
div#immobili-home div.immobili-scroller-home div div.contenuto-finestra-scroller p.mq { font-weight: 400; height: 20px; padding-top: 10px; padding-bottom: 10px; font-size: 1em;}
div#immobili-home div.immobili-scroller-home div div.contenuto-finestra-scroller p.prezzo {background: #fff; width: 30%; float: right;color: #f46200; padding-top: 0px; font-size: 1em; line-height: 30px; height:30px; background: #f0f0f0; border-top-left-radius: 20px; border-bottom-left-radius: 20px; font-weight: bold;}
div#immobili-home div.immobili-scroller-home div div.contenuto-finestra-scroller:hover p.prezzo {color: #f46200;}

#selezionati-home { background-color: #fff; background-image: url('../risorse/famiglia_sfondo.jpg'); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 100%; float: left; padding-bottom: 30px; position:relative;}
#selezionati-home p.titolo { width: 100%; text-align: center; padding-top: 40px; padding-bottom: 20px; font-size: 2em; text-transform: uppercase; color: #e85c01; font-weight: 400;}
#selezionati-home ul li { display: inline; float: left; width: calc(30% - 40px);position: relative; margin: 10%; margin-left: 5%; position: relative; -webkit-box-shadow: 0px 0px 62px 0px rgba(0,0,0,0.37);-moz-box-shadow: 0px 0px 62px 0px rgba(0,0,0,0.37);box-shadow: 0px 0px 62px 0px rgba(0,0,0,0.37);transition: .5s ease; border: 2px solid #fff;}
#selezionati-home ul li.right { margin-right: 5%; float: right;}
#selezionati-home ul li.left .post { background-position: center center; background-size: cover; }
#selezionati-home ul li.right .post {  }
@media only screen and (max-width: 959px) {
     #selezionati-home { margin-bottom: 20px;}
    #selezionati-home ul li { width: calc(90% - 40px);}
#selezionati-home ul li.left { margin-bottom: 120px;}
  }
#selezionati-home ul li:hover { -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0);box-shadow: 0px 0px 12px 0px rgba(0,0,0,0);}
#selezionati-home ul li div { width: 100%;padding-top: 0px; padding-bottom: 0px; z-index:1; overflow: hidden; height: 350px; position: relative; }
#selezionati-home ul li div img { margin: 0 auto;display: block; height: 350px; width: 100%; webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; overflow: hidden; left: -50%;margin-left: 50%; position: absolute;}
@media only screen and (max-width: 959px) {
    #selezionati-home ul li div {height: 250px; }
    #selezionati-home ul li div img { width: auto; height: 250px; margin-left: auto; left: 0;}
  }
#selezionati-home ul li:hover div img { }
#selezionati-home ul li div.riga-home-overlay { width:100%; position: absolute; top:0; z-index:2; background: rgba(0,0,0,.4);  display:table;}
#selezionati-home ul li div.riga-home-overlay img { width: 100%; margin: 0 auto; display: block;}
#selezionati-home ul li:hover div.riga-home-overlay { background: rgba(0,0,0,.2);}
#selezionati-home ul li div.scritta-overlay {  position: relative;}
#selezionati-home ul li div.scritta-overlay p { color: #fff; text-transform: uppercase; text-align: left; position: absolute;bottom:20px; width:60%; margin-left: 10%; margin-right: 20%; font-size: 2em; font-weight: 400;}

#profilo-home { width: 100%; float: left; padding-bottom: 0px; z-index: 2; position: relative; top:70px;}
#profilo-home li { display: inline; float: left;}
#profilo-home li.testo-profilo-home { width: 40%;}
@media only screen and (max-width: 959px) {
    #profilo-home li.testo-profilo-home { width: 100%;}
  }
#profilo-home li.testo-profilo-home p.titolo { font-size: 1.8em; padding-top: 40px; padding-bottom: 40px; color: #666; padding-left: 10%; padding-right: 10%; width: 80%; font-weight: 400;}
#profilo-home li.testo-profilo-home p.contenuto { font-size: 1em; padding-top: 40px; padding-bottom: 40px; color: #666; padding-left: 20%; padding-right: 20%; width: 60%;}
#profilo-home li.foto-profilo-home { width: 60%; height: 430px; margin-top: 80px; overflow: hidden;}
@media only screen and (max-width: 959px) {
    #profilo-home li.foto-profilo-home { width: 100%;margin-top: 10px; height: auto;}
    #profilo-home li.testo-profilo-home p { text-align: center;}
  }
#profilo-home li.foto-profilo-home img { width: 100%; }

#servizi-home { background: #f0f0f0; width: 95%; float: left; padding-bottom: 30px; padding-left: 2.5%; padding-right: 2.5%;}
#servizi-home p.titolo { width: 100%; text-align: center; padding-top: 40px; padding-bottom: 20px; font-size: 2.8em; text-transform: uppercase; color: #ff9900; font-weight: 400;}
#servizi-home ul li { display: inline; float: left; width: 22%;position: relative; margin: 1.5%; position: relative; }
@media only screen and (max-width: 959px) {
    #servizi-home ul li { width: 97%; margin-top: 20px; }
  }
#servizi-home ul li div.foto { float:left; margin-top:5%; margin-left: 5%; width: 90%; background: #666; height: 300px; overflow: hidden;}

#servizi-home ul li div.foto img { margin: 0 auto; display: block; height: 371px; webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; overflow: hidden;}
@media only screen and (max-width: 959px) {
    #servizi-home ul li div.foto { height: 250px;}
    #servizi-home ul li div.foto img {  height: auto; width: 100%; margin: 0;}
  }
#servizi-home ul li div.testo-servizio {  position: absolute; -webkit-box-shadow: 0px 0px 62px 0px rgba(0,0,0,0.37);-moz-box-shadow: 0px 0px 62px 0px rgba(0,0,0,0.37);box-shadow: 0px 0px 62px 0px rgba(0,0,0,0.37); background: rgba(255,201,13,0.8);top:-10px; left:-10px; height: 180px; width: 60%; padding-left: 40px; padding-right: 40px; padding-top: 40px;transition: .5s ease;}
#servizi-home ul li:hover div.testo-servizio { height: 300px}
#servizi-home ul li div.testo-servizio p { font-size: 1em; color: #000; text-transform: uppercase; text-align: left; font-size: 1em;}
#striscia-valuta { float: left; width: calc(45% - 20px); height: 360px; background-repeat: no-repeat; position: relative;; background-position: bottom;}
@media only screen and (max-width: 959px) {
    #striscia-valuta { width: 100%; background-position: right;}
  }
#striscia-valuta.left { margin-left: 5%; margin-right: 10px; background-image: url('../risorse/bg-striscia-valuta.jpg'); background-size: cover; }
#striscia-valuta.full { margin-left: 5%; width: 90%; margin-right: 5%; height: 390px; background-image: url('../risorse/bg-striscia-valuta.jpg'); background-size: cover; background-position: bottom; }
#striscia-valuta.right { margin-right: 5%; margin-left: 30px; background-image: url('../risorse/bg_famiglia.jpg'); background-size: cover;}
#striscia-valuta div.striscia-valuta-left { float: left; width: 100%; position: absolute; top: 0px; height: 100%; background:linear-gradient(-45deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 60%); transition: all 0.5s ease; opacity: 1;}
#striscia-valuta div.striscia-valuta-left:hover {opacity: .7;}
#striscia-valuta div.striscia-valuta-left p{ color: #fff; padding-top: 90px !important; font-weight: bold; font-size: 2.6em; padding-top: 10px; float: left; text-align: center; width: 100%; }
#striscia-valuta div.striscia-valuta-left .link-finestra { color: #fff; padding-top: 20px; padding-bottom: 20px; padding-left: 20%; padding-right:5%; color: rgba(255,102,0,1); position: absolute; bottom: 0; right: 0; font-size: 1.6em; font-weight: bold; text-align: right; margin-right: 10px;}
@media only screen and (max-width: 959px) {
    #striscia-valuta, #striscia-valuta.full {background-position: right; background-size: cover; margin-bottom: 60px;}
    #striscia-valuta div.striscia-valuta-left {width: 100%; position: static;}
#striscia-valuta div.striscia-valuta-left a { font-size: 1em;}
#striscia-valuta div.striscia-valuta-left p{ color: #fff;  background: rgba(0,0,0,0); font-size: 1.8em;  }
#striscia-valuta.left { margin-left: 0%; background-position: right; margin-right: 0; }
#striscia-valuta.right { margin-right: 0%; margin-left: 0px;}
#striscia-valuta div.striscia-valuta-left .link-finestra {padding-left: 0%; padding-right:0%;font-size: 1.3em;}
  }
div.titolo p { width: 100%; text-align: center; padding-top: 40px; padding-bottom: 20px; font-size: 2.8em; text-transform: uppercase; color: #666; font-weight: 400;}
div.testo-lungo p { width: 70%; padding-left: 15%; padding-right: 15%; text-align: left; padding-top: 20px; padding-bottom: 20px; font-size: 1.2em; color: #666; font-weight: 400;}

#full-foto-home { width: 50%; height: 400px;position: relative; overflow: hidden; margin-top: 20px; margin-bottom: 20px; float: left; margin-left: 0%; margin-right: 0%;}
#full-foto-home.right { margin-top: 90px; width: 50%;}
#full-foto-home #bg-full-foto-home { width: 100%; float: left; height: 400px; content:''; position: absolute; top:0; left: 0; }
#full-foto-home #bg-full-foto-home.bg-foto-home-sx { background: rgba(0,0,0,0.5);  }
#full-foto-home #bg-full-foto-home.bg-foto-home-dx { background: rgba(0,0,0,0.3);  }
#full-foto-home #full-foto-home-content { width: 100%; position:absolute; z-index: 2; top: 50%;  transform: translateY(-50%); margin: 0 auto; text-align: center; }
#full-foto-home #full-foto-home-content p { color: #fff; font-size: 4em; }
#full-foto-home #full-foto-home-content a { background:none; padding-left: 15%; padding-right: 15%; padding-top: 15px; padding-bottom: 15px; border-radius: 2px; border: 1px solid #fff; width: 50%; margin: 0 auto; margin-top: 30px; margin-top: 40px; display: block; color:#fff;}
#full-foto-home img { width: 96%;}

/* interno */
div#titolo-freccia{ width: 100%; float:left; padding-top: 0px; position:relative; background: rgb(51,51,51); background: linear-gradient(90deg, #000000 0%, #666666 100%); min-height: 120px;}
div#titolo-freccia p{ padding-top: 70px; padding-bottom: 70px; margin: 0 5%; font-size: 2em; color: #fff}
/* agenzia */
div.agenzia { margin-bottom: 40px; margin-top: 50px; padding: 0% }
div.agenzia div.col50.testo{width: 30%; margin-left: 10%; margin-right: 10%; margin-top: 80px; text-align: right; float: left; padding-bottom: 80px; line-height: 28px; font-size: 1.2em; margin-top: 80px; margin-bottom: 80px; text-align: left; color: #333;}
@media only screen and (max-width: 959px) {
div.agenzia div.col50.testo{width: 80%; margin-bottom: 0; padding-bottom: 20px;}
  }
div.agenzia div.col50.testo span{ font-size: 2em; float: left; padding-bottom: 60px; color: #e85c01; line-height: 38px; text-align: left; font-weight: bold; width: 100%; }
div.agenzia div.col50.foto{ width: 40%; margin-right: 5%;float: right;margin-top: 20px;background: #000; margin-top: 80px; margin-top: 80px; margin-bottom: 80px; padding: 2.5%;}
@media only screen and (max-width: 959px) {
div.agenzia div.col50.foto{ width: 100%; margin-right: 0; padding:0; margin-left: 0;}
  }
div.agenzia div.col50.foto img{ width: 100%;}
div.agenzia div.col100{width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0px; float: left; height: 400px;}
div.agenzia div.right{float: right !important;}
div.agenzia div.left{float: left !important; margin-left: 5%; width: 45%; margin-right: 0 !important;}
div.agenzia .striscia-profilo { background-image: url('../risorse/striscia-profilo.jpg'); background-size: cover; background-position: center right;}
@media only screen and (max-width: 959px) {
div.agenzia div.col100{height: 200px;}
  }
/* servizi */
div.pag-servizi { margin-bottom: 40px; margin-top: 0px; padding: 0%; width: 100%; padding: 0%; background-color: #cacaca; background-image:url('../risorse/foto-servizi.jpg'); background-repeat: no-repeat; background-position: right top; background-size: cover; float: left; position: relative;}
div.servizi-overlay{position: absolute;top: 0;height: 100%;z-index: 100;width: 100%;background:linear-gradient(120deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7595413165266106) 20%, rgba(0,0,0,0) 60%);}
div.pag-servizi div.riquadro-top.servizi{ float: left; width: 100%; float: left; z-index: 100; position: relative;}
@media only screen and (max-width: 959px) {
div.pag-servizi div.riquadro-top.servizi{ background-position: right bottom;}
  }
.col100.titolo-centrale { font-size: 3em; font-weight: bold; text-align: left; padding-left: 10%; padding-right: 30%; padding-bottom: 10px; padding-top: 10px; color: #fff;}
@media only screen and (max-width: 959px) {
.col100.titolo-centrale { font-size: 2em; font-weight: bold; text-align: left; padding-left: 10%; padding-right: 30%; padding-bottom: 10px; padding-top: 120px;}
  }
.col100.testo-centrale { font-size: 1em; font-weight: bold; text-align: left; padding-left: 10%; padding-right: 30%; padding-bottom: 120px; padding-top: 10px; color: #000;}
.pag-servizi .col100.titolo-centrale { padding-bottom: 60px; padding-top: 60px; background:rgba(0,0,0,.3)}
.col-3.elenco{ padding-left: 10%; padding-right: 10%; float: left; padding-bottom: 120px; width: 80%;background: rgba(0,0,0,.3); z-index: 100; position: relative;}
.col-3.elenco ul li{float: left; display: inline; width: 25.333333333%; margin: 4%; text-align: center;}
@media only screen and (max-width: 959px) {
.col-3.elenco ul li{width: 92%; margin: 4%;}
  }
.col-3.elenco ul li p.titolo-categoria-servizi{ text-transform: uppercase;float: left;text-align: left; color: #ff6600; font-weight: bold; font-size: 1.3em; background-image: none;padding-top: 0px;}
.col-3.elenco ul li p.titolo-categoria-servizi:after{ background: none;}
@media only screen and (max-width: 959px) {
.col-3.elenco ul li p.titolo-categoria-servizi{background-position: center top;}
  }
.col-3.elenco ul li p{ text-align: left;padding-top: 10px; padding-bottom: 10px; float: left;font-weight: bold; background-repeat: no-repeat; background-size: 20px auto; background-position: left center; padding-left: 30px; width: 100%; float: left; color: #fff; position: relative;}
.col-3.elenco ul li p:after{ width: 16px; height: 16px; background: #ff6600; content: ''; position: absolute; left: 0; top: 10px;}
.col-3.elenco ul div.titolo{position: relative; width: 100%; float: left;}
.col-3.elenco ul li div.titolo p{ text-align: center; font-size: 1em; padding-bottom: 20px; color: #666;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-transform: none; padding-top: 80px;}
.col-3.elenco ul li p.icona{float: left; width: 100%; margin-bottom: 20px;}
.col-3.elenco ul li p.icona img{ height: 80px;}
.foto_servizi_bottom{ margin-bottom: 20px; width: 100%;}
.foto_servizi_bottom img{ width: 100%;}

/* valuta */
.valuta{float: left; background-image: url(../risorse/bg-valuta.jpg); background-size: 100%; background-repeat: no-repeat; float: left; width: 100%; float: left; margin-bottom: 50px;}
.valuta .col100.titolo-centrale { color: #fff; padding-top: 60px; padding-bottom: 60px; background:rgba(0,0,0,.4) }
.valuta .col100.testo-centrale {color: #fff; padding-top: 40px; font-size: 1.6em; color: #ff6600; background: rgba(0,0,0,.4)}
.form-valuta { width: 100%; display: block;margin: 0 auto; }
.form-valuta label.error {margin-left: 40px; color: red; padding-top: 5px; font-size: 0.9em; font-weight: bold; display: inline; float: left; width: 100%;}
.form-valuta a { color: #fff; font-weight: bold;}
.form-valuta ul li { width: 50%; display: inline; float: left;}
@media only screen and (max-width: 959px) {
.valuta { background-size: cover; background-position: right top; background-repeat: no-repeat;}
.valuta .col100.titolo-centrale { padding-top: 80px; padding-bottom: 20px; }
.valuta .col100.testo-centrale {padding-bottom: 20px;}
.form-valuta ul li { width: 100%;}
  }
.form-valuta ul li.privacy-field{ margin-left: 0%; margin-right: 45%;}
.form-valuta ul li .container-checkbox{ font-size: .8em; color: #fff}
.form-valuta form { background: rgba(0,0,0,.4); padding-left: 40%; padding-right: 5%; padding-top: 50px; padding-bottom: 50px;}
@media only screen and (max-width: 959px) {
.form-valuta form {padding-left: 90%; padding-right: 5%; padding-left: 5%;}
  }
.form-valuta input { height: 42px; line-height: 42px; padding-left: 20px; padding-right: 20px; width: calc(100% - 60px); margin: 10px; margin-bottom: 0; border: 0; background: #fff; border-radius: 20px; box-shadow: inset 0px 1px 8px rgba(0, 0, 0, 0.2); font-family: inherit; outline: none; -webkit-transition: .18s ease-out; -moz-transition: .18s ease-out; -o-transition: .18s ease-out; transition: .18s ease-out;}

.form-valuta input.privacy{ width: auto;}
.form-valuta input:hover {box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);}
.form-valuta input:focus {box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);}
.form-valuta textarea { width: calc(100% - 40px); float: left; height: 160px; padding: 10px; margin: 10px; border-radius: 20px; border: 0;font-family: inherit; outline: none; -webkit-transition: .18s ease-out; -moz-transition: .18s ease-out; -o-transition: .18s ease-out; transition: .18s ease-out; box-shadow: inset 0px 1px 8px rgba(0, 0, 0, 0.2);}
.form-valuta .bottone-valuta{ width: 100px; background: #000; color: #fff; text-align: center; text-transform: uppercase; }

/* contatti */
div.pag-contatti { margin-bottom: 40px; margin-top: 0px; padding: 0%; width: 100%; padding: 0%;}
div.pag-contatti div { float: left; width: 80%; padding-left: 10%; padding-right: 10%;}
div.pag-contatti div p.left { float: left; width: 40%; margin: 5%; font-size: 1.2em;}
@media only screen and (max-width: 959px) {
div.pag-contatti div p.left { width: 90%;}
  }
div.pag-contatti div p.left img { margin: 10px 0; width: 200px}
div.pag-contatti div p.right { float: right; width: 40%; margin: 5%; font-size: 1.4em; font-weight: bold; color: #ff6600; text-transform: uppercase;}
@media only screen and (max-width: 959px) {
div.pag-contatti div p.right {width: 90%;}
  }
div.pag-contatti div p.right a{ background: #fff; padding: 10px; font-size: 1em; display: block; border-radius: 4px; text-align: center;margin-bottom: 20px; padding-top:  10px;margin-top: 20px; border: 1px solid #666; text-align: left;}
div.pag-contatti div p.right a span{ width: 100%; float: left; font-size: .9em; color: #999; text-align: left;}
div.pag-contatti div.col-2.contatti{ background: rgb(51,51,51); }
.col-2 ul li{float: left; display: inline; width: 32%; margin: 9%; text-align: center;}
@media only screen and (max-width: 959px) {
.col-2 ul li{width: 82%;}
  }
.col-2 ul li p img{ width: 100%; }
.col-2 ul li p.recapiti{ text-align: left;padding-top: 10px; padding-bottom: 10px; float: left; background-image: url('../risorse/freccia-servizi-right.png'); background-repeat: no-repeat; background-size: 20px auto; background-position: left center; padding-left: 30px; width: 100%; float: left; font-size: 1.6em; padding-top: 20px; color: #fff;}


/* interno */
div.navigatore{float: left; padding-left: 5%; padding-right: 5%; padding-top: 10px; padding-bottom: 10px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; background: #e85c01; width: 85%}
div.navigatore a{ color: #fff; }
div.navigatore p{ font-size: 1em; color: #fff;}
@media only screen and (max-width: 959px) {
div.navigatore{background: none;}
div.navigatore span{color: #666;}
div.navigatore a{color: #e85c01; }
div.navigatore p{ color: #e85c01; line-height: 24px }
  }
div.titolo-pagina{ position: relative; width: 100%; padding-top:20px}
div.navigatore a{background: #e85c01; color: #fff; padding-left: 10px; padding-right: 10px; border-radius: 20px; padding-top: 2px; padding-bottom: 2px;}
div.titolo-pagina p{ font-size: .8em; color: #666; font-weight: bold;}
div.titolo-pagina p.contenuto-ricerca{ font-size: 1.2em;padding-top: 0; font-weight: bold; color: #e85c01;}
div.titolo-pagina p.contenuto-ricerca span{ float: left; width: 100%; color: #666; font-weight: normal; font-size: .8em;}
div.testo-risultati{ margin-left: 30%; width: 60%; padding-right: 10%; float: left;}
div.testo-risultati .titolo-ricerca-speciali{ font-size: 2.4em;}
@media only screen and (max-width: 959px) {
div.testo-risultati{ margin-left: 10%; width: 80%;}
  }
div.n-risultati{ float: left; font-size: 1em; color: #666; background: #fff; border-left: 2px solid #e85c01; padding-top: 10px; padding-bottom: 10px; float: left; width: 25%; margin-left: 5%; text-align: center; font-weight: bold;}
@media only screen and (max-width: 959px) {
    div.n-risultati{ width: 100%;}
  }
div.change-style{ float: right; background: #fff; padding-top: 0px; padding-top: 16px; padding-bottom: 16px;width: 25%; padding-left: 5%; font-size: .8em; text-transform: uppercase;}
@media only screen and (max-width: 959px) {
div.change-style{display: none;}
  }
div.change-style a{ float: left; padding-left: 30px; padding-right: 10px; background: url(../risorse/icon-gallery-off.png) no-repeat;}
@media only screen and (max-width: 959px) {
div.change-style a{}
  }
div.change-style a#gallery{background: url(../risorse/icon-gallery-off.png) no-repeat;}
div.change-style a#list{background: url(../risorse/icon-list-off.png) no-repeat;}
div.change-style a#gallery.attivo{background: url(../risorse/icon-gallery.png) no-repeat; color: #000;}
div.change-style a#list.attivo{background: url(../risorse/icon-list.png) no-repeat; color: #000;}
div.change-style a.attivo{ font-weight: bold; }

div.ordina{ width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0px; position: relative; float: left; border-radius: 5px; background: #fff; margin-bottom: 20px;}
div.ordina p{ font-size: .8em; padding-top: 18px; padding-bottom: 15px; color: #666; float: left; margin-left: 0%; margin-right: 1%; padding-left: 5%; padding-right: 0%; text-transform: uppercase; font-weight: bold; }
div.ordina ul { width: 20%; float: left; padding-top: 0px}
div.ordina ul li{ width: auto; margin: 1%; margin-top: 0; margin-bottom: 0; display: inline; float: left; margin-top: 10px;}

@media only screen and (max-width: 959px) {
    div.ordina{ padding-bottom: 0px;}
    div.ordina p{ padding-right: 10px; }
    div.ordina ul { width: 45%; padding-top: 9px;}
    div.ordina ul li{ margin:0; width: 92%; }
  }


/* ricerca */
div.cerca-sx{ width: 17%; margin-left: 2%; margin-right: 2%; position: relative; z-index: 1; top:0; background: #fff; float: left; padding-left: 2%; padding-right: 2%; padding-top: 0px; padding-bottom: 30px; float:left; margin-top:-90px; background: rgba(13,129,64,.7);}
div.form-sx-container{ }
div.form-sx-container p{ font-size: 1.5em; padding-top: 30px; padding-bottom: 30px; color: #fff; font-size: 1.6em; font-weight: 400; }
div.form-sx{  }
div.form-sx ul li{ width: 100%; float: left; display: inline; padding-top: 30px}
div.form-sx ul{}

div.content-dx{ width: 65%; margin-right: 5%; margin-left: 1%; position: relative; z-index: 1; top:0; float: right; padding-top: 0px; padding-bottom: 30px; margin-top: 20px; }
@media only screen and (max-width: 959px) {
    div.content-dx{ width: 90%; margin-left: 5%; margin-right: 5%; padding-top: 0; padding-left: 0;}
  }
div.content-sx-scheda{ width: 65%; margin-left: 5%; margin-right: 1%; position: relative; z-index: 1; top:0; float: left; padding-left: 0%; padding-right: 0%; }
@media only screen and (max-width: 959px) {
    div.content-sx-scheda{ width: 90%; margin-left: 5%; margin-right: 5%; }
  }
div.content-dx-scheda{ width: 24%; float: right; position: absolute; right: 5%; top: 105px; }
@media only screen and (max-width: 959px) {
    div.content-dx-scheda{ width: 90%; margin-left: 5%; margin-right: 5%; position: relative; right: 0; top: 0; }
  }
div.no-risultati{ float: left; font-size: 1.9em; font-weight: normal; color: #666; padding-top: 80px; padding-bottom: 80px; float: left; width: 100%; text-align: center;}
div.no-risultati p { margin-top:20px;}
div.no-risultati p img{ display: block; margin: 0 auto; height: 120px;}

div.content-dx div.riga-immobile{ width: 100%; float:left; margin-top: 0px; padding-left: 0%; padding-right: 0; margin-bottom: 20px;background: rgb(51,51,51); background: linear-gradient(106deg, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 13%, rgba(51,51,51,1) 100%); }
@media only screen and (max-width: 959px) {
    div.content-dx div.riga-immobile{ width: calc(100% - 4px); padding-right: 0; border: 2px solid #fff; }
  }
div.content-dx div.riga-immobile:hover div.scheda-sintesi{ -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all .4s ease-in-out;}
div.content-dx div.riga-immobile div.foto{ width: 30%; height: 220px; float: left; overflow: hidden; position: relative;}
div.content-dx div.riga-immobile div.foto img{ height: 220px;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all .4s ease-in-out; opacity:1; margin: 0 auto; display: block;  }
div.content-dx div.riga-immobile:hover div.foto img{ height: 230px; opacity: 1}
@media only screen and (max-width: 959px) {
    div.content-dx div.riga-immobile div.foto{ width: 100%; height: 200px; position: relative;}
    div.content-dx div.riga-immobile div.foto img{ height: auto; width: 100%; position: absolute; top: 50%; margin-top: -25%;}
    div.content-dx div.riga-immobile:hover div.foto img{ height: 110%; height: auto;}
  }


div.content-dx div.riga-immobile div.scheda-sintesi{ width: 70%;float: right; float: left;background: rgba(0,0,0,0); position: relative;}
@media only screen and (max-width: 959px) {
    div.content-dx div.riga-immobile div.scheda-sintesi{ width: 100%;margin-left: 0%;}
  }
div.content-dx div.riga-immobile div.scheda-sintesi p.tipologia{ padding-left: 20px; text-transform: uppercase; color:#fff; font-size: .8em;}
div.content-dx div.riga-immobile:hover div.scheda-sintesi p.tipologia{ color:#fff;}
div.content-dx div.riga-immobile div.scheda-sintesi p.indirizzo{ padding-left: 20px; padding-top: 20px; padding-bottom: 5px; font-weight: bold; color:#fff; font-size: 1.1em;}
div.content-dx div.riga-immobile div.scheda-sintesi p.localita{ padding-left: 20px;padding-top: 20px;text-transform: uppercase;color: #f46200;}
div.content-dx div.riga-immobile:hover div.scheda-sintesi p.indirizzo{ color:#fff;}
div.content-dx div.riga-immobile div.scheda-sintesi p.descrizione{ padding-left: 20px; padding-right: 20px; float: left; padding-top: 5px; padding-bottom: 5px; color:#fff; font-size: .9em; padding-bottom: 20px; line-height: 24px;}
div.content-dx div.riga-immobile:hover div.scheda-sintesi p.descrizione{ color:#fff;}
div.content-dx div.riga-immobile div.scheda-sintesi div.icone { float: left; padding-top: 5px; width: 45%; padding-bottom: 5px; padding-left: 30px; padding-right: 30px; margin-top: 15px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; background: #f46200 }
  div.content-dx div.riga-immobile div.scheda-sintesi div.icone div.icona{ display: none; }
div.content-dx div.riga-immobile div.scheda-sintesi div.icone span{ font-size: .8em; padding-left:5px; padding-right: 5px; float: left; color: #fff; width: auto; font-weight: bold; text-transform: uppercase;}
@media only screen and (max-width: 959px) {
    div.content-dx div.riga-immobile div.scheda-sintesi p.indirizzo{ font-size: .9em;}
    div.content-dx div.riga-immobile div.scheda-sintesi p.descrizione{padding-bottom: 20px; padding-top: 20px; font-size: .8em; line-height: 18px;}
    div.content-dx div.riga-immobile div.scheda-sintesi p.tipologia{font-size: .7em;}
    div.content-dx div.riga-immobile div.scheda-sintesi div.icone {padding-left: 0; padding-right: 0; width: 60%; margin-left:0%;}
     div.content-dx div.riga-immobile div.scheda-sintesi div.icone div.icona{ }
    div.content-dx div.riga-immobile div.scheda-sintesi div.icone div.content{ width: auto; float: left; font-weight: bold; margin-right: .5%; text-align: center; background: #eb5b02; color: #fff; padding-top: 2px; padding-bottom: 2px; border-radius: 20px; padding-left: 1px; padding-right: 1px;}
  }
div.content-dx div.riga-immobile div.scheda-sintesi div.icone img{ vertical-align: middle; float: left; height: 42px; padding-top: 10px; padding-bottom: 10px;}
div.content-dx div.riga-immobile div.scheda-sintesi div.prezzo { float: right; color: #eb5b02; font-size: 1.2em; font-weight: normal; height: 62px; line-height:62px; margin-left: 2%; padding-left: 2%; padding-right: 2%; display: block; font-weight: bold; }
@media only screen and (max-width: 959px) {
    div.content-dx div.riga-immobile div.scheda-sintesi div.prezzo {  width: 32%; margin: 0; padding-left: 0; padding-right: 0; text-align: right; padding-top: 17px; height: auto; line-height: normal; padding-right: 5%; }
  }

div.content-dx div.finestra-immobile{ width: 32%; float:left; margin-top: 20px; margin: 0.6666666%; background: #000;-webkit-box-shadow: 0px 0px 34px -15px rgba(0,0,0,0.53);-moz-box-shadow: 0px 0px 34px -15px rgba(0,0,0,0.53);box-shadow: 0px 0px 34px -15px rgba(0,0,0,0.53); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all .4s ease-in-out; overflow: hidden; background: #fff; }
@media only screen and (min-width: 960px) and (max-width: 1400px) {
    div.content-dx div.finestra-immobile{ width: 48%; margin: 1%;}
  }
@media only screen and (max-width: 959px) {
    div.content-dx div.finestra-immobile{ width: 100%; float:left; margin: 0%; margin-bottom: 20px;}
  }
div.content-dx div.finestra-immobile:hover{  }
div.content-dx div.finestra-immobile div.foto { position: relative; height: 360px;}
div.content-dx div.finestra-immobile div.foto div.info_foto_top, div.content-dx div.riga-immobile div.foto div.info_foto_top { position: absolute; padding-top: 5px; padding-bottom: 5px; font-size: .9em; width: 100%; font-weight: bold; top: 5px;}
div.content-dx div.finestra-immobile div.foto div.info_foto_top p, div.content-dx div.riga-immobile div.foto div.info_foto_top p { background: rgba(0,0,0,.6); color: #fff; font-weight: bold; padding-left: 20px; padding-right: 20px; border-radius: 20px; float: left; font-size: .8em; margin-left: 10px;}
div.content-dx div.finestra-immobile div.rilievo {position: absolute;bottom: 5px;background: #fff;padding-left: 10px;padding-right: 10px;color: #fff;text-transform: uppercase;font-size: .9em;border-top-right-radius: 20px;border-bottom-right-radius: 20px;font-size: .7em; padding-top: 3px; padding-bottom: 3px; font-weight: bold; color: #ff3333;}
div.content-dx div.riga-immobile div.rilievo {position: absolute;background: #fff; padding-left: 10px; padding-right: 10px; color: #fff; text-transform: uppercase; font-size: .9em; border-top-left-radius: 20px; border-bottom-left-radius: 20px; font-size: .7em; padding-top: 3px; padding-bottom: 3px; font-weight: bold; color: #ff3333; right: 0; top: 10px; height: auto;}
div.content-dx div.finestra-immobile div.foto img{height: 30vh; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all .4s ease-in-out; opacity:1; display: block; margin: 0 auto; min-height: 200px;}
div.content-dx div.finestra-immobile:hover div.foto img{ opacity:1; }
div.content-dx div.finestra-immobile div.scheda-sintesi{ width: 100%;float: left; clear:both; background: #000; margin: 0%;background: rgb(51,51,51); background: linear-gradient(106deg, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 13%, rgba(51,51,51,1) 100%); position: relative; min-height: 200px;}
div.content-dx div.finestra-immobile:hover div.scheda-sintesi{ -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all .4s ease-in-out;}
div.content-dx div.finestra-immobile div.scheda-sintesi p.tipologia{ padding-left: 20px; padding-right: 20px; padding-top: 0px; text-transform: uppercase; color:#fff; font-size: .8em; padding-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /* number of lines to show */   -webkit-box-orient: vertical;}
div.content-dx div.finestra-immobile div.scheda-sintesi p.indirizzo{padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 10px; color:#fff; font-size: 1em; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */   -webkit-box-orient: vertical; min-height: 40px; margin-top: 10px;}
div.content-dx div.finestra-immobile div.scheda-sintesi p.localita{    font-size: .7em;  float: left;  text-transform: uppercase; font-weight: normal; color: #f46200; padding-bottom: 5px; padding-top: 10px; padding-left: 20px; padding-right: 20px; background: #fff;}
div.content-dx div.finestra-immobile:hover div.scheda-sintesi p.indirizzo{ color:#fff;}
div.content-dx div.finestra-immobile div.scheda-sintesi p.descrizione{ padding-left: 20px; padding-right: 20px; float: left; padding-top: 5px; padding-bottom: 5px; color:#999; font-size: .9em; padding-bottom: 20px; line-height: 24px; text-align: justify; display: none;}
div.content-dx div.finestra-immobile div.scheda-sintesi div.icone { padding-top: 5px; margin: 0 auto; padding-bottom: 5px; background: #f46200; float: left; width: 100%; float: left; width: 90%; font-size: .8em; border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
@media only screen and (max-width: 959px) {
    div.content-dx div.finestra-immobile div.scheda-sintesi div.icone { width: 60%; }
div.content-dx div.finestra-immobile div.scheda-sintesi p.descrizione{font-size: .8em; padding-bottom: 40px; line-height: 18px;display: block; color: #fff;}
  }
div.content-dx div.finestra-immobile div.scheda-sintesi div.icone div.icona { float: left; width: 10% }
div.content-dx div.finestra-immobile div.scheda-sintesi div.icone div.content {float: left; text-align: center; margin-left: 5%;}
div.content-dx div.finestra-immobile div.scheda-sintesi div.icone div.content span { width: 100%; float: left; text-align: center; }
div.content-dx div.finestra-immobile div.scheda-sintesi div.icone span{ font-size: 1em; float: left; text-align: center; float: left; height: 18px; line-height: 18px; text-transform: uppercase; color: #fff;width: 20.333333333333333333333%; margin-left: 1%; font-weight: bold;}
div.content-dx div.finestra-immobile div.scheda-sintesi div.icone img{ display: none;}
div.content-dx div.finestra-immobile div.scheda-sintesi div.prezzo { color: #f46200; font-size: 1em; background: #fff; text-align: right; padding-right: 5%; padding-left: 5%; background: #fff; border-top-left-radius: 20px; border-bottom-left-radius: 20px; float: right; padding-top: 10px; padding-bottom: 10px; margin-top: 5px; margin-bottom: 5px;}
@media only screen and (max-width: 959px) {
    div.content-dx div.finestra-immobile div.scheda-sintesi div.prezzo {width: 35%;}
  }
/* scheda */
.header-scheda{ width:63%; margin-left: 5%; margin-right: 1%; padding: 1%; background: #fff; border-radius: 5px; float: left;}
@media only screen and (max-width: 959px) {
    .header-scheda{ width:90%; margin-left: 5%; margin-right: 5%; padding: 0; padding-top: 10px;}
  }
div.torna-risultati{width: 20%; color: #e85c01; font-weight: bold; text-align: center; padding-top: 5px; padding-bottom: 5px; font-size: .8em; text-transform: uppercase; text-decoration: underline; }
@media only screen and (max-width: 959px) {
    div.torna-risultati{ width: 100%; padding-bottom: 10px;}
  }
div.scheda-top{ padding-left: 4%; width: 92%; padding-right: 4%; float: left; position: relative; padding-top: 20px;}
div.scheda-top .titolo-immobile{ font-size: 1.4em; color: #666; padding-bottom: 0px; float: left; width: 73%;}
@media only screen and (max-width: 959px) {
    div.scheda-top .titolo-immobile{width: 100%;}
  }
div.scheda-top .prezzo{ font-size: 1.4em; color: #e85c01; font-weight: bold; padding-bottom: 0px; float: right; width: 25%; text-align: right; padding-right: 2%; padding-bottom: 10px;}
@media only screen and (max-width: 959px) {
    div.scheda-top .prezzo{ width: auto; padding-right: 0%; padding-bottom: 10px; padding-top: 10px;}
  }
div.scheda-top .sintesi{ float: left; width: 50%; margin-top: 10px; padding-bottom:10px}
div.scheda-top .sintesi span{ padding-top: 5px; padding-bottom: 5px; float: left; padding-left: 10px; padding-right: 10px; border-right: 1px solid #666; font-weight: bold;}
@media only screen and (max-width: 959px) {
    div.scheda-top .sintesi span{ padding-top: 0px; padding-bottom: 0px; float: left; padding-left: 10px; padding-right: 0px; border-right: 0px;}
    div.content-sx-scheda div.scheda-top p{ width: 100%;}
  }
div.scheda-top p.indirizzo{ font-size: 1.2em; color: #005100; text-transform: uppercase; padding-bottom: 25px; padding-top: 0; float: left;}
div.contatta-scheda{ width:40%; padding-right: 0%; top:0; right:5%; float: right;}
@media only screen and (max-width: 959px) {
   div.contatta-scheda{ width:100%; right:0; right: 0; position: relative; margin-bottom: 20px; float: left;}
  }
div.contatta-scheda a{float: right; padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; color: #fff; margin-left: 5px; margin-right: 5px; border-radius: 5px; background: #000; }
@media only screen and (max-width: 959px) {
    div.contatta-scheda a{ width: 90%; text-align: center; padding-left: 5%; padding-right: 5%; }

  }
div.content-sx-scheda div.foto-scheda{ width: 100%; float: left; height: 400px; background: #000; margin: 0; padding: 0; margin-left: 0%; margin-right: 0%; overflow: hidden; border-top-left-radius: 5px; border-top-right-radius: 5px}
div.content-sx-scheda div.foto-scheda .slick-prev{ left:0px;background-color: transparent; z-index: 1000; padding: 10px; width: 65px; height: 95px; background-repeat: no-repeat; background-position: center center; border: 0; border-bottom-right-radius: 10px; border-top-right-radius:10px}
div.content-sx-scheda div.foto-scheda .slick-next{ right:0px;background-color: transparent; z-index: 1000; padding: 10px; width: 65px; height: 95px; background-repeat: no-repeat; background-position: center center; border: 0; border-bottom-left-radius: 10px; border-top-left-radius:10px}
div.content-sx-scheda div.foto-scheda img{height: 400px; display: block; margin: 0 auto;}
div.content-sx-scheda div.foto-scheda img:hover{ opacity: .8;}
@media only screen and (max-width: 959px) {
    div.content-sx-scheda div.foto-scheda{  float: left; height: auto; margin: 0; padding: 0; overflow: hidden;}
    div.content-sx-scheda div.foto-scheda img{max-width: 100%; min-height: 0;width: 90%; height: auto; margin: 5%;}
  }
div.content-sx-scheda div.scroller-nav{ height: 100px; background: #000; width: 100%; overflow: hidden; float: left; padding-top: 10px; padding-bottom: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
@media only screen and (max-width: 959px) {
    div.content-sx-scheda div.scroller-nav{ display: none;}
  }
div.content-sx-scheda div.scroller-nav img{ height:80px; margin: 0 auto; border: 3px solid #000;}

div.content-sx-scheda div.fascia-in-vendita{ width: 100%; margin: 0 !important; padding: 0 !important; float: left;}
div.content-sx-scheda div.fascia-in-vendita div{ width: 40%; float: left; padding-left: 10%; font-size: .9em; text-transform: uppercase; color: #999; height: 40px; line-height: 40px;}
@media only screen and (max-width: 959px) {
    div.content-sx-scheda div.fascia-in-vendita div{ width: 90%;}
  }
div.content-sx-scheda div.fascia-in-vendita div.left span{ background:#005100;padding-bottom: 5px; padding-top: 5px; padding-left: 10px; padding-right: 10px; color: #fff;}
div.content-sx-scheda div.fascia-in-vendita div.left span.stato{ color: #666; background: #f0f0f0; padding-left: 20px; padding-right: 20px;}
@media only screen and (max-width: 959px) {
  }

div.content-sx-scheda div.fascia-in-vendita div.right{ width: 40%; float: right; text-align: right; padding-right: 10%; padding-left: 0; margin-top: 20px;}
div.content-sx-scheda div.fascia-in-vendita div.right img{ height: 20px; vertical-align: middle; padding-left: 20px; padding-right: 20px;}
div.content-sx-scheda div.fascia-in-vendita div.right div{ width: 30%; padding: 0; float: right;}
div.content-sx-scheda div.fascia-in-vendita div.right div p.icona{ margin: 0; padding: 0; height: 15px; width: 100%; }
     div.content-sx-scheda div.fascia-in-vendita div.right div span{ float: right; width: 100%; text-align: center; padding-left: 10px; }
    div.content-sx-scheda div.fascia-in-vendita div.right div p.icona img{ margin: 0 auto; padding: 0; display: block;}
    div.content-sx-scheda div.fascia-in-vendita div.right a{ margin: 0; padding: 0; display: block; text-align: center;}
@media only screen and (max-width: 959px) {
    div.content-sx-scheda div.fascia-in-vendita div.right{ width: 100%; padding-right: 0; float: left; text-align: left; }
     div.content-sx-scheda div.fascia-in-vendita div.right div{ width: 33.3333333333%; padding: 0; margin: 0;}
     div.content-sx-scheda div.fascia-in-vendita div.right div p.icona{ margin: 0; padding: 0; height: 15px; }
     div.content-sx-scheda div.fascia-in-vendita div.right div span{ text-align: center; width: 100%; width: 100%; float: left; margin: 0 !important; padding: 0 !important;}
    div.content-sx-scheda div.fascia-in-vendita div.right div p.icona img{ margin: 0 auto; padding: 0; display: block;}
    div.content-sx-scheda div.fascia-in-vendita div.right a{ margin: 0; padding: 0; display: block; text-align: center;}
  }
div.content-sx-scheda div.icone-scheda { background: #fff; float: left; width: 100%;}
div.content-sx-scheda div.icone-scheda a{ background-size: 35px auto; background-position: center 5px; width: 80px; float: left; background-repeat: no-repeat; padding-top: 50px; padding-bottom: 10px; text-align: center; font-weight: bold; text-transform: uppercase; margin: 5px; background-color: #fff; color: #000; font-size: .65em; background-color: #f0f0f0;}
div.content-sx-scheda div.icone-scheda a.viewer3d{ background-image: url('../risorse/ico_3d.png');}
div.content-sx-scheda div.icone-scheda a.viewerfoto{ background-image: url('../risorse/ico_foto.png');}
div.content-sx-scheda div.icone-scheda a.viewerpdf{ background-image: url('../risorse/ico_plan.png');}

div.content-sx-scheda div.sintesi { background: #f0f0f0; width: 100%; float:left;}
div.content-sx-scheda div.sintesi div.icone {float: left; width: 60%; padding-left: 10%; padding-top: 10px; padding-bottom: 10px; }
div.content-sx-scheda div.sintesi div.icone div {float: left; width: 33.3333333333%; padding-top: 0; padding-bottom: 0; }
div.content-sx-scheda div.sintesi div.icone div span{ font-size: .8em; float: left; font-weight: bold; text-transform: uppercase; color: #999; width: 100%; float: left; text-align: center; padding-top: 0;}
@media only screen and (max-width: 959px) {
    div.content-sx-scheda div.sintesi div.icone {width: 100%; padding-left: 0%;}
    div.content-sx-scheda div.sintesi div.icone span{ padding-left: 1%; padding-right: 1%; width: 20%}
  }
div.content-sx-scheda div.sintesi div.icone img{ vertical-align: middle;height: 32px; padding-top: 4px; padding-bottom: 8px; display: block; margin: 0 auto;}
div.content-sx-scheda div.sintesi div.prezzo { float:right; color: #f46200; font-size: 1.7em; height: 94px; line-height:94px; padding-right: 10%; width:20%; text-align: right;}
@media only screen and (max-width: 959px) {
    div.content-sx-scheda div.sintesi div.prezzo { float:right; color: #f46200; font-size: 1.7em; height: 94px; line-height:94px; padding-right: 0%; width:100%; text-align: center;}
  }
div.content-sx-scheda div.descrizione-scheda {padding-left: 10%; width: 80%; padding-right: 10%; float:left; padding-top: 30px; background: #fff; padding-bottom: 30px;}
div.content-sx-scheda div.descrizione-scheda span.titolo {width: 100%;float: left;font-size: 1.6em;padding-bottom: 10px;font-weight: bold;}

@media only screen and (max-width: 959px) {
    div.content-sx-scheda div.descrizione-scheda { }
  }
div.content-sx-scheda div.descrizione-scheda p { font-size: 1em; color:#666; line-height: 1.8em; width: 100%;  }
@media only screen and (max-width: 959px) {
    div.content-sx-scheda div.descrizione-scheda div.left p { width: 90%; font-size: .8em; }
  }
div.content-sx-scheda div.tabella-immobile { width: 84%; float:left; background: linear-gradient(0deg, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 13%, rgba(51,51,51,1) 100%); padding: 8%; padding-bottom: 60px;}
@media only screen and (max-width: 959px) {
    div.content-sx-scheda div.tabella-immobile { width: 85%;}
  }
div.content-sx-scheda div.tabella-immobile p.titolo-caratteristiche  { color:#fff; font-size: 1.2em; padding-bottom: 15px; text-align: left;}
div.content-sx-scheda div.tabella-immobile div  { float: right; width: 70%;}
div.content-sx-scheda div.tabella-right { float: left; background: #fd6403; width: 24%; padding: 4%;}
div.content-sx-scheda div.tabella-immobile p.titolo-corto { color:#fff; font-size: 1.2em; height: 50px; line-height: 50px; float: left; width: 30%; text-align: left; clear: right;}
@media only screen and (max-width: 959px) {
    div.content-sx-scheda div.tabella-immobile p.titolo-corto {width: 100%;}
    div.content-sx-scheda div.tabella-immobile div  { width: 100%;}
  }
div.content-sx-scheda div.tabella-immobile p.titolo-corto.energetica { margin-top: 20px;}
div.content-sx-scheda div.tabella-immobile p.contenuto-corto { color:#333; width: 70%; float: right; font-size: 1.2em; font-weight: bold; text-align: center; height: 50px; line-height: 50px; text-align: left;}
div.content-sx-scheda div.tabella-immobile p.energetica { margin-top: 40px;}
div.content-sx-scheda div.tabella-immobile p.contenuto-corto a { color:#fff; text-decoration: underline; font-size: .8em; color: #f0f0f0;}
div.content-sx-scheda div.tabella-immobile p.classe-energetica { color:#333; width: 30%; float: left; font-size: 1.2em; font-weight: bold; text-align: center; height: 50px; line-height: 50px; margin-top: 40px;}
div.content-sx-scheda div.tabella-immobile p.decreto { font-size: .8em; color: #fff; font-weight: bold; margin-top: 40px; width: 30%; float: right;}
div.content-sx-scheda div.tabella-immobile p.classe-energetica span{ float: left; width: 40px; height: 40px; border-radius: 20px; text-align: center; line-height: 40px; background: #fff;}
@media only screen and (max-width: 959px) {
   div.content-sx-scheda div.tabella-immobile p.contenuto-corto {width: 100%; line-height: normal; border-bottom: 3px solid #fff;}
   div.content-sx-scheda div.tabella-immobile p.classe-energetica { }
  }
div.content-sx-scheda div.descrizione-scheda div.right p.decreto { float: left; font-size: .8em; height: 70px; line-height: 70px;padding-left: 20px }
div.content-sx-scheda div.descrizione-scheda div.right div { padding-right: 10%; width: 80%; padding-left: 10%;float: left; background:url(../risorse/ico_spunt.png) no-repeat 10px center; margin-bottom: 1px; border-bottom: 1px solid #f0f0f0; margin-bottom: 2px;}
div.content-sx-scheda div.tabella-immobile p.etichetta { height: 30px; line-height: 30px; color: #fd6403; width: calc(40% - 15px); float: left; font-size: 1em; border-bottom: 1px solid #fff; font-weight: bold; padding-left: 15px; position: relative;}
@media only screen and (max-width: 959px) {
   div.content-sx-scheda div.tabella-immobile p.etichetta { width: calc(60% - 15px);}
  }
p.etichetta:after {position: absolute; height: 10px; width: 10px; content: ''; background: #fff; left: 0; top: 10px;}
div.content-sx-scheda div.tabella-immobile p.valore {color: #fff; text-transform: uppercase; text-align: center; float: left; font-size: .8em; font-weight: bold; width: 60%; height: 30px; line-height: 30px; border-bottom: 3px solid #fff;}
@media only screen and (max-width: 959px) {
   div.content-sx-scheda div.tabella-immobile p.valore {width: 40%;border-bottom: 0px solid #fff; font-size: .7em;}
  }
div.content-sx-scheda div.tabella-immobile p.valore img { vertical-align: middle; margin-top: 5px;}
@media only screen and (max-width: 959px) {
    div.content-sx-scheda div.tabella-immobile p.etichetta { height: auto; line-height: auto;}
  }
div.content-sx-scheda div.mappa{ width: 100%; float: left; margin-bottom: 40px; padding-bottom: 30px; height: 400px; background: #fff;}
div.content-sx-scheda div.mappa p{ color: #000;font-size: 1.2em;height: 50px;line-height: 50px;float: left;width: 30%;text-align: left;clear: right;padding: 0 8%;font-weight: bold;}

    

div.content-sx-scheda div.mappa iframe{ display:block; width:100%; height: 100%; border: 0; }
div.content-sx{ margin-left: 5%; position: relative; z-index: 1;  margin-top: 50px; float: left; width: 24%; }
@media only screen and (max-width: 959px) {
    div.content-sx{ margin-left: 5%; margin-right: 5%; width: 90%; margin-top: 0;}
  }
div#richiedi{ border: 1px solid #f0f0f0; float: left; right: 10px; padding-left: 2%; padding-right: 2%; padding: 10px; width: calc(96% - 20px);background: #fff;}
div#richiedi, div#fin-valuta{ border: 1px solid #f0f0f0; float: left; right: 10px; padding-left: 2%; padding-right: 2%; padding: 10px; width: calc(96% - 20px);background: #fff; border-radius: 5px;-webkit-box-shadow: 0px 0px 34px -15px rgba(0,0,0,0.53);-moz-box-shadow: 0px 0px 34px -15px rgba(0,0,0,0.53);box-shadow: 0px 0px 34px -15px rgba(0,0,0,0.53);}
div#fin-valuta{ margin-top: 20px; padding-bottom: 30px;}
div#richiedi.is-fixed{  top:20px;}
@media only screen and (max-width: 959px) {
    div#richiedi, div#fin-valuta{width: calc(100% - 20px);}
    div#richiedi{position: relative; }
    div#richiedi.is-fixed{ position:relative; top: 0; left: 0;}
    div#richiedi.is-fixed img{ width: 30%; margin: 0 auto; display: block; }
  }
#richiedi p.titolo-richiedi, #fin-valuta p.titolo-richiedi{ text-align: left; width: 100%; float: left; color: #000; font-size: 1.4em; color:#666; padding-bottom: 20px; position: relative; padding-left: 20px;}
#richiedi .form-richiedi{ float: left;}
#fin-valuta p.titolo-richiedi:before,#richiedi p.titolo-richiedi:before{ position: absolute; top: 10px; left: 0; height: 12px; width: 12px; background: #e85c01; content:''}
#richiedi p.telefono{ float: left;text-align: right; width: 98%;padding: 2%; padding-right: 0%; border-radius: 4px;padding-top: 10px;padding-bottom: 10px; margin-bottom: 20px; font-size: 1.4em; color: #666;background-image: url('../risorse/phone.png'); background-repeat: no-repeat; background-size: auto 40%; background-position: 0px center;}
#richiedi .form-richiedi textarea{ width: 92%; border: 1px solid #666; border-radius: 5px; padding: 4%; height: 120px; font-family: 'Muli',sans-serif; margin-top: 5px;}
#richiedi .form-richiedi input{padding: 2%; width: 96%; margin-top: 5px; border-radius: 5px; border: 1px solid rgb(102, 102, 102); font-family: 'Muli',sans-serif;}
#richiedi .form-richiedi input.privacy{ width: auto;}
#richiedi .form-richiedi input[type=submit]{padding: 2%; font-size: 1.4em; width: auto; padding-left: 30px; padding-right: 30px; background: #eb5b02; margin-top: 5px; border-radius: 5px; color: #fff; font-family: 'Muli',sans-serif; border: 0; margin: 0 auto; display: block; margin-top: 20px;}
#richiedi .form-richiedi .container-checkbox{ font-size: .8em; color: #666;}
#richiedi .form-richiedi label.error{ color: red; padding-top: 5px; padding-bottom: 5px; font-size: .8em;}

@media only screen and (max-width: 959px) {
    #richiedi p.content-richiedi{ font-size: 2em;}
  }
#richiedi a{ color: #666; text-decoration: underline; font-size: .8em; }
#richiedi a.chiama, #fin-valuta a.chiama{ font-size: .7em; color: #999; font-weight: bold; text-decoration: none; margin-left: 15px; float: right;border: 1px solid #f0f0f0; padding: 2%; border-radius: 10px; background-color: #eee; margin-top: 5px;}
#fin-valuta a.chiama{ font-size: 1.2em; }

/* fullpage*/
div#full-page{ width:100%; float: left;}
div#full-page div#foto-top { width:100%; position:relative; float:left; min-height: 425px; margin-bottom: 15px; overflow: hidden; background-position: center center; display: table;}
@media only screen and (max-width: 959px) {
  }
div#full-page div#foto-top div.scritta { position: absolute; z-index:3; width:100%; min-height: 425px; display: table-cell; vertical-align: middle; top: 50%; }
div#full-page div#foto-top div.scritta p, div#full-page div#foto-top div.scritta-sfondo-verde p {  color: #fff; width:100%; text-align: center; font-size: 2em;}
div#full-page div#foto-top div.sfondo{top:0; background: rgba(0,0,0,.5);position: absolute; height: 425px; top: 0; z-index: 2; float: left; width: 100% }
div#full-page div#foto-top div.sfondo-verde{top:0; background: rgba(0,81,0,.4);position: absolute; height: 425px; top: 0; z-index: 2; float: left; width: 100% }
div#full-page div#foto-top div.foto {top:0; float: left; z-index:0; width: 100%; position: relative; height: 425px; background-position: center center; background-repeat: no-repeat; background-size: cover;  }
div#full-page div#foto-top div.foto img { max-width:100%; min-height: 425px; margin:  0 auto; display: block;}
div#full-page div.titolo-verde-top { width:88%; margin-left: 6%; margin-right:6%; float: left;font-weight: 400; font-size: 2em; padding-top: 40px; padding-bottom:40px; float:left;}
div#full-page div.titolo-verde-top p {  width: 100%; text-align: left; font-size: 1.6em; color: #005100; padding-top: 20px; padding-top:20px; float:left;}
div#full-page div.titolo-verde-top p.testo {  width: 90%; font-size: 1em; color: #666; padding-top: 10px;}


@media only screen and (max-width: 959px) {
div#full-page div.titolo-verde-top p {  width: 100%; font-size: 1em; padding-top: 20px; padding-bottom: 20px;}
  }

div#full-page div.content-agenzia{  width:100%; float: left; font-weight: 400; }
div#full-page div.content-agenzia div { float:left;overflow: hidden;}
div#full-page div.content-agenzia div.high { height:580px; float: left; width: 100%}
div#full-page div.content-agenzia div.high div.stretto { width:26%;height:580px; float: left; margin-right: 2%; overflow: hidden;}
div#full-page div.content-agenzia div.high div.right { float: right; margin-left:2%; margin-top: 2%; width:28%; margin-right: 0; }
div#full-page div.content-agenzia div.high div.largo { width:72%;height:580px; float:right; display: table;}
div#full-page div.content-agenzia div.high div.left { float:left;  margin-top: 2%; width: 70%;}
div#full-page div.content-agenzia div.high div img { height: 580px;}

div#full-page div.content-agenzia div.high div p {  font-size: 1.4em; width: 80%; padding: 10%; background: #005100; color:#fff; display: table-cell; vertical-align: middle; }
div#full-page div.content-agenzia div.tall { height:346px; float: left; width: 100%; margin-top:2%; font-weight: 400;}
div#full-page div.content-agenzia div.tall div.stretto { width:36%;height:346px; float: left; margin-right: 2%; display: table;}
div#full-page div.content-agenzia div.tall div.largo { width:62%;height:346px; float: right;}
div#full-page div.content-agenzia div.tall div img { width:100%;; overflow: hidden;}
div#full-page div.content-agenzia div.tall div p {  display: table-cell; vertical-align: middle; font-size: 2.4em; width: 60%; padding: 20%; background: #ffff00; color:#000; text-transform: uppercase; }
@media only screen and (max-width: 959px) {
   div#full-page div.content-agenzia div.high { height:auto;}
   div#full-page div.content-agenzia div.high div.stretto { width:96%;height: auto; margin-left: 2%;}
   div#full-page div.content-agenzia div.high div.right {margin-right:2%; width:96%;  }
   div#full-page div.content-agenzia div.high div.largo { width:100%;height:auto;;}
   div#full-page div.content-agenzia div.tall div.stretto { width:96%;height:auto;margin-left: 2%;}
   div#full-page div.content-agenzia div.tall div.largo { width:100%;height:auto; display: none;}
   div#full-page div.content-agenzia div.high img, div#full-page div.content-agenzia div.tall img { width:100%}
   div#full-page div.content-agenzia div.high p { text-align: center;}
  }

div#full-page div.content-contatti{  width:100%; float: left; font-weight: 400; background: #fff; }
div#full-page div.content-contatti div { float:left;overflow: hidden;}
div#full-page div.content-contatti div.left-contatti { width:26%; height:580px; float: left; margin-right: 2%; overflow: hidden;}
div#full-page div.content-contatti div.right-contatti { margin-left:2%; width:66%; padding-left: 4%; margin-right: 0; background: #005100; color:#fff; display: table; height: 580px; float: right;}
div#full-page div.content-contatti div.right-contatti p {color:#fff; display: table-cell; vertical-align: middle; margin-left: 10%; font-size: 1.4em; line-height: 1.8em;}
div#full-page div.content-contatti div.right-contatti p span{ font-family: 'Arial'}
div#full-page div.content-contatti div.right-contatti p a { color:#fff !important; text-decoration: underline;}
div#full-page div.content-contatti div.right-contatti-stretto{ margin-left:2%; width:30%; margin-right: 0;height: 580px; float: right; margin-top:2%; overflow: hidden; background: #fff; display: table-cell; vertical-align: bottom; background-size: cover; background-position: center bottom; background-repeat: no-repeat; background-size: 100%}
div#full-page div.content-contatti div.right-contatti-stretto img{height: auto; width: 100%; vertical-align: bottom}
div#full-page div.content-contatti div.left-contatti-largo { width:66%; height:580px; float: left; margin-right: 2%; overflow: hidden; margin-top:2%;}
@media only screen and (max-width: 959px) {
div#full-page div.content-contatti div.left-contatti { width:100%; height:auto; margin-right: 0%; height: 300px; }
div#full-page div.content-contatti div.right-contatti { margin-left:0%; width:100%; padding-left: 0%;height: auto; margin-bottom: 20px;}

div#full-page div.content-contatti div.right-contatti p { padding-left: 5%; font-size: 1.2em; padding-right: 5%; margin-left: 0; float: left; width: 90%; text-align: center; margin-top: 30px; margin-bottom:30px;}
div#full-page div.content-contatti div.right-contatti-stretto{ margin-left:0%; width:100%; margin-top:0%;}
div#full-page div.content-contatti div.left-contatti-largo { width:100%; height:580px; margin-right: 0%; margin-top:0%;}
  }

div#full-page div.content-servizi {  width:100%; float: left; }
div#full-page div.content-servizi div { width:45%; margin: 2.5%; float: left; height: 520px; overflow: hidden; position:relative;transition: .5s ease;}
@media only screen and (max-width: 959px) {
   div#full-page div.content-servizi div { width:95%; margin: 2.5%; float: left; height: 300px; overflow: hidden; position:relative;transition: .5s ease;}
  }
div#full-page div.content-servizi div div.foto-servizio { width:100%; float: left; position:absolute;z-index: 1; top:0;}
div#full-page div.content-servizi div div.foto-servizio img { width:100%;transition: .5s ease;}
div#full-page div.content-servizi div:hover div.foto-servizio img { width:120%;}
div#full-page div.content-servizi div div.nome-servizio {  width: 70%; padding-left: 15%; padding-right: 15%; float: left; z-index:2; display: table; background: rgba(255,201,13,.8); position: absolute; top:0; height: 520px;transition: .5s ease;}
@media only screen and (max-width: 959px) {
   div#full-page div.content-servizi div div.nome-servizio { height: 300px;}
  }
div#full-page div.content-servizi div:hover div.nome-servizio {background: rgba(0,81,0,.4);}
div#full-page div.content-servizi div div.nome-servizio p { display: table-cell; vertical-align: middle; text-align: center; color:#000; font-size:1.4em; font-weight: 400; padding-bottom: 0;transition: .5s ease; width: 100%; }
div#full-page div.content-servizi div:hover div.nome-servizio p { color:#fff; padding-bottom: 80px;   }

div#full-page div.content-servizi div div.nome-servizio a { border: 1px solid #fff; font-size: .8em; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; opacity:0;color: #fff;margin: 0 auto; position: relative; top: 60px; width: 100%; display: block; float: left;   }
div#full-page div.content-servizi div:hover div.nome-servizio a { opacity:1    }
div#full-page div.foto-servizio {  width: 100%; height: 400px; overflow: hidden; float:left;}
div#full-page div.foto-servizio img {  width: 100%; margin: 0 atuo; display: block;}
div#full-page div.testo-servizi  { width: 100%; float: left;}
div#full-page div.testo-servizi p {  width: 80%; padding: 6%; padding-top: 40px;font-size: 1.6em; float:left; font-weight:400;color: #666;}

div#full-page div.content-servizi-submenu {  width:80%; margin-left: 10%; margin-right:10%; float: left; margin-top:30px; background: #fefefe; float: left; height: auto; }
div#full-page div.content-servizi-submenu div { width:24%; margin-left: 1%; float: left; height: 220px; position:relative}
@media only screen and (max-width: 959px) {
    div#full-page div.content-servizi-submenu div { width:98%; padding-top: 10px; padding-bottom: 10px; text-align: center; float: left; clear: both;}
  }
div#full-page div.content-servizi-submenu div div.nome-servizio-submenu {  width: 99%; float: left; z-index:2; display: table; position: absolute; top:0; height: 220px;float:left;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;background: rgba(255,201,13,0.8);}
div#full-page div.content-servizi-submenu div div.nome-servizio-submenu p { display: table-cell; vertical-align: middle; color:#fff; text-align: center; color:#000; font-size:1.4em; font-weight: 400; padding-left: 15%; padding-right: 15%;  }

div#full-page div.content-stima{  width:100% ;margin-top:30px; height: 1200px; position: relative; float: left; margin-bottom: 120px; background: #f0f0f0; }
div#full-page div.content-stima div.foto-stima {width:100%; top:0;}
div#full-page div.content-stima div.foto-stima img {width: 100%;}
div#full-page div.content-stima div.form-stima {background: #fff; float: left; position: absolute; top:80px; right: 5%; height: 1200px;}
@media only screen and (max-width: 959px) {
   div#full-page div.content-stima div.form-stima {width:90%; left:5%}
  }
 div#full-page div.content-stima div.form-stima ul { padding-top: 50px; float: left;}
div#full-page div.content-stima div.form-stima ul li { width: 50%; float: left; display: inline;}
@media only screen and (max-width: 959px) {
   div#full-page div.content-stima div.form-stima ul li { width: 100%; float: left; display: inline;}
  }
div#full-page div.content-stima div.form-stima p {  }
div#full-page div.content-stima p.titolo-form { display: table-cell; vertical-align: middle; text-align: center; background: #005100; color: #fff; width: 100%; padding: 0; float: left; clear: both;padding-top: 30px; padding-bottom: 30px; font-size: 2em; font-weight: 400;  }
div#full-page div.content-stima p.privacy-form { font-size: 1em; color: #666; line-height:22px; padding-left: 10%; padding-right: 10%; padding-bottom: 15px;  }
div#full-page div.content-stima div.form-stima ul.privacy-radio-button { width: 90%; float: left; padding-top: 0; padding-left: 10%; }
div#full-page div.content-stima div.form-stima ul.privacy-radio-button label { font-size: .9em; color: #666; }

/* footer */
div#footer{ width:100%; clear:both; text-align:center; margin-left:auto; margin-right:auto; float:left; position: relative; z-index: 1; background: #fff;position: relative; padding-bottom: 40px; margin-top: 0px}
div.franchising-footer{ background-image: url('../risorse/bg-franchising.png'); background-color: #f0f0f0;background-position: top right; background-size: contain; background-repeat: no-repeat; margin-left: 5%; margin-right: 5%; margin-bottom: 40px; position: relative; float: left; width: 90%; font-size: 1.5em; margin-top: 40px;}
div.franchising-footer p{margin-left:10%; text-align: left; margin-right: 40%; padding-bottom: 20px; float: left; font-size: 1em; }
div.franchising-footer p.titolo{ color: #000; margin-left:10%; font-weight: bold; text-align: left; padding-top: 30px; padding-bottom: 10px; float: left; }
div.franchising-footer p.contenuto{ color: #ff6600; font-size: .8em; text-align: left; font-weight: bold; }
div.franchising-footer p a.link-franchising{ float: left; padding: 10px; color: #000; display: block; border: 1px solid #000; text-transform: uppercase; font-size: .8em; }
@media only screen and (max-width: 959px) {
div.franchising-footer{  background-color: #f0f0f0;background-position: bottom right; background-size: contain; }
    div.franchising-footer p{margin-right: 10%;}
  }
div#footer-content{ width: 100%;}
div#footer div.logo{ width:36%; float: left; padding-left: 2%; margin: 0 auto; display: block;}
div#footer div.logo p.logo{ padding-left: 2%; padding-right: 2%; float: left; margin: 0 auto;}
div#footer div.logo p.logo img{ max-width: 250px;}
div#footer div.logo p.fimaa img{ border: 2px solid #fff;}
div#footer div.indirizzi{ width:40%; float: left;}
div#footer div.indirizzi p{ width: 50%; float: left; font-size: .8em;}
div#footer div.indirizzi p span.ufficio{ text-transform: uppercase; width: 100%; float: left; padding-bottom: 5px;}
p a.link-mappa-footer{ color: #ff6600; font-weight: bold; border: 1px solid #666; padding: 5px; clear: both; width: 50%; margin: 0 auto; margin-top: 20px; display: block;}
div#footer div.indirizzi .icona{ padding-bottom: 10px;}
div#footer div.indirizzi .icona img{ margin: 0 auto; display: block;}
div#footer div.indirizzi .sede{ width: 100%; float: left; padding-bottom: 10px; padding-top: 10px; color: #000; text-transform: uppercase; font-weight: bold; }
@media only screen and (max-width: 959px) {
    div#footer div.indirizzi{ width:100%;padding-top: 20px; padding-bottom: 20px;}
    div#footer div.indirizzi p{ width: 46%; padding: 2%;}
  }
div#footer div.menu ul li{ display: inline; padding-left: 10px; padding-right: 10px; position: relative; text-align: left; }
div#footer div.menu ul li:after{ height: 4px; float: left; width: 25%; background: #005100; position: absolute; top: 25px; left: 37.50%; content:""; }
div#footer div.menu ul li a{ color: #005100; text-transform: uppercase; text-align: left;}
div#footer div.barra-bassa{ width: 90%; float: left; margin-left: 5%; margin-right: 5%; }
div#footer div.barra-bassa .link-social{ display: block; font-size: 1em; float: left;padding-left: 2.5%; width: 17.5%; float: right;  }
@media only screen and (max-width: 959px) {
    div#footer div.barra-bassa .link-social{width: 97.5%;  }
  }
div#footer div.link-social p { width: 100%; float: left; margin-bottom: 30px;}
@media only screen and (max-width: 959px) {
     div#footer div.link-social p { width: 100%; float: left; margin: 0 auto;}
  }
div#footer div.link-social p img{ float: left; padding-right: 10px;}
div#footer div.link-social a{ font-size: .7em; float: left; padding-left: 2%; padding-right: 2%; color: #666; text-decoration: underline; width: auto; float: left; color: #666; padding-bottom: 10px; padding-top: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none;}
div#footer div.barra-bassa div.recapiti{ padding-left: 2.5%;  padding-right: 2.5%; text-align: left; float: left; width: 33.33333333%;}
div#footer div.barra-bassa div.recapiti .sede{width: 100%; float: left; font-size: .9em; font-weight: normal; color: #000; text-transform: uppercase;  }
@media only screen and (max-width: 959px) {
    div#footer div.barra-bassa div.recapiti{width: 100%;}
  }
div#footer div.barra-bassa div.recapiti p{ font-size: .8em; float: left; color: #000; font-weight: bold; padding-top: 10px; clear: both;}
div#footer div.barra-bassa div.recapiti p img{ width: 240px;}
@media only screen and (max-width: 959px) {
    div#footer div.logo{ width:100%; float: left; padding:0; padding-top: 20px; padding-bottom: 20px; margin: 0 auto;}
   div#footer div.barra-bassa p.recapiti{width: 95%; text-align: center; font-size: 1.2em; padding-top: 40px;}
   div#footer div.barra-bassa p.testo-grande-footer{ width: 97%; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #fff;}
   div#footer div.barra-bassa .link-basso{ text-align: center; width: 100%; padding: 0; flex-align: left; }
   div#footer div.link-basso a{ width: 100%; padding-left:0; padding-right: 0; font-weight: bold;}
  }
  div#footer #menu-footer { float: left; background: #000; margin-left: 5%; margin-right: 5%; width: 90%; margin-bottom: 40px; padding-bottom: 40px;}
  div#footer #menu-footer ul li{ width: 25%; display: inline; float: left; font-size: 1.2em}
  div#footer #menu-footer ul li p{ color: #fff; text-transform: uppercase; text-align: left; margin-left: 10%; font-size: .7em; margin-left: 10%; margin-right: 10%; padding-top: 40px; padding-bottom: 40px; font-weight: bold; text-align: center}
  div#footer #menu-footer ul li a{ text-align: center; color: #666; float: left; padding-top: 5px; padding-bottom: 5px; color: #fd6900; font-size: .8em; font-weight: bold; width: 100%;}
@media only screen and (max-width: 959px) {
     div#footer #menu-footer ul li{ width: 100%; display: inline; float: left;}
  div#footer #menu-footer ul li p{padding-bottom: 10px;}
  }


/* dx */
div#content-page{width: 100%;margin-bottom:40px; background: #f0f0f0; position: relative; float: left; }
div#cerca-mobile{display: none;}
@media only screen and (max-width: 959px) {
div#content_dx{width: 100%; margin:0; padding: 0; min-width: 100%; margin-top: 0px;}
div#cerca-mobile{display: block;}
div#cerca-mobile a{color: #fff; text-align: center; margin: 4%; padding: 2%; background: #000; border-radius: 20px; color: #fff;width: 88%; float: left;}
  }

  div#bg-titolo-pagina{ position: absolute; top:0; width: 100%; float: left; z-index: 1; height: 440px; overflow: hidden; }
    div#bg-titolo-pagina img{ width: 100%; float:left;}
div#titolo_pagina{ position: relative; z-index: 2; }
div#titolo_pagina div.full{ display: flex; justify-content: center; align-items: center; width: 100%; background: rgba(34,16,64,.6); height: 440px; padding: 0; margin: 0; float: left;}
div#titolo_pagina div.sottotitolo-full{ display: flex; justify-content: center; align-items: center;width: 100%; float: left; padding: 0; margin: 0; float: left;}
div#titolo_pagina div.left{ display: flex; justify-content: center; align-items: center; background: #fff; width: 60%; background: #22123c; height: 300px; padding: 0; margin: 0; float: left;}
div#titolo_pagina div.left div{ flex: 1 1 50%;  }
div#titolo_pagina div.left div p, div#titolo_pagina div.full div p{ text-transform: uppercase; font-size: 1.6em; margin: 0%; text-align: center; color:#fff;}
div#titolo_pagina div.full div p{ font-size: 6em;}
div#titolo_pagina div.full div span{ font-size: 1.3em; width: 100%; float: left; text-align: center; color:#fff; font-weight: bold;}
div#titolo_pagina div.full div span a{ color: #fff; border: 1px solid #fff; padding: 5px; padding-left: 15px; padding-right: 15px; margin-left: 10px;}
div#titolo_pagina div.sottotitolo-full div{ margin: 0 auto; width: 80%;}
div#titolo_pagina div.sottotitolo-full div p{ font-size: 2em; margin: 10%; text-align: center; color:#666; font-family: 'Droid Serif'; font-style: italic;}
div#titolo_pagina div.right{ width: 40%; float: right; background: #000; height: 300px;}
div#elenco-prodotti-big div#prodotto{ width:70%; float: left; margin-left:20%; height: 380px; margin-top: 30px; margin-bottom: 30px; border-bottom: 2px solid #eb9808;   }
div#elenco-prodotti-big div#prodotto.right{float: right; margin-left: 0; margin-right: 10%;  }
div#elenco-prodotti-big div#prodotto div{display: flex;  align-items: center; width: 100%; float: left; overflow: hidden; }
div#elenco-prodotti-big div#prodotto p.foto{ width: 50%; float: left;  }
div#elenco-prodotti-big div#prodotto.right p.foto{   }
div#elenco-prodotti-big div#prodotto p.foto img{ margin: 0 auto; display: block; height:380px;   }
div#elenco-prodotti-big div#prodotto p.nome-prodotto { width:50%; float: left; font-size: 3em;display: table-cell; vertical-align: middle; height: 120px; font-family: 'Droid Serif', serif; font-style: italic; text-align: center; color: #22123c; }
div#elenco-prodotti-big div#prodotto p.nome-prodotto span.sottotitolo { font-size: 40%; width: 100%; float: left; color:#666; margin-bottom: 20px; }
div#elenco-prodotti-big div#prodotto p.nome-prodotto a { font-size: 40%; width: 220px; color: #fff; background: #22123c; color:#fff; clear: both; display: block; margin-top: 40px; text-transform: uppercase; padding-top: 8px; padding-bottom:8px; margin: 0 auto; text-align: center;}
div#elenco-prodotti-big div#freccia{-webkit-clip-path: polygon(1% 50%, 100% 100%, 100% 0);clip-path: polygon(1% 50%, 100% 100%, 100% 0); background: #22123c; float: right; width: 10%; height: 340px; margin-top: 30px; margin-bottom: 30px; }
div#elenco-prodotti-big div#freccia.left{float: left;-webkit-transform: rotate(90deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }

div#elenco-prodotti-finestra { margin-top:40px; float:left;}
div#elenco-prodotti-finestra p.titolo { width:98%; margin: 1%; text-align:center; border-bottom: 1px solid #666; line-height:0.1em; font-size: 4em; margin-bottom: 40px; margin-top: 40px; float: left; font-family: 'Droid Serif', sans-serif; font-style: italic; color: #666;  }
div#elenco-prodotti-finestra p.titolo span { background: rgba(255,255,255,1); padding:0px 40px; }
div#elenco-prodotti-finestra div#prodotto{ width:46%; margin: 0; padding: 0; float: left;height: 380px; margin-top: 30px; margin-bottom: 30px; height: 360px; margin-left: 2%; margin-right: 2%;}
div#elenco-prodotti-finestra div#prodotto div{display: flex;  align-items: center; width: 100%; float: left;  height: 360px; border-top: 3px solid #f0f0f0; border: 4px solid #f0f0f0; overflow: hidden;  }
div#elenco-prodotti-finestra div#prodotto p.foto{ width: 100%; float: left; }
div#elenco-prodotti-finestra div#prodotto p.foto img{ margin: 0 auto; display: block; width:80%;   }
div#elenco-prodotti-finestra div#prodotto p.nome-prodotto { width:80%; margin-left: 10%; margin-right: 10%; float: left; font-size: 2.5em;display: table-cell; vertical-align: middle; font-family: 'Droid Serif', serif; font-style: italic; text-align: center; color: #22123c; }
div#elenco-prodotti-finestra div#prodotto p.nome-prodotto span.sottotitolo { font-size: 40%; width: 100%; float: left; color:#666; margin-bottom: 20px; }
div#elenco-prodotti-finestra div#prodotto p.nome-prodotto a { font-size: 40%; width: 220px; color: #fff; background: #22123c; color:#fff; clear: both; display: block; margin-top: 40px; text-transform: uppercase; padding-top: 8px; padding-bottom:8px; margin: 0 auto; text-align: center;}
div#elenco-prodotti-finestra div#prodotto p.nome-prodotto a.ordina { background: #fff; color:red; border: 1px solid red; margin-top:20px;}


div#dettaglio-prodotto div#prodotto{ width:100%; float: left; padding-left:0%; margin-top: 30px; margin-bottom: 30px;  }
div#dettaglio-prodotto div#prodotto div.foto{ width: 60%; float: left;  }
div#dettaglio-prodotto div#prodotto.right p.foto{   }
div#dettaglio-prodotto div#prodotto div.foto img{ margin: 0 auto; display: block; width:70%   }
div#dettaglio-prodotto div#prodotto div.scheda-dx{ float: left; background: #fff; width: 35%; margin-right: 2.5%; float: right; margin-top: 60px;-webkit-box-shad-moz-box-shadow: 0px 0px 51px -5px rgba(0,0,0,0.26);ow: 0px 0px 51px -5px rgba(0,0,0,0.26);box-shadow: 0px 0px 51px -5px rgba(0,0,0,0.26); margin-left: 2.5%; border-top: 12px solid #20103a;  border-bottom: 12px solid #20103a; }
div#dettaglio-prodotto div#prodotto p.nome-prodotto { width:100%; float: left; font-size: 4em;display: table-cell; vertical-align: middle; height: 120px; font-family: 'Droid Serif', serif; font-style: italic; text-align: center; color: #20103a; text-align: left; padding-top: 30px; text-align: center; }
div#dettaglio-prodotto div#prodotto p.nome-prodotto span.sottotitolo { font-size: 100%; width: 100%; float: left; color:#20103a; margin-bottom: 20px; text-align: center; font-size: 0.4em; }
div#dettaglio-prodotto div#prodotto p.descrizione { width: 90%; font-size: 1em; float: left; margin-top: 40px; line-height: 20pt; text-align: center; margin-left: 5%; margin-right: 5%; color: #666;}
div#dettaglio-prodotto div#prodotto p.link-scheda { width: 80%; margin-left: 10%; margin-right: 10%; font-size: 1.4em; float: right; margin-top: 40px; }
div#dettaglio-prodotto div#prodotto p a { font-size: 1em; color: #fff; border-top: 1px solid #20103a; border-bottom:1px solid #20103a; clear: both; display: block; margin-top: 0px; padding-top: 12px; padding-bottom:12px; margin: 0 auto; text-align: center; float: left;float: left; width: 100%; background: #20103a; }
div#dettaglio-prodotto div#prodotto p.caratteristiche { width: 80%; padding-left: 10%; padding-right: 10%; padding-top: 40px; padding-bottom: 40px; float: left; background: #20103a; color: #fff; margin-top: 80px; font-size: .9em; }

div#product-gallery{ width:100%; float: left; background: #f0f0f0; padding-top: 20px; padding-bottom: 20px;  }
div#product-gallery div.prodotto { width: 98%; margin-left: 1%; margin-right: 1%; float: left; border: 1px solid #666;}
div#product-gallery div p { width: 80%; padding-left: 10%; padding-right: 10%; float: left; background: #fff;  }
div#product-gallery div div.foto { margin: 0 auto;width: 100%; padding: 0; height: 200px; line-height: 200px; background: #fff; float: left; position:relative;vertical-align: middle; display: table-cell; text-align: center;    vertical-align: middle;}
div#product-gallery div div.foto img{ margin: 0 auto; max-width: 100%; height: 170px; vertical-align:middle; margin-top:10px;  }
div#product-gallery div p.nome { font-family: 'Droid Serif', serif; font-style: italic; display: table-cell; vertical-align: middle; height: 120px; text-align: center; font-size: 1.6em; color: #22123c; }
div#product-gallery div p.nome span.sottotitolo{ width: 100%; float: left; font-size: .5em; padding-top: 10px; padding-bottom: 10px; color: #666; }

div#qualita div#colonna-qualita-sx{ width: 50%; float: left; margin-left: 10% }
div#qualita div#colonna-qualita-sx div.fin1{ background: #f0f0f0 url(../risorse/bg-qualita-fin1.png) no-repeat bottom right;  background-size: 50%; padding-bottom: 120px; float: left; }
div#qualita div#colonna-qualita-sx div.fin1 p{ width: 60%; float: left; }
div#qualita div#colonna-qualita-sx div.fin1 p.titolo{ font-size: 2em; font-family: 'Droid Serif'; padding-top: 30px; padding-bottom: 30px; padding-left: 10%; padding-right: 10%; color: #413452; }
div#qualita div#colonna-qualita-sx div.fin1 p.testo-finestra-qualita{ font-size: 1em; width: 40%; margin-left: 10%; margin-right: 10%; color: #666; }
div#qualita div#colonna-qualita-sx div.fin2{ background: #fff; float: left; padding-bottom: 30px; }
div#qualita div#colonna-qualita-sx div.fin2 p{ width: 60%; float: left; }
div#qualita div#colonna-qualita-sx div.fin2 p.titolo{ font-size: 2em; font-family: 'Droid Serif'; padding-top: 30px; padding-bottom: 30px; padding-left: 10%; padding-right: 10%; color: #130328; }
div#qualita div#colonna-qualita-sx div.fin2 p.testo-finestra-qualita{ font-size: 1em; width: 80%; margin-left: 10%; margin-right: 10%; color: #666; }
div#qualita div#colonna-qualita-sx div.fin3{ background: #130328; float: left; padding-bottom: 30px; width: 50%; }
div#qualita div#colonna-qualita-sx div.fin3 p{ width: 60%; float: left; }
div#qualita div#colonna-qualita-sx div.fin3 p.titolo{ font-size: 2em; font-family: 'Droid Serif'; padding-top: 30px; padding-bottom: 30px; padding-left: 10%; padding-right: 10%; color: #fff; }
div#qualita div#colonna-qualita-sx div.fin3 p.testo-finestra-qualita{ font-size: 1em; width: 80%; margin-left: 10%; margin-right: 10%; color: #fff; }
div#qualita div#colonna-qualita-sx div.fin4{ background: #413452; float: right; padding-bottom: 30px; width: 50%; }
div#qualita div#colonna-qualita-sx div.fin4 p{ width: 60%; float: left; }
div#qualita div#colonna-qualita-sx div.fin4 p.titolo{ font-size: 2em; font-family: 'Droid Serif'; padding-top: 30px; padding-bottom: 30px; padding-left: 10%; padding-right: 10%; color: #fff; }
div#qualita div#colonna-qualita-sx div.fin4 p.testo-finestra-qualita{ font-size: 1em; width: 80%; margin-left: 10%; margin-right: 10%; color: #fff; }
div#qualita div#colonna-qualita-dx{ width: 30%; float: right; margin-right: 10%; }
div#qualita div#colonna-qualita-dx div.fin1{ background: #413452 url(../risorse/bg-qualita-fin1.png) no-repeat bottom right;  background-size: 100%; padding-bottom: 120px; float: left; }
div#qualita div#colonna-qualita-dx div.fin1 p{ width: 60%; float: left; }
div#qualita div#colonna-qualita-dx div.fin1 p.titolo{ font-size: 2em; font-family: 'Droid Serif'; padding-top: 30px; padding-bottom: 30px; padding-left: 10%; padding-right: 10%; color: #fff; }
div#qualita div#colonna-qualita-dx div.fin1 p.testo-finestra-qualita{ font-size: 1em; width: 40%; margin-left: 10%; margin-right: 10%; color: #f0f0f0; }
div#qualita div#colonna-qualita-dx div.fin2{ background: #f0f0f0 url(../risorse/bg-qualita-fin1.png) no-repeat bottom right;  background-size: 100%; padding-bottom: 120px; float: left; }
div#qualita div#colonna-qualita-dx div.fin2 p{ width: 60%; float: left; }
div#qualita div#colonna-qualita-dx div.fin2 p.titolo{ font-size: 2em; font-family: 'Droid Serif'; padding-top: 30px; padding-bottom: 30px; padding-left: 10%; padding-right: 10%; color: #413452; }
div#qualita div#colonna-qualita-dx div.fin2 p.testo-finestra-qualita{ font-size: 1em; width: 70%; margin-left: 10%; margin-right: 10%; color: #666; }
div#qualita div#numero{ width:15%; float: left; margin-left:5%; margin-top: 30px; margin-bottom: 30px;  }
div#qualita div#numero:after{ content: "";  display: block; width: 100%; height:0; padding-bottom: 100%; background: #221040; -moz-border-radius: 50%; -webkit-border-radius: 50%;   border-radius: 50%; }
div#qualita div#numero p{ float:left; width:100%; padding-top:50%; line-height:1em; margin-top:-0.5em; text-align:center;  color:white;  font-size: 3em; font-family: 'Droid Serif'; text-align: center; }
div#qualita div#descrizione{width: 40%; float: left; margin-left: 10%; margin-right: 10%;}
div#qualita div#descrizione div{ margin-top: 30px; margin-bottom: 30px;  }
div#qualita div#descrizione p { width:100%; float: left; font-size: 1em;display: table-cell; vertical-align: middle; height: 120px; text-align: center; color: #22123c; margin-top: 30px; }
div#qualita div#foto-dx-qualita{width: 20%;-webkit-clip-path: polygon(1% 26%, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(1% 26%, 100% 0, 100% 100%, 0% 100%); float: right;}
div#qualita div#foto-dx-qualita img{ width: 100%;}

/* chi siamo */
div#chi-siamo {width: 100%; float: left; margin-top: 30px;}
div#chi-siamo div#striscia-chi-siamo{  width: 100%; float: left; background: #221040;  }
div#chi-siamo div#striscia-chi-siamo.bianca{  background: #fff;  }
div#chi-siamo div#descrizione-chi-siamo{width: 40%; float: left; padding-left: 10%; padding-right: 10%;background: #221040; position: relative; height: 400px;}
div#chi-siamo div#descrizione-chi-siamo.right-small{width: 30%; float: right; background: #fff;}
div#chi-siamo div#descrizione-chi-siamo div{  height: 200px; float: left; margin-top:80px;  }
div#chi-siamo div#descrizione-chi-siamo p { width:100%; float: left; font-size: 1em; color: #22123c; margin-top: 0px; text-align: left; color: #fff; }
div#chi-siamo div#descrizione-chi-siamo.right-small p { color: #22123c; }
div#chi-siamo div#descrizione-chi-siamo p.titolo { float: left; font-family: 'Droid Serif'; font-size: 3em; font-style: italic; margin-top: 0px; margin-bottom: 30px; }
div#chi-siamo div#foto-chi-siamo{width: 40%;float: right; height: 400px; overflow: hidden;}
div#chi-siamo div#foto-chi-siamo.left-big{width: 50%;float: left; color: #221040;}
div#chi-siamo div#foto-chi-siamo img{ height: 100%;}

div#nav_carrello { padding-top:15px; margin-bottom: 15px; float:left;}
div#nav_carrello li { width: 258px; float:left; margin-right:3px;}
div#nav_carrello li.last {margin-right:0px;}
div#nav_carrello li.attivo {background:url(../risorse/bg_nav_carrello_attivo.gif) no-repeat;color:#000}
div#nav_carrello li.inattivo {background:url(../risorse/bg_nav_carrello_inattivo.gif) no-repeat; color:#fff}
div#nav_carrello li p { padding-top: 8px; padding-bottom: 8px;font-weight: bold; padding-left:26px; font-size: 14px; text-shadow: #bebebe 0px 1px 1px;}

/* content 100% */
div#content_all{width:80%; background:#fff; float:left; padding-left: 10%; padding-right: 10%; margin-top: 20px;}
@media only screen and (max-width: 959px) {
div#content_all{width: 100%; margin:0; padding: 0;}
  }
/* sx */
div#content_sx{width:780px; background:#fff; float:left;}
div#content_sx p.content{font-size:12px; padding-bottom:10px;}

/* carrello*/
div#cart{float:left; width: 100%; }
div#cart ul.intestazione{float:left; width: 100%; }
div#cart ul.intestazione li{float:left; }
div#cart ul.intestazione li.articolo{width: 40%;}
div#cart ul.intestazione li.disp{width: 110px;}
div#cart ul.intestazione li.qty{width: 20%;}
div#cart ul.intestazione li.prezzi{width: 20%;}
div#cart ul.intestazione li.totali{width: 20%;}
div#cart ul.intestazione li p.intestazione{ padding:3px;margin: 2px; padding-top:12px; padding-bottom:12px; font-size:14px; text-align: center; background: #666; color:#fff; font-size: 20px; text-transform: uppercase;}
div#cart ul.riga-cart{float:left; border-bottom:2px solid #ccc; width: 100%; padding-top:5px; padding-bottom: 5px;}
div#cart ul.riga-cart li{float:left; background:none; border:0; text-align: left; }
div#cart ul.riga-cart li.articolo{width: 40%;  }
div#cart ul.riga-cart li.articolo p.icona{ width: 50%; text-align: center; float:left; }
div#cart ul.riga-cart li.articolo p.testo-disp{ width: 280px; text-align: left; margin-top:5px; float:left;}
div#cart ul.riga-cart li.articolo p.avviso{ color: red; font-weight: bold; margin-top: 5px; float: left; width:160px;}
div#cart ul.riga-cart li input{ text-align: center}
div#cart ul.riga-cart li p.aggiorna input.button{ background: #ccc; color:#000; font-weight: bold; font-size: 10px; padding:4px; margin: 1px; cursor: pointer }
div#cart ul.riga-cart li.articolo p.foto{width: 40%;float: left; padding: 5px; border: 1px solid #f0f0f0; text-align: center;}
div#cart ul.riga-cart li.articolo p.testo{width: 50%; float: left; font-size: 18px; padding-left: 10px; padding-top: 10px;font-weight: bold; padding: 10px;}
div#cart ul.riga-cart li.articolo p.tipologia{font-size: 16px; padding-left: 10px; float:left;}
div#cart ul.riga-cart li.articolo p.foto img{width: 100px;}
div#cart ul.riga-cart li.rimuovi{width: 96px; margin-right:5px;}
div#cart ul.riga-cart li.rimuovi p{text-align: center}
div#cart ul.riga-cart li.rimuovi p a{ font-weight:bold; text-decoration: none; color:#c00}
div#cart ul.riga-cart li.rimuovi p a:hover{text-decoration: underline; color:#666}
div#cart ul.riga-cart li.qty{width: 20%; text-align: center}
div#cart ul.riga-cart li p{ font-size:12px; font-weight: normal; text-align:left;}
div#cart ul.riga-cart li.qty p{padding:0; padding-top:5px;text-align:center}
div#cart ul.riga-cart li.qty p input{background: #f0f0f0; color: #000033; text-transform: uppercase; border:0; padding-top: 10px; padding-bottom: 10px; font-size: 16px;}
div#cart ul.riga-cart li.qty p input.button{background: #000033; color: #fff; text-transform: uppercase; border:0;}
div#cart ul.riga-cart li.prezzo{width: 20%; text-align:center;}
div#cart ul.riga-cart li.prezzo p{text-align: center; font-size: 16px; padding-top: 25px; padding-bottom:25px;}
div#cart ul.riga-cart li p a.rimuovi{padding:0; padding-top:2px; font-size:16px; text-align:center; color: #000033}
div#cart div.totale{padding:0; text-align:center; float:left; margin-top: 0px; color: #006699; padding-top: 20px; padding-bottom: 20px;}
div#cart div.totale p{ text-align: right; color: #006699}
div#cart div.totale p.nome{float:left; font-size:24px; padding-top: 15px; padding-bottom: 10px; padding-right: 0px; font-weight: bold; margin-left:0px; color:#000033; padding-left: 5%; letter-spacing: 0px; width: 40%; text-align: left;}
div#cart div.totale p.somma{float:right; margin-right: 0px; font-size:36px; text-shadow: 1px 0px #666; font-weight: bold; color: #000; width: 40%; text-align: right; margin-right: 30px; padding-top: 10px; padding-bottom: 10px;}
div#cart div.cart-trasporto{   float: right;  padding-bottom: 10px; width:100%; margin-top: 10px;}
div#cart div.cart-trasporto p.testo{ width:250px; float: left; text-align: left; margin-top:8x; font-size: 22px;}
div#cart div.cart-trasporto p.icona{ width:60px; float: left; text-align: left;}
div#cart div.bottoni{ float: left; width: 100%; border-bottom:4px solid #000033; border-top: 4px solid #000033; margin-top: 2px; padding-top: 2px; padding-bottom: 2px; }
div#cart div.bottoni a.svuota{ padding-left: 10px; background: #000033; color: #fff; font-family: 'Abel', sans-serif; text-transform: uppercase; font-size: 16px; padding-top: 10px; padding-bottom: 10px; float: left; padding-left: 10px; padding-right: 10px; margin-left: 10px; }
div#cart div.bottoni a.svuota:hover{ }
div#cart div.bottoni input.button{float: left; cursor: pointer;background:#f0f0f0; padding-top:10px; padding-bottom:10px; color:#000; border: 0; text-align: center; cursor:pointer;; padding-left: 10px; padding-right: 10px; background: #000033; color: #fff; font-family: 'Abel', sans-serif; text-transform: uppercase; font-size: 16px;}
div.inoltra{ float: right; padding-right:0px; margin-top:0px; width: 100%; text-align: center;}
div.inoltra p.invia{ background: #666; width: 100%; float:right; margin-right: 0px; border: 0; color: #fff; cursor: pointer; text-transform: uppercase; padding-top: 30px; padding-bottom: 30px;}
div.inoltra p.invia:hover{ background: #f0f0f0; color: #e01229; font-size: 14px;}
div.inoltra p.invia a{ font-weight:bold; font-size: 28px;}
div.inoltra p.invia a:hover{ color: #e01229; text-decoration: none; }
div.inoltra-checkout{ padding-right:0px; margin-top:40px;}
div.inoltra-checkout p.invia{  background: url(../risorse/bg-bottone-ordine.png) no-repeat; width: 158px; height: 44px; float:right; margin-right: 0px; border: 0; color: #fff; font-size: 14px; cursor: pointer; text-transform: uppercase;}
div.inoltra-checkout p.invia a{ font-weight:bold;}
div.inoltra p.continua{ background:url(../risorse/bg_cart_continua.gif) no-repeat; width: 342px; height: 48px; float:left;text-align: right;}
div.inoltra p.continua a{ font-size: 14px; color:#000; font-weight: bold; padding-top: 16px; padding-bottom: 16px; float: left; text-decoration: none; padding-left: 100px;}
div#cart a.naviga{ background:#ffcc01; color:#fff; font-weight: bold; font-size:14px; padding:12px; float:left; margin-top:20px; text-decoration: none; border-left:4px solid #666;}
div#cart a.naviga:hover{ background:#f0f0f0; color:#000;}
@media only screen and (max-width: 959px) {
div#cart ul.intestazione li p.intestazione { font-size: 0.7em;}
div#cart ul.riga-cart li.articolo p.testo{font-size: 0.9em;}
div#cart ul.riga-cart li.qty p input{padding-top: 4px; padding-bottom: 4px; font-size: 0.9em;}
div#cart ul.riga-cart li.prezzo p{font-size: 0.8em; padding-top: 4px; padding-bottom: 4px;}
div#cart div.totale p.somma{font-size:1.8em; }
  }
/* ricerca */
div#ricerca { width: 100%; float: left; margin-left:0; }
div#ricerca div.titolo-prodotti {color:#666; padding:5%; padding-top:5px; padding-bottom:5px; margin-bottom: 0px; margin-top:0px; padding-left:0px; margin-right: 0px; float: left; width: 95%; border-bottom: 1px solid #eee;background: url(../risorse/bg-blu-sfumato.gif) repeat-x;  }
div#ricerca div.titolo-prodotti p { font-size: 18px; padding-top: 9px; padding-bottom: 9px; padding-left: 10px; font-weight: bold; color: #666; float: left; padding-right: 30px; font-weight: normal;}
div#ricerca div.titolo-prodotti p span.nome { font-size: 18px; color: #fff; padding-right: 15px; float: left;}
div#ricerca div.titolo-prodotti p span.icona { float: left;padding-top: 2px; padding-left: 0; padding-right: 0; padding-right: 10px;}
div#navigatore { float: left; background: #f0f0f0; padding-top: 10px; padding-bottom: 10px;}
div#navigatore a { color: #22123c; border: 0; margin: 0; padding: 0; width: auto; font-weight: normal; font-size: 1em; text-decoration: underline; padding-left: 20px; padding-right: 20px; font-family: 'Droid Serif', sans serif; float: left; font-style: italic; font-weight: 400; text-decoration: none; }
div#navigatore p span { float:left; padding-left:5px; padding-right:5px; margin-top:0px; margin-right: 0px; margin-left:0; color:#fff; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; color:#fff;}
div#navigatore p span.indicatore { font-size: 11px; }
 @media only screen and (max-width: 959px) {
    div#navigatore { float: left; background: #000033; width: 100%;}
div#navigatore p { font-size:0.8em;}
div#navigatore p span { float:left; padding-left:5px; padding-right:5px; margin-top:0px; margin-right: 0px; margin-left:0; color:#fff; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; color:#fff;}
div#navigatore p span.indicatore { font-size: 11px; }
  }
div#ricerca div.contenuto_ricerca { font-size:2em; font-weight:bold; padding-top:0px; padding-left:0px; float:left; width:99%;  margin-left:1%; margin-bottom: 10px;}
div#ricerca div.contenuto_ricerca ul { float:left; display: inline; width: 100%; margin-bottom: 10px; padding-bottom: 10px; }
div#ricerca div.contenuto_ricerca ul li { float:left;display: inline; width: 98%;border-bottom: 1px solid #666; }
div#ricerca div.contenuto_ricerca ul li p { font-size: 13px; width: 100%; float: left; }
div#ricerca p.risultati { font-size:18px; font-weight: bold; padding-top: 10px; padding-bottom: 10px; color:#666; width:98%; background: url(../risorse/freccia_giu_ricerca.png) no-repeat right 14px; float: left; border-bottom: 2px solid #666; padding-bottom: 16px;   }
/* scheda */
div#scheda{ width: 100%; float: left; margin-left:0;}
div#scheda div.contenuto { font-size:11px; font-weight: bold; float:left; padding-left:0px; color:#666; border-bottom: 8px solid #000033; border-left: 1px solid #000033; width: 100%; }
@media only screen and (max-width: 959px) {
div#scheda div.contenuto {border-bottom: 8px solid #000033; border-left: 0; width: 100%; margin: 0; padding: 0; }
  }
div#scheda div.contenuto ul { float:left; display: inline; width:100%;}
div#scheda div.contenuto ul li { float:left;display: inline;}
div#scheda div.contenuto ul li.gallery { float:left;display: inline; width: 54%; }
@media only screen and (max-width: 959px) {
div#scheda div.contenuto ul li.gallery { width: 100%; }
div#scheda div.contenuto ul li.gallery img { width: 100%; }
  }
div#scheda div.contenuto ul li.content-scheda { float:left;display: inline; width: 46%; background: #f0f0f0;}
@media only screen and (max-width: 959px) {
div#scheda div.contenuto ul li.content-scheda { width: 100%; border-left:0; padding: 0; margin: 0;}
  }
div#scheda div.contenuto ul li.content-scheda p { }
div#scheda div.contenuto ul li p.sconto-top { font-size:13px; float:left; clear:both; background: #ff9933; color:#fff; padding: 5px; border-radius: 1px; font-weight:normal; margin-top:5px; margin-bottom: 10px; }
div#scheda div.contenuto ul li p.nome { font-size:28px; padding-right: 30px; padding-left: 30px; display: block; color:#333; font-weight: normal; text-align: left; float: left; background: url(../risorse/freccia-blu.png) 0 10px no-repeat; padding-top: 5px; }
div#scheda div.contenuto ul li p.nome span { padding-left: 10px; }
div#scheda div.contenuto ul li p.nome span.novita { width: 100%; color: red; float: left; font-size: 11px;}
div#scheda div.contenuto ul li div#descrizione {font-weight: normal; padding: 0px; margin-top:1px; width: 90%; text-align: left; float: left; line-height: 20px; padding-left: 30px; padding-right: 30px; font-size: 18px; padding-top: 15px; height: 220px;margin-bottom: 2px;}
div#scheda div.contenuto ul li div#foto { width: 98%; text-align: center; float: left; padding: 1%;  margin-bottom: 20px; }
div#scheda div.contenuto ul li div#foto img { width: 100%; }
@media only screen and (max-width: 959px) {
    div#scheda div.contenuto ul li div#descrizione { padding-left: 10%; width: 80%; padding-left: 10%;}
div#scheda div.contenuto ul li div#foto img { width: 100%; }
  }
div#scheda div.disponibilita{ clear: both; float: left; padding-bottom: 8px; padding-top: 8px; margin-bottom: 10px; }
div#scheda div.disponibilita p.disponibile { float:left;  }
div#scheda div.disponibilita p.icona { float:left; width:20px; padding-left: 20px; }
div#scheda div.disponibilita p.non-disponibile { float:left; font-size:13px; font-weight: bold; margin-right: 0px; text-align: center; width: 110px; padding-top:5px; padding-bottom: 5px; text-align: center; border-radius: 4px; text-align: center; color: #666; padding-left: 20px;  }
div#scheda p.disp-quant { float:left; font-size:11px; font-weight: bold; margin-right: 0px; text-align: center; background:#fff; color:#54df00; width: 220px; padding-top:5px; padding-bottom: 5px; text-align: center; border-radius: 4px;  }
div#scheda p.su-ordinazione { float:left; font-size:11px; font-weight: bold; margin-right: 0px; text-align: center; background:yellow; color:#000; width: 220px; padding-top:5px; padding-bottom: 5px; text-align: center; border-radius: 4px;  }
div#scheda p.in-arrivo { float:left; font-size:11px; font-weight: bold; margin-right: 0px; text-align: center; background:#666; color:#000; width: 220px; padding-top:5px; padding-bottom: 5px; text-align: center; border-radius: 4px;  }
div#scheda p.disp-data { float:left; font-size:13px; font-weight: bold; margin-right: 0px; text-align: center; color:#666; width: 220px; padding-top:5px; padding-bottom: 5px; text-align: center;  }
div#scheda div.carrello { float: left; margin:1%; margin-bottom: 2px; padding-top: 4px; padding-bottom: 9px; float: left; background: #fff; width: 96%; padding-bottom: 30px; padding-top: 0px; float: left; padding-right: 2%;}
@media only screen and (max-width: 959px) {
div#scheda div.carrello { width: 90%; padding-left:5%; padding-right:5%;}
  }
div#scheda div.carrello div.versione { float: left; width: 100%; float: left; padding-bottom: 20px;background: #666;}
div#scheda div.carrello div.versione p { float: left; float: left; text-transform: uppercase; font-size: 18px;; color: #fff; padding-top: 3px; line-height: 20px; height: 20px; text-align: left; width: 90%; margin-left: 10%;}
div#scheda div.carrello div.versione select.versione { background: #fff; width: 90%; border: 0; padding-top: 10px; padding-bottom: 10px; padding-left: 5%; padding-right: 5%; font-size: 13px; color: #666; text-transform: uppercase; }
div#scheda div.carrello div.versione ul { float: left; width: 100%}
div#scheda div.carrello div.versione ul li{ float: left; width: 100%}
div#scheda div.carrello ul li p.piu { }
div#scheda ul li p.piu input.richiedi { border:0; background: #003366; color: #fff; width: 100%; height: 54px; line-height: 54px; cursor: pointer; color:#fff; font-weight: bold; font-family: 'Abel', sans-serif; text-transform: uppercase; margin: 0; padding: 0; font-size: 26px; float: right;  }
div#scheda ul li p.piu input.richiedi:hover { background: #f0f0f0; color: #fff;}
div#scheda ul li { font-size: 24px; font-weight: bold; text-align: center; margin-top:8px; width: 100%;  }
div#scheda ul li.prezzo { width: 50%; float: left;}
div#scheda ul li.prezzo p { width: 100%;font-size: 1.2em; float: left; color: #000;}
div#scheda ul li.prezzo p span.prezzo-iniziale { width: 100%;font-size:0.6em; float: left; color: red; text-decoration: line-through;}
div#scheda ul li.add { width: 50%; float: right; text-align: right;}
div#scheda ul li p.label-qty { text-transform: uppercase; float: left; width: 50%; text-align: center; font-size: 26px; color: #666; line-height: 70px; text-align: right; height: 70px; }
div#scheda ul li p.quantita { margin-top:0px; float:right; margin-top:8px; width: 50%; text-align: right; }
.sp-quantity {
    width:124px;
    height:42px;
    font-family:"ProximaNova Bold", Helvetica, Arial;
    float: right;
    margin-top: 12px;
}
.sp-minus {
    width:40px;
    height:40px;
    border:1px solid #e1e1e1;
    float:left;
    text-align:center;
    cursor: pointer;
}
.sp-input {
    width:40px;
    height:40px;
    border:1px solid #e1e1e1;
    border-left:0px solid black;
    float:left;
    background: #0099cc;
    color: #fff;
}
.sp-plus {
    width:40px;
    height:40px;
    border:1px solid #e1e1e1;
    border-left:0px solid #e1e1e1;
    float:left;
    text-align:center;
    cursor: pointer;
}
.sp-input input {
    width:30px;
    height:40px;
    text-align:center;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 1em;
}
.sp-input input:focus {
    border:1px solid #e1e1e1;
    border: none;
}
.sp-minus a, .sp-plus a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 5px;
}
div#scheda p.sconto { font-size:14px; font-weight: normal; margin-top: 4px; margin-left:5px; width:100%; margin-bottom:10px; width: 440px; float: left; text-align: left;}
div#scheda p.sconto span.barrato { text-decoration: line-through; font-weight: bold;  }
div#scheda p.titolo-caratteristiche { font-size: 18px; margin-left: 5px; border-bottom: 1px solid #999; padding-bottom:5px; float: left; width: 100%; float:left; clear:both; margin-bottom: 10px; margin-top:20px; text-align: left;}
div#scheda div.scheda-trasporto { font-size: 11px; float: left;padding-top: 20px; padding-bottom: 20px; width: 100%; margin-top: 20px;}
div#scheda div.scheda-trasporto p { margin-bottom: 1px; float:left; width: 60%; margin-left:20%; margin-right: 20%; color: #fff; text-transform: uppercase; font-size: 24px; height: 50px; line-height:50px;}
div#scheda div.scheda-trasporto p.disponibile { background: #669900;}
div#scheda div.scheda-trasporto p.in-arrivo {background: #ffcc00; color: #000;}
div#scheda div.scheda-trasporto p.non-disponibile {background: #ff0000;}
div#scheda div.scheda-trasporto p.su-ordinazione {background: #ff9900;}
div#scheda div.scheda-trasporto p.link-trasporto { font-size: 16px; font-weight: normal; }
/* fine scheda */
div#ricerca div#gruppi { border-left:1px solid #f0f0f0;border-bottom:5px solid #f0f0f0; border-right: 1px solid #f0f0f0; float:left; padding:10px; padding-left: 14px; width: 756px }
div#ricerca div#gruppi ul li { display: inline; float:left; width: 33%; min-height:200px; margin-right:2px; }
div#ricerca div#gruppi ul li h2 { font-size:15px; color: #162d50; border-bottom:3px solid #666; float: left }
div#ricerca div#gruppi ul li a { color:#162d50; clear:both; float:left; text-decoration: none; margin:2px; }
div#ricerca div#gruppi ul li div.sottocategorie { width: 100%; float:left; clear:both;}
div#ricerca div#gruppi ul li div.sottocategorie a { color:#3366b8; font-size:12px; }
div#ricerca div#gruppi ul li div.sottocategorie a:hover { text-decoration: none;border-bottom: 1px solid #ffce01;}
div#ricerca div#settori { border-left:1px solid #f0f0f0;border-bottom:5px solid #f0f0f0; border-right: 1px solid #f0f0f0; float:left; padding:10px; padding-left: 14px; width: 756px }
div#ricerca div#settori ul li { display: inline; float:left; width: 33%; margin-right:2px; background: #f0f0f0; margin-bottom: 2px }
div#ricerca div#settori ul li h2 { font-size:15px; color: #162d50; float: left; padding: 5px; }
div#ricerca div#settori ul li a { color:#162d50; clear:both; float:left; text-decoration: none; margin:2px; }

/* paginazione */
div#paginazione { float:left; width: 96%; border-top:1px solid #eee; padding: 2%; background: #fff; float:left; border-radius: 5px; margin-top: 20px;}
div#paginazione p { color:#666; }
div#paginazione.sopra { float: left;  }
div#paginazione.sotto { }
div#paginazione ul li { display:inline; float:left; margin-top:0px; margin-bottom:0px; padding: 0; text-align: left; }
div#paginazione ul li.prev a, div#paginazione ul li.next a {background: #000;color: #ff6600;font-size: 1.5em; }
div#paginazione ul li.pagine {float:right; padding: 0; text-align: right; }
div#paginazione ul li a { color:#000; background: #f0f0f0; font-weight: normal; padding: 12px; text-decoration: none;  width: 8px; height: 8px; line-height: 8px; float: left; margin-left: 5px; margin-right: 5px; font-size:.8em; border-radius: 5px;}
div#paginazione ul li.active a{ background: #ff6600; color: #fff; font-weight: bold;}
div#paginazione ul li p.per-pagina { padding-top: 15px; }
div#paginazione ul li p.freccia {width: 18px; text-align: left; float:left; padding: 0; margin: 0;  }
div#paginazione ul li p.freccia img {vertical-align: middle; padding-top: 10px; padding-bottom: 10px;}
@media only screen and (max-width: 959px) {

  }

@media only screen and (max-width: 959px) {
   div#paginazione ul li a { padding: 14px;}
  }
div#paginazione ul li a.first-last { background:#000; color:#fff; font-weight: bold; font-size: 12px; }


/* navigazione articoli */
div#prodotti{ float: left; width:100%; margin-bottom: 30px; margin-top: 20px; }
div#prodotti a { }
div#prodotti ul li { width: 32.33333333%; margin-left: 0.5%; margin-right:0.5%; display: inline; float:left; margin-bottom: 0px; padding-bottom: 8px; height: 400px;}
 @media only screen and (max-width: 959px) {
    div#prodotti ul li { width: 99%;   }
  }
div#prodotti ul li div#prodotto {    }
div#prodotti ul li div#prodotto div.finestra { border: 1px solid #666; float: left; width: 100%; position: relative;  }
div#prodotti ul li div#prodotto a { display: block; position: relative;  }
div#prodotti ul li div#prodotto a span.link { position: absolute; width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
float: left;
  /* fixes overlap error in IE7/8,
     make sure you have an empty gif */
  background: #000; color: #fff}
div#prodotti ul li div#prodotto div.finestra p.foto { text-align:center; padding-top:10px; padding-bottom:10px; height: 200px; max-width: 100%; overflow: hidden; position:relative;}
div#prodotti ul li div#prodotto div.finestra p.foto img {display: block; width:auto; width:200px;  position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto; overflow: hidden}

div#prodotti ul li div#prodotto div.finestra p.nome { text-align:center; padding-top:10px; padding-bottom:10px; font-size:22px; height: 60px; padding-left:5%; padding-right: 5%; max-width: 90%; color: #000;}
div#prodotti ul li div#prodotto div.finestra div.prezzo { height:97px; overflow: hidden; position: relative; }
div#prodotti ul li div#prodotto div.finestra div.novita { overflow: hidden; position: absolute; bottom:108px; }
div#prodotti ul li div#prodotto div.finestra div.novita p { padding-left: 10px; padding-right: 10px; text-align: center; background: #009cdf; color: #fff; padding-top: 5px; padding-bottom: 5px; text-transform: uppercase; }
div#prodotti ul li div#prodotto div.finestra div.prezzo p { font-size:30px; width:100%; text-align:center; color:#000033; max-width: 100%; background: #f0f0f0;padding-top: 18px; padding-bottom: 18px; }
div#prodotti ul li div#prodotto div.finestra div.prezzo p span { font-size: 0.6em; color: #ff0000; text-decoration:line-through; width: 100%; float: left;}
div#prodotti ul li div#prodotto div.finestra div.sconto { position: absolute; top:20px;border-radius: 50%;width: 52px;height: 52px; background: #fff; line-height: 52px; color: #000033; font-size: 0.8em; font-weight: bold; text-align: center; left: 10px; }

/* risultati */
div#paginazione_risultati { background:#666; float:left; height:29px; width:782px; padding-top: 2px; padding-bottom: 2px}
div#paginazione_risultati ul li { display:inline; float:left; margin-top:0px; margin-bottom:0px;}
div#paginazione_risultati ul li.pagine {float:right;}
div#paginazione_risultati ul li p { color:#fff; font-size:12px; margin-top:7px; margin-bottom:7px; padding-left:20px; padding-right:20px;}
div#paginazione_risultati ul li a { color:#666; background: #fff; font-weight: normal; padding: 3px; border-radius:2px; text-decoration: none;}
div#paginazione_risultati ul li a.first-last { background:#666; color:#fff;}
div#paginazione ul li p { color:#fff; font-size:12px; font-weight:bold; margin-top:7px; margin-bottom:7px; padding-left:20px; padding-right:20px;}
div#lista_risultati { width:99%; padding:5px; float:left; background:#f0f0f0 }
div#riga_risultato { float:left; clear:both; font-size:12px; width:100%; background:#fff;   }
div#riga_risultato ul li { float:left; display:inline; clear:none; padding:4px; }
div#riga_risultato ul li span.hl { background: #ffff66;}

/* messaggi */
p.messaggio {float: left; margin-top:20px; font-size:24px; padding:20px;color:#666; width: 96%; margin-bottom: 40px; text-align: center;}
 @media only screen and (max-width: 959px) {
    p.messaggio {padding: 0; width: 100%}
  }
a.all-link { width: 100%; background: #000; color: #fff;}
p.messaggio-validation {padding: 5px; background:#fed4d4; width:720px; border:1px solid #666; float: left; margin-top:20px; font-size:14px; font-weight: bold; color:#000; margin-bottom:15px; color: #000; margin-left:20px; }
p.messaggio-cart { background:#fed4d4; width:90%; float: left; margin-top:20px; font-size:18px; font-weight: bold; color:#000; margin-bottom:15px; color: #000; padding: 5%;}

/* login */
div#login  { float:left; width: 100%;  }
div#login ul li.riquadri { width:44%;float:left; display:inline; background: #fff; margin-top: 0px; margin-bottom: 20px; background: #f0f0f0; margin-right: 1%; margin-left: 2%;  }
 @media only screen and (max-width: 959px) {
    div#login ul li.riquadri { width:96%; margin-right: 2%; margin-left: 2%;  }
  }
div#login ul li.riquadri p.registrati { margin-top:40px; float:left; margin-bottom:80px; background: #f0f0f0; width: 100%;  text-align: center; color:#fff; font-weight: bold; font-size:16px;   }
div#login ul li.riquadri p.registrati a { color:#666;line-height: 49px; width: 100%; width:120px; height:49px; background: #000033; color: #fff; display: block; margin: 0 auto; }
div#login ul li.riquadri p.titolo { font-size:18px; font-weight:bold; padding-top:10px; padding-bottom:10px; color:#fff; float:left; margin-top:0px; width: 96%; padding-left: 4%; background:#666;}
div#login ul li.riquadri p.contenuto { font-size:18px; font-weight:bold; padding-left:20px; padding-bottom:15px; color:#666; float:left; width:322px; margin-top:20px;}
div#login ul li.riquadri form { margin-left:28px;  }
div#login ul li.riquadri form label { font-size:16px; color:#666; padding-top:7px; float:left; width:100%; font-weight:normal; text-transform: uppercase; }
div#login ul li.riquadri form input { font-size:12px; color:#666; background:#fff; border:0; padding:4%; margin-bottom:4px; width: 86%; float: left;}
div#login ul li.riquadri form input.checkbox { font-size:12px; color:#666; width:50px;    }
div#login ul li.riquadri ul li.bottone { width: 100%; float:left;  text-align: center }
div#login ul li.riquadri form input.bottone { background: #000033; width:120px; height:49px; margin-left:0px; color:#fff; font-weight: bold;cursor: pointer; margin-top:20px; border: 0; font-family: 'Abel', sans-serif; font-size: 14px;}
div.errore {width: 100%; float: left; }
div#login ul li.riquadri div.errore p, div#login ul li.riquadri p.errore, div.errore p { margin-bottom:5px; font-size:15px; color:#cc0000; margin-left: 10px; font-weight: bold; float:left; width: 100%; }
div#login ul li.riquadri div.password_dimenticata {font-size:14px; color:#666; padding-top:5px; padding-bottom:5px; float:left; width:100%; margin-top:15px; border-top:1px solid #666; background: #f0f0f0;  }
div#login ul li.riquadri div.password_dimenticata p { padding:10px;  }
div#login ul li.riquadri div.password_dimenticata a { color: #666; font-weight: bold  }

/* gestione login */
div#login ul li.gestione_login { float:left; display:inline; padding-bottom:15px; padding-top: 15px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; margin: 5%;  width: 90%; margin-bottom: 40px;}
div#login ul li.gestione_login ul li{ display: inline; float: left;  }
div#login ul li.gestione_login ul li.bottone{ margin-top: 0; padding-top: 0;}
div#login ul li.gestione_login p.contenuto { font-size:12px; font-weight:bold; padding-left:20px; padding-bottom:15px; color:#666; float:left; width:322px}
div#login ul li.gestione_login p.errore { float:left; margin-left: 0px; background:none; color:#cc0000}
div#login ul li.gestione_login form { margin-left:28px;  }
div#login ul li.gestione_login form label { font-size:14px; color:#000; float:left; font-weight:normal; padding-left: 20px; padding-right: 20px; margin-top: 6px;}
div#login ul li.gestione_login form input { font-size:12px; color:#666; width:184px; background:#f0f0f0; border:0; padding:8px; margin-bottom:4px; margin-right: 20px;  }
div#login ul li.gestione_login form input.checkbox { font-size:12px; color:#666; width:50px;    }
div#login ul li.gestione_login form input.bottone { background: #666; width:99px; height:29px; margin-left:0px; padding-top:7px; margin-top: 0; vertical-align: top; color:#fff; font-weight: bold;cursor: pointer;   }

/* checkout */
div#checkout {width: 100%;float:left; padding-bottom: 40px;}
div#checkout ul.fasi {width: 100%; float:left; margin-bottom:8px; margin-top:28px; margin-left: 0px; border-bottom: 6px solid #000033;}
 @media only screen and (max-width: 959px) {
    div#checkout ul.fasi {display: none;}
  }
div#checkout ul.fasi li {display:inline;float:left; padding: 0; padding: 0;width: 25%;color:#000;text-align: center;padding-top:6px;padding-bottom:4px;color:#000; text-align: left;}
div#checkout ul.fasi li.attivo {display:inline;float:left;color:#fff;background: #000033;text-align: center;padding-top:5px;padding-bottom:5px; margin: 0; width: 25%;}
div#checkout ul.fasi li p {float:left;width: 100%;padding-top: 4px;padding-bottom: 4px;font-size: 14px; text-transform: uppercase; margin-left: 10px;}
div#checkout ul li {display:inline;}
div#checkout div#dati-login {margin-left:0px;float: left;border-radius: 0px; width: 34%; margin-right: 5%; padding-top: 25px; background: #f0f0f0;padding-bottom: 20px;}
 @media only screen and (max-width: 959px) {
    div#checkout div#dati-login {width: 100%; margin: 0;}
  }
div#checkout div#dati-login p.modifica-dati-login {text-align: center;margin-bottom: 10px;background: #000033; width: 168px; height: 34px;clear:both;margin:0 auto; padding-top: 14px; font-size: 22px; text-transform: uppercase; }

div#checkout div#dati-login p.modifica-dati-login a {
    margin-right: 0px;
    color:#fff;
    font-weight: bold;
    font-size: 13px;
    text-align: center;

}

div#checkout div#dati-login p.titolo {
    width: 270px;
    color:#000;
    border: 0px solid #999;
    border-bottom: 0;
    float:left;
    font-size:18px;
    margin:10px;
    font-weight: bold;
    text-transform: uppercase;
}

div#checkout div#dati-login p.prodotti {
    width: 300px;
    color:#fff;
    background:#000;
    float:left;
    font-size:16px;
    padding:10px;


}

div#checkout ul.dati {
    float:left;
    clear:both;
    padding-top:10px;
    padding-bottom:10px;
    width: 100%;
}

div#checkout ul.dati li {
    float:left;
    clear: both;
    margin-bottom:1px;
    width: 84%;
    margin-left:8%;
    margin-right:8%;
    font-size: 12px;


}

div#checkout ul.dati li p.label {
    float: left;
    padding: 5px;
    padding-bottom: 0px;
    width: 15%;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color:#666;

}

div#checkout ul.dati li p.content {
    float: right;
    border-bottom: 1px dotted #333;
    width: 96%;
    float: left;
    padding: 2%;
    font-size: 16px;
    text-transform: uppercase;
}

div#checkout div#prodotti {
    float:left;
    width: 60%;
    margin: 0;
    padding: 0;


}
 @media only screen and (max-width: 959px) {
    div#checkout div#prodotti {width: 100%;}
  }

div#checkout div#prodotti p.titolo-prodotti {
    font-size:18px;
    margin-top:20px;
    margin-bottom: 20px;
    padding:15px;
    color:#000;
    text-transform: uppercase;
    font-weight: bold;


}

div#checkout div#prodotti ul.intestazione, div#checkout div#prodotti ul.riga-prodotto  {

    width:100%;

}

div#checkout div#prodotti ul.intestazione  {
    background: #666;
    float: left;

}

div#checkout div#prodotti ul.intestazione li, div#checkout div#prodotti ul.riga-prodotto li  {
    width:15%;
    padding-left: 5%;
    margin: 0;
    height: auto;

}

div#checkout div#prodotti ul.intestazione li.articolo, div#checkout div#prodotti ul.riga-prodotto li.articolo  {
    width:35%;
    padding-left: 5%;
    margin:0;

}

div#checkout div#prodotti ul.intestazione li {
    float:left;
    display:inline;
    padding-top:8px;
    padding-bottom: 8px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;


}

 @media only screen and (max-width: 959px) {
    div#checkout div#prodotti ul.intestazione li {font-size: 0.7em;}
  }

div#checkout div#prodotti ul.riga-prodotto {
    float:left;
    background:#fafafa;
    margin-top:3px;
    margin-bottom:3px;
    border-bottom: 2px solid #666;
}

div#checkout div#prodotti ul.riga-prodotto li {
    float:left;
    display:inline;
    text-align: center;
    font-size:12px;
    padding-top:10px;
    padding-bottom: 20px;
}

div#checkout div#prodotti ul.riga-prodotto li p.nome {
    font-size: 15px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
    text-align: left;
}

div#checkout div#prodotti ul.riga-prodotto li p {
    font-size: 15px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
    text-align: center;
}

 @media only screen and (max-width: 959px) {
    div#checkout div#prodotti ul.riga-prodotto li p, div#checkout div#prodotti ul.riga-prodotto li p.nome {font-size: 0.9em; }


  }

div#checkout div#prodotti ul.riga-prodotto li p.avviso {
    color: red;
}

div#checkout div#spedizione {
    width: 100%;

}

div#checkout div#spedizione p.titolo {
    font-size:22px;
    margin-top:20px;
    margin-bottom: 20px;
    padding-left:5%;
    padding-right: 5%;
    padding-top:10px;
    padding-bottom:10px;
    color: #006699;
    width: 90%;


}

div#checkout div#spedizione div#barra-indirizzo{
    border-bottom: 3px solid #f0f0f0;
    border-top: 3px solid #f0f0f0;
    float: left;
    width: 100%;
    margin-bottom: 2px;
    background: #000;

}

div#checkout div#spedizione p.radio {
    width: 20%;
    text-align: center;
    color:#000;
    float:left;
    margin-left:0px;
    float: left;
    clear: both;
    padding-top: 15px;
    padding-bottom: 15px;

}

div#checkout div#spedizione span.spese-spedizione {
    font-size: 18px; color: #000; padding:1%; width: 96%; margin-bottom: 30px; background: #fff; margin-left: 20px; border: 2px solid #f5f5f5;
}

div#checkout div#spedizione p.metodo {
    width: 80%;
    float:left;
    font-size:22px;
    padding-bottom: 11px;
    padding-top: 11px;
    margin-bottom:2px;
    color:#000033;
    font-weight: bold;
    padding-top: 18px;
    padding-bottom: 18px;
}

div#checkout div#spedizione select {
    padding: 7px;
    margin: 1px;
    border: 0;
}

div#checkout div#spedizione #punto-di-ritiro {
    width: 100%;
    background: #f0f0f0;
    text-align: center;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
}

div#checkout div#spedizione #punto-di-ritiro div {
    margin: 0 auto;
}

div#checkout div#spedizione #punto-di-ritiro label {
    font-size: 18px;
    padding-bottom: 20px;
}

div#checkout div#spedizione div.descrizione {

    float:left;
    width: 50%;
    float: left;
    font-size: 18px;
    border-right: 1px solid #666;
    margin-top: 20px;
}

div#checkout div#spedizione div.spese {
    width: 40%;
    float:right;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
}

div#checkout div#spedizione div.elenco-metodi {
    margin-bottom: 20px;
    float: left;
    clear: both;
    width: 100%;

}

div#checkout div#spedizione div.elenco-metodi p {

    float:left;
    font-size: 0.8em;
    width: 90%;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5%;
    padding-right: 5%;
    background: #f0f0f0;
    margin-bottom: 2px;
}

div#checkout div#spedizione div.elenco-metodi p.titolo-elenco-metodi {
    background: none;
    font-size: 1.2em;
    color: #000;
    padding-bottom:15px;
}

div#checkout div#spedizione div.spese-select {
    float: left;
    border: 2px solid #666;
    margin-bottom: 15px;
}

div#checkout div#spedizione div.spese-select select {
    background:#fff;
}




div#checkout div#spedizione div.descrizione p.testo {


    color: #666;
}

div#checkout div#spedizione div.descrizione p.didascalia {
    float:left;
    width: 46%;
    float:left;
    padding: 2%;
    background: #fff;
    border: 1px solid #f0f0f0;
    text-transform: uppercase;
    color: #666;
}

div#checkout div#spedizione div.descrizione p.indirizzo {
    float:left;
    width: 96%;
     margin: 2%;
     font-weight: bold;
     font-size:18px;
     padding: 20px;
     color:#000;
}

 @media only screen and (max-width: 959px) {
    div#checkout div#spedizione div.descrizione p.indirizzo { width:90%; margin: 0; padding: 5%;}
    div#checkout div#spedizione div.descrizione p.didascalia {width: 90%; margin: 0; padding: 5%;}
  }

div#checkout div#pagamento {
    width: 100%;
    float: left;
    padding-bottom: 30px;



}

div#checkout div#pagamento ul {
    float: left;
    width: 100%;



}

div#checkout div#pagamento ul li {
    width:31%;
    margin-left: 2%;
    float: left;
    border-radius: 4px;
    height: 222px;



}

div#checkout div#pagamento p.titolo {
     font-size:22px;
    margin-top:20px;
    margin-bottom: 20px;
    padding-left:5%;
    padding-right: 5%;
    padding-top:10px;
    padding-bottom:10px;
    color: #006699;
    width: 90%;
    float:left;


}

div#checkout div#pagamento p.radio {
    width: 20%;
    text-align: center;
    color:#000;
    float:left;
    margin-left:0px;
    border-bottom:2px solid #000033;
    padding:0;
    margin: 0;
    height: 32px;

}

div#checkout div#pagamento p.metodo {
    color:#000;
    float:left;
    font-size:18px;
    height:32px;
    line-height: 32px;
    margin-bottom:2px;
    font-weight: bold;
    border-bottom:2px solid #000033;
    width: 80%;
}

div#checkout div#pagamento div.descrizione {
    float:left;
    width: 100%;
    float: left;
    clear:both;
    font-size: 18px;
    background: #f0f0f0;
    color:#000033;
    height: 180px;
    padding-top: 30px;
    margin-bottom: 2px;
}

div#checkout div#pagamento div.descrizione p {
    padding-left:30px;
    padding-right:30px;
    text-align: justify;
}

div#checkout div#pagamento div.descrizione p.maggiorazione {
    font-size:42px;
    margin: 20px;
    font-weight: bold;
    color: #666;
}

div#checkout div#pagamento div.descrizione p.didascalia {
    float:left;
    width: 250px;
    float:left;
}

div#checkout div#pagamento div.descrizione p.indirizzo {
    float:left;
    width: 400px;
    float:right;
     background: #f0f0f0;
     margin: 5px;
     border:1px solid #666;
     font-weight: bold;
     font-size:14px;
     border-radius: 10px;
     border-bottom: 2px solid #ccc;
}

#content div#checkout div.ordine_ok {font-size:1.6em; color:#009cdf; color: #666; width: 100%; margin-top:30px; float: left; text-align: center; margin-bottom: 20px; padding-top: 20px; padding-bottom: 20px; background:#e4f0fd; border: 1px solid #333;}

#content div#checkout div.pagamento {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
#content div#checkout div.pagamento p.paypal_button {
    text-align: center;
    width: 100%;
    float: left;
    background: #000;
}

#content div#checkout div.pagamento p.titolo-top, #content div#checkout div.spedizione p.titolo-top {
    width: 100%;
    text-align: center;
    padding-top: 20px;
    color:#666;
   font-size: 2em;
   font-weight: bold;

}

#content div#checkout div.pagamento p.totale {
    float: left;
    font-size:1.5em;
    margin-top:0px;
    font-weight: bold;
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #666;
    margin-top: 30px;
    background: #f0f0f0;



}

#content div#checkout div.pagamento div.metodo {
    float: left;
    font-size:1.8em;
    font-style: italic;
    float:left;
    padding-top:0;
    margin-left: 20%;
    margin-right: 20%;
    width: 60%;
    text-align: center;
    background: #f0f0f0;


}

#content div#checkout div.pagamento div.metodo p.istruzioni {
    font-size:14px;
    padding: 0;
    font-style: normal;


}

#content div#checkout div.pagamento div.metodo a {
    padding-left:10px;
    margin-left: 10px;
    float:left;
    font-size:14px;


}

#content div#checkout div.pagamento div.metodo form {

    padding:20px;


}

#content div#checkout div.spedizione {
    width: 100%;
    float: right;
    margin-top: 30px;
    padding-bottom: 30px;
}
#content div#checkout div.spedizione p.indirizzo-spedizione {
    float: left;
    font-size:18px;
    font-style: italic;
    float:left;
    margin-top:20px;
    text-align: center;
    width: 100%;

}

div#totali {
    float: right;
    width: 100%;
    clear: both;
    font-size:16px;



}

div#totali p.titolo-totali {
    float: left;
    font-size: 16px;
    text-align: left;
    width: 50%;
    height: 50px;
    line-height: 50px;
}

div#totali p.contenuto {
    float:right;
    font-size: 16px;
    border-bottom:1px solid #999;
    text-align: right;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    width: 50%;
}

#content div.inoltra, #content div.inoltra-checkout {
    margin-top: 20px;
    float:right;
}

div.inoltra p, div.inoltra-checkout p  {
    padding:0px;
    float: left;
}

div.inoltra p a, div.inoltra-checkout p a  {
    padding:20px;
    padding-left: 18px;
    padding-right:18px;
    padding-top:13px;
    display: block;
    font-size: 14px;
    color:#fff;
    font-weight: bold;
}

#content div.inoltra-pagamento {
    width: 100%;
    float: left;
}

div.inoltra-pagamento p {
    padding:0px;
    float: left;
}

input.prosegui {background: #666; width: 100%; float:right; margin-right: 0px; border: 0; color: #fff; cursor: pointer; text-transform: uppercase; padding-top: 40px; padding-bottom: 40px; font-size: 28px; color:#fff; font-weight: bold; font-family: 'Abel', sans-serif;}

div.totale{float:left;width: 100%; margin-top: 20px; border-top:1px solid #666; border-bottom:1px solid #666;padding-top: 15px; padding-bottom: 15px; }
div.totale p{ text-align: right;}
div.totale p.nome{float:left; font-size:18px; padding-top: 8px; padding-bottom: 10px; padding-right: 80px; font-weight: bold; margin-left:0px; color:#666; padding-left: 20px; letter-spacing: 0px; text-shadow: 1px 0px #666; }
div.totale p.somma{float:right; margin-right: 0px; font-size:26px; text-shadow: 1px 0px #666; font-weight: bold; color: #000; width: 140px; text-align: right; margin-right: 10px;}

#form-spedizione {
    display: none;
}

#form-spedizione div.descrizione p.testo  {
    float:left;
    float:left;
    padding: 5%;
    background: #fff;
    color: #666;
    border: 1px solid #f0f0f0;
    text-transform:uppercase;
}


#form-spedizione p.obbligatori {
    float:left;
    width: 50%;
    clear: both;
    margin-left: 50px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 18px;
    color:#666;
    font-weight: bold;
}

#form-spedizione ul {
    margin-left:60px;
    float:left;
    clear: both;
}

#form-spedizione ul li {
    margin-bottom:10px;
    display:inline;
    float: left;
    width:280px;
}

#form-spedizione ul li p {
    float:left;
    clear: both;
}

#form-spedizione label {
    font-size:16px;
    margin-bottom: 5px;
    float:left;
    width:100px;
    font-weight: bold;
}

#form-spedizione select {
    margin-top:9px;
    margin-bottom:9px;
    background:#f0f0f0;
}

#form-spedizione p.errore {
    font-size:14px;
    color:red;
}

#form-spedizione input {
    font-size:12px; color:#666;padding:6px; margin-bottom:4px; background:#fff; border: 0; margin-right: 50px; float: left; padding: 10px; background:#f0f0f0;
}

/* modal */
.modal{width:100% !important; max-width: 900px !important; padding: 0 !important; border-radius: 0 !important;}
div#modal-form  { margin-top:10px; float:left;width: 100%; width: 400px;border-radius: 4px;}
div#modal-form p.titolo { font-size:22px; text-align: center; width: 100%; text-align: center; padding-top: 20px; padding-bottom: 20px; background: #f0f0f0;}
div#modal-form p.obbligatorio { font-size:16px; margin-bottom:0px; margin-left:40px; color:#ccc0; font-weight: bold; width: 80%; clear:both; }
div#modal-form p.testo-login { font-size:14px; background: #fff; margin-bottom:0px; margin-left:40px; color:#ccc0; font-weight: normal; width: 80%; clear:both; margin-bottom:20px; }
div#modal-form ul.form {margin-top:0px; margin-bottom:15px;background:#fff; float:left; width: 90%; margin:5%;  }
div#modal-form ul li { margin-bottom:5px; width: 100%;}
div#modal-form ul.privacy { margin-bottom:5px;}

div#modal-form form label {font-size:1em; padding-top:9px; float:left; width:100%; font-weight:normal; margin-right: 5%; margin-left: 5%; padding-bottom: 9px; background: #fff; }
div#modal-form form input { font-size:1em; color:#666; width:92%; padding: 1%;  border:1px solid #999; -moz-border-radius: 5px; margin-bottom:4px; border-radius: 4px;}
 @media only screen and (max-width: 959px) {
    div#modal-form form input { font-size:16px; color:#666; width:80%; padding: 5%; -moz-border-radius: 5px; margin-bottom:4px; background: #f0f0f0; margin: 5%; border: 0;}
    div#modal-form ul li ul.comune li { width: 15%;  padding:10px; }
  }
div#modal-form form input.checkbox { font-size:12px; color:#666; width:50px;    }
div#modal-form form input.bottone { background: #005100; border:0; cursor:pointer; text-align: center; color:#fff; width:100%; padding-top:40px; padding-bottom: 40px;}
 @media only screen and (max-width: 959px) {
   div#modal-form form input.bottone {width:90%;}
  }
div#modal-form form input.upload { background:none; width: 300px;  }
div#modal-form p.errore { margin-bottom:5px; font-size:16px; color:red; font-weight: bold; padding:5px; margin-left:0px; }
p.messaggio-anagrafica {padding: 10px; background:#ffff00; width:700px; border-bottom:1px solid #666; float: left; margin-top:20px; font-size:18px; font-weight: bold; color:#000; margin-bottom:15px; clear: both; float:left; margin-left: 20px;}

div#modal-franchising { max-width: 800px;}
div#modal-franchising img{ width: 100%;}

/* registrazione */
div#azienda{ display:none; }
div#registrazione  { margin-top:10px; float:left;width: 100%;  }
div#registrazione p.titolo { font-size:22px; margin-bottom:0px; margin:20px; padding:15px; color:#009cdf; border-bottom:#eee 1px solid;color: #666; border-radius: 4px; }
div#registrazione p.obbligatorio { font-size:16px; margin-bottom:0px; margin-left:40px; color:#ccc0; font-weight: bold; width: 80%; clear:both; }
div#registrazione p.testo-login { font-size:14px; background: #fff; margin-bottom:0px; margin-left:40px; color:#ccc0; font-weight: normal; width: 80%; clear:both; margin-bottom:20px; }
div#registrazione ul.form {margin-top:0px; margin-bottom:15px;background:#fff; float:left; width: 96%; margin:2%;  }
div#registrazione ul li { margin-bottom:5px;}
div#registrazione ul.privacy { margin-bottom:5px;}
div#registrazione ul li ul.comune { margin:0; padding:0; float: left; clear:right; width: 100%;  }
div#registrazione ul li ul.comune li { float: left; display: inline; margin:0; padding:0; width: 146px; }
div#registrazione ul.privacy {background: #f0f0f0; padding: 5%; background: #fff; }
div#registrazione form label {font-size:16px; padding-top:9px; float:left; width:220px; font-weight:normal; padding-left: 10px; margin-right: 50px; padding-bottom: 9px; background: #fff; }
div#registrazione form input { font-size:16px; color:#666; width:179px;  border:1px solid #999; -moz-border-radius: 5px; padding:10px; margin-bottom:4px; background: #f0f0f0; }
 @media only screen and (max-width: 959px) {
    div#registrazione form input { font-size:16px; color:#666; width:80%; padding: 5%; -moz-border-radius: 5px; margin-bottom:4px; background: #f0f0f0; margin: 5%; border: 0;}
    div#registrazione ul li ul.comune li { width: 15%;  padding:10px; }
  }
div#registrazione form select { font-size:16px; color:#666;  border:1px solid #999; -moz-border-radius: 5px; padding:10px; margin-bottom:4px; background: #f0f0f0;    }
div#registrazione form input.checkbox { font-size:12px; color:#666; width:50px;    }
div#registrazione form input.bottone { background: #000033; border:0; cursor:pointer; text-align: center; color:#fff; width:100%; padding-top:40px; padding-bottom: 40px;}
 @media only screen and (max-width: 959px) {
   div#registrazione form input.bottone {width:90%;}
  }
div#registrazione form input.upload { background:none; width: 300px;  }
div#registrazione p.errore { margin-bottom:5px; font-size:16px; color:red; font-weight: bold; padding:5px; margin-left:0px; }
div#registrazione p.sezione { width:98%; margin: 1%; text-align:center; border-bottom: 1px solid #ccc; font-size: 24px; margin-top: 40px; margin-bottom: 40px;  }
div#registrazione p.sezione span { background:#fff; padding:0px 40px; }
div#registrazione div#menu-gestisci { margin-left:75px; float: left; }
div#registrazione div#menu-gestisci ul li  { float:left; }
div#registrazione div#menu-gestisci ul li a  { display: block; padding: 20px; padding-top:90px; width: 150px; height: 100px; vertical-align: middle; margin-right: 40px; text-align: center; border-bottom:6px solid #666; text-decoration: none; background:#f0f0f0; text-decoration: none; box-shadow: 0px 0px 8px #ccc; font-size:18px;}
div#registrazione div#menu-gestisci ul li a:hover  { background:#fff}
p.messaggio-anagrafica {padding: 10px; background:#ffff00; width:700px; border-bottom:1px solid #666; float: left; margin-top:20px; font-size:18px; font-weight: bold; color:#000; margin-bottom:15px; clear: both; float:left; margin-left: 20px;}
div#gestisci{float:left; width:300px;}
div#gestisci{float:left; width:300px;}

/* pagina ordini */
div#pag_ordini { margin-top:10px; float:left; margin-left:10px; margin-right: 0px; width: 80%; }
div#pag_ordini div.intestazione{ font-size:14px; font-weight: bold; width: 100%; float:left; border-bottom:1px solid #666; margin-bottom:5px; background:#f0f0f0; }
div#pag_ordini div.intestazione li{ float:left;  }
div#pag_ordini div.intestazione li.data{ width: 150px; }
div#pag_ordini div.intestazione li.id{ width: 300px; }
div#pag_ordini div.intestazione li.prezzo{ width: 200px; text-align: center }
div#pag_ordini div.intestazione ul li { padding:5px; display:inline; foat:left}
div#pag_ordini div.rigo { border-bottom: 1px solid #fff; float:left; width: 100%;}
div#pag_ordini div.rigo ul { clear:both; background: #0094dd; float:left; color:#fff; padding: 10px; padding-top:5px; padding-bottom:5px; width: 98%; border-bottom: 2px solid #666;}
div#pag_ordini div.rigo ul:hover { background: #fff; color: #666;}
div#pag_ordini div.rigo ul li {display:inline; float:left; font-size:14px; width: 100%; }
div#pag_ordini div.rigo ul li.data { width: 150px; }
div#pag_ordini div.rigo ul li.id { width: 300px; font-weight: bold;}
div#pag_ordini div.rigo ul li.prezzo { width: 80px; }
div#pag_ordini div.rigo ul li.zoom { width: 210px; text-align: center; margin-top:4px; }
div#pag_ordini div.rigo ul li.zoom a { background: #fff; font-size: 12px; border-radius: 4px; padding: 4px; margin-top: 4px;}

/* pagina ordini dettaglio */
div#pag_ordini_dettaglio  { margin-top:10px; float:left; margin-left:10px; margin-right: 0px; width: 762px; }
div#pag_ordini_dettaglio p.rif  { font-size:12px; padding: 5px; background:#666; margin-bottom:10px; color:#fff; font-weight: bold; }
div#pag_ordini_dettaglio div.intestazione{ font-size:12px; font-weight: bold; width: 100%; float:left; border-bottom:1px solid #f0f0f0; margin-bottom:5px }
div#pag_ordini_dettaglio div.intestazione li{ float:left;  }
div#pag_ordini div.intestazione ul li { padding:5px; display:inline; foat:left}
div#pag_ordini_dettaglio div.intestazione li.cod{ width: 150px; }
div#pag_ordini_dettaglio div.intestazione li.desc{ width: 350px; }
div#pag_ordini_dettaglio div.intestazione li.qty{ width: 80px; text-align: center }
div#pag_ordini_dettaglio div.intestazione li.prezzo{ width:150px; text-align: center; }
div#pag_ordini_dettaglio div.rigo { border-bottom: 1px solid #fff; float:left; width: 100%}
div#pag_ordini_dettaglio div.rigo ul { clear:both; background: #f0f0f0; border-bottom: 1px solid #ccc; float:left; width: 98%; color:#000; padding: 10px; }
div#pag_ordini_dettaglio div.rigo ul.grigio { background: #eaeaea; }
div#pag_ordini_dettaglio div.rigo ul li {display:inline; float:left; font-size:13px; padding: 5px; }
div#pag_ordini_dettaglio div.rigo ul li.codice { width: 150px; }
div#pag_ordini_dettaglio div.rigo ul li.prezzo { width: 150px; text-align: center; }
div#pag_ordini_dettaglio div.rigo ul li.descrizione { width: 350px; }
div#pag_ordini_dettaglio div.rigo ul li.qty { width: 80px; text-align: center; }

/* contatti */
div#contatti{ width: 100%; float: left; margin-left:0;border: 1px solid #d2d2d2;}
div#contatti ul li{ float:left;display: inline;}
div#contatti p.testo{ font-size:18px; padding: 40px; padding-bottom:20px; float:left; color:#666; width: 100%; }
div#contatti p.testo span{ font-size: 24px; color: #fff; background: #ff9900; padding: 5px; float: left; clear: both; width: 100%; margin-bottom: 10px;}
div#contatti li.left{ width: 320px;}
@media only screen and (max-width: 959px) {
   div#contatti li.left{ width: 100%;}
  }
div#contatti li.right{ margin-top:20px; width: 360px; float: right; margin-right: 20px;}
div#contatti li.right p.titolo{ width: 100%; font-size:12px; padding:5px; margin-top:20px; background:#f0f0f0; color:#fff;}
div#contatti li.right p.e-mail{ font-size:13px; padding:5px;}
div#novita{ padding:5px; padding-top:15px; padding-bottom: 15px;float: left;}
div#novita ul {float:left; clear:both; margin-bottom:10px; padding-bottom:10px; margin-left: 10px}
div#novita ul li{float: left; display:inline; font-size:12px;}
div#novita ul li.data{text-align: left; padding:4px; background: #f0f0f0; font-size: 16px; padding:10px; font-weight: bold; color: #666;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
div#novita ul li.contenuto{width:550px; }
div#novita ul li.contenuto p.titolo_novita{padding:10px; font-size:13px; color:#ffcc01; border-top:1px solid #f0f0f0;border-right:1px solid #f0f0f0; font-size:16px; font-weight: bold; }
div#novita ul li.contenuto p.testo{padding:10px; font-size:11px; color:#000; font-size:13px; background:#f0f0f0 }


/* cart */
div#cart div#messaggio{ width:100%; text-align:center;}
div#cart div#messaggio p{ width:100%; text-align:center; color:#C00; font-size:13px; font-weight:bold; margin-top:30px; float:left; margin-bottom:50px;}
div#cart div#processo{ background:#f0f0f0; border:0px solid #286b9c; margin-top:8px; margin-bottom:8px; margin-left:10px; margin-right:10px; padding:10px; float:left; width:738px;  text-align:center;  }
div#cart div#processo ul li{ float:left; text-align:left; font-size:14px; font-weight:bold; color:#286b9c; margin-left:28px; margin-right:28px;   }
div#cart div#intestazione_carrello {background:url(../risorse/bg_intestazione_carrello.gif) repeat-x; padding-top:8px; padding-bottom:8px; padding-left:10px; padding-right:10px; padding:10px; float:left; width:738px;  text-align:center; margin-left:10px; margin-right:10px;   }
div#cart div#intestazione_carrello ul li { font-size:18px; color:#fff; float:left; }
div#cart div#intestazione_carrello ul li.articolo { width:300px;}
div#cart div#intestazione_carrello ul li.prezzo { width:90px;}
div#cart div#intestazione_carrello ul li.quantita { width:90px;}
div#cart div#riga_carrello { border-bottom:1px solid #f0bb2f; float:left; margin-left:10px; margin-right:10px; width:760px; padding-top:8px; padding-bottom:8px;}
div#cart div#riga_carrello ul li { font-size:12px; float:left; }
div#cart div#riga_carrello ul li a { color:#336699; font-weight:bold }
div#cart div#riga_carrello ul li.elimina { padding-top:10px; width:40px; padding-left:5px;}
div#cart div#riga_carrello ul li.foto { margin:10px;}
div#cart div#riga_carrello ul li.articolo { font-size:12px; margin-top:10px; width:210px; margin-left:0; }
div#cart div#riga_carrello ul li.prezzo { font-size:12px; margin-top:10px; width:90px; text-align:center }
div#cart div#riga_carrello ul li.quantita { font-size:12px; width:90px; text-align:center; margin-top:3px; }
div#cart div#riga_carrello ul li input { width:30px; padding-left:5px; padding-right:5px; border:2px solid #666; text-align:center; }
div#cart div#totale  { font-size:24px; font-weight:bold; float:right; margin-right:10px; margin-top:20px; }
div#cart div#totale p.titolo  { font-size:24px; font-weight:bold; color:#336699; text-align:center  }
div#cart div#totale ul li  { text-align:center; background:#f0f0f0; padding-top:10px; padding-bottom:10px; -moz-border-radius: 5px;
    border-radius: 5px;  }
div#cart div#totale ul li p.iva  { font-size:12px; color:#666; width:220px; }
div#cart div#info_acquisti  { float:left; clear:both; margin-left:12px; margin-top:20px; }
div#cart div#info_acquisti ul li  { font-size:12px; color:#666; margin-right:10px; }
div#cart div#frecce_carrello  { width:100%; float:left; margin-top:40px; margin-bottom:10px; }
div#cart div#frecce_carrello p.left  { float:left; margin-left:20px; }
div#cart div#frecce_carrello p.right  { float:right; margin-right:20px; }

/*-- Condizioni di vendita--*/

#condizioni_di_vendita {
    width: 100%; float: left; margin:0; padding-bottom: 40px;
}

#condizioni_di_vendita a {
    border: 1px solid #666;
    border-radius: 5px;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 10px;
    clear: both;
    color:#666;
    margin-left: 5%;
    margin-right: 15%;
    margin-left: 30px;
    font-size: 14px;
    width: 90%;
    float: left;
}

#condizioni_di_vendita div.blocco {
    float:left;
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
    padding-bottom: 10px;
    padding-top: 60px;
    float: left;
    font-size: 16px;

}

#condizioni_di_vendita div.blocco span.titolo-blocco {
    font-weight: bold;
    margin-top:20px;
    float: left;
    font-size:15px;
    width: 100%;
    margin-bottom: 10px;

}

#condizioni_di_vendita p.testo {

    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
    padding-bottom: 10px;
    padding-top: 10px;
    float: left;
    font-size: 16px;

}

#condizioni_di_vendita p.titolo_grande {
    font-size: 19px;
    font-weight: bold;
    padding-top: 15px;
    padding-left: 5%;
    float:left;
    width:95%;

}

div.tabella { float: left; clear: both; width: 80%; margin: 10%; border: 1px solid #666;}
div.tabella p{ padding: 0px; margin: 0; float: left; margin-bottom: 0; float:left;}
div.tabella p.intestazione1{ color:#666; width: 40%; text-transform: uppercase; font-size: 18px; float: left; border-bottom: 2px solid #666; padding: 5%; background: #666; color:#fff; }
div.tabella p.intestazione2 {  color: #666; width: 40%; float: left;text-transform: uppercase; font-size: 18px; border-bottom: 2px solid #666; padding: 5%; color:#666;  }
div.tabella p.prezzo{ background: #fff; color:#666; font-size: 16px; text-align: left; width: 46%; border-bottom: 1px solid #666; padding: 2%;  }
div.tabella p.descrizione {  border-bottom: 1px solid #666; width: 46%; background: #eee; margin: 0;float: left;padding: 2%;  }




#home-gallery {
    width: 100%;
    float: left;
    border-bottom: 8px solid #000033;
    padding-bottom:10px;
}

#home-gallery .item{
  background: #fff;
  padding: 10%;
  margin-right: 1%;
  text-align: center;
  width: 79%;
  border: 2px solid #f0f0f0;
}
#home-gallery .item img{
    width:50%;
    max-height:320px;
    display: block;
    margin-left: auto;
    margin-right: auto
}
#home-gallery .item p.testo{
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #666;
    height: 120px;
    font-size: 32px;
}
.customNavigation{
  text-align: center;
}
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*-- radio style--*/

div.radio{
  color: #666;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #111111;
}

div.radio input[type=radio]{
  position: absolute;
  visibility: hidden;
}

div.radio label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1.35em;
  padding: 25px 25px 25px 80px;
  margin: 10px auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

div.radio:hover label{
	color: #000033;
}

div.radio .check{
  display: block;
  position: absolute;
  border: 5px solid #666;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 30px;
  left: 20px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

div.radio:hover .check {
  border: 5px solid #000033;
}

div.radio .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 5px;
	left: 5px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
  border: 5px solid #000033;
}

input[type=radio]:checked ~ .check::before{
  background: #000033;
}

input[type=radio]:checked ~ label{
  color: #000033;
}

@media only screen and (min-width: 960px) {
    div#header-full {display: none;}
  }



  #contact-form { width: 600px; float: left;background: #fff; padding-bottom: 40px;}
   #contact-form .logo { background:#fff;}
  #contact-form .logo img { width: 20%; margin-left: 40%; margin-right: 40%; margin-bottom: 20px;}
  #contact-form .modulo-form { background: #2a1c43; float: left; border: 4px solid #f0f0f0; padding-bottom: 30px;}
   #contact-form ul li { width: 50%; float: left; display: inline;}
  #contact-form p { font-size: 1.4em; text-align: center; width:100%; font-weight: bold; padding-top: 5px; padding-bottom: 5px;}
  #contact-form .titolo_big { font-size: 2em; text-align: center; font-family: 'Droid Serif'; font-style: italic;  width: 80%; padding-left: 10%; padding-right: 10%; margin-top: 40px; margin-bottom: 30px; color: #fff;}
   #contact-form label { width: 90%; text-align: left; float: left; padding-top: 10px; padding-bottom: 10px; text-transform: uppercase; margin-left: 5%; color: #fff; }
  #contact-form input { width: 80%; background: #fff; border: 0; margin-left: 5%; margin-right: 5%; padding: 5%; }

 #realizzazioni{  margin: 0 auto; width: 100%; float: left;}
 div#realizzazioni p.titolo { width:98%; margin: 1%; text-align:center; border-bottom: 1px solid #24143d; line-height:0.1em; font-size: 3em; margin-bottom: 40px; margin-top: 40px; float: left; font-family: 'Droid Serif', sans-serif; font-style: italic; color: #24143d;  }
div#realizzazioni p.titolo span { background: #f0f0f0; padding:0px 40px; }
  .foto-realizzazioni{ padding-top: 60px; padding-bottom: 60px;margin-top: 80px; background: #f0f0f0;}
  .fade{ width: 60%; margin: 0 auto; background: #f0f0f0; position: relative; height: 500px; overflow: hidden; }
  .fade img { }

  .modal-container {
  max-width: 500px;
  padding: 0;
  margin: 20px 0;
  border-radius: .3em;
  box-shadow: 0 0.1em 0.4em rgba(0,0,0,.3);
}

.modal-title {
  font-weight: 700;
  padding: 1.5em;
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.modal-body {
  max-height: 70vh;
  padding: 0 1.5em 1.5em 1.5em;
  overflow-y: auto;
}

.modal-footer {
  padding: 1.5em;
  text-align: right;
}

p:first-child {
  margin-top: 0;
}


/* form style */


.form-style-2{
    width: 60%;
    padding: 0;

}
.form-style-2 div{
    margin: 0 auto;
    width: 90%;


}
.form-style-2 label{
    display: block;
    margin: 0px 0px 15px 0px;
}
.form-style-2 label > span{
    width: 100px;
    float: left;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 5px;
}
.form-style-2 span.required{
    color:red;
}
.form-style-2 .tel-number-field{
    width: 40px;
    text-align: center;
}
.form-style-2 input.input-field{
    width:90%;

}

.form-style-2 label.error{
    color:red !important;
    font-size: 1em;
    font-weight: bold;
    padding-top: 5px;
    float: left;
    width:100%;

}

.form-style-2 input.input-field,
.form-style-2 .tel-number-field,
.form-style-2 .textarea-field,
 .form-style-2 .select-field{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 4%;
    outline: none;
}
.form-style-2 .input-field:focus,
.form-style-2 .tel-number-field:focus,
.form-style-2 .textarea-field:focus,
.form-style-2 .select-field:focus{
    border: 1px solid #0C0;
}
.form-style-2 .textarea-field{
    height:200px;
    width: 100%;
}
.form-style-2 input[type=submit],
.form-style-2 input[type=button]{
    border: none;
    padding: 15px 30px 15px 30px;
    background: #005100;
    color: #fff;
    font-size: 1.2em;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-left: 40%;
    margin-top:40px;
}
.form-style-2 input[type=submit]:hover,
.form-style-2 input[type=button]:hover{
    background: #666;
    color: #fff;
}

#form-message{ text-align: center; font-size: 1.6em; float: left; margin-top: 20px; color: red; width: 100%; }
#form-message p{ padding: 10px;margin-left: 40%;margin-right: 20%;margin-bottom: 30px; background: rgba(255,255,255,.8); }
@media only screen and (max-width: 959px) {
    #form-message p{ margin-left: 0;margin-right: 0; }
  }
/* back to top */
.scrollTop {
  position: fixed;
  right: 2.5%;
  bottom: 10px;
  background: #fd6403 url('../risorse/cd-top-arrow.svg') center center no-repeat;
  padding: 20px;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
  z-index:10000;
  cursor:pointer;
  border-radius: 20px;
}

.scrollTop a {
  font-size: 18px;
  color: #fff;
}

#loader {
    float: left;
    width: 100%;
    margin-top: 120px;
}

#loader img {
    display: block;
    margin: 0 auto;
}

/* icona menu */

#nav-icon3 {
  width: 30px;
  height: 45px;
  position: relative;
  margin: 20px 10px 10px 10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span{
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon3.cerca span{
  background: #000;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 10px;
}

#nav-icon3 span:nth-child(4) {
  top: 20px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* checkbox style */

/* The container */
.container-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.container-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
    background-color: #000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* The container */
.container-radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.container-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.container-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

/* modal */
.blocker {
 	z-index: 10000 !important;
}

#info-agenzia1, #info-agenzia2 {
 	padding: 40px;
}
#info-agenzia1 p, #info-agenzia2 p{
 	line-height: 24px;
}
#info-agenzia1 p img, #info-agenzia2 p img{
 	width: 150px;
}
#info-agenzia1 p.titolo, #info-agenzia2 p.titolo {
 	visibility: visible;
     opacity: 1 !important;
    font-size: 1.1em;
    color: #666;
    padding-bottom:  20px;
    padding-top: 30px;
    font-weight: bold;
    color: #ff6600;
}
#info-agenzia1 a.link-contatto, #info-agenzia2 a.link-contatto {
    background-image: url('../risorse/phone-icon.png');
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: left;
    padding-left: 40px;
    color: #000;
    float: left;
    margin-top: 10px;
    clear: both;
    height: 40px;
    line-height: 40px;
    color: #666;
    font-weight: bold;
}
#info-agenzia1 a.mail, #info-agenzia2 a.mail {
    background-image: url('../risorse/mail.png');
}


#info-agenzia1 a.chiudi, #info-agenzia2 a.chiudi {
    position: absolute;
    right: 5%;
    top: 30px;
    font-size: 30px;

}
#info-agenzia1 .btn-chiudi, #info-agenzia2 .btn-chiudi {
    border: 1px solid #666;
    padding: 10px 10px;
    text-transform: uppercase;
    background: #fff;
    color: #000;
    margin-top: 20px;
    float: left;
    border-radius: 3px;
    font-size: .8em;
    clear: both;
}


@media all and (min-width: 800px) {

  /* Give space around main area */
  .fancybox-custom-layout .fancybox-outer {
    top: 50px;
    left: 50px;
    bottom: 50px;
    right: 50px;
    margin: auto;
    max-width: 1180px;
    max-height: 495px;
    overflow: visible;
    background: #fff;
    box-shadow: 10px 10px 15px rgba(0,0,0,0.3);
    transition: opacity .3s;
  }

  /* Make it to fade-out while closing */
  .fancybox-custom-layout.fancybox-is-closing .fancybox-outer {
    opacity: 0;
  }

  /* Set color for background element */
  .fancybox-custom-layout .fancybox-bg {
    background: #f6f6f6;
  }

  .fancybox-custom-layout.fancybox-is-open .fancybox-bg {
    opacity: 1;
  }

  /* Move caption area to the right side */
  .fancybox-custom-layout .fancybox-caption-wrap {
    top: 0;
    right: 44px;
    bottom: 0;
    left: auto;
    width: 256px;
    padding: 0;
    background: #333;
    pointer-events: all; /* Make text selectable */
    border-right: 1px solid rgba(255,255,255,.08);
  }

  /* Adjust content area position */
  .fancybox-custom-layout .fancybox-stage {
    right: 300px;
  }

  /* Remove top border from the caption */
  .fancybox-custom-layout .fancybox-caption {
    padding: 30px 20px;
    border: 0;
  }

  /* Align buttons at the right side  */
  .fancybox-custom-layout .fancybox-toolbar {
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 44px;
    background: #333;
    border-left: 1px solid #222;
  }

  /* Remove background from all buttons */
  .fancybox-custom-layout .fancybox-button,
  .fancybox-custom-layout .fancybox-navigation button:before {
    background: transparent;
  }

  /* Change arrow color */
  .fancybox-custom-layout .fancybox-navigation button {
    color: #333 !important;
    padding: 10px;
  }

  /* Reposition arrows */
  .fancybox-custom-layout .fancybox-button--arrow_left {
    left: -60px;
  }

  .fancybox-custom-layout .fancybox-button--arrow_right {
    right: -60px;
  }

  .fancybox-custom-layout.fancybox-show-thumbs .fancybox-button--arrow_right {
    right: -272px;
  }

}