img{
border: none;
}


body{
	background-image:url(../images/bg.gif);
	padding:0px;
	margin:0px;
	text-align:center;
}

div{
	margin:0px;
	padding:0px;	
}

p{
	color:#3B3B3B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
}

h2{
	color:#00A145;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0px;
	padding:0px;

}


h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
 	padding-bottom:14px;
	font-size:12px;
}

a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00A145;
	text-decoration: none;
}

a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006C2E;
	text-decoration: none;
}

a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00BF52;
	text-decoration: underline;
}

a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #70841F;
}


/*===== DIV que contm todas as outras ======*/
#principal{
	margin:0 auto;
	width:700px;
	padding:0px;
	top:4px;
	text-align:left;
	margin-top:7px;
}

/* ===== DIV que armazena o contedo principal de cada pgina...aberto no template_up.asp, 
fechado em template_dw.asp =====*/
#corpo{
	background-image:url(../images/background.gif);
	background-repeat:repeat-y;
	width:692px;
	margin-top:-5px;
	position:relative;
}

#validator{
	position:relative;
	top:210px;
	left:265px;
	width:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*================================= CSS EXCLUSIVO DO LOGIN.ASP============================ */

input.botao{
	font-size:10px;
	background-color:#eeeeee;
	color: black;
	height:19px;
	border-color:white;
	overflow:visible;
	padding-left:6px;
	padding-right:6px;
}	


#deslogadoCorpo{
	background-image:url(../images/fundo_login.gif);
	background-repeat:repeat-y;
	width:300px;
	overflow:hidden;
	position:relative;
	left:200px;
	top:3px;
	height:290px;
}

#deslogadoConteudo{
	position:relative;
	top:30px;
	left:50px;		
	margin:0px;
	padding:0px;
}

#topoLogin{
	position:relative;
	top:-30px;
	left:-50px;	
	margin:0px;
	padding:0px;
}

#rodapeLogin{
	position:relative;
	left:-50px;	
	top:25px;
	margin:0px;
	padding:0px;	
}

#camposLogin{
	position:relative;
	top:-40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;	
}

form {
	margin:0px;
	padding:0px;	
}

#sistemaTitulo{
	position:relative;
	top:-60px;
	left:-10px;	
	margin:0px;
	padding:0px;	
}

#logadoCorpo{
	background-image:url(../images/fundo_login.gif);
	background-repeat:repeat-y;
	width:300px;
	position:relative;
	top:0px;
	left:190px;	
	min-height:288px;
	height:288px;
}

#logadoConteudo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	top:-10px;
	padding-left:13px;
	padding-right:10px;	
}

#topoLogado{
	position:relative;
	top:0px;
	left:0px;	
	margin:0px;
	padding:0px;
}

#sistemaTituloLogado{
	position:relative;
	top:-32px;
	left:35px;	
	margin:0px;
	padding:0px;	
}
	
#rodapeLogado{
	position:relative;
	top:27px;
	left:0px;	
	margin:0px;
	padding:0px;
}



/*======================================================================================== */


/*==================================== CSS DO CABECALHO ============================= */

/* DIV esquerda do Cabealho que est dentro da DIV 'Topo' */
#esquerda{
	background-image:url(../images/cabecalho_esq.jpg);
	background-repeat:no-repeat;
	width:346px;
	height:224px;
	float:left;	
	margin-right:-3px;
}

/* DIV direita do Cabealho que est dentro da DIV 'Topo' */
#direita{
	background-image:url(../images/cabecalho_dir.jpg);
	background-repeat:no-repeat;
	width:346px;
	height:224px;
	float:left;
	margin-left:3px;
}

/* DIV que posiciona a rea administrativa no topo */
#adm{
	position:relative;
	padding-left:180px;
	padding-top:20px;
}


/*================================================================================= */

/*====================================== CSS DO MENU =============================== */

#menu{
	clear:left;	
}

/*================================================================================== */

/*================================= CSS EXCLUSIVO DO INDEX.ASP============================ */

#conteudoIndex{
	background-image:url(../images/fundo_principal.gif);
	background-repeat:repeat-y;
	width:341px;
	height:288px;
	position:relative;
	overflow:hidden;
	left:32px;
	top:-2px;
}

/*== Posiciona o paragrafo do 'Sobre Nos' ==*/
#paragrafoPrincipal{
	position:relative;
	top:2px;
	left:10px;
	margin:0px;
	padding-right:25px;
	overflow:hidden;
}

/*== Posiciona o Rodape do 'Sobre Nos' ==*/
#rodapePrincipal{
	position:absolute;
	top:243px;
	left:0px;
}

/*== Posiciona o Titulo 'Sobre Nos' ==*/
#sobreNos{
	margin:0px;
	position:absolute;
	top:20px;
	left:20px;
	padding:0px;
}

