/*
Cliente		: Gilfer
Autor		: Celso Furtunato
Versão 		: 1.0
Criado		: 10/08/2009
*/

*{
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	line-height:100%;
	font-family:"Trebuchet MS", Tahoma;	
	font-size:14px;
	text-decoration:none;	
	}

html, body{
	width:100%;
	height:100%;
	background:#fff;
}

br{
	clear:both;
}

h1{
	margin-bottom:16px;
	font-size:20px;
	font-weight:normal;
	line-height:24px;
}

h2{
	margin-bottom:16px;
	font-size:17px;
	color:#fff;
	font-weight:normal;
	line-height:21px;
}

p{
	margin-bottom:20px;
	font-size:14px;
	line-height:20px;
}

p em{
	font-style:italic;
}

p br{
	line-height:18px;	
}

a.botao{
	float:right;
	font-size:16px;
	color:#660303;
	line-height:20px;
	text-decoration:underline;
}

.principal{
	position:relative;	
	margin:0 auto;	
	width:988px;
	height:680px;
	background:url(../imagens/principal_fundo.jpg) no-repeat;
}

.topo{
	display:block;
	margin:0 25px;
	height:96px;
	background:url(../imagens/topo_divisao.png) no-repeat bottom;
}

.topo .logomarca{
	display:inline;
	float:left;
	margin:14px 0 0 -2px;
}

.topo ul{
	float:right;
}

.topo ul li{
	display:inline;	
}

.conteudo{
	display:block;
	margin:0 25px 0 21px;
	height:531px;
}

.rodape{	
	display:block;
	margin:0 25px;
	height:53px;
	background:url(../imagens/rodape_divisao.png) no-repeat top;
}

.rodape ul li{
	position:relative;
	display:inline;
	float:left;
	margin-top:20px;
}

.rodape ul li address{
	display:inline;
}

.rodape ul li.email{
	margin-left:3px;
}

.rodape ul li.telefone{
	float:right;
	margin-top:15px;
}

.rodape .ico-tel{
	position:absolute;
	top:-1px;
	left:-31px;
}

/* Classes para seção Home */
div.home-imagens{
	display:inline;
	float:left;
	margin:25px 0 0 21px;
	width:944px;
	height:474px;
	background-repeat:no-repeat;
}

div.home-imagens img{
	margin:4px 0 0 6px;
}

p.home-textos{
	margin:2px 0 14px 25px;
}

/* Classes para seção Empresas */
.empresa-imagem{
	display:inline;
	float:left;
	margin-top:30px;	
	width:309px;
	height:441px;
	background-repeat:no-repeat;
}

.empresa-imagem img{
	margin:4px 0 0 6px;
}

.empresa-imagem img{
	width:299px;
	height:429px;
}

.empresa-textos{
	display:inline;
	float:right;
	margin:32px 0 0;
	width:610px;
}

/* Classes para seção Portões */
.portoes-textos{
	display:inline;
	float:left;
	margin:30px 0 0 4px;
	width:938px;
}

.portoes-molduras{
	display:inline;
	float:left;
	margin-right:10px;
	width:190px;
	height:158px;
	background-repeat:no-repeat;	
}

.portoes-molduras a{
	float:left;
	margin:4px 0 0 6px;
	width:174px;
	height:146px;
	overflow:hidden;
}

.portoes-molduras img{height:100%;}

ul.portoes-opcoes{
	display:block;	
	height:270px;
	overflow-y:auto;
}

.portoes-opcoes li{
	display:inline;
	float:left;
	margin:20px 10px 0 0;
}

.portoes-opcoes li a.link{
	display:block;
	margin-top:165px;
	width:180px;
	font-size:18px;
	color:#fff;
	text-align:center;
	line-height:22px;
}

ul.portoesdetalhes-opcoes {
	display:block;
	margin-bottom:10px;
	height:410px;
	overflow-y:auto;
}

.portoesdetalhes-opcoes li{
	display:inline;
	float:left;
	margin:20px 30px 0 0;
	width:430px;
}

.portoesdetalhes-opcoes li a{
	margin-right:10px;
}

/* Classes para seção Contatos */
.contato-textos{
	display:inline;
	float:left;
	margin:30px 0 0 4px;	
	width:468px;
}

.contato-localizacao{
	display:inline;
	float:right;
	margin-top:30px;
	width:470px;
}

.contato-imagem{
	display:inline;
	float:left;	
	width:460px;
	height:398px;
	background-repeat:no-repeat;
	clear:both;
}

.contato-imagem iframe{
	display:inline;
	float:left;
	margin:4px 0 0 6px;
	width:449px;
	height:386px;
	clear:both;
}

.contato-formulario{
	display:inline;
	float:left;
	margin-top:10px;
}

.contato-formulario label{
	display:inline;
	float:left;
	margin:0 10px 5px 0;
}

.contato-formulario input.texto,
.contato-formulario textarea{
	display:block;
	margin-top:2px;
	border:1px solid #000;
	border-color:#afaeae #fff #fff #afaeae;
	color:#666;
}

.contato-formulario .botao{
	display:inline;
	float:right;
	margin:20px 56px 0 0;
}