@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Montserrat:700|Merriweather:400italic');
/*RESET*/
*{
	margin:0;
	padding:0;
}
.ok{
	padding:5px;
	background:#D5FFDF;
	border:1px solid #0F0;
	font:16px Helvetica, Tahoma;
	color:#333;
}
.no{
	padding:5px;
	background:#FFDFDF;
	border:1px solid #F00;
	font:16px Helvetica, Tahoma;
	color:#333;
}

/*PAINEL DE LOGIN*/
.alert{
	padding:10px;
	background:#FFFFD9;
	border:1px solid #FF0;
	margin:5px 0;
	font:14px Helvetica, Tahoma;
}
#painel_de_login{
	width:310px;
	padding:5px;
	margin:5px auto 0;
	background:#f4f4f4;
	border:1px solid #333;
}
#painel_de_login fieldset{
	border:0;
}
#painel_de_login span{
	display:block;
	font:14px Helvetica, Tahoma;
	color:#036;
	font-weight:bold;
	margin:5px 0;
}
#painel_de_login input{
	width:300px;
	padding:3px;
	border:1px solid #036;
}
#painel_de_login .login_btn{
	width:100px;
	margin:5px auto;
	background:url(images/botao2.png) top left no-repeat;
	font:16px Helvetica, Tahoma;
	color:#FFF;
	border:0;
	padding:10px;
	cursor:pointer;
	
}
/*CORPO DO PAINEL*/
body{
	/*background:url(images/bg.jpg) repeat-x #fff;*/
}
#box{
	width:90%;
	margin:0 auto;
}
#header{
	height:80px;
	/* background:url(images/bg.jpg) repeat-x; */
	margin-bottom:5px;
	border-bottom:#003366 2px solid;
	width: 100%
}
#header_logo{
	margin:5px 0 0 0px;
	float:left;
}
#header_usu{
	margin:0px 0 0 0px;
	float:right;
	padding-top: 20px;
}
#menu{
	width:250px;
	float:left;
	padding:5px;
	background:#f4f4f4;
	border:1px solid #D6D6D6;
}
#menu h1{
	width:240px;
	float:left;
	padding:5px;
	font:15px Helvetica, Tahoma;
	background:#036;
	color:#FFF;
}
#menu ul{
	margin:5px 0;
	padding:0;
	list-style:none;
}
.logado a{
	text-decoration:none;
}
#menu ul li{
	margin:1px 0;
	float:left;
	font:14px Helvetica, Tahoma;
}
#menu ul li a{
	width:237px;
	padding:2px 5px;
	text-decoration:none;
	color:#333;
	float:left;
	border-left:3px solid #ccc;
}
#conteudo{
	padding-left:50px;
	margin:100 0 0 5px;
	float:left;
}
.usuario{
	width: 600px;
}

#tabela_lista {
	font:14px Helvetica, Tahoma;
	color:#333;
}

#tabela_lista tr:nth-child(odd) {
	background-color: #EFEFEF;
}

#conteudo h1{
	font:18px Helvetica, Tahoma;
	color:#036;
	border-bottom:4px solid #036;
	margin:10px 0 5px 0;
	padding:0 0 1px 0;
}
#conteudo form{
	padding:10px;
	background:#fff;
}
#conteudo fieldset{
	border:0;
}
#conteudo label.error{
	color:#F00;
	font-weight:bold;
	display:block;
}
#conteudo input.error{
	background:#FFB3B3;
	border:1px solid #F00;
}
#conteudo textarea.error{
	background:#FFB3B3;
	border:1px solid #F00;
}
#conteudo select.error{
	background:#FFB3B3;
	border:1px solid #F00;
}
#conteudo span{
	display:block;
	font:14px Helvetica, Tahoma;
	font-weight:bold;
	color:#333;
	margin:5px 0;
}
#conteudo input{
	width:690px;
	padding:3px 5px;
	background:#f4f4f4;
	border:1px solid #333;
}
.conteudo_data {
	float:left;
	padding-right: 50px;
	padding-bottom: 10px;
}

#conteudo input.file{
	width:490px;
	padding:3px 5px;
	background:#f4f4f4;
	border:1px solid #333;
}
#conteudo .lista_btn{
	display:block;
	width:50px;
	margin:0;
	padding:0;
	background:transparent;
	border:0;
	color:#069;
	cursor:pointer;
	font-weight:bold;
}
#conteudo .lista_btn_e{
	display:block;
	width:50px;
	margin:0;
	padding:0;
	background:transparent;
	border:0;
	color:#F00;
	cursor:pointer;
	font-weight:bold;
}
#conteudo .lista_btn:hover{
	color:#09F;
}
#conteudo .lista_btn_e:hover{
	color:#900;
}
#conteudo .lista_posts{
	width:auto;
	height:auto;
	padding:0;
	background:#c8c8c8;
}
#conteudo textarea{
	width:790px;
	padding:3px 5px;
	background:#f4f4f4;
	border:1px solid #333;
}
#conteudo select{
	background:#f4f4f4;
	padding:3px 5px;
	border:1px solid #333;
}
#conteudo .cadastro_btn{
	width:70px;
	height:29px;
	margin-top:7px;
	border:0;
	background:url(images/botao3.png) top left no-repeat;
	color:#FFF;
	cursor:pointer;
	float:right;
}
#conteudo .pagina_btn{
	width:70px;
	height:29px;
	margin:0 5px;
	border:0;
	background:url(images/botao3.png) top left no-repeat;
	color:#FFF;
	cursor:pointer
}

#clear{clear:both;}

#footer{
	width:798px;
	margin:10px auto;
	height:40px;
	background:#036;
	border:1px solid #D6D6D6;
}
#footer_txt{
	font:14px Helvetica, Tahoma;
	color:#FFF;
	text-align:center;
	margin:10px;
}
#footer_img{
	float:right;
	margin:15px 20px;
}
.tabela{
	font:14px Helvetica, Tahoma;
	color:#333;
}
.paginator a{
	padding:2px 5px;
	border:1px solid #333;
	text-decoration:none;
	color:#333;
	font:14px Helvetica, Tahoma;
}
.paginator a.paginator_btn{
	width:70px;
	height:29px;
	border:0;
	background:url(images/botao3.png) no-repeat;
	color:#FFF;
	cursor:pointer;
}

#usuarios ul{
	list-style:none;
	margin:0;
	padding:0;
}
#usuarios ul li{
	padding:5px;
	margin:5px;
	background:#f4f4f4;
	border:1px solid #CCC;
	float:left;
	width:500px;
}
#usuarios img{
	float:left;
	margin-right:10px;
	padding:2px;
	border:1px solid #999;
}
#usuarios span{
	float:right;
}
#usuarios form{
	width:auto;
	height:auto;
	background:transparent;
	float:right;
	margin:0;
	padding:0;
}
#usuarios input{
	width:auto;
	height:auto;
	background:tranparent;
	font-weight:bold;
	margin:0 2px;
	padding:3px;
}
.usuario_editar{
	padding:10px;
	margin:5px 0;
	background:#f4f4f4;
	font:14px Helvetica, Tahoma;
}
.usuario_editar img{
	float:left;
	margin-right:10px;
	padding:2px;
	border:1px solid #999;
}
.botoes_acao{
	font-size: 20pt;
}