@charset "utf-8";
/* CSS Document */
@font-face {
	font-family:'OpenSans';
	src: url('../OpenSans-Regular.ttf');
}
/* CSS Reset */
*, *:before, *:after {
	background: transparent;
	margin:0;
	padding:0;
	border: 0;
	box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
}
html {
	line-height: 1.3;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {display: block; margin: 0}
audio, video {display: inline-block;}
a {
	color: inherit;
	background-color: transparent;
	text-decoration: none;
	outline: 0;
		-webkit-text-decoration-skip: objects;
}
img {
	border-style: none;
	image-rendering: optimizeQuality;
		-ms-interpolation-mode: bicubic;
}
ol, ul {list-style: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a[href], input[type=image], select, button, input[type=button], input[type=reset], input[type=submit] {cursor: pointer;}
button, input {
	font-family: 'OpenSans', sans-serif;
    font-size: 14px;
	overflow: visible;
}
button, select {text-transform: none;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	padding: 0;
	border-style: none;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
/* Fim do Resert */
html {
    position: relative;
	min-width: 100%;
	min-height: 100%;
	overflow-x: hidden;
}
body {
	font-family: 'OpenSans', sans-serif;
	font-size: 100%;
	color: #666;
	line-height: 1.5;
	overflow-x: hidden;
}
/* Barra de Acessibilidade */
#barra-brasil #brasil-vlibras {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
}
.barra_acess {
	position: absolute;
	color: #000;
	background-color: #e6e6e6;
	width: 100%;
	height: 60px;
	z-index: 100;
}
#logocprm {
	float: left;
	background: url(topo_logocprm.png) no-repeat;
    width: 305px;
    height: 45px;
	margin: 9px 90px;
}
#logocprm:hover {opacity: .6;}
.acess {
	font-family: 'OpenSans', sans-serif;
	float: right;
	font-size: 14px;
	margin: 13px 85px;
}
.acess li {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
.acess a {border-bottom: none;}
#increase-text, #decrease-text {
	font-weight: bold;
	display: inline-block;
	background-color: #fff;
	text-align: center;
	line-height: 2.1;
	width: 30px;
	height: 30px;
	margin-bottom: 6px;
	border-radius: 50%;
	border: 1px solid #c6c6c6;
}
#increase-text:hover, #decrease-text:hover {
	color: #fff;
	background-color: #000;
}
#contrast-b span {
	display: inline-block;
	background-color: #000;
	width: 30px;
	height: 30px;
	margin-left: 20px;
	border-radius: 50%;
	border: 1px solid #c6c6c6;
}
#contrast-w span {
	display: inline-block;
	background-color: #fff;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #c6c6c6;
}
#contrast-b:hover, #contrast-w:hover {opacity: .4;}
/* Responsiva Barra de Acessibilidade */
@media (max-width: 1290px) {
	#logocprm {margin: 8px 35px;}
	.acess {margin: 13px 35px;}
}
@media (max-width: 980px) {
	.barra_acess {height: 30px;}
	#logocprm {margin: 3px 0 2px 5px;}
	.acess {
		font-size: 9px;
		margin: 3px 10px 9px -10px;
	}
	.acess a {
		font-size: 9px;
		margin-right: 0;
	}
	#contrast-b span {margin-left: 5px;}
	#increase-text , #decrease-text, #contrast-b span, #contrast-w span {
		width: 20px;
		height: 20px;
	}
	#logocprm {
		background: url(topo_logocprm_mobile.png) no-repeat;
		width: 100px;
		height: 24px;
		margin: 2px 15px;
	}
}
/* Busca Google */
#busca {
	display: flex;
	position: absolute;
	top: -22%;
    left: 64%;
}
#busca input[type=text] {
	padding: 9px 71px 13px 20px !important;
    border-radius: 40px;
}
#busca input[type=text]:focus {border: 2px solid #00b1f2 !important;}
#busca button {
	font-size: 0.8125em;
    margin: 12px 32px;
    padding: 4px 6px 2px 5px;
	border-radius: 50%;
	box-shadow: none;
}
#busca button:hover {background: #ccc !important;}
.gsc-input-box {background: unset !important;}
.gsc-search-button-v2 svg {
	width: 19px !important;
	height: 19px !important;
}
.gsc-control-cse {
	 background-color: unset !important;
	 border: unset !important;
}
table tbody tr:nth-child(2n + 1) {
    background-color: unset !important;
}
.gsc-input {
	font-size: 14px !important;
	box-sizing: unset !important;
}
.gsib_a {
    padding: 4px 9px 0px 9px !important;
}
form.gsc-search-box {
    margin-bottom: 12px !important;
}
.gsc-adBlock {display: none !important;}
.gsc-branding, .gcsc-branding {display: none !important;}
#___gcse_2 {margin-top: 100px !important;}
.gsc-orderby-container {display: none !important;}
#___gcse_1 {display: none !important;}
.gscb_a {padding: 0 !important;}
.gscb_a {margin-right: -40px !important;}
.gsst_a {
  display: inline !important;
  padding: 0 !important;
  visibility: hidden !important;
}
.gsc-input-box {border: none !important;}
#gsc-i-id1 {background: #fff !important;}
.gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {border-color: none !important;}
.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
  border-color: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  filter: none !important;
}
.gsc-search-button-v2 svg {fill: #666 !important;}
/* Responsiva Busca Google */
@media screen and (max-width: 1590px) {	#busca {left: 32%;} }
@media screen and (max-width: 780px) {.gsc-control-wrapper-cse {width: 55% !important;}}
@media screen and (max-width: 970px) {
	#busca {
		top: -80%;
		left: 13%;
	}
	#busca input[type=text] {padding: 2px 77px 4px 13px !important;}
	#busca ::-webkit-input-placeholder {color: #e6e6e6;}
	#busca button {
		font-size: 0.5625em;
		margin: 20px 1px 11px 26px;
		padding: 0px 9px 2px;
	}
	.gsc-search-button-v2 svg {
		width: 16px !important;
		height: 12px !important;
	}
	/*#gsc-i-id1 {font-size: 11px;}*/
}
/* Banner */
#banner {
	background: url("banner.png") center no-repeat;
	background-size: cover;
	min-height: 600px;
}
/* Miolo */
.container {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 50px 200px;
}
/* Textos */
.flex-container {
  display: flex;
  flex-direction: row;
  font-size: 16px;
}
.flex-container h1, #videos h1, #projetos h1 {
	color: #6aa94e;
}
.flex-container p {
	padding: 5px;
	color: #707070;
}
.flex-item-left {
  padding: 10px;
  flex: 50%;
}
.flex-item-right {
  padding: 10px;
  flex: 50%;
}
/* Cards */
#cardshome {
	background-color: #f2f2dc;
	margin-top: 50px;
	padding: 40px 60px;
}
#cardshome h1 {
  	color: #6aa94e;
	text-align: center;
	margin-bottom: 40px;
}
.flex-cards {
  display: flex;
  justify-content: center;
}
.flex-cards > .card {
  background-color: #fff;
  width: 200px;
  margin: 20px;
  transition: all .3s;
}
.card:hover {transform: scale(1.1);}
.container_card {
    text-align: center;
    padding: 20px 15px;
}
/* Responsivo Corpo */
@media (max-width: 1080px) {
	.flex-container, .flex-cards {
	  flex-direction: column;
	}
	.flex-cards > .card {
		width: 100%;
	}
  }
