﻿@charset "utf-8";
/* CSS Document */

* {margin: 0;padding: 0;}

/*Fix outros css*/
/*#menu_2011_content dl{display:block}*/
#cabecalho_geral > div > div{width:950px}
#home_noticias{ padding:30px 0}
.descricaoPH_v2{clear:both}

#menu_2011_container{background:url(/_newimages/background/menu_2011_container_bkg.jpg) repeat-x}
/*------Menu Fechado-------*/
.menu_fechado #menu_2011_content dl{display: none}
.menu_fechado #tituloprincipal{ margin-top:-2px; padding:80px 0 15px 0}
#menu_2011_content > ul{height:47px !important}
#menu_2011_content li{ display:inline-block}
/*-------------*/


#template { width: 945px;margin:auto;}
#template a img{ border:none}

#banner_principal { position:relative; float:left; /*margin:25px 0 30px 0*/ margin:-1px 0 30px 0}
	#banner_principal.semmargem {margin:0}


#destaque.commargem{margin-top:30px; position:relative; float: left}
#destaque .itemdestaque { position:relative; float:left; width:295px; }
	#destaque .centro{ margin:0 30px}
	#destaque .itemdestaque a{color:#0231BB; text-decoration:none}
	#destaque .itemdestaque li{ list-style:none; background: url(/_newimages/bullets/mini_seta_azul.png) no-repeat left center; line-height:22px; padding-left:10px  }
	
	#destaque .itemdestaque .li_container{ padding:15px; border:1px solid #D1D1D1; border-top:0px; position:relative; float:left; width:263px}
	#destaque .itemdestaque .li_container .li_cont2{ margin-left:5px }
	
	#destaque .blocostexto{border:1px solid #D1D1D1; border-top:none; padding:15px;position:relative; float:left;}
	#destaque .blocostexto img{ position:relative; float:left; margin-right:15px}
	
#box_icones{margin-top:30px; position:relative; float:left}
	#box_icones ul{border:1px solid #D1D1D1; border-top:0px; position:relative; float:left; padding:0 50px 50px}
	#box_icones ul li{position:relative; float:left; list-style:none; margin:50px 42px 0 }
	
#sac{position:relative; float:left; border:1px solid #D1D1D1; padding:10px; margin-bottom:30px }
	#sac .sacitem{text-align:center; font-weight:bold; width:305px; position:relative; float:left; padding:15px 0;  background:url(/_newimages/background/sac_bg.jpg) repeat-y left}
	#sac .sacitem.centro{border-left:1px solid #D1D1D1; border-right:1px solid #D1D1D1;}
	#sac .sacitem h2{ font-size:16px; color:#0231BB}
	#sac .sacitem h3{ font-size:22px; color:#333333; }
	
/*----------------- TITULO PRINCIPAL -----------------------*/
#tituloprincipal{ background:url(/_newimages/background/bkg_cabecalho_azul.jpg) repeat-x; position:relative; float:left; width:100%}
	#tituloprincipal .wrapper{width:950px; margin:0 auto}
	

/*----------------- ICONES COM SUBMENU -----------------------*/
#icones_blocos{ position:relative; float:left; margin-top:-295px; padding:0 70px}
	#icones_blocos img, #icones_blocos embed{ margin:30px 30px 0 30px; cursor:pointer }
	
	#icones_blocos .submenu{position:absolute; margin:0 30px; width:75%; z-index:2; top:130px }
	
	#icones_blocos .li_container{padding:0px 15px 15px; background:url(/pj/_imagens/submenu_bkg.png) no-repeat bottom left; position:relative; float:left; width:93% }
	#icones_blocos .li_cont2{border-left:1px solid #dbdde0; border-right:1px solid #dbdde0; padding:0 20px; margin:0 20px }
	#icones_blocos .submenu.linha2 .li_container{ background-position:top left; padding:15px 15px 0px;}
	#icones_blocos .submenu.linha2{ top:auto; bottom:100px; }

	#icones_blocos ul li{list-style:none; padding:3px; }
	#icones_blocos ul a{color:#002f51; text-decoration:none; text-decoration: none;}
	
	#icones_blocos .submenubkg{ position:relative; float:left; width:100%; height:20px; background:url(/pj/_imagens/submenu_bkg1.png) no-repeat bottom left; }
	#icones_blocos .item1 .submenubkg{background:url(/pj/_imagens/submenu_bkg5.png) no-repeat bottom left;}
	#icones_blocos .item2 .submenubkg{background:url(/pj/_imagens/submenu_bkg6.png) no-repeat bottom left;}
	#icones_blocos .item3 .submenubkg{background:url(/pj/_imagens/submenu_bkg7.png) no-repeat bottom left;}
	#icones_blocos .item4 .submenubkg{background:url(/pj/_imagens/submenu_bkg8.png) no-repeat bottom left;}
	#icones_blocos .item5 .submenubkg{background:url(/pj/_imagens/submenu_bkg1.png) no-repeat bottom left;}
	#icones_blocos .item6 .submenubkg{background:url(/pj/_imagens/submenu_bkg2.png) no-repeat bottom left;}
	#icones_blocos .item7 .submenubkg{background:url(/pj/_imagens/submenu_bkg3.png) no-repeat bottom left;}
	#icones_blocos .item8 .submenubkg{background:url(/pj/_imagens/submenu_bkg4.png) no-repeat bottom left;}

