/* Reset */
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; vertical-align: baseline; text-decoration:none}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing:0}
caption, th, td {text-align: left;font-weight: normal}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/* ==== Geral ==== */

body {
font-family: Arial, Helvetica, sans-serif;
background: url(../img/bg-body.gif) repeat 0 0; 
font-size: 12px}

strong {font-weight: bold}
a {overflow: hidden; color: #e85d00}
a:hover { text-decoration: underline}
p {color: #4c6e85; line-height: 150%; margin-bottom: .7em}
h1, h2, h3, h4 { font-weight: bold; font-size: 18px; margin-bottom: .7em}

.center, .center-bg-top{
width: 719px;
margin: 0 auto;
padding: 0 30px}

.center-bg-top {
background: url(../img/sombra-top.gif) repeat-x; 
padding-top: 20px}

/* ==== topo ==== */

#menu-uti {
margin: 12px 0 0 0;  
float: right}

#menu-uti li { float: left; padding: 0 5px;}

#menu-uti li a { 
color: #646464;
font-weight: bold;
text-transform: uppercase}

#menu {margin-top: 113px; float: right; width: 298px}

#menu li {
text-transform: uppercase;
float: left;
margin-right: 5px;
padding-left: 3px;
background: url(../img/menu-li.gif) no-repeat}

#menu li ul { display: none}

#menu li a {
display: block;
float: left;
height: 25px;
padding: 9px 12px 0 10px;
color: #fda42d;
font-size: 14px;
font-weight: bold;
background: url(../img/menu.gif) no-repeat right top}

#menu .up {
background: url(../img/menu-li-hover.gif) no-repeat}

#menu .up a {
background: url(../img/menu-hover.gif) no-repeat right top;
color: #fff}

#logo { 
padding: 95px 0 0 207px;
float: left; 
display: block}

#logo a {
display: block;
width: 233px;
height: 68px;
background: url(../img/logo-mapamidia.gif) no-repeat right bottom}

#top-all {
background: url(../img/all-top.gif) repeat-x;}

#top {
width: 780px;
margin: 0 auto;
height: 174px;
background: url(../img/top-center.jpg) no-repeat 0 0}

/* ====== destaque ===== */

#destaque-all {
background: url(../img/all-destaque.gif) repeat-x;}

#destaque {
height: 288px;
background: url(../img/top-home.jpg) no-repeat center top;}


#destaque p, #destaque h1 {color: #b84601;}

.dest-left {
float: left;
width: 462px;
margin-top: 55px;}

#destaque p { font-size: 14px}
#destaque img { margin-top: 41px}

#adquira {
width: 196px;
height: 42px;
margin: 15px 0 0 0;
padding-bottom: 30px;
float: right;
background: url(../img/ico-adquira.jpg) no-repeat }

#adquira a { display: block; height: 40px}

.cols-home, .cols-home1 {
width: 190px;
float: left;
margin-top: 25px;
padding: 0 0 60px 67px;
background: url(../img/sep-cols-home.gif) no-repeat 30px 0}

.cols-home1 {padding: 0 0 60px 0; background: none}

.dados, .veiculos, .acesso {
color: #4c6e85;
font-size: 16px;
padding: 16px 84px 12px 0;
background: url(../img/ico-imagem.gif) no-repeat right 0}

.veiculos { background-image: url(../img/ico-veiculos.gif)}
.acesso { background-image: url(../img/ico-online.gif)}


#bg-cont{
background: url(../img/all-cont.gif) repeat-x;}
 
#top-cont {height: 40px; background: url(../img/bg-top-cont.gif) no-repeat  center top;}
 
#cont {
overflow: auto;
background: url(../img/bg-cont-y.gif) repeat-y center top;}

/* ============= internas ===== */

#interna p, #interna{ color: #555}

#interna #destaque .center {
padding: 0 15px 0 30px;
position: relative}

