/*Menu Ambientes*/
header.menuAmbientes{
	position:relative;	
	display:none;
	top:59px;
	height:0px;
	z-index:999;
}

header.menuAmbientes .bg{
	position:relative;
	width:100%;
	background:rgba(51, 50, 49, 0.98);
	padding:20px 0;
	height:158px;
}

header.menuAmbientes .wrapper{
	overflow:visible;
	width:1239px;
	height:158px;
}

.navAmbientes {
	width:100%;
	height:158px;
}
.navAmbientes li{
	margin-left: 16px;
	margin-top:20px;
	display:inline;
	list-style-type:none;
	float:left;
	width:137px;
	height:135px;
	background:#FFF;
}

/* AMBIENTES */

@font-face{
	font-family:'Titillium Web', sans-serif;';
	src:url('http://fonts.googleapis.com/css?family=Titillium+Web');
	
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:'Titillium Web', sans-serif;
	src:url('http://fonts.googleapis.com/css?family=Titillium+Web');

	font-weight:normal;
	font-style:normal;
}

body{font:1em/1.4 'Titillium Web', sans-serif;}

.ambients > header{
	position:fixed;
	z-index:99999;
}

#menu-thumbs li span,
.iosSlider .tooltip{font-family:'Titillium Web', sans-serif;}

