body{

	background: #f6f6f6;
}
*{
margin:0;
border:0;
padding:0;
text-decoration:none;
font-family: "Century Gothic", Verdana;
}
.empresa{
	color: #fff;
	text-align: left;
	position: absolute;
	top: 35px;
	left: 230px;
	font-size: 10pt;
}
.agrupar{
width:100%;
position:relative;
margin:0 auto;
}
.noite{
	background: rgba(0, 0, 0, 0.8);
	z-index: 1000;
	position: fixed;
	transition: all 0.4s ease;
	display: none;
	top: 0;
	left: 0;
	opacity: 1;
}
.noite2{
	background: rgba(0, 0, 0, 0.8);
	z-index: 998;
	position: absolute;
	transition: all 0.4s ease;
	display: block;
	top: 0;
	left: 0;
	opacity: 1;
}
.modal{
background: #FCFCFC;
width: 97%;
opacity: 1;
display: inline;
border-radius: 4px;
top:-90px;
position: absolute;
z-index: 1000;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
overflow: hidden;
}

.modal input ,.modal select, .modal textarea{
	width: 88%;
	height: 40px;
	background: #fff;
	margin: 20px;
	border: 1px solid #CCC;
	border-radius: 3px;
	font-size: 11pt;
	line-height: 40px;
	text-align: left;
	padding-left: 8px;
}
.modal textarea{
	height: 130px;
}
.modal>p{

	height: 30px;
	background:#008DD5;
	text-align: center;
	color: #fff;
	width: 107%;
	margin-left: -15px;
	line-height: 30px;
}
.modal .grid4{
	margin: 20px;
	width: 110px;
	height: 110px !important;
}
.modal input[type="submit"]{
	background:#008DD5;
	margin: 40px auto 0 -15px;
	width: 107%;
	background:#008DD5;
	height: 50px;
color: #fff;
font-size: 14pt;
cursor: pointer;
border-top: solid 1px #ccc; 
letter-spacing: 2px;
text-align: center;
}
.modal .salvar, .publicar{
	width: 51% !important;

}
.publicar{
		background: #FF9E44 !important;
}
 .salvar{
float: right;
margin-right: -15px !important;
}
.modal input[type="file"]{
float: right;
width: 50%;
color: rgba(255,255,255,0);
background: none;
border:none;
cursor: pointer;
margin-top: 50px;
}
.modal input[type="radio"]{
color: #000;
border:none;
cursor: pointer;
width: auto !important;
height: auto !important;
float: left;
}
.modal input[type="radio"]:checked{
	box-shadow: 0px 0px 50px 50px #F9994A;
}
.modal input[type="submit"]:hover{
	background: #00B764;
}
.input-nivel{
	text-align: center;
line-height: 50px;
float: left;
width: 40%;
position: relative;
border-radius: 4px;
background: #008DD5;
height: 50px;
margin: 50px 20px;
overflow: hidden;
}
.bot-fechar{

	float: right;
}
/******************************************************************************************************
	Login
**********************************/
.fundo-login{
	display: none;
}
.login{
max-width: 330px;
width: 86%;
height: 340px;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.9);
position: relative;
box-shadow: 2px 2px 8px -2px rgba(0, 0, 0, 0.7);
border-radius: 3px;
overflow: hidden;
margin: 20% auto;
}
.login>img{

	margin: 30px 30px 0px;
}
.atalho{
	width: 200px;
	float: left;
	list-style: none;
	color: #008DD5;
	padding: 15px 0 0px 10px;
	margin: 2% auto auto 19%;
	opacity: 0.8;
	font-size: 13pt;
	overflow: hidden;
}
.atalho img{
margin: auto  10px -5px auto;
}
.grupo-input{
height: 35px;
width: 90%;
margin: 20px auto;
background: #fff;
border: solid 1px #CCC;
overflow: hidden;
padding: 0;
border-radius: 3px;
}
.grupo-input div{
padding: 6px;
background: #FCFCFC;
border-right: 1px solid #CCC;
margin: 0;
float: left;
}
.grupo-input input{
width:85%;
height: 100%;
text-align: left;
float: right;
opacity: 1;
font-size: 12pt;
color: #ccc;
}
.login-enviar{
width: 100%;
height: 40px;
background:#008DD5;
position: absolute;
bottom: 0;
color: #fff;
font-size: 14pt;
cursor: pointer;
border-top: solid 1px #ccc; 
}
.login-enviar:hover{
	background: #00B764;
}

