/* text inside these marks are comments */

/*
	This is the CSS stylesheet that is used for the Boxes Nucleus skin.
	It is based on the "4th try" "three colums" design at The Noodle
	Incident. See URL: 
	http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
	and others for many details on getting styles to look the same in
	the different browsers.
	
	Here's how the pages are built up:

	MAIN PAGE
	---------

	body
	  div.contents (the middle column)
	    h1 (site title)
	      h2 (date header)
	        h3 (item title)
	          div.itembody (item text)
	          span.iteminfo (time / author / editlink / amount of comments)
	  div.menu (the left bar)
	    h1 (navigation, hidden link)
	      h2 (menu titles)
	  div.right (the right bar)
	      h2 (menu titles)
	
	DETAILED PAGE
	-------------
	body
	  div.contents (the middle column)
	    h1 (site title)
	      h2 (item title)
	        div.itembody (item text)
	        div.iteminfo (item info)
	      h2 (comments)
	        h3 (commentor name)
  	          div.commentbody
	      h2 (add comment)
	  div.menu (the left bar)
	    h1 (navigation, hidden link)
	      h2 (menu titles)
	  div.right (the right bar)
	      h2 (menu titles)

	OTHER PAGES
	-----------
	
	other pages are similar, having .contents a .menu and a .right part
*/
 


/*
	This style sheet uses grey colors. Some monitors are darker than 
	others, so you may want to make some changes. Web "safe" codes,
	from white to black, are #fff #ccc #999 #666 #333 #000
	This style sheet uses only
	-  #fff
	-  #ccc
	-  #666
	-  #333
*/


/*
	This set of style sheets uses Radek's CSS Style Switcher plug in.
	The following are form styles specific to the plug in. 
*/



