@import url("fonts_personal/lato/lato.css");

@import url("img/font-icons/mts/mts.css");

@import
	url("normalize.css");

body {
	margin: 0px;
	font-family: 'Lato';
	color: #e7e7e9;
	background: #3B5271;
}

body div {
	margin: 0px;
}

input[type="text"], input[type="password"] {
	color: #22579b;
	padding: 0 0 0 20px;
	BORDER: #dedede 1px solid;
	BORDER-COLLAPSE: collapse;
	FONT-SIZE: 13px;
	border-radius: 5px
}

}
::-webkit-input-placeholder { /* WebKit browsers */
	color: #8B8989;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #8B8989;
	opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #8B8989;
	opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #8B8989;
}

#containt-main {
	margin: 0px;
	width: 100%;
	height: 100%;
	/* 	background: #22579b; */
}

input, select, textarea {
	margin: 0;
	padding: 0 20px;
	border: #dedede 1px solid !important;
	font-family: 'Lato';
	font-weight: normal;
	border-radius: 5px;
	height: 38px !important;
}

input:focus, select:focus {
	border: #3b5791 1px solid !important;
	outline: none !important;
}

#containt-main h1 {
	margin: 0px;
	font-size: 24px;
}

.logo {
	width: 170px;
	height: 170px;
	background: white;
	border-radius: 5px;
	margin: 0 auto !important;
	position: relative;
	border: 1px solid #dedede;
	box-shadow: 0px 0px 5px;
	-moz-box-shadow: 0px 0px 5px;
	-webkit-box-shadow: 0px 0px 5px;
}

.logo img {
	max-width: 90%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	top: 0;
	max-height: 153px;
}

#containt-main #superior span {
	text-align: center;
	font-size: 12px;
	/* 	margin: 15px; */
	*width: 100%;
	*display: block;
}

#containt-main #superior span p select {
	border-radius: 0;
	height: 34px;
	-webkit-appearance: none;
	color: #ffffff;
	padding: 5px 8px;
	width: 100%;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	border: none !important;
}

#containt-main #superior span p select>option {
	background: #fff;
	color: #000;
	border: 0px;
}

#containt-main #superior span p select>option:checked { #114a91;
	
}

.styled-select {
	width: 251px;
	height: 34px;
	overflow: hidden;
	display: table-cell;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	border-radius: 3px;
	background: rgb(53, 73, 100) none repeat scroll 0% 0%;
	position: relative;
}

.styled-select.icon.icon-left::before {
	position: absolute;
	right: 0;
	border: none;
	padding: 0;
	margin: 0;
	top: 10;
	background: none;
	box-shadow: none;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-size: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.styled-select {
		display: table;
		float: none;
/* 		margin: 0 0 10px 0px; */
	}
}

#containt-main #superior {
	height: auto;
	display: block;
	margin-top: 20px;
}

#containt-main #bottom {
	height: 27%;
	display: block;
}

#containt-main #center {
	/* 	height: 62%; */
	padding: 20px 0;
	background-image: url("img/center-login.png");
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	-moz-background-size: 100% 100%; /* Internet Explorer 10 */
	padding: 20px 0 0 0\9;
	display: -ms-flexbox;
	-ms-flex-pack: center;
	-ms-flex-align: center; /* Firefox */
	display: -moz-box;
	-moz-box-pack: center;
	-moz-box-align: center; /* Safari, Opera, and Chrome */
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center; /* W3C */
	display: box;
	box-pack: center;
	box-align: center;
	width: 100%;
	display: inline-block\9;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#containt-main #center {
		/* display: inline-table; */
		width: 100%;
	}
}

#containt-main #center .box-login {
	text-align: center;
	background-color: white;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0px 0px 1px #CCC;
	-moz-box-shadow: 0px 0px 1px #CCC;
	-webkit-box-shadow: 0px 0px 1px #CCC;
}

.acessar-bt {
	border: none !important;
}

#containt-main .box-login input {
	width: 320px;
	*width: 360px;
	height: 40px;
	*height: 40px;
	border: 0px;
	border-radius: 5px;
}

.box-login #forgot {
	margin: 0px 0 20px !important;
	float: none\9 !important;
	display: block\9 !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.box-login #forgot {
		margin: 0 0 0 37.5% !important;
	}
}

#containt-main #center .box-center input {
	width: 360px;
	height: 40px;
	border: 0px;
	border-radius: 5px;
}

input.date {
	width: 150px !important;
}

#containt-main .box-login input[type="submit"] {
	cursor: pointer;
	background: #e9720e;
	color: #fff;
	border: none;
}

#containt-main .box-login input[type="submit"]:hover {
	opacity: 0.9;
}

/* #containt-main .box-login input[type="submit"]:active {
	-webkit-box-shadow: 0px 8px 0px 0px rgba(191, 91, 5, 1);
	-moz-box-shadow: 0px 8px 0px 0px rgba(191, 91, 5, 1);
	box-shadow: 0px 8px 0px 0px rgba(191, 91, 5, 1);
} */
#containt-main .box-center input[type="submit"] {
	background: #e8730c;
	color: #FFFFFF;
	border: 0px;
	-webkit-box-shadow: 0px 8px 3px 0px rgba(191, 91, 5, 1);
	-moz-box-shadow: 0px 8px 3px 0px rgba(191, 91, 5, 1);
	box-shadow: 0px 8px 3px 0px rgba(191, 91, 5, 1);
	width: 100px !important;
	float: right;
}

