@charset "utf-8";
/************************************************/
/*   Layout	   : Julio Fragoso					*/
/*   Front-end : Julio Fragoso					*/
/*   Empresa   : Prática Design					*/
/************************************************/

@import url(reset.css); /*Reset by Luiz Tiago. ( Valeu ! )

/* TAG's */

hr{display:none;}

/* ID's */

#topo {
width:100%;
height:204px;
background:url(../img/bg_top.gif) repeat-x;
overflow:hidden;
}

#marca a {
display:block;
float:left;
padding-left:0;
background:url(../img/conceitto.gif) no-repeat 15px 0px;
width:305px;
height:202px;
text-indent:-4999px;
}


/************************************************/
/*					NAVEGAÇÃO					*/
/************************************************/

#nav{
padding-top:171px;
}

#nav li{
margin-left:1px;
display:block;
float:left;
}
#nav li a{
display:block;
padding:7px;
height:19px;
text-indent:-4999px;
overflow:hidden;
}



#quemSomos{
background:url(../img/bt_quemsomos.gif) no-repeat 0 -35px;
width:105px;
}
#produtos{
background:url(../img/bt_produtos.gif) no-repeat 0 -35px;
width:76px;
}
#clientes{
background:url(../img/bt_clientes.gif) no-repeat 0 -35px;
width:72px;
}
#diferencial{
background:url(../img/bt_diferencial.gif) no-repeat 0 -35px;
width:90px;
}
#dicas{
background:url(../img/bt_dicas.gif) no-repeat 0 -35px;
width:55px;
}
#faleConosco{
background:url(../img/bt_faleconosco.gif) no-repeat 0 -35px;
width:105px;
}



#quemSomos a:hover{
background:url(../img/bt_quemsomos.gif) no-repeat;
}
#produtos a:hover{
background:url(../img/bt_produtos.gif) no-repeat;
}
#clientes a:hover{
background:url(../img/bt_clientes.gif) no-repeat;
}
#diferencial a:hover{
background:url(../img/bt_diferencial.gif) no-repeat;
}
#dicas a:hover{
background:url(../img/bt_dicas.gif) no-repeat;
}
#faleConosco a:hover{
background:url(../img/bt_faleconosco.gif) no-repeat;
}


#quemSomosON{
background:url(../img/bt_quemsomos.gif) no-repeat;
width:105px;
}
#produtosON{
background:url(../img/bt_produtos.gif) no-repeat;
width:76px;
}
#clientesON{
background:url(../img/bt_clientes.gif) no-repeat;
width:72px;
}
#diferencialON{
background:url(../img/bt_diferencial.gif) no-repeat;
width:90px;}
#dicasON{
background:url(../img/bt_dicas.gif) no-repeat;
width:55px;
}
#faleConoscoON{
background:url(../img/bt_faleconosco.gif) no-repeat;
width:105px;
}

/************************************************/
/*			   FIM DA NAVEGAÇÃO					*/
/************************************************/

#default{
margin:0;
padding:0;
background:#000000 /*url(../img/bg_middle.gif) repeat-x*/;
height:285px;
width:100%;
overflow:hidden;
}
#list-texto-produtos ul { float:right; width:346px; }
#list-texto-produtos ul li { padding-left:18px; background:url(../img/bl_litopo.gif) no-repeat 0 1px;}
#corpoDefault{
height:248px;
padding-top:37px;
}
				#corpoDefault h3{
					font-size:23px;
					line-height:24px;
					color:#dcdcdc;
					font-weight:bold;
					width:323px;
					height:47px;
					overflow:hidden;
				}
				#corpoDefault #titAlemAtendimento{
					font-size:23px;
					line-height:24px;
					color:#dcdcdc;
					font-weight:bold;
					width:323px;
					overflow:hidden;

				}
				#corpoDefault p, #corpoDefault span{
					color:#dcdcdc;
					font-size:14px;
				}
				#corpoDefault a{
					text-decoration:none;
					color:#DCDCDC;
				}
				
				#linkSaibaMais{
					display:block;
					text-indent:-4999px;
					background:url(../img/bt_saibamais.gif) no-repeat;
					width:127px;
					height:27px;
					overflow:hidden;
				}
				#linkDownload{
					display:block;
					text-indent:-4999px;
					background:url(../img/bt_download.gif) no-repeat;
					width:70px;
					height:19px;
					overflow:hidden;
					margin-top:10px;
					margin-bottom:15px;
				}
				#corpoDefault label{
					color:#dcdcdc;
					display:block;
					float:left;
					width:70px;
					padding-top:4px;
					line-height:1.4;	
				}
				#corpoDefault input{
					width:180px;
					background:#CCCCCC;
					height:21px;
					border:1px solid #dddddd;
					font-size:13px;
					margin-bottom:4px;
				}
				#corpoDefault textarea{
					width:180px;
					background:#CCCCCC;
					padding-top:5px;
					border:1px solid #dddddd;
					font-size:13px;
					overflow:auto;
					height:50px;
				}
				#corpoDefault ul{
					margin-bottom:10px;
				}
				#corpoDefault li{
					height:35px;
					padding-left:25px;
				}

