/* reset dos tags gerais */
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
outline:0;
vertical-align:baseline;
}
/* força a definição dos estilos de foco */
:focus{
outline:0;
}
body{
color:#000000;
background:#ffffff;
line-height:1;
}
ol,ul{
list-style:none;
}
/* tabelas ainda precisam de 'cellspacing="0"' */
table{
border-collapse:separate;
border-spacing:0;
}
caption,th,td{
font-weight:normal;
text-align:left;
}
blockquote:before,blockquote:after,q:before,q:after{
content:"";
}
blockquote,q{
quotes:"" "";
}
/* definições padrões */
body{
border-top:12px solid #ececec;
}
a{
color:#29557C;
text-decoration:none;
}
a:hover{
color:#AE0303;
text-decoration:none;
}
/* container geral */
div#geral{
width:100%;
min-width:760px;
}
/* logotipo */
div#geral div#logo{
margin:3px 0;
padding:3px 30px;
border-top:3px solid #ececec;
border-bottom:3px solid #ececec;
}
/* banner */
div#geral div#banner{
background:url(img/banner.jpg) #29557c no-repeat 0 0;
height:152px;
}
div#geral div#banner p{
padding:115px 10px 0 0;
color:#ffffff;
font:normal 150% Arial,Helvetica,sans-serif;
text-align:right;
letter-spacing:-1px;
}
/* corpo */
div#geral div#corpo{
margin:2px 0 0 0;
width:100%;
background:url(img/fundo_geral.gif) repeat-y 0 0;
}
/* barra lateral */
div#geral div#corpo div#lateral{
float:left;
width:200px;
background:#ececec;
}
/* menu */
div#geral div#corpo div#lateral div#menu{
}
div#geral div#corpo div#lateral div#menu ul.menu{
background:#29557c;
}
div#geral div#corpo div#lateral div#menu ul.menu li{
line-height:24px;
border-bottom:2px solid #537c9f;
}
div#geral div#corpo div#lateral div#menu ul.menu li.mn_ultimo{
border-bottom:2px solid #ffffff;
}
div#geral div#corpo div#lateral div#menu ul.menu li a{
padding:0 25px 0 0;
display:block;
color:#ffffff;
background:url(img/bullet_menu.gif) transparent no-repeat 95% center;
font:bold 95% Arial,Helvetica,sans-serif;
text-align:right;
text-decoration:none;
letter-spacing:-1px;
line-height:24px;
}
div#geral div#corpo div#lateral div#menu ul.menu li a:hover{
background:url(img/bullet_menu_h.gif) #2e608c no-repeat 95% center;
}
div#geral div#corpo div#lateral div#menu ul.menu li a.atual{
background:url(img/bullet_menu_a.gif) #467094 no-repeat 95% center;
}

div#geral div#corpo div#lateral div#menu ul.menu li dl.submenu{
background:#F5B800;
border-top:2px solid #537c9f;
}
div#geral div#corpo div#lateral div#menu ul.menu li dl.submenu dd{
line-height:24px;
border-bottom:1px solid #FFD65C;
}
div#geral div#corpo div#lateral div#menu ul.menu li dl.submenu dd.mn_ultimo{
border-bottom:0;
}
div#geral div#corpo div#lateral div#menu ul.menu li dl.submenu dd a{
padding:0 35px 0 0;
display:block;
color:#303030;
background:url(img/bullet_smenu.gif) transparent no-repeat 89% center;
font:bold 75% Arial,Helvetica,sans-serif;
text-align:right;
text-decoration:none;
letter-spacing: normal;
line-height:24px;
}
div#geral div#corpo div#lateral div#menu ul.menu li dl.submenu dd a:hover{
background:url(img/bullet_smenu_h.gif) #FFC30F no-repeat 89% center;
}
div#geral div#corpo div#lateral div#menu ul.menu li dl.submenu dd a.atual{
background:url(img/bullet_smenu_a.gif) #FFC929 no-repeat 89% center;
}

