/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-family: Arial, Geneva, Verdana, sans-serif;
}

h1 {
    font-size: 22px;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

/* Isso aqui é pra arrumar um bug do com containers com float.
fonte: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after, #content:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.clearfix, #content {
    display: block;
}

.clear {
    clear: both;
}

.clearfix:after, #mainDiv:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.clearfix, #mainDiv {
    display: block;
}

/* Fecha o Reset */

body {
    background-color: #e3e3e3;
    text-align: center;
    font-family: arial, Geneva, sans-serif;
}

#container {
    margin: 0 auto;
    width: 950px;
    /* [disabled]height:1000px; */
}

#menu {
    width: 600px;
    height: 35px;
    position: absolute;
    margin-top: 70px;
    left: 270px;
}

/* Menu Retratil */

/* remove the list style */
#nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
    float: left;
    display: block;
    position: relative;
    z-index: 500;
    margin: 0; /*CONTROLA O ESPAÇAMENTO ENTRE O SUBMEN*/
    text-align: center;
    font-weight: normal;
    font-family: Arial, helvetica, sans-serif;
    width: 80px;
    height: 20px;
    padding-top: 3px;
}

/* this is the parent menu */
#nav li a {
    display: block;
    padding: 8px 5px 0 5px;
    text-align: left;
    font-weight: bold;
    height: 23px;
    text-decoration: none;
    font-size: 11px;
    color: #F60;
}

#nav li a:hover {
    color: #FFFFFF;
}

/* you can make a different style for default selected value */
#nav a.selected {
    color: #FFF;
}

/* submenu, it's hidden by default */
#nav ul {
    position: absolute;
    left: 0;
    display: none;
    margin: -6px 0 0 -1px;
    padding: 0;
    list-style: none;
    height: 20px;
}

#nav ul li {
    width: 90px; /*CONTROLA O TAMANHO DA DIV DO SUB MENU*/
    height: 25px;
    float: left;
    background-color: #cccccc;
}

/* display block will make the link fill the whole area of LI */
#nav ul a {
    display: block;
    height: 25px;
    color: #F60;
}

#nav ul a:hover {
    text-decoration: none;
    color: #666666;
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
* html #nav ul {
    margin: 0 0 0 -2px;
}

/*===Tipografia===*/

.titulo-buscar {
    height: 100px;
    float: left;
    color: #fff;
}

.titulo-buscar-interno {
    height: 60px;
    float: left;
    color: #fff;
}

#titulo-txt-busca p {
    color: #fff;
    float: left;
    width: 340px;
    margin-bottom: 5px;
    font-size: 28px;
    font-weight: bold;
}

.titulo-txt-busca {
    color: #fff;
    float: left;
    width: 340px;
    margin-bottom: 5px;
    font-size: 28px;
    font-weight: bold;
    font-family: Arial, Geneva, sans-serif;
}

.sub-busca {
    width: 300px;
    font-size: 18px;
}

.sub-busca-interno {
    width: 330px;
    font-size: 14px;
}

.titulo {
    background: url(../img/seta-g.png);
    background-repeat: no-repeat;
    height: 40px;
}

.titulo-txt {
    float: left;
    font-size: 22px;
    margin: 10px 0 0 35px;
    color: #336699;
}

.titulo-txt2 {
    float: left;
    font-size: 20px;
    margin: 13px 0 0 35px;
    color: #336699;
    width: 100%;
}

.titulo-seta-down, .titulo-seta-down-marcas {
    background: url(../img/seta-down.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 550px;
    text-align: left;
}

.titulo-seta-down-marcas {
    float: left;
}

.titulo-oferta {
    color: #336699;
    font-size: 28px;
    font-weight: bold;
    font-family: Arial, Geneva, sans-serif;
}

.sub-oferta {
    color: #336699;
    font-size: 18px;
    margin: 15px 0 15px 0;
}

.vermais {
    float: left;
    margin: 18px 0 0 10px;
    text-decoration: none;
    color: #336699;
}

/*===Topo===*/

#topo {
    margin: 0 auto;
    width: 950px;
    margin-left: 0px;
    width: 970px;
    height: 100px;
    background: url(../img/topo-bg.png);
    position: relative;
}

#topo_en {
    width: 970px;
    height: 100px;
    background: url(../img/topo-bg_en.png);
}

#tel {
    width: 149px;
    text-align: right;
    position: absolute;
    margin-top: 32px;
    margin-left: 500px;
    left: 276px;
}