#bottom{
height:320px;
background:url(../img/bg_bottom.gif) repeat-x #d2d0d0;
}
#bottomQuemSomos{
height:360px;
background:url(../img/bg_bottom.gif) repeat-x #d2d0d0;
}

#bottomArquivos{
height:480px;
background:url(../img/bg_bottom.gif) repeat-x #d2d0d0;
}
#bottomEnviarArquivos{
height:280px;
background:url(../img/bg_bottom.gif) repeat-x #d2d0d0;
}
#bottomClientes{
height:auto;
background:url(../img/bg_bottom.gif) repeat-x #d2d0d0;
}
#corpoBottom{
padding-top:18px;
}
				#corpoBottom p{
					color:#333333;
				}
				
#sustentabilidade{
width:260px;
float:left;
}	

				#sustentabilidade li{
					background:url(../img/bl_li.gif) no-repeat;
					height:25px;
					
				}
				#sustentabilidade h4{
					font-size:20px;
					line-height:18px;
					color:#333333;
					font-weight:normal;
					height:44px;
					width:226px;
				}


#listaArquivos{
width:100%;
float:left;
display:table;
height:456px;
}	

				#listaArquivos li{
					background:url(../img/bl_li.gif) no-repeat;
					margin-left:15px;
					padding-left:25px;
					color:#000000;
					
				}
				#listaArquivos p{
					font-size:14px;
					margin-bottom:10px;
				}
			
			
#marcaDagua{
background:url(../img/img_marcadagua.gif) no-repeat;
width:240px;
height:240px;
float:left;
margin-right:16px;
}

#titDiferencial{
width:323px;
height:47px;
overflow:hidden;
font-size:23px;
line-height:25px;
color:#dcdcdc;
}
#titProdutos{
width:323px;
height:57px;
overflow:hidden;
font-size:22px;
line-height:22px;
color:#dcdcdc;
}

#entreContato, #nossoPerfil, #nossaMetodologia, #fidelizarClientes{
float:left;
width:244px;
overflow:hidden;
}
				#entreContato h4{
					font-size:21px;
					line-height:18px;
					color:#333333;
					font-weight:normal;
					height:19px;
					width:170px;
					margin-bottom:10px;
			
				}
				
				#fidelizarClientes h4{
					font-size:21px;
					line-height:18px;
					color:#333333;
					font-weight:normal;
					height:35px;
					width:230px;
					margin-bottom:10px;
			
				}
				#fidelizarClientes li{
					color:#333333;
				}
				
				
				
				#nossoPerfil h4{
					font-size:21px;
					line-height:18px;
					color:#333333;
					font-weight:normal;
					height:19px;
					width:170px;
					margin-bottom:10px;
				}
				#nossoPerfil img{
					margin-bottom:10px;
				}
				#redeColaborativa{
					width:232px;
					float:left;
					position:absolute;
					margin-left:516px;
					_margin-left:0px;
					*margin-left:0px;
					margin-top:0px;
					_margin-top:19px;
					*margin-top:19px;
				}
				
				#redeColaborativa h4{
					font-size:21px;
					line-height:18px;
					color:#333333;
					font-weight:normal;
					/*height:17px;*/
					width:257px;
					margin-bottom:10px;
					overflow:hidden;			
				}
				#fidelizarClientes li{
					background:url(../img/bl_li.gif) no-repeat 0 5px;
					padding:5px;
					margin-bottom:6px;
					padding-left:25px;
					color:#333333;				
				}


				#entreContato p{
					color:#333333;
				}
				#entreContato #linkFaleConosco{
					display:block;
					text-indent:-4999px;
					background:url(../img/bt_faleconoscoc.gif) no-repeat;
					width:143px;
					height:27px;
					overflow:hidden;
					margin-top:15px;
				}
				
				
