@charset "utf-8";
/* ESTILO HEADER */
div.menufixo{
   position:fixed !important;
   top: 0 !important;
}
div.voltar-ao-topo{
   position: fixed;
   bottom: 2em;
   right: 2em;
   text-decoration: none;
   color: #2F6947;
   background-color: #A8CF45;
   font-size: 12px;
   padding: 1em;
   border-radius: 5px;
   display: none;
   z-index: 40;
   cursor: pointer;
   border: 2px solid #2F6947;
}
.body_publico{
	margin-top: 55px;
}
.header-fixed .app-header {
	z-index: 1020;
	width: 100%; 
}
div.menu_mobile div.sidebar_site{
	margin-top: 0; 
}
header div.cab_img{
	position: absolute;
	width: 100%;
	height: 220px;
	background-image: url('../imgs/cabecverde.png');
	z-index: -1;
}
header div.faixa_top{
	width: 100%;
	height: 32px;
	background: #2F6947;
	border-bottom: 2px solid #A8CF45;
	padding: 7px 7% 0 7%;
}
header div.faixa_top .acessibilidade a{
	color: #FFF;
	font-size: 12px;
	margin-left: 15px;
}
header div.faixa_meio{
	height: 160px;
	width: 100%;
	z-index: 20;
	background:linear-gradient(to right, rgba(47,105,71,1) 0%,rgba(47,105,71,1) 25%,rgba(47,105,71,0.08) 81%,rgba(47,105,71,0) 85%);
}
header div.faixa_meio div.brasao_site{
	position: absolute;
	width: 280px;
	margin-left: 7%;
	margin-top: 40px;
}
header div.faixa_meio div.brasao_site img{
	width: 220px;
}
header div.faixa_menu{
	position: absolute;
	height: 35px;
	width: 100%;
	box-shadow: 2px 3px 5px #CCC;
	z-index: 30;
	background: #A8CF45;
}
footer.site_footer{
	border-top: 2px solid #A8CF45;
	height: auto;
	padding-top: 3px;
	background-color: #2F6947;
	color: #FFF;
}
footer.site_footer div.foot_col{
	border-top: 2px solid #A8CF45;
	padding: 10px 0;
}
footer.site_footer div.foot_col a{
	color: #FFF;
}

/* ESTILO MENU SITE */
.faixa_menu div.menu_mobile{
	display: none;
}
.faixa_menu nav ul#ddmenu{
	height: 35px;
	margin: 0px 7%;
	padding-left: 0;
	text-align: left;
}
.faixa_menu nav ul#ddmenu li.menu_item{
	padding-right: 3%;
	height: 35px;
}
.faixa_menu nav ul#ddmenu li {
	display:inline-block;
	position:relative;
	font-size:14px;
}
.faixa_menu nav ul#ddmenu li a {
	display:block;
	text-align: left;
	width: 100%;
	height: 35px;
	font-weight:600;
	text-decoration:none;
	color:#2F6947;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
	padding:10px 12px 0 12px;

}
.faixa_menu nav ul#ddmenu li:hover > a {
	color:#FFF;
	background:#2F6947;
}

.faixa_menu nav ul#ddmenu ul {
	position:absolute;
	top:35px;
	width:250px;
	background:#fff;
	display:none;
	list-style:none;
	border-radius:3px;
	border:1px solid rgba(0,0,0,0.2);
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	margin:0;
	padding:7px 0;
}

.faixa_menu nav ul#ddmenu ul:after {
	content:"";
	width:0;
	height:0;
	position:absolute;
	bottom:100%;
	left:8px;
	border-color:#fff transparent;
	border-style:solid;
	border-width:0 8px 8px;
}

.faixa_menu nav ul#ddmenu ul:before {
	content:"";
	width:0;
	height:0;
	position:absolute;
	bottom:100%;
	left:4px;
	border-color:rgba(0,0,0,0.1) transparent;
	border-style:solid;
	border-width:0 10px 10px;
}

