/*Color*/
@cinza-borda:#DBDBDB;
@cinza-claro:#E8E8E8;
@color-text:#606060;
@amarelo:#FABE12;

/*Geral*/                                                                                                                                                                              /*=== Geral ===*/
*{margin: 0px;padding: 0px;font-family: arial;text-decoration: none;}
input{outline: none;}
.span6,.span4,.span7,.span5{margin:0px;}
li{list-style: none;}
.ie .carousel-hide{display: none}
h1,h2,h3 {font-family: titi-thin;text-transform: uppercase;color: #4F4D4E;letter-spacing: -1px;}

button{	border: none;}
.content{width: 975px;margin:0px auto;}

/* Empresa */
p.justify { text-align: justify; }
.text-empresa p { font-size: 13px; }

.placeholder { color:#B5B5B5; font-size: 11px !important ;}
@font-face{font-family: titi-thin;src: url('../font/titillium-text/TitilliumText22L001.otf')}

.divider{height: 30px;background: url(../img/divisor.png);}

.divider2{.divider;height: 25px;}


.top-title{height: 100px;position: relative;z-index: 99;background:#fff;

	.title{.text-destaque;height: 25px;padding: 15px 0px 0px;
		.link{float:right;}

		span, a{font-size: 19px;}

		.span-link {color: rgb(249, 195, 1); font-family: titi-thin; font-size: 23px;margin-right: 5px;}
	}

	.breadcrumbs{ padding-top: 8px;}
		.text{font-family: arial; font-size: 11px; font-weight: lighter;color: @color-text;}
		.local{color: rgb(249, 195, 1); font-weight: bold; font-size: 11px;}
}
.carousel-detalhe{
	.jcarousel-skin-tango{
		height: 400px !important;
	}
}
.conteiner{background: url(../img/bg.jpg);border-top:1px solid @cinza-borda;}
label.error{color: rgb(250, 190, 18) !important;margin-left: 22px !important;font-size: 12px !important; position: absolute !important;margin-top: 40px !important;}
.paginacao {float: right;
	height: 30px;
	margin-bottom: 30px;
	.voltar{color: #3B393A;
		text-decoration: none;
		font-size: 23px;
		font-family: titi-thin;
		font-weight: bold;
		cursor: pointer;
		&:hover{color:@amarelo;}
	}
	.ir{.voltar;}
	.page{
		padding:5px 3px 0px;
		color: #3B393A;margin-right: 5px;
		font-family: titi-thin;font-size: 24px;
		font-weight: bold;
		text-decoration: none;
		cursor: pointer;

		&:hover{background-color: @amarelo;}

	}
	.page1{
		padding:5px 3px 0px;
		background-color: @amarelo;
		color: #3B393A;margin-right: 5px;
		font-family: titi-thin;font-size: 24px;
		font-weight: bold;
		text-decoration: none;
		cursor: pointer;
	}
}

.sprit-categoria{
	width: 180px; height: 180px;
	&:hover{background-position:0px -180px !important;}
}
.ddd{width: 70px !important;}
.data { .ddd}
.tel{width: 370px !important;}
/*=== Top===*/
.top{background-color: #222021;height: 164px;position: relative;z-index: 99999}

.top-busca{ height: 47px;/*border-bottom: 1px solid #434142;*/}

.icon-key{background-image: url(../img/icon/key.png);background-repeat: no-repeat;width: 20px;height: 20px;background-position: 0px 3px;}

.fundo-topo{background: #383838;border:1px solid #424242;height: 25px;margin-top: 10px;.border-radius(15px);padding-left: 10px;color: #AEAEAE}

.restrito{ width: 248px; float: right; z-index: 99999;
	.icon-rest{
		width: 20px;
		cursor: pointer;
		background-image: url(../img/icon/rest.png);background-repeat: no-repeat;width: 20px;height: 20px;background-position: 0px 7px;
		.transition(all,300ms);
		float:right;
		z-index: 999999;
	}
	.icon-rest-up{-moz-transform: rotate(180deg);-webkit-transform:rotate(180deg);margin-top:5px;margin-right: 8px;}
}

#language-switcher {
	float:right;
	padding: 17px 15px;
}
	#language-switcher li {
		margin: 0 7px;
		display: inline-block;
	}


.logo{
	float:left;
	background-image:url(../img/logo.png);
	height: 118px;
	background-repeat: no-repeat;
	margin: -20px 0 0;
	background-position: 0 20px;
}

.busca{
	width: 635px;
	float: left;
	input{
		width: 560px;.fundo-topo;}

	button{
		width: 50px;
		height: 25px;
		background-color: #E6C005;
		border:none;
		margin-left:20px;
		float: right;
		margin-top: 10px;
		.border-radius(15px);
		background-image: url(../img/icon/busca.png);
		background-repeat: no-repeat;
		background-position: center;
	}
}

a.portal-compras{
	position: relative;
	left: -5px;
	top: 35px;
	height: 25px;
	border:none;
	.border-radius(15px);
	padding: 10px 13px 10px 35px;
	text-transform: uppercase;
	background: #E6C005 url(../img/icon/cart.png) 12px 7px no-repeat;
	color: #333 !important;
	font-weight: 600;
	font-size: 10px !important;
	&:hover {
		color: #555 !important;
		background-color: #F4BD26;
	}
}

a.portal-vendas{
	position: relative;
	left: -5px;
	top: 15px;
	height: 25px;
	border:none;
	.border-radius(15px);
	padding: 10px 13px 10px 35px;
	text-transform: uppercase;
	background: #E6C005 url(../img/icon/cart.png) 12px 7px no-repeat;
	color: #333 !important;
	font-weight: 600;
	&:hover {
		color: #555 !important;
		background-color: #F4BD26;
	}
}

.menu{
	margin:0px;
	li{
		float: left;
		a{
			font-family: titi-thin;
			color: #fff;
			font-size: 15.0px !important;
			font-weight: bold;
			text-transform: uppercase;
			text-decoration:none;
		}
		&:hover{.sub-menu {display: block !important;}}
	}

}

.menu li:not(:first-child){margin-left: 20px;}

.menu li:first-child{margin-right: 5px;}

.menu-hover1{position:absolute;margin-top:19px;background-color:#F9BD03;width:70px;height:3px;.border-radius(15px);.transition(all,300ms)}

.sub-menu{
	display: none;
	background-image: url(../img/sub-menu.png);
	position: absolute;
	width: 180px;
	z-index: 99999;
	margin: 0px;
	padding-top: 35px;
	background-repeat: no-repeat;
	li{
		width: 140px;
		background: #fff;
		padding: 0 16px 5px;
		margin: 0px !important;
		border-left: 3px solid #DEDEDE;
		border-right: 3px solid #DEDEDE;
		a{
			font-size: 11px !important;
			text-transform: none;
			font-family: arial;
			font-weight: normal;
			color: #919191;
			&:hover{color:#DFA901;}
		}
	}
}

.sub-restrito{
	.sub-menu;
	.transition(all,450ms);
	z-index: 0;
	display: block;
	background-image: none;
	width: 255px;
	margin-top: -230px;
	padding-top: 0px;

	li{
		width: 150px;
		background: #383838;
		border-left: 1px solid #424242;
		border-right: 1px solid #424242;
		padding: 0 50px 5px;

		h3{	padding-top: 15px;font-family: titi-thin;color: #fff;text-transform: uppercase;}

		button{
			.icon-key;
			background-color: #222021;
			.border-radius(15px);
			margin-bottom: 10px;
			color: #fff;
			width: 150px;
			height: 25px;
			background-position: 30px center;

			&:hover{
				background-color:#F4BD26;background-image: url(../img/icon/key-bt.png);	color: #3A3A3A;}
		}
		input{width: 135px;background: #fff;border:1px solid #EDEDED;.border-radius(15px);padding: 5px;width: 150px;height: 25px;margin-bottom: 10px;}

		span{font-size: 11px;font-family: arial;font-weight: normal;color: #919191;}
	}

}

.show{margin-top:-9px;z-index: 999;}

.last-menu {
	.sub-menu li{border-bottom: 3px solid #DEDEDE;}
}

/*=== index ===*/
.banner{height: 560px;background: url(../img/fundo-banner2.jpg);}
.text-destaque{
	height: 30px;
	padding:25px 0px 0px 0px;
	span, a{
		font-size: 23px;
		text-transform: uppercase;
		font-family: titi-thin;
		font-weight: bold;
		text-decoration: none;
		color: #000;
	}
}

.carousel-home{height:275px;padding-top:15px;}

.cont-home{.conteiner;height: 510px;border-bottom: 1px solid @cinza-borda;}
.facelikebox-home{.conteiner;height: 230px;padding: 20px 0 5px;box-shadow:0px -15px 5px -15px #ccc;}

.scalfonding-home{
	margin-top:50px;
	margin-left: 37px;
	.topo{
	background-color: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	font-family: titi-thin;
	font-weight: bold;
	font-size: 20px;
	height: 30px;
	padding: 15px 0px 0px 10px;
	}
	.icon{height: 145px;}

	.text{padding-top: 20px;color: #606060;font-size: 10px;font-weight: normal;font-family: arial;height: 100px;
		a{color: #000;font-family: titi-thin;}
		img{border: 1px solid #DCDCDC;text-align: center;}
		strong{font-family: titi-thin;}
	}

	.link{
		padding-top: 15px;
		a{
			font-family: titi-thin;
			font-size: 20px;
			color: #606060;
			text-transform: uppercase;
			font-weight: bold;
			padding-right: 15px;
			float: right;
			background: url(../img/icon/ico-ir.png);
			background-position: right;
			padding-top: 6px;
			background-repeat: no-repeat;
		}
	}
}
.scalfonding-home:first-child{margin-left: 0px !important;}

.noticia-home{
	.imgs{width: 90px;float: left;margin-right: 15px;}
	.text{width: 185px;float: left;padding:0px !important;
		strong{width: 185px;}
		div{color: #606060;font-family: arial;font-size: 10px;}

	}

}
.scalfonding-repre {
	.scalfonding-home;
	margin-left: 0px;
	.icon{background: url(../img/icon/representar-home.png);background-repeat: no-repeat;background-position: center;}
}

.scalfonding-rev {
	.scalfonding-home;
	.icon{background: url(../img/icon/revender-home.png);background-repeat: no-repeat;background-position: center;}
}

.scalfonding-not {
	.text{.span1{margin-left: 0px;}}
	.scalfonding-home;
	.icon{background: url(../img/icon/noticias.png);background-repeat: no-repeat;background-position: center;}
}

.marcas-home{height: 375px;}

/*=== rodape ===*/

.rodape{
	height: 305px;background-color: #222021;}

.rodape-cont{
	h3{
		color: #fff;font-family: titi-thin;text-transform: uppercase;font-size: 20px;}

	div{
		margin-left: 0px;width: 195px !important;margin-top: 35px;

		ul{
			margin-left: 0px;margin-top: 10px;

			li{
				a{
					color: #fff;
					text-decoration: none;
					font-size: 11px;
					&:hover{color: #DEA702;}
				}
				input{.fundo-topo;width: 140px;}

				span{color: #fff;font-size: 11px;}

				button{
					width: 140px;
					height: 25px;
					margin-top: 10px;
					color: #383838;
					background-color: #A5A5A5;
					.border-radius(15px);
					padding-left: 5px;
					background-position: 27px center;
					background-repeat: no-repeat;
					&:hover{
						background-color:#F4BD26;
					}
				}
			}
		}
	}
}

.bt-cad {background: url(../img/icon/letter.png);padding-left: 20px !important;}

.bt-access {background: url(../img/icon/black-key.png);}
.rodape-cont div:first-child{margin-left: 0px;}

.rodape-bot{height: 30px;border-top: 1px solid #434142;margin-top: 25px;padding-top: 15px;

	span{color: #fff;font-size: 11px;}

	img{float: right;margin-top: -10px;}
}

/* Contato */

.contato-cont{.conteiner;height:730px;}

.contato-cont2{margin:0px;}
.info(@width){
	width: @width;
	height: 70px;
	background-color: #fff !important;
	border: 1px solid @cinza-borda;
	.border-radius(25px);
	/*padding: 10px 10px 10px 120px;*/
	padding-left: 120px;
	padding-top: 10px;
	margin-bottom: 40px;
	background-repeat: no-repeat !important;
	background-position: 25px !important;
	color: #4F4D4E;

	h3{	font-family: titi-thin;text-transform: uppercase;}

	div{width: 305px;font-size: 12px; a{color: #5F5F5F;}}
}

.form-cont{
	input,textarea,select{
		width: 420px;
		height: 40px;
		border:1px solid @cinza-borda;
		margin-bottom: 10px;
		padding-left: 10px;
		.border-radius(5px);
		background: #fff;
		-moz-transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;
		-webkit-transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	}

	input:focus{border-color:#Fabd12;box-shadow:0 0px 1px #Fabd12 inset}
	textarea:focus{border-color:#Fabd12;box-shadow:0 0px 1px #Fabd12 inset}
	textarea{height: 95px;}
	select#estado{width: 80px;padding-top: 10px;margin-left: 17px;}

	button{
		background-color:#222021 ;
		width: 120px;height: 40px;
		float: right;
		color: #fff;
		.border-radius(25px);
		margin-right: 40px;
		text-transform: uppercase;
		background-image: url(../img/icon/ir-br.png);
		background-repeat: no-repeat;
		background-position: 85px center;
		padding-right: 20px;
		&:hover{
			background-color:@amarelo;
			color: #000;
		}
	}
}

.info-email{.info(300px;background: url(../img/icon/cont-email.png);}

.info-fale{.info(340px);background: url(../img/icon/cont-tel.png);}

.info-repre{.info(340px);background: url(../img/icon/cont-repre.png);}

.info-reve{.info(340px);background: url(../img/icon/cont-reve.png);}


.mapa{
	height: 275px;
	width: 437px;
	border: 1px solid @cinza-borda;
	.border-radius(25px);
	background-color: #fff;
	padding-left: 23px;
	padding-top: 20px;

	iframe{
		border: 1px solid @cinza-borda;
		.border-radius(25px);

	}
	div{text-align: center;margin-top: 20px;color: #5F5F5F;font-size: 12px;}
}

/* Noticia*/
.img-noticia{border:4px solid #E7E7E9;float: left;}

.divisor {height: 175px;margin-top: 22px;border-bottom: 1px solid #E0E0E0;overflow: hidden;.transition(all,500ms);}

.noticia-cont{.conteiner;}

.noticia {margin-top: 15px;margin-bottom: 50px;overflow: hidden;}

.noticia-min{
	height: 175px;
	.transition(all,500ms);
	&:hover{.img-noticia{border:4px solid #6D6968;float: left;}.text div button{color:#000;background: #FABD03; } }

	.text{
		height: 105px;float: left;width: 807px;	margin-left: 25px;color: @color-text;

		div{
			padding-top: 5px;height: 50px;
			.text-full{	height: 50px;font-size: 11px;}
		}
	}
}
.noticia-max{
	.transition(all,400ms);opacity: 0 ;height: 395px !important;.noticia-min;
	&:hover{.img-noticia{border:4px solid #E7E7E9;float: left;}}

	.text{width: 365px;width: 475px;height: 320px;
		div{.text-full{	height: 265px;}}
	}
}
.divisor-show{
	height:400px;
	.noticia-min{margin-top: -175px;}
	.noticia-max{opacity: 1 !important;}
}

.bt-noticia{
	background:#222021;
	.border-radius(25px);
	text-transform: uppercase;
	color: #fff;height: 30px;width: 220px;
	float: right;font-size: 18px;
	margin-top: 15px;

	&:hover{color:#000;background: #FABD03; }

	span{font-size: 24px;}
}


/* Suporte */

.container-suporte { width:990px; margin:auto; }

.sidebar { width:256px; float:left; }
.sidebar ul, .sidebar ul li { float:left; width:100%; list-style:none; margin: 0 0 0px 0px; }
.sidebar ul li a { float:left; width:179px; height:179px; border:5px solid #d5d5d5; margin-bottom:20px; -webkit-transition: border-color .4s; }
.sidebar ul li a span { float:left; width:179px; height:179px; opacity:0.3; -webkit-transition: opacity .4s; }
.sidebar ul li a #fog { background:url('../img/icon/fogao.jpg'); }
.sidebar ul li a #car { background:url('../img/icon/carrinho.jpg'); }
.sidebar ul li a #esc { background:url('../img/icon/escada.jpg'); }
.sidebar ul li a #cha { background:url('../img/icon/chapa.png'); }
.sidebar ul li a #fun { background:url('../img/icon/fundicao.png'); }
.sidebar ul li a:hover { border-color:#fad103; -webkit-transition: border-color .4s; }
.sidebar ul li a:hover span { opacity:1; -webkit-transition: opacity .4s; }

.content-inner { float:right; width:687px; color:#606060; font-size:11px; margin-bottom:50px; }
.content-inner h1 { font-family:titi-thin; color:#353232; font-size:20px; float:left; width:100%; margin-bottom:25px; }
.content-inner p { line-height:18px; }
.content-inner #img-ampliada { float:left; border:3px solid #d5d5d5; margin:35px 0 7px; }
.content-inner #img-ampliada img { float:left; }
.content-inner .links { background:#fad103; text-decoration:none; color:#231f20; border-radius:14px; width:280px; height:73px; float:left; line-height:73px; font-family:titi-thin; font-size:28px; font-weight:bold; text-align:center; margin-top:55px; }
.content-inner .links em { background:url(../img/icon/stp-icon.png) no-repeat center top; width:43px; height:48px; float:left; margin-top:15px; margin-left:26px; }
.content-inner .espec { float:right; width:291px; }
.content-inner .espec em { width:52px; background-position: center bottom; margin-left:17px; }

.jcarousel-skin-tango-suporte { float:left; clear:both; }
.jcarousel-skin-tango-suporte .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango-suporte .jcarousel-container-horizontal { width:687px; }
.jcarousel-skin-tango-suporte .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango-suporte .jcarousel-clip-horizontal { width:609px; height:115px; margin-left:39px; }
.jcarousel-skin-tango-suporte .jcarousel-item { width:109px; height:109px; border:3px solid #c8c8c8; margin:0 3.5px; -webkit-transition: border-color .4s; }
.jcarousel-skin-tango-suporte .jcarousel-item:hover, .jcarousel-skin-tango .jcarousel-item.active { border:3px solid #fad103; -webkit-transition: border-color .4s; }


/* BUTTONS*/
.jcarousel-skin-tango-suporte .jcarousel-next-horizontal {
  position: absolute;
  top:0;
  right:0;
  width:39px;
  height:115px;
  cursor: pointer;
  background:url(../img/icon/nav.jpg) no-repeat right center;
}
.jcarousel-skin-tango-suporte .jcarousel-prev-horizontal {
  position: absolute;
  top:0;
  left:0;
  width:39px;
  height:115px;
  cursor: pointer;
  background:url(../img/icon/nav.jpg) no-repeat;
}

/* Empresa*/

.cont-empresa{.conteiner;border-bottom: 1px solid @cinza-borda;}
.slider-empresa{height: 350px;}
.text-empresa { margin-left: 35px; width: 480px;font-size: 12px;color: @color-text;h3{margin-bottom: 15px;}}
.text-destaque-empre{background: url(../img/icon/fotografia.png); background-repeat: no-repeat; padding-left: 55px;background-position: left center;padding-top: 10px;}
.carousel-empresa{margin-top: 35px;position: relative; overflow: hidden;}
#carousel-empresa{position: relative; }

/* Produto - list*/
.carousel-produto{border-top:1px solid @cinza-borda;.transition(all,300ms);position: relative;z-index: 0;}
.carousel-hide{margin-top:-250px;}
.prod-cont{.conteiner;min-height: 400px;.transition(all,300ms);}

.reco {
	margin:0px auto;height:30px;width:215px;background:#FBFBFB;text-align: right;background-image: url(../img/bg.jpg);cursor: pointer;
	.rec{margin-right: 35px;padding-top: 5px;
		background-image: url(../img/icon/recolher.png);
		background-repeat: no-repeat;
		background-position: 25px center;
	}
	.categoria{display: none ; position: absolute;
	 padding-left: 73px;display: none;padding-top: 5px;
	 background-image: url(../img/icon/mostrar.png);
	 background-repeat: no-repeat;background-position: 25px;
	}
}
.recolher{
	.reco{
		.rec{display: none !important;}
		.categoria{display: block !important;}
	}
}
.span44{.span4;width: 225px;}
.prod-list{width: 225px;border-bottom:1px solid @cinza-borda;height: 435px;margin-bottom: 40px;
	.alo{
		.image{
			border: 5px solid #DDDDDD;
			background-color: #fff;
			width: 215px;
			height:215px;
			text-align: center;
			margin:20px 0px;
		}
		&:hover{.image{border-color:#6D6767;}}
	}
	.cont{margin:20px 0px;color: @color-text;height: 55px;}
	.title{color: @color-text;font-weight: bold;width: 225px;height: 35px;}
	button{margin:20px 0px;.bt-noticia;text-decoration: none !important;outline: none;width: 225px;
		&:hover{text-decoration:none !important;}
	}
}

.divitor{height: 390px;border-left: 1px solid @cinza-borda;width: 0px;float: left;margin-top: 18px;margin-right: 70px;margin-left: 79px;}



/* Detalhe Produto */
ul.download { margin: 20px; }
.download li { background: url(../img/icon/sprit-detalhe.png) -62px -20px no-repeat; margin: 10px 0 0 -20px; }
.download li a{ margin-left: 25px; color:@color-text;text-decoration: underline; }
.prod-detalhe{margin-top: 50px;margin-bottom: 35px;

	.detalhe-img{border: 5px solid #DEDEDE;width: 350px;height: 350px;float: left;}
}

.z-ampliar{color: @color-text;font-weight:bold;
	background: url(../img/icon/lupa.png);
	background-repeat: no-repeat;
	font-size: 11px;
	margin-top: 25px;
	padding-left: 24px;
	width: 202px;
	float: left;
	margin-right: 10px;


}
.ampliar{color: #fff;background: url(../img/icon/ampliar.png);
	background-color: #222021;
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
	float: left;
	font-weight: bold;
	padding-left: 25px;
	background-position: 15px center;
	font-size: 11px;
	.border-radius(15px);
	margin-top: 20px;

	&:hover{color:#000;background-color: #FABD03;background-image: url(../img/icon/ampliar-over.png);background-repeat: no-repeat;}
}

.detalhe-link{
	border:1px solid @cinza-borda;
	margin-top: 20px;
	.border-radius(25px);
	height: 75px;
	padding-left: 105px;
	font-size: 11px;
	background-position: 25px 12px;
	width: 285px;
	background-repeat: no-repeat;
	padding-right: 40px;
	color: #5F5F5F;
	padding-top: 16px;
	a{color: @color-text;&:hover{text-decoration:none;}}

	.title{color: @color-text;font-weight: bold;font-size: 12px;width: 215px;}

	&:hover{background-color:#fff;}
}

.detalhe-rev{.detalhe-link;background-image: url(../img/icon/comp.png);}

.detalhe-comp{.detalhe-link;background-image: url(../img/icon/rev.png);}

.text-detalhe{width: 430px;color: #616161;font-size: 12px;

	.text{margin-top: 15px;margin-bottom: 25px;width: 433px;max-height: 90px;}
}



.product-collateral {
	margin-top: 45px;
	#tabs-content {
		min-height: 350px;
		border: 1px solid #ddd;
		border-radius: 25px;
		z-index: 999;
		position: relative;
		margin-top: -22px;
		background-color: #fff;
		line-height: 20px;
		margin-bottom: 20px;
		.content {
			display: none;
			position: relative;
			margin: 17px;
			color: @color-text;
		}
	}
	#tabs {
		height: 65px;
		background-color: #F6F6F6;
		border: 1px solid #ddd;
		border-top-right-radius: 25px;
		border-top-left-radius: 25px;
		position: relative;
		z-index: 1;
		margin: 0px;
		li {
			float: left; width: 25%;

			a {
				outline: none;
				display: block; height: 45px; background-color:#F6F6F6;
				border-top-right-radius: 25px;
				border-top-left-radius: 25px;
				font-weight: bold;
				padding-left: 18px;
				padding-top: 15px;
				cursor: pointer;
				color: @color-text;
				.icon { margin-right: 10px; background-image: url(../img/icon/sprit-detalhe.png); width: 22px; height: 16px; float: left;  }
				.info { background-position: 0px 36px;width: 20px;  }
				.ficha { background-position: -16px 36px; }
				.formas { background-position: 43px 36px;}
				.comentarios { background-position: 22px 36px; }
				&:hover {
				color: #FABD03;
				text-decoration: none;
				.info { background-position: 0px 0px;  }
				.ficha { background-position: -16px 0px; }
				.formas { background-position: 43px 0px;}
				.comentarios { background-position: 22px 0px; }
				}
			}

		}
		.active {

			a {
				background-color: #222021;
				color:#fff;

				display: block;
				border-bottom: none;
				border-top: none;
				border-top-right-radius: 25px;
				border-top-left-radius: 25px;
				.info { background-position: 0px 16px;width: 20px;  }
				.ficha { background-position: -16px 16px; }
				.formas { background-position: 43px 16px;}
				.comentarios { background-position: 22px 16px; }
				&:hover {
					display: block;
				color: #fff;
				.info { background-position: 0px 16px;width: 20px !important;  }
				.ficha { background-position: -16px 16px !important; }
				.formas { background-position: 43px 16px !important;}
				.comentarios { background-position: 22px 16px !important; }
			}
		}
		}
	}
}
 /* Representantes */

.cont-repre{.conteiner;min-height: 335px;border-bottom: 1px solid @cinza-borda;}

.repre-info{
	background-color: #fff;
	border:1px solid #DEDEDE;
	.border-radius(25px);
	padding:10px 0px;
	margin-top: 35px;
	margin-bottom: 50px;
	.info{
		background-image: url(../img/icon/cont-repre.png);
		background-repeat: no-repeat;
		padding-left: 90px;
		background-position: 0 center;
		width: 465px;
		margin: 0 auto;
		.text{
			color: @color-text;
			font-size: 12px;
		}
	}
}

.busca-repre{
	margin-top:30px;
	margin-bottom: 30px;
	padding-top: 10px;
	label{float: left;font-family: titi-thin;
		font-size: 20px;text-transform: uppercase;
		font-weight: bold;margin-right: 15px;
		margin-top: 15px;
	}
	select{float: left;height: 45px;
		.border-radius(5px);border-color: #DEDEDE;
		padding-left: 10px;
		padding-top: 13px;color: #B6B6B6;
		width: 200px;background-color: #fff;
		margin-right: 45px;outline: none;
	}

	button{
		background-color:#222021;
		width: 235px;height: 40px;
		font-size: 12px;
		float: right;
		color: #fff;
		.border-radius(25px);
		text-transform: uppercase;
		background-image: url(../img/icon/ir-br.png);
		background-repeat: no-repeat;
		background-position: 203px center;
		padding-left: 0px;
		padding-right: 30px;
		&:hover{
			background-color:@amarelo;
			color: #000;
		}
	}

}

.count-repre{border: 1px solid #DEDEDE;height: 45px;margin: 30px 0 ;.border-radius(25px);background-color: #fff;

	.cont{width: 351px;margin:0 auto;padding-top: 11px;

		.count{
			background-color: @amarelo;
			color: #fff;
			.border-radius(25px);
			width: 25px;
			height: 22px;
			float: left;
			text-align: center;
			padding-top: 3px;
		}
		.text{color: #5F5F5F;font-weight: bold;float: left;margin-top: 4px;margin-left: 10px;}
	}
}

.list-represent{
	height: 220px;background-color: #EFEFEF ;.border-radius(15px);
	.img{
		width: 135px;
		height: 135px;
		background-color: #fff;
		border: 3px solid @cinza-claro;
		float: left;
		margin-left: 35px;
		margin-top: 25px;
	}

	.text{
		margin-top: 20px;float: left;
		h3{margin-left: 25px;}

		.info{
			li{
				margin-top: 13px;font-size: 12px;color: @color-text;
				span{font-weight: bold;margin-right: 5px;}
			}

		}
	}
}
.list-represent:nth-child(odd){background-color: transparent;}

.repre-img-max{
	background:url(../img/icon/repre-max.png) no-repeat scroll -4px 25px transparent;
	width: 475px;
	height: 435px;
	float: left;
}

.repre-text{
	width: 480px;
	padding-left: 20px;
	float: left;
	color: @color-text;
	font-size: 12px;

	h3{margin-top: 30px;margin-bottom: 20px;}

	.text{
		ul{
			margin-left: 15px;
			margin-top: 10px;
			li{list-style: outside;font-weight: bold;margin-top: 2px;}
		}
	}
}

.repre-cad-info{
	.repre-info;
	.info{background-image: url(../img/icon/repre-min.png);width: 480px;}

}
.msg-sucesso{

	.repre-info;
	display: none ;
	.info{background-image: url(../img/icon/sucesso.png);width: 385px; background-position: 0px -5px;}

}
.repre-cad-min{
	.repre-info;
	margin-bottom: 10px;
	.info{background-image: url(../img/icon/repre-ok.png);width: 590px;}
}
.step-collateral {
	margin-top: 0px;
	#tabs-content {
		min-height: 350px;

		z-index: 999;
		position: relative;
		margin-top: 0px;

		line-height: 20px;
		margin-bottom: 20px;
		.content {
			display: none;
			position: relative;
			margin: 17px;
			margin-bottom: 30px;
		}
	}
	#tabs {
		height: 45px;
		background-color:#F5F5F5;
		border: 1px solid #ddd;
		.border-radius(25px);
		position: relative;
		z-index: 1;
		margin: 0px;
		li {
			float: left; width: 25%;

			a {
				display: block; height: 30px; background-color:#F5F5F5;
				font-weight: bold;
				padding-left: 18px;
				padding-top: 15px;
				cursor: pointer;
				color: @color-text;
				outline: none;

				background-position: right;
				background-repeat: no-repeat;
				border-radius:25px;
				&:hover{text-decoration:none;}

				.step{
					background-color: #CFCFCF;

					color: #fff;
					.border-radius(25px);
					width: 25px;
					height: 22px;
					margin-left:45px;
					float: left;
					text-align: center;
					padding-top: 3px;
					margin-top: -5px;
					margin-right: 15px;
				}
			}

		}
		.active {

			a {
				background-color: #fff;
				color:@color-text;
				display: block;
				border-bottom: none;
				border-top: none;
				.step{
					background-color: @amarelo;
				}
			}
		}
	}
}
.arrow_box { position: relative; background: #f5f5f5; border: 1px solid none; }
.arrow_box:after, .arrow_box:before { left: 95%; border: solid transparent; content: " ";
height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_box:after { border-left-color: #f5f5f5; border-width: 22px; top: 50%; margin-top: -22px; }
.arrow_box:before { border-left-color: none; border-width: 23px; top: 50%; margin-top: -23px; }

.arrow_box1 { position: relative; background: #fff; border: 1px solid none; }
.arrow_box1:after, .arrow_box1:before { left: 95%; border: solid transparent; content: " ";
height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_box1:after { border-left-color: #fff; border-width: 22px; top: 50%; margin-top: -22px; }
.arrow_box1:before {border-left-color: none; border-width: 23px; top: 50%; margin-top: -23px; }


.form-step{
	form{
		width: 545px;
		margin: 0 auto;
		.label-s{
			width: 105px;
			text-align: right;

			label{font-size: 11px;color: #343434;margin-bottom: 0px;
				span{
					color: @amarelo;
					font-size: 16px;
				}
			}

		}
		.obrigatorio{
			width: 500px;height: 20px;
			label{float: left;font-size: 12px;color: #343434;margin-left: 120px;span{color: @amarelo ;font-size: 14px;}}
		}
		div{

			width: 440px;
			height: 40px;
			margin-top: 22px;
			float: left;

			input{
				margin-left: 20px;
				float: left;
				width: 420px;height: 40px;
				border:1px solid @cinza-borda;
				padding-left: 15px;
				.border-radius(5px);
				background: #fff;
				-moz-transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;
				-webkit-transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;
				&:focus{border-color:#Fabd12;box-shadow:0 0px 1px #Fabd12 inset}
			}
			.input-min{
				width: 50px;
			}
			.input-medio{
				width: 350px;
			}
		}
		select{float: left;height: 45px;
			.border-radius(5px);border-color: #DEDEDE;
			padding-left: 10px;
			padding-top: 13px;color: #B6B6B6;
			width: 200px;background-color: #fff;
			outline: none;
		}
		button{
			background-color:#222021 ;
			width: 120px;height: 40px;
			float: right;
			color: #fff;
			.border-radius(25px);
			text-transform: uppercase;
			margin-top: 30px;
			background-image: url(../img/icon/ir-br.png);
			background-repeat: no-repeat;
			background-position: 85px center;
			padding-right: 20px;
			&:hover{
				background-color:@amarelo;
			color: #000;
			}
		}
		.adicionar{

			width: 420px;float: left;
			margin-left: 120px;background-color: #F5F5F5;
			border: 1px solid @cinza-borda;
			.border-radius(5px);
			color: @color-text;
			text-transform: none;
			font-weight:bold;
			background-image: none;
			margin-top: 0px;
			font-size: 11px;
			padding-left: 60px;
			margin-top: 20px;
			div{
				background-color: #CFCFCF;
				color: #fff;
				font-size: 16px;
				.border-radius(25px);
				width: 25px;
				height: 21px;
				float: left;
				text-align: center;
				padding-top: 4px;
				margin-top: -5px;
				margin-right: 15px;
				position: absolute;
				margin-top: -3px;
				margin-left: 28px;
			}
			&:hover{background-color:#fff;color: @color-text;div{background:@amarelo; }}

		}
	}
}

/*Revendedores*/

.reve-info{
	.repre-info;
	.info{
		background-image: url(../img/icon/local.png);
	}

}
.load-ajax{
	background-image: url(../img/icon/asc.gif);
	margin: 25px auto auto;
    padding: 15px;
    width: 0;
    margin-bottom: 25px;


}
.busca-reve{
	.busca-repre;
	select{margin-right: 130px;width: 250px;}
	button{
		width: 165px;
		background-position: 132px center;
	}
}


.list-reven{
	.list-represent;
	height: 190px;
	.img{margin-top: 25px;text-align: center;}
	.text .info li a{color: @color-text;text-decoration: underline;}
	.text{margin-top: 45px;}
}
.list-reven:nth-child(odd){background-color: transparent;}
.reve-img-max{
	.repre-img-max;
	height: 370px;
	background-image: url(../img/icon/reven-max.png);
}

.reve-cad-info {

	.repre-cad-info;
	.info{
		background: url(../img/icon/reven-min.png);
		background-repeat: no-repeat;
		height: 71px;
		padding-left: 100px;
		h3{
			padding-top: 7px;
		}
	}

}


/*functions*/
.transition (@el, @time, @type: linear) {
	-webkit-transition: @el @time @type;
	-moz-transition: @el @time @type;
	-ms-transition: @el @time @type;
	-o-transition: @el @time @type;
	transition: @el @time @type;
}

.border-radius(@radius){-moz-border-radius:@radius;-webkit-border-radius:@radius;border-radius: @radius;}