/*css GUIA auto elétrica*/


/*----------------------------------------------padronizados*/
body
{
    border:none;
    margin:0;
    padding:0;
	background-color:#fff;
    background-image:url(images/bg.jpg);
    background-repeat:repeat-x;
    font-family:Arial, Helvetica, sans-serif;
}

img
{
    border:none;
    margin:0;
    padding:0;
}

.clear
{
    clear:both;
}

.home a
{
    font-size:0.7em;
    color:#5d94b7;
    text-decoration:none;
}

.home a:hover
{
    text-decoration:underline;
    color:#5d94b7;
}

h1
{
    color:#235271;
    font-size:1.2em;
}

h1 a
{
    color:#235271;
    text-decoration:none;
}

h1 a:hover
{
    color:#528bb6;
}

h2
{
    color:#235271;
    font-size:1em;
}

h2 a
{
    color:#235271;
    text-decoration:none;
}

h2 a:hover
{
    color:#528bb6;
}

h3
{
    color:#235271;
    font-size:0.8em;
}

h3 a
{
    color:#235271;
    text-decoration:none;
}

h3 a:hover
{
    color:#528bb6;
}

h4
{
    color:#235271;
    font-size:0.7em;
    font-weight:normal;
}

h4 a
{
    color:#235271;
    text-decoration:none;
}

h4 a:hover
{
    color:#528bb6;
}

h5
{
    border:none;
    margin-top:13px;
    margin-left:280px;
    margin-right:0;
    margin-bottom:0;
    padding:0;
    font-weight:normal;
    font-size:0.7em;
}

h5 a
{
    color:#5d94b7;
    text-decoration:none;
}

h5 a:hover
{
    text-decoration:underline;
}

/*----------------------------------------------topo*/

#topo
{
    width:798px;
    margin:0px auto;
}

#logo
{
    float:left;
    width:336px;
    height:145px;
}

#busca /*toda a área de busca*/
{
    float:left;
    background-image:url(images/guia3_04.jpg);
    width:462px;
    height:145px;
    *width:460px;*
    _width:460px;_
}

#busca form
{
    margin:0;
    padding:0;
    border:none;
}

.buscar /*imput da busca*/
{
    float:left;
    width:325px;
    height:30px;
    border:none;
    margin-top:48px;
    margin-left:55px;
    margin-right:0;
    margin-bottom:0;
    padding:0;
    font-size:1.6em;
    font-style:italic;
    text-align:center;
    color:#ccc;
}

.buscaokay /*botão de OK da busca*/
{
    float:right;
    width:28px;
    text-align:right;
    border:none;
    margin-top:58px;
    margin-left:38px;
    margin-right:15px;
    *margin-right:5px;*
    margin-bottom:0;
    padding:0;
    color:#fff;
    font-weight:bold;
    font-style:italic;
    text-decoration:none;
}

/*----------------------------------------------conteúdo*/

#conteiner /*refere-se a toda a área de conteúdo (menu + conteúdo)*/
{
    width:700px;
    margin:0px auto;
    background-color:#fff;
	border:none;
	padding:0;
}

/*------------------------------------menu*/

#menu
{
    width:150px;
    height:500px;
    float:left;
    /*background-color:#ccc;*/
}

#indique
{
    width:142px;
    height:158px;
    float:left;
    background-image:url(images/indique1.jpg);
    background-repeat:no-repeat;
    padding-top:45px;
}

.indicando
{
    width:116px;
    height:14px;
    font-size:0.7em;
    margin-bottom:12px;
    margin-left:12px;
    border:none;
    text-align:center;
    color:#666;
}

.item
{
    float:left;
    width:130px;
    height:25px;
    color:#235271;
    border-bottom:1px solid;
    border-bottom-color:#235271;
    padding-top:5px;
    padding-left:20px;
    margin-top:5px;
    margin-bottom:0;
    margin-right:0;
    margin-left:0;
    font-weight:600;
    font-size:0.9em;
}

