@import url(../components/normalize-css/normalize.css);
@import "https://fonts.googleapis.com/css?family=Roboto:400,700";

.container {
  width: 1000px;
  margin: 0 auto;
  max-width: 100%;
 padding: 305px 100px;
  margin-left: auto;
  margin-right: auto;
	background-repeat: no-repeat;
  /* background: #f58019*/);
}
  .container:after {
    content: " ";
    display: block;
    clear: both; }

.textAlign-center {
  text-align: center; }

.hide {
  display: none; }


.grid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; 

}
  .grid:after {
    content: " ";
    display: block;
    clear: both; }
  .grid > .col-1 {
    width: 6.77966%;
    float: left;
    margin-right: 1.69492%;
  }
    .grid > .col-1:last-child {
      margin-right: 0; 
    }

.grid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .grid:after {
    content: " ";
    display: block;
    clear: both; }
  .grid > .col-4 {
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%;
    border-left: 2px solid orange; /*linha divisoria*/
  }
    .grid > .col-4:last-child {
      margin-right: 0; }

.grid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .grid:after {
    content: " ";
    display: block;
    clear: both; }
  .grid > .col-7 {
    width: 57.62712%;
    float: left;
    margin-right: 1.69492%;      
  }
    .grid > .col-7:last-child {
      margin-right: 0; }

*,
*:after,
*:before {
  box-sizing: border-box; }

body {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
/*  background: #f7801c;*/ }/*cor ao redor da imagem*/

body.page-sidebar, body.page-background {
   background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden; }

body.page-sidebar .page, body.page-background .page {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }


body.page-sidebar .content, body.page-background .content {
      padding: 50px 0; }
      body.page-sidebar .content > h1, body.page-background .content > h1 {
        color: white; }
 
body.page-sidebar .content > p, body.page-background .content > p {
        font-size: 1.15em;
        line-height: 1.5em;
        color: white;
        text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 1px; } 
  
body.page-sidebar .content > p a, body.page-background .content > p a {
          color: white;
          display: inline-block;
          text-decoration: none;
          border-bottom: 1px solid white;
}




body.page-sidebar:before, 
    body.page-background:before {
    /*  background: rgba(0, 0, 0, 0.4);*/
      content: "";
      display: block;
      height: 1600px;
      width: 1600px;
      left: 0;
      top: 0;
      position: absolute;
      z-index: -1; 
      
    }
 
	body.page-sidebar:before {
    	top: -500px;}

  	body.page-sidebar .form {
    box-shadow: none; }


h1 {
  font-size: 2.4em;
  margin: 0 0 40px;
  color: #ffaf47; }

h2 {
  font-size: 1.5em;
  margin: 0 0 40px;
  color: #35404F; }

h4 {
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 0;
  opacity: .5; }

hr {
  border: none;
  border-top: 3px solid rgba(221, 221, 221, 0.25);
  margin: 35px 0; }

.form {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  padding: 40px;
  background: white;
  position: relative; }
  .form.form-center {
    width: 450px;
    margin: -130px auto 0;
    z-index: 1; }
  .form.form-alpha {
    background: none;
    box-shadow: none; }
    .form.form-alpha h2 {
      color: white; }
  .form > .control {
    margin-bottom: 25px; }
    .form > .control .label,
    .form > .control .input {
      display: block; }
    .form > .control .label {
      text-transform: uppercase;
      font-weight: bold;
      margin-bottom: 5px;
      font-size: 1.5em;/*aqui*/
      color: #35404F; }
    .form > .control .input {
      border: 1px solid #ddd;
      border-radius: 4px;
      padding: 12px;
      width: 100%;
      transition: all .3s;
    font-size: 1.5em;}/*aqui*/
      .form > .control .input:focus {
        box-shadow: 0 0 2px rgba(53, 64, 79, 0.25);
        background: #e6eaee;
        outline: none; }
      .form > .control .input.input-outline {
        background: none;
        color: white; }
        .form > .control .input.input-outline:focus {
          color: white; }
  .form > .submit {
    margin-top: 35px; }
    .form > .submit .button {
      box-shadow: 0 3px 0px #3b8683;
      background: #f7801c; /*cor da badra no bot?o acessar*/
      color: white;
      font-weight: bold;
      border: 1px solid #fff;
      border-radius: 4px;
      display: inline-block;
      padding: 10px 16px;
      letter-spacing: 1px;
      width: auto;
      cursor: pointer;
      transition: all .3s;
    font-size: 1.5em;}/*aqui*/
      .form > .submit .button.button-block {
        width: 100%; }
      .form > .submit .button:hover {
        background: #429894; }

/*mensagem*/
#id_error_display_fixed {width: 100%;background: rgba(0, 0, 0, 0.4);height: 100%;top:0px;}
table.scFormErrorTable{position:absolute;left: 50%;transform: translate(-50%, -50%);top: 50%;padding: 15px;background-color: #ffffff;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);opacity:1;width: 250px;height: 100px;}
td.scFormErrorMessage {padding: 25px 0 5px !important;}
td.scFormErrorTitleFont{color: rgba(0, 0, 0, 0);position: relative;top: 8px;}
td.scFormErrorTitleFont img {position: absolute;left: 50%;margin-left: -15px;}
a.scButton_default {position: absolute;right: 15px;top: 15px;}
td.scFormErrorTitleFont img {margin-top: -5px;}
a.scButton_default {font-size: 10px;border: 1px solid #ccc;border-radius: 5px;padding: 2px 5px;text-decoration: none;color: #555;right: 8px;top: 8px;}
	
/*fim mensagem*/
.copyright{
   position: absolute;
    text-align: center;
    width: 100%;
    padding: 3px 15px 3px 0;
    background: #EAEDF2;
    bottom: 0;
    font-size: 12px;
}
.copyright p {
    color: #808080;
    margin: 0px;
    padding: 0px;
}
.copyright p a {
    color: #808080;
}
/*
@media (max-width: 600px) {
  .container{width:600px;}
}
*/
/*
@media (max-width: 768px) {
  body.page-sidebar .page, body.page-background .page{padding: 0px 15px;position: relative;top: 0;left: 0;transform: none;text-align: center;}
  .container{width:100%;}
  .page{margin: 50px 0px;}
  .grid > .col-7,.grid > .col-4{width: 100%}
  body.page-background .col-7 .content{padding: 0px;}
  body.page-sidebar:before, body.page-background:before{position: fixed;height: 100%;width: 100%;}
  body.page-sidebar, body.page-background{overflow: auto;}
  .flag-lang {float: none;margin: auto;display: table;}
  .form > .submit {margin-top: 55px;}
  hr {margin: -6px 0px 20px 0px !important;}
  .form > .submit .button{width: 100%;}
  body.page-sidebar .form:after{background:none;height: 100%;width: 100%;}
  body.page-sidebar:before{top: 0px;}
.form.form-center {width: 90%;}
.flag-lang {float: none;margin: auto;display: table;margin-bottom: -22px;}
	body.page-sidebar .form{text-align:left;padding: 20px;}
.copyright {position: fixed;left: 0;}
body.page-sidebar .content > p a, body.page-background .content > p a {text-decoration: none;border-bottom: 1px solid white;box-shadow: 0 3px 0px #3b8683;background: #4AAAA5;color: white;font-weight: normal;border: 1px solid #4AAAA5;border-radius: 4px;display: inline-block;padding: 10px 10px;letter-spacing: 1px;width: auto;cursor: pointer;transition: all .3s;margin-bottom: 0px;}
h1{margin-bottom:15px;}
*/
}