body{
	margin:0px auto;
	width:100%;
	height:100%;
	}
img{ border:0px;}
/** Conteudo Geral ###################################################################### **/
@media screen and (min-width: 1007px) {
#geral404{
	width:924px;
	margin:0px auto;
}
}
@media screen and (min-width: 800px) and (max-width: 1006px) {
#geral404{width:780px;}
}
@media screen and (min-width: 640px) and (max-width: 799px) {
#geral404{
	width:640px;
}
}
@media screen and (min-width: 480px) and (max-width: 639px) {
#geral404{
	width:480px;
}
}
@media screen and (max-width: 479px) {
#geral404{
	width:320px;
}
}
#geral404{margin:0px auto;}

/** Conteudo Topo ###################################################################### **/
#topo404{background:#2b2b2b url(../img/preto/bg.png);border-bottom:1px solid #333;}
@media screen and (min-width: 1007px){
#topo404Conteudo{
	width:924px;
	}
}

@media screen and (min-width: 800px) and (max-width: 1006px) {
#topo404Conteudo{
	width:800px;
	}
}
@media screen and (min-width: 640px) and (max-width: 799px) {
#topo404Conteudo{
	width:640px;
	}
}
@media screen and (min-width: 480px) and (max-width: 649px) {
#topo404Conteudo{
	width:480px;
	}
}
@media screen and (max-width: 479px) {
#topo404Conteudo{
	width:320px;
	}
}
#topo404Conteudo{
	margin:0px auto;
	padding:10px 0px;
	overflow:auto;
	}
#topo404Conteudo img{
	width:200px;
	float:left;
	margin-right:20px;
	}
@media screen and (max-width: 479px) {
	#topo404Conteudo img{
	width:200px;
	margin:10px 60px;
	}
	}
/** Conteudo ############################################################################## **/
#conteudo404{position:relative;margin:0px auto;margin-top:0px;}	
#conteudo404 h1{
	margin:2px;
	font-size:24px;
	color:#666;
	}
#lado1_404{
	float:left;
	width:50%;
	height:100%;
	margin:10px 0px;
}
@media screen and (max-width: 799px) {
	#lado1_404{
	float:left;
	width:100%;
	height:100%;
	}
}
.pgInicial {
	background:#f06292; 
	width:50%; 
	height:32px; 
	line-height:32px; 
	text-align:center; 
	padding:5px;
}
.pgInicial a{
	text-decoration:none;
	color:#fff;
	font-size:1.1em;
	display:block;
	}
.pgInicial:hover{
	background:#f06292;
        border: 1px solid #f06292;
	}
#lado2_404{
	float:left;
	margin:10px 0px;
	width:48%;
	height:100%;
	margin-left:2%;
}
@media screen and(max-width: 799px) {
	#lado2_404{
	float:left;
	width:100%;
	}
}

#lado2_404 img{
	float:right;
}
@media screen and (min-width: 640px) and (max-width: 799px) {
	#lado2_404 img{
		float:left;
	}
}
@media screen and (min-width: 480px) and (max-width: 639px) {
	#lado2_404 img{
		float:left;
	}
}
@media screen and (max-width: 479px) {
	#lado2_404 img{
		float:left;
		width:280px;
	}
}

/** Conteudo Postado ########################################################################## **/
#postados404Conteudo{
	position:relative;
	margin:0px auto ;
	width:100%;
	margin-top:0px;
	background:#2b2b2b url(../img/preto/bg.png);
	clear:both;
	padding:10px 0px;
	}
#postados404Conteudo h3{
	margin:0px;
        margin-bottom: 10px;
	font-size:18px;
        font-weight: normal;
	color:#999;
	}
@media screen and (min-width: 1007px) {
#postados404{
	width:960px;
	}
}
@media screen and (min-width: 800px) and (max-width: 1006px) {
	#postados404{
	width:780px;
	}
}
@media screen and (min-width: 640px) and (max-width: 799px) {
	#postados404{
	width:640px;
	}
}
@media screen and (min-width: 480px) and (max-width: 639px) {
	#postados404{
	width:480px;
	}
}
@media screen and (max-width: 479px) {
	#postados404{
	width:320px;
	}
}

#postados404{
	margin:0px auto;
	overflow:auto;
	clear:both;
	}

.postadosBox{
	margin:5px;
	position:relative;
	float:left;
	width:178px;
	height:150px;
	font-size:12px;
	border-bottom:2px dotted #333;
	}
@media screen and (min-width: 480px) and (max-width: 639px) {
	.postadosBox{
	margin:5px 30px;
	}
}
@media screen and (max-width: 479px) {
	.postadosBox{
	margin:0px auto;
	float:none;
	}
}
.postadosBox img:hover{	
	cursor:pointer;
	/** Div com Conteudo Transparente **/
	background: rgb(0, 0, 0) transparent;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0.7;
	/* Para navegadores IE 5.5 - 7 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
	/* Para navegadores IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000)";
	/** Final Div com Conteudo Transparente **/
	border-radius:5px;
	}
	.postadosBox a{
	text-align:center;
	color:#f06292;
	font-size:14px;
	text-decoration:none;
	}
.postadosBox a:hover{
	text-decoration:underline;
	color:#999;
	font-size:14px;
	}


/** Conteudo Rodape ########################################################################## **/
#rodape404{
	margin-bottom:0px;
	height:30px;
	font-size:0.850em;
	text-align:center;
	line-height:30px;
	clear:both;
	color:#777;
	background:#1b1b1b;
	}
.feedBox{ margin:0px; background:#232323;  padding:7px; color:#777; overflow:auto;}
.feedBox img{ float:left; margin-right:10px; width:80px;}
.feedBox input{ background: #292929; padding: 0px 10px; outline:none; color: #888; border-bottom: 1px solid #f06292;}
.feedBoxBt input{ width:160px; margin:5px 0px 0px; border:0px; background:#292929; color:#f2f2f2; cursor:pointer; height:32px; border-bottom: 1px solid #f06292;}
.feedBoxInput input{ width:160px; border:0px; height:32px; border-bottom: 1px solid #f06292;}