/*inicio do layout para mobile: 725px largura*/

body{
	margin:0px;
	padding:0px;
	font-family:oxygen;
	background-color:white;
}

a{
	color:inherit;
	text-decoration:none;
}

.clicavel{
	cursor:pointer;
}

.cabecalho{
	height:10%;
	width:1%;
	width:98%;
	background-color:white;
	text-align:center;
	overflow:hidden;
	padding:1%;
	position:fixed;
	top:0px;
	border-bottom:1px solid #E9EAF0;
	min-height:50px;
}

.cabecalhoToken{
	width:98%;
	height:10%;
	padding:1%;
	min-height:50px;
}

.pedacoCabecalho1{
	display:inline-block;
	width:25%;
	text-align:left;
	margin-left:1%;
}

.auxiliar {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width:1%;
}

.logoCabecalho{
	vertical-align: middle;
	max-width:100%;
	height:80%;
}

.pedacoCabecalho2{
	display:inline-block;
	width:35%;
	text-align:center;
}



.usuarioLogin{
	display:inline-block;
}

.pedacoCabecalho3{
	display:inline-block;
	width:36%;
	overflow:hidden;
	text-align:left;
	margin-left:1%;
	float:right !important;
}

.labelLogin{
	background-color:#0E6A9D;
	color:white;
	width:50px;
	font-size:15px;
	border-radius:5px;
	padding-bottom:7px;
}



.inputLogin{
	border:none;
	border:1px solid #ADD8E6;
	border-radius:5px;
	width:100px;
}

.pedacoCabecalho{
	float:left;
}

.btnLogin{
	background-color:#0E6A9D;
	color:white;
	font-size:15px;
	border-radius:5px;
	padding:3px;
	cursor:pointer;
}

.breadcrumb{
	background-color:#E5E5E5;
	border-top:1px solid black;
	border-bottom:1px solid black;	
	display:none;
}

.conteudo{
	width:99%;
	margin-top:1%;
}

.linkCadastroLogin{
	color:#72A8C2;
	font-weight:900;
	text-decoration:none;
	font-size:16px;
}

.linkCadastroLogin:hover{
	color:#B6D458;
}

.linkCadastroLogin:hover{
	color:#B6D458;
}

.rodape{
	background-color:#847771;
	width:98%;
	float:left;
	color:white;
	padding:1%;
	margin-top:1%;
}

.esqRodape a:hover{
	color: #B6D458;
}

.esqRodape{
	float:left;
	width:50%;
}

.dirRodape{
	float:left;
	text-align:right;
	width:45%;
	padding-right:5%;
}

/*icones sociais*/
.icon {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  margin: 4px;
  width: 48px;
  height: 48px;
  font-size: 0;
  text-indent: -9999px;
}

.icon-mono {
  background: url("../../img/icons1.png");
  background-image: url("../../img/icons2.png"), none;
  background-color: #595959;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}

/* facebook */
.icon-mono.facebook {
  background-position: 0 0;
}

.icon-mono.facebook:hover {
  background-color: #3b5998;
  background-position: 0 -48px;
}

/* twitter */
.icon-mono.twitter {
  background-position: -48px 0;
}

.icon-mono.twitter:hover {
  background-color: #4099ff;
  background-position: -48px -48px;
}

/* google plus */
.icon-mono.googleplus {
  background-position: -96px 0;
}

.icon-mono.googleplus:hover {
  background-color: #d34836;
  background-position: -96px -48px;
}

.form{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
}

.cabecalhoForm{
	width:94%;
	padding:3%;
	color:white;
	background-color:#2F527A;
}

.textoGrande{
	font-weight:bolder;
	font-size:1.5em;
}

.textoCabecalhoForm{
	vertical-align:middle;
	display:inline-block;
	width:80%;
}

.lupaBranca{
	height:10%;
	vertical-align:middle;
}

.divLabel{
	width:20%;
	text-align:right;
	display:inline-block;
	color:#7B7B7B;
	font-weight:bold;
}

.divCampo{
	width:77%;
	text-align:left;
	display:inline-block;
}

.camposForm{
	padding:1%;
	text-align:center;
}

.campo{
	width:100%;
	border:1px solid lightgray;
	background-color:#EAEAEA;
}

.campo:focus{
	border-color: #4195fc;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px #4195fc;
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px #4195fc;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px #4195fc;
	color: rgb(0,0,0);
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.campo:hover{
	border:1px solid gray;
}

.campoMenor{
	width:20%;
	border:1px solid #AAAAAA;
	background-color:#EAEAEA;
}

.divisor{
	background-color:lightgray;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	height:2px;
	margin-top:20px;
	margin-bottom:15px;
	
}

.btnForm{
	border-radius:5px;
	padding:3px;
	background-color:#0E6A9D;
	color:white;
	cursor:pointer;
	width:30%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.btnForm:hover{
	background-color:#07527B;
}

.labelCinza{
	color:#7B7B7B;
	font-weight:900;
}

.escondido{
	display:none;
}

.btnLogin:hover{
	background-color:#07527B;
}

.forcaSenha{
	height:25px;
	overflow:hidden;
	display:inline-block;
	vertical-align:middle;
	padding:3px;
}

.divCampo{
	vertical-align:middle;
}

#usuarioExistente{
	color:red;
}

#senhasDiferentes{
	color:red;
}

.label{
	display:inline-block;
	color:#7B7B7B;
	font-weight:bold;
}