@charset "utf-8";
/* CSS Document */

/* Estilo */

body { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#43525A; margin:0px; background:url(../imgs/bg.jpg) top no-repeat #000; }
a {	text-decoration:none; color:#43525A; }
a:hover { text-decoration:underline; }
p {	margin-top:0px;	margin-bottom:0px; }

/* Classes */

.forms_editor { padding-left:5px; color:#777777; margin-bottom:5px; border:1px solid #DDDDDD; height:26px; background-color:#F5F5F7; }
.botao { border:0px; background-color:#43525A; padding:5px 10px; color:#FFF; }
.titulo_editor { font-size:18px; color:#43525A; }
.vertodos { display:block; padding:5px 0px; border-bottom:#DDDDDD dotted 1px; margin-bottom:10px;}
.vertodos:hover { background-color:#F5F5F7; }
.paginacao { background-color:#43525A; padding:5px 10px; color:#FFF; display: inline-block; margin-right:3px; }
.paginacao_select { background-color:#B22D00; padding:5px 10px; color:#FFF; display: inline-block; margin-right:3px; }
	.paginacao:hover { text-decoration:none; background-color:#B22D00; }
	.paginacao_select:hover { text-decoration:none; }

/* Login */

#vidro { width:400px; height:300px; left:50%; top:50%; padding:20px; margin:-150px 0 0 -200px; position:absolute; background:url(../imgs/vidro.png) repeat; }
	#login { width:100%; height:100%; background-color:#F5F5F7; text-align:center; }
		#topo img { max-width:100%; }
		#autenticacao { width:90%; height:43%; margin:auto; padding-top:45px; background-color:#FFF; border:1px #DDDDDD solid; }


/* Layout */

#topo { width:100%; text-align:center; background:url(../imgs/bg_topo.png) top no-repeat; }
	#topo img { max-width:100%; border:0px; }
	
#container { width:90%; margin:auto;}
	#menu { width:10%; float:left; }
		#menu img { margin-bottom:3px; }
		#menu a { background-color:#B22D00; display:block; border-top:1px solid #D23500; border-bottom:1px solid #9B2700; text-align:center; color:#FFF; font-size:10px; padding:10px 0px 10px 0px; }
		#menu a:hover { background-color:#D23500; text-decoration:none; }
	#corpo { width:90%; background-color:#F5F5F7; float:left; padding-top:20px; }
		#conteudo { background-color:#FFF; border:1px #DDDDDD solid; padding:10px; margin:0px 10px 0px 20px; width:65%; float:left; }
		#conteudo_principal { background-color:#FFF; border:1px #DDDDDD solid; margin-left:20px; width:95%; }
		#espaco { display:none; }
		#opcoes { background-color:#FFF; border:1px #DDDDDD solid; padding:10px; margin:0px 20px 0px 10px; width:22%; float:left; text-align:right; }
			#opcoes a { background-color:#43525A; padding:10px 10px; color:#FFF; display: inline-block; margin-bottom:5px; }
			#opcoes a:hover { text-decoration:none; background-color:#B22D00; }
		#rodape { background-color:#43525A; width:100%; float:left; text-align:center; margin-top:20px; color:#FFF; padding:10px 0px 10px 0px; }


@media screen and (max-width: 1024px) {

#container { width:100%; }
	#menu { width:100%; background-color:#B22D00; text-align:center; }
		#menu a { display:inline-block; border-left:1px solid #D23500; border-right:1px solid #9B2700; padding:10px 20px 10px 20px; }
	#corpo { width:100%; }
		#conteudo { width:64%; }
		#opcoes { width:22%; }
}

@media screen and (max-width: 800px) {

		#conteudo { width:60%; }
		#conteudo_principal { width:94%; }
		#opcoes { width:22%; }

}

@media screen and (max-width: 600px) {
	
#vidro { width:100%; padding:0px; margin:0px; position:inherit; background:#F5F5F7; }

		#conteudo { margin:auto; width:90%; float:none; }
		#conteudo_principal { width:91%; }
		#espaco { display:inherit; height:20px; }
		#opcoes { margin:auto; width:90%; float:none; }

}

@media screen and (max-width: 400px) {
	
		#conteudo_principal { width:88%; }

}

/* Hack do float */

#container:after, #corpo:after, .vertodos:after, #conteudo:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}