/* -- RULES -------------------------------------------------------------------------------------------------------------------------------------------------- */
.rulesContainer					{padding: 0 0 0 10px; width: 730px; float: left; background: #fff;}


.rulesBoxContainer				{margin: 0 10px 0 0; width: 120px; height: 83px; background: #f09c11; float: left;}			
.rulesBoxContainerEmpty			{margin: 0 10px 0 0; width: 120px; height: 83px; float: left;} /* para o espaçamento vazio nas multiplas linhas */
.rulesBoxText						{margin: 10px 10px 10px 10px; font: bold 13px arial, helvetica, sans-serif; color: #fff; text-transform: uppercase;}


.rulesMenuContainer					{padding: 0 30px 40px 10px; float: left; background: #fff;}
.rulesMenuContainer .header			{font: bold 11px arial, helvetica, sans-serif; color: #000; padding: 0 0 0 0;}
.rulesMenuContainer .text			{font: 10px arial, helvetica, sans-serif; color: #4b4c4e; padding: 2px 0 2px 0;}
.rulesMenuContainer a				{font: 10px arial, helvetica, sans-serif; float:none; color: #e6711d; text-decoration: none;}
.rulesMenuContainer a:hover			{text-decoration: underline;}


.rulesInfoContainer					{padding: 0 30px 0 10px; width: 550px; float: left; background: #fff;}
.rulesInfoContainer .header			{font: bold 14px arial, helvetica, sans-serif; color: #000; padding: 0 0 2px 0;}
.rulesInfoContainer .subHeader		{font: 11px arial, helvetica, sans-serif; color: #000; padding: 0 0 2px 0;}
.rulesInfoContainer .headerOrange	{font: bold 12px arial, helvetica, sans-serif; color: #e6711d; padding: 0 0 2px 0;}
.rulesInfoContainer .text			{font: 11px arial, helvetica, sans-serif; color: #4b4c4e; padding: 0 0 0 0;}
.rulesInfoContainer span			{font: bold 11px arial, helvetica, sans-serif; color: #4b4c4e; padding: 0 0 0 0;}
.rulesInfoContainer a				{font: bold 11px arial, helvetica, sans-serif; float:none; color: #e6711d; text-decoration: none;}
.rulesInfoContainer a:hover			{text-decoration: underline;}