*{ margin:0; padding:0; border:0; font-family: 'Raleway', sans-serif; text-decoration:none; color:#4d4d4f; }


body{ width:1000px; background:#FFF; margin:0 auto; }

.visibleMax{ display:block; }
.visibleOitoVinte{ display:none; }

#effect .formLogin{ float:left; width:420px; margin-top:20px; margin-left:62px; }
#effect .formLogin label{ float:left; margin-bottom:8px; width:290px; }
#effect .inputBox{ border:1px solid #7cb1ce; padding:4px; font-size:12px; font-weight:400; float:right; width:200px; }
#effect .inputCheck{ float:right; border:1px solid #7cb1ce; width:20px; margin-top:-16px; }
#effect .formLogin span{ float:left; font-size:16px; font-weight:400; margin-top:4px; color:#0779b8;}

#effect .loginBtn{ float:right; width:102px; height:41px; background:url(../images/btn_102_41.png) no-repeat; font-size:18px; font-weight:600; color:#ffffff; cursor:pointer; margin-right:2px; margin-top:-20px; padding-bottom:5px; }
#effect .forgetPass{ float:left; font-weight:600; width:140px; font-size:13px; color:#d30038; background-color:transparent; margin-top:10px; }
#effect .btnMaisLogin{ font-family: 'PT Sans Narrow', sans-serif; width:167px; height:38px; font-size:20px; font-weight:600; background:url(../images/btn_167_38.png) no-repeat; float:right; color:#ffffff; cursor:pointer; float:right; margin:66px 40px 0 0; text-align:center; padding-top:7px; }
#effect .errorP{ float:left; color:#FFF; font-weight:400; font-size:14px; width:280px; background:#c3181e; border-radius:3px; padding:3px 5px; margin-bottom:5px; text-align:center; }

#homeSeloLogin{ position:absolute; z-index:103; margin:-20px 0 0 0px; width:103px; height:100px; background:url(../images/homeSelo2.png) no-repeat; }
#homeSeloLogin a{ float:left; width:103px; height:100px; text-decoration:none; cursor:pointer;}


#loginContent{ float:left; margin-top:16px; margin-bottom:20px;}
#loginContent ul{ float:left; width:980px; list-style:none; }
#loginContent ul li{ float:left; width:215px; height:419px; margin-right:40px; margin-bottom:60px;}
#loginContent ul li:nth-child(4n+0){margin-right: 0;}
#loginContent ul li h1{ margin:220px 10px 0 10px; width:195px; font-size:20px; font-weight:800; color:#2b2874; text-align:center; text-transform:uppercase; height:50px;  overflow:hidden;}
#loginContent ul li h2{ margin:5px 10px 0 10px; width:195px; font-size:14px; font-weight:400; color:#2b2874; text-align:center; height:60px;}

#loginContent ul li .btnModulos{ float:left; width:102px; height:41px; background:url(../images/btn_102_41.png) no-repeat; font-size:18px; font-weight:600; color:#ffffff; cursor:pointer; text-align:center; margin-left:55px; margin-top:10px; padding-top:7px; }
#loginContent ul li .btnSaberMais{ float:left; width:102px; height:41px; position:absolute; font-size:13px; font-weight:600; color:#2b2874; cursor:pointer; text-align:center; margin-left:-102px; margin-top:55px; z-index:101; }
#loginContent ul li .btnMeditacao{ float:left; width:142px; height:41px; position:absolute; font-size:13px; font-weight:600; color:#14c106; cursor:pointer; text-align:center; margin-left:-122px; margin-top:90px; z-index:101; }

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

	.visibleMax{ display:block; }
	.visibleOitoVinte{ display:none; }
	
	body{ 
		width:894px;
	}
#homeSeloLogin{ position:absolute; z-index:103; margin:-20px 0 0 0; width:103px; height:100px; background:url(../images/homeSelo2.png) no-repeat; }
#homeSeloLogin a{ float:left; width:103px; height:100px; text-decoration:none; cursor:pointer;}

	#loginContent ul{ 
		width:874px;
	}
	
	#loginContent ul li{ 
		margin-right:28px; 
	}
}
@media only screen and (max-width: 910px) {
	.visibleMax{ display:block; }
	.visibleOitoNoveQuatro{ display:block; }
	
	body{ 
		width:768px; 
	}
#homeSeloLogin{ position:absolute; z-index:103; margin:-20px 0 0 0px; width:103px; height:100px; background:url(../images/homeSelo2.png) no-repeat; }
#homeSeloLogin a{ float:left; width:103px; height:100px; text-decoration:none; cursor:pointer;}

	#loginContent ul{ 
		width:660px;
		margin-left:60px;
	}
	
	#loginContent ul li{ 
		margin-right:82px; 
	}	
}
@media only screen and (max-width: 784px) {
	.visibleMax{ display:block; }
	.visibleOitoNoveQuatro{ display:block; }
	
	body{ 
		width:624px; 
	}
	#effect .formLogin{ 
		margin-left:0px;
	}
	
	#effect .btnMaisLogin{ 
		margin:128px 8px 0 0;
	}
#homeSeloLogin{ position:absolute; z-index:103; margin:-20px 0 0 0px; width:72px; height:70px; background:url(../images/homeSelo3.png) no-repeat; }
#homeSeloLogin a{ float:left; width:72px; height:70px; text-decoration:none; cursor:pointer;}

	#loginContent ul{ 
		width:600px;
		margin-left:10px;
	}
	
	#loginContent ul li{ 
		margin-right:40px; 
	}	
}
@media only screen and (max-width: 640px) {

	.visibleMax{ display:none; }
	.visibleMilVinte{ display:block; }
	
	body{ 
		width:480px; 
	}
	#effect .btnMaisLogin{
		float:right;
		margin:-40px 8px 0 0;
	}
	#effect .loginBtn{ margin-top:-45px; }
#homeSeloLogin{ position:absolute; z-index:103; margin:-30px 0 0 -20px; width:72px; height:70px; background:url(../images/homeSelo3.png) no-repeat; }
#homeSeloLogin a{ float:left; width:72px; height:70px; text-decoration:none; cursor:pointer;}

	#loginContent ul{ 
		width:273px;
		margin-left:93px;
	}
}
@media only screen and (max-width: 498px) {

	.visibleMax{ display:none; }
	.visibleMilVinte{ display:block; }
	
	body{ 
		width:320px; 
	}
	#effect .formLogin{ 
		width:300px; 
		margin-left:0px;
	}

	#effect .loginBtn{ 
		margin-right:8px; 
		margin-top:10px;
	}
	
	#effect .btnMaisLogin{
		float:right;
		margin:20px 10px 0 0;
	}
#homeSeloLogin{ position:absolute; z-index:103; margin:-30px 0 0 -25px; width:72px; height:70px; background:url(../images/homeSelo3.png) no-repeat; }
#homeSeloLogin a{ float:left; width:72px; height:70px; text-decoration:none; cursor:pointer;}

	#loginContent ul{ 
		width:273px;
		margin-left:14px;
	}
	#loginContent ul li{ margin-right:0px;}
}