@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700|Open+Sans+Condensed:700|Open+Sans:400,700);
/* CSS reset */
* { margin:0;padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
html,body {margin:0;padding:0;}
img { border:0;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
/* CSS reset fim */

/* SINTAXE CSS */
/*
	p { font: italic bold font-size/line-height 'Cuprum', sans-serif;}
	background: #00FF00 url("css.gif") no-repeat fixed 200px 70px;
*/

/* HTML5 */
header , footer , article , aside , nav , section {display:block}
/* Genérico */
.floatLeft {float:left;}
.floatRight {float:right;}
.clearBoth {clear: both;}
.displayTable {display: table;}
.borderRadius10px {
	border: 1px solid #333;
	
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(border-radius.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.opacity {
	opacity:0.9; /* Previsto nas CSS3 já é suportado atualmente pelo Firefox 2 e pelo Ópera 9, o valor da opacidade varia de 0 a 1; */
	-moz-opacity: 0.9; /* Declaração proprietária para servir navegadores Mozilla, o valor da opacidade varia de 0 a 1; */
	filter: alpha(opacity=9); /* Declaração proprietária para servir navegadores IE o valor da opacidade varia de 0 a 100. */
}
.scale {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
nav#menu a {
	transition:color 0.2s linear 0.1s;
	
	-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;
}
body {
	
}
input#busca {
	border: 1px solid #ABADB3;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(border-radius.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	float: left;
	height: 22px;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #393433;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	background-image: url(../images/fundos/icon-search.png);
	background-repeat: no-repeat;
	background-position: 5px;
	font-weight: bold;
	width: 150px;
}

.menu5{list-style:none; border:1px solid #c0c0c0; float:left; }

.menu5 li{position:relative; float:left; border-right:1px solid #c0c0c0; }

.menu5 li a{color:#333; text-decoration:none; padding:5px 10px; display:block;}

.menu5 li a:hover{background:#333; color:#fff; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #ccc; text-shadow:0px 0px 5px #fff; }

.menu5 li   ul{position:absolute; top:25px; left:0; background-color:#fff; display:none; }

.menu5 li:hover ul, .menu5 li.over ul{display:block;}

.menu5 li ul li{border:1px solid #c0c0c0; display:block; width:150px;}



/* Header */
#header_full{
	width: 100%;
	height: 210px;
	padding-top: 15px;
	background-image: url(../images/fundos/fundo_header.jpg);
	background-repeat: repeat-x;
}

#header_margem_full{
	width: 950px;
	height: 100%;
	margin: auto;
}
#buscaHeader {
	background-image: url(../images/fundos/f01.png);
	background-repeat: repeat-x;
	background-position: bottom;
	float: left;
	width: 250px;
	padding-bottom: 19px;
	text-align: left;
}

#buscaHeader2 {
	float: right;
	width: 250px;
	margin-top:12px;
	text-align: left;
}
#telHeader {
	background-image: url(../images/fundos/f01.png);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: right;
	float: right;
	padding-bottom: 15px;
	width: 325px;
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	color: #444;
}
#telHeader small {
	font-size: 15px;
	display: table;
	width: 100%;
}
#telHeader span {
	color: #DB252B;
}

#telPaises {
	text-align: right;
	float: right;
	padding-bottom: 15px;
	width: 325px;
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	color: #444;
}

#logoHeader {
	float: left;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left:30px;
}
#menuHeader {
	width: 950px;
	background-color: #7c7978;
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	display: table;
	padding-top: 14px;
	padding-right: 0;
	padding-bottom: 14px;
	padding-left: 0;
}
#menuHeader li {
	display: inline;
	padding:10px 5px 20px 0;
}
#menuHeader li:hover {
	background: url(../images/fundos/fundo-bnt.png) no-repeat right;
}
#menuHeader li a {
	color: #FFF;
	text-decoration: none;
	padding: 19px;
}
#menuHeader li a:hover {
	background-color:#DB252B;
}

/* menu */

#menu{
	display: inline-block;
  height:57px;
  width:100%;
	vertical-align: middle;
  white-space: nowrap;
  background-color:#7c7978;
}
#menu li {
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	position: relative;
	z-index: 2;
	display: block;
	float: left;
/*	width: 15%;*/
	height: 57px;
	line-height: 57px;
/*	margin-right: 1.42857%;*/
	white-space: nowrap;
	background-position: 50%;
	padding:0 1.48%;
}

#menu ul{
  position:relative;
}
#menu ul:after{
  content:"";
  display:block;
  clear:both;
}
#menu a{
  color:#FFF;
  text-decoration:none;
  display:block;
  width:100%;
  height:100%;
  text-shadow: 0 -1px 0 #000;
}
#menu li:after {
content: "";
/*width: 9.5238%;*/
height: 100%;
position: absolute;
top: 0;
right: -9.5238%;
}