/******************************************************************************************************
	INDEX
**********************************/
.fecha-m{
	display: none;
}

.box-topo{

	width: 100%;
	height: 125px;
	box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.5);
	z-index: 999;
	position: relative;
}
.box-menu{
	width: 0px;
	height: 100%;
	background: #363640;
	float:left;
	position: relative;
	padding-bottom: 0 !important;
	position: absolute;
	z-index: 999;
	overflow: hidden;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
#conteudo{
	width: 100%;
	min-height: 800px;
	background: #f6f6f6;
	float:right;
}
.box-rodape{

	width: 100%;
	height: 130px;
	background: #008DD5;
	text-align: center;
	overflow: hidden;
}
.rodape{
height: 100%;
color: #fff !important;
	display: block;
}
.rodape > a{

	padding: 4px 5px;
	border-radius: 4px;
	border: solid 1px #fff;
	margin:10px auto 5px;
	color: #fff !important;
	display: block;
	width: 210px;
}
.rodape > p{
		color: #fff !important;
}
/*
	Topo
_________________________________*/
.topo{
	width: 100%;
	height: 60px;
	background: #008DD5;
	position: relative;
}
.bot-sair{
	float: right;
	width: 60px;
	height: 100%;
	background: url(http://acheaki.net/painel/img/ico/sair.png) #E25F5F;
	right: 0;
	top: 0;
	position: absolute;
	opacity: 0.8;
}.bot-sair:hover{opacity: 1}
.box-usuario{
display: none;
}
.info-usuario{

	float: left;
	margin-top: 5px;
	text-align: right;
	color: #1E5E42;

}
.usuario{

	width: 95px;
	height: 95px;
	background: #000;
	float: right;
	margin: 5px;
	border: solid 3px #fff;
	overflow: hidden;
	box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.5);
	position: relative;
}

.usuario > img{
	position: absolute;
	left: 0;
	height: 100%;
}
/*
	Atalhos
_________________________________*/
.atalhos{
	width: 100%;
	background: rgb(254,255,254); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,255,254,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,254,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,255,254,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,255,254,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,255,254,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,255,254,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefffe', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	position: absolute;
	z-index: -999;
	overflow: hidden;
}
.atalhos ul li{
	width: 40px;
	height: 25px;
	float: left;
	list-style: none;
	color: transparent;
	padding: 15px 0 0px 10px;
	margin: 2% 1px auto auto;
	opacity: 0.8;
	font-size: 13pt;
}
#conteudo li{
	height: 25px;
	list-style: none;
	color: #363640;
	padding: 15px 0 0px 10px;
	opacity: 0.8;
	font-size: 13pt;
	text-align: center;
	margin: 15px 0;
}
.controle{
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background: #008DD5;
	line-height: 36px;
	text-align: center;
	color: #fff;
	letter-spacing: -3px;
	margin: 12px 20px;
	transform:rotate(90deg);
	float: left;
}

.atalhos ul li:hover{
	opacity: 1;
}
.atalhos ul li img{
margin: auto  10px -5px auto;
}
#conteudo li img{
margin: auto  10px -5px auto;
}



/******************************************************************************************************
	ELEMENTOS COMUNS
**********************************/
.clear{
	clear:both;
}
h1{
font-weight: normal;
font-size: 29px;
}
h2{
font-weight: normal;
font-size: 24px;
}
h3{
font-size: 19px;
font-weight: normal;
}
h4{
font-size: 14px;
font-weight: normal;
}
hr{
height:1px;
background:#2C2C2C;;
margin:35px 0px;
}
.login hr{
height:1px;
background:#ccc;;
margin:15px 0px;
}

.hover{opacity: 0.7;}
.hover:hover{opacity: 1;}
a.veja_mais{
	float: right;
	margin-right: 5px;
	color: #fafafa;
	font-size: 10pt;
}
a.veja_mais:hover{
	text-decoration: underline;
}
/*
	Paginação
_________________________________*/
.paginator{clear: both;padding: 50px;text-align: center;}
.paginator .atv{
	margin: 5px;
	padding: 5px;
	border-radius: 3px;
	text-decoration: none;
	font-size: 18px;
	background: #ccc;
}
.paginator a:hover{
		text-decoration: underline;
}
.paginator a{
	margin:5px;
	padding: 5px;
	border-radius: 3px;
	color: #2C2C2C;
	font-size: 14px;
}
.paginator a:visited{
	color:#6d6d6d;
}

