/* CSS Document */



body

{

	background: #344966 url(../imgs/fundo-geral.gif) top repeat-x;

	margin-left: 0px;

	margin-right: 0px;

	margin-top: 0px;

	margin-bottom: 0px;

}



				a:link

				{

					text-decoration: underline;

					color: #333333;

				}

				

				a:visited

				{

					text-decoration: underline;

					color: #333333;

				}

				

				a:hover

				{

					text-decoration: none;

					color: #333333;

				}

				

				a:active

				{

					text-decoration: underline;

					color: #333333;

				}

				

.cpos-contatos

{

	border: #cdcdcd 1px solid;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	color: #333333;

}



.bt-contatos

{

	background: none;

	border: #cdcdcd 1px solid;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #333333;

}

			

#div-main

{

	position: relative;

	width: 663px;

	margin-left: auto;

	margin-right: auto;

	height: 688px;

}



/* TOPO */

#bloco-topo

{

	background: #FFFFFF url(../imgs/fundo-topo.gif) bottom repeat-x;

	position: relative;

	width: 663px;

	height: 84px;

	margin-top: 10px;

	float: left;

}

/* Fim TOPO */



/* MENU */

#bloco-menu

{
	background: #f0f0f0;
	position: relative;
	width: 627px;
	height: 58px;
	background-color: #425E83;

}

/* Fim MENU */



/* CONTEUDO */

#bloco-conteudo

{

	background: #f0f0f0;

	position: relative;

	width: 627px;

	padding-top: 18px;

	padding-left: 18px;

	padding-right: 18px;

	padding-bottom: 10px;

	float: left;

}



#bloco-superior-home

{

	position: relative;

	width: 627px;

	float: left;

}



#bloco-infeior-home

{

	position: relative;

	width: 627px;

}



#bloco-interativa

{

	position: relative;

	width: 216px;

	height: 291px;

	padding-top: 47px;

	float: left;

}







.titulo-projetosrecentes

{

	position: relative;

	width: 354px;

	padding-top: 47px;

	padding-left: 18px;

	height: 31px;

	float: right;

}



#area-projetosrecentes

{

	background: url(../imgs/fundo-areas-home.gif) top left no-repeat;

	border-top: #cdcdcd 1px solid;

	position: relative;

	width: 352px;

	height: 258px;

	padding-left: 20px;

	float: right;

}



		.thumb-recentes

		{

			position: relative;

			margin-top: 20px;

			margin-right: 20px;

			width: 134px;

			height: 156px;

			float: left;

		}

		

		.thumb-recentes-2

		{

			position: relative;

			margin-top: 20px;

			margin-right: 20px;

			width: 67px;

			height: 67px;

			float: left;

		}

		

		.sites-links

		{

			font-family: Verdana, Arial, Helvetica, sans-serif;

			font-size: 10px;

			width: 245px;

			margin-top: 10px;

		}

		

		.thumb-portfolio

		{

			position: relative;

			margin-top: 20px;

			width: 67px;

			height: 67px;

			float: left;

		}

		

		.descricao-recentes

		{

			position: relative;

			margin-top: 20px;

			height: 67px;

			font-family: Verdana, Arial, Helvetica, sans-serif;

			font-size: 10px;

			color: #333333;

			float: left;

		}

		

		.span-titulos

		{

			color: #52647d;

		}

		

				.span-titulos a:link

				{

					text-decoration: underline;

					color: #52647d;

				}

				

				.span-titulos a:visited

				{

					text-decoration: underline;

					color: #52647d;

				}

				

				.span-titulos a:hover

				{

					text-decoration: none;

					color: #52647d;

				}

				

				.span-titulos a:active

				{

					text-decoration: underline;

					color: #52647d;

				}



#area-internas

