* { margin:0; padding:0;}
html, body {height:100%;}
img, div { behavior: url(css/iepngfix.htc) }
body {
margin:0;
padding:0;
max-width: 240px;
color:#666;
font:75%/1.4 Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}
/* ----------------- nao modificar ---------------- */
#tudo {
position:relative; /*Contexto de posicionamento */
margin:0 auto;
text-align:left;
min-height:100%;/*IE*/
}
.clear {clear:both;}
#largura {
width:816px;
position:relative; /*Contexto de posicionamento */
margin:0 auto;
text-align:left;
}
#largura:after { content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}
* html #tudo {height: 100%;}
/* ----------------- fim nao modificar ---------------- */
p {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
a.saibamais {float:right; font-weight:bold; color:#0864ac; background:url(../imagens/seta.jpg) no-repeat right bottom; padding:10px 20px 0px 0px; margin-right:10px; display:inline; text-decoration:none;}
a:hover.saibamais {background:url(../imagens/seta-hover.jpg) no-repeat right bottom; text-decoration:underline; color: #509bd6;}
a.linkseo { color:#0064a8; text-decoration:underline;}
.mapa-pequeno {float:right; width:187px; height:179px; background: url(../imagens/mapa-teste.jpg) no-repeat; margin-right:40px;}
.mapas { margin:0 auto; text-align:center;}
.estados-regiao {float:left; margin-top:15px; margin-left:20px;}
.estados-regiao h2 a {font-family:"Trebuchet MS", Verdana, Arial; font-size:16px; color:#1a82cb; font-weight:800; margin-bottom:10px; text-decoration:none;}
.estados-regiao h2 a:hover {background:#1a82cb; color:#fff;}
h3.estado-selecionado { float:left; line-height:30px; width:587px; height:34px; background:url(../imagens/bg-estado-selelecionado.jpg) repeat-x; margin:10px 0px 0px 20px; border-left:#bcbcbc solid 6px; padding-left:10px;}
h3.estado-selecionado a { font-family:"Trebuchet MS", Verdana, Arial; color:#454545; font-size:16px; text-decoration:none;}
a.voltar-rep {float:right; padding:10px 20px 0px 0px; text-decoration:underline; display:inline; color:#2752C2;}
a:hover.voltar-rep {color:#1C1F9D;}
.bloco {float:right; width:550px; margin:15px 20px 0px 0px;}
.bloco a { float:right; color:#2752C2;}
/* ----------------- produtos ---------------- */
img.linhas-fami { margin:10px 0px 20px 15px;}
img.fotos-linhas-fami { float:right; margin:5px 0px 10px 10px;}
a.vejaprodutos-fami, a.vejaprodutos-luminox, a.vejaprodutos-container { float:right; text-decoration:none; font-weight:bold; padding-right:20px; margin-right:20px;}
a:hover.vejaprodutos-fami, a:hover.vejaprodutos-luminox, a:hover.vejaprodutos-container { text-decoration:underline;}
a.vejaprodutos-fami {color:#0864ac; background: url(../imagens/produtos/seta-produto-fami.gif) no-repeat right;}
a.vejaprodutos-luminox {color:#33aa49; background: url(../imagens/produtos/seta-produto-luminox.gif) no-repeat right;}
a.vejaprodutos-container {color:#d93a3a; background: url(../imagens/produtos/seta-produto-container.gif) no-repeat right;}
/* ----------------- fim produtos ---------------- */
/* ----------------- links uteis ---------------- */
a.links-uteis {color:#0872c0; font-weight:bold; margin-left:20px; text-decoration:none;}
a:hover.links-uteis {color:#2a8fda;}
h2.tit-uteis {background: url(../imagens/bg-links-uteis.jpg) repeat-x; color:#204b6e; width:596px; height:42px; text-align:center; font-family:"Trebuchet MS", Verdana, Arial; font-size:15px; margin:20px 0px 15px 20px; line-height:38px;}
h2.tit-uteis a {color:#204b6e; font-family:"Trebuchet MS", Verdana, Arial; font-size:15px; display:block;}
h2.tit-uteis a:hover {color:#e9f1f7;}
h2:hover.tit-uteis {background: url(../imagens/bg-links-uteis-hover.jpg); color:#fff;}
/* ----------------- links uteis ---------------- */
ul#dados-representantes {float:left; list-style-type:none; margin:20px 0px 0px 20px; width:550px;}
ul#dados-representantes li {padding-left:22px; margin-bottom:8px;}
ul#dados-representantes li.inf-representantes {background:url(../imagens/inf-representantes.jpg) no-repeat left;}
ul#dados-representantes li.inf-contato {background:url(../imagens/inf-contato.jpg) no-repeat left;}
ul#dados-representantes li.inf-area {background:url(../imagens/inf-area.jpg) no-repeat left;}
ul#dados-representantes li.inf-celular {background:url(../imagens/inf-cel.jpg) no-repeat left;}
ul#dados-representantes li.inf-telefone {background:url(../imagens/inf-tel.jpg) no-repeat left;}
ul#dados-representantes li.inf-fax {background:url(../imagens/inf-fax.jpg) no-repeat left;}
ul#dados-representantes li.inf-email {background:url(../imagens/inf-email.jpg) no-repeat left;}
/* fim classes gerais */
/* topo */
#topo { margin:0 auto;width:820px;height:100px; padding-top:0px;}
#topo img {float:left; border:0;}
#topo-en { margin:0 auto;width:820px;height:205px; padding-top:0px; background: url(../imagens/topo-fundo-en.jpg) no-repeat right top;}
#topo-en img {float:left; border:0;}
#topo-es { margin:0 auto;width:820px;height:205px; padding-top:0px; background: url(../imagens/topo-fundo-es.jpg) no-repeat right top;}
#topo-es img {float:left; border:0;}
.flash { display:none;}
#saudacao { display:none;}
#saudacao .saudacao {float:left; padding:15px 0px 0px 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left; color: #858585; }
#saudacao .contato {float:right; text-align:right; color:#666666; padding:15px 15px 0px 0px;}
#breadcrumb { margin-left:20px;}
#breadcrumb p {color:#757575; padding-bottom:20px;}
#breadcrumb span { color:#116eae;}
#breadcrumb a {color:#757575; text-decoration:none;}
#breadcrumb a:hover {text-decoration:underline;}
/* fim topo */
/* principal - vai todo o conteudo de texto e box */
#principal {
width:629px;
padding-right:0px;
float:right;
margin-right:22px;
display:inline;
padding-top:10px;
padding-bottom:90px;
background-color:#fff;
text-align:justify;
}
#principal p.geral {padding:0px 20px 0px 20px;}
#principal ul#lista_empresa {width:570px; list-style-type:none; margin:0; margin-left:20px;}
#principal ul#lista_empresa li { border-left:solid 4px #e1e1e1; border-right:solid 8px #6295cf; height:36px; color:#FFFFFF; background:#f6f6f6; margin-bottom:20px;}
#principal ul#lista_empresa li h2.lista { padding-top:5px;}
#principal ul#lista_empresa li h2.lista a { display:block; font-family:"Trebuchet MS", Verdana, Arial; font-size:16px; color:#0b79c6; text-decoration:none; padding-left:10px;}
#principal ul#lista_empresa li h2.lista a:hover { text-decoration:underline; }
#principal ul#lista_empresa li:hover {color:#fff; background: url(../imagens/bg-lista-empresa.jpg) repeat-x bottom; border-right:solid 8px #84b5ec; }
#principal h1.aempresa { font-family:"Trebuchet MS", Verdana, Arial; margin-left:20px; font-size:16px; color:#0064a8; text-decoration:none; padding:10px 0px 5px 35px; background:url(../imagens/icone-h1.jpg) no-repeat left bottom;}
#principal h2.geral {font-family:"Trebuchet MS", Verdana, Arial; color:#0064a8; margin-left:20px; font-size:18px; }
#principal h3.subtitulo {font-family:"Trebuchet MS", Verdana, Arial; color:#666666; font-size:12px; margin-left:20px;}
#principal .albumhistoria {margin-left:75px; padding-bottom:10px; border:0;}
a.voltar {float:right; padding:10px 20px 0px 0px; text-decoration:underline;}
/* fim principal */
/* --------------- inicio div box da pagina incial ------------ */
#produtosindex { display:none;}
#box1 { width:100%; height:215px; float:left; display:inline; margin-left:5px; margin-top:10px; }
#box2 { width:100%; height:215px; float:left; display:inline; margin-left:5px; margin-top:10px;}
#box3 { width:100%; height:215px; float:left; display:inline; margin-left:0px; margin-top:10px; }
#box4 { width:100%; height:215px; float:left; display:inline; margin-left:0px; margin-top:10px;}
/* --------------- fim div box da pagina incial ------------ */
/* --------------- inicio estilos box ------------ */
#box1 h1 {font-family:"Trebuchet MS", Verdana, Arial; font-size:16px; color:#0064a8; font-weight:700; padding-top:8px; height:40px;}
#box1 h1 a {font-family:"Trebuchet MS", Verdana, Arial; font-size:16px; color:#0064a8; font-weight:700; text-decoration:none;}
#box1 h1 a:hover { text-decoration:underline;}
#box1 p {padding:7px 13px 7px 13px; color:#616161; text-align: justify;}
#box2 h1 {font-family:"Trebuchet MS", Verdana, Arial; font-size:16px; color:#0064a8; font-weight:700; padding-top:8px; height:40px;}
#box2 h1 a {font-family:"Trebuchet MS", Verdana, Arial; font-size:16px; color:#0064a8; font-weight:700; text-decoration:none;}
#box2 h1 a:hover { text-decoration:underline;}
#box2 p {padding:7px 13px 7px 13px; color:#616161; text-align: justify;}
#box3 h1 {font-family:"Trebuchet MS", Verdana, Arial; font-size:16px; color:#0064a8; font-weight:700; background:url(../imagens/icone-mobile-wap.jpg) no-repeat left top; padding-left:50px; padding-top:8px; height:40px;}
#box3 h1 a {font-family:"Trebuchet MS", Verdana, Arial; font-size:16px; color:#0064a8; font-weight:700; text-decoration:none;}
#box3 h1 a:hover { text-decoration:underline;}
#box3 h2 {font-family:"Trebuchet MS", Verdana, Arial; font-size:15px; color:#0064a8; text-align:center; padding:3px 10px 0px 10px;}
#box3 h2 strong {color:#0c3f67; }
#box3 h3 {font-family:"Trebuchet MS", Verdana, Arial; font-size:15px; color:#4c4c4c; text-align:center; padding-top:8px;}
#box3 .img {margin:0 auto; text-align:center; padding-top:15px;}
#box4 h1 {font-family:"Trebuchet MS", Verdana, Arial; font-size:16px; color:#0064a8; font-weight:700; background:url(../imagens/icone-servicos.jpg) no-repeat left top; padding-left:50px; padding-top:8px; height:40px;}
#box4 h1 a {font-family:"Trebuchet MS", Verdana, Arial; font-size:16px; color:#0064a8; font-weight:700; text-decoration:none;}
#box4 h1 a:hover { text-decoration:underline;}
#box4 p {padding:7px 13px 7px 13px; color:#616161; text-align: justify;}
/* --------------- fim estilos box ------------ */
#conteudo {padding-bottom:0px;}
/* menu */
#menu {
display:inline;
float:left;
padding-top:10px;
padding-bottom:10px;
background-color:#fff;
}
ul#menu-fami,
ul#menu-fami ul {
margin: 0;
padding: 0;
width: 142px; /* Width of Menu Items */
background: #fff; /* IE6 Bug */
font-size: 100%;
}
ul#menu-fami li {
position: relative;
list-style: none;
padding-bottom:4px;
}
ul#menu-fami li a {
display: block;
text-decoration: none;
color: #686868;
border-bottom: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#menu-fami li { float: left; height: 1%; }
* html ul#menu-fami li a { height: 1%; }
/* End */
ul#menu-fami ul {
position: absolute;
display: none;
left: 141px; /* Set 1px less than menu width */
top: 0;
}
ul#menu-fami li ul li a { padding: 10px 5px; border:0; background:none; } /* Sub Menu Styles */
ul#menu-fami li:hover ul ul,
ul#menu-fami li:hover ul ul ul,
ul#menu-fami li.over ul ul,
ul#menu-fami li.over ul ul ul { display:inline; } /* Hide sub-menus initially */
ul#menu-fami li:hover ul,
ul#menu-fami li li:hover ul,
ul#menu-fami li li li:hover ul,
ul#menu-fami li.over ul,
ul#menu-fami li li.over ul,
ul#menu-fami li li li.over ul { display: inline;} /* The magic */
ul#menu-fami li.menuparent { background: transparent url(arrow.gif) right center no-repeat; }
ul#menu-fami li.menuparent:hover,
ul#menu-fami li.over { }
ul#menu-fami li a:hover { color:#509bd6; }
ul#menu-fami li a.active { color:#509bd6;}
/* menu fim */
/* rodape */
#footer { display:none;}
#footer .barra {color:#fff; padding:0px 8px 0px 8px; font-weight:bold; font-size:10px;}
#footer .menu-footer { margin:0 auto; width:774px; padding-top:15px;}
#footer .menu-footer ul {margin:0 auto; text-align:center; display:inline;}
#footer .menu-footer ul li {list-style-type:none; display:inline; }
#footer .menu-footer ul li a {text-align:center; color:#fff; text-decoration:none; font-weight:bold; padding-top:50px; font-size:10px;}
#footer .menu-footer ul li a:hover {text-decoration:underline;}
#footer .conteudo-footer { margin:0 auto; width:774px; padding-top:33px;}
#footer .conteudo-footer img {border:0;}
#footer .conteudo-footer a.fgsolutions {float:right; border:0; padding-right:15px;}
#footer .conteudo-footer address { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff; font-style:normal; padding-left:30px; float:left;}
#footer .conteudo-footer address a {color:#fff; text-decoration:underline; font-size:10px;}
#footer .conteudo-footer address a:hover {color:#ccc;}
#footer .telephone { margin:0 auto; width:774px; padding-top:20px;}
#footer p.telefone {font-family:"Trebuchet MS", Verdana, Arial; font-size:18px; color:#fff;}
#footer strong.menor {font-size:15px;}
/* fim rodape */
#faleconosco {width:550px; margin-left:30px; }
#faleconosco fieldset {border:0;}
#faleconosco label {font:11px verdana, arial, tahoma, sans-serif;width:500px;}
#faleconosco .txtfield {width:430px; border:solid 2px #C9C9C9; background:url(../imagens/bg-txtfield.jpg) repeat-x; line-height:17px; height:20px; margin-bottom:10px; padding-top:3px; padding-left:5px; }
#faleconosco .txtarea {border:solid 2px #C9C9C9; background:url(../imagens/bg-txtarea.jpg) bottom #fff repeat-x;}