/**************************************************************************************************/
/** Login - Geral *********************************************************************************/
/**************************************************************************************************/

body { 

  background-color:#F5F5F5;
}


body > header,
body > footer,
section#localizacao,
section#pagina header hgroup h2 {
  
  display:none;
}


section#pagina {
  
  width:35.000rem;
  
  margin:5.000rem auto 0 auto;
  padding:2.000rem 2.000rem 2.000rem 2.000rem;
  
  border-width:0.100rem;
  border-style:solid;
  border-color:#E1E1E1;
  border-radius:1.000rem;
  
  -webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.10);
  box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.10);

  background-color:#FFFFFF;
}


section#pagina header {
  
  margin-bottom:3.000rem;
  padding-bottom:2.000rem;
}


section#pagina header hgroup h1 {
  
  height:13.400rem;
  
  text-indent:-20000px;
  overflow:hidden;
  
  background-image:url('../../../../imagens/login/logo-tribo-juda.png');
  background-repeat:no-repeat;
  background-position:center center;
}


section#pagina header hgroup h1.church,
section#pagina header hgroup h1.store,
section#pagina header hgroup h1.market,
section#pagina header hgroup h1.standard {

  height:6.000rem;
}


section#pagina header hgroup h1.church {

  background-image:url('../../../../imagens/login/logo-tj-church.png');
}



/**************************************************************************************************/
/** Login - Formulário ****************************************************************************/
/**************************************************************************************************/

section#pagina form fieldset legend {
  
  display:none;
}


section#pagina form fieldset label {
  
  display:block;
  font-size:1.800rem;
}


section#pagina form fieldset input,
section#pagina form fieldset select {
  
  width:100%;
  
  margin:0.100rem 0 1.500rem 0;
  padding:1.000rem 0.500rem 1.000rem 3.000rem;
  
  font-family:UbuntuRegular,Arial,Geneva,sans-serif;
  font-size:1.500rem;
  color:#333333;
  
  outline:none;
  
  border-width:0.150rem;
  border-style:solid;
  border-color:#667171;
  border-radius:0.300rem;
  
  background-color:#FFFFFF;
  background-repeat:no-repeat;
  background-position:0.500rem center;
}


section#pagina form fieldset select {
  
  padding:1.000rem 0.500rem 1.000rem 0.500rem;
}


section#pagina form fieldset input#usuario {
  
  background-image:url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUE2QTc2Nzk1QUFCMTFFM0FFRDNBMkYxRDlBNTM5RUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUE2QTc2N0E1QUFCMTFFM0FFRDNBMkYxRDlBNTM5RUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQTZBNzY3NzVBQUIxMUUzQUVEM0EyRjFEOUE1MzlFRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQTZBNzY3ODVBQUIxMUUzQUVEM0EyRjFEOUE1MzlFRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uACZBZG9iZQBkwAAAAAEDABUEAwYKDQAABQgAAAWAAAAF2gAABiP/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//CABEIABEAEQMBEQACEQEDEQH/xACYAAACAwAAAAAAAAAAAAAAAAAACAUGCQEBAAAAAAAAAAAAAAAAAAAAABAAAgEFAQAAAAAAAAAAAAAAAwYFACAwAQQVEQACAQIEAwkAAAAAAAAAAAABAgMRBAAhQRIQURMgkSIy0hQ0lAUSAQAAAAAAAAAAAAAAAAAAADATAQEAAQUAAwAAAAAAAAAAAAERABAgMCExQaGx/9oADAMBAAIRAxEAAAHZUroxIvpADDiEgB//2gAIAQEAAQUCdjlFHIpy73TKxRx+dYYOCNF6MfZ//9oACAECAAEFAsP/2gAIAQMAAQUCw//aAAgBAgIGPwIf/9oACAEDAgY/Ah//2gAIAQEBBj8Ct0jZ0Wa5pLtqAyrGxCMw0Laa0xfwFnMKrDIimpRHq4amilx304XH5kUZu2OXXDbYYZUOTRtm0rIRp4Tzx7O5haIyyl3vFO9STkvVTzIqDlXHzrT7EXq7H//aAAgBAQMBPyG0eF5iRLBr6Mt3yC16+Yp+Gjw2EIxTTsFADKLjfoZAocA7Bn8wq7d//9oACAECAwE/IeH/2gAIAQMDAT8h4f/aAAwDAQACEQMRAAAQAAgAH//aAAgBAQMBPxC1U6r/AGgFWjuN49de1GmKVjE3O+jevMJ1CgBIBwxa+lD5CU/cyvbKn//aAAgBAgMBPxDh/9oACAEDAwE/EOH/2Q==");
}


