/* Geral */
*{margin:0; padding:0; text-decoration:none; border:0; list-style:none;}
body {min-width: 988px; font-family:"Trebuchet MS", Arial, "Times New Roman"; font-size: 12px; background: url(../imgs/bg.jpg) repeat-x;}

#hr {width: 100%; height: 5px; float: left; margin: 10px auto; background: url(../imgs/hr.jpg) repeat-x;}	
#carregando { display: none; background: #ffffb7; padding: 2px; border: 1px solid #ccc; width: 80px; height: 20px; text-align: center; }
	
	
/* ---- classes ---- */
a:link.menu, a:visited.menu {font-size: 110%; text-transform: uppercase; color: #333; display: block; padding: 45px 5px 5px 5px; font-weight: bolder;}
a:hover.menu {color: #fff;  background: url(../imgs/bgMenu.jpg) repeat-x #317DBE; text-decoration:none;}

a:link.sub-menu, a:visited.sub-menu {font-size: 100%; color: #004A95; }
a:hover.sub-menu {text-decoration:underline;}


a:link.saibamais,  a:visited.saibamais {float: right; font-size: 100%; color: #333;}
a:hover.saibamais {color: #666; text-decoration:underline;}

a:link.eDestaque,  a:visited.eDestaque {float: right; color: #000; margin-top: 10px;}
a:hover.eDestaque {color: #333; text-decoration:underline;}

p.saibamais {float: right; font-size: 100%; color: #333;}
p.pDepo {font-size: 100%; color: #333; margin: 3px auto;}
p.copy {font-size: 100%; color: #333; width: 800px; font-weight: bolder; float: left;}
p.endereco {font-size: 100%; color: #333; width: 300px; float: left;}
p.telefone {font-size: 100%; color: #333; width: 200px; float: left;}


li.marcador { float: right;}
li.eDestaque {width: 200px; height: 190px; border: 1px solid #ccc; padding: 10px; background: #F3F3F3; margin: 5px auto; float: left;}

h1.tituloSubpaginas {color:#069; margin-bottom: 10px;}
h2.tNoticias {font-size: 130%; color: #333; font-weight: 300;}

h2 {color: #069;}

fieldset.atendimento {width: 212px; margin: auto;}
fieldset.newsletter {width: 212px; float: left;}

span.nDep {color: #004C99; font-size: 130%; font-weight: bold;}
span.cDep {color: #666; font-size: 90%; font-weight: 300;}
span.listasn {font-size: 90%; color: #333; margin-top: 10px;}

#menu ul.sub-links {position: absolute; display: none; margin-left: -258px; width: auto;}
#menu ul.sub-links li {margin-right: 10px;}

.esquerda {float: left; margin: 0 10px 5px 0; }

ul.lista_seminovos {margin-top: 10px;}
ul.lista_seminovos li {width: 253px; float: left; margin-right: 5px; border: 1px solid #e7e7e7; padding: 10px; text-align: left; min-height: 160px;}
ul.blocoImagem-left {width: 400px; min-height: 180px; border: 1px solid #e7e7e7; padding: 10px; float: left;}
ul.blocoImagem-right {width: 400px; min-height: 180px; border: 1px solid #e7e7e7; padding: 10px; float: right;}

.box-des-imgs {width: 130px; margin-right: 10px; float: left;}

/* Links */
a:link, a:visited {font-size: 100%; color: #333; }
a:hover {text-decoration:underline;}


/* INPUT'S */
input[type="text"] {color: #ccc; border: 1px solid #A2B9C1; background: none; margin-top: 2px; padding: 5px; font-size: 80%; float: left; font-style: italic;} 
input[type="password"] {padding: 5px; color: #ccc; border: 1px solid #A2B9C1; background: none;  margin-top: 2px; font-size: 80%; float: left;  font-style: italic;}
input[type="submit"] {background: #A2B9C1; color: #fff; text-transform: uppercase; margin: 5px auto; padding: 5px; font-size: 100%; float: right; font-weight: bold;} 
input[type="button"] {background: #A2B9C1; color: #fff; text-transform: uppercase; margin: 5px auto; padding: 5px; font-size: 100%; float: right; font-weight: bold;} 
input[type="reset"] {background: #A2B9C1; color: #fff; text-transform: uppercase; margin: 5px auto; padding: 5px; font-size: 100%; float: right; font-weight: bold;} 

select {color: #ccc; border: 1px solid #A2B9C1; background: none; margin-top: 2px; padding: 5px; float: left;}

input.nAtedimento , input.eAtedimento{width: 206px; height: 15px; float:left;}
input.nNews, input.eNews {width: 200px; height: 15px;}


/* Topo */
#geral {margin: auto; min-width:988px; width:82.32em;}
#topo {width: 988px; height: 91px; float: left;}
#logo {width: 318px; height: 75px; float: left; margin: 10px auto; background: url(../imgs/logo.png) no-repeat; cursor: pointer; display:block; text-indent: -90000000px;}

#menu {width: auto; float: right;}
#menu ul li{display: inline;}
ul#menu li {float: left; width: auto; margin: 0 0 0 5px;}
 
#imagens ul {margin: 20px 0;} #imagens li {float: left; margin-right: 10px;}

#bnox-depo {width: 100%; margin-top: 10px; margin-bottom: 20px; border-bottom: 1px dotted #e7e7e7; float: left; padding-bottom: 20px;}

/* Subpaginas */
#conteudo {width: 998px; float: left; margin-top: 10px;}

#coluna1 {width: 320px; float: left;}
#coluna2 {width: 600px; float: left;}

#imagens {width: 100%; float: left; clear: both;} #imagens li {border: 1px solid #e7e7e7; padding: 1px; margin-bottom: 2px;}

#texto_empresa {text-align: justify; margin: 20px 0;} #texto_empresa p {margin-top: 10px;}

/* Centro - Destaque */
#destaque {width: 988px; float: left; margin: 10px 0 0 0; }
#banner {width: 750px; height: 255px; float: left;}

#eventosDestaque {width: 230px; height: 255px; float: right;}
#eventosDestaque p {width: 209px; font-size: 100%; margin: auto;}
#tDestaque {width: 225px; height: 39px; margin-left: 5px; background: url(../imgs/img_destaque.gif) no-repeat;}

#imgDestaque {width: 200px; height: 100px; margin: 0; cursor: pointer; display: block; float: right;}
#dDestaque {width: 200px; cursor: pointer; display: block; float: left;}

/* Centro - Noticias */
#noticias {width: 988px; float: left; margin: 5px 0 0 0;}
#nDestaque {width: 400px; float: left;} #nDestaque p {color: #666; margin: 10px 0 15px 0; font-size: 100%; text-align: justify;}

#conhecaBelfort {width: 300px; height: 144px; float: left; background: #F3F3F3; padding: 10px;}

#separador {width: 12px; height: 105px; float: left; margin: 9px;  background: url(../imgs/separador.jpg) no-repeat;}
#atendimento {width: 217px; float: right; margin-top: 20px;}
#tAtendimento {width: 217px; height: 81px; margin: auto; border-bottom: 2px solid #A2B9C1;}

/* Centro - Serviços */
#servicos {width: 750px; float: left; margin: 10px 0 0 0;}

#depoimentos {width: 255px; float: left; margin-right: 10px;}
#tDepoimento {width: 255px; height: 38px;}

#seminovos {width: 235px; float: left; margin-right: 10px;}
#tSeminovos {width: 235px; height: 38px;}

#pecas {width: 240px; float: left;}
#tPecas {width: 240px; height: 38px;}

#box1 {width: 253px; float: left; margin: 5px auto; margin-right: 10px;}
#box2 {width: 232px; float: left; margin: 5px auto; margin-right: 10px;}
#box3 {width: 238px; float: left; margin: 5px auto;}

#imgs {border: 1px solid #D4E0E3; padding: 5px; width: auto; float: left; margin: 0 3px 3px 0;}

#newsletter {width: 217px; float: right;}
#tNews {width: 217px; height: 76px; margin: auto;}

#links {width: 750px; float: left; background: #F3F3F3; height: 30px;}

#rodape {width: 100%; min-height: 236px; float: left; margin: 50px 0 0 0; background: url(../imgs/rodape.jpg) repeat-x; }
#viva {width: auto; float: left; margin: 0 10px 0 0; border: 1px solid #e7e7e7; padding: 2px;}
#contRodape {width: 988px; margin: 10px auto;}
#endereco {width: 600px; float: left; margin: 10px auto;}
#totaldesk {width: 183px; height: 23px; margin: 20px auto; float: right; background: url(../imgs/totaldesk.gif) no-repeat; cursor: pointer; display: block; }