/*.earth:after{
  border-radius:0px 5px 5px 0px;
}*/
.current{
  position:absolute;
  top:-6px;
  left:5%;
  margin-left: -49px;
  width:83px;
  height:68px;
  -webkit-transition: all 400ms cubic-bezier(.45,1.92,.9,1.54);
-moz-transition: all 400ms cubic-bezier(.45,1.92,.9,1.54);
-o-transition: all 400ms cubic-bezier(.45,1.92,.9,1.54);
-ms-transition: all 400ms cubic-bezier(.45,1.92,.9,1.54);
transition: all 400ms cubic-bezier(.16,1.23,.87,1.18);
}
.current-back{
  width:100%;
  height:100%;
  position:absolute;
  background: url(../images/fundos/bnt-fundo.png) no-repeat right #DB252B;
/*  border-radius:5px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.09);
  border-top: 2px solid rgba(255,255,255,0.1);*/
}
.top-arrow{
	position:absolute;
	overflow:hidden;
	width:5px;
	height:68px;
	top:0;
	left:95px;
	z-index:2;
	background-image: url(../images/fundos/fundo-bnt.png);
	background-repeat: no-repeat;
	background-position: right;
}
.top-arrow:before{
  content:"";
  position:absolute;
  width:100%;
  height:10px;
  top:-10px;
  left:10%;
/*  border-radius:20%;
  box-shadow:0 0 10px black;*/
}
.top-arrow:after{
  content:"";
  position:absolute;
  width:0;
  height:0;
  top:0px;
/*  border-top:8px solid #c39449;
  border-left:6px solid transparent;
  border-right:6px solid transparent;*/
  margin-left:-6px;
 /* left:50%;*/
}

.bottom-arrow{
  position:absolute;
  overflow:hidden;
  width:100%;
  height:12px;
  bottom:17px;
  left:0;
  z-index:2;
}
.bottom-arrow:before{
  content:"";
  position:absolute;
  width:80%;
  height:10px;
  bottom:-10px;
  left:10%;
  border-radius:20%;
  box-shadow:0 0 10px black;
}
.bottom-arrow:after{
  content:"";
  position:absolute;
  width:0;
  height:0;
  bottom:0;
  border-bottom:12px solid #c39449;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  margin-left:-8px;
  left:50%;
}
.home {
margin-left: 0.3%;
}
.home:before {
content: "";
width: 9.5238%;
height: 100%;
position: absolute;
top: 0;
left: -9.5238%;
}

.home:hover ~ .current{
  left: 5%;
  width: 8.8%;
}
.produtos:hover ~ .current{
  left: 12.9%;
  width:11.4%;
}
.institucional:hover ~ .current{
	left: 24%;
	width:10.6%;
}
.noticias:hover ~ .current{  
   left: 46.8%;
   width:10.2%;
}
.grupo:hover ~ .current{
  left: 57%; 
  width:10%; 
}
.localizacao:hover ~ .current{
  left: 72%; 
  width:10%;
}
.contato:hover ~ .current{
  left: 50%;
  width:11.6%;
}

.faq:hover ~ .current{
  left: 62%;
  width:6%;
}

.lins-importadora:hover ~ .current{
	left: 34.1%;
	width:15.8%;
}
/* Banner */

#banner_margem_full{
	width: 950px;
	height: 100%;
	margin: auto;
	display:table;
}

#banner_full {
	width: 100%;
	height: 345px;
	margin: 0px auto 0px auto;
	border-top: 0px solid #FFF;
	border-bottom: 8px solid #FFF;
	background-image: url(../images/fundos/fundo-banner.jpg);
	background-repeat: repeat-x;
	background-position:top;
	background-color:#fff;
	display:table;
}


a.bnt-link{
	font-family: 'Open Sans Condensed', Arial, sans-serif;
	text-transform: uppercase;
	background-color: #E02A29;
	padding: 10px 15px;
	font-size: 14px;
	color: #fff;
	/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);*/
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	border: 2px solid #CE1B1A;
	border-radius: 4px;
	opacity: 1;
	margin-top: 40px;
	text-decoration: none;
	float:left;
	margin-left:110px;
}
a.bnt-link:hover{
	background-color: #AC2222;
	transition:background-color 0.2s linear 0.2s;
	-webkit-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-ms-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	transition-duration:0.2s;
}
/* Principal */
#principal_full{ 
	width: 100%;
	height: auto;
	background-color:#FFF;
}


#principal_margem_full{
	width: 990px;
	height: auto;
	margin: auto;
}