.faixa_menu nav ul#ddmenu ul li {
	display:block;
	width:100%;
	margin-right: 0 !important;
	font-size:.9em;
}
body{
	background: #FAFAFA !important;
}
a:hover{
	text-decoration: none !important;
}
main.main .container-fluid div.conteudo_principal{
    padding: 0 7%;
}
div.janela{
	margin-bottom: 50px;
}
div.janela div.card{
	border: none !important;
	background: #FAFAFA !important;
}
div.janela div.card-footer{
	background: #FAFAFA !important;
}
div.cabecalho{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100px;
	z-index: 1040;
	background: #2F6947;
	border-bottom: 3px solid #A8CF45;
}
div.cabecalho img{
	width: 200px;
	margin: 15px 0 0 40px;
}
div.cabecalho span{
	font-size: 24px;
	color: #FFF;
	margin:35px 40px 0 0;
}

footer.publico_footer{
	position: fixed;
	bottom: 0;
	height: 40px;
	width: 100%;
	margin-bottom: 0;
	padding: 10px 20px 0 20px;
}
div.inicio_home{
	width: 170px;
	height: 180px;
}
div.menu_rapido_clickescola{
	width: 170px;
	height: 180px;
	background-size: cover;
	background-image: url('../imgs/click-educacao.jpg');
	background-repeat: no-repeat;
	background-position: top;
	border-radius: 8px;
}
div.menu_rapido_clickescola:hover{
	background-position: bottom;
	box-shadow: 2px 2px 9px;
}
div.atalhos span.num_acessibilidade{
	background: #FAFAFA;
	color: #000;
	padding: 0 2px;
	font-size: 10px;
}

/* AUTO CONTARSTE*/
.contrast,
.contrast nav,
.contrast div,
.contrast li,
.contrast ol,
.contrast header,
.contrast footer,
.contrast section,
.contrast main,
.contrast aside,
.contrast article{
    background: black !important;
    color: white !important;
}
.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h5,
.contrast h6,
.contrast p,
.contrast label,
.contrast strong,
.contrast em,
.contrast cite,
.contrast q,
.contrast i,
.contrast b,
.contrast u,
.contrast span {
    color: white !important;
}
.contrast .acessibilidade a{
    color: yellow !important;
}

.contrast button,
.contrast input[type=button],
.contrast input[type=reset],
.contrast input[type=submit],
.contrast li.menu_item a {
    background: black !important;
    color: yellow !important;
    border: none !important;
}
.contrast img.on-contrast-force-gray {
    filter: grayscale(100%) contrast(120%);
}

.contrast img.on-contrast-force-white {
    filter: brightness(0) invert(1);
}
.contrast input[type=text],
.contrast input[type=password],
.contrast input[type=url],
.contrast input[type=search],
.contrast input[type=email],
.contrast input[type=tel],
.contrast input[type=date],
.contrast input[type=month],
.contrast input[type=week],
.contrast input[type=datetime],
.contrast input[type=datetime-local],
.contrast textarea,
.contrast select,
.contrast input[type=number] {
    background: black !important;
    border: 1px solid white !important;
    color: white !important;
}

@media (max-width: 976px) {
	header div.faixa_top div.acessibilidade a#cont_principal,
	header div.faixa_top div.acessibilidade a#inic_menu{
		display: none;
	}
	.faixa_menu nav.menu_pc{
		display: none;
	}
	.faixa_menu div.menu_mobile{
		display: block;
	}
	.sidebar {
		background: #2F6947 !important;
	}
	div.cabecalho img{
		width: 150px;
		margin: 20px 0 0 20px;
	}
	div.cabecalho span{
		font-size: 16px;
		color: #FFF;
		margin:35px 20px 0 0;
	}
	footer.publico_footer{
		text-align: center;
	}
	main.main .container-fluid div.conteudo_principal{
		padding: 0;
	}
}