.item1
{
    float:left;
    width:130px;
    height:25px;
    color:#235271;
    padding-top:5px;
    padding-left:20px;
    margin-top:5px;
    margin-bottom:0;
    margin-right:0;
    margin-left:0;
    font-weight:600;
    font-size:0.9em;
}

.item a
{
    color:#235271;
    text-decoration:none;
}

.item a:hover
{
    color:#ffae00;
}

.submenu
{
    width:150px;
    float:left;
    background-image:url(images/detalhe.jpg);
    background-repeat:repeat-x;
    border:none;
    margin:0;
    padding:0;
}

.subitem
{
    font-size:0.7em;
    border:none;
    margin-top:0;
    margin-bottom:0;
    margin-right:0;
    margin-left:16px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:0;
    padding-right:0; 
}

.subitem a
{
   color:#5787a0; 
   text-decoration:none;
   font-weight:bold;
}

.subitem a:hover
{
   color:#7fadc5; 
   background-image:url(images/seta.gif);
   background-repeat:no-repeat;
   background-position:left;
}

/*------------------------------------área dinâmica da página*/

#conteudo /* refere-se a área onde será exibido o conteúdo dos menus no site*/
{
    width:528px;
    float:right;
}

.multibanner
{
    float:right;
    width:528px; 
    height:250px;
}

.noticias
{
    width:294px;
    height:219px;
    display:table-cell;
    float:left;
    background-image:url(images/bg-noticias.jpg);
    background-repeat:no-repeat;
    background-color:#fff;
    padding-top:25px;
    padding-left:5px;

}

#slideshow
{
    float:left;
    width:210px;
    height:230px;
    padding-top:10px;
    margin-left:10px;
    background-image:url(images/bg-slideshow.jpg);
    background-repeat:no-repeat;
}

#allnews
{
    width:515px;
    float:right;
    background-image:url(images/bg-allnews.jpg);
    background-repeat:no-repeat;
    padding-top:80px;
    text-indent:5px;
}

#produtos
{
    width:515px;
    float:right;
    background-image:url(images/bg-produtos2.jpg);
    background-repeat:no-repeat;
    padding-top:80px;
    text-align:justify;
    text-indent:5px;
}

#produtos a
{
    color:#e38026;
    text-decoration:none;
}

#produtos a:hover
{
    text-decoration:none;
}

#anuncie
{
    width:515px;
    float:right;
    background-image:url(images/bg-anuncie.jpg);
    background-repeat:no-repeat;
    padding-top:80px;
    text-align:justify;
    text-indent:5px;
}

#anuncie a
{
    color:#e38026;
    text-decoration:none;
}

#anuncie a:hover
{
    text-decoration:underline;
}

#quemsomos
{
    width:515px;
    float:right;
    background-image:url(images/bg-quemsomos.jpg);
    background-repeat:no-repeat;
    padding-top:80px;
}

.quemsomos1
{
    text-align:justify;
    text-indent:5px;
    padding-right:10px;
}

#quemsomos a
{
    color:#e38026;
    text-decoration:none;
}

#quemsomos a:hover
{
    text-decoration:underline;
}

#faleconosco
{
    width:515px;
    float:right;
    background-image:url(images/bg-faleconosco.jpg);
    background-repeat:no-repeat;
    padding-top:80px;
    text-align:justify;
    text-indent:5px;
    font-family:Arial, Helvetica, sans-serif;
}

#formcontato
{
    width:490px;
    color:#345b86;
    margin:0px auto;
}


#formcontato th
{
    color:#acb7c7;
    text-align:right;
    font-size:0.8em;
    width:80px;
}

#formcontato input, textarea
{
    border:1px solid;
    border-color:#d2dde7;
    color:#345b86;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:0px;
    background:none;
    font-family:Arial, Helvetica, sans-serif;
}

.faleconosco
{
    width:350px;
}