/*== DIV que armazena o corpo da seo Fotos ==*/
#fotos{
	position:absolute;
	top:10px;
	left:406px;
	width:230px;
}

#barrinhaFotos{
	position:absolute;
	top:24px;
	left:-24px;
}

.descricaoMargem{
	padding: 0px 20px 0px 20px;
}

#paragrafoFotos{
	padding:0px;
	margin:0px;
	position:absolute;
	top:31px;
	left:-2px;
}

#maisFotos{
	position:absolute;
	top:80px;
	left:-5px;
	border-width:0px;
}


/*== DIV que armazena o corpo da seo Obras ==*/
#obras{
	position:absolute;
	top:115px;
	left:406px;
	width:230px;
}

#barrinhaObras{
	position:absolute;
	top:24px;
	left:-24px;
}

#paragrafoObras{
	padding:0px;
	margin:0px;
	position:absolute;
	top:31px;
	left:-2px;
}

#maisObras{
	position:absolute;
	top:68px;
	left:-5px;
	border-width:0px;
}

/*=============================================*/

/*================================================================================== */

/*================================= CSS EXCLUSIVO DO OBRAS.ASP============================ */
	.hrObras{
		width:80%;	
	}
		
	.tdObras{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		margin-right:10px;		
	}
	
	.tableObras{
		width:620px;
		margin-right:40px;
	}
	
	#obrasCorpo{
		margin:0px;
		left:10px;
		top:20px;
		padding:5px;
		min-height:278px;
	}
	
	#obrasVazio{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		height:288px;
		margin:0px;
		padding:0px;
		text-align:center;		
	}
	
	#linksPaginacaoObra{	
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#3B3B3B;
		text-align:center;
	}
	
	#inserirObra{	
		text-align:center;
		padding:0px;
		margin:0px;
	}
	
	#semObras{
		height:288px;
		padding-left:20px;
		margin:0px;
	}

/*======================================================================================== */

/*======================= CSS EXCLUSIVO DA PAGINA INSERIR OBRA  ========================== */

#inserirObraCorpo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;
	width:500px;	
	height:288px;
	left:20px;
	overflow:visible;
}

/*======================================================================================== */

/*======================= CSS EXCLUSIVO DA PAGINA INSERIR OBRA  ========================== */

#alterarSenhaCorpo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;
	width:500px;	
	min-height:288px;
	height:288px;
	top:2px;
	left:27px;
}

/*======================================================================================== */

/*======================= CSS EXCLUSIVO DA PAGINA INSERIR OBRA  ========================== */

#inserirFotoCorpo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;
	min-height:288px;
	top:5px;
	left:20px;
	height:288px;
		
}

/*======================================================================================== */

/*======================= CSS EXCLUSIVO DA PAGINA ALTERAR OBRA  ========================== */

#alterarCorpo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;
	width:500px;	
	left:20px;
	height:291px;
	overflow:visible;
}

#formCorpo{
	position:relative;
	width:500px;
	left:-370px;
	top:-100px;		
}

		
/*======================================================================================== */

/*=======================   CSS EXCLUSIVO DA PAGINA VISUALIZAR FOTOS   =================== */

#fotosCorpo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	top:10px;
	position:relative;
	min-height:287px;	
}

#centralizaFotos{
text-align:center;
}

#inserirFoto{
	text-align:center;
	padding:0px;
	margin:0px;
}

#fotosVazio{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:288px;
	margin:0px;
	padding:0px;
	text-align:center;		
}


/*======================================================================================== */

/*=======================   CSS EXCLUSIVO DA PAGINA FALE CONOSCO   =================== */

#corpoFaleConosco{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	left:20px;
	top:0px;
	position:relative;
	height:288px;
	width:655px;
	padding:0px;
	margin:0px;
	overflow:hidden;
}

#endereco{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	top:-253px;
	position:relative;
	left:350px;
	width:300px;
	padding:0px;
	margin:0px;
}


/*======================================================================================== */

/*=======================     CSS DO RODAPE DA PAGINA     ========================== */

#linksPaginacaoFotos{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3B3B3B;
	text-align:center;
}
	
/*======================================================================================== */


/*=======================     CSS DO RODAPE DA PAGINA     ========================== */

#rodape{
	margin:0px;	
	position:relative;
}

#cantoEsquerdo{
	margin:0px;	
	position:relative;
	top:-16px;
	left:0px;
}

#cantoDireito{
	margin:0px;
	position:relative;
	top:-16px;
	left:-1px;
}

/*================================================================================== */

/* == DIV que posiciona os engenheiros ao fundo do site*/
#engenheiros{
	position:absolute;
	top:120px;
	left:456px;
}