.principal_texto{
	width: 390px;
	color:#6E6A6A;
	height: auto;
	display:table;
	float:right;
	font-size:11px;
	margin-left:12px;
}

.principal_box{
	width: auto;
	height: auto;
	display:table;
	margin-top:10px;
	margin-left:12px;
	margin-bottom:10px;
}

.principal_box_noticias{
	width: 600px;
	height: auto;
	display:table;
	float:left;
}

.principal_titulo_noticias{
	font-family: 'Open Sans Condensed', sans-serif;
	color:#D63434;
	font-size:20px;
	display:table;
	margin-bottom:4px;
	margin-top:4px;
}

a.principal_titulo_noticias:link, a.principal_titulo_noticias:visited, a.principal_titulo_noticias:active {
	}
	
a.principal_titulo_noticias:hover {
    color:#931E1E;
}

.principal_texto_noticias{
	font-family: 'Open Sans Condensed', sans-serif;
	color:#D63434;
	font-size:12px;
	display:table;
	margin-bottom:4px;
	margin-top:4px;
}

a.principal_texto_noticias:link, a.principal_texto_noticias:visited, a.principal_texto_noticias:active {
	}
	
a.principal_texto_noticias:hover {
    color:#931E1E;
	text-decoration:none;
}

.principal_titulo{
	font-family: 'Oswald', sans-serif;
	color:#D63434;
	font-size:24px;
	display:table;
	margin-bottom:8px;
}

.principal_box_news{
	width: 312px;
	height: auto;
	display:table;
	float:left;
	margin-left:20px;
	color:#6E6A6A;
}

.forms_news{
	width: 312px;
	height: 37px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:14px;
	color:#6E6A6A;
	float:left;
	border:1px solid #CCC; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

.arial_vermelho_validacao{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    color:#FF0000;
	text-decoration:none;
}
a.arial_vermelho_validacao:link, a.arial_vermelho_validacao:visited, a.arial_vermelho_validacao:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    color:#FF0000;
	text-decoration:none;
	}
a.arial_vermelho_validacao:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    color:#880000;
	text-decoration:none;
}


.boxDestaquesTable, .boxContent {
	float: left;
	width: 100%;
	display: table;
	margin-bottom: 15px;
}
.boxContent {
	padding-top:20px;
}
.boxDestaques_Produtos {
	float: left;
	height: 220px;
	width: 260px;
	background-color: #F8F8F8;
	border: 1px solid #FFF;
	padding-right: 20px;
	padding-left: 20px;
}
.boxDestaques_Produtos h1  {
	font-family: 'Oswald', sans-serif;
	font-size: 38px;
	color: #D63332;
}
.destaquesProdutos {
	border: 4px solid #EEE;
	width: 240px;
	display: table;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
	background-color: #FFF;
	min-height:100px;
}
.destaquesProdutos figure {
	float: left;
}

.destaquesProdutos .marcaProduto {
	text-decoration: none;
	float: right;
	color: #5D5252;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
	width: 140px;
	text-align: right;
}
.destaquesProdutos .descricaoProduto {
	text-align: right;
	float: right;
	clear: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #A09999;
	text-decoration: none;
	width: 140px;
}
.boxDestaques_Produtos .bntLink {
	float: right;
	margin-right: 15px;
	margin-top: -10px;
}

