/* 
    Document   : estilos
    Created on : 23/03/2012, 19:44:02
    CSS-Reset Utilizado por : ÃŒcaro Melo
    Description:
        Purpose of the stylesheet follows.
*/
*{outline:none;}

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
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%;
    font: inherit;
    vertical-align: baseline;
}
/* 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;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ----------------------------------------------- Topo --------------------------------------------- */

#topo { background:url('../img/bg-topo.png'); width:100%; height:227px; }
.topo { width:1022px; height:258px; margin:0 auto; }
.topo h2{ font-family:'Arial'; font-weight:bold; font-size:17.42px; color:#fff; letter-spacing:1px; }
.sub-top { width:1022px; height:45px; margin-left:20px; }

.logo { height:194px; }

/* ----------------------------------------------- Menu --------------------------------------------- */

#menu { float:left; width:1013px; height:55px; }
.sf-menu { width:1013px; margin: 0 auto; }
.sf-menu li{ line-height:14px; float:left; }
.menu a{ color:#D7D9E6; font-size:12px; font-family:'Arial'; text-decoration:none; display:block; text-align: center; }
.menu a:hover{ color:#fff; }

/* ----------------------------------------------- Geral --------------------------------------------- */

#banner { background: url('../img/banner-bg.png'); width:100%; height:470px; }
#slider { width:1015px; height:470px; margin:0 auto; }
.saibamais { float:left; background:url('../img/saiba-mais.png') 0px 0px no-repeat; height:45px; width:127px; display:block; position:relative; z-index:999; border:none; cursor: pointer; margin-top:-172px; }
.saibamais:hover {background-position: 0px -45px; }

#boxes-sub { width:1015px; height:152px; margin:0 auto; margin-top:38px; }
.box-sub { width:232px; height:145px; float:left; }
.box-sub p{ font-family:'Arial'; color:#8b8a87; font-size:12px; line-height:20px; padding-top:85px; padding-left:30px; width:230px; text-align:justify; }

.box-bemvindo{ width:953px; height:105px; margin:0 auto; margin-top:70px; }
.box-bemvindo h2{ width:683px; font-family:'Helvetica'; font-weight:bold; margin-left:150px; color:#030f5c; font-size:30px; text-align:center; }
.box-bemvindo h3{ font-family:'Helvetica'; font-weight:bold; color:#4c4b4d; font-size:18px; text-align:center; line-height:31px; padding-top:4px; }
.box-bemvindo p{ font-family:'Arial'; font-size:12px; color:#888787; text-align:center; line-height:21px; padding-top:15px; }

#bg-empresa { background:url('../img/quemsomos-bg.png'); width:1000px; height:554px; margin:0 auto; }
#bg-empresa h2{ font-family:'Helvetica'; font-size:28px; color:#030f5c; text-transform:uppercase; font-weight:bold; float:left; margin-left:281px; margin-top:20px; }

#bg-empresa p{ font-family:'Arial'; font-size:12px; color:#4c4b4d; text-align:center; line-height:16px; width:670px; text-align:justify; float:right; padding-right:40px; }

#bg-areasatuacao { background:url('../img/areasatuacao-bg.png'); width:1000px; height:638px; margin:0 auto; }
#bg-areasatuacao h2{ font-family:'Helvetica'; font-size:28px; color:#030f5c; text-transform:uppercase; font-weight:bold; float:left; margin-left:281px; margin-top:20px; }

#bg-areasatuacao p{ font-family:'Arial'; font-size:12px; color:#4c4b4d; text-align:center; line-height:16px; width:670px; text-align:justify; float:right; padding-right:40px; }

#bg-contato { background:url('../img/contato-bg.png'); width:1000px; height:591px; margin:0 auto; }
#bg-contato h2{ font-family:'Helvetica'; font-size:28px; color:#030f5c; text-transform:uppercase; font-weight:bold; float:left; margin-left:421px; margin-top:20px; }

#bg-contato p{ font-family:'Arial'; font-size:12px; color:#4c4b4d; text-align:center; line-height:16px; width:670px; text-align:justify; float:right; padding-right:40px; }

/* ----------------------------------------------- Rodapé --------------------------------------------- */

#rodape { width:1000px; height:114px; margin:0 auto; }
.rodape-left { width:514px; height:113px; float:left; }
.rodape-left h2{ font-family:'Trebuchet MS'; font-weight:bold; color:#575859; font-size:18px; }
.rodape-left p{ font-family:'Arial'; font-size:11px; color:#575859; padding-top:9px; padding-left:1px; }

.rodape-right { padding-top:50px; }
.rodape-right p{ font-family:'Arial'; font-size:11px; color:#575859; padding-top:9px; padding-left:1px; float:right; }

/* ----------------------------------------------- Hover --------------------------------------------- */

a.fadehover {
    position: relative;
}

img.a {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

img.b {
    position: absolute;
    left: 0;
    top: 0;
}

/* ----------------------------------------------- Restrito --------------------------------------------- */

#topoR{
     height: auto;
}

.topoR{
     width: 967px;
     height: 200px;
     margin: 0 auto;
     position: relative;
     text-align: center;
}

#infoR{
     position: absolute;
     right: 0;
     top: 10px;
}

#infoR a, #infoR span{
     float: left;
     color: #333;
     font-size: 12px;
     font-family: Arial, Verdana, sans-serif;
     margin-left: 5px;
}

.menuR{
     background:url('../img/menu-background.png');
     width:967px;
     height:64px;
     margin: 0 auto;
     position:relative;
     z-index:999;
}

#geralR{
	background: #fff;
     border-bottom: 1px solid #ccc;
     border-left: 1px solid #ccc;
     border-right: 1px solid #ccc;
	 border-top: 1px solid #ccc;
     font-family: Arial, Verdana, sans-serif;
     height: auto;
     margin:0 auto;
     padding: 20px;
     width: 901px;
}

#geralR p{
     color: #666;
     font-size: 12px;
     line-height: 20px;
}

.titulosR{
     font-family: 'TrebuchetMS', Arial, sans-serif;
     font-size: 18px;
     font-weight: bold;
     color: #ba2829;
     margin-bottom: 20px;
}

.subtitulosR{
     font-family: 'TrebuchetMS', Arial, sans-serif;
     font-size: 14px;
     font-weight: bold;
     color: #333;
     margin-bottom: 5px;
}

.tableR {
     width: 100%;
     background: none;
     float: left;
     margin-bottom: 15px;
     color: #333;
}

.tableR td{
     font-size: 12px;
     padding: 6px;
     vertical-align: middle;
     border: 1px solid #e6e6e6;
     background: #fff;
}

.parentTR td{
     font-weight: bold;
     color: #999;
     background: #f1f1f1!important;
}

.listarHr{
     float: left;
     text-decoration: none;
     color: #999;
     line-height: 25px;
     padding-left: 30px;
     background: url('../img/bg_list.png') no-repeat 0 center;
}

a.voltar{
     background: url('../img/bg_bt_voltar.png') no-repeat;
     clear: both;
     color:#666;
     float:left;
     height: 25px;
     margin-top:20px;
     width: 67px;
}

a.voltar:hover{
     background-position: 0 -26px;
}

/* ------------------------------------------- Contato ------------------------------------------ */

.contato {
     background: url('../img/bg-contato.png');
     float: left;
     margin-left:385px;
     width: 330px;
     height:250px;
     margin-top:-35px;
}

#formContato { margin-left:37px; padding-top:25px; }

#tbContato {
    float: left;
}

#tbContato tr td {
    padding: 5px 5px;
    position: relative;
}

#tbContato tr td:first-child {
    width: 70px;
}
#tbContato tr td label {
    color: #4c4b4d;
    font-size: 12px;
    font-family: 'Helvetica';
    margin-left: 41px;
    margin-top: 17px;
    position: absolute;
    z-index: 999;

}
#tbContato #mailNome {
    background: transparent url('../img/campo_nome.png') no-repeat;
    border: 0;
    width: 320px;
    height: 45px;
    padding-left: 10px;
    font-family: 'Helvetica';
    font-size: 12px;
    color: #4c4b4d;
    text-indent: 71px;
}
#tbContato #mailNome:focus {
    color: #4c4b4d;
    outline: none;
}
#tbContato #mailFone {
    background: transparent url('../img/campo_fone.png') no-repeat;
    border: 0;
    width: 320px;
    height: 45px;
    padding-left: 10px;
    font-family: 'Helvetica';
    font-size: 12px;
    color: #4c4b4d;
    text-indent: 85px;
}
#tbContato #mailFone:focus {
    color: #4c4b4d;
}
#tbContato #mailEmail {
    background: transparent url('../img/campo_mail.png') no-repeat;
    border: 0;
    width: 320px;
    height: 45px;
    padding-left: 10px;
    font-family: 'Helvetica';
    font-size: 12px;
    color: #4c4b4d;
    text-indent: 73px;
}
#tbContato #mailEmail:focus {
    color: #4c4b4d;
}

