@media screen{
	body {
		background: url(../imgs/fundo-body.jpg) repeat-x #f7f9ff;
		font-family: Tahoma; font-size: 0.75em; text-align: justify;
	}
	h2 { float: left; color: #FFFFFF; font-size: 16px; font-weight: 100; }
	
	ul { list-style: none; }
	ul li { background: url(../imgs/seta.gif) no-repeat center left; padding-left: 13px; }
	
	a { text-decoration: none; color: #455b94;}
	a:hover { text-decoration: underline;}
	
	p { margin-bottom:12px; }
	
	/*estilo para classe ler_mais*/
	p.ler_mais a { float: left; text-indent:-5000px; background-position:right center; background-repeat:no-repeat; }
	
	img, h2 { behavior: url("/cms/cliente/css/iepngfix.htc"); }
	
	#em-andamento, #quem-confia, #solucoes { position:relative; }
	
	#em-andamento p.ler_mais, #quem-confia p.ler_mais, #solucoes p.ler_mais { position:absolute; bottom:0; }
	
	#em-andamento p.ler_mais a { width: 225px;  margin: 18px 0 0 0; background-image:url(/imgs/mais-andamento.png); }
	#quem-confia p.ler_mais a { width: 225px; margin: 20px 0 0 0; background-image:url(/imgs/mais-clientes.png); }
	#solucoes p.ler_mais a { width: 245px; background-image:url(/imgs/mais-solucoes.png); }
	
	/*estilo para botoes voltar-topo*/
	p.botoes_inferiores, p.botoes-voltar-topo { clear:both; width: 102px; margin-left:660px; }
	
	/*estilo para lista de imagens*/
	dl { float: left; }
	dl dt.titulo{ float: right; font-weight: bold; margin: 0; }
	dl dd.resumo { float: left; margin: 0; }
	dl.ultimo { background: none; }
	
	#geral { width: 770px; margin: auto; position:relative; }
	#logo { float: left; background: url(../imgs/logo.jpg); width: 161px; height: 93px; cursor: pointer; }
	
	/*estilo para menu*/
	#menu-topo{ float: left; width: 600px; height: 93px; }
	#menu-topo h2 { display: none; }
	#menu-topo ul {border: none; float: right;}
	#menu-topo ul li{ border: none; padding: 0; margin: 0; background: none; width: 76px; }
	#menu-topo ul li a{	height: 29px; text-align: center; padding-top: 40px; color: #2a4383; }
	#menu-topo ul li a:hover{ background:url(../imgs/fundo-menu.jpg) no-repeat; color: #ffffff; }
	#menu-topo ul li a.selecionado{ background:url(../imgs/fundo-menu.jpg) no-repeat; color: #ffffff; }
	
	/*estilo para área de conteudo*/
	#conteudo { float: left; width: 770px; }
	#sub-conteudo { float: left; width: 770px; padding: 0 10px 0 10px; line-height: 20px; }
	#sub-conteudo table { clear: left; }
	
	/*estilo para h2*/
	#sub-conteudo h2{ 
		float: left; width: 750px; text-align: right; margin-bottom: 20px;
	}
	#em-andamento h2, #quem-confia h2, #solucoes h2, #logos-parceiros h2, #logos-produtos h2, #depoimentos h2 {
		margin: 9px 0 14px 0; background-repeat:no-repeat; text-indent:-5000px; width:220px; height:26px;
	}
	#em-andamento h2 { background-image:url(/imgs/em-andamento.png); }
	#quem-confia h2 { background-image:url(/imgs/quem-confia.png); }
	#solucoes h2 { background-image:url(/imgs/solucoes.png); }
	
	/*estilo para colunas da pagina principal*/
	#em-andamento, #quem-confia, #solucoes {
		float: left; height: 296px; margin-top: 7px; padding-left: 9px;
		background: url(../imgs/linha-divisora.jpg) center right no-repeat;
	}
	#solucoes{ background: none; }
	
	/*coluna Em Andamento*/
	#em-andamento{width: 238px;}
	#em-andamento dl{/*width: 230px;*/}
	#em-andamento dl dd.resumo, #lista-em-andamento dl dd.resumo{ width: 69px; height: 69px; text-align:left; }
	#em-andamento dl dt.titulo, #lista-em-andamento dl dt.titulo{ width: 145px; height: 50px; padding-top: 16px; text-align:left; }
	#em-andamento dl dt.titulo { width:auto; padding:4px 0; height:auto; }
	
	/*lista em andamento*/
	#lista-em-andamento{width: 450px;}
	#lista-em-andamento dl{width: 230px;}
	#lista-em-andamento dl dd.resumo, #lista-em-andamento dl dd.resumo{ width: 69px; height: 69px; }
	#lista-em-andamento dl dt.titulo, #lista-em-andamento dl dt.titulo{ width: 145px; height: 50px; padding-top: 16px;}
	
	/*estilo para lista dos que confiam na gente*/
	#quem-confia { width: 232px; }
	#quem-confia dl { width:74px; }
	
	/*estilo para lista de Soluçoes na pagina principal e na pagina que lista todos as Soluçoes*/
	#solucoes{ width: 266px; text-align:left; }
	#solucoes dl { width: 260px; clear:both; }
	#solucoes dl a { color:#333; text-decoration:underline; }
	#solucoes dl dd p { margin: 2px 0 2px 0; }
	#solucoes dl dd { border-bottom: 1px solid #c6d3f3; margin-bottom:4px; }
	
	#lista-solucoes dl { clear:both; width:680px; }
	
	/*estilo para pagina de serviços*/
	#servicos{}
	#servicos dl{ float: left; width: 770px; border-bottom: 1px solid #c6d3f3; overflow: hidden; }
	#servicos dl dt.imagem{ float: left; margin-top: 5px; width: 110px; }
	#servicos dl dd.titulo{	float: left; width: 650px; margin: 3px 0 0 5px; font-weight: bold; }
	#servicos dl dd.descricao{ float:left; width: 650px; margin: 0 0 3px 5px; }
	#servicos dl.ultimo{border: none;}
	
	/*estilo para página de produtos*/
	#produtos{}
	#produtos dl{
		float: left; width: 770px; border-bottom: 1px solid #c6d3f3; overflow: hidden;
	}
	#produtos dl dt.imagem{
		float: left; margin-top: 5px; width: 110px; vertical-align:middle; display:table-cell;
	}
	#produtos dl dd.titulo {	
		float: left; width: 650px; margin: 3px 0 0 5px; font-weight: bold;
	}
	#produtos dl dd.descricao {
		float:left; width: 650px; margin: 0 0 3px 5px;
	}
	#produtos dl dd { margin-bottom:4px; }
	#produtos dl.ultimo { border: none; }
	
	/*estilo para formulario de contatos*/
	.contatos { float: left; width: 370px; }
	#contatos-container { width: 470px; border-right: 1px solid #7690d7; }
	#contatos-container p.information, p.information {
    	padding-left: 20px;
	}
	#contatos-container fieldset { width:450px; float:left; }
	#contatos-container input, #contatos-container textarea {
		width: 270px; border-left: 1px solid #808080; border-top: 1px solid #808080;
	}
	#contatos-container label {
		float: left; width: 105px; color: #333;
	}
	#contatos-container label.information {
		background-position: 85px;
	}
	#contatos-container button {
		float: right; color: #666; margin-right: 75px; background: none; cursor: pointer;
	}	
	#contatos-rodape {
		float:right !important; float:none; width: 270px; margin: 34px 20px 0 0; 
		height:280px !important; height:auto;
	}
	/* depoimentos pagina inicial */
	#depoimentos { 
		width:100%; border-top:solid 1px #c4d1f2; border-bottom:solid 1px #c4d1f2; 
		padding:5px 0; overflow:hidden;
	}
	#depoimentos h2 {
		width:100%; margin: 5px 0 0 5px; height:18px; background-image:url(../imgs/depoimentos.png)
	}
	#depoimentos .nenhum-registro, #depoimentos .resumo { padding:10px 5px 0 5px; }
		
	/* parceiros pagina inicial */
	#logos-parceiros{
		float:left;	width:380px; margin-bottom:0;
	}
	#logos-parceiros h2{
		width:100%; margin: 5px 0 0 5px; height:18px; background-image:url(../imgs/parceiros.png)
	}
	#logos-parceiros img{
		margin:0 0 0 10px;
	}
	/* produtos pagina inicial */
	#logos-produtos{
		float:left; width:370px; margin-bottom:0;
	}
	#logos-produtos h2{
		width:100%; margin: 5px 0 0 5px; height:18px; background-image:url(../imgs/produtos.png)
	}
	#logos-produtos img{
		margin:0 0 0 10px;
	}
	/*estilo para rodapé*/
	#rodape { 
		color: #455b94; margin-bottom: 15px; clear:both; padding:2px 0; text-align:right;
		margin-top:-12px; border-top: 1px solid #c6d3f3;
	}
	
	/* Banner Flutuante */
	#banner-aviso {
	    position: absolute;
	  	width: 450px; background:#fff;
	 	height: auto;
	    left: 10%;
	    top: 10%;
	    overflow: hidden;
	    display: none;
	    z-index: 5000;
		border: solid 2px #4A79C9;
	}
	#banner-aviso p { padding:5px; }
	#banner-aviso .fechar {
	    position: absolute;
	    padding: 3px;
	    font-weight: bold;
	    color: #333;
	    cursor: pointer;
	    color: #333;
	    background: #fff;
	    border: solid 2px #4A79C9;
		border-left:none;
		border-top:none;
	}
}
@media print{
	#rodape{display: none;}
	#menu-topo{display: none;}
}