section#pagina form fieldset input#senha {
  
  background-image:url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUE2QTc2N0Q1QUFCMTFFM0FFRDNBMkYxRDlBNTM5RUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUE2QTc2N0U1QUFCMTFFM0FFRDNBMkYxRDlBNTM5RUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQTZBNzY3QjVBQUIxMUUzQUVEM0EyRjFEOUE1MzlFRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQTZBNzY3QzVBQUIxMUUzQUVEM0EyRjFEOUE1MzlFRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uACZBZG9iZQBkwAAAAAEDABUEAwYKDQAABQoAAAWSAAAF7gAABjX/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//CABEIABEAEQMBEQACEQEDEQH/xACYAAACAwAAAAAAAAAAAAAAAAAECAYHCQEBAAAAAAAAAAAAAAAAAAAAABAAAQMFAQAAAAAAAAAAAAAABQACBjABAwQ1EhEAAgECBAUEAwAAAAAAAAAAAgMEARIRMRMFABBBYTIhcSJCs3S0EgEAAAAAAAAAAAAAAAAAAAAwEwEBAAAHAQAAAAAAAAAAAAABEQAQIDAhMUFR/9oADAMBAAIRAxEAAAHZ4DLqFFBxwhNSPj1H/9oACAEBAAEFAj+VmyRF31xh1SGzHSnxr45WpZ3gvXX/2gAIAQIAAQUCo//aAAgBAwABBQKj/9oACAECAgY/Ah//2gAIAQMCBj8CH//aAAgBAQEGPwLa9pbK0Yj6yGTrHCutaLVqKW0sfiJ988eGbbElX7fIhDIBZPFoLla2nYosfIqdM648mCwRJdX7fQxMrBIKojXCR/Qa069OEBEFYxx3OJpUSeou29XqJY18s+2XKd7Rf5EcbZ+/F/MHL//aAAgBAQMBPyGUjQDJR0zDwvYYCnNPECXw2+RbDKIhTuPg6aPlziWnfe9nBEqLG/GlGW//2gAIAQIDAT8h2f/aAAgBAwMBPyHZ/9oADAMBAAIRAxEAABAQAAAf/9oACAEBAwE/ECQlXG5S4IhgFYQOZKAM68Fy02ZChOuFECRR8YiTxGg4SMqRDBpxIP/aAAgBAgMBPxDZ/9oACAEDAwE/ENn/2Q==");
}


section#pagina form fieldset input#botao-logar {
  
  width:30%;

  margin:0.400rem 0 1.000rem 0;
  padding:0.500rem 0.500rem 0.500rem 0.500rem;
  
  text-align:center;
  font-weight:bold;
  color:#FFFFFF;
  
  cursor:pointer;
  border-color:#5EA20D;
  background-color:#5EA20D;
}


section#pagina footer {
  
  margin-top:1.800rem;
  
  font-size:1.200rem;
  text-align:center;
  line-height:2.200rem;
}



/**************************************************************************************************/
/** Login - Lembrar Senha *************************************************************************/
/**************************************************************************************************/

section#pagina form p.lembrar-senha {
  
  margin-top:1.000rem;
  
  font-size:1.100rem;
  text-align:right;
}



/**************************************************************************************************/
/** [RESPONSIVO] **********************************************************************************/
/**************************************************************************************************/

@media only screen and (max-width: 568px) {
  
  /** Topo - Geral **/
  body > header h1 {
    margin:0 auto;
  }
  
  /** Login - Formulário **/
  section#pagina form {
    width:inherit;
    margin:0 auto 0 auto;
  }
  
  /** Login - Lembrar Senha **/
  section#pagina form p.lembrar-senha {
    display:none;
  }
}