/*
Folha de Estilos utilizada no WebSite CarroLivre.com.br
Desenvolvida por: Contactt.com.br
Descrição:
Folha de estilo que define o layout do site,
utilizando tecnologia tableless
*/
/*
div{
border: 1px dotted red;
}*/
body {
font-family: Arial, Sans-Serif;
font-size:12px;
margin-left:0px;
margin-bottom:0px;
margin-right:0px;
margin-top:0px;
text-align:center;
background-image:url(../../img/bg.png);
color:#364856;
}
tr,td
{
font-size:12px;
}
.listaCheckbox tr td label
{
font-size:12px;
}
hr{
height:1px;
border:solid 1px #cecece;
}
p,input,select,textarea,label,span{
/*padding:1px 1px 1px 1px !important;*/
margin-left: 1px !important;
margin-right: 1px !important;
font-family: Arial, Sans-Serif !important;
vertical-align:middle !important;
/*margin-top:1px;
margin-bottom:1px;*/
}
img.img{
vertical-align:middle;
margin:0;
padding:0;
border:0;
}
img{
border:0;
}
p
{
line-height: 15px;
white-space: normal;
word-spacing: normal;
letter-spacing: normal;
text-indent: inherit;
margin:0px 0px 10px 0px;
}
label{
font-size:12px;
font-family: arial,Arial, Sans-Serif;
color:#364856;
}
div#geral{
width: 955px;
text-align:left;
margin: 0 auto;
bottom: 2px;
right: 2px;
position: relative;
background-color: #fff; /*background color of content*/
border: 1px solid #999; /*border color*/
}
.blur{
background-color: #B1B1B1; /*shadow color*/
color: inherit;
width: 956px;
margin: 4px auto;
}
.shadow{
position: relative;
bottom: 2px;
right: 2px;
background-color: #666; /*shadow color*/
color: inherit;
}
div#cabecalho{
clear:both;
height:89px;
background-image:url(../../img/bgh.jpg);
position:relative;
}
div#linhaMenu{
clear:both;
height:33px;
background-image: url(../../img/bgM.png);
}
div#colunaEsquerda{
float:left;
width:200px;
padding-top:10px;
padding-left:10px;
}
div#colunaEsquerda div{
}
div#colunaEsquerda div.destaque-verde, div#colunaEsquerda div.caixa-cinza,div.caixa-cinza-pesquisa-rapida, div#colunaEsquerda div.destaque-verde-claro, div.caixa-transp{
width:200px;
}
div#colunaCentral{
margin-left:226px;
width:540px;
margin-top:10px;
}
div#colunaCentral-logado{
margin-left:190px;
width:715px;
padding: 10px 0px 10px 0px;
}
div#colunaDireita{
float:right;
width:175px;
padding-top:10px;
}
div#colunaDireita div
{
width:165px !important;
}
.caixa-transp
{
margin-top:10px;
margin-bottom:10px;
}
.caixa-transp img
{
border: solid 1px #cecece;
width:100%;
}
div#rodape{
clear:both;
background-image: url(../../img/bgR.png);
height:35px;
}
div#logoSite{
float:left;
width:248px;
height:89px;
}
div#publiciddadeTopo{
width:541px;
left:248px;
background-image: url(../../img/bgp.jpg);
height:89px;
position:absolute;
}
div#bannerTopo{
position:absolute;
top:10px;
right:30px;
width:468px;
height:60px;
}
div#bannerTopo img{
width:468px;
border: 0;
height:60px;
}
div#areaLogin{
float:right;
width:165px;
background-image: url(../../img/bgU.jpg);
height:89px;
clear:right;
position:relative;
}
div#areaLogin #labels{
float:left;
width:50px;
text-align:right;
color:white;
margin-top:20px;
}
div#bemVindo{
color:White;
margin-top:10px;
margin-left:10px;
text-align:left !important;
}
div#areaLogin #inputs{
width:100px;
border: dotted 1px red;
text-align:right;
}
div#areaLogin div{
width:130px;
text-align:right;
vertical-align:top;
}
div#areaLogin div label{
color:#fff;
font-size: 10px !important;
}
div#areaLogin div input{
height:12px;
}
div#areaLogin div .botaoClaro{
height:15px !important;
margin-top:3px !important;
font-size:9px !important;
}
div#areaLogado{
float:left;
width:300px;
padding-top:5px;
padding-left:10px;
color:#456151;
font-size:11px;
}
div#areaMenu{
float:right;
width:264px;
text-align:right;
padding-top:0px;
padding-right:0px;
}
div#areaMenu div span{
display:none;
}
div.destaque-verde{
background-image: url(../../img/bgVE.jpg);
height:18px;
color:White;
font-weight:bold;
font-size:11px;
border: solid 1px #3e5648;
font-family: Arial, arial;
text-indent:10px;
vertical-align:middle;
}
div.destaque-verde-claro{
background-image: url(../../img/bgVC.jpg);
height:18px;
color:White;
font-weight:bold;
font-size:11px;
border: solid 1px #cecece;
}
div.caixa-cinza, div.caixa-cinza-publicidade, div.caixa-cinza-pesquisa-rapida {
border: solid 1px #cecece;
background-color:#eef2ed;
background-repeat:repeat-x;
font-size:12px;
}
div.caixa-cinza-central{
border: solid 1px #cecece;
background-color:#eef2ed;
background-repeat:repeat-x;
font-size:12px;
}
div.caixa-cinza-pesquisa-rapida{
}
div.caixa-cinza-pesquisa-rapida input, div.caixa-cinza-pesquisa-rapida select{
margin-top:1px;
margin-bottom:1px;
}
div.caixa-cinza-publicidade
{
height:auto;
}
div.quebra{
clear:both;
}
div#botoesAcesso{
float:left;
top:60px;
position:absolute;
text-align:left !important;
left:10px;
}
div#botoesAcesso ul,li{
margin: 0 0 0 0;
text-indent:0;
color:#A1C73B;
list-style-type: none;
font-size:10px;
padding: 0px;
line-height:13px;
}
div#botoesAcesso ul li a{
color:#A1C73B;
}
div#copyRight{
float:left;
width: 300px;
margin-top:14px;
margin-left:14px;
font-size:11px;
font-weight:bold;
color:#456151;
}
div#menuRodape{
float:right;
width: 450px;
margin-top:7px;
margin-right:0px;
margin-bottom:0px;
}
div#menuRodape div span{
display:none;
}
ul.destaque-central
{
margin: 0 0 0 4px;
text-indent :0;
padding: 5px 5px 5px 5px;
}
ul.destaque-central li{
list-style-type:none;
float:left;
width:115px;
margin:5px 0px 5px 10px;
height:150px;
text-indent:0;
padding: 1px 1px 1px 1px;
}
ul.destaque-central img{
border: none 0px;
width:115px;
height:86px;
display:block;
}
ul.destaque-central li span.destaque-central-descricao{
color:#364856;
display:block;
text-align:center;
font-size:13px;
}
ul.destaque-central li span.destaque-central-preco{
color:#364856;
display:block;
text-align:center;
font-weight:bold;
font-size:13px;
}
img.noticia-principal-roteador-imagem{
width:197px;
height:167px;
border:0;
}
a.noticia-principal-roteador-link{
text-decoration:none;
color:black;
}
div.noticia-principal-roteador{
width:197px;
height:167px;
position:relative;
float:left;
}
div.noticia-principal-roteador-transp, div.noticia-principal-roteador-destaque{
vertical-align:bottom;
bottom:0px;
color:#fff;
height:45px;
left:0px;
background-color:#92B86B;
}
div.noticia-principal-roteador-controle{
text-align:center;
padding: 0px 0px 0px 1px;
}
div.noticia-principal-roteador-controle div
{
float:left;
padding: 1px 1px 0px 0px;
}
div.noticia-principal-roteador-controle img{
cursor:pointer;
}
div.noticia-principal-roteador-transp{
background-color:#92B86B;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
width:197px;
}
div.noticia-principal-roteador-destaque label{
color:#3B5A4A;
display:block;
font-size:11px;
margin: auto 5px auto 5px;
}
div.noticia-principal-roteador-destaque span{
color:white;
display:block;
font-size:12px;
font-weight:bold;
margin: auto 5px auto 5px;
}
div.noticia-secundaria-box{
float:right;
width:316px;
}
div.noticia-secundaria-rodape{
width:528px;
margin-top:215px;
}
label.noticia-secundaria-tema{
display:block;
color:#96B86E;
font-size:12px;
}
label.noticia-secundaria-titulo{
display:block;
color:#3B5A4A;
font-size:13px;
font-weight:bold;
}
div.noticia-secundaria-box hr{
}
ul.publicidade-lateral{
margin:0 0 0 23px;
text-indent: 0;
text-align:center;
list-style:none;
padding-left:0px;
width:110px;
}
ul.publicidade-lateral li{
display:block;
list-style:none;
text-indent:0;
width:120px;
height:90px;
margin:5px 0px 20px 0px;
}
ul.publicidade-lateral li img{
width:120px;
height:90px;
border:0;
}
div.aLeft{
text-align:left;
}
div.aRight{
text-align:right;
}
div.aCenter{
text-align:center;
}
ul.pesquisa-realizada{
margin:5px 5px 5px 5px;
left:0px;
padding:0;
line-height:8px;
}
ul.pesquisa-realizada li{
list-style-type:none;
left:0px;
margin:0;
line-height:10px;
}
ul.pesquisa-realizada li hr{
border: dotted 1px #456151;
line-height:8px;
}
span.pesquisa-realizada-data, span.pesquisa-realizada-data{
display:block;
color:#485E52;
}
a{
text-decoration:none;
color:#456151;
}
a:hover{
color:green;
}
a.link-destaque{
display:block;
border: solid 0px #D2B47A;
width:117px;
height:140px;
}
a.link-destaque img
{
border: solid 1px #cecece;
margin-bottom:5px;
}
a.link-destaque:hover img
{
border: solid 1px orange;
}
a.link-destaque span
{
margin-bottom:5px;
}
.titulo-pagina
{
font-size:150%;
font-weight:200;
color:green;
margin-bottom:0px;
margin-left:10px;
margin-right:10px;
margin-top:10px;
}
.subtitulo-pagina
{
font-size:150%;
font-weight:200;
color:#666666;
margin-bottom:0px;
margin-left:10px;
margin-right:10px;
margin-top:10px;
}
.modalPopUpBg
{
filter: alpha(opacity=50); BACKGROUND-COLOR: gray;
opacity: 0.1;
}
div.conteudo-pagina{
margin-left:10px;margin-right:10px;
}
.texto-laranja{
color:#fecc4e;
}
.texto-cinza{
color:#6D6E71;
}
.texto-verde-escuro{
color:#456151;
}
.texto-verde-limao{
color:#a1c73b;
}
.tabela-controle{
font-size:11px;
width:95%;
text-align:left;
}
.tabela-controle td{
border-bottom:solid 1px #6D6E71;
}
.tabela-controle th{
text-align:left;
}
td.linhaBaixaCinza{
border-bottom:solid 1px #cecece;
}
div.divValidator{
width:200px;
background-color:#fff;
padding:5px 5px 5px 5px;
border-style:groove;
border-width:1px;
border-color: green;
position:absolute;
}
div.caixa-branca{
background-color:#fff;
border: solid 1px #cecece;
}
td.LinhaAnuncioMaster{
height:15px;
vertical-align:middle;
}
.fundo-verde{
background-image: url(../../img/gvVerde.jpg);
}
.lista-relatorio-dicas li
{
color:#364856;
font-size:12px;
line-height:20px;
margin-right:40px;
margin-bottom:5px;
list-style-type:decimal;
}
.img-pesquisa
{
border:solid 1px #cecece;
}
div.pesquisa
{
text-align:center;
}
/**/
/**/
div.menuAnuncie-OFF,div.menuAnuncie-ON{
float:left;
width:60px;
height:29px;
cursor:pointer;
position:relative;
}
div.menuAnuncie-OFF{
background-image: url(../../img/menuSup/img_16.png);
}
div.menuAnuncie-ON{
background-image: url(../../img/menuSup/img_16_on.png);
}
div.menuSep-01-OFF,div.menuSep-01-ON-D,div.menuSep-01-ON-E,div.menuSep-02-OFF,div.menuSep-02-ON-E,div.menuSep-02-ON-D,div.menuSep-03-ON-D,div.menuSep-03-ON-E,div.menuSep-03-OFF,div.menuSep-04-ON-D,div.menuSep-04-ON-E,div.menuSep-04-OFF{
float:left;
width:10px;
height:29px;
}
div.menuSep-01-OFF{
background-image: url(../../img/menuSup/img_17.png);
}
div.menuSep-01-ON-E{
background-image: url(../../img/menuSup/img_17_on.png);
}
div.menuSep-01-ON-D{
background-image: url(../../img/menuSup/img_17_on2.png);
}
div.menuInterativo-OFF, div.menuInterativo-ON{
float:left;
width:60px;
height:29px;
cursor:pointer;
position:relative;
}
div.menuInterativo-OFF{
background-image: url(../../img/menuSup/img_18.png);
}
div.menuInterativo-ON{
background-image: url(../../img/menuSup/img_18_on.png);
}
div.menuSep-02-OFF{
background-image: url(../../img/menuSup/img_19.png);
}
div.menuSep-02-ON-E{
background-image: url(../../img/menuSup/img_19_on.png);
}
div.menuSep-02-ON-D{
background-image: url(../../img/menuSup/img_19_on2.png);
}
div.menuFinanciamento-OFF, div.menuFinanciamento-ON{
float:left;
width:50px;
height:29px;
cursor:pointer;
position:relative;
}
div.menuFinanciamento-OFF{
background-image: url(../../img/menuSup/img_20.png);
}
div.menuFinanciamento-ON{
background-image: url(../../img/menuSup/img_20_on.png);
}
div.menuSep-03-OFF{
background-image: url(../../img/menuSup/img_21.png);
}
div.menuSep-03-ON-E{
background-image: url(../../img/menuSup/img_21_on2.png);
}
div.menuSep-03-ON-D{
background-image: url(../../img/menuSup/img_21_on.png);
}
div.menuNoticia-OFF,div.menuNoticia-ON{
float:left;
width:51px;
height:29px;
cursor:pointer;
position:relative;
}
div.menuNoticia-OFF{
background-image: url(../../img/menuSup/img_22.png);
}
div.menuNoticia-ON{
background-image: url(../../img/menuSup/img_22_on.png);
}
div.menuSep-04-OFF{
background-image: url(../../img/menuSup/img_23.png);
}
div.menuSep-04-ON-E{
background-image: url(../../img/menuSup/img_23_on2.png);
}
div.menuSep-04-ON-D{
background-image: url(../../img/menuSup/img_23_on.png);
}
div.menuPromocao-OFF, div.menuPromocao-ON{
float:left;
width:73px;
height:29px;
cursor:pointer;
position:relative;
}
div.menuPromocao-OFF{
background-image: url(../../img/menuSup/img_24.png);
}
div.menuPromocao-ON{
background-image: url(../../img/menuSup/img_24_on.png);
}
div.menuPop-Out,div.menuPop-In{
position:absolute;
top:28px;
width:200px;
border: solid 1px #cecece;
background-color: #EEF2ED;
text-align:left;
font-size:12px;
left:-8px;
z-index:20;
}
ul.menuPop-Lista{
padding: 0px 0px 0px 20px;
margin-top:10px;
}
li.itemMenu{
font-size:12px;
font-weight:bold;
color:#425E4E;
}
li.itemMenuHL
{
font-size:12px;
font-weight:bold;
color:#A6CE39;
}
div.menuPop-Out{
display:none;
}
div.menuPop-In{
display:block;
}
div.caixa-ondeestou
{
background-color:#fff;
border: solid 1px #cecece;
font-size:11px;
text-indent:9px;
height:15px;
vertical-align:middle;
padding-top:2px;
}
/**/
/**/
div.menuInfSep-01-OFF,div.menuInfSep-01-ON-D,div.menuInfSep-01-ON-E,div.menuInfSep-02-OFF,div.menuInfSep-02-ON-D,div.menuInfSep-02-ON-E,div.menuInfSep-03-OFF,div.menuInfSep-03-ON-D,div.menuInfSep-03-ON-E{
width:11PX;
height:28PX;
float:left;
}
div.menuTermo-OFF, div.menuTermo-ON{
float:left;
width:89px;
height:28px;
cursor:pointer;
}
div.menuTermo-OFF{
background-image: url(../../img/menuInf/img_132.png);
}
div.menuTermo-ON{
background-image: url(../../img/menuInf/img_132_on.png);
}
div.menuInfSep-01-OFF{
background-image: url(../../img/menuInf/img_133.png);
}
div.menuInfSep-01-ON-D{
background-image: url(../../img/menuInf/img_133_on2.png);
}
div.menuInfSep-01-ON-E{
background-image: url(../../img/menuInf/img_133_on.png);
}
div.menuPolitica-OFF, div.menuPolitica-ON{
float:left;
width:127px;
height:28px;
cursor:pointer;
}
div.menuPolitica-OFF{
background-image: url(../../img/menuInf/img_134.png);
}
div.menuPolitica-ON{
background-image: url(../../img/menuInf/img_134_on.png);
}
div.menuInfSep-02-OFF{
background-image: url(../../img/menuInf/img_135.png);
}
div.menuInfSep-02-ON-D{
background-image: url(../../img/menuInf/img_135_on2.png);
}
div.menuInfSep-02-ON-E{
background-image: url(../../img/menuInf/img_135_on.png);
}
div.menuSeguranca-OFF, div.menuSeguranca-ON{
float:left;
width:119px;
height:28px;
cursor:pointer;
}
div.menuSeguranca-OFF{
background-image: url(../../img/menuInf/img_136.png);
}
div.menuSeguranca-ON{
background-image: url(../../img/menuInf/img_136_on.png);
}
div.menuInfSep-03-OFF{
background-image: url(../../img/menuInf/img_137.png);
}
div.menuInfSep-03-ON-D{
background-image: url(../../img/menuInf/img_137_on2.png);
}
div.menuInfSep-03-ON-E{
background-image: url(../../img/menuInf/img_137_on.png);
}
div.menuPublicidade-OFF, div.menuPublicidade-ON{
float:left;
width:82px;
height:28px;
cursor:pointer;
}
div.menuPublicidade-OFF{
background-image: url(../../img/menuInf/img_138.png);
}
div.menuPublicidade-ON{
background-image: url(../../img/menuInf/img_138_on.png);
}
/**/
/**/
/**/
input.text, input.calendario, input.textValidator{
border: solid 1px #cecece;
color: #666666;
/* margin-top:1px;
*/
margin-bottom:4px;
height:15px;
font-size:11px;
}
input.textValidator
{
height:25px;
font-size:18px !important;
}
input.botao
{
height:18px;
background-image: url(../../img/bgBotaoEscuro.png);
color:White;
font-size:10px;
border-width:0px;
margin-bottom:5px;
}
input.botaoClaro
{
height:18px !important;
background-image: url(../../img/bgVC.jpg);
color:White;
font-size:8px;
border: solid 0px #cecece;
font-weight:bold;
padding-left:5px !important;
padding-right:5px !important;
}
select{
font-size:11px;
color: #666666;
height:18px;
}
form fieldset {
margin-bottom: 10px;
}
form legend {
padding: 0 2px;
font-weight: bold;
}
form fieldset label {
display: inline-block;
line-height: 1.8;
vertical-align: top;
width: 120px; /* Width of labels */
text-align:right;
}
form fieldset ol {
margin: 0;
padding: 0;
}
form fieldset li {
list-style: none;
padding: 5px;
margin: 0;
}
form fieldset fieldset {
border: none;
margin: 3px 0 0;
}
form fieldset fieldset legend {
padding: 0 0 5px;
font-weight: normal;
}
form fieldset fieldset label {
display: block;
width: auto;
}
form em {
font-weight: bold;
font-style: normal;
color: #f00;
}
form fieldset fieldset label {
margin-left: 123px; /* Width plus 3 (html space) */
}
.formulario-pagina div label{
width: 150px;
float: left;
text-align: right;
margin-right: 0.5em;
margin-top:0px;
}
.formulario-pagina fieldset{
padding:5px 5px 5px 5px !important;
}
.formulario-pagina select{
margin: 0px 0px 4px 0px !important;
}
.formulario-pagina div input{
margin-top:0px;
}
.formulario-pagina div select{
margin-top:0px;
margin-left:0px;
}
.formulario-validacao ul{
border: 1px solid red;
margin: 0 10px 10px 10px;
padding: 10px 10px 10px 10px;
background-color:#ffffcc;
}
.formulario-validacao ul li{
color:Red;
font-size:12px;
list-style-image: url(../../img/unchecked.gif);
margin-left:20px;
margin-bottom:5px;
}
.formulario-pagina div{
position:relative;
margin-bottom:0px;
vertical-align:middle;
padding-bottom:0px;
padding-top:0px;
}
.data-list span span{
width:100%;
}
.data-list{
display:inline;
}
.data-list tr td label{
text-align:left !important;
margin: 0 0 0 0 !important;
display:inline !important;
font-size:12px;
display:inline !important;
width:auto !important;
}
.data-list tr td
{
width:300px;
}
.data-list tr td input{
display:inline;
margin: 0 0 0 0 !important;
float:left;
}
/**/
/**/
.ddlPadrao
{
background-image: url(../../img/bgddl.jpg);
width: 177px;
height: 17px;
position:relative;
text-align:center;
font-size:11px;
padding-top:2px;
cursor:pointer;
}
.ContextMenuPanel, .ContextMenuPanelON,.ContextMenuPanelOFF
{
border: 1px solid #868686;
z-index: 1000;
background: url(../../img/menu-bg.gif) repeat-y 0 0 #FAFAFA;
cursor: default;
padding: 1px 1px 0px 1px;
font-size: 11px;
position:absolute;
top:20px;
width:172px;
right:0px;
}
.ContextMenuPanelON{
display:block;
}
.ContextMenuPanelOFF{
display:none;
}
.ContextMenuBreak{
margin:1px 1px 1px 32px;
padding:0;
height:1px;
overflow:hidden;
display:block;
border-top: 1px solid #C5C5C5;
}
a.ContextMenuItem{
margin: 1px 0 1px 0;
display: block;
color: #003399;
text-decoration: none;
cursor: pointer;
padding: 4px 19px 4px 33px;
white-space: nowrap;
text-align:left;
}
a.ContextMenuItem-Selected{
font-weight: bold;
}
a.ContextMenuItem:hover{
background-color: #A6CE39;
color: #fff;
border: 1px solid #D2B47A;
padding: 3px 18px 3px 32px;
}
div.caixa-lista-anuncio-web{
width:510px;
height:115px;
background-color:#fff;
border: solid 1px #cecece;
font-family:Arial;
margin-left:5px;
}
div.caixa-lista-anuncio-pesquisa{
width:525px;
background-color:#fff;
border: solid 1px #cecece;
font-family:Arial;
margin-left:7px !important;
}
div.caixa-lista-filtro-pesquisa{
width:522px;
background-color:#fff;
border: solid 1px #cecece;
font-family:Arial;
margin-left:7px !important;
margin-bottom:5px;
}
/**/