/* FONTS DEFITITIONS */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/OpenSans-Light.woff2) format('woff2'), url(../fonts/OpenSans-Light.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans.woff2) format('woff2'), url(../fonts/OpenSans.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/OpenSans-Bold.woff2) format('woff2'), url(../fonts/OpenSans-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../fonts/OpenSansLight-Italic.woff2) format('woff2'), url(../fonts/OpenSansLight-Italic.woff) format('woff');
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

#rodape {
	background-color: #1E90FF;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 20px;
	text-align: center;
	color: white;
	font-size: 12px;
}

#rodape p {
	padding-bottom: 2px;
}

h1, h3 {
	color: #fff;
}

a:focus {
    outline: none;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: none;
}

.vis-hidden {
	visibility: hidden !important;
}
a {
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}

#mainWrap {
	min-height: 100%;
	overflow: auto;
}

#login .submitWrap {
	text-align: right;
}
#login .formNotice {
	margin: 0;
	font-size: 13px;
}
#login .formNotice span {
	cursor: pointer;
	color: #428BCA;
}
#login .formNotice span:hover,
#login .formNotice span:focus {
    color: #962a5c;
    text-decoration: underline;
}


/* Wrapper controla a largura */
.turnstile-wrapper {
    width: 100%;
    max-width: 100%;
}

/* Garante que o iframe interno respeite o container */
.turnstile-wrapper iframe {
    width: 100% !important;
    max-width: 100% !important;
}

/* Evita overflow em telas pequenas */
.cf-turnstile {
    width: 100%;
    display: flex;
    justify-content: center;
}


#erros p {
	text-align: center;
}

/* MEDIA QUERIES */
@media (max-width: 768px) {
		
	.rowpad {
		padding-top: 10px !important;
	}
}