#tbContato #mailMsg {
    width: 300px;
    background: #f0f0f0;
    text-indent:1px;
    height:110px;
    padding:10px;
    line-height: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.15) inset;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15) inset;
    box-shadow: 0 1px 1px rgba(0,0,0,0.15) inset;
    border: none;
    display: inline;
    font-family: 'Helvetica';
    font-size: 12px;
    color: #4c4b4d;

}


#tbContato #mailMsg:focus {
    color: #4c4b4d;
}
#tbContato #mailButton { background:url('../img/enviar-btn.png') 0px 0px no-repeat; height:42px; width:320px; display:block; border:none; text-indent:-999999px; cursor: pointer; }

#tbContato #mailButton:hover {background-position: 0px -42px; height:42px; width:320px; }

div.error {
    margin: 0 auto;
    padding: 2px 2px 2px 30px;
    font-size: 12px;
    color: red;
    background: #ff9999 url('../img/error.png') no-repeat 5px 3px;
    border: 1px solid red;
    line-height: 18px;
}
.msgInfo {
    margin: 0 auto;
    padding: 2px 2px 2px 30px;
    font-size: 12px;
    color: blue;
    background:  #9999ff url('../img/info.png') no-repeat 5px 3px;
    border: 1px solid blue;
    line-height: 18px;
    width: 400px;
}
.msgSucesso {
    margin: 5px 3%;
    padding: 2px 2%;
    font-size: 12px;
    color: green;
    background:  #99ff99;
    border: 1px solid green;
    line-height: 18px;
    float: left;
    font-family: Arial, Verdana, sans-serif;
    width: 90%;
}
.msgErro {
    margin: 5px 3%;
    padding: 2px 2%;
    font-size: 12px;
    color: red;
    background: #ff9999;
    border: 1px solid red;
    line-height: 18px;
    float: left;
    font-family: Arial, Verdana, sans-serif;
    width: 90%;
}