.formbutton{background-color:#BFBFBF;border:1px solid #A9A9A9;color:#353535}
.formbutton:hover{background-color:#FFDA00;border:1px solid #000000;color:#000000}
.formfield{background-color:#F4F4F4;border:1px solid #9F9F9F;border-bottom:1px solid #FAFAFA;color:#4A4A4A;margin:1px}
.formfield:focus{background-color:#FFFFFF;border:1px solid #000000}



/*
	The body definitions define how the page should globally look:
	- a smaller verdana, arial or font from the sans-serif family
	- lighter text on a darker background
	- a top margin code fudge for different browsers
*/


/* definitions applying to the page body */
body {
	margin: 0px; /* n6.01win n6mac won't recognize top 
							margin for middle box, so it goes here */
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #006699;
	font-size: 11px;
	background-color: #FFFFFF;
	background-image: url(images/barra_esquerda.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width:1009px;
	}

html>body {
    width:100%;
    max-width:1009px;
}
	
/* 
	The definitions below determine how the page looks.
	
	There are 3 main div-elements, which are all positioned absolute
	(relative to the upper left corner of the screen); each includes
	some code fudging for different browsers:
	
	.contents: contains the main contents of the page - the middle
	.menu: left bar for navigation menu
	.right: right bar for...other stuff

*/


/* definitions applying to the middle contents block */
.contents {
	 padding: 10px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 185px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	max-width:800px;
	z-index: 1;
	top: 174px;
	visibility: visible;
	}

/* definitions applying to the left menu bar */
.menu {
	position: absolute;
	top: 174px;
	left: 0px;
	padding: 0px;
	width: 185px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -20px;
	margin-left: 0px;
	}
html>body #menu {
	width: 185px; /* ie5win fudge ends */
	margin:0px;
	padding:0px;
	}
.rodape
{
	text-align: center;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	height: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
	position: absolute;
	width: 100%;
	margin: auto;
}
#assinatura {
	width: 100%;
	text-align:center;
	margin-top: 20px;
}
.topo
{
	width: 1007px;
	height: 174px;
	margin: 0px;
	/*background-color: #E0EAF3;*/
	background-color: #fff;
	background-image: url(images/new_top_r1_c1.jpg);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	clear: both;
}


/*
	Definitions for headers in the menu (.menu h2), right bar (.right h2),
	page titles (h1) and dateheads (.contents h2):
*/


/* definitions applying to page titles, for example, the blog title */
h1 {
	text-align: left;
	border: 0px;
	border-bottom:1px solid #000;
	padding-bottom: 5px; 
	margin-bottom: 15px;
	font-size: 18px;
	text-indent: 10px;
	text-decoration: none;
	}
	
h3.item img{
	float:left;
	display:block;
	margin-right:5px;
	margim-bottom:5px;
}

/* definitions applying to the headers in the two side bars */
.right h2 {
	font-size: small;
	color: #FFFFFF;
	}

/* definitions applying to the date header */
.contents h2 {
	color: #333;
	padding: 5px; 
	font-size: large;
	margin-bottom: 5px;
	}

/* 
	Definitions for the item listings like they are done on the main
	page and in archives
	- h3.item is the title of an item (<h3 class="item">)
	- .itembody is the item contents
	- .iteminfo contains the time of posting and the name of the author, 
	   and the amount of comments
*/


/* item title */
h3.item {
	margin-top: 5px;
	background-image: url(images/seta_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0px top;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-indent: 15px;
	text-decoration: none;
	font-size: 12px;
	clear: both;
	}

.itembody {	
	margin-top: 5px;	
	margin-bottom: 5px;
	margin-left: 15px;
	}

.iteminfo {	
	font-size: x-small;
	color: #333;
	}


/* There are two sets of anchor definitions; both sets define only the 
   anchor and the hover rule.
    - general anchors (will appear in each of the three layout boxes,
	  .menu, .contents, and .right) are larger
	- anchors in the iteminfo (.iteminfo a) are smaller, to match with 
	  rules for .iteminfo
*/


a {
	color: #003366;
	}

a:hover {
	color: #ccc;
	text-decoration: underline;
	}

.iteminfo a {
	font-weight: bolder;
	color: #333;
	text-decoration: none;
	}

.iteminfo a:hover {
	font-weight: bolder;
	color: #333;
	text-decoration: underline;
	}


/*
	Definitions of how comments listings look like on item pages
	- h3.comment contains the name of the comment author
	- .commentbody contains the text from the comment
	- .commentinfo contains the time of commenting
*/

/* comment title */
h3.comment {
	font-size: medium;
	margin-bottom: 10px;
	}

.commentbody {
	text-align: justify;
	}

.commentinfo {	
	font-size: x-small;
	color: #333;
	}


/*
	Some rules that apply to contents generated using the markup buttons 
	"add left box" and "add right box."
	
	Both boxes have slightly larger text with a serif font-family, and 
	take a maximum of 20% of the width of the contents.
	
	This is very nice for text (a brief quote) Suggest you throw in a
	     <div class="leftbox">left box</div>
	to see how it looks. This definition is not always practical for 
	images.  You might want to take out the "width: 20%" if you'll be
	using these boxes for graphics of different sizes.
	
*/

.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	width: 220px;
	}

.leftbox {
	float: left;
	text-align:center;
	}

.rightbox {
	float: right;	
	}


/*
	Some general rules:
	- images never have a border (even when they are inside a hyperlink)
	- elements having class="skip" are not shown
	- item lists using <ul class="nobullets"> have no list-item bullets
	- highlighted text (in search results) will stand out
*/

img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

.skip {
	display: none;
	}

.nobullets {
	margin-left: 0px;
	padding-left: 0px;
	background-image: url(images/m_2.jpg);
	background-repeat: no-repeat;
	list-style-image: url(images/seta_side.jpg);
	list-style-type: none;
	list-style-position: inside;
	}

.highlight {
	background-color: #006600;
	color: #333;
	}
.topmenus {
	margin-left: 0px;
	padding-left: 0px;
	background-image: url(images/m_2.jpg);
	background-repeat: no-repeat;
	list-style-type: none;
	text-align: left;
	width: 150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.submenus {
	margin-left: 0px;
	padding-left: 0px;
	background-image: url(images/m_1.jpg);
	background-repeat: no-repeat;
	list-style-type: none;
	text-align: left;
	width: 150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.menu h2 {
	font-size: 12px;
	color: #0066CC;
	text-align: left;
	text-indent: 16px;
	margin: 0px;
	padding: 0px;
	width: 150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 20px;
}
.menu h2 a {
	color: #0066CC;
	font-weight: bold;
	text-decoration: none;
}
.menu h2 a:hover {
	color: #990000;
	font-weight: bold;
	text-decoration: underline;
}


ul {
	margin: 0px;
	padding: 0px;
}

.menu ul {
	margin-left: -8px;
}

/* IE sucks! */
html>body .menu ul {
	margin-left: 0px;	
}

.menu ul li a {
	color: #fff;
	text-decoration: none;	
}

.menu ul li a:hover {
	text-decoration: none;
}
/*
.menu ul li a:hover {	
	background-color: #4d3fa1;
}*/
.menu ul li {
	font-size: 12px;
	color: #0066CC;	
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 173px;
	border-top-style: none;
	border-right-style: none;
	border-bottom: 1px solid #fff;
	border-left-style: none;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 20px;
}

#menu_instituto {
	position: absolute;
	top: 75px;
	left: 165px;
	display: none;
	z-index:1;
	background-color:#1F2147;
}


#menu_cursos {
	position: absolute;
	top: 95px;
	left: 165px;
	display: none;
	z-index:1;
	background-color:#1F2147;
}

#menu_incubadora {
	position: absolute;
	top: 115px;
	left: 165px;
	display: none;
	z-index:1;
	background-color:#1F2147;
}

#menu_servicos {
	position: absolute;
	top: 115px;
	left: 165px;
	display: none;
	z-index:1;
	background-color:#1F2147;
}

.hoverli {
	background-color: #4d3fa1;
}

.hoverli a {
	font-weight: bold;
}

.assinatura2 {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #000000;
	width: 143px;
	font-size: 9px;
	background-color: #A4C5D8;
	padding: 3px;
	margin-top: 5px;
	margin-left: 10px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-right-color: #333333;
	border-bottom-color: #000000;
}
.tit {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006699;
	font-weight: bold;
	text-indent: 10px;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.tabela1 {
	margin: 2px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 95%;
}
.cel1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin: 0px;
	padding: 1px;
	color: #006699;
	font-weight: bold;
	width: 150px;
}
.cel2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin: 0px;
	padding: 1px;
}
.cel3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin: 0px;
	padding: 1px;
	width: 75px;
	text-align: center;
	color: #333333;
}
.cel4 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin: 0px;
	padding: 1px;
	color: #006699;
	font-weight: bold;
}
.celtit {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin: 0px;
	padding: 1px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #006699;
}
.searchform {
	text-align: center;
	padding: 2px;
}