@media screen and (max-width: 820px) {
	.container {padding: 95px 50px 330px;}
	.flex-cards > .card {margin: 20px 0;}
}
/* V�deos */
#videos {
	margin-top: 50px;
	padding: 20px;
}
#slide_videos {
	position: relative;
    height: 500px;
	margin-top: 40px;
}
#slide_left {
	position: absolute !important;
    top: 45%;
    left: -10%;
    transform: translate(0%,-50%);
	color: #797979;
	font-size: 40px;
    padding: 20px;
	width: 7vw;
}
#slide_right {
	position: absolute !important;
    top: 45%;
    right: -10%;
    transform: translate(0%,-50%);
	color: #797979;
	font-size: 40px;
    padding: 20px;
	width: 7vw;
}
@media screen and (max-width: 950px) {
	#slide_left, #slide_right {top: 40%}
}
@media screen and (max-width: 650px) {
	#slide_videos {height: 360px}
	#slide_left, #slide_right, #setinha {
		top: 40%;
		font-size: unset;
	}
}
@media screen and (max-width: 350px) {
	#slide_videos {height: 115px}
	#slide_left, #slide_right {top: 35%}
	#slide_left {left: -18%}
}
/* Responsivo Iframe */
[style*="--aspect-ratio"] > :first-child {
	width: 100%;
  }
  [style*="--aspect-ratio"] > img {
	height: auto;
  }
  @supports (--custom:property) {
	[style*="--aspect-ratio"]::before {
	  content: "";
	  display: block;
	  padding-bottom: calc(100% / (var(--aspect-ratio)));
	}
	[style*="--aspect-ratio"] > :first-child {
	  position: absolute;
	  top: 0;
	  right: 0%;
      height: 86%;
	}
  }
