/* body */

* 			{
	margin: 0;
	padding: 0;
	font: 11px helvetica, arial, sans-serif;
	color: #000;
	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;*/
	color: #006;
}
.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 .item8:hover		{background-color: #000000;}

.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 a:hover .subitem8	{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 .item8activo		{background-color: #000000; }


.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;}
.navigationContainer .subitem8activo	{color: #fff;}

/* 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;}
.contentboxMainContainerDiad	    {width: 550px; margin-left: 250px; background: transparent url(images/container_bg_diad.gif) repeat-y left top;}
.contentboxMainContainerWks     	{
	width: 550px;
	margin-left: 450px;
	background: transparent url(images/container_bg_wks.gif) repeat-y left top;
	color: #FFF;
}



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


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



.contentTextContainerWks 				{
	width: 340px;
	margin-left: 150px;
	padding: 20px 30px 30px 30px; 
	color: #fff;
}




.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;}
.contentBoxContainerDiadA           {width: 550px; background-color: #fff;}
.contentBoxContainerDiadB           {width: 550px;background-color: #F6C;}
.contentBoxContainerWksA 		{width: 550px; background-color: #fff;}
.contentBoxContainerWksB 		{width: 550px; background-color: #fff200;}


.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;
	color: #000;
}
.contentBoxTextoContainerProducaoB	{width: 340px; float: left; padding: 15px 30px 15px 30px; color: #fff;}
.contentBoxTextoContainerDiadA      {width: 340px; float: left; padding: 15px 30px 15px 30px;}
.contentBoxTextoContainerDiadB      {width: 340px; float: left; padding: 15px 30px 15px 30px; color: #fff;}
.contentBoxTextoContainerWksA       {
	width: 500px;
	float: left;
	padding: 10px 30px 15px 30px;
}
.contentBoxTextoContainerWksB      {width: 500px; 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;}
.subTitlePhotoDiadA					{font-size: 18px;padding: 0 0 5px 0;}
.subTitlePhotoDiadB					{font-size: 18px; color: #fff; padding: 0 0 5px 0;}

.subTitlePhotoWksA_tituloBOLD        {
	font-size: 26px;
	color: #000000;
	padding: 10px 0 5px 0;
	font-weight: bold;
}

.subTitlePhotoWksA 			{
	font-size: 18px;
	color: #000000;
	padding: 7px 0 5px 0;
}
.subTitlePhotoWksB 			{font-size: 18px; color:#000000; padding: 0 0 5px 0;}

.sub_subTitlePhotoWks_autor 			{
	font-size: 14px;
	color:#000000;
	padding: 5px 5px 5px 0;
}


.sub_subTitlePhotoWksA 			{
	font-size: 10px;
	color:#000000;
	padding: 5px 5px 5px 0;
}


/* columns */

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


.columnBoxLeftWks				{
	width: 160px;
	float: left;
	padding-right: 20px;
	color: #FFF;
}
.columnBoxRightWks				{
	width: 160px;
	float: left;
	color: #FFF;
}


.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: #FFFFFF;
}
.caixamateriaisContent		{float: left;}
.caixamateriaisContentTitle	{
	padding: 20px 10px 10px 0;
	line-height: 22px;
	color: #0c3;
	font-family: helvetica, arial, sans-serif;
	font-size: 20px;
}

.caixamateriaisContentTitle a			{
	line-height: 22px;
	color: #093;
	font-family: helvetica, arial, sans-serif;
	font-size: 20px;
}
.caixamateriaisContentTitle a:hover		{
	line-height: 22px;
	color: #06F;
	font-family: helvetica, arial, sans-serif;
	font-size: 20px;
}

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

.parceirosContainer			{
	width: 531px;
	padding-left: 30px;
}
.parceiros					{padding-top: 20px; font: 10px helvetica, arial, sans-serif; color: #999;}


.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;
	color: #000;
}
.projectoB					{font-size: 14px; padding-bottom: 10px; color: #fff;}
.materialDiadA				{font-size: 14px; padding-bottom: 10px;}
.materialDiadB				{font-size: 14px; padding-bottom: 10px; color: #fff;}