/* ------>>> Code Copyright <<<----------------------------------------------*/
//Author: DotCom Lda
//Date: January, 2010
//Project: PETROMOC

/* ------>>> CSS RESET <<<-----------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
	
body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;}
	
:focus {outline: 0;}

ins {text-decoration: none;}

del {text-decoration: line-through;}

table {border-collapse: collapse;
	border-spacing: 0;}
	


/* ------>>> GLOBAL <<<-----------------------------------------------------------------*/
body {margin: 0px;
	background-color: #1a2331;
	text-align: center;
	background: url('../images/main_bg.jpg') repeat-x #ffa64e;}

body, p, h1, h2, h3, span {font: normal 8pt arial, verdana, Arial, "Lucida Sans Unicode";
	text-align: left;
	color: #2a333d;
	line-height: 150%;
	letter-spacing: 0px;}
	
h1 {margin-bottom: 5px;
	font: bold 8pt arial, "Lucida Sans Unicode";
	color: #1255ad;}

h2 {padding-bottom: 1px;
	margin: 0px;
	font: bold 8pt arial, "Lucida Sans Unicode";
	color: #028efd;}
	
	h2.contentheadingapresentacao {
		font: bold 10pt Arial, Helvetica, sans-serif;}

	#insideloader h3, #insideloader h2, h2.contentheadingca {
		font: bold 12pt Arial, sans-serif;
		color: #2a333d;}

h3{ margin: 0px;
	padding: 0px;
	font: bold 10pt Arial, sans-serif;
	letter-spacing: -0.3px;}
		
h4 {padding-bottom: 1px;
	font: bold 9pt arial, georgia, "Lucida Sans Unicode";
	color: #028aff;}
	
a:link, a:visited {color: #ca0505;
	text-decoration: none;}
	
	a:hover {color: #000000;
		text-decoration: none;}
		
img a:link, img a:visited {border: 0px none;
	text-decoration: none;
	color: none;}
	
	.buttonheading span a img {border: 0px none;
		text-decoration: none;
		color: none;}

	.article-content {margin-bottom: 12px;}
		
		.article-content td a:link img, .article-content td a:visited img {border: 0 none;}
		
	table.produtos {width:560px; background-color: #FFFFFF;}
		table.produtos td {vertical-align:top;}
		table.produtos td.table_topbordered_thick {border-bottom: solid 3px #ffba00;}
		table.produtos td.table_topbordered_thick2 {border-top: solid 1px #dc995a;
			border-bottom: solid 1px #dc995a;}
		
		table.produtos ul li {margin-bottom: 7px;}

.clear {width: 100%;
	height: 1px;
	float: left;
	clear: both;
	background-color: #333333;}


/* ------>>> LAYOUT <<<--------------------------------------------------------*/

/* Wrap */
#container {margin: 0 auto;
	padding: 0px;
	width: 1000px;
	min-height: 690px;
	text-align: left;
	clear: both;
	/*overflow:auto;*/}
	
	#cabeca {padding-left: 15px;
		width: 985px;
		height: 115px;
		float: right;
		background: url('../images/cabeca_bg.jpg') top left repeat-y #ffefe0;}
		
		.moduletable-logo {margin-top: 5px;
			width: 199px;
			height: 99px;
			float: left;}
		
		.moduletable-topmenu {width: 770px;
			height: 115px;
			float: right;
			background: url('../images/header.jpg') top left no-repeat;}

		
/*----->>> RIGHT CONTENT -------------------------------------------------------------*/


	#right {
		width: 170px;
		min-height: 580px;
		float: right;
		background-color: #4d4b4c;
		/*border-top: solid 1px #f9b709;*/}

	
		.moduletable-spotlight {padding-top: 10px;
			padding-left: 15px;}
		
			#right .ja-slwi-container {
				padding: 0px 0px 0px 7px;
				width: 127px;
				float: left;}
				
				.ja-slwi-text div{
					padding: 0px 4px 0px 4px;
					color: #CCCCCC;
					line-height: 13px;}
				
				.ja-slwi-text div h3 {font: bold 8pt verdana, Arial, Helvetica, sans-serif;
					padding: 3px 0px 5px 0px;
					color: #eaeaea;}
		

/*----->>> MIDDLE CONTENT -------------------------------------------------------------*/


	#menuprincipal {width: 230px;
		height: 181px;
		float: left;
		background: url('../images/middle_bg.jpg') top left repeat-y #ffe6d0;}
		
		#menuprincipal .moduletable {margin: 0px 0px 0px 5px;
			padding-left: 5px;
			width: 220px;
			min-height: 180px;
			float: left;
			text-align: left;
			/*background-color: #999999;*/}

		#middle.moduletable #wrap {margin: 0px;
			padding: 0px;
			text-align: left;}

			.moduletable table {left: 8px;
				width: 200px;
				align: left;
				text-align: left;}
			
		.moduletable-banners {width: 600px;
			margin-bottom: 20px;
			height: 180px;
			float: left;
			border-bottom: solid 1px #FFFFFF;}
		

/*---->>> LEFT CONTENT -------------------------------------------------------------*/


	#left {width: 230px;
		min-height: 500px;
		float: left;
		background-color: #ffa64e;}
		
		#sombraesquerda {width: 10px;
			height: 220px;
			float: left;
			background: url('../images/small_left.jpg') top left no-repeat;}
		
		#search {margin: 20px 5px 0px 0px;
			width: 212px;
			height: 60px;
			float: right;
			background: url('../images/midsearch.jpg') top left reapet-x;}
			
			.leftsearch {width: 9px;
				height: 60px;
				float: left;
				background: url('../images/leftsearch.jpg') top left no-repeat;}
				
			.moduletable-search {padding-top: 20px;
				width: 194px;
				height: 40px;
				float: left;
				background-image: url('../images/midsearch.jpg');}
				
				.search-search input {margin-right: 2px;
					width: 140px;
					line-height: 10px;
					float: left;
					font: normal 8pt Arial, Helvetica, sans-serif;
					border: solid 1px #838280;}
				
				input.button-search {margin: 0px;
					width: 46px;
					height: 18px;
					float: left;
					background: url('../images/search.jpg');
					border: none;
					font-size: 0.1pt;
					color: #95714f;}					
					
			.rightsearch {width: 9px;
				height: 60px;
				float: right;
				background: url('../images/rightsearch.jpg') top right no-repeat;}
	
		#poll {margin: 20px 5px 0px 0px;
			width: 212px;
			min-height: 150px;
			float: right;}
			
			.polltop {width: 212px;
				height: 9px;
				float: left;
				background-image: url('../images/poll_top.jpg');}
			
			.moduletablepoll {padding: 0px 0px 5px 10px;
				width: 202px;
				min-height: 132px;
				float: right;
				background-image: url('../images/poll_mid.jpg');}
				
				.moduletablepoll h3 {margin: 5px 0px 5px 0px;
					padding-bottom: 5px;
					width: 190px;
					color: #ecb989;
					border-bottom: solid 1px #ecb989;}
									
				table.pollstableborderpoll {width: 90%;
					float: left;
					align: left;
					text-align: left;}
					
					table.pollpoll div {width: 202px;
						float: left;}
				
				input.button {margin: 10px 3px 0px 0px;}
			
			.pollbottom {width: 212px;
				height: 9px;
				float: left;
				background-image: url('../images/poll_bottom.jpg');}
	
			.pollpoll {float: right;}

		.moduletable-webmail {margin: 15px 5px 0px 0px;
			width: 210px;
			height: 100px;
			float: right;
			background: url('../../../images/stories/quicklinks/links_bg.jpg') no-repeat;
			background-position: 0px 25px;}
			
			.moduletable-webmail h3 {
				margin-bottom: 8px;
				padding-bottom: 5px;
				border-bottom: dotted 1px #666666;
				font: bold 10pt Arial, Helvetica, sans-serif;}

				.quicklinkmail {margin: 7px 5px 0px 15px;
					padding: 0px;
					width: 50px;
					height: 42px;
					float: left;
					background: url('../../../images/stories/quicklinks/webmail.png') top left no-repeat;
					background-position: 0px 15px;}
					
					.quicklinkmail a:link, .quicklinkmail a:visited {display: block;
						width: 50px;
						height: 42px;
						float: left;}

					.quicklinkmail:hover {display: block;
						width: 50px;
						height: 42px;
						background-position: 0px 0px;}

					
				.quicklinkintra {margin: 5px 5px 0px 5px;
					padding: 0px;
					width: 50px;
					height: 46px;
					display: block;
					float: left;
					background: url('../../../images/stories/quicklinks/intranet.png') top left no-repeat;
					background-position: 0px 12px;}
					
					.quicklinkintra a:link, .quicklinkintra a:visited {display: block;
						width: 50px;
						height: 46px;
						float: left;}

					.quicklinkintra:hover {display: block;
						width: 50px;
						height: 46px;
						background-position: 0px 0px;}

					
				.quicklinkhelp {margin: 3px 5px 0px 5px;
					padding: 0px;
					width: 54px;
					height: 48px;
					display: block;
					float: left;
					background: url('../../../images/stories/quicklinks/helpdesk.png') top left no-repeat;
					background-position: 0px 10px;}
					
					.quicklinkhelp  a:link, .quicklinkhelp  a:visited {display: block;
						width: 54px;
						height: 48px;
						float: left;}

					.quicklinkhelp:hover {display: block;
						width: 54px;
						height: 48px;
						background-position: 0px 0px;}

					

/*----->>> MAIN CONTENT ------------------------------------------------------------------------------------------*/
	#content {width: 830px;
		min-height: 450px;
		float: left;
		background: url('../images/content_bg.jpg') top left repeat-y #ffa64e;}

		#conteudo {width: 770px;
			min-height: 450px;
			float: left;
			background: #4d4b4c;}
		
		#mainload {padding-bottom: 20px 0px 10px 0px;
			width: 600px;
			min-height: 580px;
			float: left;
			/*background: url('../images/mainload_bg.jpg') top left repeat-x;*/
			background-color: #fef3e9;
			border-top: solid 1px #fffcf3;}
			
			#mainload div.moduletable {margin: 30px 30px 25px 0; width:160px; float: right;}
		
		#insideloader {
			padding: 20px 20px 10px 20px;
			width: 560px;
			min-height: 580px;
			float: left;
			/*background: url('../images/mainload_bg.jpg') top left repeat-x;*/
			background-color: #fef3e9;
			border-top: solid 1px #fffcf3;}
		
		div.sig {padding-top: 15px;}
		
		.moduletable-shownoticias {width: 355px;
			margin-left: 20px;
			padding: 8px 10px 10px 0px;
			float: left;
			background:url('../images/content_separator.png') top right no-repeat;
			background-position: -200px 30px;}
			
		.moduletable-concursoshome {width: 160px;
			margin-right: 15px;
			padding: 8px 10px 10px 0px;
			float: right;
			background:url('../images/content_separator.png') top right no-repeat;
			background-position: -395px 30px;}
			
			.contentpaneopen-concursoshome br {display: none;}
			
			.contentpaneopen-concursoshome span p {padding: 0;}
			
			h2.contentheading-concursoshome {margin-top: 10px;
				padding-bottom: 5px;}
				a.contentpagetitle-concursoshome {color: #353639;}
					a.contentpagetitle-concursoshome:hover {color: #ca0505;}
			
		.moduletable-shownoticias h3, .moduletable-concursoshome h3 {margin-bottom: 10px;}

		.contentpaneopen {padding-bottom: 0px;
			width: 100%;
			float: left;}
			
			span.article_separator {width: 100%;
				height: 20px;
				float: left;
				border-top: dotted 1px #ffe0c3;}
		
		.article-content ul li, .contentpaneopen ul li {list-style: square;
			list-style-image: url('../images/bullet.gif');}
		
		.blog_more ul {padding-left: 15px;}
		
		.blog_more ul li {list-style: square;}
		
		a.readon-concursoshome:link, a.readon-concursoshome:visited {
			margin-bottom: 10px;
			color: #ca0505;
			text-decoration: none;}
			
		a.readon-concursoshome:hover, a.readon-concursoshome:visited:hover {color: #ca0505;
			text-decoration: underline;}

		td.contentpaneopen-concursoshome span.article_separator {
			height: 10px;
			border-top: none;
			border-bottom: dotted 1px #eb8a7c;}
		
		td.contentpaneopen-concursoshome span p {padding: 0px; margin: 0px;}

	.moduletable-chamadas-home {padding-top: 20px;
		margin-left: 20px;
		width: 358px;
		min-height: 100px;
		float: left;
		background:url('../images/content_separator.png') top right no-repeat;
		background-position: -205px 0px;}
		
		h2.contentheading-chamadas-home {display: none;}
		
		.moduletable-chamadas-home span.article_separator {border: none;}

	.blogparcerias_nucleares, .blogparcerias {width: 100%;}
	
	form#poll {width: 550px;
		float: left;}

/*----->>>  FOOTER ----------------------------------------------------------------------------------------------*/
#footer {margin: 0 auto;
	padding: 0px;
	width: 100%;
	min-height: 50px;
	text-align: center;
	clear: both;
	background-color: #f75e01;
	border-top: solid 1px #ffcfa1;}
	
	#footerinside {
		margin: 0 auto;
		padding: 0px;
		width: 1000px;
		height: 50px;
		text-align: left;
		clear: both;}
	
	#copyright {width: 210px;
		height: 50px;
		float: left;
		background: url('../images/footer_bg.jpg') top left no-repeat;
		overflow: hidden;}
		
		#copyright .moduletable {margin: 0px;
			padding: 5px 0px 0px 70px;
			width: 160px;
			height: 40px;
			display: block;
			float: left;
			line-height: 13px;
			color: #683113;
			background: url('../images/small_logo.jpg') top left no-repeat;
			background-position: 20px 5px;}
		
	#botnav {margin-left: 20px;
		width: 600px;
		height: 30px;
		float: left;
		background: url('../images/botnav_bg.jpg') top left repeat-x;}
	
	#botnavleft {width: 6px;
		height: 30px;
		float: left;
		background: url('../images/botnav_left.jpg') top left repeat-x;}
	
	#credits {width: 170px;
		height: 30px;
		float: left;
		background: url('../images/credits_bg.jpg') top right no-repeat #414141;}
		
		#credits .moduletable {margin: 5px 0px 0px 24px; overflow: hidden;}
		#credits .moduletable, #credits .moduletable table td.contentpaneopen {width: 125px;
			height: 14px;}
					
		#credits .moduletable table span{width: 125px;
			height: 14px;
			float: left;
			color: #a5917c;}
			
			#credits .moduletable table span a:link, #credits .moduletable table span a:visited{
				font-weight: bold;
				color: #f65b01;}
			
				#credits .moduletable table span a:hover, #credits .moduletable table span a:visited:hover{
					color: #ffffff;}
			
			
			#credits .moduletable table span.article_separator {border: 0 none;}


/*------>>>TOP MENU----------------------------------------------------------------------------------------------------------*/

	.moduletable-topmenu ul.menu {list-style-type: none; 
		float: left; 
		display: block; 
		width: 650px; 
		margin: 0px; 
		padding: 90px 0px 0px 0px;
		font-family: Arial, Helvetica, sans-serif;
		/*background-color:#999999;*/}
		
		.moduletable-topmenu ul.menu li {
			display: inline;
			font-family: Arial, Helvetica, sans-serif;
			letter-spacing: 0.1px;
			line-height: 20px;
			background-color: none !important;}
		
			.moduletable-topmenu ul.menu li a:link span, .moduletable-topmenu ul.menu li a:visited span{
				display: block; 
				float: left; 
				padding: 3px 25px 0px 15px; 
				margin: 1px 5px 0 0px;
				height: 20px;
				text-decoration: none;
				font: bold 8pt Arial, Helvetica, sans-serif;
				color: #efc20f;
				cursor: pointer;
				background: url('../images/topmrnu_li_bg.jpg') bottom right no-repeat;}
				
			.moduletable-topmenu ul.menu li.item53 a:link span, .moduletable-topmenu ul.menu li.item53 a:visited span{
				display: block; 
				float: left; 
				padding: 4px 25px 0px 15px; 
				margin: 1px 5px 0 0px;
				height: 20px;
				text-decoration: none;
				font: bold 8pt Arial, Helvetica, sans-serif;
				color: #efc20f;
				cursor: pointer;
				background: none;}
				
			.moduletable-topmenu ul.menu li a:hover span, .moduletable-topmenu ul.menu li#current span, 
			.moduletable-topmenu ul.menu li:active span,
			.moduletable-topmenu ul.menu li.item53 a:hover span, .moduletable-topmenu ul.menu li#current.item53 span, 
			.moduletable-topmenu ul.menu li.item53:active span {
				color: #ffffff}
	


/*----->>>BOTTOM MENU----------------------------------------------------------------------------------------------------------------*/

.moduletable_menubottom {margin: 6px 0px 0px 80px;
	width: 450px;}
	
.moduletable_menubottom span{margin: 0px 10px 0px 10px;
	color: #eebb14;}
	
.moduletable_menubottom a.mainlevel:link, .moduletable_menubottom a.mainlevel:visited {
	color: #eebb14;}
	
	.moduletable_menubottom a.mainlevel:hover {
		color: #ffffff;}
	
/*----->>>PAGINATION----------------------------------------------------------------------------------------------------------------*/

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to “right” to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #fddec2;
text-decoration: none;
color: #4d4b4c;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #fc8f2b;
color: #000;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: #ffa64e;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

table.pagenav {margin-top: 40px;}
