@charset "utf-8";
/* ----------
	Folha onde Efetivamente se Constrói os Elementos que Compõe o Corpo do Site
	[ Use apenas atributos para formar Boxing, Margins, Paddings, Backgrounds, definição de Positions e OverFlow. ]
	[ Atributos de Fontes são setadas na Folha fontSet ]
---------- */
#boxPrincipal {}
	.bgrBoxPrincipalHome {background:url(../img/bgr_boxPrincipal_home.png) left top repeat-y;}
	.bgrBoxPrincipalInterna {background:url(../img/bgr_boxPrincipal.png) left top repeat-y;}

#boxConceitual {float:left; width:972px;}
	
	.conceitual_00 {height:494px;}
	.conceitual_01 {height:494px; background:url(../img/img_conceitual_01.jpg) left top no-repeat;}
	.conceitual_02 {height:494px; background:url(../img/img_conceitual_02.jpg) left top no-repeat;}
	.conceitual_03 {height:494px; background:url(../img/img_conceitual_03.jpg) left top no-repeat;}
	/*.conceitual_0 .flash {float:left; width:972px; height:494px; position:absolute; top:0px; left:0px; z-index:1;}*/
	
	
	/*.conceitual_01 #boxMenuPrincipal,
	.conceitual_02 #boxMenuPrincipal,
	.conceitual_03 #boxMenuPrincipal {position:static;}*/
    
	
	.conceitual_1 {height:410px; background:url(../img/img_conceitual_1.jpg) left top no-repeat;}

