/*******************************************************************************
 * Ficheiro CSS para o site IPNP
 * 
 * Criado em : 03-12-2009
 * Altera em : 03-12-2009
 ******************************************************************************/

body	{font-family:Verdana, Arial, sans-serif; font-size:11px;}
img		{border:none;}
a		{text-decoration:none;}
ul, li, input, img	{margin:0;padding:0;}
ul		{list-style:none;}

#main_site			{position:relative; margin:0px auto; position:relative; width:920px;}

/* first level containers */

#menu_holder			{position:relative; height:30px;}
#banner_holder			{height:216px; background:url(../../media/system/banner_bg.png) repeat-x; clear:both;}
#content_holder			{position:relative; background-color:#CF0; clear:both;}
#leftside_holder		{width:330px; background-color:#f3f5f5; float:left;}
#rightside_holder		{position:relative; width:590px; float:right;}
#hpcontenttitle			{font-size:14px; text-transform:uppercase; color:#ff9933;}
#hpcontenttext			{line-height:15px; clear:both;}
#hpcontenttext img		{margin-right:10px; margin-bottom:10px; border:1px solid #336699;}
.hpcontentfootertext	{color:#006699}

#footer_holder		{position:relative; width:920px; height:21px; background:url(../../media/system/footer_bg.png) repeat-x; font-size:9px; color:#003366; clear:both;}

/* second and third level containers */


#menudiv			{float:right; height:30px;}

#logoblockdiv		{width:331px; height:216px; float:left;}
#bannerdiv			{width:589px; height:216px; float:right; text-align:center; line-height:216px; vertical-align:middle;}

#lsworkspace				{width:300px; min-height:300px; }
#topnewspicture				{margin-right:10px; margin-bottom:5px;}
.topnewstext				{font-size:11px;}
.topnewstitle				{font-size:12px; font-weight:bold;}
#newsletterdiv				{width:330px; height:83px; margin-top:30px; clear:both; left:0px; bottom:0px;}
#newsletterflowerdiv		{width:100px; height:83px; float:left;}
#newslettertext				{width:220px; height:50px; text-align:right; font-size:11px; color:#000; padding-top:5px; padding-right:10px; float:right;}
#newsletterinput			{width:230px; height:22px; font-size:11px; color:#000; float:right; }
#newsletterinput .inputbox	{width:180px; height:20px; font-size:11px; color:#000; border:1px solid #ccccff; line-height:20px; vertical-align:middle;}

#footermadeby			{width:334px; height:21px; line-height:21px; vertical-align:middle; float:left;}
.footerlink				{color:#003366;}
.footerlink:hover		{text-decoration:underline;}
#footercopyright		{width:247px; height:21px; line-height:21px; text-align:center; vertical-align:middle; float:left;}
#footerspacer			{width:194px; height:21px; line-height:21px; text-align:right; vertical-align:middle; float:left;}
#footercontacts			{width:93px; height:21px; line-height:21px; text-align:center; vertical-align:middle; float:left;}
#footercontacts a		{text-decoration:none; color:#003366}
#footercontacts a:hover	{text-decoration:underline;}
#footerlogo				{width:51px; height:21px; line-height:21px; text-align:center; vertical-align:middle; float:left;}
.orangespan				{font-size:12px; font-weight:12px; color:#FFF;}

/* top menu */

#menudiv 				{font-size:12px;}
#menudiv li				{display:inline; width:118px; height:30px;; float:left;  background:url(../../media/system/menuoff_bg.png) no-repeat;}
#menudiv li a			{width:100%; color:#000; display:block; text-align:center; line-height:30px; vertical-align:middle;}
#menudiv li a:hover		{color:#000; background: url(../../media/system/menuover_bg.png) no-repeat;}
#menudiv li .current	{color:#000; background: url(../../media/system/menuon_bg.png) no-repeat; text-decoration:none;}

/* level 2 menu */

#level2menu					{padding-left:40px; padding-top:25px;}
#l2mtop						{width:250px; height:30px; background-image:url(../../media/system/l2mtopbar.png); background-repeat:no-repeat;}
#l2mtop						{line-height:30px; color:#336699; font-size:12px; font-weight:bold; padding-left:10px;}
#l2mitens					{width:250px; background-color:#D6DFF7; padding-top:20px; padding-bottom:20px;}
#l2mitens li				{padding-bottom:5px; padding-left:10px; font-size:11px;}
#l2mitens li a				{color:#000;}
#l2mitens li a:hover		{text-decoration:underline; color:#6699ff}
#l2mitens li .l2mcurrent	{color:#6699ff}
/* rules */

.spanwhite		{color:#FFF;}

.bluelink 		{color:#006699; font-size:11px; font-weight:bold; text-decoration:none;}
.bluelink:hover	{text-decoration:underline;}

/* content */

.orangecontenttitle			{font-size:12px; text-transform:uppercase; color:#ff9933;}
.orangecontenttitle a		{font-size:12px; text-transform:uppercase; color:#ff9933; text-decoration:none;}
.orangecontenttitle	a:hover	{font-size:12px; text-transform:uppercase; color:#ff9933; text-decoration:underline;}

.bluecontenttitle			{font-size:12px; text-transform:uppercase; color:#6699cc;}
.bluecontenttitle a			{font-size:12px; text-transform:uppercase; color:#6699cc; text-decoration:none;}
.bluecontenttitle a:hover	{font-size:12px; text-transform:uppercase; color:#6699cc; text-decoration:underline;}

.emailcontenttitle			{font-size:8px; text-transform:uppercase; color:#ff9933;}
.emailcontenttitle a		{font-size:8px; text-transform:uppercase; color:#ff9933; text-decoration:none;}
.emailcontenttitle a:hover	{font-size:8px; text-transform:uppercase; color:#ff9933; text-decoration:underline;}

.readmore 					{color:#006699; font-size:9px; font-style:italic; text-decoration:none;}
.readmore:hover				{text-decoration:underline;}