/*--------------------------------------------------
SCHEDA SCAVOLINI
www.scavolini.com
website by websolute
--------------------------------------------------*/


/*--------------------------------------------------
Social
--------------------------------------------------*/
.socialButton {margin-top:2.5em;}


/*--------------------------------------------------
Gallery
--------------------------------------------------*/
.mobile #bodywrap {margin-top:0px!important;}
.mobile #gallery .flexslider .flex-direction-nav .slides > li {margin:0px!important;}
.mobile #gallery .flex-direction-nav a:hover {background:url(../img/gals_arrows.png) no-repeat scroll -45px -78px!important;}
.mobile #gallery .flex-direction-nav a.flex-next:hover {background:url(../img/gals_arrows.png) no-repeat scroll -18px -18px!important;}
.mobile #gallery .flex-control-nav {bottom:-33px;}
#gallery {position:relative; z-index:2; box-shadow:0 3px 1px rgba(0,0,0,.1); overflow:hidden; background:rgb(10,10,10);  background:rgba(10,10,10,.95);}
#gallery .gallery {position:relative; z-index:2; text-align:center;}
#gallery .imgGal {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; overflow:hidden; cursor:url(../img/grab.cur), default;}
#gallery .imgGal img {margin-top:20px; box-shadow:0 0 20px rgba(0,0,0,.95); }
#gallery .zoomImg {margin-top:0;}
#gallery .imgGal:hover {cursor:url(../IMG/cur_grab_off.cur), crosshair;}
#gallery .imgGal:active, #gallery .imgGal img:active { cursor: url(../IMG/cur_grab_on.cur), default; background:#000;}
#gallery .bgwidth {width:100%; height:auto; position:absolute; top:0; left:0; margin:0;}
#gallery .bgheight {height:100%; width:auto; position:absolute; top:0; left:0; margin:0;}
#gallery .nav {position:absolute; bottom:0; z-index:10; width:100%; background:#0a0a0a; background:rgba(10,10,10,.90); padding:30px 0; height:40px; line-height:40px;}

#gallery .nav  .h1 {margin:0; padding:0; color:#fff; font-size:1.5em; float:left; margin-right:20px; float:left; color:#fff; font-size:30px;}
#gallery .nav .numbers ul {margin:14px 0 0; padding:0; list-style:none; float:left;}
#gallery .nav .numbers ul li {float:left;  padding:0;}
#gallery .nav .numbers ul li a { background:url(../images/icon_btn_scoll.png) no-repeat; width:16px; height:16px; vertical-align:middle; display:inline-block; margin:0 2px; float:left; overflow:hidden; display:inline; text-indent:-9999px;}
#gallery .nav .numbers ul li a:hover {background-image:url(../images/icon_btn_scoll_hover.png);}
#gallery .nav .numbers ul li a.on {background-image:url(../images/icon_btn_scoll_hover.png);}
#gallery .nav .info {float:right;}
#gallery .nav .info a {color:#fff; font-family:'AllerBold',sans-serif; font-size:13px;}
#gallery #info {position:absolute; left:0; bottom:47px; background:rgb(10,10,10); color:#fff; z-index:20; width:100%; font-size:12px; line-height:16px; -moz-opacity:0; -webkit-opacity:0; opacity:0; filter:alpha(opacity=0); display:none}
/*#gallery #info .text {-moz-column-count: 3; -moz-column-gap: 30px; -webkit-column-count: 3; -webkit-column-gap: 30px; column-count: 3;	column-gap:30px;}
#gallery #info .text {-moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: 2;	column-gap:30px;}*/
#gallery .arrow {background:url(gals_arrows.png) no-repeat 0 -60px; position:absolute; top:40%; left:-20px; margin-top:-30px; width:80px; height:60px; z-index:30; cursor:pointer; -moz-opacity:.8; -webkit-opacity:.8; opacity:.8; filter:alpha(opacity=80);}
#gallery .arrownext {left:auto; right:-20px; background-position:0 0;}
#gallery .galleryLoading {position:absolute; z-index:100; top:40%; left:50%; background:url(loading.gif) no-repeat center center #000; border:3px solid #555; width:32px; height:32px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; padding:4px; -moz-opacity:.7; -webkit-opacity:.7; opacity:.7; filter:alpha(opacity:70); margin-top:-23px; margin-left:-23px;}
/*#gallery .scroll_btn {background:url(../img/scroll.png) no-repeat 0 0; width:150px; height:150px; z-index:10; top:40%; left:50%; margin:-75px 0 0 -75px; position:absolute; cursor:default;}
#gallery .scroll_btn span {color:#fff; font-size:12px; text-align:center; display:block; margin:38px 0 -14px; text-transform:uppercase;}
#gallery .scroll_btn .bot {color:#000;}*/
#gallery .scroll_btn {width:155px; height:115px; z-index:10; top:40%; left:50%; margin:-75px 0 0 -75px; position:absolute; cursor:default; background:#c00b1e; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; box-shadow:0px 1px 3px rgba(0,0,0,.5); text-align:center; -moz-opacity:.85; -webkit-opacity:.85; opacity:.85; filter:alpha(opacity:85);}
#gallery .scroll_btn span {display: block; margin-left: 9px; margin-top: 14px;}