/*----------------- COLUNAS FIX IE -----------------------*/
.li_container ul{ position:relative; float:left; }
*+html .li_container ul{display:inline-block; width:184px !important}
.estilosrodape .coluna{ width:24%\9;}
.estilosrodape .caixanasredes p img, .estilosrodape #rodapebanner img{margin:0 3px 0 0\9}


/*----------------- MENU AZUL -----------------------*/
#menuazul_principal ul{background:url(/_images/background/bkg_menu_azul.jpg) repeat-x ; position:relative; float:left !important; width:100%; border-color:#CCD0E8 #BCC4E4 #DDDBEA #CACFE9; border-radius:4px 4px 0 0; }
	#menuazul_principal ul li{ position:relative; float:left; list-style:none; background:url(/_images/background/bkg_menu_azul_border.jpg) no-repeat left;}
	#menuazul_principal ul li:first-child{background:none}
	#menuazul_principal ul li a{ color:#fff; font-weight:bold; text-decoration:none; padding:15px 30px; position:relative; float:left}
	#menuazul_principal ul li a:hover{text-decoration:underline}
	
	#menuazul_principal ul li ul{position:absolute;z-index:6;background:#0438bf; width:150px; padding:0; top:45px; border-radius:0 0 4px 4px; display:none; left: 0;}
	#menuazul_principal ul li ul li{float:none;display:block; color: fff}
	#menuazul_principal ul li ul li a:hover{}

/*-------------Corpo-------------------*/
#area_corpo{ position:relative; float:left; width:100%; margin-bottom:50px; color:#333}

#corpo_esquerda {position:relative; float:left; width:160px; margin-right:15px}
	#corpo_esquerda a{ color:#333333; text-decoration:none;  display:block}
	#corpo_esquerda a:hover{ text-decoration:underline; font-weight:bold}
	#corpo_esquerda h3 { background:url("/_images/bullets/bullet_seta_cinza_mini.png") no-repeat left; padding:12px 6px 12px 16px; font-size:13px;border-bottom:1px solid #D4DCF1; cursor:pointer}
	#corpo_esquerda ul{display:none; border-bottom:1px solid #D4DCF1}
	#corpo_esquerda ul li{list-style:none; padding:6px 0px; margin-left:10px; background:url("/_images/bullets/bullet_circulo_cinza.png") no-repeat left; }
	#corpo_esquerda ul li a{padding:5px 6px 6px 16px;}
	#corpo_esquerda ul.active{display:block}
	#corpo_esquerda ul.active li.active{font-weight:bold}
	
#corpo_meio{ position:relative; float:left; width:510px; margin:0 10px}
	#corpo_meio	h3{font-size:14px; font-weight:bold; color:#0039BA; text-transform:uppercase; }
	#corpo_meio	h4{font-size:13px; font-weight:bold; padding:15px 0 10px }
	#corpo_meio p, #corpo_meio ul{margin-top:15px; line-height:19px; color:#333}
	#corpo_meio img{ position:relative; float:left; margin-right:10px}
	#corpo_meio.meiolargo{width:750px}
	#corpo_meio ul li{ list-style:disc; list-style-position:inside; padding:5px 0; margin-left:20px}
	
	
#corpo_direita{ position:relative; float:right; width:232px}
	#corpo_direita .veja_tambem{}
	#corpo_direita .veja_tambem h3{ display:block; background:url("/_newimages/titulos/Veja_tambem.jpg") top left no-repeat; font-size:0; width:100%; height:32px}
	#corpo_direita .veja_tambem ul li{ list-style:none; background:url("/_images/bullets/bullet_seta_azul_mini.png") no-repeat left; line-height:20px }
	#corpo_direita .veja_tambem a{ padding:5px 6px 6px 16px; color:#0039ba; text-decoration:none; font-weight:bold;}
	#corpo_direita .veja_tambem_content{padding:15px; border:1px solid #d8d8d8; border-top:none}
	#corpo_direita .veja_tambem_content div { margin-top:10px; background:url("/_images/bullets/bullet_seta_azul_mini.png") no-repeat left;}
	#corpo_direita .veja_tambem_content div a{font-size:11px}
	
	
