@charset "utf-8";
/* CSS Document */
/*Cores: Azul Vivaleite: #09c;
		Verde Whatsapp: #693;
		Cinza background:#f3f3f3;
		Vermelho: #c00; rgb 153,0,0,
*/
/*______CSS MODAL MSG NOVA SENHA_______*/	
.modal-window {	position: fixed;
  				background-color: rgba(0, 0, 0, 0.5);
				top:-1000px;
				right: 0;
				bottom: 0;
				left: 0;
				z-index: 999;
				visibility:hidden;
				opacity: 0;
				pointer-events: none;
				-webkit-transition:  all 0.5s;
				transition: all 0.5s;
				width: 120%;
				height: 100%;
}
.modal-window:target {	visibility:visible;
					  	opacity: 1;
  						pointer-events: auto;
						top:-10px;
}
.modal-window > div { min-width: 25%;
						min-height: auto;
						position:absolute;
						top: 50%;
						left:50%;
						padding: 30px;
						-webkit-transform: translate(-80%, -80%);
						transform: translate(-80%, -80%);
						background-color: rgba(	0, 153, 204, 0.5);
						border: 4px #ccc solid;
						-webkit-box-shadow:-3px  7px 20px rgba(0, 153, 204, 0.45);
						-moz-box-shadow:-3px  7px 20px rgba(0, 153, 204, 0.45);
						box-shadow:-3px  7px 20px rgba(24, 24, 24, 0.3);
						color: #fff;
						font: bold 18px Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
						line-height:40px;
}
.modal-window a{font: bold 21px Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
				color: #393939;
}
.modal-window a:hover{ text-decoration: underline; 
}	
.modal-close {	margin-top:-30px;
				right:0px;	
			 	position: absolute;
  				width:auto;
				height: auto;
				padding:4px 6px;
  				text-decoration: none;
				color: #fff; 
				border: 1px #ccc solid;
				border-right: none;
				border-top:none; 
}
.modal-close:hover {color: #c00;					
					background-color:#fff;
					border: 2px #fff solid;
					border-right: none;
					border-top:none; 
					text-decoration: none !important;
}
/*______FIM CSS MODAL MSG NOVA SENHA_______*/

/*______CSS MODAL MSG ERRO LOGIN/SENHA_______*/	
.modal-window_erro {position: fixed;
					background-color: rgba(153,0,0, 0.4); 
					top:0px;
					right:0;
					bottom:0;
					left: 0;
					z-index: 999;
					visibility:hidden;
					opacity: 0;
					pointer-events: none;
					-webkit-transition:  all 0.5s;
					transition: all 0.5s;
					width: 120%;
					height: 45%;
					margin-top: -150px !important;
}
.modal-window_erro:target {	visibility:visible;
					  		opacity: 1;
  							pointer-events: auto;
							top:50%;
}

.modal-window_erro h3{	width: auto;
						letter-spacing: 4px;
						color:#fff;
						background-color:#900;
						padding:1px!important; 
}
.modal-window_erro > div {	min-width:auto;
							min-height: auto;
							position:absolute;
							top: 50%;
							left:50%;
							padding:30px 12.5px !important;
							-webkit-transform: translate(-80%, -80%);
							transform: translate(-80%, -80%);
							background-color: rgba(	0,0,0, 0.70);
							border: 4px #900 solid;
							-webkit-box-shadow:-3px  7px 20px rgba(0, 153, 204, 0.45);
							-moz-box-shadow:-3px  7px 20px rgba(0, 153, 204, 0.45);
							box-shadow:-3px  7px 20px rgba(24, 24, 24, 0.3);
							color: #fff;
							font: bold 21px Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
							text-align: center;
							line-height:50px;
							margin-top: 50px;
}
.modal-window_erro a{	font: bold 18px Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
						color: #fff;
}
.modal-window_erro a:hover{ text-decoration: underline; 
}	
.modal-close_erro {	margin-top:80px;
					right:-4px;	
			 		position: absolute;
  					width:auto;
					height: auto;
					padding:4px 5px;
  					text-decoration: none;
					background-color:#900;
}
.modal-close_erro:hover {color:#900 !important;					
					background-color:#fff;
					border: 2px #fff solid;
					border-right: none;
					border-top:none; 
					text-decoration: none !important;
}
/*______FIM CSS MODAL MSG ERRO LOGIN/SENHA_______*/	
@media only screen and (max-width: 768px) {

	.modal-window > div { 	padding:25px 12.5px; margin:35px 12.5%;
							/*top: 62%;
							left:65%;*/
	}
}

.modal-close {	margin-top:-25px;
}
.modal-window_erro  > div{ 	top:45%;
							left: 50%;
							padding:10px 2.5px !important;
							line-height:30px !important;
							font-size: 18px;
}
.modal-close_erro {	margin-top:41px;
}
.modal-window_erro a{font-size: 16px; right:-3.5px
	
}