#tel p {
    font-family: arial, Geneva, sans-serif;
    font-size: 11px;
    line-heigt: 25px;
    color: #333333;
}

/*===Principal===*/
#principal {
    width: 950px;
    font-size: 12px;
    font-family: arial, Geneva, sans-serif;
    text-align: center;
    color: #666666;
    background-color: #fff;
    padding: 10px;
}

/*===HOME==*/
/*===buscar==*/
#topo-buscar {
    text-align: left;
    background-color: #FFF;
}

#buscar {
    float: left;
    height: 170px;
    width: 522px;
    margin: 10px 0 10px 0;
    padding: 10px 0 0 20px;
    background: url(../img/bg-buscar.png);
}

#buscar-interno {
    float: left;
    height: 170px;
    width: 522px;
    margin: 10px 0 10px 0;
    padding: 10px 0 0 20px;
    background: url(../img/bg-buscar-interno.png);
}

#buscar-form {
    float: left;
    width: 500px;
    margin: 25px 0 0 0;
}

#buscar-form-interno {
    float: left;
    width: 500px;
    color: #fff;
}

#oferta {
    float: left;
    width: 330px;
    height: 165px;
    margin: 10px 0 0 20px;
    padding: 15px 0 0 40px;
    background: url(../img/bg-promocao.png);
}

#oferta img {
    margin-top: 10px;
}

.buscarHome {
    float: left;
    width: 340px;
    height: 28px;
    background: url(../img/bg-submit-home.png);
}

/*===produtos==*/
#produtos-destaque {
    height: 200px;
    clear: both;
}

#produtos-box {
    float: left;
    width: 308px;
    height: 162px;
    text-align: left;
    /* [disabled]border-top:1px solid #c3c3c3;
*/
    /* [disabled]border-bottom:1px solid #c3c3c3;
*/
    /* [disabled]border-left:1px solid #c3c3c3;
*/
    background-repeat: no-repeat;
    background-image: url(../img/fundo_produto_destaque.png);
}

#produtos-box-final {
    float: left;
    width: 308px;
    height: 162px;
    text-align: left;
    /* [disabled]border-top:1px solid #c3c3c3;
*/
    /* [disabled]border-bottom:1px solid #c3c3c3;
*/
    /* [disabled]border-left:1px solid #c3c3c3;
*/
    /* [disabled]border-right:1px solid #c3c3c3;
*/
    background-image: url(../img/fundo_produto_destaque.png);
    background-repeat: no-repeat;
}

#img-produto {
    float: left;
    margin-top: 55px;
}

.rc-codigo-produto {
    font-size: 24px;
    width: 290px;
    height: 36px;
    color: #00F;
    font-weight: 600;
    margin: 6px 0 0 10px;
    display: block;
    text-align: left;
}

.rc-nome-produto {
    margin: 0px 0 0 10px;
    font-size: 12px;
    font-weight: normal;
    color: #666;
    display: block;
    text-align: left;
    width: 100%;
}

.rc-marca-produto {
    margin: 0px 0 6px 10px;
    font-size: 28px;
    font-weight: bold;
    color: #C33;
    display: block;
    text-align: left;
    width: 100%;
}

.rc-preco-produto {
    margin: 0px 0 0 10px;
    font-size: 32px;
    font-weight: bold;
    color: #F60;
    float: left;
}

.rc-sub-produto {
    margin: 6px 0 0 10px;
    font-size: 12px;
    float: left;
    clear: left;
    width: 200px;
}

.codigo-produto {
    font-size: 22px;
    width: 290px;
    height: 50px;
    margin: 20px 0 0 10px;
    color: #cc3333;
}

.nome-produto {
    margin: 5px 0 0 10px;
    font-size: 15px;
    font-weight: bold;
}

.sub-produto {
    margin: 2px 0 0 10px;
}

#produtos-txt {
    float: left;
    width: 215px;
    height: 160px;
}

#sobre, #qualidade, #central-vendas {
    float: left;
    width: 296px;
    padding: 20px 10px 0 10px;
    height: 390px;
    background-color: #fff;
}

#sobre p, #qualidade p, #central-vendas p {
    text-align: left;
    padding: 10px 0 20px 37px;
}

#qualidade img {
    margin-top: 50px;
}

#central-vendas img {
    margin-bottom: 5px;
}

#qualidade {
    width: 295px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

