* { box-sizing: border-box }

        img { max-width: 100% }   

	body { background: url( ../../img/sleo/fundo-login.gif ) #ddedf2 top left repeat-x; }

	.brasao-fundo-login
	{
	   width: 287px;
	   height: 375px;

	   background: url( ../../img/sleo/marca-dagua.jpg ) top left no-repeat;

           position: absolute;
	   top: 0;
	   left: 25%;

	   margin-left: -10%;

	   z-index: -1;
	}


	.painel-login
	{
	  width: 60.6060%;
	  height: auto;

	  position: absolute;
          top: 25%;
	  left: 25%;


	  font-family: Arial, Verdana, sans-serif;
	}


	.painel-login h4 
	{ 
	  font-size: 1.3em; 
          
          color: #1FB4E7; 

          margin: 0; 
          padding: 0.6666% 0.125% 0 0.125%; 
        }



	.informativo-inicial
	{
          width: 43.333333333333333333333333333333%;
	  height: 302px;

	  border: 1px solid #D0D0D0;
	  background: #FFFFFF;

	  margin: 0;
	  padding: 0;

	  overflow-y: scroll;

	  float: left;
	}

        .informativo-inicial h4 {
            padding: 1.5%; 
        }
        
	.informativo-inicial p { 
            font-size: 1em; 
            padding: 1.5%; 
        }



	.login
	{
	  width: 56.666666666666666666666666666667%;
	  height: 302px;

	  border: 1px solid #A4A4A4;
	  background: #FFFFFF;
          
          float: right;
	}

	.login p { font-size: 1.5em; padding: 0.125%; }	

	.filial
	{
	  width: 99%;
	  height: 161px;

	  border: 1px solid #A4A4A4;
	  background: #FFFFFF;

	}


	.login form,
	.filial form { 
            
            width: 99%;
            display: block; 
            margin: 0; 
            padding: 5px; 
        }

	.login a,
	.filial a { font-size: 0.9em; display: block; }

	label
	{
	   font-size: 0.9em;
	   font-weight: bold;

	   color: #858585;

	   display: block;
	}


	select,
	input,
	textarea
	{
            width: 100%;
	   border: 2px solid #C9C9C9;

	   margin: 0.0027%;
	   padding: 0.0027%;
	}


	.focus { border: 2px solid #20C6FF !important; }


	.btn 
	{
		width: 92px;
		height: 29px;
	 
		border: none !important; 
		background: url(../../img/sleo/btn-pequeno.gif) no-repeat top center;
		color: #000000;

		cursor: pointer;			
	}

	.desabilitado { background: url(../../img/sleo/btn-pequeno-d.gif) no-repeat top center !important; }


	.btn-medio
	{
		width: 130px;
		height: 29px;
	 
		border: none !important; 
		background: url(../../img/sleo/btn-medio.gif) no-repeat top center;
		color: #FFFFFF;
		
		cursor: pointer;			
	}

	.desabilitado-medio { background: url(../../img/sleo/btn-grande.gif) no-repeat top center !important; }

	.btn-grande
	{
		width: 180px;
		height: 29px;
	 
		border: none !important; 
		background: url(../../img/sleo/btn-grande.gif) no-repeat top center;
		color: #FFFFFF;
		
		cursor: pointer;			
	}

	.desabilitado-grande { background: url(../../img/sleo/btn-grande-d.gif) no-repeat top center !important; }

        @media all and (max-width: 640px) {
            
            .informativo-inicial,
            .login {
                float: none;
                display: block;
                width: 100%;
            }
            
            .informativo-inicial {
                height: 100px;
            }
            
            .login {
                height: auto;
            }
        }