div#geral div#corpo div#lateral div#menu ul.menu li dl.submenu dl.subsubmenu{
background:#dfa800;
border-top:1px solid #ffd65c;
}
div#geral div#corpo div#lateral div#menu ul.menu li dl.submenu dl.subsubmenu dd{
line-height:24px;
border-bottom:1px solid #FFD65C;
}
div#geral div#corpo div#lateral div#menu ul.menu li dl.submenu dl.subsubmenu dd.mn_ultimo{
border-bottom:0;
}
div#geral div#corpo div#lateral div#menu ul.menu li dl.submenu dl.subsubmenu dd a{
padding:0 20px 0 0;
display:block;
color:#303030;
background:none;
font:normal 72% Arial,Helvetica,sans-serif;
text-align:right;
text-decoration:none;
letter-spacing: normal;
line-height:24px;
}
div#geral div#corpo div#lateral div#menu ul.menu li dl.submenu dl.subsubmenu dd a:hover{
background:#f9bb00;
}
div#geral div#corpo div#lateral div#menu ul.menu li dl.submenu dl.subsubmenu dd a.atual{
background:#fdbe00;
}

/* contato lateral */
div#geral div#corpo div#lateral div#contato{
margin:10px 0;
}
div#geral div#corpo div#lateral div#contato dl{
font:normal 90% Arial,Helvetica,sans-serif;
}
div#geral div#corpo div#lateral div#contato dl dt{
margin:10px 0 0 8px;
}
div#geral div#corpo div#lateral div#contato dl a{
color:#000000;
text-decoration:none;
}
div#geral div#corpo div#lateral div#contato dl a:hover{
text-decoration:underline;
}
div#geral div#corpo div#lateral div#contato dd{
margin:0 8px 0 0;
text-align:right;
}
/* representante */
div#geral div#corpo div#lateral div#representante{
margin:3px 0;
}
/* conteúdo */
div#geral div#corpo div#conteudo{
padding:2px 12px;
border-left:200px solid #ececec;
}
div#geral div#corpo div#conteudo div#container{
width:auto;
}
div#geral div#corpo div#conteudo div#container h2{
padding:0 0 0 15px;
margin:0 0 10px 0;
background:url(img/seta.gif) no-repeat 0 center;
color:#688fb0;
font:bold 100% Arial,Helvetica,sans-serif;
letter-spacing:-1px;
}
div#geral div#corpo div#conteudo div#container img{
border:3px solid #e3e3e3;
}
div#geral div#corpo div#conteudo div#container img.foto_left{
margin:0 10px 3px 0;
float:left;
}
div#geral div#corpo div#conteudo div#container img.foto_right{
margin:0 0 3px 10px;
float:right;
}
div#geral div#corpo div#conteudo div#container img.icone{
margin:3px;
border:0;
vertical-align:middle;
}
div#geral div#corpo div#conteudo div#container img.logotipo{
margin:3px;
border:0;
}
div#geral div#corpo div#conteudo div#container div.foto_center{
margin:0 0 3px 0;
text-align:center;
}
div#geral div#corpo div#conteudo div#container p{
font:normal 80% Arial,Helvetica,sans-serif;
}
div#geral div#corpo div#conteudo div#container p.saibamais{
text-align:right;
}
div#geral div#corpo div#conteudo div#container p.saibamais a{
padding:0 12px 0 0;
color:#29557c;
background:url(img/saibamais.gif) no-repeat 100% center;
text-decoration:none;
}
div#geral div#corpo div#conteudo div#container p.saibamais a:hover{
background:url(img/saibamais_h.gif) no-repeat 100% center;
color:#688fb0;
}
div#geral div#corpo div#conteudo div#container div#clear{
clear:both;
}
div#geral div#corpo div#conteudo div#container div#data{
width:100%;
float:left;
}
div#geral div#corpo div#conteudo div#container div#data p{
width:100%;
color:#a0a0a0;
font:normal 80% Arial,Helvetica,sans-serif;
text-align:right;
}
/* home - conheça a Renics */
div#geral div#corpo div#conteudo div#container div#quemsomos{
padding-bottom:10px;
border-bottom:2px solid #f2f2f2;
width:100%;
float:left;
}
div#geral div#corpo div#conteudo div#container div#quemsomos p{
margin-bottom:3px;
}
/* home - produtos */
div#geral div#corpo div#conteudo div#container div#produtos{
padding:0px 0 0 0;
border-bottom:2px solid #f2f2f2;
width:100%;
float:left;
}
div#geral div#corpo div#conteudo div#container div#produtos h3{
font:bold 80% Arial,Helvetica,sans-serif;
margin-bottom:3px;
}
div#geral div#corpo div#conteudo div#container div#produtos p{
margin-bottom:3px;
}
div#geral div#corpo div#conteudo div#produtos div#produtoe{
margin:0 10px 10px 0;
float:left;
width:49%;
}
div#geral div#corpo div#conteudo div#produtos div#produtod{
float:right;
width:49%;
}
/* home - novidades */
div#geral div#corpo div#conteudo div#container div#novidades{
padding:10px 0;
width:100%;
float:left;
}
div#geral div#corpo div#conteudo div#container div#novidades h3{
font:bold 80% Arial,Helvetica,sans-serif;
margin-bottom:3px;
}
div#geral div#corpo div#conteudo div#container div#novidades p{
margin-bottom:3px;
}
/* empresa */
div#geral div#corpo div#conteudo div#container div#empresa{
padding:0 0 10px 0;
width:100%;
float:left;
}
/* produto */
div#geral div#corpo div#conteudo div#container div#produto{
padding:0 0 10px 0;
width:100%;
float:left;
}
/* contato */
div#geral div#corpo div#conteudo div#container div#contato{
padding:0 0 10px 0;
width:100%;
float:left;
}
div#geral div#corpo div#conteudo div#container div#contato table{
font:bold 80% Arial,Helvetica,sans-serif;
margin:10px auto;
}
div#geral div#corpo div#conteudo div#container div#contato table tr td{
padding:2px;
}
div#geral div#corpo div#conteudo div#container div#contato table tr td.lbl{
text-align:right;
vertical-align:middle;
}
div#geral div#corpo div#conteudo div#container div#contato table tr td.btn{
text-align:center;
}
div#geral div#corpo div#conteudo div#container div#contato input{
font:normal 95% Arial,Helvetica,sans-serif;
}
div#geral div#corpo div#conteudo div#container div#contato textarea{
font:normal 95% Arial,Helvetica,sans-serif;
}
/* adobe reader */
div#geral div#corpo div#conteudo div#container div#produto div#reader{
padding:5px 0;
}
div#geral div#corpo div#conteudo div#container div#produto div#reader p{
font:normal 60% Arial,Helvetica,sans-serif;
color:#808080;
}
div#geral div#corpo div#conteudo div#container div#produto div#reader a{
float:right;
}
div#geral div#corpo div#conteudo div#container div#produto div#reader a img{
border:0;
}
/* rodapé */
div#geral div#rodape{
border-left:200px solid #ececec;
background:#18446b;
line-height:30px;
height:30px;
}
div#geral div#rodape p.copy{
padding:0 5px;
border-left:2px solid #ffffff;
float:left;
color:#ffffff;
font:normal 70% Arial,Helvetica,sans-serif;
line-height:30px;
height:30px;
}
div#geral div#rodape p.miraiweb{
padding:0 5px;
float:right;
line-height:30px;
height:30px;
}
div#geral div#rodape p.miraiweb a{
width:35px;
display:block;
color:#ffffff;
background:url(img/miraiweb.gif) no-repeat center center;
font:normal 70% Arial,Helvetica,sans-serif;
line-height:30px;
text-indent:-5000em;
height:30px;
overflow:hidden;
}