/*
Cliente: Citroen
Projeto: Meu Citroen
*/

/*
  --------------
    ELEMENTOS e CLASSES
  --------------
*/

  /* ------- GERAL ------- */
  * { margin: 0; padding: 0; }
  
  .promo img{ display:block;}
  
  
  
  /* ------- ELEMENTOS ------- */
  a img { border: 0; }
  
  
  /* ------- CLASSES ------- */
  .direita, .alignright { float: right; } 
  .esquerda, .alignleft { float: left; } 
  p.direita, p.esquerda { float: none; } 
  p.direita { text-align: right; } 
  p.esquerda { text-align: left; } 
  .centro { text-align: center; }
  
  
  /* contendo float */ 
  .contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
  .contemfloat { display: inline-block; } 
  /* Hides from IE-mac \*/ 
  * .contemfloat { height: 1%; } 
  .contemfloat { display: block; } 
  /* End hide from IE-mac */

  html { background: url(/nova_home/imagens/bg_html.jpg) -29px 0 repeat-y; font-size: 100%; }
  body { width: 999px; position: relative; background: url(/nova_home/imagens/bg_topo.jpg) no-repeat; font: .68em Tahoma, sans-serif; color: #666; }

  * html body { behavior: url(/nova_home/css/css/csshover2.htc); }

  a { color: #666; text-decoration: none; }
  a:hover { text-decoration: underline; }

  fieldset { border: 0; }
  input, select, textarea {  border: 1px solid #bfbfbf; font: 1em Tahoma, sans-serif; color: #666; } /* padding: 2px 3px; */
  
  #skyscraper { position: absolute; top: 0; right: 0; width: 224px; padding-top: 12px; text-align: center; }
  
  #limites { width: 775px; /*margin: 0 auto;*/ }
  
    #topo { position: relative; height: 128px; z-index: 10; }
    #topo h2 { position: absolute; top: 20px; left: 19px; width: 247px; height: 67px; background: url(/nova_home/imagens/logo_meu_citroen.gif) no-repeat; text-indent: -999em; overflow: hidden; }

    #topo #frm_area_cliente { position: relative; float: right; width: 180px; }
    #topo #frm_area_cliente { padding: 15px 25px 0 0; }
    #topo #frm_area_cliente h3 { width: 152px; height: 14px; background: url(/nova_home/imagens/frm_area_cliente_titulo.gif) no-repeat; text-indent: -999em; overflow: hidden; }
    #topo #frm_area_cliente ol { padding: 10px 0 5px; list-style: none; }
    #topo #frm_area_cliente ol li { margin-bottom: 4px; } 
    #topo #frm_area_cliente ol li label { display: block; float: left; width: 40px; padding-right: 5px; line-height: 19px; text-align: right; }
    #topo #frm_area_cliente ol li input#senha { width: 60px; }
    #topo #frm_area_cliente p { margin: 0 0 2px 7px; font-size: .8em; }
    #topo #frm_area_cliente button { position: absolute; top: 63px; left: 117px; display: block; width: 52px; height: 17px; border: 0; background: url(/nova_home/imagens/bg_entar.gif) no-repeat; text-indent: -999em; overflow: hidden; }
    * html #topo #frm_area_cliente button { top: 66px; left: 119px; } 

    #topo #frmajuda { float: right; width: 330px; padding-top: 65px; text-align: center; }
    #topo #frmajuda label { display: none; }
    #topo #frmajuda select { width: 210px; background-color: #dbdbdb; }
    #topo #frmajuda select optgroup { font-style: normal; }
    #topo #frmajuda select option { padding: 0 3px; background-color: #f9f9f9; font-style: normal; }
    
    #topo #menuRegionais{
	position: relative;
	float:left;
	width: 980px;
	padding-top: 10px;
	font-family:Arial;
	font-size: 10px}
    
    /*menu_regionais*/
    #menu_regionais { font-size:8.0px; font-family:Tahoma; font-weight:bold; width: 775px; padding: 2px 0 0px; text-transform: uppercase; text-align:center;background-color:#FFF; }
    #menu_regionais li { display: inline; margin-right:2px; padding-left: 2px; border-left: 1px solid #ccc; }
    #menu_regionais li#primeiro {border: 0px none;}
   
    /*menu_regionais*/
    
    
    
    #menu { background-color:#353535;}        
    #menu { height: 33px; width: 735px; margin: 0 0 0px 0px; list-style: none; z-index: 99; padding-left:40px; }  
    
    #menu li { position: relative; float: left; z-index: 10; }
    #menu li { text-transform: uppercase; font-weight: bold; font-family: arial, sans-serif; }
    #menu li a { display: block; padding: 0 15px; line-height: 33px; color: #fff; text-decoration: none; }
    #menu li:hover, #menu li a:hover { background-color: #e10000; } 
    
    #menu li ul li { text-transform: none; }
    #menu li.modelos ul li { text-transform: uppercase; }
    #menu li.modelos ul li .sub li { text-transform: none; }
    
      #menu li:hover ul { display: block; }
      #menu li ul { position: absolute; display: none; width: 202px; padding-bottom: 2px; background-color: #e10000; z-index: 2; list-style: none; }
      #menu li ul li { position: static; width: 202px; }
      #menu li ul li a { width: 172px; padding-left: 13px; border-left: 2px solid #353535; background-color: #353535; line-height: 22px; }
      #menu li ul li:hover a, #menu li ul li a:hover { border-left-color: #e10000; background-color: #5d5d5d; }
      

        #menu li ul li .sub, #menu li:hover ul li .sub { top: -999em; /* display: none; */ }
        #menu li ul li:hover .sub { top: 0; }


        #menu li ul li .sub { right: -250px; width: 250px; border-bottom: 2px solid #818181; min-height: 384px; background-color: #4d4d4d; }
        * html #menu li ul li .sub { height: 218px; }
        #menu li ul li .sub li { width: 250px; }
        #menu li ul li .sub li img { display: block; }
        #menu li ul li:hover .sub li a, #menu li ul li .sub li a { width: 220px; border-left-color: #4d4d4d; background-color: #4d4d4d; }
        #menu li ul li .sub li a:hover { background-color: #616161; }

    /* lista de modelos */
    #menu li.modelos dl { position: absolute; display: none; padding-top: 10px; border-top: 1px solid #fff; border-bottom: 2px solid #e10000; background-color: #353535; z-index: 10; }
    #menu li.modelos:hover dl { display: block; } 
    #menu li.modelos dl dt, #menu li.modelos dl dt a, #menu li.modelos dl dt a:hover { background-color: #353535; line-height: 22px; color: #e10000; }
	#menu li.modelos dl dt { padding-left: 15px; }
	#menu li.modelos dl dt a { padding-left: 0; }
    #menu li.modelos dl dd ul li:hover { background-color: #5d5d5d; }
    #menu li.modelos dl dd ul li a { padding-left: 25px; background: url(/nova_home/imagens/seta_menu.gif) 15px center no-repeat; }
    #menu li.modelos dl dd ul li a:hover { background-color: #5d5d5d; }
    #menu li.modelos ul { position: static; display: block; width: 202px; padding-bottom: 0; background-color: #353535; z-index: 2; list-style: none; }
    #menu li.modelos ul li ul { position: absolute; height: 340px; }
    #menu li.modelos ul li ul li a { padding-left: 13px; background: none; }
    /* #menu li.modelos ul li.ativo ul { top: 0; } */
	/* item especial - programa Mobilite */
	#menu li.modelos dl dd ul li.item_programa a { width: 160px; }
    
      

    #conteudo { width: 725px; margin: 0 auto; }
    #conteudo p { margin-bottom: 1.1em; line-height: 1.4em; }
    #conteudo .banner { position: relative; margin-bottom: 34px; }
    html > body #conteudo .banner { left: -28px; }
     /* #conteudo .banner img { width: 738px; } desativado na conversao de banner swf / html*/

    /* titulos */
    #conteudo #veiculos_novos h3, #conteudo #frm_veiculos_seminovos h3, #conteudo #frm_concessionarias h3 { height: 30px; background: url(/nova_home/imagens/titulos.gif) no-repeat; text-indent: -999em; overflow: hidden; }

    #conteudo #veiculos_novos .interna, #conteudo #frm_veiculos_seminovos .interna, #conteudo #frm_concessionarias .interna { background: url(/nova_home/imagens/pontilhado_vertical.gif) right 0 repeat-y; }
    #conteudo #frm_veiculos_seminovos button, #conteudo #frm_concessionarias button { display: block; width: 112px; height: 25px; margin: 0 auto; border: 0; background: url(/nova_home/imagens/bt_procurar.gif) no-repeat; text-indent: -999em; overflow: hidden; }

    #conteudo #veiculos_novos { width: 234px; }
    #conteudo #veiculos_novos ul { width: 234px; background: url(/nova_home/imagens/pontilhado_vertical.gif) right 0 repeat-y; list-style: none; }
    #conteudo #veiculos_novos ul li a { display: block; width: 220px; height: 112px; overflow: hidden; }  /* text-indent: -999em;  */
    #conteudo #veiculos_novos ul .c3 { margin-bottom: 11px; }
    #conteudo #veiculos_novos ul .c3 a { background: url(/nova_home/imagens/link_hotsite_c3.gif) no-repeat; }
    #conteudo #veiculos_novos ul .c4_picasso a { background: url(/nova_home/imagens/link_hotsite_c4_picasso.gif) no-repeat; }

    #conteudo #frm_veiculos_seminovos { width: 251px; height: 265px; background: url(/nova_home/imagens/bg_imagem_1.jpg) center 30px no-repeat; }
    #conteudo #frm_veiculos_seminovos h3 { margin-left: 15px; background-position: 0 -30px; }
    #conteudo #frm_veiculos_seminovos .interna { height: 165px; padding: 70px 15px 0; }
    #conteudo #frm_veiculos_seminovos ol { list-style: none; margin-bottom: 12px; }
    #conteudo #frm_veiculos_seminovos li { width: 195px; margin: 0 auto 7px; }
    #conteudo #frm_veiculos_seminovos select { width: 195px; }
    
    #conteudo #frm_concessionarias { width: 240px; height: 265px; }
    #conteudo #frm_concessionarias fieldset { margin-left: 15px; background: url(/nova_home/imagens/bg_imagem_2.jpg) center 30px no-repeat; }
    #conteudo #frm_concessionarias h3 { margin-bottom: 70px; background-position: 0 -60px; }
    #conteudo #frm_concessionarias ol { list-style: none; margin-bottom: 12px; }
    #conteudo #frm_concessionarias li { width: 205px; margin: 0 auto 7px; }
    #conteudo #frm_concessionarias select { width: 205px; }

    #conteudo #servicos { clear: both; width: 350px; margin: 25px 0; list-style: none; }
    #conteudo #servicos li { width: 245px; margin-bottom: 8px; padding: 10px 15px 5px 90px; background: #f1f1f1 url(/nova_home/imagens/icones_servicos.png) no-repeat; }
    html > body #conteudo #servicos li:hover { background-color: #d9d9da; }
    #conteudo #servicos li.acessorios { background-position: 0 -78px; }
    #conteudo #servicos li.avalie_usado { background-position: 0 -156px; }
    #conteudo #servicos li.contacao_seguro { background-position: 0 -234px; }
    #conteudo #servicos li h4 { height: 22px; background: url(/nova_home/imagens/titulos.png) 0 -5px no-repeat; text-transform: uppercase; text-indent: -999em; overflow: hidden; }
    #conteudo #servicos li.acessorios h4 { background-position: 0 -35px; }
    #conteudo #servicos li.avalie_usado h4 { background-position: 0 -65px; }
    #conteudo #servicos li.contacao_seguro h4 { background-position: 0 -95px; }
    #conteudo #servicos li a { display: block; }
    
    #conteudo #relacionamento { width: 353px; margin: 25px 0 10px 370px; list-style: none; }
    * html #conteudo #relacionamento { width: 350px; }
    #conteudo #relacionamento li { height: 80px; margin-bottom: 8px; padding: 10px 0 0 142px; background-color: #353535; background-repeat: no-repeat; }
    #conteudo #relacionamento li.trabalhe { background-image: url(/nova_home/imagens/imagem_1.jpg); }
    #conteudo #relacionamento li.cadastre { background-image: url(/nova_home/imagens/imagem_2.jpg); }
    #conteudo #relacionamento li h4 { height: 22px; background: url(/nova_home/imagens/titulos.png) no-repeat; text-indent: -999em; overflow: hidden; }
    #conteudo #relacionamento li.trabalhe h4 { background-position: 0 -125px; }
    #conteudo #relacionamento li.cadastre h4 { background-position: 0 -155px; }
    #conteudo #relacionamento li a { display: block; color: #fff; }

    #conteudo #frm_newsletter { position: relative; width: 311px; margin: 0 0 0 370px; padding: 10px 20px 17px; border: 1px solid #d9d9d9; background: url(/nova_home/imagens/bg_newsletter.gif) right bottom no-repeat; }
    * html #conteudo #frm_newsletter { width: 307px; }
    #conteudo #frm_newsletter h4 { height: 20px; background: url(/nova_home/imagens/titulos.png) 0 -185px no-repeat; text-indent: -999em; overflow: hidden; }
    #conteudo #frm_newsletter ol { list-style: none; }
    #conteudo #frm_newsletter ol li { margin-bottom: 6px; }
    #conteudo #frm_newsletter ol li input { width: 190px; }
    #conteudo #frm_newsletter ol li input#email_news { width: 120px; }
    #conteudo #frm_newsletter ol label { float: left; display: block; width: 35px; padding-right: 5px; line-height: 19px; text-align: right; }
    #conteudo #frm_newsletter button { position: absolute; bottom: 24px; left: 197px; display: block; width: 60px; height: 17px; border: 0; background: url(/nova_home/imagens/bt_enviar.gif) no-repeat; text-indent: -999em; overflow: hidden; }
    
    #conteudo #opcoes { clear: both; width: 710px; margin: 0 auto; list-style: none; }
    #conteudo #opcoes a { display: block; width: 206px; height: 52px; text-indent: -999em; overflow: hidden; }
    #conteudo #opcoes .noticias a { background: url(/nova_home/imagens/bg_icone_noticias.gif) center no-repeat; }
    #conteudo #opcoes .fale_conosco { margin-left: 55px; }
    #conteudo #opcoes .fale_conosco a { background: url(/nova_home/imagens/bg_icones_fale_conosco.gif) center no-repeat; }
    #conteudo #opcoes .blog { margin-top: -6px; }
    #conteudo #opcoes .blog a { background: url(/nova_home/imagens/bg_icone_blog.gif) center no-repeat; }
	
    #conteudo #social { float: right; margin-top: 5px; list-style: none; }
    #conteudo #social li { float: left; margin: 0 3px; background: url(/nova_home/imagens/icones_social.jpg) no-repeat; text-indent: -9999em; overflow: hidden; }
    #conteudo #social li.twitter { width: 56px; height: 22px; }
    #conteudo #social li.orkut { width: 47px; height: 23px; background-position: -62px 0; }
    #conteudo #social li.youtube { width: 46px; height: 24px; background-position: -112px 0; }
    #conteudo #social li.facebook { width: 54px; height: 20px; background-position: -165px 0; }
    #conteudo #social li a { display: block; height: 100%; }
    
    #rodape { width: 100%; padding: 40px 0 30px; text-align: center; border-bottom: 7px solid #353535; background: url(/nova_home/imagens/bg_rodape.jpg) 0 bottom repeat-x; }
    
    #rodape li { display: inline; margin-right: 8px; padding-left: 8px; border-left: 1px solid #ccc; }
    #rodape li.primeiro { border: 0; }
    

/*
  --------------
    REGIONAIS
  --------------
*/
  
  .destaques #concessionarias { z-index: 0; }
  .destaques #concessionarias h3, .destaques #veiculos h3 { text-indent: -9999em; }
  .destaques #concessionarias h3 { width: 241px; height: 14px; margin-bottom: 20px; background: url(/nova_home/imagens/parana-nossas_concessionarias_titulo.png) no-repeat; }
  .destaques #concessionarias ul { position: relative; width: 745px; margin-left: -3px; list-style: none; z-index: 1; }
  html > body .destaques #concessionarias ul { margin-left: -11px; }
  .destaques #concessionarias.duas ul { margin-left: -13px; }
  html > body .destaques #concessionarias.duas ul { margin-left: -22px; }
  .destaques #concessionarias ul li { position: relative; float: left; display: inline; margin-left: 13px; padding-bottom: 53px; text-align: center; z-index: 1; }
  .destaques #concessionarias.duas ul li { width: 350px; margin-left: 22px; background: url(/nova_home/imagens/duas-nossas_concessionarias_item_bg.png) bottom no-repeat; }
  .destaques #concessionarias.tres ul li { width: 230px; background: url(/nova_home/imagens/tres-nossas_concessionarias_item_bg.png) bottom no-repeat; }
  .destaques #concessionarias ul li h4, .destaques #concessionarias ul li p { position: absolute; width: 100%; font-size: 1em; text-align: center; }
  .destaques #concessionarias ul li h4 { bottom: 27px; color: #c00; }
  .destaques #concessionarias ul li p { bottom: 0; }
  
  .destaques #veiculos { position: relative; height: 173px; margin: 7px 0 31px; color: #666; }
  .destaques #veiculos h3 { position: relative; top: 35px; width: 192px; height: 14px; margin-bottom: 20px; background: url(/nova_home/imagens/veiculos_titulo.png) no-repeat; }
  .destaques #veiculos form { padding: 63px 20px 0 0; text-align: right; }
  html > body .destaques #veiculos form { padding-top: 70px; }
  .destaques #veiculos form h4 { position: absolute; top: 79px; right: 20px; font-size: 1em; }
  .destaques #veiculos form ol { list-style: none; }
  .destaques #veiculos form ol li { display: inline; }
  .destaques #veiculos form ol li select { width: 123px; font-size: 1.1em; }
  .destaques #veiculos form button { width: 112px; height: 25px; margin-top: 10px; border: 0; background: url(/nova_home/imagens/veiculos_form_botao.png) no-repeat; text-indent: -9999em; }
  
  ul#areas { position: relative; width: 740px; left: -9px; margin-bottom: 35px; list-style: none; }
  ul#areas li { float: left; width: 146px; height: 116px; margin-left: 9px; padding: 11px 13px; background: #f1f1f1; }
  ul#areas li:hover { background: #d9d9d9; }
  ul#areas li h3 { margin-bottom: 10px; text-indent: -9999em; overflow: hidden; }
  ul#areas li.oficinas h3 { width: 127px; height: 33px; background: url(/nova_home/imagens/areas_oficinas.png) no-repeat; } 
  ul#areas li.acessorios h3 { width: 138px; height: 35px; background: url(/nova_home/imagens/areas_acessorios.png) no-repeat; }
  ul#areas li.avalie h3 { width: 127px; height: 34px; background: url(/nova_home/imagens/areas_avalie.png) no-repeat; }
  ul#areas li.cotacao h3 { width: 142px; height: 38px; background: url(/nova_home/imagens/areas_cotacao.png) no-repeat; }
  
  
  /* ------- PARANA ------- */
  #parana { background-image: url(/nova_home/imagens/parana-bg_topo.jpg); }
  
    /* ------- TOPO ------- */
    #parana #topo #frm_area_cliente h3 { background-image: url(/nova_home/imagens/parana-frm_area_cliente_titulo.png); }
    #parana #topo h2 { left: 58px; background-image: url(/nova_home/imagens/parana-logo_meu_citroen.png); }
    
    
    /* ------- CONTEUDO ------- */
    #parana .destaques #veiculos { background: url(/nova_home/imagens/parana-veiculos_bg.jpg) no-repeat; color: #666; }
  
  
  /* ------- PORTO ALEGRE ------- */
  #porto_alegre { background-image: url(/nova_home/imagens/porto_alegre-bg_topo.jpg); }
  
    /* ------- TOPO ------- */
    #porto_alegre #topo #frm_area_cliente h3 { background-image: url(/nova_home/imagens/porto_alegre-frm_area_cliente_titulo.png); }
    #porto_alegre #topo h2 { left: 58px; background-image: url(/nova_home/imagens/porto_alegre-logo_meu_citroen.png); }
    
    /* ------- CONTEUDO ------- */
    #porto_alegre .destaques #veiculos { background: url(/nova_home/imagens/porto_alegre-veiculos_bg.jpg) no-repeat; color: #666; }
    
  
  /* ------- ABC ------- */
  #abc {  width: 620px;background-image: url(/nova_home/imagens/abc-bg_topo.jpg); }
  
    /* ------- TOPO ------- */
    #abc #topo #frm_area_cliente h3 { background-image: url(/nova_home/imagens/abc-frm_area_cliente_titulo.png); }
    #abc #topo h2 { left: 58px; background-image: url(/nova_home/imagens/abc-logo_meu_citroen.png); }
    
    /* ------- CONTEUDO ------- */
    #abc .destaques #veiculos { background: url(/nova_home/imagens/abc-veiculos_bg.jpg) no-repeat; color: #666; }
  
  
  /* ------- RECIFE ------- */
  #recife { background-image: url(/nova_home/imagens/recife-bg_topo.jpg); }
  
    /* ------- TOPO ------- */
    #recife #topo #frm_area_cliente h3 { background-image: url(/nova_home/imagens/recife-frm_area_cliente_titulo.png); }
    #recife #topo h2 { left: 58px; background-image: url(/nova_home/imagens/recife-logo_meu_citroen.png); }
    
    /* ------- CONTEUDO ------- */
    #recife .destaques #veiculos { background: url(/nova_home/imagens/recife-veiculos_bg.jpg) no-repeat; color: #666; }
    #recife .destaques #veiculos h3 { top: 17px; }
    #recife .destaques #veiculos form { padding-top: 40px; }
    html > body#recife .destaques #veiculos form { padding-top: 47px; }
    #recife .destaques #veiculos form h4 { top: 55px; }
  
  
  /* ------- RIO DE JANEIRO ------- */
  #rio { background-image: url(/nova_home/imagens/rio-bg_topo.jpg); }
  
    /* ------- TOPO ------- */
    #rio #topo #frm_area_cliente h3 { background-image: url(/nova_home/imagens/rio-frm_area_cliente_titulo.png); }
    #rio #topo h2 { left: 58px; background-image: url(/nova_home/imagens/rio-logo_meu_citroen.png); }
    
    /* ------- CONTEUDO ------- */
    #rio .destaques #concessionarias { float: left; width: 436px; height: 200px; margin-bottom: 20px; padding: 53px 19px 19px; background: url(/nova_home/imagens/rio-concessionarias_bg.jpg) no-repeat; color: #666; }
    #rio .destaques #concessionarias h3 { margin: -53px 0 35px; }
    #rio .destaques #concessionarias form ol { list-style: none; }
    #rio .destaques #concessionarias form ol li { display: inline; }
    #rio .destaques #concessionarias form ol li select { width: 200px; margin-right: 15px; font-size: 1.1em; }
    #rio .destaques #veiculos { margin: 0 0 20px 497px; background: url(/nova_home/imagens/rio-veiculos_bg.jpg) 0 36px no-repeat; }
    #rio .destaques #veiculos h3 { top: 0; }
    #rio .destaques #veiculos form { padding: 106px 0 0; }
    #rio .destaques #veiculos form h4 { left: 0; padding: 27px 0 0 12px; font-weight: normal; text-align: left; }
    #rio .destaques #veiculos form ol { text-align: center; }
    #rio .destaques #veiculos form select { width: 205px; margin-bottom: 5px; }
    #rio .destaques #veiculos form button { position: relative; display: block; margin: 10px auto; }
  
  
  /* ------- NITEROI ------- */
  #niteroi { background-image: url(/nova_home/imagens/niteroi-bg_topo.jpg); }
  
    /* ------- TOPO ------- */
    #niteroi #topo #frm_area_cliente h3 { background-image: url(/nova_home/imagens/recife-frm_area_cliente_titulo.png); }
    #niteroi #topo h2 { width: 197px; height: 68px; top: 26px; left: 58px; background-image: url(/nova_home/imagens/niteroi-logo_meu_citroen.png); }
    
    /* ------- CONTEUDO ------- */
    #niteroi .destaques #veiculos { background: url(/nova_home/imagens/niteroi-veiculos_bg.jpg) no-repeat; color: #666; }
    #niteroi .destaques #veiculos h3 { top: 17px; }
    #niteroi .destaques #veiculos form { padding-top: 40px; }
    html > body#niteroi .destaques #veiculos form { padding-top: 47px; }
    #niteroi .destaques #veiculos form h4 { top: 55px; }


  /* ------- BELO HORIZONTE ------- */
  #bh { background-image: url(/nova_home/imagens/bh-bg_topo.jpg); }

    /* ------- TOPO ------- */
    #bh #topo #frm_area_cliente h3 { background-image: url(/nova_home/imagens/bh-frm_area_cliente_titulo.png); }
    #bh #topo h2 { width: 197px; height: 68px; top: 26px; left: 58px; background-image: url(/nova_home/imagens/bh-logo_meu_citroen.png); }

    /* ------- CONTEUDO ------- */
    #bh .destaques #veiculos { background: url(/nova_home/imagens/bh-veiculos_bg.jpg) no-repeat; color: #666; }
    #bh .destaques #veiculos h3 { top: 17px; }
    #bh .destaques #veiculos form { padding-top: 45px; }
    html > body#bh .destaques #veiculos form { padding-top: 52px; }
    #bh .destaques #veiculos form h4 { top: 60px; }
    
    
  /* ------- BRASILIA ------- */
  #brasilia { background-image: url(/nova_home/imagens/brasilia-bg_topo.jpg); }

    /* ------- TOPO ------- */
    #brasilia #topo #frm_area_cliente h3 { background-image: url(/nova_home/imagens/brasilia-frm_area_cliente_titulo.png); }
    #brasilia #topo h2 { width: 197px; height: 68px; top: 26px; left: 58px; background-image: url(/nova_home/imagens/brasilia-logo_meu_citroen.png); }

    /* ------- CONTEUDO ------- */
    #brasilia .destaques #veiculos { background: url(/nova_home/imagens/brasilia-veiculos_bg.jpg) no-repeat; color: #666; }
    #brasilia .destaques #veiculos h3 { top: 17px; }
    #brasilia .destaques #veiculos form { padding-top: 50px; }
    html > body#brasilia .destaques #veiculos form { padding-top: 57px; }
    #brasilia .destaques #veiculos form h4 { top: 65px; }
	
	
	/* ------- SALVADOR ------- */
	#salvador { background-image: url(/nova_home/imagens/salvador-bg_topo.jpg); }
	
		/* ------- TOPO ------- */
		#salvador #topo h2 { top: 24px; left: 60px; width: 197px; height: 68px; background-image: url(/nova_home/imagens/salvador-logo_meu_citroen.png); }
		
		/* ------- CONTEUDO ------- */
		#salvador .destaques #concessionaria { position: relative; float: left; width: 162px; height: 270px; margin-bottom: 30px; padding-left: 325px; background: url(/nova_home/imagens/salvador-concessionaria_bg.jpg) right 0 no-repeat; }
		#salvador .destaques #concessionaria h3 { margin: 0 0 20px -325px; background: url(/nova_home/imagens/nossa_concessionaria_titulo.png) no-repeat; text-indent: -9999em; overflow: hidden; }
		#salvador .destaques #concessionaria a.esquerda { position: absolute; bottom: 0; left: 0; }
		#salvador .destaques #concessionaria h4 { padding-top: 23px; font-size: 1.1em; color: #c00; }
		#salvador .destaques #concessionaria ul { margin-top: 60px; list-style: none; }
		#salvador .destaques #veiculos { height: 271px; margin: 0 0 30px 505px; background: url(/nova_home/imagens/salvador-veiculos_bg.jpg) 0 47px no-repeat; text-align: center; }
		#salvador .destaques #veiculos h3 { top: 0; }
		#salvador .destaques #veiculos form { padding: 75px 0 0; text-align: center; }
		#salvador .destaques #veiculos form h4 { position: static; margin-bottom: 10px; }
		#salvador .destaques #veiculos form ol li { display: block; margin-bottom: 5px; }
		#salvador .destaques #veiculos form button { position: relative; display: block; margin: 5px auto 0; }


	/* ------- ESPIRITO SANTO ------- */
	#espirito_santo { background-image: url(/nova_home/imagens/espirito-santo-bg_topo.jpg); }
	
		/* ------- TOPO ------- */
		#espirito_santo #topo h2 { top: 24px; left: 60px; width: 197px; height: 68px; background-image: url(/nova_home/imagens/espirito-santo-logo_meu_citroen.png); }
		
		/* ------- CONTEUDO -------
		#espirito_santo .destaques #concessionaria { position: relative; float: left; width: 162px; height: 253px; margin-bottom: 10px; padding-left: 325px; background: url(/imagens/espirito-santo-concessionaria_bg.jpg) right 0 no-repeat; overflow: hidden; }
		#espirito_santo .destaques #concessionaria h3 { margin-left: -325px; background: url(/imagens/nossa_concessionaria_titulo.png) no-repeat; text-indent: -9999em; overflow: hidden; }
		#espirito_santo .destaques #concessionaria a.esquerda { position: absolute; bottom: 0; left: 0; }
		#espirito_santo .destaques #concessionaria h4 { padding-top: 23px; font-size: 1.1em; color: #c00; }
		#espirito_santo .destaques #concessionaria ul { margin-top: 75px; list-style: none; }
		#espirito_santo .destaques #veiculos { height: 271px; margin: 0 0 10px 505px; background: url(/imagens/salvador-veiculos_bg.jpg) 0 28px no-repeat; text-align: center; }
		#espirito_santo .destaques #veiculos h3 { top: 0; }
		#espirito_santo .destaques #veiculos form { padding: 56px 0 0; text-align: center; }
		#espirito_santo .destaques #veiculos form h4 { position: static; margin-bottom: 10px; }
		#espirito_santo .destaques #veiculos form ol li { display: block; margin-bottom: 5px; }
		#espirito_santo .destaques #veiculos form button { position: relative; display: block; margin: 5px auto 0; }
		*/
		
		/* ------- CONTEUDO ------- */
    #espirito_santo .destaques #veiculos { background: url(/nova_home/imagens/espirito-santo-veiculos_bg.jpg) 0 24px no-repeat; color: #666; }
    #espirito_santo .destaques #veiculos h3 { top: 17px; }
    #espirito_santo .destaques #veiculos form { padding-top: 50px; }
    html > body#espirito_santo .destaques #veiculos form { padding-top: 57px; }
    #espirito_santo .destaques #veiculos form h4 { top: 65px; }
