/*!
 * acesso 		  background-size: 1213px 677px;



*/


	/* Fundo  */

	  body {
		  background: #fff url('./images/pagina-login-fundo-desktop.jpg') no-repeat scroll center;

     	  background-size: 100% 115%;
          background-position: center top;
	      background-repeat: no-repeat;
		  height: 115%;
          width: 100%;		

}


/* responsivo até cellular - 0 até 767px =celular - 768px até 1024px = tablet*/
@media screen and (min-width: 10px) and (max-width: 767px) {


	/* Fundo  */

	  body {
		  background: #fff url('./images/pagina-login-fundo-smartphone.jpg') no-repeat scroll center;

     	  
          background-size: 100% auto;
          background-position: center top;
	      background-repeat: repeat;
		  height: auto;
          width: 100%;		

}


}


/* responsivo até tablet - 0 até 767px =celular - 768px até 1024px = tablet */
@media screen and (min-width: 768px) and (max-width: 1024px) {


	/* Fundo  */

	  body {
		  background: #fff url('./images/pagina-login-fundo-tablet.jpg') no-repeat scroll center;
  
          background-size: 100% 115%;
          background-position: center top;
	      background-repeat: no-repeat;
		  height: 115%;
          width: 100%;		

}



}






/* Interface Login */

/* Fundo  */
	.login form {
	/*	background: url('./images/login-fundo.png') no-repeat; */
	    background: #FAFAFA;
		border: 3px solid #D2B9A3; 
		border-radius: 0px;
}



/* Campo E-mail/Senha sem seleção */
	.login form .input{
		box-shadow:none;
		background: #D2B9A3;
		border: 1px solid #B47543;
		border-radius: 0px;

}


/* Campo E-mail/Senha COM seleção */
	.login form .input:hover, .login form .input:focus{
		box-shadow:none;
		background: #B47543;
		border: 1px solid #D2B9A3;
		border-radius: 0px;

}


/* Botão "Acessar" Cores*/
	.login .button-primary, .login .button-group.button-large .button, .login .button.button-large{
		box-shadow: none;
		background: #C62333;
		border: 0px solid #525252;
		font-weight: bold;
		color: #fff;
}


/* Botão "Acessar" hover */
	.login .button-primary:hover {
		background: #C62337;
}


/* Botão "Acessar" Localização */
	.login .button-primary, .login .button-group.button-large .button, .login .button.button-large{
		height: 50px;
		width: 100%;
		border-radius: 0px;							
		margin-top: 8px;
}



/* Distancia do "Lembre-me" */
	.login .forgetmenot{
		margin-top: 8px;
        display: inline-block;
		position: relative; bottom: 1%; left: 1%;
}

/* Atributos do "Lembre-me" */
.login form input[type=checkbox] {
	
	background: #CC9253;
	border: 1px solid #895D3D;
	border-radius: 2px;
	
}






/* Texto (menos o "Acessar" do botão) */
	.login label {
		font-weight: bold;
		color: #895D3D;
}

/* Texto (menos o "Acessar" do botão hover) */
	.login label:hover {
		font-weight: bold;
		color: #895D3D;
}





/* Texto Campo E-mail/Senha */
	.login form .input{
		color: #EEEEEE;
} 





/* Texto "Perdeu a senha? e "← Voltar para"  */
	.login #nav a, .login #backtoblog a {
		color: #000;
}

/* Texto "Perdeu a senha? e "← Voltar para" hover */
	.login #nav a:hover, .login #backtoblog a:hover{
		text-decoration: underline;
		color: #000;
}	  




/*---MSG DE ACESSO DA tela de login---*/
.login #login_error, .login .message, .login .success {
  border-left: 4px solid #72aee6;
  padding: 12px;
  margin-left: 0;
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
  color: black;
   font-family: Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
   font-size: 12px;
}



/*---MSG DA tela de login---*/
.login #login_error, .login .message, .login .success {
  border-left: 4px solid #72aee6;
  padding: 12px;
  margin-left: 0;
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
  color: black;
   font-family: Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
   font-size: 12px;
}









/* Quadros */


/* Central */

	.login h1 a {
		 background: url('./images/digital-logo-login.png') no-repeat;
		 
    background-size: 120px;
    background-position: center top;
    background-repeat: no-repeat;
    color: #444;
    height: 120px;
    width: 120px;		
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3em;
    margin: 0 auto 25px;
    padding: 0;
    text-decoration: none;
    text-indent: -9999px;
    outline: 0;
    overflow: hidden;
    display: block;
    border-radius: 20px 0 20px 0;
		 
}



/* Esquerda */

     .bannerloginesquerda {
		 background: url('./images/digital-banner-left.jpg') no-repeat;
		 background-size: 336px 280px;
		 width: 336px; 
		 height: 280px; 		 
		 position: fixed; top: 30%; left: 5%; 
		 display: inline-block;
		 margin: 0px 0px 0px 0px;
		 padding: 0px 0px 0px 0px;
		 		 
}



/* Direita */

     .bannerlogindireita {
		 background: url('./images/digital-banner-right.jpg') no-repeat;
		 background-size: 336px 280px;
		 width: 336px; 
		 height: 280px; 		 
		 position: fixed; top: 30%; right: 5%; 
		 display: inline-block;
		 margin: 0px 0px 0px 0px;
		 padding: 0px 0px 0px 0px; 
}



/* link banner */
.bannerloginlink{
		 color: transparent !important;
         transition-property: border,background,color;
         transition-duration: .05s;
         transition-timing-function: ease-in-out;
	
	font-size: 17px !important;
	
	     background-color: transparent !important;
	     
	 padding: 0% 77% 78% 0%;
	   


	
}






/* Responsivo */

/* responsivo até cellular - 0 até 767px =celular - 768px até 1024px = tablet*/
@media screen and (min-width: 10px) and (max-width: 767px) {


	.bannerloginesquerda {
display: none;
	}
	
	.bannerlogindireita {
display: none;

	}	

	
/* Texto (menos o "Acessar" do botão) */
.login label {
	font-size: 13px;
	}



/*  Tamanho da Interfac e Login */
.login form {
	position: center;
	width: 80%; 
	height: 80%;
	margin: 0 auto;
	}

	


/* Quadros */


/* Central */

	.login h1 a {
		 
		 
    background-size: 90px;
    height: 90px;
    width: 90px;		
    border-radius: 20px 0 20px 0;
		 
}




	/* Fundo  */






}








/* responsivo até tablet - 0 até 767px =celular - 768px até 1024px = tablet */
@media screen and (min-width: 768px) and (max-width: 1024px) {


	
	.bannerloginesquerda {
background-size: 50% 50%;
		position: fixed; top: 10%; left: 5%;
	}
	
	.bannerlogindireita {
background-size: 50% 50%;
	position: fixed; top: 30%; left: 5%;

	}	
	

	
	
	/* Fundo  */
	
	
	
	
	
	
	
	
	
	
	
	


/* link banner */
.bannerloginlink{

		 color: transparent !important;
         transition-property: border,background,color;
         transition-duration: .05s;
         transition-timing-function: ease-in-out;

	
	
		font-size: 17px !important;
	
	     background-color: transparent !important;


	 padding: 0% 27% 36% 0%;



	
	
}

	
	

	
	
	
	
	
	
	
	
	
}