#atendimento
{
    width:515px;
    float:right;
    background-image:url(images/bg-atendimento_online.jpg);
    background-repeat:no-repeat;
    padding-top:80px;
    text-align:justify;
    text-indent:5px;
    font-family:Arial, Helvetica, sans-serif;
}

#formatendimento
{
    width:490px;
    color:#345b86;
    margin:0px auto;
}


#formatendimento th
{
    color:#acb7c7;
    text-align:right;
    font-size:0.8em;
    width:80px;
}

#formatendimento input, textarea
{
    border:1px solid;
    border-color:#d2dde7;
    color:#345b86;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:0px;
    background:none;
    font-family:Arial, Helvetica, sans-serif;
}

.atendimento
{
    width:350px;
}

#anunciantes
{
    width:515px;
    float:right;
    background-image:url(images/bg-anunciantes.jpg);
    background-repeat:no-repeat;
    padding-top:80px;
    text-align:justify;
    text-indent:5px;
}

#anunciantes a
{
    color:#e38026;
    text-decoration:none;
}

#anunciantes a:hover
{
    text-decoration:none;
}

#busca1
{
    width:515px;
    float:right;
    background-image:url(images/bg-busca.jpg);
    background-repeat:no-repeat;
    padding-top:80px;
    text-align:justify;
    text-indent:5px;
}

#busca1 a
{
    color:#e38026;
    text-decoration:none;
}

#busca1 a:hover
{
    text-decoration:none;
}

.more
{
    color:#e38026;
    text-decoration:none;
    font-size:0.7em;
}

.more a
{
    color:#e38026;
    text-decoration:none;
}

.more a:hover
{
    color:#ee5400;
    text-decoration:none;
}

#arquivonews a
{
    color:#e38026;
    text-decoration:none;
    font-size:0.9em;
    text-align:right;
    padding-right:20px;
}

#arquivonews a:hover
{
    color:#ee5400;
    text-decoration:none;
}

.divisao
{
	 border-bottom:1px dotted;
	 border-bottom-color:#CCC;
}

#empresascaixa
{
    background-image:url(images/bg-empresas.jpg);
    background-repeat:no-repeat;
    width:520px;
}

#empresaslista
{
    float:left;
    width:500px;
    margin-top:30px;
    margin-left:8px;
}

#produtoscaixa
{
    background-image:url(images/bg-produtos.jpg);
    background-repeat:no-repeat;
    width:520px;
}

#produtosgeral
{
    float:left;
    text-align:center;
    width:500px;
    margin-top:50px;
    margin-left:8px;
}

.produtosmostra
{
    text-align:center;
    width:500px;
}

.produtosmostra td
{
    width:166px;
    height:150px;
}

.produtosmostra td p
{
    margin:0;
    padding:2px;
    border:none;
}

.tumbproduto
{
    padding:2px;
    border:1px solid;
    border-color:#ccc;
}

.nomeproduto a
{
    color:#345b86;
    font-size:0.9em;
    font-weight:bold;
    text-decoration:none;
}

.nomeproduto a:hover
{
    text-decoration:underline;
}

.descricaoproduto a
{
    color:#345b86;
    font-size:0.7em;
    text-decoration:none;
}

.descricaoproduto a:hover
{
    text-decoration:underline;
}

.empresadoproduto a
{
    color:#e38026;
    font-size:0.8em;
    font-weight:bold;
    text-decoration:none;
}

.empresadoproduto a:hover
{
    text-decoration:underline;
}

/*----------------------------------------------rodapé*/

#rodape
{
    width:490px;
    height:65px;
    float:left;
    background-image:url(images/bg-rodape.jpg);
    background-repeat:no-repeat;
    padding-left:35px;
    padding-top:18px;
}

#rodape ul
{
   list-style-type:none;
   border:none;
   padding:0;
   margin:0;

}

#rodape li, li a
{
   float:left;
   margin-top:0;
   margin-bottom:0;
   margin-left:0;
   margin-right:4px;
   font-size:0.9em;
   font-weight:bolder;
   color:#345b86;
   text-decoration:none;
}

