body{
	margin: 0 auto;
	padding:0;
	outline: none;
}
#main, #header, #content, #footer {
	width: 100%;
	float: left;
	min-width: 998px;
}
#main {
	margin: 0 auto;
	background-color: #fff;
}
#portfolio {
	width: 199px;
	height: 40px;
	margin: 30px 30px 0 0;
	float: right;
	background: url(../imagens/port_bt.png) no-repeat 0 0;
}
#portfolio_bt {
	width: 199px;
	height: 40px;
	margin: 0;
	float: right;
	background: url(../imagens/port_bt2.png) no-repeat 0 0;
	cursor: pointer;
	opacity: 0;
}
#meio{
	width: 998px;
	text-align: center;
	margin: 0 0 20px 0;
	height: 445px;
}
#mais{
	width: 565px;
	height: 182px;
	margin: 60px 20px 0 0;
	float: left;
	background: url(../imagens/mais_dpi_pq.gif) no-repeat 0 0;
}
#frase{
	width: 410px;
	height: 320px;
	margin: 10px 0 0 0;
	float: right;
	background: url(../imagens/frase_direita_gd.png) no-repeat 0 0;
}
#footer{
	background-color: #000;
	height: 100px;
	margin: 0;
}
#endereco{
	width: 483px;
	height: 100px;
	margin: 0 0 0 30px;
	float: left;
	background: url(../imagens/endereco.jpg) no-repeat 0 0;
	cursor: pointer;
}
#footer_direita{
	width: 238px;
	height: 100px;
	margin: 0;
	float: right;
	background: url(../imagens/footer_direita.jpg) no-repeat 0 0;
}
@media screen and (max-width: 5000px) and (min-width: 1365px) {
	#header h1 { width: 340px; height: 140px; margin: 30px 0 0 30px; float: left; background: url(../imagens/logo_dpi_pq.png) no-repeat 0 0; }
	#meio { width: 1280px; text-align: center; margin: 0 0 57px 0; height: 350px; }
	#mais { width: 669px; height: 212px; margin: 90px 0 0 0;	float: left; background: url(../imagens/mais_dpi_gd.gif) no-repeat 0 0; }
	#frase { width: 442px; height: 350px; margin: 10px 90px 0 0; float: right; background: url(../imagens/frase_direita_gd.png) no-repeat 0 0; }
}

@media screen and (max-width: 1364px) and (min-width: 1px) {
	#header h1 { width: 340px; height: 140px; margin: 30px 0 0 30px; float: left; background: url(../imagens/logo_dpi_pq.png) no-repeat 0 0; }
	#meio { width: 998px; text-align: center; margin: 0 0 20px 0; height: 275px; }
	#mais { width: 565px; height: 182px; margin: 60px 20px 0 0;	float: left; background: url(../imagens/mais_dpi_pq.gif) no-repeat 0 0; }
	#frase { width: 315px; height: 250px; margin: 10px 50px 0 0; float: right; background: url(../imagens/frase_direita_pq.png) no-repeat 0 0; }
}
@media screen and (max-height: 5000px) and (min-height: 565px) {
	#footer{ position: absolute; bottom: 0; z-index: 9999; }
}