#interna #destaque {
padding: 0 !important;
height: 72px;
background: url(../img/dest-internas.jpg) no-repeat center top;}

#interna #destaque-all {background: url(../img/all-dest-internas.gif) repeat-x;}

#interna #top-cont, #interna #bg-cont {
background-position: center -1px}

#interna #top-cont {height: 39px;}

#interna #destaque h1 {
font-size: 24px;
color: #fff; 
float: right;
margin: 17px 0 0 0!important;
height: 55px;
background: url(../img/seta-tit.gif) no-repeat center bottom}

.list-mapa {
width: 465px;}

.list-mapa li { padding-left: 99px}

.list-mapa li p {
background: url(../img/listra-bottom.gif) repeat-x left bottom;
padding: 0 12px 20px 0}

.omapa {
background: url(../img/ico-grafico.gif) no-repeat 0 0;} 

.sx-ij {background: url(../img/ico-sx+ij.gif) no-repeat 0 5px; }

.cliente {background: url(../img/ico-clientes.gif) no-repeat 0 5px;}
.list-mapa  .cliente p {background: #fafafa}

#box-imgs {
width: 220px;
padding-left: 30px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
float: right}

#box-imgs h2 { padding-left: 20px; background: url(../img/ico-imgs.gif) no-repeat left center }

#box-imgs li { float: left; margin-right: 5px}
#box-imgs a img { border: 4px solid #ff802b}

.center-bg-top h2 { color: #d45500}


.serv-mapamidia { padding-bottom: 25px}
.serv-mapamidia li{ 
margin-bottom: .9em; 
font-size: 13px;
padding-left: 20px;
background: url(../img/seta.gif) no-repeat 0 2px}

.serv-mapamidia li ul { margin-top: 3px;}

.serv-mapamidia li ul li{ 
padding-left: 10px;
background: url(../img/sub-seta.gif) no-repeat 0 2px}

#box-login .cols-home1 {
width: 350px;
height: 300px;}
#box-login .cols-home {
width: 280px}

legend, label, #box-atendimento, #box-atendimento p, #adquira-form p, .pags a {color: #4c6e85}

#box-login .cols-home legend {
background: url(../img/ico-login.gif) no-repeat 0 3px;
padding-left: 20px;
margin-bottom: .9em;
font-size: 18px;
font-weight: bold;
text-transform: uppercase}

#box-login .cols-home label { 
width: 52px;
padding: 4px 3px 0 0;
float: left;
text-align: right; 
display: inline-block}

#box-login .cols-home .bt-enviar, #box-login #form-login p {
margin-left: 52px}

#box-login #form-esq .bt-enviar {
margin-left: 60px;}

#box-login #form-esq label {width: 60px}


#form-esq .input-txt {
width:210px; }

#form-esq p {
padding-top: 10px}

#form-esq legend, #form-esq {display: none}

#box-login .cols-home1 h1 {
width: 197px;
height: 49px;
background: url(../img/meu-mapamidia.gif) no-repeat 0 0}

#box-login .cols-home1 h2 {
font-weight: normal; 
font-size: 14px}

#box-login .cols-home1 a { text-decoration: underline}

.input-txt {
border: 1px solid #919191;
border-bottom: none;
border-right: none;
width: 219px;
padding: 3px 0 3px 2px;
margin-bottom: 16px;
background-color: #f2f2f2}

#adquira-form { 
margin: 20px 0;
float: left;
width: 276px }

#adquira-form .input-txt { width: 274px; margin-top: 2px;}

#adquira-form .ddd { width: 32px;}

.txt-area { height: 130px}

#adquira-form .tel { width: 100px}

#adquira-form span { color: #ff802b }

#box-atendimento {
width: 255px;
padding: 50px 47px 14px 17px;
float: right;
background: url(../img/atendimento.gif) no-repeat 0 37px}

#box-atendimento.contato {
padding: 110px 47px 14px 17px;
background-position: 0 97px}

#box-atendimento h2 {
font-size: 13px;
font-weight: bold }

