@charset "utf-8";

#minhaconta { float: left; width: 100%;}
#minhaconta .lado1 { float: left; width: 20%;}
#minhaconta .lado2 { float: right; width: 78%;}

#minhaconta .submenu { float: left; width: 100%;}
#minhaconta .submenu a { float: left; width: 96%; padding: 22px 2%; margin: 0 0 3px; background-color: #D8D8D8; font-size: 1.1em; color: rgb(65, 65, 65);}
#minhaconta .submenu a.ativo { background-color: #010101; color: rgb(255, 255, 255);}
#minhaconta .submenu a:hover { background-color: #010101; color: rgb(255, 255, 255);}

#minhaconta .form { float: left; width: 100%;}
#minhaconta .form .c1 { float: left; width: 96%; margin: 10px 0 20px 2%;}
#minhaconta .form .c2 { float: left; width: 47%; margin: 10px 0 20px 2%;}
#minhaconta .form .nomecampo { float: left; width: 100%; font-size: 1.2em; color: rgb(100, 100, 100);}
#minhaconta .form .nomecampo em { font-style: normal; color: rgb(221, 29, 33);}
#minhaconta .form .nomecampo b { font-weight: normal; color: rgb(221, 29, 33);}
#minhaconta .form .campo { float: left; width: 95%; height: 60px; padding: 0 2%; border: 1px solid rgb(100, 100, 100, 60%);}
#minhaconta .form .nascimento { width: 30%; padding: 0; text-align: center;}
#minhaconta .form .nascimento.mes { margin: 0 0 0 4.5%;}
#minhaconta .form .nascimento.ano { float: right;}
#minhaconta .form .escolha { float: left; width: 96%; height: 60px; padding: 0 2%; border: 1px solid rgb(100, 100, 100, 60%);}
#minhaconta .form .botao { float: left; padding: 20px 30px; margin: 0 0 0 2%; background-color: rgb(127, 193, 51); font-weight: bold; font-size: 1.3em; color: rgb(255, 255, 255);}
#minhaconta .form .botao:hover { background-color: rgb(76, 128, 17);}

@media only screen and (max-width: 1000px){
	#minhaconta .lado1 { width: 100%;}
	#minhaconta .lado2 { width: 100%; margin: 20px 0 0;}
	#minhaconta .submenu a { width: auto; margin: 0 5px 3px 0;}
}
@media only screen and (max-width: 600px){
	#minhaconta .form .c3 { width: 46%;}
}
@media only screen and (max-width: 500px){
	#minhaconta .lado2 { margin: 5px 0 0;}
	#minhaconta .submenu a { width: 96%; padding: 7px 2% 6px;}
	#minhaconta .form .c2 { width: 96%;}
	#minhaconta .form .c3 { width: 96%;}
}