/* body */

* 			{margin: 0; padding: 0; font: 11px helvetica, arial, sans-serif; color: #3f3f3f; line-height: 16px;}
img			{border: 0;}
html		{height: 100%;}
body		{height: 100%; background: #bfbfbf fixed no-repeat left top;}
#pageLayout	{min-height: 100%; height: 100%; position: relative;}
b			{font-weight: bold;}




/* navigation */
.navigationContainer p					{width: 100px; height: 70px; float: left; background-color: #fff;}
.navigationContainer a					{width: 100%; height: 100%; display: block; text-decoration: none; position: relative; /*background-color: #ccc;*/}
.navigationContainer span				{font: 10px helvetica, arial, sans-serif; color: #666; position: absolute; bottom: 5px; left: 5px;}

.navigationContainer .item1:hover		{background-color: #5a43a9;}
.navigationContainer .item2:hover		{background-color: #ffff00;}
.navigationContainer .item3:hover		{background-color: #99ff33;}
.navigationContainer .item4:hover		{background-color: #66ffff;}
.navigationContainer .item5:hover		{background-color: #33ccff;}
.navigationContainer .item6:hover		{background-color: #ff99ff;}
.navigationContainer .item7:hover		{background-color: #ff6600;}

.navigationContainer a:hover .subitem1	{color: #fff;}
.navigationContainer a:hover .subitem2	{color: #666;}
.navigationContainer a:hover .subitem3	{color: #666;}
.navigationContainer a:hover .subitem4	{color: #666;}
.navigationContainer a:hover .subitem5	{color: #fff;}
.navigationContainer a:hover .subitem6	{color: #fff;}
.navigationContainer a:hover .subitem7	{color: #fff;}

.navigationContainer .item1activo		{background-color: #5a43a9;}
.navigationContainer .item2activo		{background-color: #ffff00;}
.navigationContainer .item3activo		{background-color: #99ff33;}
.navigationContainer .item4activo		{background-color: #66ffff;}
.navigationContainer .item5activo		{background-color: #33ccff;}
.navigationContainer .item6activo		{background-color: #ff99ff;}
.navigationContainer .item7activo		{background-color: #ff6600;}

.navigationContainer .subitem1activo	{color: #5a43a9;}
.navigationContainer .subitem2activo	{color: #ffff00;}
.navigationContainer .subitem3activo	{color: #99ff33;}
.navigationContainer .subitem4activo	{color: #66ffff;}
.navigationContainer .subitem5activo	{color: #33ccff;}
.navigationContainer .subitem6activo	{color: #ff99ff;}
.navigationContainer .subitem7activo	{color: #ff6600;}


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





/* content box containers */

.contentboxMainContainerQuemSomos	{width: 540px; margin: 0 0 50px 200px; background-color: #5a43a9; padding: 15px 30px 50px 30px;}
.contentboxMainContainerCafetaria	{width: 340px; margin: 0 0 50px 400px; background-color: #ff99ff; padding: 15px 30px 50px 30px;}
.contentboxMainContainerMateriais	{width: 550px; margin-left: 350px; background: transparent url(images/container_bg_materiais.gif) repeat-y left top;}
.contentboxMainContainerLivraria	{width: 550px; margin-left: 250px; background: transparent url(images/container_bg_livraria.gif) repeat-y left top;}
.contentboxMainContainerCucumber	{width: 550px; margin-left: 350px; background: transparent url(images/container_bg_cucumber.gif) repeat-y left top;}
.contentboxMainContainerAtlier		{width: 550px; margin-left: 150px; background: transparent url(images/container_bg_atlier.gif) repeat-y left top;}
.contentboxMainContainerProducao	{width: 550px; margin-left: 150px; background: transparent url(images/container_bg_producao.gif) repeat-y left top;}

.contentTextContainer 				{width: 340px; margin-left: 150px; padding: 20px 30px 30px 30px; /*background-color: #dbedff;*/}

.contentBoxContainerMateriaisA 		{width: 550px; background-color: #fff;}
.contentBoxContainerMateriaisB 		{width: 550px; background-color: #066;}
.contentBoxContainerLivrariaA 		{width: 550px; background-color: #fff;}
.contentBoxContainerLivrariaB 		{width: 550px; background-color: #0078a0;}
.contentBoxContainerCucumberA 		{width: 550px; background-color: #fff;}
.contentBoxContainerCucumberB 		{width: 550px; background-color: #8c3800;}
.contentBoxContainerAtlierA 		{width: 550px; background-color: #fff;}
.contentBoxContainerAtlierB 		{width: 550px; background-color: #56ac01;}
.contentBoxContainerProducaoA		{width: 550px; background-color: #fff;}
.contentBoxContainerProducaoB		{width: 550px; background-color: #ff9933;}

.contentBoxPhotoContainer 			{width: 150px; float: left;}

.contentBoxTextoContainerMateriaisA	{width: 340px; float: left; padding: 15px 30px 15px 30px; line-height: 14px;}
.contentBoxTextoContainerMateriaisB	{width: 340px; float: left; padding: 15px 30px 15px 30px; line-height: 14px; color: #fff;}
.contentBoxTextoContainerLivrariaA	{width: 340px; float: left; padding: 15px 30px 15px 30px;}
.contentBoxTextoContainerLivrariaB	{width: 340px; float: left; padding: 15px 30px 15px 30px; color: #fff;}
.contentBoxTextoContainerCucumberA	{width: 340px; float: left; padding: 15px 30px 15px 30px;}
.contentBoxTextoContainerCucumberB	{width: 340px; float: left; padding: 15px 30px 15px 30px; color: #fff;}
.contentBoxTextoContainerAtlierA	{width: 340px; float: left; padding: 15px 30px 15px 30px;}
.contentBoxTextoContainerAtlierB	{width: 340px; float: left; padding: 15px 30px 15px 30px; color: #fff;}
.contentBoxTextoContainerProducaoA	{width: 340px; float: left; padding: 15px 30px 15px 30px;}
.contentBoxTextoContainerProducaoB	{width: 340px; float: left; padding: 15px 30px 15px 30px; color: #fff;}

.titleContainer 					{padding: 20px 0 20px 0; clear: right;}

.subTitlePhotoMateriaisA 			{font-size: 18px; color: #099; padding: 0 0 5px 0;}
.subTitlePhotoMateriaisB 			{font-size: 18px; color: #cff; padding: 0 0 5px 0;}
.subTitlePhotoLivrariaA 			{font-size: 18px; color: #0078a0; padding: 0 0 5px 0;}
.subTitlePhotoLivrariaB 			{font-size: 18px; color: #cff; padding: 0 0 5px 0;}
.subTitlePhotoCucumberA 			{font-size: 18px; color: #8c3800; padding: 0 0 5px 0;}
.subTitlePhotoCucumberB 			{font-size: 18px; color: #fcc; padding: 0 0 5px 0;}
.subTitlePhotoAtlierA 				{font-size: 18px; color: #56ac01; padding: 0 0 5px 0;}
.subTitlePhotoAtlierB 				{font-size: 18px; color: #cfc; padding: 0 0 5px 0;}
.subTitlePhotoProducaoA 			{font-size: 18px; color: #ff9933; padding: 0 0 5px 0;}
.subTitlePhotoProducaoB 			{font-size: 18px; color: #fff; padding: 0 0 5px 0;}


/* columns */

.columnBoxLeft				{width: 160px; float: left; padding-right: 20px;}
.columnBoxRight				{width: 160px; float: left;}

.columnBoxLeftQS			{width: 160px; float: left; padding-right: 20px; color: #d0c3fb;}
.columnBoxMiddleQS			{width: 160px; float: left; padding-right: 20px; color: #d0c3fb;}
.columnBoxRightQS			{width: 160px; float: left; color: #d0c3fb;}






/* other styles */

.caixamateriaisContainer	{width: 450px; background-color: #fff;}
.caixamateriaisContent		{float: left;}
.caixamateriaisContentTitle	{padding: 20px 10px 10px 0; font: 16px helvetica, arial, sans-serif; line-height: 18px; color: #ff66ff;}

.caixamateriaisContentTitle a			{font: 16px helvetica, arial, sans-serif; line-height: 18px; color: #F6F;}
.caixamateriaisContentTitle a:hover		{font: 16px helvetica, arial, sans-serif; line-height: 18px; color: #F00;}

.caixamateriaisContentTxt	{padding: 10px 10px 0 0;}

.thumbs						{clear: right}
.logoConfig					{float: left; width: 200px; height: 70px; background-color: #fff;}

.quemsomosCargo				{color: #d0c3fb; padding-top: 20px;}
.nome						{font-size: 16px; color: #fff;}
.mail						{padding-bottom: 5px;}
.mail a						{color: #fff; text-decoration: none;}
.mail a:hover				{color: #fff; text-decoration: underline;}
.morada						{color: #fff; font-size: 14px;}
.morada a					{color: #fff; font-size: 14px; text-decoration: none;}
.morada a:hover				{color: #fff; text-decoration: underline;}
.clientes					{color: #d0c3fb;}
.clientes b					{color: #fff;}

.autorA						{font-size: 14px; padding-bottom: 10px;}
.autorB						{font-size: 14px; padding-bottom: 10px; color: #fff;}
.materialCucumberA			{font-size: 14px; padding-bottom: 10px;}
.materialCucumberB			{font-size: 14px; padding-bottom: 10px; color: #fff;}
.projectoA					{font-size: 14px; padding-bottom: 10px;}
.projectoB					{font-size: 14px; padding-bottom: 10px; color: #fff;}