/*==sobre-rolamentos==*/
#sobre-rolamentos {
    float: left;
    clear: both;
    padding: 13px 0 5px 35px;
    margin: 20px 0 0 10px;
    text-align: left;
    background: url(../img/seta-down.png);
    background-repeat: no-repeat;
    font-size: 22px;
    color: #336699;
}

.sub-rolamentos {
    float: left;
    text-align: left;
    margin: 5px 0 20px 45px;
    width: 800px;
    clear: both;
    line-height: 15px;
}

/*==marcas==*/
#marcas {
    background-color: #fff;
    height: 370px;
    clear: both;
    text-align: left;
}

#topo-marcas {
    background: url(../img/bg-topo-marcas.png);
    height: 94px;
    padding: 10px;
}

.sub-marcas {
    float: left;
    margin: 15px 0 0 35px;
    width: 600px;
    clear: both;
}

#busca-marca {
    float: left;
}

#lista-marcas {
    margin-top: 10px;
}

#lista-marcas a {
    font-weight: bold;
    color: #336699;
}

#lista-marcas ul {
    list-style-type: none;
    list-style-image: none;
    width: 955px;
    margin: auto;
    padding-left: 0;
    margin-left: 0;
}

#lista-marcas ul li {
    float: left;
    width: 136px;
    height: 80px;
    margin-bottom: 2px;
}

#lista-marcas ul li a {
    text-align: center;
    display: block;
    text-decoration: none;
    padding: 3px 5px;
    font-size: 12px;
}

#lista-marcas ul li a img {
    display: block;
    margin: auto;
    border: 0;
    opacity: .5;
    filter: alpha(opacity=5); /* For IE8 and earlier */
}

#lista-marcas ul li a img:hover {
    display: block;
    margin: auto;
    border: 0;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

/*==Detalhes==*/

.rc-preco-detalhe {
    /* [disabled]margin:0px 0 0 10px;
*/
    font-size: 22px;
    font-weight: bold;
    color: #F60;
    /* [disabled]float: left;
*/
}

.campo-quantidade {
    width: 60px;
    height: 21px;
    background: url(../img/bg-submit-home.png);
}

/*==Institucional==*/
#institucional {
    padding: 10px;
    text-align: left;
    line-height: 15px;
}

#institucional-L {
    width: 520px;
    padding-left: 35px;
    float: left;
    margin-right: 50px;
}

#institucional-R {
    text-align: center;
    float: left;
    width: 300px;
    margin: 0 0 10px 10px;
}

#institucional-R a {
    text-decoration: none;
    color: #666666;
    font-size: 10px;
}

.qualidade {
    text-align: center;
    font-size: 14px;
    color: #336699;
    font-weight: bold;
}

/*==Atendimento==*/
.txt-dif-atendimento, .txt-dif-atendimentob {
    color: #336699;
}

.txt-dif-atendimento {
    margin-left: 20px;
}

.txt-dif-atendimentob {
    font-weight: bold;
    line-height: 30px;
}

/*==Contato==*/
#contato1 {
    padding: 10px;
    text-align: left;
    line-height: 15px;
}

/*==Cotacao==*/
#cotacao {
    text-align: left;
    line-height: 16px;
}

.sub-cotacao {
    clear: both;
    padding: 10px 0 0 35px;
}

#cotacao_form {
    clear: both;
}

/*==Localização==*/
#localizacao {
    padding: 10px;
    height: 200px;
    clear: both;
    text-align: left;
}

#endereco-txt {
    float: left;
}

#endereco-txt p {
    margin-left: 35px;
}

#mapa {
    float: left;
    margin: 0 0 5px 10px;
}

#mapa a {
    color: #336699;
    text-align: right;
    float: left;
    margin: 2px 0 0 265px;
}

/*== CAPTCHA ==*/

#captcha {
    height: 290px;
    clear: both;
    text-align: left;
}

#captcha-txt p {
    margin-left: 35px;
    font-size: 14px;
    line-height: normal;
}

#captcha-txt img {
    margin-bottom: 15px;
    padding-right: 30px;
}

/*== ABUSO ==*/

#abuso {
    height: 480px;
    clear: both;
    text-align: left;
}

#abuso-txt p {
    margin-left: 35px;
    font-size: 14px;
    line-height: normal;
}

#abuso-txt img {
    margin-bottom: 15px;
    padding-right: 30px;
}

