html {
	height:100%;
}

body {
	font-family: 'Montserrat', sans-serif;
	text-rendering: optimizeLegibility;
	margin:0 auto;
	padding:0px;
	width:900px;
	height:100%;
	display:block;
	background:#fff;
}

input {
	outline:none;
	-moz-appearance: textfield;
	width:100%;
	padding:6px 10px;
}

input[type=submit]{
	background:none;
}

.loginInput {
	color:#0a457a;
	font-size:13px;
	line-height:16px;
	border:none;
	border-top-left-radius:3px;
	-webkit-border-top-left-radius:3px;
	-moz-border-top-left-radius:3px;
	-ms-border-top-left-radius:3px;
	-o-border-top-left-radius:3px;
	border-top-right-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-top-right-radius:3px;
	-ms-border-top-right-radius:3px;
	-o-border-top-right-radius:3px;
	border-bottom:2px solid #C4D600;
	transition: all 200ms ease;
	background:rgb(230, 230, 230);
    background: -webkit-linear-gradient(top, rgba(230, 230, 230, 1) 5%, rgba(230, 230, 230, 0.5) 80%); 
    background: -o-linear-gradient(top, rgba(230, 230, 230, 1) 5%, rgba(230, 230, 230, 0.5) 80%); 
    background: -moz-linear-gradient(top, rgba(230, 230, 230, 1) 5%, rgba(230, 230, 230, 0.5) 80%);
    background: linear-gradient(to bottom, rgba(230, 230, 230, 1) 5%, rgba(230, 230, 230, 0.5) 80%); 
	
}

.loginInput:focus {
	border-color:#30a743;
}



.botao{
    color: #0a457a;
	border-radius:25px;
	margin: 30px auto 0;
	border:solid 1px #1a62a4;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
	font-weight:600;
	
}

.botao:hover{
	background: #0a457a;
    color: #fff;
}

label {
	font-size:13px;
	font-weight:300;
	margin:20px 0 6px;
	text-transform:uppercase;
}

h1 {
	font-size:30px;
	width:165px;
	margin:20px auto;
	letter-spacing:-2px;
	color:rgb(22, 32, 86);
	font-weight:300;
	line-height:30px;
}

h1 span {
	font-weight:700;
}

.espaco{line-height:7px;font-size:5px;}

.login{width:340px;margin:20px auto;}

.esqueciSenha {
	font-size:14px;
	text-decoration:none;
	cursor:pointer;
	margin:15px 0;
	display:block;
	text-align:right;
}
.esqueciSenha a:link, a:visited, a:active{}
.esqueciSenha a:hover{}

.margem-sup-2{margin:0 auto;text-align:center;font-size:12px;}
.margem-sup-2 span{font-size:11px;}

footer {
	bottom:10px;
	background:none;
}

footer a {
	display: block;
	padding: 0 30px;
}
footer a:last-child {
	border-right:0;
}

.logo {
	width:124px;
	margin:0 auto;
	padding-top: 40px;
}

.identificacao{font-size:15px;color:#FFF;margin:26px 0 0 125px;}
.area{width:306px;height:90px;margin-top:10px;margin-left:24px;}
.usuario{font-size:12px;color:#FFF;height:27px;}
/* .botao{margin-top:10px;cursor:pointer;background-image:url(/Img/gm_login_submit.gif);background-color:#000099;width:108px;font-family:Tahoma;} */

.info{width:380px;margin-left:-187px;left:50%;height:60px;top:384px;position:absolute;text-align:center;font-size:12px;}
.logos_frotas_beneficio{background:url(/Img/gm_login_frotas_beneficio.png) no-repeat;width:168px;margin-left:-70px;left:50%;height:59px;position:absolute;top:400px;}
.bandeira{background:url(/Img/logo_good_card.png) no-repeat; height:31px;width:100px;float:right;}
.info p{text-align: left;float: left;margin:7px 0 0 9px;}
.margem-sup{width:380px; margin-top:50px;}
.margem-sup p{margin-left:50px}

.rodape{text-align:center;font-size:12px;width:300px;height:25px;margin-left:-150px;left:50%;position:absolute;bottom:10px;color:#757575;}

.recuperacao-senha-box{background:url(/Img/gm_login_login.png);width:328px;height:212px;padding:20px 0 0 25px}
.recuperacao-senha-identificacao{font-size:15px;color:#FFF;text-align:center}


.vincular-sso {
	padding-top: 40px;
}

.vincular-sso .inline-buttons {
	text-align: center;
}

.cabecalho-sso {
	text-align: center;
}

.cabecalho-sso img {
	height: 100px;
}

.vincular-sso-informacao {
	border: 1px solid rgb(17, 32, 76);
	box-shadow: 1px 1px rgb(17, 32, 76); 
	text-align: center;
	margin: 5px 10px 0 10px;
	padding: 10px 5px;
}

.inline-buttons button, .inline-buttons input{
	display: inline-block;
	width: 40%;
	margin: 0 2px;
}

.portal-de-acesso-container {
	margin: 14px 0 7px 0;
	text-align: center;
}

.portal-de-acesso-container span {
	color: #7e7e7e;
	height: 14px;
	display: inline-block;
	font-size: 10px;
	padding: 0 2px;
	text-transform: uppercase;
	vertical-align: top;
}

.portal-de-acesso-container span.portal-de-acesso-divider {
	border: solid #C8C4C4;
	border-width: 0 0 1px 0;
	height: 7px;
	width: 99px;
}

.botao-portal-acesso {
	display: inline-block;
	margin: 0;
	padding: 6px 10px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.botao-portal-acesso:link,
.botao-portal-acesso:visited,
.botao-portal-acesso:hover,
.botao-portal-acesso:active {
	text-decoration: none;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: 	local('Montserrat Light'), 
		local('Montserrat-Light'), 
		url(../font/Montserrat/Montserrat-Light.ttf) format('woff2');
		unicode-range: U+0000-00FF;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: 	local('Montserrat SemiBold'), 
		local('Montserrat-SemiBold'), 
		url(../font/Montserrat/Montserrat-SemiBold.ttf) format('woff2');
		unicode-range: U+0000-00FF;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: 	local('Montserrat Bold'), 
		local('Montserrat-Bold'), 
		url(../font/Montserrat/Montserrat-Bold.ttf) format('woff2');
		unicode-range: U+0000-00FF;
}