@charset "utf-8";
/* CSS Document */


.modalDialog {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.5);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
overflow:scroll; /* activa scroll da página se a modal for muito comprida */
}
 .modalDialog:target {
opacity:1;
pointer-events: auto;
}
 
.modalDialog>div {
width: 200px;
height:200px;
position: relative;
margin: 5% auto;
padding: 5px 20px 13px 20px;
border-radius: 10px;
background: #fff;
background: moz-linear-gradient(#fff, #999);
background: webkit-linear-gradient(#fff, #999);
background: o-linear-gradient(#fff, #999);
 
-moz-box-shadow: 1px 1px 30px #000;
-webkit-box-shadow: 1px 1px 30px #000;
box-shadow: 1px 1px 30px #000;
}


 .close {
background: #606061;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: -12px;
text-align: center;
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
 
.close:hover { background: #00d9ff; }

.modalpic {
float: left;
padding: 6px;
width: 300px;
display: block;
border: 4px solid #ffffff;
border-radius: 30%;
box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
margin-right: 100%;
margin-bottom: 20px;
}
.input-div{
	
	font:bold 15px sans-serif;
	
	
	
}
.input-div input{
	height:30px;
	padding-left:10px;
	font:normal 15px sans-serif;
	color:#353333;
	border-radius:8px;
	border:1px solid #9EA8B7;
	outline:none;
	right:0px;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.83);

}
.input-div:hover input{
	border-color:#87B2FA;
}
.Inputusuario input {
  left: -21px;
  top: 18px;
  width: 200px;
  position: absolute;
  z-index: 27;
}
.Labelusuario {
	font-size: 18px;
	font-family: "Myriad Pro";
	color: rgb(0, 0, 0);
	line-height: 1.2;
	text-align: left;
	position: absolute;
	left:-10px;
	top: -5px;
	z-index: 26;
}
.Inputusenha input {
  left: -21px;
  top: 78px;
  width: 200px;
  position: absolute;
  z-index: 27;
}
.Labelsenha {
  font-size: 18px;
  font-family: "Myriad Pro";
  color: rgb(0, 0, 0);
  line-height: 1.2;
  text-align: left;
  position: absolute;
  left: -10px;
  top: 55px;
  z-index: 26; 
}
.Inputentrar input {
  left: -21px;
  top: 130px;
  width: 210px;
  position: absolute;
  z-index: 27;
}
.incorreto {
  left: 100px;
  top: 97px;
  position: absolute;
  z-index: 27;
}