/* Projetos */
#projetos {padding: 20px;}
 .cols {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 30px;
}
.col {
	width: calc(50% - 2rem);
	margin: 1rem;
	cursor: pointer;
}
.col_container{
	-webkit-transform-style: preserve-3d;
			transform-style: preserve-3d;
	  -webkit-perspective: 1000px;
			  perspective: 1000px;
}
.front, .back{
	background-size: cover;
	  background-position: center;
	  -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	  transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	  -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	  -webkit-backface-visibility: hidden;
			  backface-visibility: hidden;
	  text-align: center;
	  min-height: 280px;
	  height: auto;
	  color: #fff;
	  font-size: 1.5em;
}
.back{
	background: #cedce7;
	background: linear-gradient(4deg, #cedce7 0%,#085624 100%);
}
.front:after{
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: 1;
	  width: 100%;
	  height: 100%;
	  content: '';
	  display: block;
	  opacity: .6;
	  background-color: #0003;
	  -webkit-backface-visibility: hidden;
			  backface-visibility: hidden;
}
.col_container:hover .front,
.col_container:hover .back{
	  -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	  transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	  -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}
.back{
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
}
.inner{
	  -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
			  transform: translateY(-50%) translateZ(60px) scale(0.94);
	  top: 50%;
	  position: absolute;
	  left: 0;
	  width: 100%;
	  padding: 2rem;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
	  outline: 1px solid transparent;
	  -webkit-perspective: inherit;
			  perspective: inherit;
	  z-index: 2;
}
.col_container .back{
	  -webkit-transform: rotateY(180deg);
			  transform: rotateY(180deg);
	  -webkit-transform-style: preserve-3d;
			  transform-style: preserve-3d;
}
.col_container .front{
	  -webkit-transform: rotateY(0deg);
			  transform: rotateY(0deg);
	  -webkit-transform-style: preserve-3d;
			  transform-style: preserve-3d;
}
.container1:hover .back, .container2:hover .back{
	-webkit-transform: rotateY(0deg);
			transform: rotateY(0deg);
	-webkit-transform-style: preserve-3d;
			transform-style: preserve-3d;
}
.container1:hover .front, .container2:hover .front{
	-webkit-transform: rotateY(-180deg);
			transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
			transform-style: preserve-3d;
}
.front .inner p{
	font-size: 2em;
	margin-bottom: 2rem;
	position: relative;
}
.front .inner p:after{
	content: '';
	width: 4rem;
	height: 2px;
	position: absolute;
	background: #C6D4DF;
	display: block;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -.75rem;
}
.front .inner span{
	color: rgba(255,255,255,0.7);
	font-weight: 300;
}
@media screen and (max-width: 950px){
	.front, .back {font-size: 1em;}
  }
@media screen and (max-width: 48rem){
	.col {
	  width: 100%;
	  margin: 0 0 2rem 0;
	}
  }
/* P�ginas Internas */
#banner_interno {
	width: 35%;
	margin: 75px 70px 0;
}
#intro_header {
	font-family: "OpenSans";
	background: #f2f2dc;
	text-align: center;
	margin: 30px 0;
	padding: 50px;
}
#intro_header h1 {
	font-size: 22px;
	color: #fdb414;
}
#intro_header h2 {
    font-size: 28px;
	color: #93ce70;
}
#texto h2 {
	color: #2b5729;
	margin: 20px;
}
#texto img {
	float: left;
	width:30%;
	padding: 0 30px 30px 0;
}

/*Legendas*/


#img .legenda {

	border-style: none;
	image-rendering: optimizeQuality;
		-ms-interpolation-mode: bicubic;
}

img {

	border-style: none;
	image-rendering: optimizeQuality;
		-ms-interpolation-mode: bicubic;
}

figure {
	width: 30%;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
	margin: .5em .5em 1em;
	padding: .5em 1.5em;

}

figcaption {
	width: 30%;
	line-height: 15px;}

/*Legendas fim*/