/*bx-att-corp*/
	#bx-att-corp{}
	#bx-att-corp .hdr-in{background-color:rgba(255, 255, 255, 0.85);width:100%;height:180px;position:absolute;top:60px;text-align:left;z-index:100;opacity:0;filter:alpha(opacity=0)}
		#bx-att-corp .bx-in{max-width:1260px;margin:0 auto;padding-left:29px}
	#bx-att-corp .hdr-in h1{font-family:'Titillium Web', sans-serif; font-size:55px;font-weight:100;padding:26px 0 0;margin:0 0 17px;line-height:1em;white-space:nowrap;letter-spacing:-2px}
		
	
	#bx-att-corp .bx-frm{background-color:rgba(0, 0, 0, 0.7);width:100%;height:0%;overflow:hidden;position:absolute;top:240px;text-align:left;z-index:100;opacity:0;filter:alpha(opacity=0)}
		#bx-att-corp .bx-in{max-width:1260px;margin:0 auto}
			#bt-close-frm-att-corp{width:55px;height:55px;display:block;margin:0 0 0 -27px;background:url(../img/content/ambientes/corporativos/bt-close-frm-att-corp.png) no-repeat 0 0;cursor:pointer;position:absolute;top:0;left:50%}
		
	#bx-frm-att-corp .bx-in{width:1000px}
	#bx-frm-att-corp h1{font-family:'Titillium Web', sans-serif; font-size:24px;color:#fff;font-weight:100;padding:110px 0 30px}
		#bx-frm-att-corp .bx-lft{width:758px;float:left}
		
		#bx-frm-att-corp .bx-rgt{width:196px;float:left;font-family:'Titillium Web', sans-serif; font-size:14px;color:#fff;line-height:1.7em;padding-top:18px}
	
	.ls-frm li{float:left;padding:0 0 15px}
	.ls-frm .txt-aux,
	.ls-frm label{font-family:'Titillium Web', sans-serif; font-size:14px;color:#fff;display:block;padding:0 0 4px}
	.ls-frm .error input,
	.ls-frm .error textarea{border-color:red}
	.ls-frm .frm-txt{width:100%;display:block;-webkit-border-radius:6px;border-radius:6px;background:#fff;border:1px solid #fff;line-height:35px;height:35px;padding:0;text-indent:10px}
	.ls-frm .frm-area{overflow:auto;height:auto}
	.ls-frm .black{background-color:#fff;background-position:19px -336px;color:#000}
	.ls-frm .black:hover{background-color:#F0304B}
	.ls-frm .txt-aux{font-style:italic;opacity:0.5;filter:alpha(opacity=50);padding-right:2px}
	.ls-frm .ln-bt .txt-aux{font-style:normal;padding-top:10px}
	
/*\\bx-att-corp*/

#main-ambients{height:1038px;width:100%;max-width:1920px;min-width:1260px}
#content-ambients{width:100%;height:100%;min-height:1038px; background:#241306 url(../img/content/bg-ambients.jpg) 0 0 no-repeat}

#box-crop{margin:0 auto;max-width:1600px;min-width:1260px;overflow:hidden;height:1038px;position:relative}

#box-menu-thumbs{position:fixed;bottom:0;left:0;z-index:1}
#menu-thumbs, #box-menu-thumbs{width:100%;height:162px;pointer-events:none}
#menu-thumbs{
	pointer-events:auto;
	background:rgba(51, 50, 49, .6);padding-top:20px;position:relative;top:162px;
	-webkit-transition:top .3s ease-out; 
	-moz-transition:top .3s ease-out; 
	-o-transition:top .3s ease-out; 
	transition:top .3s ease-out;
}
#menu-thumbs.active{
	top:0;
}

#menu-thumbs > div{max-width:1600px;min-width:1260px;margin:0 auto}
#menu-thumbs ul{width:882px;margin:0 auto}
#menu-thumbs li{width:124px;height:121px;float:left;list-style:none;position:relative}
#menu-thumbs li:first-child{margin-left:0}

#menu-thumbs .selected a, #menu-thumbs li .mask span,#menu-thumbs .thumb-slider a{width:121px;height:121px;display:block}
#menu-thumbs li .mask{display:table}
#menu-thumbs li .mask span{text-align:center;font-size:15px;color:#fff;line-height:18px;height:auto;margin:0;display:table-cell;vertical-align:middle}
#menu-thumbs .selected img{position:relative}
#openCloseThumbs{background:url(../img/geral/arrow-ambients.png) 0 0 no-repeat;width:74px;height:37px;position:absolute;top:-37px;text-indent:-999999px;display:block;left:50%;margin-left:-37px}

#openCloseThumbs:after{
	content:" ";
	background:transparent url(../img/content/ambientes/arrow-tooltip.png) -14px -54px no-repeat;
	width:13px;
	height:13px;
	display:block;
	position:relative;
	top:-3px;
	left:30px;
}
#menu-thumbs.active #openCloseThumbs:after{background-position:-14px -14px}

#seal-drag{position:relative;max-width:1600px;min-width:1260px;margin:0 auto;display:block}
#seal-drag span{background:url(../img/content/seal-drag.png) 0 0 no-repeat;position:absolute;right:-1px;bottom:19px;top:auto;width:129px;height:129px;display:block;pointer-events:none}

#slider{width:1600px;position:absolute;z-index:0}
.iosSlider{
	min-width:1260px;
	height:1038px !important;
	width:100%;
	position:relative;
	top:0;
	left:0;
	overflow:hidden;
	margin:0 auto; 
	z-index:0;
}
.iosSlider .slider{width:100%;height:100%}
.iosSlider .slider .item{
	float:left;
	width:100%;
	height:1038px;
	margin:0;
	background:#aaa;
}
.iosSlider .tooltip{
	position:absolute;
	top:80px;
	left:30px;
	width:323px;
	display:block;
	color:#fff;
}
.iosSlider .container-tooltip{position:relative}

.iosSlider .container-tooltip > div{
	background:rgba(0, 0, 0, 0.85);
	position:relative;
	padding:20px 17px;
	
	-webkit-transition:-webkit-transform .3s ease-out; 
	-moz-transition:-moz-transform .3s ease-out; 
	-o-transition:-o-transform .3s ease-out; 
	transition:transform .3s ease-out;

	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
}

.lt-ie10 .iosSlider .container-tooltip > div{
	visibility:hidden;
}

.iosSlider .active .ort-tr > div, .ort-tr > div{
	-webkit-transform-origin:top right;
	-moz-transform-origin:top right;
	-o-transform-origin:top right;
	transform-origin:top right;
}

.iosSlider .active .ort-tl > div, .ort-tl > div{
	-webkit-transform-origin:top left;
	-moz-transform-origin:top left;
	-o-transform-origin:top left;
	transform-origin:top left;
}

.iosSlider .active .ort-bl > div, .ort-bl > div{
	-webkit-transform-origin:bottom left;
	-moz-transform-origin:bottom left;
	-o-transform-origin:bottom left;
	transform-origin:bottom left;
}

.iosSlider .active .ort-br > div, .ort-br > div{
	-webkit-transform-origin:bottom right;
	-moz-transform-origin:bottom right;
	-o-transform-origin:bottom right;
	transform-origin:bottom right;
}

.iosSlider .active .container-tooltip > div{
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}

.lt-ie10 .iosSlider .active .container-tooltip > div{
	visibility:visible;
}

.iosSlider .tooltip h6{margin:0;font:18px/22px "Titillium Web", arial, sans-serif;margin-bottom:12px;padding-right:90px}
.iosSlider .tooltip p{font-size:12px;letter-spacing:1;margin:0;padding-right:90px}
	.iosSlider .tooltip .horiz h6,
	.iosSlider .tooltip .horiz p{padding-right:0 !important}


.lnkToggleTooltip{
	background:url(../img/content/ambientes/arrow-tooltip.png) -5px -45px no-repeat;
	background-color:rgba(174, 33, 56, 0.85); 
	width:30px;
	height:30px;
	display:block;
	text-indent:-999999px;
	position:absolute;
	top:-15px;
	right:-15px;
	z-index:1;
}

.ort-br .lnkToggleTooltip{bottom:-15px !important;top:auto}
.ort-bl .lnkToggleTooltip{left:-15px;top:auto;bottom:-15px !important}
.ort-tl .lnkToggleTooltip{left:-15px}

.iosSlider .tooltip.active .lnkToggleTooltip{background-position:-5px -5px;background-color:#ba2c42}
.iosSlider .tooltip .imgTooltip{position:absolute;right:20px;bottom:19px}
.iosSlider .tooltip .imgTooltip-tp2{margin-top:10px}
.iosSlider .tooltip .imgTooltip-tp3{margin-top:10px; margin-right:5px}


/* THUMBS */
.view{
   width:140px;
   height:135px;
   float:left;
   overflow:hidden;
   position:relative;
   text-align:center;
   line-height:1.2;

}
.view .mask,.view .content{
   width:140px;
   height:135px;
   position:absolute;
   overflow:hidden;
   top:0;
   left:0;
   display:block;
   text-decoration:none;
   color:#fff;
}

/*variação para o slider */
.view.thumb-slider{
	width:121px;
   height:121px;
}
.view img{
   display:block;
   position:relative;
   /*
   -webkit-transform:scale(1.1,1.1);
   -moz-transform:scale(1.1,1.1);
   -o-transform:scale(1.1,1.1);
   -ms-transform:scale(1.1,1.1);
   transform:scale(1.1,1.1);
   */
}
.selected .view img{
   -webkit-transform:scale(1.2,1.2);
   -moz-transform:scale(1.2,1.2);
   -o-transform:scale(1.2,1.2);
   -ms-transform:scale(1.2,1.2);
   transform:scale(1.2,1.2);
}
.view.thumb-slider img{
	width:121px;
	height:121px;
}
.view span{
   color:#fff;
   text-align:center;
   position:relative;
   font-size:17px;
   margin:37px 0 0 0;
   display:block;
}
.view p{
   font-family:Georgia, serif;
   font-style:italic;
   font-size:12px;
   position:relative;
   color:#fff;
   padding:10px 20px 20px;
   text-align:center;
}
.view img.icon{
   display:inline-block;
   text-decoration:none;
   padding:5px 14px;
}

.navAmbientes li.it-0 .view span{margin-top:20px}
.navAmbientes li.it-1 .view span{margin-top:20px}
.navAmbientes li.it-2 .view span,
.navAmbientes li.it-3 .view span{margin-top:25px}
.navAmbientes li.it-4 .view span{margin-top:25px}
.navAmbientes li.it-6 .view span,
.navAmbientes li.it-7 .view span{margin-top:20px}

.navAmbientes li.it-0 .view img.icon,
.navAmbientes li.it-1 .view img.icon,
.navAmbientes li.it-2 .view img.icon,
.navAmbientes li.it-3 .view img.icon,
.navAmbientes li.it-4 .view img.icon,
.navAmbientes li.it-5 .view img.icon{padding-top:6px}

.view img[src$="lavanderias.png"]{
   padding-top:6px;
}

.view img[src$="corporativos.png"]{
   padding-top:7px;
} 

/*.view img.icon:hover{
   -webkit-box-shadow:0 0 5px #000;
   -moz-box-shadow:0 0 5px #000;
   box-shadow:0 0 5px #000;
}*/
.view-first img{
   -webkit-transition:all 0.2s linear;
   -moz-transition:all 0.2s linear;
   -o-transition:all 0.2s linear;
   -ms-transition:all 0.2s linear;
   transition:all 0.2s linear;
}
.view-first .mask{
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter:alpha(opacity=0);
   opacity:0;
   background-color:#B20000;
   -webkit-transform:translateZ(0);
   -webkit-transition:all 0.4s ease-in-out;
   -moz-transition:all 0.4s ease-in-out;
   -o-transition:all 0.4s ease-in-out;
   -ms-transition:all 0.4s ease-in-out;
   transition:all 0.4s ease-in-out;
}
.view-first span{
   -webkit-transform:translateY(-100px);
   -moz-transform:translateY(-100px);
   -o-transform:translateY(-100px);
   -ms-transform:translateY(-100px);
   transform:translateY(-100px);
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter:alpha(opacity=0);
   opacity:0;
   -webkit-transition:all 0.2s ease-in-out;
   -moz-transition:all 0.2s ease-in-out;
   -o-transition:all 0.2s ease-in-out;
   -ms-transition:all 0.2s ease-in-out;
   transition:all 0.2s ease-in-out;
}
.view-first p{
   -webkit-transform:translateY(100px);
   -moz-transform:translateY(100px);
   -o-transform:translateY(100px);
   -ms-transform:translateY(100px);
   transform:translateY(100px);
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter:alpha(opacity=0);
   opacity:0;
   -webkit-transition:all 0.2s linear;
   -moz-transition:all 0.2s linear;
   -o-transition:all 0.2s linear;
   -ms-transition:all 0.2s linear;
   transition:all 0.2s linear;
}
.view-first:hover img{
   -webkit-transform:scale(1.2,1.2);
   -moz-transform:scale(1.2,1.2);
   -o-transform:scale(1.2,1.2);
   -ms-transform:scale(1.2,1.2);
   transform:scale(1.2,1.2);
}

.view-first img.icon{
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter:alpha(opacity=0);
   opacity:0;
   -webkit-transition:all 0.2s ease-in-out;
   -moz-transition:all 0.2s ease-in-out;
   -o-transition:all 0.2s ease-in-out;
   -ms-transition:all 0.2s ease-in-out;
   transition:all 0.2s ease-in-out;
}
.selected .view-first .mask, 
.view-first:hover .mask{
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter:alpha(opacity=100);
   opacity:1;
}
.selected .view-first span,
.selected .view-first p,
.view-first:hover span,
.view-first:hover p,
.view-first:hover img.icon{
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter:alpha(opacity=100);
   opacity:1;
   -webkit-transform:translateY(0px);
   -moz-transform:translateY(0px);

   -ms-transform:translateY(0px);
   transform:translateY(0px);
}
.view-first:hover p{
   -webkit-transition-delay:0.1s;
   -moz-transition-delay:0.1s;
   -o-transition-delay:0.1s;
   -ms-transition-delay:0.1s;
   transition-delay:0.1s;
}
.view-first:hover img.icon{
   -webkit-transition-delay:0.2s;
   -moz-transition-delay:0.2s;
   -o-transition-delay:0.2s;
   -ms-transition-delay:0.2s;
   transition-delay:0.2s;
}

.boxAcessoria{
	background-image:url(../img/bg/bg-acessoria.jpg);
	width: 450px;
	height: 220px;
	margin-top: -175px;
}
.boxAcessoria h4{
	font-size: 28px !important;
	width:350px;
	padding-top: 32px;
	margin-left: 35px !important;
}
.boxAcessoria p{
	width:350px;
	margin-left: 35px;
	font-size: 15px;
}