#box-atendimento p { line-height: 120%}

#adquira-form .bt-enviar { float: right}

#adquira-form p { padding-top: 10px}

textarea { font-family: Arial, Helvetica, sans-serif;
font-size: 12px}

.msgn-erro {
background-color: #ffffcc;
border: 2px solid #ffff66;
padding: 15px 10px;
width: 255px;
}

.center .sucesso {
line-height: 150%;
font-size: 14px;
padding-bottom:300px}
/* ====== Logado ======  */

#sair {
position: absolute;
top: 50px;
right: 22px;
display: block;
width: 43px;
height: 16px;
background: url(../img/bt-sair.gif) no-repeat}

.log h2{
font-size: 26px;
padding-left: 20px}

.marca { 
float: right;
margin-right: 33px;
display: inline;
border: 1px solid #bbb;}

.box-bg-border {
width: 685px;
clear: both;
background: url(../img/sombra-box-anexos.gif) no-repeat center 24px;
border-bottom: 1px solid #bdbdbd;
padding: 24px 0 0 20px;}

.box-interno {
width: 665px;
border: 1px solid #bdbdbd;
border-bottom: none;
background-color: #fff;}

.box-interno h3 {
color: #fff;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
padding: 6px 25px;
background: #4c6e85 url(../img/icons-logado.gif) no-repeat 0 2px}

.box-interno h3 span {
color: #ffd600 }

.list-pdf, .list-anexos {
padding: 15px 10px;
width: 310px;}

.box-interno li {
line-height: 180%}

.list-pdf li a, .list-anexos li a{
color: #555;
padding: 2px 0 2px 24px;
background: url(../img/icons-logado.gif) no-repeat 0 -39px;}

.list-anexos li a {background-position: 0 -70px;}

.pags {padding: 25px 0 80px 0; width: 700px}

.pags a, .pags .loc {
line-height: 1;
display: inline-block;
padding: 7px 8px;
border: 1px solid #c3c3c3;
margin: 1px}

.pags a:hover {text-decoration: none; }

.pags-center a:hover, .pags-center .loc {
font-weight: bold;
color: #fff;
background-color: #e65c00;}


.pags .ant, .pags .prox {
font-weight: bold;
padding: 7px 8px 7px 23px;
background: url(../img/ant+prox.gif) no-repeat 5px 5px}

.pags .prox {
padding: 7px 23px 7px 8px;
background-position: 59px -28px}

.pags-center {
text-align: center;
width: 530px;}

/* ====== Rodape ====== */
#rodape-all { background: url(../img/all-rodape.gif) repeat-x}

#rodape {
clear: both;
height: 96px;
background: url(../img/rodape.jpg) no-repeat center top;}

#rodape .center { position: relative}

.ass{
width:210px; 
margin-top: 44px;
float: right;
}

.acha, .sx {
display: inline-block;
float: left;
width: 130px;
height: 40px;
background: url(../img/marcas-rodape.jpg) no-repeat;}

.sx { width: 57px;
margin-left: 21px;
background-position: right 0 }


/* classes */
.elev {
font-size: 9px;
position: relative;
top: -5px}
hr { display: none;}

.both { clear: both}
.right { float: right}
.left { float: left}
.skip, .acha, .sx  {
overflow: hidden;
text-indent: -9999em}

#previous_archives_div {
	padding: 20px 0 0 0;
}
#previous_archives {
	width: 140px;
	margin: 0 0 0 275px;
	padding: 8px 0 8px 0;
	border: #CCC solid 1px;
	display: block;
	font-weight: bold;
	text-align: center;
}
.clientes_mapa_midia {
	margin: 0 0 0 20px;
}
.clientes_mapa_midia li {
	margin: 0 0 5px 0;
}
.clientes_mapa_midia li span {
	margin: 0 5px 0 0;
	font-size: 1.3em;
	font-weight: bold;
}
.clientes_mapa_midia li a {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3em;
}