/*==404==*/

#erro404 {
    height: 350px;
    clear: both;
    text-align: left;
}

#erro404-txt p {
    margin-left: 35px;
    font-size: 22px;
    line-height: normal;
}

#erro404-txt img {
    margin-bottom: 15px;
    padding-right: 30px;
}

/*==Empresa==*/

#empresa1 {
    height: 200px;
    clear: both;
    text-align: left;
}

#empres1a-txt p {
    margin-left: 35px;
}

#empresa1-txt img {
    margin-bottom: 15px;
}

/*==Clientes==*/

#clientes {
    height: 200px;
    clear: both;
    text-align: left;
}

#clientes-box {
    height: 35px;
    margin-top: 10px;
    float: left;
    width: 100%;
}

#clientes-txt li {
    font-weight: bold;
    margin-left: 10px;
}

#clientes-txt p {
    padding-top: 12px;
    font-weight: bold;
}

#clientes-txt img {
    margin-top: -35px;
}

/*==Marcas-Rolamentos==*/

#marcas-rolamentos {
    padding: 10px;
    padding-top: 25px;
    clear: both;
    text-align: left;
}

.paginador {
    float: left;
    margin-left: 510px;
    margin-top: -15px;
    font-size: 14px;
}

#marcas-rolamentos a {
    float: left;
    margin-left: 20px;
    margin-top: 5px;
    text-decoration: none;
    color: #336699;
}

/*==Tabela==*/
.table2 td {
    border: 1px solid #c0c0c0;
    font-family: verdana;
    font-size: 13px;
    height: 30px;
    text-align: left;
}

#tableZerada {
    border: 0px solid;
}

.espacoLeft {
    padding-left: 5px;
}

#tdsCentral {
    height: 30px;
    border: 0px solid;
}

#informeQuantidade {
    border: 0px solid;
    height: 20px;
    border: 0px solid;
    text-align: center;
    height: 20px;
    padding-top: 10px;
}

#prazoTitulo {
    border: 0px solid;
    text-align: left;
    font-family: verdana;
    font-size: 15px;
}

#precoTitulo {
    border: 0px solid;
    text-align: right;
    font-family: verdana;
    font-size: 15px;
}

#precoResultado {
    font-family: verdana;
    font-size: 15px;
    color: green;
}

#prazoResultado {
    font-family: verdana;
    font-size: 15px;
}

/*==Tabela Cotacao==*/
#submitEnviarCotacao {
    background-color: #006600;
    font-family: verdana;
    font-size: 14px;
    color: #fff;
    border: #fff;
    height: 30px;
    width: 80px;
}

#estiloSubmitContinuar {
    background-color: #333399;
    font-family: verdana;
    font-size: 14px;
    color: #fff;
    border: #fff;
    height: 30px;
    width: 190px;
    text-align: center;
}

#estiloSubmitLimpar {
    background-color: #cc3333;
    font-family: verdana;
    font-size: 14px;
    color: #fff;
    border: #fff;
    height: 30px;
    width: 150px;
}

#tb2_cotacao td {
    font-family: verdana;
    font-size: 12px;
    color: #000;
    background-color: #CCCCCC;
    padding: 2px;
}

#tb3_cotacao {
    width: 70%;
    margin-left: 20px;
}

#tb3_cotacao td {
    font-family: verdana;
    font-size: 12px;
    color: #000;
    text-align: left;
    padding: 2px;
}

#tb4_cotacao {
    width: 70%;
    margin-left: 20px;
}

#tb4_cotacao td {
    font-family: verdana;
    font-size: 12px;
    color: #000;
    text-align: left;
    padding: 2px;
}

#tb1Cotacao td {
    font-family: verdana;
    font-size: 13px;
    color: #000;
    padding: 3px;
}

#prazoDescCotacao {
    font-family: verdana;
    font-size: 12px;
    color: #000;
    text-align: left;
    padding-left: 50px;
}

#camposObrigatorios {
    font-family: verdana;
    font-size: 12px;
    color: #000;
    text-align: center;
}

#descDadosPessoais p {
    font-family: verdana;
    font-size: 20px;
    color: #336699;
}

#informacaoPCotar {
    font-family: verdana;
    font-size: 13px;
    text-align: center;
    background-color: #FFC;
    height: 24px;
    vertical-align: middle;
}

.informacaoPCotar {
    font-family: verdana;
    font-size: 13px;
    text-align: center;
    background-color: #FFC;
    height: 24px;
    vertical-align: middle;
}

