/****************** Zera todas as TAGS HTML ******************/
html, body, div, span, applet, object, iframe, table, caption,tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,fieldset, form, label, legend {vertical-align: baseline; font-family: inherit;
font-weight: inherit; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0;}
:focus {outline: 0;}
body {background: white; line-height: 1; color: black;}
ol, ul {list-style: none;}
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: "" "";}

/****************** Centralizar pagina ******************/
html,body{margin:0 auto; text-align:center; font:14px arial, sans-serif; background:url("../img/bg.gif") no-repeat fixed center center #F8F8F8;}
#geral{margin:10px auto; margin-top:0; padding:30px; width:900px; text-align:left; background:white; border:1px solid #F0F0F0; box-shadow: 0 1px 5px 2px #CCCCCC; 
-webkit-box-shadow: 0 1px 5px 2px #CCCCCC; -moz-box-shadow: 0 1px 5px 2px #CCCCCC;}
#geral-inner{background:url("../img/bkg-linhas-ssat.jpg") no-repeat top left scroll white;}

/****************** Global ******************/
.justificado{text-align:justify;}
.reset{clear:both;}
.left{float:left;}
.right{float:right;}
.required{color:red;}
.h1{font-size:22px; text-transform:uppercase; color:#595959; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); margin:10px 0 7px 0;}
.h2{font-size:14px; text-transform:uppercase; color:#595959; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); margin:10px 0 7px 0;}
ul.lista{margin-left:10px; width:290px;}
ul.lista li{margin-bottom:5px; padding-left:20px; background:url("../img/arrow.gif") no-repeat 0 5px scroll;}
.foto{border:1px solid #DBDBDB; padding:2px; margin:0 20px 10px 0; width:100px; height:100px; background:white;}
.radius{border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}

/****************** Topo ******************/
#topo{height:120px; text-align:center;}

/****************** Menu ******************/
#menu{width:900px; height:90px; margin-top:15px; background:url("../img/bg-menu.gif") repeat-x 0 0 scroll;}
#menu ul{padding-left:75px;}
#menu ul li{cursor:pointer; text-transform:uppercase; float:left; text-align:center; overflow:inherit; 
background: url("../img/bg-li.gif") no-repeat scroll right top transparent;}
#menu ul li a, #menu ul li a:visited{color:#595959; text-decoration:none; font-size:12px; font-weight:normal; padding:22px 27px; display:block; 
-webkit-transition:background .3s ease-out; -moz-transition:background .3s ease-out; background:url("../img/bg-menu-active.png") bottom repeat-x;}
#menu ul li a:hover, #menu ul li.visited {color:black; font-weight:bold; background:url("../img/bg-menu-active.png") top repeat-x;}
#menu ul li.visited a{color:black; font-weight:bold;}

/****************** Banner ******************/
#banner{height:380px; width:900px; margin-bottom:10px; position:relative; background:silver;}
#banner img.slide{}

/* logomarca */
.logomarca{width:340px; height:113px; position:absolute; z-index:9999; top:10px; left:10px;}

/* Banner das paginas internas */
.banner_page{border-top:1px solid #F2ECEA; border-bottom:1px dotted silver; padding:10px 0px;}

/* The Nivo Slider styles */
.slider{ width:100%; overflow:hidden; height:380px;}
#slider{ position:relative; width:950px; height:380px; z-index:88; float:left;}
/* The slices in the Slider */
.nivo-slice {display:block;	position:absolute;z-index:50;height:100%;}

/****************** Content ******************/
#content{padding:10px 0; color:#595959; font-size:12px;}

/* conteudo das paginas internas */
.content-inner{margin:0 0 20px 0; color:#595959; background:url("../img/bg-content.jpg") no-repeat center top scroll;}

/* Box Conteudo */
.box{background:url("../img/bg-block.gif") repeat-x center top scroll; padding:14px 0 10px 10px;}

/* Links */
a.link{color:#c89a3c; text-decoration:none; font-weight:bold;}
a:hover.link{text-decoration:underline;}
a.link-pub{color:#595959; text-decoration:none; font-weight:normal;}
a:hover.link-pub{text-decoration:underline;}

/* Artigos e Publicações */
.number{font-weight:bold; color:white;}

/* Pagina Home */
.box-intro, .box-ultimas-publicacoes{background:url("../img/bg-block-h.gif") repeat-x top left scroll;}
.box-intro{width:560px; margin-right:30px;}
.box-ultimas-publicacoes{width:290px;}
.box-intro h1, .box-ultimas-publicacoes h1{margin-left:10px;}

/* Pagina Empresa */
.box-equipe{width:900px; margin-top:15px;}
.descricao-equipe{width:450px;}
.descricao-equipe h1{font-weight:bold; font-size:14px; margin-bottom:10px; padding-left:30px;}
.descricao-equipe span{display:block;}
.descricao-equipe ul.lista{width:400px;}

/* Pagina Area Atuação */
.box-area-atuacao, .box-area-atuacao-last{width:150px; margin-right:10px; padding:10px; border:1px solid #E8E8E8; box-shadow: 0 1px 4px 1px #DADADA; 
-webkit-box-shadow: 0 1px 4px 1px #DADADA; -moz-box-shadow: 0 1px 4px 1px #DADADA; background:white;}
.box-area-atuacao-last{margin:0;}
.box-area-atuacao h1, .box-area-atuacao-last h1{color:#c89a3c; font-weight:bold; margin-bottom:10px;}
.box-area-atuacao span, .box-area-atuacao-last span{display:block;}

/* Pagina Acompanhamento de Processo */
.box-sistema, .box-links-uteis{margin-top:15px;}
.box-sistema{width:520px; margin-right:28px; border:1px solid #E8E8E8; padding:10px 20px; position:relative;}
.box-sistema .field_text{width:200px; border:1px solid #E8E8E8; padding:5px; font-size:12px; color:#595959;}
.box-sistema .field_buttom{padding:5px 15px; color:white; background:url("../img/bg-menu-active.png") repeat-x 0 -20px scroll; cursor:pointer; border:1px solid #E8E8E8;}

.box-links-uteis{width:290px; background:url("../img/bg-block-h.gif") repeat-x top left scroll;}
.box-links-uteis h1{margin-left:10px;}
.box-links-uteis a{color:#595959; text-decoration:underline;}
.box-links-uteis a:hover{color:#999999;}

.informativo-acesso{position:absolute; text-align:justify; top:80px; left:280px; width:180px; padding:20px; border:1px solid white; background:#F9F9F9; box-shadow: 0 1px 4px 1px #DADADA; 
-webkit-box-shadow: 0 1px 4px 1px #DADADA; -moz-box-shadow: 0 1px 4px 1px #DADADA;}

/* Página Artigos */
.box-artigos{}
.box-artigos h2{font-size:12px; color:#c89a3c; margin:15px 0 10px 0;}
.box-artigos p{padding-bottom:15px; border-bottom:1px dotted silver;}

/* Publicacao */
.box-publicacao{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted silver;}
.number{color: white; float: left; font-size:12px; margin-right: 10px; position: relative; padding:10px 5px;
text-align: center; width:73px; height:10px; background:#c89a3c;}
.intro-publicacao a{color:black; text-decoration:underline;}

/* Highlights - Quer saber onde esta seu veiculo? */
.box-highlights{width:677px; margin:0 6px 10px 5px; color:#595959; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
background:#F9F9F9; border:1px solid #F2ECEA; padding:15px 15px 20px 15px;}
.box-highlights span{font-size:14px; line-height:22px;}

/* Google Maps */
.mapa{margin:10px 0; background:#DBDBDB; border:5px solid #E8E8E8; height:193px;}

/* Pagina Contato */
.box-form{width:525px; margin-right:25px;}
.box-info-contato{width:350px;}

/* Formulario */
#frm{padding:10px 10px 10px 0;}
#frm label, #frm input.field_text, #frm textarea.field_textarea{display:block;}
#frm label{margin-top:5px;}
#frm input.field_text, #frm textarea.field_textarea{border:1px solid #E9E8E8; padding:5px; background:white; color:#595959;}
#frm input.field_text{font-size:12px; width:300px;}
#frm input.field_text:focus, #frm textarea.field_textarea:focus{box-shadow:0 0 3px #c89a3c;}
#frm textarea.field_textarea{height:130px; width:500px;}

#content form input.error, #content form textarea.error{ border-color:red; border-style:dotted; }
#content form label.error{ width:0px; height:0px; text-align:none; margin:0px; display:none; float:none;}

.box-cmd{width:525px; text-align:left; margin-top:10px;}
.field_submit{padding:5px 15px; color:white; background:url("../img/bg-menu-active.png") repeat-x 0 -20px scroll; cursor:pointer; border:1px solid #E8E8E8;}
.field_submit:hover{background:silver;}

/****************** Rodape ******************/
#rodape{margin:0 auto; width:960px; text-align:left; line-height:20px; color:#595959; padding:5px 0px 15px 0px; font-size:12px;}