.table {
	display:table;
	width:100%;
	margin-bottom:10px;
}
.boxProdutosDestaques, .boxProdutos {
	width: 300px;
	height:auto;
	float: left;
	display:table;
}
.boxProdutosDestaques, .boxProdutos.margin {
	margin-left:15px;
	margin-right:15px;
}
.boxNomeProduto {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 16px;
	color: #D8252B;
	text-decoration:none;
}
.boxProdutosDestaques img, .boxProdutos img {
	border: 4px solid #DDD;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari and Chrome */
	border-radius: 3px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(border-radius.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	margin-bottom: 10px;
}
.boxProdutos img:hover {
	opacity:0.4; /* Previsto nas CSS3 já é suportado atualmente pelo Firefox 2 e pelo Ópera 9, o valor da opacidade varia de 0 a 1; */
	-moz-opacity: 0.4; /* Declaração proprietária para servir navegadores Mozilla, o valor da opacidade varia de 0 a 1; */
	filter: alpha(opacity=4); /* Declaração proprietária para servir navegadores IE o valor da opacidade varia de 0 a 100. */
	transition:opacity 0.2s linear 0.2s;
	-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-ms-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;
}
.boxProdutosDestaques figcaption, .boxProdutos figcaption {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 16px;
	color: #D8252B;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D0CECE;
	padding-top: 10px;
}
.boxProdutosDestaques a, .boxProdutos a {
	color: #D8252B;
	text-decoration: none;
	display:table;
}
.boxProdutosDestaques a:hover {
	color: #AC2222;
	transition:color 0.2s linear 0.1s;
	-webkit-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-ms-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	transition-duration:0.2s;
}
.boxProdutos a:hover {

	color: #AC2222;
	transition:color 0.2s linear 0.1s background 0.2s linear 0.1s;
	-webkit-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-ms-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	transition-duration:0.2s;
}
.boxProdutosDestaques p, .boxProdutos p {
	font-family: Tahoma, Geneva, sans-serif;
	color: #8C7F7F;
	font-size: 12px;
	margin-top: 10px;
}
.boxContent .boxDestaquesTable {
	margin-top: 15px;
}

.marginProd {
	margin-right: 22px;
	margin-left: 22px;
}

.bntLink {
	background-image: url(../images/fundos/fundo-bnt.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 5px;
}

.bntLink a{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	background-color: #D63332;
	padding: 15px;
	color: #FFF;
	text-decoration: none;
	display: table;
}
.bntLink a:hover {
	background-color: #AC2222;
	transition:background-color 0.2s linear 0.1s;
	-webkit-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-ms-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	transition-duration:0.2s;
}
.f01 {
	background-image: url(../images/fundos/f01.png);
	background-repeat: repeat-x;
	display: table;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	background-position: center;
	text-align: center;
}
.f01 h1 {
	width: 300px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #D63332;
	padding-right: 5px;
	padding-left: 5px;
	margin: auto;
	background-image: url(../images/fundos/fundo-body.jpg);
	background-repeat: repeat;
	text-shadow: 1px 1px 1px #b3b3b3;
    filter: dropshadow(color=#a3a3a3, offx=2, offy=2);
}
.f01 h1 span {
	color: #333;
}

/* Footer */
#footer_full{ 
	width: 100%;
	height: auto;
	margin-bottom:8px;
	display:table;
	background-image: url(../images/fundos/fundo_footer_b.jpg);
	background-repeat: repeat-x;
}

#footer_margem_full{
	width: 950px;
	height: 160px;
	padding-top: 20px;
	margin: auto;
}
#menuFooter {
	width: 800px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 17px;
	display: table;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: center;
}
#menuFooter li {
	display: inline;
	margin-right: 30px;
	text-shadow: 1px 1px 1px #b3b3b3;
    filter: dropshadow(color=#a3a3a3, offx=2, offy=2);
}
#menuFooter li a {
	color: #444;
	text-decoration: none;
}
#menuFooter li a:hover {
	color: #AC2222;
}
footer p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #8C7F7F;
	width: 100%;
	text-align: center;
}
#telFooter {
	text-align: center;
	margin-bottom: 8px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #C62B31;
	font-weight: 700;
}


.bntSubmit {
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	color: #FFF;
	background-color: #DB252B;
	padding:2px 5px;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(border-radius.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	border:0;
}

/* Conteúdo interno */
.content_full { 
	width: 100%;
	height: auto;
}

.content_margem {
	width: 950px;
	margin:auto;
}
.content {
	display: table;
	width: 990px;
}

h1.contentTitulo {
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	font-size: 46px;
	color: #D63332;
	padding-left: 10px;
}
h1.contentTitulo small {
	font-size: 18px;
	color: #5D5252;
}
.content h2 {
	text-align: right;
	background-image: url(../images/fundos/f02.png);
	background-repeat: repeat-x;
	background-position: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
}
.content h2 span {
	background-color: #D53A38;
	padding-left: 10px;
}
.content h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 24px;
	color:#D63434;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 15px;
}
.content h4 {
	text-align: center;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}
h3.subTitulo {
	color: #D63332;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
.boxNews {

}
h1.newsTitulo {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
	background:none;
	margin-left:0;
}


.content p {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #444;
	line-height: 18px;
	margin-bottom: 18px;
	letter-spacing: 1px;
	margin-top: 10px;
}

.bgRed, .bgRed2 {
	background-image: url(../images/fundos/fundo-banner.jpg);
	background-repeat: repeat;
	width: 100%;
	position: absolute;
	top: 210px;
	z-index: -99;
	left: 0px;
}
.bgRed {
	height: 220px;
}
.bgRed2 {
	height: 130px;
}

/* Neoware */
#neoware { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 17px; color: #000; background:#C62B31; text-align: center; font-family: tahoma; font-size: 12px; line-height: 16px; display:block; z-index:2; }
div > div#neoware { position: fixed; }

div#neoware {
_right: auto; _bottom: auto;
_left: expression( ( 0 - neoware.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
_top: expression( ( 0 - neoware.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );}