@import url("design.css");
/* ------------------------------------------------------------------------
version: 1.0
author: Favus Interactive Editoração Eletrônica LTDA-ME
email: projeto@favus.com.br
website: http://www.favus.com.br
phone: 55 (11) 3837 0555 | 3554 4349
*/

body{
	margin: 0 auto;
	padding: 0;
	background-color: #FFF;
	text-align: center;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #989ea3;
	line-height: 17px;
}

img{
	border: 0px solid #000;
}

#principal{
	width: 778px;
	height: 530px;
	border: 0px solid #000;
	text-align: left;
	padding-top: 60px;
}

#principalCases{
	width: 778px;
	min-height: 400px;
	border: 0px solid #000;
	text-align: left;
	padding-top: 60px;
}

#principalInstitucional{
	width: 778px;
	height: 400px;
	border: 0px solid #000;
	text-align: left;
	padding-top: 60px;
}

#central{
	width: 743px;
	height: 430px;
	position: absolute;
	border: 0px solid #000;
	background-image: url(../imagens/back_central.gif);
	background-position: top right;
	background-repeat: no-repeat;
	margin-top: 74px;
	margin-left: 35px;
}

#centralCases{
	width: 743px;
	min-height: 300px;
	position: absolute;
	border: 0px solid #000;
	background-image: url(../imagens/back_central-cases.gif);
	background-position: top right;
	background-repeat: no-repeat;
	margin-top: 74px;
	margin-left: 35px;
}

#centralInstitucional{
	width: 743px;
	height: 324px;
	position: absolute;
	border: 0px solid #000;
	background-image: url(../imagens/back_institucional.gif);
	background-position: top right;
	background-repeat: no-repeat;
	margin-top: 74px;
	margin-left: 35px;
	padding-bottom: 30px;
}

#interna{
	width: 547px;
	height: 295px;
	border: 0px solid #000;
	float:right;
}


.ultimoProjeto{
	width: 110px;
	height: 110px;
	position: absolute;
	background-color: #FFF;
	margin-left: 214px;
	margin-top: 198px;
}

.ultimoCase{
	width: 230px;
	height: 230px;
	position: absolute;
	background-color: #FFF;
	margin-left: 472px;
	margin-top: 79px;
}

.projetoDestaque{
	width: 230px;
	height: 320px;
	position: absolute;
	margin-left: 225px;
	margin-top: 92px;
	border: 0px solid #000;
	font-size: 10px;
	font-family: Tahoma, Arial;
	color: #929597;
	line-height: 14px;
}

.projetoDestaqueA{
	width: 215px;
	height: 160px;
	position: absolute;
	margin-left: 232px;
	margin-top: 130px;
	border: 0px solid #000;
	font-size: 10px;
	font-family: Tahoma, Arial;
	color: #fff;
	line-height: 14px;
}

.projetoDestaqueB{
	width: 240px;
	position: absolute;
	margin-top: 85px;
	border: 0px solid #000;
	margin-left: 484px;
}

.projetoDestaque img{
	margin-bottom: 15px;
}

.projetoDestaqueB img{
	padding:8px;
	margin-bottom: 15px;
	background-image: url(../imagens/back_imgs_showcase.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

/*ÁREA CENTRAL QUE SEGURA A COLUNA ESQUERDA COM CONTEUDO DA COLUNA DA DIREITA COM MARCAS*/
#areaDefinicao{
	width: 778px;
	border: 0px solid #000;
	text-align: left;
}

#areaDefinicaoCases{
	width: 252px;
	border: 0px solid #000;
	text-align: left;
	margin-right:50px;
	color: #6d6f71;
}

#areaDefinicao .colunaA{
	width: 180px;
	border: 0px solid #000;
	text-align: left;
	float: left;
	font-size: 10px;
	line-height: 14px;
	margin-left: 35px;
}

#areaDefinicao .colunaB{
	width: 520px;
	border: 0px solid #000;
	float: right;
}

#areaDefinicao .colunaBInstitucional{
	width: 544px;
	border: 0px solid #000;
	float: right;
	color:#808080;
	padding-bottom: 100px;
}

#areaDefinicao .colunaB .logotipo{
	width: 144px;
	height: 240px;
	border: 0px solid #000;
	float: left;
	background-image: url(../imagens/back_logotipo.gif);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 10px;
	font-family: Tahoma, Arial;
	color: #929597;
	line-height: 13px;
	text-align: center;
	padding-top: 10px;
	padding-left: 9px;
	padding-right: 10px;
	margin-right: 8px;
}

#areaDefinicao .colunaB .logotipoSem{
	width: 144px;
	height: 210px;
	border: 0px solid #000;
	float: left;
	font-size: 10px;
	font-family: Tahoma, Arial;
	color: #929597;
	line-height: 13px;
	text-align: center;
	padding-top: 10px;
	padding-left: 9px;
	padding-right: 10px;
	margin-right: 8px;
}

#areaDefinicao .colunaB .logotipo img{
	width: 145px;
	height: 145px;
	border: 0px solid #000;
	margin-bottom: 10px;
}

#areaDefinicao .colunaB .logotipoPequeno{
	width: 81px;
	height: 72px;
	border: 0px solid #000;
	float: left;
	background-image: url(../imagens/back_logotipop.gif);
	background-position: top;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 9px;
	padding-left:1px;
}

#menuCompleto{
	width: 180px;
	position: absolute;
	border: 0px solid #000;
}

#rodapeColorCases{
	width: 778px;
	height: 20px;
	clear: both;
	background-color:#faaa00;
	color: #FFF;
	padding-top: 20px;
	margin-top: 80px;
}

#contatoCases{
	width: 185px;
	min-height: 136px;
	clear: both;
	color: #9eafba;
	font-size: 11px;
	float:left;
	margin-left: 245px;
	text-align:left;
	border: 0px #000 solid;
	margin-top: -150px;
	margin-bottom: 50px
}

#contato{
	width: 180px;
	height: 119px;
	border: 0px solid #000;
	margin-top: 50px;
}

#voltar-cases{
	width: 180px;
	height: 25px;
	background-color: #a9b4bb;
	color: #fff;
	font: bold;
	font-size: 10;
	margin-bottom: 3px;
}

.boxCases{
	width: 160px;
	min-height:20px;
	background-color: #c8d4db;
	color: #7b7a8a;
	margin-bottom: 3px;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.caseDepoimento{
	width: 250px;
	height: 225px;
	position: absolute;
	margin-left: 215px;
	margin-top: 90px;
	border: 0px solid #000;
	font-size: 10px;
	font-family: Tahoma, Arial;
	color: #fff;
	line-height: 12px;
	font-style:italic;
}