.clr{ width:100%; clear:both}
	
/*-------------Breadcrumbs-----------------*/
#title_navbar{position:relative; float:left; width:100%; font-size:11px; padding:10px}
	#title_navbar a{font-size:11px; color:#0039ba; position:relative; float:left; padding-right:5px}
	#title_navbar a.inicio{ color:#585858 }
	#title_navbar div{ font-size:0px; background:url("/_images/bullets/bullet_seta_cinza_extramini.png") no-repeat center; width:3px; height:15px; position:relative; float:left; margin-right:7px}
	
/*Banner direita*/
.bannerdireta{text-align:center; margin-top:25px}
	.bannerdireta img{margin:0; padding:0; border:0}
	
/*toggle*/
h5.toggle{background:url("/_images/habiatcao_toggle_bkg.png") no-repeat center; width:96%; font-size:14px; font-weight:bold; padding:8px; color:#0039ba; cursor:pointer; margin-top:10px}
	.toggleopen{padding:0 10px; margin-bottom:20px}
	.togglestyle .toggleopen{ background:#f8f8f8; border:dddbea; padding:0}
	.togglestyle .toggleopen h6{ background:#dbe3f3; width:96%; padding:10px;  color:#0039ba; font-size:12px; margin-top:10px}
	.togglestyle .toggleopen p, .togglestyle .toggleopen ul{ padding:5px 10px; margin-top:0 !important}

	
/*form*/
#tenplate .styled-select select { background: transparent; width: 450px; padding: 5px; color:#005689; font-weight:bold; border: 0px; height: 27px;-webkit-appearance: none;}
	#tenplate .styled-select {width: 425px; height: 27px; overflow: hidden; background: url("/_images/background/Selectbox_Bkg.png") no-repeat center; position:relative; float:right}
	#tenplate label, #template .selecttitle{font-weight:bold; font-size:14px; position:relative; float:left; padding:5px 0}
	#tenplate .formitem{position:relative; float:right; width:70%; margin:10px 0}
	#tenplate .selecttitle p{margin-top:8px !important}
	
.descricaoPH_v2{clear:both}

/*tabela*/
#corpo_meio table{width:100%}
#corpo_meio table.tabelacinza{ width:503px; margin-top:15px }
	#corpo_meio table td, #corpo_meio table th{ padding:12px}
	#corpo_meio table.tabelacinza thead tr{ background:url('/_images/background/habit_tableheader.png') no-repeat left; text-align:left; color:#fff; font-size:14px; font-weight:normal}
	#corpo_meio table.tabelacinza tbody tr{ background:#f1f1f1}
	#corpo_meio table tbody tr.fundocinza{background:#eaeaea;}

	#corpo_meio table.tabelaazul {text-align:center; margin:10px 0; margin:15px 0 30px 0}
	#corpo_meio table tbody .fundoazul{background:#e6edfc;}
	#corpo_meio table.tabelaazul thead tr, #corpo_meio table.tabelaazul tr.head{background:#e6edfc; font-weight:bold; font-size:14px; color:#0039ba}
	#corpo_meio table.tabelaazul tbody tr{}


#area_geral {width: 944px;margin:auto;}

#area_00l {height: 280px;width: 680px;float: left;padding: 0 31px 31px 0;	}

#area_002 {height: 280px;width: 233px;margin:0 0 0 0;float: left;margin-bottom:31px;	}

#area_003 { background-repeat:no-repeat;background-position: 15px 50px;width: 447px;height:216px;border: 1px solid #dadada;float: left;margin:  0 0 32px 0;}
	#area_003 h3 {background-image:url(/_images/habitacao_2012/tit_simu_financiamento.jpg);height: 31px;margin-bottom:15px; text-indent: -9000px;}

.texto {float:right;padding:15px;}
	.texto p{font-family:Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;width:420px}
	.texto p img{float:left;border:0px;padding: 0 15px 0 0}
	.texto p a img { margin:15px 55px; }
	
#area_004 {  width: 478px;height:216px;border: 1px solid #dadada;float: left;margin: 0 0 32px 16px;}
	#area_004 h3 {background-image:url(/_images/habitacao_2012/tit_jatem_financiamento.jpg);height: 31px;text-indent: -9000px;}
	#area_004 ul {list-style-type: none;margin-top:10px;}
	#area_004 ul li {float: left;width: 217px;height:57px;margin: 0 0 15px 7px; background-position: left center; background-repeat: no-repeat; 	}
	#area_004 ul li a {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold; color: #073BAE;   display: block;   font-size: 12px;   font-weight: bold;   width: 145px;   padding: 14px 0 0 60px;   text-decoration: none; }
	#area_004 ul li a:hover {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold; color: #073BAE;   display: block;   font-size: 12px;   font-weight: bold; width: 145px; padding: 14px 0 0 60px; text-decoration:underline;}
	
.item1{	background-image:url(/_images/habitacao_2012/bkg_lupa.jpg);}
.item2{	background-image:url(/_images/habitacao_2012/bkg_mala.jpg); }	
.item3{background-image:url(/_images/habitacao_2012/bkg_casa.jpg);}
.item4{background-image:url(/_images/habitacao_2012/bkg_carrinho.jpg);}	

#area_004 .bkg_lupa{background-image:url(/_images/habitacao_2012/bkg_lupa.jpg)}
#area_004 .bkg_mala{background-image:url(/_images/habitacao_2012/bkg_mala.jpg)}
#area_004 .bkg_casa{background-image:url(/_images/habitacao_2012/bkg_casa.jpg)}
#area_004 .bkg_carrinho{background-image:url(/_images/habitacao_2012/bkg_carrinho.jpg)}		
#area_004 .bkg_codbarras{background-image:url(/_images/habitacao_2012/bkg_cod_barras.png)}
#area_004 .bkg_fgts{background-image:url(/_images/habitacao_2012/bkg_fgts.png)}
	
#area_005 {float: left;height: 200px;width: 216px;}	
	#area_005 a, #area_006 a{	background-image:url(/_images/habitacao_2012/seta.png);background-position:left center; background-repeat: no-repeat; color: #ffffff;font-family:Arial, Helvetica, sans-serif;font-weight: bold; font-size:11px;padding: 0 0 0 15px;float:right;text-decoration: none;margin-top:10px;}
	#area_005 a:hover, #area_006 a:hover{background-image:url(/_images/habitacao_2012/seta.png);background-position:left center; background-repeat: no-repeat; color: #ffffff;font-family:Arial, Helvetica, sans-serif;font-weight: bold; font-size:11px;padding: 0 0 0 15px;float:right;text-decoration:underline;margin-top:10px;}
	#tit {width: 202px;height:58px;background-image:url(/_images/habitacao_2012/background_transparente.png);background-repeat:repeat-x;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#FFFFFF;padding:7px;position:absolute;margin-top:128px;}
	#tit p{font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#FFFFFF;}

#area_006 {float: left ;	height: 200px;width: 216px;margin:0 0 0 17px;}
#area_007 { float: left;height: 200px;width: 480px;margin:0 0 45px 16px;}


/*----------------- Notícias --------------*/
#home_noticias {clear: both;padding: 27px 0 48px 2px;}
	#home_0009 {width: 799px;height: 65px;border: 1px solid #d1d1d1;position: relative;font-weight: bold;background: url("/_newimages/home_2011/home_0009/bg_noticias.png") left top no-repeat; padding-left: 144px;overflow: hidden;}
	#home_0009 h3 {	position: absolute;width: 114px;height: 12px;top: 14px;left: 15px;background: url("/_newimages/home_2011/home_0009/tit_noticias.png") no-repeat;text-indent: -9000px;}
	#home_0009 > a {color: #f7941e !important; font-size: 11px;position: absolute;top: 30px;left: 15px;padding-left: 10px;background-image: url("/_newimages/home_2011/home_0009/blt_links.png") 1px center no-repeat;}
	#home_0009 a { text-decoration: none; color: #545454; }
	#home_0009 a:hover { text-decoration: underline; }
	#home_0009 h4 { color: #999999; }
	#home_0009 ul {	list-style-type: none;	width: 799px;}
	#home_0009 ul li {	background-color: #ffffff;	height: 65px;	border-right: 1px solid #d1d1d1;}
	#home_0009 ul li h4 { padding: 7px 10px 0 10px; }#home_0009 ul li a { padding: 0 10px; display: block; }
	#home_0009 div.jcarousel-clip { width: 735px; left: 32px; }
	#home_0009 div.jcarousel-prev,#home_0009 div.jcarousel-next {	width: 32px;	height: 65px;	position: absolute;	top: 0px;	cursor: pointer;}
	#home_0009 div.jcarousel-prev {	background-image: url("/_newimages/home_2011/home_0009/bt_seta_esquerda.png"); left: 0px; z-index: 1; }
	#home_0009 div.jcarousel-next {	background-image: url("/_newimages/home_2011/home_0009/bt_seta_direita.png"); right: 0px; z-index: 1; }
	#home_0009 div.jcarousel-container { overflow: hidden; }




/*---------------- IE 7 -------------------*/

#areaAcessibilidade { *padding-bottom:0px!important; *height:150px }
#habitacao_menuazul ul { *float:none;}
#template {*padding-bottom : 45px;}
.caixa_nas_redes{ *margin:0 !important;}
.styled-select SELECT {*width:420px;}
.styled-select {*background:none;}
.formitem{*height:100%; *overflow:hidden}