#texto p, ul{
	padding: 0 20px 5px;
}
@media screen and (max-width: 1100px){
	#banner_interno {width: 80%;}
}
@media screen and (max-width: 600px){
	#texto img {width: 100%;}
	#texto figure {width: 100%;}
}
/* Voltar */
.voltar {
	display: block;
	font-size: 16px;
	color: #fff;
	background-color: rgb(105 151 78);
	margin: 30px auto;
	padding: 15px 20px;
	box-shadow: inset 0 0 0 4px, 0 0 1px rgb(105 151 78);
	transform: perspective(1px) translateZ(0);
	transition-duration: 0.3s;
	transition-property: background;
}
.voltar:hover {
    background-color: #fff;
    color: rgb(105 151 78);
}
/* Rodap� */
footer {
	position: absolute;
    background-color: #e6e6e6;
	width: 100%;
	height: 115px;
	left: 0;
    bottom: 0;
	overflow: hidden;
	z-index: 9;
}
#footer_selos {
    text-align: center;
    padding: 10px;
}
#footer_selos a:hover {opacity: .6}
.comcontraste {display:none;}
#copyright {
	display: inline-block;
	position: absolute;
	font-size: 14px;
	background-color: #fff;
	text-align: center;
	width: 100%;
	right: 0;
	left: 0;
	bottom:0;
	padding: 10px;
}
#copyright a:hover {opacity: .7}
/* Responsivo Rodap� */
@media screen and (max-width: 950px) {
	footer {height: 175px;}
	#copyright {font-size: 10px;}
}
@media screen and (max-width: 750px) {
	#logocprm_footer {
		float: none;
		margin-left: 9px;
	}
	#patriamada_footer, #mme_footer {float: none;}
	#secretaria_footer {margin-left: 115px}
}
@media screen and (max-width: 550px) {
	footer {height: 265px;}
}
@media screen and (max-width: 400px) {
	footer {height: 328px;}
}
/* Ir para o Topo */
#myBtn {
	display: none;
	position: fixed;
	font-size: 35px;
	color: #999;
	right: 20px;
	bottom: 20px;
	transition: all 0.3s ease;
	z-index: 1000;
}
#myBtn:hover {
	color: #000;
	cursor: pointer;
}
/* Mensagem de Cookies */
#cookiebar {
    display: none;
    position: fixed;
    font-family: 'OpenSans', sans-serif;
    font-size: 17px;
    background-color: #071d41;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    padding: 15px 25px;
    bottom: 10px;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -10%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 40%);
    z-index: 1000000;
}
#cookiebar button {
    font-family: 'OpenSans', sans-serif;
    font-size: 12px;
    background-color: #fff;
    margin: 3px 0 0 15px;
    padding: 6px 10px;
    letter-spacing: .3px;
    border-radius: 3px;
    transform: translateY(0);
    transition: all .3s ease-in-out;
}
#cookiebar button:hover {transform: translateY(2px);}
/* Contraste */
html body.contrast-black .acess li a {color: #000;}
	html body.contrast-black p,
	html body.contrast-black #textohome button,
	html body.contrast-black #contatoenviar,
	html body.contrast-black .texto h2,
	html body.contrast-black #myBtn {color: #fff;}
html body.contrast-black #textohome h1,
html body.contrast-black #textointerno h1,
html body.contrast-black #texto h2,
html body.contrast-black .sidenav a {color: #ffb03d;}
	html body.contrast-black .texto h1::after {background-color: #ffb03d;}
	html body.contrast-black .boxes h2,
	html body.contrast-black .boxes_produtos h2	{background-color: #626262;}
html body.contrast-black #busca input[type="text"] {background: #fff;}
	html body.contrast-black #redes_footer li a {
		color: #000;
		background: #fff;
	}
html body.contrast-black,
html body.contrast-black .barra_acess,
html body.contrast-black #copyright {
	color: #fff;
	background-color: #333;
}
	html body.contrast-black .barra,
	html body.contrast-black .sidenav,
	html body.contrast-black #cardshome,
	html body.contrast-black footer {
		color: #fff;
		background-color: #4f4f4f;
	}
	html body.contrast-black .main_container,
	html body.contrast-black #footer,
	html body.contrast-black .barra_acess {
		filter: grayscale(100%);
	}
html body.contrast-black #logocprm {background: url(topo_contraste_logocprm.png) no-repeat;}
html body.contrast-black #logo {background: url(logo_contraste.png) no-repeat;}
@media screen and (max-width: 975px) {
	html body.contrast-black #logocprm {background: url(topo_contraste_logocprm_mobile.png) no-repeat;}
	html body.contrast-black #logo {background: url(logo_contraste_mobile.png) no-repeat;}
}
html body.contrast-black .comcontraste {display:block;}
html body.contrast-black .semcontraste {display:none;}
html body.contrast-black #secretaria_footer {background: url(footer_contraste_secretaria.png) no-repeat;}
html body.contrast-black #mme_footer {background: url(footer_contraste_mme.png) no-repeat;}