.bannerscapa {
	padding-top: 30px;
	color: #666;
}
.bannerscapa ul {
	list-style:none;	
	margin: 0px;
	padding: 0px;
	width: 100%;
	clear: both;
	float: none;
}
.bannerscapa li {
	display:inline;
}
.bannerscapa h4 {
	border-bottom: 1px solid #ebebeb;
	font-size: 1.2em;
}
.noticias1 {
	color: #000000;
	background-color: #FFFFFF;
	margin: 2px;
	padding: 2px;
	float: left;
	width: 38%;
	height: 250px;
	border: 1px solid #CCCCCC;
	overflow: scroll;
}
.noticias2 {
	color: #000000;
	background-color: #FFFFFF;
	margin: 2px;
	padding: 2px;
	float: right;
	width: 58%;
	height: 250px;
	overflow: none;
	text-align:right;
}
.banners1 {
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
h3.item a {
	text-decoration: none;
}
.bannersfloat {
	margin: 30px;
	padding: 0px;
	width: 150px;
	float: left;
}
.chamada {
	background-color: #E8E8E8;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
	margin: 1px;
	padding: 2px;
}
.chamadanot {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DFF4FF;
	border-right-color: #B3DCDF;
	border-bottom-color: #B3DCDF;
	border-left-color: #DFF4FF;
	margin: 1px;
	padding: 2px;
	background-image: url(images/bg_chamadanot2.jpg);
	background-repeat: repeat-x;
}
.contents2 {
	padding: 0px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 186px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index: 1;
	visibility: visible;
	text-align: center;
	position: relative;
	clear: both;
	float: none;
}.linkatencao {
	font-weight: bold;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	background-image: url(images/bg_topo1.jpg);
	background-repeat: repeat-x;
	height: 25px;
	text-align: center;
}

#datalocal{
	background-image: url("images/m_data.jpg");
	background-repeat: repeat-y;
	width:420px;
	float:right;
	margin-top:150px;
	margin-right:10px;
	padding-top:4px;
	height:22px;
	text-align:right;
	vertical-align: middle;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size:14px;
}

.menu ul {
	color:#fff;
	list-style:none;
	text-align:center;
}