/*--------------------------------------------------
Galslider
--------------------------------------------------*/
.tab_nav {margin:-4.5em 12px 12px;}
.mobile .scrollbox {overflow:hidden;}
.scrollbox {padding-bottom:1em;}
.scrollbox .container {overflow:hidden; position:relative; z-index:1;}
.scrollbox .loading {position:absolute; top:0; left:0; z-index:10; background:url(../img/loading_white.gif) no-repeat center 40% #fff; width:100%; height:200%;}
.scrollbox .content {width:20000em;}
.scrollbox ul {margin:0; list-style:none; padding:3em 0 4em;}
.scrollbox ul li {margin:0; padding:0; display:inline-block; padding:0 12px; width:347px; text-align:center; float:left;}
.mobile .scrollbox ul li {padding:0;}
.mobile .scrollbox .flex-direction-nav {padding:0;}
.scrollbox ul li img {width:100%; height:auto;}
.scrollbox .scrollbar {position:absolute; bottom:14px; left:0; z-index:1; width:100%; height:3px; background:#dddddd; }
.scrollbox .drag {position:absolute; left:0; bottom:-14px; z-index:2; width:80px; height:11px; cursor:url(../img/cur_grab_off.cur), move; border:none;  background:url(../img/icon.png) no-repeat 5px -429px #C00B1D; border-top:10px solid #fff; border-bottom:10px solid #fff;}
.touch .scrollbox .drag {border-top:10px solid #fff; border-bottom:10px solid #fff;}
.scrollbox .dragon {cursor:url(../img/cur_grab_on.cur), move;}
.scrollbox .drag span {background:url(../img/icon.png) no-repeat scroll 0 -452px; height:6px; position:absolute; right:5px; top:3px; width:6px; z-index:1;}
.scrollbox .drag:hover {background-color:#e91b31;}
/*.touch .scrollbox .drag:hover {border-top:10px solid #e91b31; border-bottom:10px solid #e91b31;}*/
.galslider .flexslider .loading {position:absolute; z-index:100; top:40%; left:50%; background:url(../img/loading.gif) no-repeat center center #000; border:3px solid #555; width:32px; height:32px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; padding:4px; -moz-opacity:.7; -webkit-opacity:.7; opacity:.7; filter:alpha(opacity:70); margin-top:-23px; margin-left:-23px;}

/*--------------------------------------------------
combobox nav
--------------------------------------------------*/
.combobox {position:relative;}
.combobox_nav {min-height:100%;}
.combobox_nav ul {margin:0; padding:0; list-style:none;}
.combobox_nav ul li {margin:0; padding:0;}
.combobox_nav li div {color:#9b9b9b; font-size:16px; padding:8px; display:block; cursor:pointer;}
.combobox_nav li div:hover {color:#272c31;}
.combobox_nav li div.on {color:#272c31; background:#f2f1f2;}
.combobox_wrap {position:relative; z-index:1;}
.combobox_wrap .loading {position:absolute; z-index:100; top:40%; left:50%; background:url(../img/loading.gif) no-repeat center center #000; border:3px solid #555; width:32px; height:32px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; padding:4px; -moz-opacity:.7; -webkit-opacity:.7; opacity:.7; filter:alpha(opacity:70); margin-top:-23px; margin-left:-23px;}
.comboboxZoom {position:relative; z-index:0;}
.infoBtn {position:absolute; bottom:10px; right:10px; width: 14px; height: 15px; background:url(../img/icon.png) no-repeat -496px -482px; cursor:pointer; z-index:22; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; padding:4px; background-color:rgba(256,256,256, 0.8);}
.infoBtn.on {background-position:-600px -540px; background-color:transparent; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; padding:0;} 
.infoBox {position:absolute; left:0; bottom:0; background:rgba(10,10,10, 0.8); color:#fff; z-index:20; width:100%; font-size:14px; line-height:21px; padding:30px 0; -moz-opacity:0; -webkit-opacity:0; opacity:0; filter:alpha(opacity=0);}
.infoBox .thumbTitle {color:#fff; font-weight:700; padding:0 20px;}
.infoBox .thumbDescr {color:#fff; font-weight:400; padding:0 20px;}


/*--------------------------------------------------
Box Download
--------------------------------------------------*/
.box_download {margin-bottom:2.5em;}
.box_download .sx, .box_download .dx, .box_download .center {float:left; width:33.33333333333333%;}
.box_download .center .bp {padding:0px 8px;}
.box_download .sx .bp {padding:0px 16px 0px 0px;}
.box_download .dx .bp {padding:0px 0px 0px 16px; text-align:center;}
.box_download .dx .cta {margin-top:4.2em;}
.box_download .sx .border_icon {margin:1.5em auto 0;}

.centered .border_icon {margin:0 auto 2em;}
.box_download.col_3.col_pos_1.centered {min-height:267px; margin-bottom:2em;}


/*--------------------------------------------------
Scheda tavoli
--------------------------------------------------*/
.scheda_tss .box_download {margin-top:2.5em;}
.scheda_tss .box_download .center {width:66.666666666666666%;}
#sliderNoZoom li {margin:0px!important;}
.noMobile .scheda_tss .socialButton {margin:2.5em 0 3em; width:84%;}
.scheda_tss h3, .scheda_tss  .h3 {margin:0.9em 0; padding:0;}


/*--------------------------------------------------
Mappa
--------------------------------------------------*/
#localizeMeData { display: none; }
#map {position:relative; width:100%;/* background:url(../img/mapsPlaceholder.jpg) no-repeat left top; padding:20px 0; background-size:cover;*/}
#map_canvas {max-height:420px;}
#overlayMap {position:absolute; z-index:90; bottom:5px; left:0px; background:url(../img/1pxWhite.png); width:100%; height:auto; font:12px/18px 'Open Sans', sans-serif; font-weight:400;}
#overlayMap .result {padding:20px 20px 15px;}
#overlayMap .result .lfloat {margin-right:30px;}
#overlayMap .result .name a {font-weight:700; color:#272c31;}
#overlayMap .result .number {font:16px/24px 'Open Sans', sans-serif; font-weight:700; display:block; width:24px; height:24px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; background-color:#c00b1d; text-align:center; color:#fff; margin-top:6px;}
#overlayMap .result a {font:12px/18px 'Open Sans', sans-serif; font-weight:400;}
#overlayMap .result .arrow {display:block; width:32px; height:32px; background:url(../img/icon.png) no-repeat left -212px;}
#map .icon_map, #map .icon_phone {margin:0 auto 2em;}
#map strong {white-space:nowrap;}


/*--------------------------------------------------
Numero verde
--------------------------------------------------*/
.phone {position:relative; width:100%; text-align:center;}
.phone .border_icon {margin-left:auto; margin-right:auto;}
/*#numeroVerde .cta {background:#6C9D23}*/


/*--------------------------------------------------
Correlati
--------------------------------------------------*/
.cor {position:relative; z-index:0;}
.overlayPr {position:absolute; z-index:10; bottom:0px; left:0px; background:url(../img/1pxBlack.png); width:100%;}
.overlayPr span {padding:0px 11px;}
.overlayPr span.h6 {padding-top:11px;}
.overlayPr span.h7 {padding-bottom:11px;}
.mobile .row24 .cor {padding:0px!important; margin-left:12px!important;}
.mobile .row24:first-child .cor {margin-right:12px!important; margin-left:0px!important;}


.colorsBox .tooltip {width:48px; height:48px; background:#ccc; float:left; margin-right:24px; margin-bottom:24px; border-radius:48px; box-shadow:0px 2px 3px #dbdbdb; overflow:hidden; cursor:pointer;}

.colorsBox .tooltip.metal {background:url(../img/metal.png) no-repeat left top;}
.colorsBox .tooltip.wood {background:url(../img/wood.png) no-repeat left top;}
.colorsBox img {min-height:100%;}
/*.colorsBox .tooltip.acciaio {background:url(../img/metal.png) no-repeat left top #ccc;}
.colorsBox .tooltip.arancio {background:#f08c20;}
.colorsBox .tooltip.azzurro {background:#b3c3dd;}
.colorsBox .tooltip.beige {background:#ffeaba;}
.colorsBox .tooltip.bianco {background:#fefefe;}
.colorsBox .tooltip.blu {background:#1c4881;}
.colorsBox .tooltip.castagno {background:url(../img/wood.png) no-repeat left top #8e552d;}
.colorsBox .tooltip.ciliegio {background:url(../img/wood.png) no-repeat left top #753625;}
.colorsBox .tooltip.corda {background:#fff8ca;;}
.colorsBox .tooltip.ebano {background:url(../img/wood.png) no-repeat left top #2d1e19;}
.colorsBox .tooltip.frassino {background:url(../img/wood.png) no-repeat left top #e6cca9;}
.colorsBox .tooltip.giallo {background:#fade01;}
.colorsBox .tooltip.grigio {background:#d7d6d1;}
.colorsBox .tooltip.larice {background:url(../img/wood.png) no-repeat left top #907d6f;}
.colorsBox .tooltip.mais {background:#fbefc5;;}
.colorsBox .tooltip.marrone {background:#603429;}
.colorsBox .tooltip.nero {background:#111;}
.colorsBox .tooltip.noce {background:url(../img/wood.png) no-repeat left top #c07a40;}
.colorsBox .tooltip.panna {background:#f7f2df;}
.colorsBox .tooltip.rame {background:url(../img/metal.png) no-repeat left top #8c3323;}
.colorsBox .tooltip.rosa {background:#fbefef;}
.colorsBox .tooltip.rosso {background:#b00800;}
.colorsBox .tooltip.rovere {background:url(../img/wood.png) no-repeat left top #3a211a;}
.colorsBox .tooltip.teak {background:url(../img/wood.png) no-repeat left top #726458;}
.colorsBox .tooltip.verde {background:#006a42;}
.colorsBox .tooltip.viola {background:#853479;}*/

.colorsBox .cta {clear: left; float: left; margin-top:0.8em;}