#rodape li a:hover
{
   color:#4c93e0;
}

.adendo
{
    color:#d4d4d4;
    font-size:0.7em;
    text-align:center;
}

.adendo a
{
    color:#bcbcbc;
    text-decoration:none;
}

.adendo a:hover
{
    color:#7b7b7b;
    text-decoration:none;
}

/*----------------------------------------------estilos usados nas áreas adm*/

#formadmempresa
{
    width:490px;
    color:#345b86;
    margin:0px auto;
}


#formadmempresa th
{
    color:#345b86;
}

#formadmempresa input, textarea
{
    border:1px solid;
    border-color:#d2dde7;
    color:#345b86;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:0px;
    background:none;
}

#formadmempresa1
{
    width:250px;
    color:#345b86;
    text-align:center;
    margin:0px auto;
}

.tabelaplanos
{
    width:490px;
    margin:0px auto;
    *margin-left:390px;*
    _margin-left:390px;_
}

#tabelaplanos2
{
    width:490px;
    color:#345b86;
    padding:5px;
    border:1px solid;
    border-color:#d5e5f3;
    text-align:center;
    *margin-left:390px;*
    _margin-left:390px;_
}

#tabelaplanos2 th
{
    color:#345b86;
    border:1px solid;
    border-color:#d5e5f3;
    padding:5px;
}

#tabelaplanos2 tr
{
    border:1px solid;
    border-color:#d5e5f3;
    padding:5px;
}

#tabelaplanos2 td
{
    border:1px solid;
    border-color:#d5e5f3;
    padding:10px;
}


#tabelaplanos3
{
    width:490px;
    color:#345b86;
    padding:5px;
    border:1px solid;
    border-color:#d5e5f3;
    text-align:center;
    margin-left:180px;
    *margin-left:390px;*
    _margin-left:390px;_
}

#tabelaplanos3 th
{
    color:#345b86;
    border:1px solid;
    border-color:#d5e5f3;
}

#tabelaplanos3 tr
{
    border:1px solid;
    border-color:#d5e5f3;
}

#tabelaplanos3 td
{
    border:1px solid;
    border-color:#d5e5f3;
    padding:5px;
}

.alerta
{
    width:490px;
    background-color:#edfddf;
    text-align:center;
    margin:0;
    *margin-left:15%;*
    _margin-left:10%;_
}

.lembrarsenha
{
    font-size:0.7em;
    text-indent:75px;
}

.lembrarsenha a
{
    text-decoration:none;
    color:#345b86;
}

.lembrarsenha a:hover
{
    text-decoration:underline;
}

p.true
{
    color:#82bd53;
}

p.false
{
    color:#bb0000;
}

hr
{
    border:1px solid;
    border-color:#d9e1e8;
    margin-bottom:20px;
    padding:0px;
}

hr.menor
{
    border:1px dotted;
    border-color:#d9e1e8;
    margin-bottom:20px;
    padding:0px;
}

.backmenu
{
    float:right;
    width:110px;
    padding:0;
    border:none;
    margin-right:50px;
}

.listaproduto
{
    color:#345b86;
    font-size:0.7em;
    text-decoration:none;
}

.logado
{
    width:800px;
    margin:0px auto;
    text-align:right;
}

td#destaque_texto
{
    color:#666;
    text-align:justify;
}

#help
{
    text-align:justify;
    width:700px;
    *margin-left:200px;*
    _margin-left:200px;_
}

h3.pagination
{
     font-weight:normal;
     font-family: Arial, Helvetica, sans-serif;
     font-size:12px;
	 text-align: center;
     border:none;
     padding:0;
     margin:0;
}

h3.pagination a
{
     font-weight:normal;
     font-size:12px;
     text-decoration:none;
	 color:#235271;
     padding:4px;
}

h3.pagination a:hover
{
	 color:#ffae00;
}