/*==Tabela Contato==*/
.tb1_contato {
    font-family: verdana;
    font-size: 12px;
    color: #000;
    text-align: center;
}

a {
    font-family: verdana;
    font-size: 12px;
    color: blue;
    text-decoration: none;
}

#descCampos_contato {
    font-family: verdana;
    font-size: 12px;
    color: #000;
    text-align: right;
}

.botaoEnviar_Contato {
    font-family: verdana;
    font-size: 12px;
    color: #000;
    height: 30px;
    font-weight: bold;
    background-color: #CCC;
}

/*==Pesquisa==*/

.titulo-seta-downTd {
    background: url(../img/seta-down.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 100%;
    padding-top: 9px;
    border-bottom: 1px solid #CCCCCC;
}

#titulo-txt2Td {
    float: left;
    font-size: 20px;
    margin-left: 35px;
    color: #336699;
    width: 100%;
}

#qtdResult {
    font-size: 25px;
    color: #336699;
    margin-left: 25px;
}

#intenEncontradosTd {
    font-size: 17px;
    color: #336699;
}

#pafinacaoPesquisa {
    font-size: 16px;
    color: gray;
    float: right;
    margin-right: 30px;
    margin-top: 7px;
}

#informeaquantidadePesquisa {
    font-size: 13px;
}

#bordeaGrid td {
    border: 1px solid #CCCCCC;
}

#topTdPesquisa {
    font-family: verdana;
    font-size: 12px;
    color: #787878;
    background-color: #dadadb;
    text-align: center;
    height: 30px;
    font-weight: bold;
}

#resultGridB {
    font-family: verdana;
    font-size: 12px;
    color: gray;
    text-align: center;
    background-color: #fff;
    height: 40px;
    font-weight: bold;
}

#inputCotarGrid {
    height: 21px;
    width: 50px;
    margin-right: 5px;
    margin-left: 5px;
}

#resultGridC {
    font-family: verdana;
    font-size: 12px;
    color: gray;
    text-align: center;
    background-color: #f1f0f0;
    height: 40px;
    font-weight: bold;
}

#ofertaGrid {
    color: green;
}

/*==Marcas-tabela==*/

#tabMarcas td {
    font-family: verdana;
    color: #425d82;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

#bordaMarcas {
    border: 1px solid #CCCCCC;
    height: 100px;
}

/*==Rodape==*/
#rodape {
    width: 910px;
    height: 40px;
    padding: 20px 20px;
    margin: 0 auto;
    background-color: #dadada;
    color: #666666;
    font-size: 13px;
    text-align: left;
    clear: both;
}

#roda1 {
    float: left;
    width: 330px;
    height: 30px;
}

#roda2 {
    float: left;
    width: 360px;
    margin-left: 40px;
}

#certificados {
    float: left;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    padding: 0 15px;
    margin: 0 15px;
}

#social {
    height: 10px;
}

/*==GERAL==*/
#limpaLados {
    clear: both;
}

/*==RC==*/
#idioma_brasil {
    position: relative;
    float: left;
    color: #000000;
    font-size: 9px;
    text-align: left;
    left: 282px;
    top: 24px;
    width: 90px;
    height: 21px;
}

#idioma_usa {
    position: absolute;
    color: #000000;
    font-size: 9px;
    text-align: left;
    left: 277px;
    top: 24px;
    width: 74px;
    height: 21px;
}

.idioma_escritorio {
    position: relative;
    float: left;
    color: #000000;
    font-size: 12px;
    text-align: left;
    left: 277px;
    width: 72px;
    height: 18px;
    top: 6px;
}

.venda_minima {
    font-weight: bold;
    font-size: 1.5em;
    font-family: Arial, Geneva, Verdana, sans-serif;
    color: #F60;
}

.forn_rari_1, .forn_rari_2, .forn_rari_3 {
    background: none repeat scroll 0 0 #FC0;
    border: 1px solid #999999;
    color: #0C3;
    margin-right: 2px;
    padding: 2px 2px;
    cursor: pointer;
    text-align: center;
    float: left;
    font-size: 10px;
    width: 12px;
}

.forn_rari_2 {
    background: none repeat scroll 0 0 #09C;
    color: #FFF;
}

.forn_rari_3 {
    background: none repeat scroll 0 0 #900;
    color: #FFF;
}