/* body */

* 				{margin: 0; padding: 0; font: 14px helvetica, arial, sans-serif; color: #333; line-height: 22px;}
img				{border: 0;}
html			{height: 100%;}
body			{height: 100%; background: #e6e6e6 fixed no-repeat left top;}
a:link			{text-decoration: none; color: #f30;}
a:hover			{text-decoration: none; color: #f90;}
a:visited		{text-decoration: none; color: #f30;}
a:visited:hover	{text-decoration: none; color: #f90;}
a:active		{text-decoration: none; color: #f30;}






/* structure */

#pageLayout					{position: relative; width: 960px; margin: 0 auto; background-color: #fff;}

#fotoContainer				{width: 640px; height: 430px; float: left; background-color: #333;}
#idContainer				{width: 260px; height: 415px; float: left; background-color: #fff; padding: 15px 30px 0 30px;}

#mainContentContainer		{width: 960px;}

#leftContentContainer		{width: 540px; float: left; padding: 50px 50px 50px 50px;}
#rightContentContainer		{width: 320px; float: left; background-color: #ffcc00;}

#rightColumnContentHomepage		{padding: 30px 30px 30px 30px;}
#rightColumnContentInsidePages	{padding: 105px 30px 30px 30px;}



/*   margin: 0 auto;    ->   alinha uma DIV em relacao ao body */
/*   text-align: center;    ->   centra conteudo de uma DIV, os DIVs la dentro tb alinham ao centro (parent relationship)*/








/* navigation */

.navbarContainer						{position: absolute; top: 60px; left: 0; z-index: 1000; width: 960px; height: 70px;}
.navigationContainer					{width: 640px; height: 70px; float: left;}

.contact								{width: 300px; height: 55px; float: right; background-color: #000; font-size: 12px; color: #ccc; padding: 15px 0 0 20px;}

.navigationContainer p					{width: 159px; height: 70px; float: left; background-color: #fff; margin-right: 1px;}
.navigationContainer a					{width: 100%; height: 100%; display: block; text-decoration: none; position: relative; /*background-color: #ccc;*/}
.navigationContainer span				{font: 14px helvetica, arial, sans-serif; color: #333; position: absolute; bottom: 18px; left: 20px;}

.navigationContainer .item1:hover		{background-color: #ffcc00;}
.navigationContainer .item2:hover		{background-color: #ff9900;}
.navigationContainer .item3:hover		{background-color: #ff6600;}
.navigationContainer .item4:hover		{background-color: #ff3300;}

.navigationContainer a:hover .subitem1	{color: #333;}
.navigationContainer a:hover .subitem2	{color: #fff;}
.navigationContainer a:hover .subitem3	{color: #fff;}
.navigationContainer a:hover .subitem4	{color: #fff;}

.navigationContainer .item1activo		{background-color: #ffcc00;}
.navigationContainer .item2activo		{background-color: #ff9900;}
.navigationContainer .item3activo		{background-color: #ff6600;}
.navigationContainer .item4activo		{background-color: #ff3300;}

.navigationContainer .subitem1activo	{color: #333;}
.navigationContainer .subitem2activo	{color: #fff;}
.navigationContainer .subitem3activo	{color: #fff;}
.navigationContainer .subitem4activo	{color: #fff;}


/* todos os textos a branco */
/*.navigationContainer a:hover span		{color: #fff;}*/




/* other styles */

.logo							{text-align: center; padding-top: 100px;}
.contact						{color: #fff; font-size: 16px;}
.contact b						{color: #ff0; font-size: 12px;}
.contact a						{text-decoration: none; color: #fff;}
.contact a:link					{text-decoration: none; color: #fff;}
.contact a:hover				{text-decoration: none; color: #f60;}
.contact a:visited				{text-decoration: none; color: #ff0;}
.contact a:visited:hover		{text-decoration: none; color: #f60;}
.contact a:active				{text-decoration: none; color: #ff0;}

.languages:link					{text-decoration: none; color: #333;}
.languages:hover				{text-decoration: none; color: #f60;}
.languages:visited				{text-decoration: none; color: #333;}
.languages:visited:hover		{text-decoration: none; color: #f60;}
.languages:active				{text-decoration: none; color: #333;}

#testemony						{text-align: left; font-style: italic; font: 24px Times, "Times New Roman", Georgia, serif; color: #333; line-height: 30px;}
#signature						{text-align: left; font-style: normal; font: 16px Times, "Times New Roman", Georgia, serif; color: #333; line-height: 36px; padding-right: 30px;}
#links							{text-align: left; font-style: normal; font-size: 16px; line-height: 36px; padding-right: 30px; padding-top: 40px;}
#leftContentContainer b			{font-weight: bold;}

.title							{font-size: 30px; color: #f60; padding: 0 0 40px 0;}
.subtitle						{font-size: 22px; padding: 10px 0 10px 0;}
.note							{font-size: 10px; color: #666; padding-bottom: 25px;}
.list							{list-style-type: circle; padding-left: 15px;}

.thumb							{padding: 1px 1px 0 0; float: left;}

.actividade						{font-size: 22px; padding: 30px 0 10px 0;}



/* tables */

.sep				{width: 540px; height: 1px; background-color: #666;}
.sepTable			{width: 540px; height: 1px; background-color: #ccc;}

.tablePrice			{width: 540px; padding: 0 0 70px 0;}
.tablePriceCol1		{width: 130px; padding: 8px 0 20px 0; float: left;}
.tablePriceCol1 b	{font-weight: bold;}
.tablePriceCol2		{width: 300px; padding: 8px 0 20px 0; float: left;}
.tablePriceCol3		{width: 110px; padding: 8px 0 20px 0; float: left;}
.tablePriceCol4		{width: 250px; padding: 8px 0 20px 0; float: left;}
.tablePriceCol4 b	{font-weight: bold;}
.tablePriceCol5		{width: 230px; padding: 8px 0 20px 0; float: left;}
.tablePriceCol6		{width: 60px; padding: 8px 0 20px 0; float: left;}




/* contact form */

#contact-area											{width: 540px;}
#contact-area input, #contact-area textarea				{width: 520px; margin: 0px 0px 10px 0px; border: 2px solid #ccc;}
#contact-area textarea									{height: 250px;}
#contact-area textarea:focus, #contact-area input:focus	{border: 2px solid #f60;}
#contact-area input.submit-button						{width: 100px; border: 2px solid #ccc; color: #fff; background-color: #f60;}
.label {font-size: 20px;}