/*
	Grupo de Boteos
_________________________________*/
.grupo-bots> a >img{
	position: absolute !important;
	top: 5px;
	margin: 0px !important;
	z-index: 997 !important;

}

.grupo-bots>a:nth-child(1) img{

	left: 5px;

}

.grupo-bots>a:nth-child(2) img{

	left: 40px;

}

.grupo-bots>a:nth-child(3) img{

	left: 75px;

}
.grupo-bots>a:nth-child(4) img{

	left: 110px;

}

.grupo-bots>a:nth-child(5) img{

	left: 145px;

}

.grupo-bots>a:nth-child(6) img{

	left: 180px;

}

.invert>.grupo-bots> a >img{
	bottom: -30px !important;
	top:auto !important ;
}



/*
	Info Page
_________________________________*/

.info-page{
	height: 140px;
	width: 90%;
	padding: 15px;
	background: #363640;
	margin-bottom: 40px;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
}
.info-page .bot-info-l{
	height: 70px;
	width: 110%;
	margin: -15px -15px 15px -15px;
	float: left;
	cursor: pointer;
}
.info-page .bot-info-r{
	height: 70px;
	width: 50px;
	margin: -15px;
	float: right;
	margin-left: 20px;
	cursor: pointer;
}
.info-page p{
	color: #fff;
	float: left;		
}
big{
color: #fff;
font-size: 39px;
line-height: 39px;
font-weight: normal;
}
.info-page div{
	height: 35px;
	width: 99%;
	background: #2D2B3F;
	font-size: 20px;
	float: right;	
	position: relative;
	clear: both;
}
input.pesquisa{
height: 35px;
float: left;
width: 68%;
text-align: left;
font-size: 12pt;
color: #6E6B6B;

}
/*
	Grids
_________________________________*/
.home>.grid1{
		background: #e1e1e1 ;
}

.grid1{

	width: 95%;
	min-height: 135px;
	background: #fff ;
	margin:10px auto;
	overflow: hidden;
	position: relative;
	border-radius: 4px;
}

.grid1 > a > img:not(.marca-ativo){
width: 100%;
}
.grid2{

	width: 95%;
	min-height: 300px;
	background: #e1e1e1;
	margin:8px auto;
	overflow: hidden;
	position: relative;
	border-radius: 4px;
}
.info-grid2{
	margin: 5px;
	position: relative;
	height: 100%;
}
.grid3{

	width: 273px;
	height: 130px;
	background: #e1e1e1;
	margin:8px auto;
	overflow: hidden;
	position: relative;
	border-radius: 4px;
}
.grid3 > img{
float: left;
	width: 100%;
}


.grid4{

	width: 200px;
	height: 200px;
	background: #fff;
	margin:8px auto;
	overflow: hidden;
	position: relative;
	border-radius: 4px;
}

.grid4 > img{
	float: left;
	width: 100%;
}

.grid8{

	width: 98px;
	height: 75px;
	background: #000;
	margin:5px;
	float: left;
	overflow: hidden;
	position: relative;
	border-radius: 4px;
	background: url(http://acheaki.net/painel/img/ico/ico_capa.png);
	background-size: auto 100%;
}

.grid8 > img{
	float: left;
	height: 100%;
}
.info-user{

	width: 100%;
	height: 50px;
	position: absolute;
	z-index: 999;
	bottom: -50px;
	background: rgba(255,255,255,0.6);
	font-size: 10pt;
	padding-left: 5px;
		transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.grid4:hover > .info-user{
		bottom: 0px !important;
}

.info-user p{

		font-size: 13pt;
		color: #2c2c2c;
		padding: 4px 0; 
}

.info-post{

	width: 90%;
	height: 100%;
	z-index: 999;
	margin-bottom: 20px;
	font-size: 10pt;
	padding: 0 5px;
	float: left;
}

.info-post p{

		font-size: 11pt;
		color: #2c2c2c;
		padding: 4px 0; 
}
.info-post h3{
		color: #008DD5;
		position: absolute;
		bottom: 5px;
		right: 5px;
}
/*
	Alertas
_________________________________*/
#ms{
background: #FCFCFC;
width: 290px;
height: 120px;
box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.8);
border-radius: 0 0  4px 4px;
padding: 15px;
top:0;
left: 39%;
position: absolute;
z-index: 1000;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
overflow: hidden;
text-align: center;
z-index: 1000;
}