#containt-main .box-center input[type="submit"]:active {
	-webkit-box-shadow: 0px 8px 0px 0px rgba(191, 91, 5, 1);
	-moz-box-shadow: 0px 8px 0px 0px rgba(191, 91, 5, 1);
	box-shadow: 0px 8px 0px 0px rgba(191, 91, 5, 1);
}

#containt-main .box-center p, #containt-main .center-right p {
	margin: 0 0 15px 0;
}

#containt-main .box-login label.left, #containt-main #bottom .line-bottom p.left
	{
	float: left;
	margin: 0 0 0 37.5%;
	color: #39639d;
}

#containt-main .box-login label.left {
	float: inherit !important;
	margin: 0 !important;
	text-align: left;
	display: block;
}

#containt-main .box-login label.right, #containt-main #bottom .line-bottom p.right
	{
	float: right;
	margin: 0 37.5% 0 0;
	color: #39639d;
}

#containt-main #bottom .line-bottom p.left, #containt-main #bottom .line-bottom p.right
	{
	color: #d8dce5;
}

#containt-main #superior span .text-center-left {/* Internet Explorer 10 */
	display: 
	
	-ms-flexbox;
	-ms-flex-pack: center;
	-ms-flex-align: center;/* Firefox */
	display: 
	
	-moz-box;
	-moz-box-pack: center;
	-moz-box-align: center;/* Safari, Opera, and Chrome */
	display: 
	
	-webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;/* W3C */
	display: box;
	box-pack: center;
	box-align: center;
	margin: 0 auto;
	/* display: none; */
	margin-bottom: 10px;
}

div#logo {
	margin: 0 0 0 28%;
	padding: 2.5%;
	width: 120px;
	height: 80px;
	background-image: url("logo/logo_escola.jpg");
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	margin: 0 0 0 43% \9;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo/logo_escola.jpg',
		sizingMethod='scale');
	-ms-filter:
		"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo/logo_escola.jpg', sizingMethod='scale')";
}

label.link, p.link {
	font-size: 12px;
}

#bottom label {
	display: table;
	width: auto;
	float: left;
}

#containt-main #bottom .line-bottom {
	width: 100%;
	margin: 10px auto;
}

#containt-main #bottom .content-bottom {
	/**margin: 20px 28% 0 22%;**/
	width: 100%;
	float: left;
	margin: 10px 0 0 0;
	text-align: center;
}

#containt-main #bottom .content-bottom .logo-matheus {
	margin: 0 auto;
	display: inline-block;
	vertical-align: middle;
}

#containt-main #bottom .content-bottom #texto {
	font-size: 13px;
	width: 82%;
	margin: 10px auto;
	text-align: justify;
}

#containt-main #bottom .content-bottom #texto p {
	margin: 2px;
}

.link, input[type="submit"] {
	cursor: pointer;
}

#copyLine {
	display: inline-block;
	font-size: 12px;
	opacity: 0.5;
}

input[type=radio], input[type=checkbox] {
	display: none;
}

label::before {
	background-color: #ffffff;
	bottom: 1px;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3) inset, 0 1px 0 0
		rgba(255, 255, 255, 0.8);
	content: "";
	display: inline;
	height: 16px;
	width: 16px;
}

.checkbox label {
	margin-bottom: 10px;
}

.checkbox label:before {
	border-radius: 20px;
	display: inline-block;
}

input[type=radio]:checked+label:before {
	content: "\2022";
	color: #f3f3f3;
	font-size: 30px;
	text-align: center;
	line-height: 18px;
}

#receberLogin {
	/* 	background: url("_img/lock-16.png") no-repeat; */
	padding: 0 0 0 16px;
}

#help {
	/* 	background: url("_img/help-16.png") no-repeat right; */
	padding: 0 16px 0;
}

input[type=checkbox]:checked+label:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 15px;
	color: #f3f3f3;
	text-align: center;
	line-height: 15px;
	background: #39639d;
}

.left.link.icon.icon-senha:before, .right.link.icon.icon-question-1:before
	{
	font-size: 12px;
	margin-right: 5px;
}

.gray {
	color: #6f7072;
}

.strong {
	font-size: 16px !important;
	font-weight: bold;
	margin: 0px !important;
	*width: 10% !important;
	*display: inline !important;
}

.center-left {
/* 	display: inline-block;
	float: initial;
	margin: 0 0 10px 26%;
	*margin: 0 35% 0 0; */
	text-align: center;
}

#containt-main #center .box-center {
	display: inline;
	float: left;
	margin: 0 0 0 30%;
	width: 27%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#containt-main #center .box-center {
		display: block;
		float: none;
		margin: 0;
	}
}

#containt-main #center .center-right {
	display: inline;
	float: left;
	margin: 0 0 0 50px;
	width: 200px;
	font-size: 12px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#containt-main #center .center-right {
		display: block;
		float: none;
	}
}

.text-center-left {
	/* margin: 0 0 0 26%; */
	width: 50%;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.text-center-left {
		width: 100%;
		font-size: 13px;
	}
}

form {
	overflow: hidden;
	margin: 0;
}

.space {
	width: 500px;
	height: 2px;
	float: left;
	display: inline-block;
}

/* Let's get this party started */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #dedede;
}

/* Handle */
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #3f6594;
}

::-webkit-scrollbar-thumb:window-inactive {
	background: #3f6594;
}

.acessar-bt {
    width: auto !important;
    float: right;
    vertical-align: middle;
}

.bl {
	color: #3B5271!important;
}
.wt {
	background: none;
}