#nossaMissao, #produtosBottom, #contatoBottom{
width:260px;
float:left;
}

				#nossaMissao h4{
					font-size:21px;
					line-height:18px;
					color:#333333;
					font-weight:normal;
					height:19px;
					margin-bottom:10px;					
				}
				#nossaMissao img{
					margin-top:10px;
				}
				

#bottomProdutos{
height:270px;
background:url(../img/bg_bottom.gif) repeat-x #d2d0d0;
}
				
#bottomDiferencial{
height:330px;
background:url(../img/bg_bottom.gif) repeat-x #d2d0d0;
}				
#conceittuados h4{
	font-size:20px;
	line-height:25px;
	color:#333333;
	font-weight:normal;
	height:29px;
	width:230px;
	margin-bottom:10px;
	margin-top:10px;								
}				
#conceittuados input.campo{
width:150px;
background:#CCCCCC;
height:22px;
padding-top:7px;
border:1px solid #dddddd;
font-size:11px;
}
#linkCadastro{
font-family:"Trebuchet MS";
text-decoration:underline;
color:#777777;
font-size:11px;
	
}
#linkCadastro:hover{
font-family:"Trebuchet MS";
text-decoration:none;
color:#777777;
font-size:11px;
	
}

#flashContato{
float:right;
width:228px;
}

#perfilA, #perfilB{
width:360px;
float:left;
padding: 8px;
}
#perfilA h4, #perfilB h4{	
height:25px;
font-size:18px;
margin-top:8px;
}
#perfilA p, #perfilB p{	
margin-bottom:12px;
}
#perfilA a, #perfilB a{	
color:#999999;
text-decoration:none;	
}
#perfilA a:hover, #perfilB a:hover{	
color:#9999FF;
text-decoration:underline;	
}
/************************************************/
/*			   		RODAPÉ					    */
/************************************************/
#rodapeGeral{
width:100%;
background:#000000;
padding-bottom:20px;
overflow:hidden;
text-align:center;

}
#rodapeGeral p{
color:#dcdcdc;
font-size:18px;
}
				#rodapeGeral a{
					display:block;
					text-indent:-4999px;
					background:url(../img/assinatura.gif) no-repeat;
					width:172px;
					height:7px;
					overflow:hidden;
					margin:0 auto;
				}

address{
padding-top:20px;
color:#dcdcdc;
font-size:12px;
font-style:normal;
text-align:center;
font-family:"Trebuchet MS", Arial;
padding-bottom:10px;
}
#logado{
	position:absolute;
	border:2px solid #7764a2;
	background-color:#333333;
	margin-top:40px;
	width:220px;
	margin-left:325px;
	_margin-left:5px;
	padding: 8px 15px 8px 15px;
}
#logado h5{
	margin-bottom:5px;
}

#logado a{
	color:#CCCCCC;
}

/* CLASS's */

.centro {
width:760px;
margin:0 auto;
}

.labelHome{
	color:#333333;
}

.paginador{
	font-size:11px;
}
.campoEnviarArquivo{
background:#CCCCCC;
height:22px;
border:1px solid #dddddd;
font-size:11px;
width:400px;
}
.campoCadastro{
width:290px;
background:#CCCCCC;
height:20px;
padding-top:2px;
border:1px solid #dddddd;
font-size:11px;
}
#perfilA .listaPopup li, #perfilB .listaPopup li{
	font-size:11px;
	padding-left:10px;
	background:url(../img/bl_lipop.gif) 0 4px no-repeat;
}
.listaPopup {
	margin-bottom:15px;
}