.modal #ms{

left: 17%;
}

#ms a{
padding: 10px;
color: #fff;
top:100px;
left: 17%;
border-radius:3px;
position: absolute;
}
#ms>a:last-child{

left: 67%;
background: red;
}
.mserro{
border-top: solid 10px !important;
border: solid 1px ;
border-color:#E85558 !important; 
}
.mserro a{
	background: #E85558;
}
.msalert{
border-top: solid 10px !important;
border: solid 1px ;
border-color:#FFC338 !important; 
}
.msalert a{
	background: #FFC338;
}
.msok{
border-top: solid 10px !important;
border: solid 1px ;
border-color:#2BEF93 !important; 
}
.msok a{
	background: #2BEF93;
}
/*
	Tabelas
_________________________________*/
table{
	width: 100%;
	border-left: 1px solid #A1A1A1;
}
table tr:first-child{
background: #2C2C2C !important;
color: #fff !important;
}
table tr:not(:first-child) td:first-child{
background: #E5E5E5;
padding-top: 5px;
}
table td{
	border-bottom: 1px solid #A1A1A1;
	border-right: 1px solid #A1A1A1;
	position: relative;
	text-align: center;
}
table tr:not(:first-child):hover{
 background: #E5E5E5;
}

/******************************************************************************************************
	MENU
**********************************/
#menu ul li{
	height: 30px;
	border-bottom:solid 1px #454545; 
	list-style: none;
	color: #fff;
	padding: 20px 0 0px 10px;
	opacity: 0.7;
	width: 200px;
	font-size: 10pt;
}

#menu ul li img{
margin: auto  20px -3px auto;
width: 16px;
}

/******************************************************************************************************
	Principal
**********************************/
.titulo{

	height: 35px;
	line-height: 35px;
	padding-left: 10px;
	background: #363640;
	color: #fff;
	margin: 0 0 10px 0;
}
/******************************************************************************************************
	SLIDE
**********************************/

/******************************************************************************************************
	BLOG
**********************************/
.ativo .marca-ativo{

	position: absolute;
	right: 0;
	top: 0;
}
.galeria{

	width: 100%;
	border: 2px solid #257953;
	border-radius: 3px;
	color: #257953;
	text-align: center;
	background: #EAF7F1;
}

.excluir-galeria{
	width: 150px;
	background-color: #D33939;
	background-image: linear-gradient(bottom, #D33939 0%, #FF8383  100%);
	background-image: -o-linear-gradient(bottom, #D33939 0%, #FF8383  100%);
	background-image: -moz-linear-gradient(bottom, #D33939 0%, #FF8383  100%);
	background-image: -webkit-linear-gradient(bottom, #D33939 0%, #FF8383  100%);
	background-image: -ms-linear-gradient(bottom, #D33939 0%, #FF8383  100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #D33939),
		color-stop(1, #FF8383)
	);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 3px;
	border: 2px solid #D33939;
	color: #FFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	margin-top: 50px;
	line-height: 30px;
}
.excluir-galeria:hover{
	background-color: #BA3737;
	background-image: linear-gradient(bottom, #BA3737 0%, #DD4242  100%);
	background-image: -o-linear-gradient(bottom, #BA3737 0%, #DD4242  100%);
	background-image: -moz-linear-gradient(bottom, #BA3737 0%, #DD4242  100%);
	background-image: -webkit-linear-gradient(bottom, #BA3737 0%, #DD4242  100%);
	background-image: -ms-linear-gradient(bottom, #BA3737 0%, #DD4242  100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #BA3737),
		color-stop(1, #DD4242)
	);
}
/******************************************************************************************************
	CATEGORIAS
**********************************/

/******************************************************************************************************
	EQUIPE
**********************************/

/******************************************************************************************************
	RELATORIOS
**********************************/

/******************************************************************************************************
	USUARIOS
**********************************/

/******************************************************************************************************
	CONFIGURAR
**********************************/