#boxMenuPrincipal {float:left; width:972px; height:100px; background:url(../img/bgr_menu_conceitual.png) left top repeat-x;}
	#boxMenuPrincipal ul {float:right; margin-top:70px;}
	#boxMenuPrincipal ul li {float:left; padding-right:20px; padding-bottom:8px; position:relative;}
	#boxMenuPrincipal ul li.bltSubMenu {background:url(../img/blt_seta_submenu_branca.gif) 20px 19px no-repeat;}
	/* SubMenu */
	
	div.subMenu {float:left; display:none; width:180px; position:absolute; padding:10px 0px 14px 0px; background:url(../img/blt_seta_submenu_branca.gif) #000 20px 2px no-repeat;}
	div.subMenu ul {float:left; width:180px;}
	div.subMenu ul li {float:left; width:180px;}
	div.subMenu ul li a {float:left; width:153px; padding:4px 10px 4px 17px;}
	div.subMenu ul li a:hover {background-color:#900; text-decoration:none;}

	/* Ajuste para Topo */
	#boxMenuPrincipal ul li:hover div.subMenu,
	#boxMenuPrincipal ul li.hover div.subMenu {display:block; top:17px; left:0px;}
	#boxMenuPrincipal ul li div.subMenu ul {margin-top:0px;}
	#boxMenuPrincipal ul li div.subMenu ul li {padding-bottom:0px;}

	
#boxColunaAuxiliar {}

#boxMiolo {}
	.bgrMioloInterna {float:left; width:100%; min-height:200px; padding:20px 0px; margin-top:-150px; background:url(../img/bgr_boxMiolo_interna.png) left top no-repeat;}
	.bgrMioloInterna .pad {float:right; width:942px;}
	.bgrMioloHome {float:left; width:100%; min-height:207px; padding:20px 0px; margin-top:-150px; background:url(../img/bgr_boxMiolo_home.png) left top no-repeat;}
	

	.bgrMioloHome .chamada {float:left; display:inline; width:188px; margin-left:30px;}
	.bgrMioloHome .chamada h1 {float:left; width:100%; padding-bottom:8px;}
	.bgrMioloHome .chamada .borderComum {margin-bottom:10px;}
	.bgrMioloHome .chamada p {float:left; width:100%; padding-bottom:10px;}
	.bgrMioloHome .chamada a.redColor {float:left; clear:both; white-space:nowrap;}
	.bgrMioloHome .chamada ul {float:left; width:100%; padding-bottom:10px;}
	.bgrMioloHome .chamada ul li {float:left; width:100%;}

	.bgrMioloHome .listaNoticias {float:left; display:inline; width:220px; margin:0px 25px 0px 50px;}
	.bgrMioloHome .listaNoticias h1 {float:left; width:100%;}
	.bgrMioloHome .listaNoticias ul {float:left; width:100%;}
	.bgrMioloHome .listaNoticias ul li {float:left; width:100%; padding:8px 0px; border-bottom:1px solid #666;}
	.bgrMioloHome .listaNoticias ul li:last-child {border:none;}
	.bgrMioloHome .listaNoticias ul li .data {float:left; width:100%; padding-bottom:7px;}
	.bgrMioloHome .listaNoticias ul li p {float:left; width:100%;}
	
	.bgrMioloHome .chamadaIcos {float:left; width:191px; padding:0px 22px; white-space:nowrap;}
	.bgrMioloHome .chamadaIcos img {margin-bottom:12px;}


#boxRodape p {width:350px; padding:17px 30px 0px 30px;}
	#boxRodape p.flL {}
	#boxRodape p.flR {}
	#boxRodape p.flR span {float:right; width:100%;}
	#boxRodape p.flR img {float:right; clear:both;}


#boxPath {float:left; width:100%; padding-bottom:20px;}
	#boxPath div, #boxPath a {float:left; white-space:nowrap; padding-right:7px;}
	#boxPath div {position:relative; padding-bottom:8px; margin-bottom:-8px;}
	#boxPath div.bltSubMenu {background:url(../img/blt_seta_submenu_cinza.gif) 20px 24px no-repeat;}

	/* Ajuste para Path */
	#boxPath div:hover div.subMenu,
	#boxPath div.hover div.subMenu {display:block; top:23px; left:0px; position:absolute;}
	#boxPath div div.subMenu ul {margin-top:0px;}
	#boxPath div div.subMenu ul li a {padding-right:17px;}



#boxSaibaMais {float:right; width:190px; padding:18px; background:url(../img/bgr_box_lateral.png) left top no-repeat;}
	#boxSaibaMais h1 {float:left; width:100%; padding-bottom:20px;}
	#boxSaibaMais a.ico {float:left; width:100%; margin-bottom:20px;}


#boxAuxiliar {float:right; width:180px; padding:14px 20px 14px 30px; background:url(../img/bgr_box_lateral.png) left top no-repeat;}
	#boxAuxiliar h1 {float:left; width:180px; padding-bottom:10px; margin-bottom:6px; background:url(../img/fio_box_auxiliar.gif) left bottom no-repeat;}

	#boxAuxiliar a {display:inline-block; width:180px; padding:3px 0px;}


.boxListaClientes {float:left; width:700px; margin-left:-4px; padding-top:10px;}
	.boxListaClientes a {float:left; width:120px; height:58px; padding:0px 5px; margin:0px 8px 8px 0px; background:url(../img/bgr_cliente.jpg) left top no-repeat; position:relative;}
	.boxListaClientes a span {display:inline-block; position:relative; cursor:pointer;}


.boxListaPortfolio {float:left; width:908px; padding-top:16px;}
	.boxListaPortfolio div.line {float:left; width:908px; padding:0px 0px 20px 5px;}
	.boxListaPortfolio div.line div {float:left; clear:right; width:208px; height:147px; position:relative; padding-left:20px; z-index:1; cursor:pointer;}
	.boxListaPortfolio div.line div * {cursor:pointer;}
	.boxListaPortfolio div.line div img {position:relative; z-index:1;}
	.boxListaPortfolio div.line div:first-child,
	.boxListaPortfolio div.line div.first-child {padding-left:0px;}
	.boxListaPortfolio div.line div a {float:left; width:208px; height:147px; position:absolute; top:2px; right:-2px; z-index:2;}
	.boxListaPortfolio div.line div a span {float:left; display:none; width:188px; padding:10px;}
	.boxListaPortfolio div.line div a:hover {background:url(../img/bgr_link_portfolio.png) left top no-repeat; text-decoration:none;}
	.boxListaPortfolio div.line div a:hover span {display:block;}
	
	
	
	


/* ----------
	Elementos Básicos de Layout
---------- */
.alert {} /* Container de alertas ou textos explicativos do Sistema */
.commom {} /* Quando nenhuma ação foi acionada */
.sucess {} /* Quando ação ocorreu com sucesso */
.fail {} /* Quando houve erro, ou quando mensagem exige atenção do usuário */
.borderComum {border:2px solid #333333;}




.boxTexto {float:left; width:700px;}
	.boxTexto .boxMidia {float:left; width:205px;}
	.boxTexto .boxMidia img {margin-bottom:10px;}
	
	.boxTexto .boxMidia object, 
	.boxTexto .boxMidia embed, 
	.boxTexto .boxMidia .boxVideo, 
	.boxTexto .boxMidia .boxVideo a {float:left; width:181px; height:147px;}
	.boxTexto .boxMidia .boxVideo {margin:8px 0px; position:relative;}
	.boxTexto .boxMidia .boxVideo a {position:absolute; left:0px; top:0px; z-index:1; opacity:0.01;}
	
	
	.boxTexto .boxSide {float:left; width:450px;}

	.boxTexto *:first-child {padding-top:0px;}

	.boxTexto h1 {float:left; width:100%; padding:10px 0px;}
	.boxTexto h2 {}
	.boxTexto h3 {}
	.boxTexto h4 {}
	.boxTexto h5 {}
	.boxTexto h6 {}
	.boxTexto p {float:left; width:100%; padding-bottom:10px;}
	.fonteComum span.data {float:left; width:100%; margin:0px 0px -10px 0px;}
	
	.boxTexto a {}
	.boxTexto a:hover {}
	.boxTexto a.blankPage {}

	.boxTexto table {float:left; margin:10px 0px;}
	.boxTexto table tr {}
	.boxTexto table tr:first-child,
	.boxTexto table tr.first-child {background-color:#666;}
	.boxTexto table tr td {border:1px solid #333; padding:4px 4px 2px 4px;}
	
	.divTableCalc {float:left; padding-left:210px;}
	.tableCalc {float:left; width:350px;}
	.tableCalc tr select {width:100px;}
	.tableCalc tr input { padding-left:4px; width:96px; background-color:#FFF; border:1px solid #333; color:#333; font-weight:bold;}
	.tableCalc tr td {text-align:left;}
	
	.boxTexto ul {float:left; width:100%;}
	.boxTexto ul li {float:left; width:100%;}


#boxTopoVoltar {float:left; clear:both; display:inline; width:200px; padding:30px 0px;}
	#boxTopoVoltar a {float:left; margin-right:10px; cursor:pointer;}


.boxListagem {float:left; width:687px;}

	.boxListagem ul {float:left; width:100%;}
	.boxListagem ul li {float:left; display:inline; width:677px; padding:10px 0px; margin-left:5px; border-bottom:1px solid #666;}
	.boxListagem ul li:last-child {border-bottom:none;}
	.boxListagem ul li .data {float:left; width:100%; padding-bottom:7px;}
	.boxListagem ul li a {float:left; width:100%;}
	

.boxPaginacao {float:left; width:100%; height:36px; background:url(../img/bgr_paginacao.png) left top no-repeat; position:relative;}
	.boxPaginacao a {float:left; position:absolute; top:9px; z-index:2;}
	.boxPaginacao a.btnAnte {left:16px;}
	.boxPaginacao a.btnProx {right:16px;}
	.boxPaginacao p {float:left; width:100%; padding-top:9px;}


.boxAssinc, 
.boxListagemGrande {float:left; width:908px;}
	.boxAssinc .boxPaginacao,
	.boxListagemGrande .boxPaginacao {background:url(../img/bgr_paginacao_grande.png) left top no-repeat;}



/* ---------- 
	Classes de Atributos
---------- */
/* Width e Heigth */



/* Margins */
.m10 {margin:10px;}
.mTB10 {margin:10px 0px;}
.mLR10 {margin:0px 10px;}
.mT10 {margin-top:10px;}
.mL10 {margin-left:10px;}
.mR10 {margin-right:10px;}
.mB10 {margin-bottom:10px;}


.mT25 {margin-top:25px;}
.mB25 {margin-bottom:25px;}

.mL200 {margin-left:200px;}
.mL20 {margin-left:20px;}


/* Paddings */
.p10 {padding:10px;}
.pR26 {padding-right:26px;}


/* Demais Atributos */
.clearB {clear:both;}
.opacity_0 {opacity:0.0;}
.cursorPointer {cursor:pointer;}
.posAbsolute {position:absolute;}
.posRelative {position:relative;}



/* Elementos Especiais */
#ToolTip {float:left; display:none; background-color:#0066FF; border:3px solid #003399; padding:4px; min-width:200px; max-width:400px; position:absolute; z-index:3;}
#ToolTip p {}