* {
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:baseline;
}
html, body {
	font-family: 'Lato', sans-serif;
	color: #424242;
	font-size: 14px;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;

}

#bloco-centro {
	width: 400px;
	margin: 50px auto;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	-webkit-box-shadow: 1px 5px 6px 1px rgba(219,219,219,1);
	-moz-box-shadow: 1px 5px 6px 1px rgba(219,219,219,1);
	box-shadow: 1px 5px 6px 1px rgba(219,219,219,1);
	background-color: #f1f1f1;
	border-left: 1px solid #dbdbdb
}

#bloco-centro img{
	width: 70%;
	margin: 10px 0;
}

#bloco-centro h1{
	font-size: 22px;
	margin: 20px;
	letter-spacing:5px;
}

#erro {
	text-align: center;
	padding: 5px;
	width: 80%;
	margin: 6px auto;
	background-color:#ffcccc;
	border: 1px solid #ff9999;
}

#erro p {
	font-size: 14px;
	color: #cd0000;
}

input {
	width: 80%;
	margin: 6px auto;
	height: 30px;
	line-height: 15px;
	font-size: 15px;
	padding: 5px;
	transition: 1s linear;
	border: 1px solid #ccc;
}

input:focus {
	border: 1px solid #999;
	border-bottom: 2px solid green;
	transition: 1s linear;
}


.senha {
	font-size: 11px;
	float: right;
	padding-right: 10%;
}

.senha a {
	text-decoration: none;
	color: #333;
}

.senha a:hover {
	text-decoration: underline;
	color: #666;
}

.btn {
	padding: 10px;
	margin: 20px auto 0;
	width: 80%;
	border-radius: 3px;
	border: 0;
	background-color: #339933;
	background: -webkit-linear-gradient(#339933, #2f842f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#339933, #2f842f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#339933, #2f842f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#339933, #2f842f); /* Standard syntax */
	color: #fff;
	text-decoration: none;
	font-size: 1.2rem;
	cursor: pointer;
	transition: .5s linear;
	letter-spacing: 2px;
}

#box-captcha {
	margin-left: 45px;
}

// Extra small (<480px)
@media(max-width: $screen-xs-max){
  .g-recaptcha iframe {
    max-width: 100%;
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin: center center;
    -webkit-transform-origin: center center;
  }
  #rc-imageselect {
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
  }
}

// Medium small (>=480px)
@media(min-width: $screen-ms-min){
  #rc-imageselect {
    transform: none;
    -webkit-transform: none;
  }

  .g-recaptcha iframe {
    max-width: none;
    transform: none;
    -webkit-transform: none;
  }
}

button:hover {
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,1);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,1);
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,1);
	background-color: #207320;
	background: -webkit-linear-gradient(#2f842f, #207320,); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2f842f, #207320,); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2f842f, #207320,); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2f842f, #207320,); /* Standard syntax */
}

#rodape {
	text-align: center;
}

.ip {
	color: #999;
	font-size: 12px;
	font-style: italic;
}

div.fixed {
position: fixed; top: 0; left: 0;
 }

@media screen and (max-width:560px){
	#bloco-centro {
		width: 90%;
	}
}