@charset "utf-8";
td img {display: block;}
body {
	margin:0;
	padding:0;
  align-items: center;
  align-content: center;
	/*background:#cccccc;*/
	text-align:center; /* hack para o IE */	14.
}
#tudo {
	width: 60%;
	margin:0 auto;
	padding: 10px;
	text-align:left; /* "remédio" para o hack do IE */
}
#conteudo {
	padding: 5px;
  /* position: fixed; */
  align-items: center;
  align-content: center;
  align-self: center;
  text-align: center;
  margin: auto;
  top:30%;
  /* margin-right: 10%; */
  /* margin-left: 40%: */
	/*background-color: #eeeeee;*/
	}

  #cabecalho{
    border-style: none none solid none;
    border: 0 0 0 0.5px solid #e0e0e0;
    border-width: thin;
    /* background-color: #3333; */
  }
  #cabecalho_inner{
    /* margin-right: 10%; */
    /* margin: auto; */
  }

#se2,#logo{
  display: inline-block;
  margin-bottom: 10px;
}
#se2{
  padding: 5px;
  margin: 15px;
  align-items: center;
  align-content: center;
  align-self: center;
  text-align: center;
}
#div_login{
  align-items: center;
  align-content: center;
  align-self: center;
  display: block;
  margin: auto;
  margin-top: 100px;
  margin-bottom: 15px;
  position: relative;
  float: none;
}
#warnings{
  position: absolute;
  bottom: 5px;
  text-align: left;
}

#result{
  text-align: center;
  font-weight: 400;
  font-size: 1.5rem;
  margin: 0;
  padding: 0;
  /* color: #d32f2f; */
  color:#fff
}

#result2, #result0{
  text-align: center;
  font-weight: 300;
  font-size: 1rem;
  margin: 5px;
  padding: 0;
  /* color: #d32f2f; */
  color:#fff
}

#AvisoBrowser{
  position: sticky;
  margin: 0 20%;
  bottom:10px;
  color:#fff;
  background-color:#f44336;
  /* background-color:#ef5350; */
  margin: auto;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

#outer {height: 600px; overflow: hidden; position: relative;}
    #outer[id] {display: table; position: static;}

   #middle {position: absolute; top: 50%;} /* para o IE */
    #middle[id] {display: table-cell; vertical-align: middle; position: static;}

    #inner {position: relative; top: -50%;
      align-items: center;
      align-content: center;
      } /* para o IE */
    /* opcional: #inner[id] {position: static;} */


/* //celular */
/* ----------- Google Pixel ----------- */

/* Portrait and Landscape */
@media screen
  and (max-device-width: 400px)
  and (max-device-height: 700px)
  /* and (-webkit-device-pixel-ratio: 3)  */
  {
    body{width:100%;height: 100%}
    #tbl_outer{width:100%;height: 100%}
#txt_senha{width:100%;}
#txt_senha{width:60%;}
#button_entrar{width: 40%;}
#link_recuperar_senha{width:100%;}
#se2{margin: 0;padding: 0;max-width: 80%}
#logo{margin: 0;padding: 0;max-width: 80%}
#warnings{display: none;}
}

/* Portrait */
@media screen
  and (max-device-width: 400px)
  and (max-device-height: 700px)
  /* and (-webkit-device-pixel-ratio: 3) */
  and (orientation: portrait) {
    body{width:100%;height: 100%}
    #tbl_outer{width:100%;height: 100%}
  #txt_senha{width:100%;}
  #txt_senha{width:60%;}
  #button_entrar{width: 40%;}
  #link_recuperar_senha{width:100%;}
  #se2{margin: 0;padding: 0;max-width: 80%}
  #logo{margin: 0;padding: 0;max-width: 80%}
  #warnings{display: none;}

}

/* Landscape */
@media screen
  and (max-device-width: 400px)
  and (max-device-height: 700px)
  /* and (-webkit-device-pixel-ratio: 3) */
  and (orientation: landscape) {

    body{width:100%;height: 100%}
    #tbl_outer{width:100%;height: 100%}
    #txt_senha{width:80%;}
    #txt_senha{width:50%;}
    #button_entrar{width: 30%;}
    #link_recuperar_senha{width:80%;}

}

/* ----------- Google Pixel XL ----------- */

/* Portrait and Landscape */
@media screen
  and (max-device-width: 400px)
  and (max-device-height: 700px)
  /* and (-webkit-device-pixel-ratio: 4)  */
  {
    body{width:100%;height: 100%}
    #tbl_outer{width:100%;height: 100%}
  #txt_senha{width:100%;}
  #txt_senha{width:60%;}
  #button_entrar{width: 40%;}
  #link_recuperar_senha{width:100%;}
  #se2{margin: 0;padding: 0;max-width: 80%}
  #logo{margin: 0;padding: 0;max-width: 80%}
  #warnings{display: none;}
}

/* Portrait */
@media screen
  and (max-device-width: 400px)
  and (max-device-height: 700px)
  /* and (-webkit-device-pixel-ratio: 4) */
  and (orientation: portrait) {
    body{width:100%;height: 100%}
    #tbl_outer{width:100%;height: 100%}
  #txt_senha{width:100%;}
  #txt_senha{width:60%;}
  #button_entrar{width: 40%;}
  #link_recuperar_senha{width:100%;}
  #se2{margin: 0;padding: 0;max-width: 80%}
  #logo{margin: 0;padding: 0;max-width: 80%}
  #warnings{display: none;}
}

/* Landscape */
@media screen
  and (max-device-width: 400px)
  and (max-device-height: 700px)
  /* and (-webkit-device-pixel-ratio: 4) */
  and (orientation: landscape) {

    body{width:100%;height: 100%}
    #tbl_outer{width:100%;height: 100%}
    #txt_senha{width:80%;}
    #txt_senha{width:50%;}
    #button_entrar{width: 30%;}
    #link_recuperar_senha{width:80%;}
}