.WorkWindowLogin{ position:absolute; width:500px; min-height:100px; height:200px; left:50%; margin-left:-250px; top:50%; 


background:#FFF; overflow:hidden;
	
	-moz-border-radius: 20px;
-webkit-border-radius:20px;
border-radius:20px;

 -webkit-touch-callout: none;           
    -webkit-text-size-adjust: none;           
   -webkit-user-select: none; 
   
   

-moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3);
   
}

.WorkWindowLoginCenter{  
	 
}

.WorkWindowLoginCenterLado{ position:absolute; width:150px; padding-top:30px; background:#F8F8F8; height:100%; 
	
}

.WorkWindowLoginCenterLadoLogo{ padding:20px 20px; margin-top:20px; text-align:center; padding-bottom:5px;
	 
}
.WorkWindowLoginCenterLadoTexto{ padding:10px 10px; text-align:center; font-size:22px; color:#888; padding-top:0px; padding-bottom:0px;
	 
}
.WorkWindowLoginCenterLadoSubTexto{ padding:10px 10px; text-align:center; font-size:11px; color:#AAA; padding-top:0px;
	 
}

.WorkWindowLoginCenterLadoSubLoad{ display:none; position:relative; margin-top:-119px; margin-left:19px; 

 padding:10px 10px; text-align:center; font-size:11px; color:#AAA; padding-top:0px;
	 
}




.WorkWindowLoginCenterRodape{ margin-left:160px; padding:40px 40px; padding-left:20px; font-family:Arial, Helvetica, sans-serif;
font-size:11px; color:#AAA; 
	
}




.WorkWindowLoginCenterConteudo{ margin-left:160px;
	
}
.WorkWindowLoginCenterConteudoTitulo{ padding:20px 20px; font-size:22px; color:#333; padding-bottom:0px; 
	
}




.WorkWindowLoginCenterConteudoCheck{ padding:10px 20px; padding-bottom:0px; 
	
}
.WorkWindowLoginCenterConteudoCheck input,label{ font-size:13px; color:#888;
 font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; 
	
	
}






.WorkWindowLoginCenterConteudoInput{ padding:10px 20px; padding-bottom:0px; 
	
}
.WorkWindowLoginCenterConteudoInput input{ padding:5px 5px; padding-left:10px;  font-size:14px; color:#000;
 font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; outline:none; 
	border:1px solid #CCC;
	
		-moz-border-radius: 4px;
-webkit-border-radius:4px;
border-radius:4px; 
}
.WorkWindowLoginCenterConteudoInput input:focus{ border:1px solid #6BB8DA; 
	
}



.WorkWindowLoginCenterConteudoBotao { padding:10px 20px;

}


.WorkWindowLoginCenterConteudoBotao div{ display:inline-block; 
 padding:8px 8px; cursor:pointer;  font-family:Arial, Helvetica, sans-serif;
background:#FFF; color:#0C7BA8; font-size:12px; text-align:center;
 font-weight:bold;
 
	min-width:100px;
	 border:1px solid #E0E0E0;
	-moz-border-radius: 4px;
-webkit-border-radius:4px;
border-radius:4px; 

  transition-property: border-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0s;
  


  

}
.WorkWindowLoginCenterConteudoBotao div:hover{ 
color:#1F98C3; border:1px solid #6BB8DA;
	
}









@media screen and (max-width: 720px) {
	

	
}



.WorkWindowLoginCenterLadoSubLoadComp { 
background-color:transparent;  position:absolute; margin-left:190px; margin-top:0px;


width:60px; 
height:60px; 
border:1px solid #DDD; 
border-right: 1px solid #555; 
border-left: 1px solid #555; 
border-top: 1px solid #DDD; 
border-bottom: 1px solid #DDD; 

-moz-border-radius:61px;
-webkit-border-radius:61px; 
border-radius: 61px;



-moz-animation-name:bounce_WorkWindowLoginCenterLadoSubLoadComp;
-moz-animation-duration:1s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;


-webkit-animation-name:bounce_WorkWindowLoginCenterLadoSubLoadComp;
-webkit-animation-duration:1s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;


-ms-animation-name:bounce_WorkWindowLoginCenterLadoSubLoadComp;
-ms-animation-duration:1s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;


-o-animation-name:bounce_WorkWindowLoginCenterLadoSubLoadComp;
-o-animation-duration:1s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;


animation-name:bounce_WorkWindowLoginCenterLadoSubLoadComp;
animation-duration:1s;
animation-iteration-count:infinite;
animation-timing-function:linear;



}
 


@-moz-keyframes bounce_WorkWindowLoginCenterLadoSubLoadComp{
0%{
	
	 -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);


}

25%{
	
	-webkit-transform: rotate(100deg); 
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    transform: rotate(100deg);



}


50%{
	
	-webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	


}

75%{
	
	-webkit-transform: rotate(280deg); 
    -moz-transform: rotate(280deg);
    -ms-transform: rotate(280deg);
    transform: rotate(280deg);
	


}

100%{
	
		 -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);



}

}









@-webkit-keyframes bounce_WorkWindowLoginCenterLadoSubLoadComp{
0%{
	
	 -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
	
	

}

25%{
	
	-webkit-transform: rotate(100deg); 
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    transform: rotate(100deg);

  

}


50%{
	
	-webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	
	
}

75%{
	
	-webkit-transform: rotate(280deg); 
    -moz-transform: rotate(280deg);
    -ms-transform: rotate(280deg);
    transform: rotate(280deg);
	


}

100%{
	
		 -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);



}

}

@-ms-keyframes bounce_WorkWindowLoginCenterLadoSubLoadComp{
0%{
	
	 -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);


}

25%{
	
	-webkit-transform: rotate(100deg); 
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    transform: rotate(100deg);



}


50%{
	
	-webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	


}

75%{
	
	-webkit-transform: rotate(280deg); 
    -moz-transform: rotate(280deg);
    -ms-transform: rotate(280deg);
    transform: rotate(280deg);
	


}

100%{
	
		 -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);




}



}

@-o-keyframes bounce_WorkWindowLoginCenterLadoSubLoadComp{
0%{
	
	 -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);


}

25%{
	
	-webkit-transform: rotate(100deg); 
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    transform: rotate(100deg);



}


50%{
	
	-webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	


}

75%{
	
	-webkit-transform: rotate(280deg); 
    -moz-transform: rotate(280deg);
    -ms-transform: rotate(280deg);
    transform: rotate(280deg);
	


}

100%{
	
		 -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);



}

}

@keyframes bounce_WorkWindowLoginCenterLadoSubLoadComp{
0%{
	
	 -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);


}

25%{
	
	-webkit-transform: rotate(100deg); 
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    transform: rotate(100deg);



}


50%{
	
	-webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	


}

75%{
	
	-webkit-transform: rotate(280deg); 
    -moz-transform: rotate(280deg);
    -ms-transform: rotate(280deg);
    transform: rotate(280deg);
	


}

100%{
	
		 -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);



}

}