{

	background: url(../imgs/fundo-areas-home.gif) top left no-repeat;

	border-top: #cdcdcd 1px solid;

	position: absolute;

	top: 78px;

	right: 0px;

	width: 342px;

	padding-left: 20px;

	padding-right: 10px;

	height: 418px;

	border-bottom: #cdcdcd 1px solid;

	float: right;

	z-index: 500;

}



			.format-area-internas

			{

				margin-top: 20px;

				margin-bottom: 20px;

				font-family: Verdana, Arial, Helvetica, sans-serif;

				font-size: 10px;

				font-weight: normal;

				color: #333333;

			}

			

			.format-area-internas-portfolio

			{

				margin-top: 20px;

				margin-bottom: 20px;

				padding-left: 5px;

				font-family: Verdana, Arial, Helvetica, sans-serif;

				font-size: 10px;

				font-weight: normal;

				color: #333333;

			}



#area-contatos

{

	position: relative;

	width: 255px;

	padding-top: 38px;

	height: 132px;

	float: left;

}



.titulo-clientes

{

	position: relative;

	width: 354px;

	padding-top: 47px;

	padding-left: 18px;

	height: 31px;

	float: right;

}



#area-clientes

{

	background: url(../imgs/fundo-areas-home.gif) top left no-repeat;

	border-top: #cdcdcd 1px solid;

	position: relative;

	width: 372px;

	float: right;

}



#area-transicao

{

	position: relative;

	height: 55px;

	margin-top: 20px;

	margin-left: 20px;

	margin-right: 20px;

	border-left: #cdcdcd 1px solid;

	border-right: #cdcdcd 1px solid;

}



/* Fim CONTEUDO */



/* 1º RODAPE */

#bloco-1rodape

{

	background: #FFFFFF url(../imgs/fundo-rodape.gif) top repeat-x;

	position: relative;

	padding-left: 15px;

	padding-right: 15px;

	width: 633px;

	height: 45px;

	margin-left: auto;

	margin-right: auto;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	color:#333333;

}



#bloco-2rodape

{

	position: relative;

	padding-left: 20px;

	padding-right: 20px;

	width: 623px;

	height: 80px;

	margin-left: auto;

	margin-right: auto;

}



	.rodape-logo

	{

		position: relative;

		float: left;

	}

	

	.rodape-menus-credito

	{

		position: relative;

		float: left;

		padding-left: 10px;

		margin-top: 15px;

		margin-left: 30px;

		border-left: #4a5c75 1px solid;

		font-family: Verdana, Arial, Helvetica, sans-serif;

		font-size: 10px;

		font-weight: normal;

		color: #52647d;

	}

	

				.rodape-menus-credito a:link

				{

					text-decoration: none;

					color: #52647d;

				}

				

				.rodape-menus-credito a:visited

				{

					text-decoration: none;

					color: #52647d;

				}

				

				.rodape-menus-credito a:hover

				{

					text-decoration: none;

					color: #ffffff;

				}

				

				.rodape-menus-credito a:active

				{

					text-decoration: none;

					color: #52647d;

				}

				

/* COPY INTERATIVA */



.div-flechas

{

	position: absolute;

	width: 34px;

	bottom: 0px;

	right: 18px;

	z-index: 1000;

}



.interativa-descricao

{

	background: url(../imgs/fundo-areas-home.gif) top left no-repeat;

	border-top: #cdcdcd 1px solid;

	position: relative;

	height: 255px;

	border-bottom: #cdcdcd 1px solid;

	padding-left: 20px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	color: #333333;

}



.titulo-interativa

{

	position: relative;

	padding-left: 18px;

	height: 31px;

}



/* AMPLIACAO */



.div-escudo

{

	position: absolute;

	top: 0px;

	left: 0px;

	right: 0px;

	width: 100%;

	height: 100%;

	visibility: hidden;

	z-index: 1000;

}



.div-transparencia

{

	position: absolute;

	top: 0px;

	left: 0px;

	right: 0px;

	width: 100%;

	height: 100%;

	background: #000000;

	opacity: .6;

	filter: alpha(Opacity=60);

	-khtml-opacity: .6;

}