/* -------------------------------------------------
 		author: Gustavo Pimenta 
 		email: guspim@ist.utl.pt
 		date: 13/02/2008
 --------------------------------------------------*/

/* GENERAL _________________________________________________________________________________________ */

body { font: 62.5% tahoma, verdana, arial, helvetica, sans-serif; color: #333;}

* {margin: 0; padding: 0;}

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

/* Flash Content */

#primaryContent .show_print { display: block !important; }
#primaryContent .hide_print { display: none !important; }
	
/*  headings */
	
h2, h3, h4, h5, h6 {width: 65%; margin-bottom: 0.3em; font: bold 2em arial, helvetica, sans-serif;}
h2 {margin-bottom: 0; color:#464646;}
.geral h2 {margin-bottom:0.5em;}
#personalidades h2 span {color: #9F9F92; font-size: 0.6em;}
h3 { font-size: 1.8em; color: #555;}
h4 {font-size: 1.7em; color: #636363;}
h5 {font-size: 1.5em; color: #707070;}
h6 {font-size: 1.4em; color: #7d7d7d;}
.eqBreak {white-space: nowrap;}
img.valign {vertical-align: middle;}
#topic{ width: 100%;}
  
/*  end headings */

/* lists */

ol.withroman{ list-style:lower-roman; margin-top: 0.5em; margin-bottom: 0.5em; width: 100%;}
ol.withroman li{ width:100%;}
#primaryContent ol, #primaryContent ul{ font-size: 13px; margin-bottom: 20px; width: 58%}
#primaryContent ol li, #primaryContent ul li{font-size: 13px; padding: 2px 0; line-height: 1.5em; margin-left: 2em;}
#primaryContent ol li p, #primaryContent ul li p{font-size: 13px; width: 100%;}
#primaryContent ol li ul, #primaryContent ul li ul{ margin-bottom: 5px; margin-top: 5px;}
#primaryContent ol li ul, #primaryContent ul li ul{width: 99%;}
#primaryContent ol{ margin-left: 20px;}
#primaryContent #index ul {margin-left: 0; list-style: none;}
#primaryContent .lists ol.decimal{ font-size: 13px; margin: 0; padding: 0; margin-bottom: 20px; margin-left: 20px; list-style-type: decimal; width: 65%;}
#primaryContent .lists li ol.decimal{ font-size: 13px; margin: 0; padding: 0; margin-bottom: 20px; margin-left: 20px; list-style-type: decimal; width: 100%;}
#primaryContent .lists li ol.decimal .nota{ width: 90%; clear: none;}
#primaryContent .lists li ol{ font-size: 13px; margin: 0; padding: 0; margin-bottom: 20px; margin-left: 20px; list-style-type: decimal; width: 100%;}
#primaryContent .lists ol.decimal li li{ font-size: 13px; margin: 10px 0;}
#primaryContent .lists ol.decimalAlpha { font-size: 13px; margin-bottom: 20px; margin-left: 20px;}
ol.decimalAlpha li { display:list-item; list-style-type: decimal; padding-bottom: 10px;	}	
#primaryContent .lists ol.decimalAlpha li li{ font-size: 13px; margin: 13px 0;  margin-left: 2em;}
ol.decimalAlpha li li { display:list-item;list-style-type: lower-alpha;	}
#primaryContent .lists ol.decimalAlpha li li p{ font-size: 13px;}
#primaryContent .lists ol.alpha{font-size: 13px; margin: 13px 0; margin-left: 2em;}
ol.alpha {list-style-type: lower-alpha;}	
#primaryContent .solution ol.alpha p { margin-right:4px;}
#newWindow .newWindowWrap ol li, #newWindow .newWindowWrap ul li {display:list-item; margin-left: 20px; vertical-align:top;}
.persContainer dl { color:#878787; font-size:11px; text-align:left; width:99%; }
#primaryContent .solution { display: block !important; visibility: visible !important; }
#primaryContent .solution p.fechar { display: none !important; }

/* end lists */

/* links */

a:link, a:visited {color: #757369;}
.lorem{ margin-top: 10px;} 
a:hover {text-decoration: none;}

/* end links */

/* END GENERAL ______________________________________________________________________________________ */

/* PRIMARYNAV ______________________________________________________________________________________ */

#primaryNav {background: #50a1cd; font-family: arial, helvetica, sans-serif; height: auto; }
.wrap {width: 80em; margin: auto;}

/*  supnav */

#supNav { display: none; height: 1.8em; background: #727066; padding: 0.7em 0.5em 0 0.5em; border-bottom: none; color: #e5e1cd; text-align: center; line-height: 1.8em; font-size: 1.2em; font-family:  arial, helvetica, sans-serif; }
#supNav .wrap {width: 34.5em; margin: 0 auto;}
#supNav ul {list-style: none; }
#supNav li {float: left; padding: 2px 4px; margin-left: 0.5em; }
#supNav li a:link, #supNav li a:visited { text-decoration: none; display: block; float: left;  height: 1em; overflow: hidden; text-decoration: none; color: #d6d2bf; line-height: 1em;}
#supNav li a:hover {color: #fff;}
#quemsomos #supNav li a:link#quemSomosLk, #quemsomos #supNav li a:visited#quemSomosLk, #destaques #supNav li a:link#destaquesLk, #destaques #supNav li a:visited#destaquesLk, #personalidades #supNav li a:link#personalidadesLk, #personalidades #supNav li a:visited#personalidadesLk , #personalidades #supNav li a:link#personalidadesLk, #curiosidades #supNav li a:link#curiosidadesLk, #curiosidades #supNav li a:visited#curiosidadesLk, #ajuda #supNav li a:link#ajudaLk,  #ajuda #supNav li a:visited#ajudaLk {color: #a3cfe2; }

/*  end supnav */

/* logoAndsearch */

#primaryNav { background-image: none; }
#primaryNav #logoAndSearch { clear: both; background-image: none; background: none; height: 5em; border-bottom: none; }
#primaryNav #logoAndSearch h1 { background-image: none; background: none; overflow: visible !important; display: block !important; visibility: visible !important; margin: 0; }
#primaryNav #logoAndSearch h1 a:link, h1 a:visited, h1 a:hover { background: none; text-decoration: none; display: block !important; visibility: visible !important; text-indent: inherit; width: 196px; height: 38px; margin-top: 34px;}
#localization #signUp h1 { font-size:20px;}
#search { display: none; float: right; width: 35em; height: 2.5em; margin-top: 2.8em;}
#search input {padding: 1px;}
#search select{ padding: 0;}
#search form span { background: #4283a7; padding: 1em 1em; float: left; }
#search form span input {margin-right: 0.5em; }
#search #searchExpression {width: 150px; background: #e3ebee;padding: 1px 4px; color: #4283a7;}
#search select {width: 123px; background: #e3ebee;color: #3F80A2;}
#searchButton {background: url(../img/lupa.gif) no-repeat; width: 21px; height: 21px; border: none; cursor: pointer; margin: 1em 0 0 0.8em;}
#search a:link, #search a:visited { color: #DCE0E6;}
fieldset {border: none;}

/* end logoAndsearch */

/* globalnav */

#globalNav { display: none; }
#globalNav ul {margin: auto; line-height: 28px; text-align: center;}
#globalNav li {position: relative; float: left; display: inline; margin-right: 6px;color: #fff;}
#globalNav li a:link, #globalNav li a:visited {display:block; float:left; width: 6.5em; padding-left: 1.2em; margin: 8px 0 0 0; border: none; text-decoration:none; line-height: 28px; font-family: arial, helvetica, sans-serif; font-size: 1.2em;}
#globalNav a span {display: block; padding-right: 1em;}
#globalNav li a:link#gnEngenharias, #globalNav li a:visited#gnEngenharias {width:12.5em;}
.geral #globalNav {background: #a9c8d7;}
.geral #globalNav li a:link, .geral #globalNav li a:visited { background: #7ca7bd url(../img/cornerLeftGeral.gif) left top no-repeat ; color: #DBE7ED;}
.geral #globalNav a span {background: url(../img/cornerRightGeral.gif) right top no-repeat;}
.geral #globalNav li a:hover { background: #4283a7 url(../img/cornerLeftGeralMouseOver.gif) left top no-repeat; color: #EBEAE4;}
.geral #globalNav a:hover span {background: url(../img/cornerRightGeralMouseOver.gif) right top no-repeat;}
#inicio #globalNav li a:link, #inicio #globalNav li a:visited { background: #c1bdae url(../img/cornerLeft.gif) left top no-repeat;color: #727066; }
#inicio #globalNav li a:hover span {  background: #626058 url(../img/cornerRightMouseOver.gif) right top no-repeat; color: #EBEAE4;}
#inicio #globalNav {background: #e1e1d2 ;} 
#inicio #globalNav li a:link#gnInicio, #inicio  #globalNav li a:visited#gnInicio {background: #fff url(../img/cornerLeftInicio.gif) left top no-repeat; color: #727066;}
#inicio #globalNav a#gnInicio span {  background: #fff url(../img/cornerRightInicio.gif) right top no-repeat; color: #727066; font-weight: bold;}
#inicio #globalNav li a:hover { background: #626058 url(../img/cornerLeftMouseOver.gif) left top no-repeat; color: #EBEAE4;}
#inicio #globalNav a span {background: url(../img/cornerRight.gif) right top no-repeat;}
#globalNav ul ul.subMenu {position: absolute; top: 3.6em; }
#globalNav ul ul.subMenu li {display: block; margin-bottom: 0; text-align: left; }
#globalNav ul ul.subMenu li a:link, #globalNav ul ul.subMenu li a:visited {float: left; display: block; width: 8.5em; margin: 0;}
#globalNav ul ul.subMenu {position: absolute; top: 3.6em; left: 0; /* fix */}
#globalNav ul ul.subMenu li {display: block; margin-bottom: 0; text-align: left; clear: both; /*fixed inline*/}
#inicio #globalNav ul.subMenu li a:link, #inicio #globalNav ul.subMenu li a:visited {background: #ebeae4; color: #757369; border: 1px solid #ccc8b7; border-top: 1px solid #fff;}
#inicio #globalNav ul.subMenu li a:link.subMenuFirstItem, #inicio #globalNav ul.subMenu li a:visited.subMenuFirstItem {border-top: none; }
#inicio #globalNav ul.subMenu li a:hover {background: #deddd7;}
.geral #globalNav ul.subMenu li a:link, .geral #globalNav ul.subMenu li a:visited {background: #d1dce2; color: #4283a7; border: 1px solid #7ca7bd; border-top: 1px solid #fff;}
.geral #globalNav ul.subMenu li a:link.subMenuFirstItem, .geral #globalNav ul.subMenu li a:visited.subMenuFirstItem {border-top: none; }
.geral #globalNav ul.subMenu li a:hover {background: #c6d0d6;}

/*  end globalnav */

/* areaNameAndNav */

#areaNameAndNav { display: none; height: 4.5em; background: #dbe7ed; border-bottom: none; line-height: 4.5em;}
#areaSection {float: left; font: bold 1.6em helvetica, arial, sans-serif; color: #4283A7;}
#areaSection a:link, #areaSection a:visited {color: #4283A7; text-decoration: none;}
#areaSection p {background: url(../img/icon_erro.gif) no-repeat 0 45%; padding: 1em 2.5em;}
#quemsomos #areaSection p{ background: url(../img/quemSomosIcon.gif) no-repeat 0 45%; padding: 1em 2.5em;}
#paginaderro #areaSection p {background: url(../img/icon_erro.gif) no-repeat 0 45%; padding: 1em 2.5em;}
#destaques #areaSection p {background: url(../img/destaquesIcon.gif) no-repeat 0 45%; padding: 1em 2.5em;}
#curiosidades #areaSection p {background: url(../img/curiosidadesIcon.gif) no-repeat 0 45%; padding: 1em 2.5em;}
#personalidades #areaSection p {background: url(../img/personalidadesIcon.gif) no-repeat 0 45%; padding: 1em 2.5em;}
#pesquisa #areaSection p, #pesquisaAvancada #areaSection p {background: url(../img/pesquisaIcon.gif) no-repeat 0 45%; padding: 1em 2.5em;}
#registo #areaSection p {background: url(../img/registoIcon.gif) no-repeat 0 45%; padding: 1em 2.5em;}
#login #areaSection p {background: url(../img/loginIcon.gif) no-repeat 0 45%; padding: 1em 2.5em;}
#ajuda #areaSection p {background: url(../img/ajudaIcon.gif) no-repeat 0 45%; padding: 1em 2.5em;}
#contactos #areaSection p {background: url(../img/contactosIcon.gif) no-repeat 0 45%; padding: 1em 2.5em;}
#subscricao #areaSection p {background: url(../img/subscricaoIcon.gif) no-repeat 0 45%; padding: 1em 2.5em;}
#mapa #areaSection p {background: url(../img/mapaIcon.gif) no-repeat 0 45%; padding: 1em 2.5em;}
#areaNav {float: right;  margin-top: 1.5em;}
#areaNav a:link, #areaNav a:visited {float: left; padding: 0 0.5em; color: #4283A7; line-height: 1.5em; font-size: 1.3em; font-family:  arial, helvetica, sans-serif;}
#areaNav a.active:link, #areaNav a.active:visited {background: #c2deed; font-weight: bold; text-decoration: none;}
#areaNav ul li {display: inline;}

/* end areaNameAndNav */

/* END PRIMARYNAV __________________________________________________________________________________ */

/* END SITEMAP ____________________________________________________________________________________________ */

/* PRIMARYCONTENT __________________________________________________________________________________ */

#primaryContent	{clear: both; background: #fff; padding: 1em 0 2em 0;}
#subscricao #primaryContent {height: 30em;}
#primaryContent	p, #primaryContent ul {font-family: tahoma, verdana, arial, helvetica, sans-serif; }
#login #primaryContent{height: 30em;}
#inicio #primaryContent .wrap {height: 30em; background: url(../img/dummyImage.gif) no-repeat; padding: 1em;}
#primaryContent ul {list-style-type: square; width:64%; margin-bottom: 1.5em; padding-left: 2em; }
#primaryContent ul li{width:95%; font-size: 13px;}
* html #primaryContent ul { /* IE6 */position: relative; top: .5em;}
*:first-child+html #primaryContent ul  { /* IE7 */position: relative; top: .5em;}
/* offsetting each li back up*/
* html #primaryContent ul li { /* IE6 */vertical-align: top; position: relative; top: -.5em;}
*:first-child+html #primaryContent ul li { /* IE7 */vertical-align: top; position: relative; top:-.5em;}

/* themes */

#primaryContent ul#topicsFilter { list-style: none; padding-left: 0; margin: 0 0 2em 0;}
#primaryContent ul#topicsFilter li {display: inline; margin-right: 0.5em;  }
#primaryContent ul#topicsFilter a:link, #primaryContent ul#topicsFilter a:visited {text-decoration: none; font-size: 1.1em; padding: 0.2em 0.5em; background: #ebeae4; color: #626058;}
#primaryContent ul#topicsFilter a.active:link, #primaryContent ul#topicsFilter a.active:visited, #primaryContent ul#topicsFilter a:hover { background: #ccc8b7; color: #626058;}
#primaryContent ul.disclosure {width: 95%; padding-left: 0; margin-left: 0; list-style: none; vertical-align: middle;}
#primaryContent ul.disclosure a:link, #primaryContent ul.disclosure a:visited  {color: #333; margin-left: 2px; margin-top: 0; padding-top:0;}
#primaryContent ul.disclosure ul {width: 95%;list-style: none; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important;padding-bottom: 0em !important;}
#primaryContent ul.disclosure li {font-size: 13px; margin-top: 0 !important;margin-bottom: 0 !important;padding-top: 1em !important;padding-bottom: 0 !important;}
#primaryContent ul.disclosure li img {margin-bottom: 0; padding-bottom: 0;}
#primaryContent ul.disclosure li li {font-size: 1em; margin-top: 1em; width: 99%; }
#primaryContent ul.disclosure p, #primaryContent ul.index p  {width: 95%; font-size: 1em; margin-top: 0 !important; margin-bottom: 0 !important;padding-top: 0 !important;padding-bottom: 0 !important;}
#primaryContent ul.disclosure p.light {font-size:1em;}
#primaryContent.theme h3 {margin-bottom: 0.5em;}
#primaryContent	.index {padding-left: 0; list-style: none; color: #333;}
#primaryContent	.index ul {width: 100%; margin-top: 0.5em; list-style: none;}
#primaryContent	.index p, #primaryContent .index li li p {width: 100%;}
#primaryContent .index li li a:link, #primaryContent .index li li a:visited  {font-size: 12px;}
#primaryContent .index li li p {width: 100%; font-size: 12px;}
#primaryContent ul.index li li {margin-bottom: 0; width: 100%;}

/* end themes */

/* alphabet */

#primaryContent ul#alphabet {width: 95%; padding-left: 0; color: #b7b7b7}
#primaryContent ul#alphabet li {display: inline; margin-right: 0.5em;}

/*  end alphanet */

/* contentHeader_____________________ */

/* localization */

#localization {height: 4em; margin-bottom: 3em; line-height: 2em; display: none;}
#primaryContent #localization p {font-family: arial, helvetica, sans-serif;}
.geral #localization, .ciencias #localization, .ligacoes #localization  {margin-bottom: 1.5em; }
#primaryContent.theme #localization {margin-bottom: 2em;}
#breadcrumbs {float: left; color: #4283A7;}
#localization #breadcrumbs a:link, #localization #breadcrumbs a:visited {color:#4283A7;}
#localization #breadcrumbs a.active:link, #localization #breadcrumbs a.active:visited {text-decoration: none; }
.topic {margin-left: 5px;}
#menu {float: right; width: 200px;} 

/* end Localization */

/*  topicNav */

#primaryContent #topicNav {float: right; width: 272px; margin: 0; display: block !important;}
#primaryContent #topicNav li a.active { border: 1px solid #9f9f9f !important; display: block !important; font-weight: bold;}
* html #primaryContent #topicNav {float: right; width: 281px; margin: 0; }
#topicNav li {display: inline; margin-left: 1.5em;}
#topicNav li a:link,  #topicNav li a:visited {display:block; float:left; width: 6em; height: 2.1em; line-height: 2.1em; text-align: center; padding: 0; margin: 0 0 0 0.8em; border: none; text-indent: 0; text-decoration:none; font-family: arial, helvetica, sans-serif; font-size: 1em; }

/*  end topicNav */

/* pedagogicInfo */

#pedagogicInfo {clear: left; background: url(../img/pedagogicInfoimage.gif) no-repeat 0 90%; padding-left: 0;}
#primaryContent #pedagogicInfoContainer { border:1px dashed #9DA988; height: 100%; display: block !important; visibility: visible !important; width: 95%; margin: 1em 0 0 0; padding: 2em;}
#primaryContent #pedagogicInfoContainer p, #primaryContent #pedagogicInfoContainer li {width: 100%;}
#primaryContent #pedagogicInfoContainer li {margin-bottom: 0.5em}
#primaryContent #pedagogicInfoContainer p.title {font-weight: bold; margin-bottom: 0.5em;}
#primaryContent #pedagogicInfo a { text-decoration: none; font-weight: bold; color: #000; font-size: 1.1em;}
#primaryContent #pedagogicInfoContainer button { display: none;}

/* end pedagogicInfo */

#primaryContent.theme h2 {margin-bottom: 0.5em;}
h2 span {color: #bcc5a9; font-weight: normal; font-size: 0.8em;}
#primaryContent p.date {clear: left;  width: auto; font-size: 1.15em; margin-bottom: 1em; color: #727066;}
#level {margin: 1em 0 1.5em 0; font-size: 1.3em;}
#level label {margin:0 1em 0 0.5em;}

/* end contentHeader_______________________ */

/* IMAGEGALLERY ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
	
#primaryContent #topicContent .gallery{ width: 65%; margin: 2em 0;}
#primaryContent #topicContent .gallery .gal{ float: left; display: inline; margin-right: 20px;}
#primaryContent #topicContent .gallery .gal p.caption {font-size: 11px; text-align: left; width: 99%; color: #999; }
#primaryContent #topicContent .gallery p.caption {font-size: 11px; text-align: left; width: 99%; color: #999; clear: both;}
#primaryContent #topicContent ul li .gallery, #primaryContent #topicContent ol li .gallery{ width: 100%;}
body#janela{ background: #fff;}
.gallery2 {margin: 40px auto 10px 15px ; width: 950px;}
.gallery2 h6{ margin-bottom: 2em;}
.gallery2 .gal2 { float: left; margin-right: 10px;}
 #primaryContent .gallery2,  #primaryContent .gallery2 .gal2 p.caption {font-size: 11px; text-align: left; width: 99%; color: #999; } 
 #primaryContent .gallery2 { width: 800px;}

/* topicContent & other pages content __________________________ */

#topicContent {margin: 1em 0 2em 0;}
#primaryContent p {width: 60%; margin-bottom: 1em;line-height: 2.7em; font: normal 1.3em  tahoma, arial, helvetica, sans-serif; line-height: 1.5em;}
#primaryContent a:link, #primaryContent a:visited  {color: #4b92c5;}
#primaryContent a:hover {color: #4d7fa3;}
#topicContent a:hover {color: #4b92c5;}
dt {margin-top: 1em;}
dd {font-weight: normal;}
dl {margin-bottom: 2em; font-size: 1.2em;}

/* box */

.box {width: 60%; background: #f4f3ed; margin-bottom: 1.5em; padding: 1em; border: 1px dashed #bfbab2;}
#primaryContent .box p {width: auto; padding: 0 1em; margin-bottom: 0.5em;}
#primaryContent .box p.boxTitle {width: auto; padding: 0.5em 1em; margin-bottom: 0.5em; color: #59604D; font-size: 1.3em; font-weight: bold;}
.box ul  {margin-bottom: 1.5em; list-style: none;}
.box ol {margin-bottom: 1.5em;}
.box li {margin-bottom: 0.8em;}

/* end box */

/* hbox and lastPersonalities */

.hbox, #lastPersonalities {clear: right; float: right; width: 23em; border-left: 1px solid #e0dcc8; padding-left: 1.5em; margin-bottom: 2em;}
#primaryContent .hbox ul, #primaryContent .hbox ul li, #primaryContent #lastPersonalities ul, #primaryContent #lastPersonalities ul li {width: 100%;}
#primaryContent .hbox p, #primaryContent #lastPersonalities p {width: 100%; font-style: italic; font-size: 1.4em; color: #4283a7; line-height: 1.5em; font-family: Georgia, "Times New Roman", Times, serif;}
#primaryContent #lastPersonalities a:link, #primaryContent #lastPersonalities a:visited { color: #626058;}

/* end hbox */

#topicContent a:hover {color: #4b92c5;}
.externalLink img, .glossary img, .toolTip img {margin-left: 0.2em; padding-left: 0.2em;}
.player img{ margin: 0; padding: 0;}
span.glossary, span.toolTip  {background: #e9eff3;}
.glossary {background: red;}
.glossaryContent, .toolTipContent {padding: 1em;}
.toolTipContent {background: #f4f2f2; border: 3px solid #d4d3d3;}
.glossaryContent {background: #fafbee; border: 3px solid #d7d8ce;}
.glossaryContent, .toolTipContent {padding: 1em;}
#primaryContent .glossaryContent p, #primaryContent .toolTipContent p { font-size: 12px;margin-bottom: 1em; width: 100%;}
#primaryContent .glossaryContentTitle, #primaryContent .toolTipContentTitle {font-weight: bold; margin-bottom: 0.5em; padding-bottom: 0.2em; border-bottom: 1px dashed #d4d3d3;}
#primaryContent .title{ font-weight: bold; margin-bottom: 0.5em; padding-bottom: 0.2em; border-bottom: 1px dashed #d4d3d3; text-transform:capitalize;}

/* prototip.css : http://www.nickstakenburg.com/projects/prototip */

.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; }
.prototip .toolbar {position: relative;display: block;}
.prototip .toolbar .title {display: block;position: relative;}
.prototip .content { clear: both; }
.prototip .toolbar a.close {position: relative;text-decoration: none;float: right;width: 15px;height: 15px;background: transparent url(close.gif);display: block;line-height: 0;font-size: 0px;border: 0;}
.prototip .toolbar a.close:hover { background: transparent url(close_hover.gif); }
.iframeShim { position: absolute;border: 0;margin: 0;	padding: 0;background: none;}

/* Tooltip styles */

.prototip .default {background: #dbe7ed; width: 400px; color: #fff; }
.prototip .default .toolbar { background: #0F6788; font: italic 17px Georgia, serif; }
.prototip .default  .title { font-weight: bold; margin-bottom: 0.5em; padding-bottom: 0.2em; border-bottom: 1px dashed #d4d3d3; text-transform:capitalize;}
.prototip .default .content { background: none; padding: 5px; font: 1.2em Arial, Helvetica, sans-serif; color:#333; }

/* images objects  and legends*/

.siContainer {clear: right; float: right; width: 250px; margin: 0; text-align: left; width: 250px !important;}
#primaryContent .siContainer p.caption{ font-size: 11px; color:#999999; text-align: left; width: 100%; color: #999; }
.si, .mi, .li { margin-bottom: 2em }
.mi, .li{clear: left; float: left; width:auto; margin-bottom: 2em; text-align: right;}
.si{clear: right; float: right; width:auto; margin-bottom: 2em; text-align: right;}
.si p, .mi p, .li p {margin-bottom: 0.7em; width: 100%;}
.miContainer, .liContainer {margin: 1.5em 0 1.5em 0;}
#primaryContent .miContainer p.caption{ color:#999999; font-size: 11px; text-align: left; width: 99%; color: #999; }
#primaryContent .liContainer p.caption{ font-size: 11px; color:#999999; text-align: left; width: 99%; color: #999; }
#artigos #mainBlock .siContainer p, #artigos #mainBlock .miContainer p, #artigos #mainBlock .liContainer p {width: 99%; padding-top: 0.5em; font-size: 1.1em;color: #48798E;}
.imgBorder {border: 1px solid #ccc}

/* IMAGES OBJECTS AND LEGENDS:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#primaryContent .siContainer { max-width: 250px; }
* html .siContainer { width: 250px; }
#primaryContent .miContainer { min-width: 250px; max-width: 480px; }
#primaryContent .liContainer { min-width: 480px; max-width: 800px; }
.persContainer { width:250px; float: right; clear: right; }

/* end images and objects */

/* equations with numbers */

#primaryContent div.eqNumber{ width: 65%; margin: 1.5em 0; text-align:center; position: relative; font-size: 13px;}
#primaryContent div.eqNumber2{ width: 55%; margin: 1.5em auto; text-align:left; position: relative; font-size: 13px;}
#primaryContent div.eqNumber2 p{ font-size: 13px; margin-bottom: 5px;}
#primaryContent ol li div.eqNumber{ width: 99%; margin: 1.5em 0; text-align:center; position: relative;}
#primaryContent ul li div.eqNumber{ width: 99%; margin: 1.5em 0; text-align:center; position: relative;}
#primaryContent div.eqNumber span.number{position: absolute; top: 40%; right: 10%;}
#primaryContent div.eqNumber img{ margin: 1.5em 0;}
#primaryContent div.eqNumber img.center{ margin: 0;}
#primaryContent div.eqNumber p{ width: 99%; font-size: 13px;}
#primaryContent p span.eqNumberP, #primaryContent .eqNumber p span.eqNumberP { font-size: 1.2em; white-space: nowrap; font-family: serif;}
#primaryContent ul li span.eqNumberP, #primaryContent ol li span.eqNumberP{ font-size: 1.2em; white-space: nowrap; font-family: serif;}
#primaryContent ul li li span.eqNumberP, #primaryContent ol li li span.eqNumberP{ font-size: 1.2em; white-space: nowrap; font-family: serif;}
#primaryContent div.box div.eqNumber{ width: 100%; margin: 1.5em 0; text-align:center; position: relative;}
#primaryContent div.box div.eqNumber span.number{position: absolute; top: 40%; right: 10%;}
#primaryContent div.box div.eqNumber img{ margin: 1.5em 0;}
#primaryContent div.box div.eqNumber img.center{ margin: 0;}
#primaryContent div.box ul li, #primaryContent div.box ol li{ margin-left: 15px;}

/*#primaryContent div.eqNumber p{ text-align: left; width: 100%;}*/

/* equations with numbers */

/* tables */

.tableWrapper{width: 64%; text-align:center; margin: 10px auto;}
#primaryContent table.size1 {margin: 0.5em 0 2em 0; width: 64%; padding: 0pt; font-size: 13px; margin-bottom: 1.5em;}
#primaryContent table.size2 {margin: 0.5em 0 2em 0; width: 80%; padding: 0pt; font-size: 13px;}
#primaryContent table.size3 {margin: 0.5em 0 2em 0; width: 100%; padding: 0pt; font-size: 13px;}
#primaryContent table caption{background-color:#f2f2e9; padding:5px;border: 3px solid #b3afa2;}
#primaryContent table caption.alignLeft{ text-align: left;}
#primaryContent table caption.alignRight{ text-align: right;}
#primaryContent th.underline{ border-bottom: 1px solid #b3afa2;}
#primaryContent th.left{ border-right: 1px solid #b3afa2;}
#primaryContent table.table1 { border: 3px solid #b3afa2;}
#primaryContent .table1 th { padding: 0.5em;}
#primaryContent .table1 td {padding: 0.5em; width: 23%;}
#primaryContent .table1 th {background: #d0d0c1;}
#primaryContent .table1 p {width: 100%; font-size: 13px;}
#primaryContent .table1 td p{font-size: 13px;}
#primaryContent .table1 td {background: #e1e1d2; text-align: center; border-right: 1px solid #b3afa2;}
#primaryContent .table1 td.first{ border-top: 1px solid #b3afa2;}
#primaryContent .table1 td.last{ border-right: none;}
#primaryContent .table1 .stripe {background: #f2f2e9;}
#primaryContent .table1 td.alignLeft {text-align: left;}
#primaryContent .table1 td.alignRight {text-align: right;}
#primaryContent table.table2 { border: 3px solid #dad7cc;}
#primaryContent .table1 th { padding: 0.5em;}
#primaryContent .table2	td {padding: 0.5em; width: 23%;}
#primaryContent .table2 p {width: 100%; text-align:center; font-size: 13px;}
#primaryContent .table2 td p{ font-size: 13px;}
#primaryContent .table2 th {background: #f2f2e9;}
#primaryContent .table2 td {background: #fff; border-right: 1px dashed #dad7cc; border-bottom: 1px dashed #dad7cc; text-align: center;}
#primaryContent .table2 td.first{ border-top: 1px solid #b3afa2;}
#primaryContent .table2 td.last{ border-right: none;}
#primaryContent .table2 .stripe {background: #f2f2e9;}
#primaryContent .table2 td.alignLeft {text-align: left;}
#primaryContent .table2 td.alignRight {text-align: right;}
#primaryContent .whiteTable {margin: 1.5em 0 2em 0; padding: 0pt; font-size: 1.3em; margin-bottom: 1.5em;}
#primaryContent .whiteTable .bigTxt{ font-size: 24px;}
#primaryContent .whiteTable th, td {padding: 0.5em;}
#primaryContent .whiteTable th {background: #fff;}
#primaryContent .whiteTable td {background: #fff; text-align: center;}
#primaryContent .whiteTable td.alignLeft {text-align: left;}
#primaryContent .whiteTable td.alignRight {text-align: right;}
#primaryContent .whiteTable th.alignLeft {text-align: left;}
#primaryContent .whiteTable th.alignRight {text-align: right;}

/* end tables */

/* top */

.top {clear: both; float: right; width: 10px; height:12px; background: url(../img/top.gif) no-repeat; overflow: hidden; margin-bottom: 0.5em; text-indent: -1000px;}
.top a:link, .top a:visited {display: block;}

/* end top */

/* pager */

#primaryContent ul#pager {clear:both; float:right; padding-right:4em; width: auto; margin: 1em 0 2.5em 0;  text-align: right; font-size:0.9em; list-style-type:none; }
#primaryContent #pager li { float:left; width: auto; margin-right: 0.3em;}
#primaryContent #pager li a:link, #primaryContent #pager li a:visited { border: none; display:block; padding:3px 5px; text-decoration:none;}
#primaryContent #pager li a:hover { border: none;  background:#2E9FD1; color: #fff; display:block; padding:3px 5px; text-decoration:none;}
#primaryContent #pager li a.active {background:#2E9FD1; color: #fff; border:1px solid #B5D5FF; display:block; padding: 3px 0; text-decoration:none;}

/* end pager */


/* authorAndCredits relatedTopics references commentsLinks */

/*
#authorAndCredits, #relatedTopics, #references, #commentsLinks { display: none !important; visibility: hidden !important; }
*/
#authorAndCredits, #relatedTopics, #references, #commentsLinks { display: block !important; visibility: visible !important; }
#authorAndCredits button, #relatedTopics button, #references button, #commentsLinks button { display: none !important; visibility: hidden !important; }
/* end authorAndCredits relatedTopics references commentsLinks */


/* topicFooter */

.topicFooter {clear: both; width: 65%; margin: 2em 0; padding: 2em;}
/*.topicFooter #topicFooterTitle { margin-bottom: 1em; color: #59604D; font-weight: bold; font-size: 1.3em;}*/
#primaryContent .topicFooter p {width: 100%; margin-bottom: 0.5em; font-weight: bold;}
#primaryContent .topicFooter p.light {font-size:1em; font-weight: normal;}
#primaryContent .topicFooter ul {width: 100%; margin:0 0 1.5em 0; list-style: none; padding-left: 0;}
#primaryContent .topicFooter ul li {width: 100%; margin-bottom: 0.6em; }

/* end topicFooter */

/* nota */

#primaryContent .nota { clear:both; width: 60%; background: #fff; border: 1px dashed #c6d5dc; padding: 1em; margin:1.5em 0; clear: none;}
#primaryContent .nota h5 {color: #4895B7; margin-bottom: 0.8em; padding-left: 1em; padding-top: 0.5em; font-size: 15px; width: 90%; clear: none;}
#primaryContent .nota p { width: auto; margin-bottom: 0.5em; padding: 0 1em; clear: none;}
#primaryContent ol li .nota, #primaryContent ul li .nota { width:90%; clear: none; }

/* end nota */ 

/* Notas de Rodapé*/

#primaryContent .consultar{ margin: 2em 0;}
#primaryContent .consultar p{ width: 60%;  font-size: 1.2em; margin-bottom: 1em;}
#primaryContent .consultar h5{ border-bottom: 1px dashed #ccc; padding-bottom: 0.3em; margin-bottom: 1em;}
#primaryContent .consultar em{ color: #afafaf; margin-bottom: 0.5em;}
#primaryContent .consultar ul{ list-style: none; margin-bottom: 1.5em; padding-left: 1em; margin: 0; margin-bottom: 1.5em}
#primaryContent .consultar ul li{ padding-left: 1em; background:url(../img/setinha2.gif) top left no-repeat;}

/* end Notas de Rodapé*/

/* topicFooterNav */

ul#topicFooterNav {clear: both; width: 100%; padding-left: 0; margin: 2.5em 0 3.5em 0;} 
ul#topicFooterNav {list-style: none; margin-bottom: 2em;} 
#topicFooterNav li {  color: #59604D;  line-height: 1em; display: inline;} 
ul#topicFooterNav a:link, ul#topicFooterNav a:visited {display: block; float: left; text-indent: -1000px; overflow: hidden; margin-right: 1em; text-decoration: none; font-size: 1.2em;   }
ul#topicFooterNav a.active:link, ul#topicFooterNavr a.active:visited, ul#topicFooterNav a:hover { background: #666; color: #fff;}
ul#topicFooterNav li#commentsLinks a:link, ul#topicFooterNav li#commentsLinks a:visited{padding-right: 0;}
#topicFooterNav li a:link#autorCreditosLink, #topicFooterNav li a:visited#autorCreditosLink {background:url(../img/autorCreditos.gif) no-repeat; width: 122px; height: 34px; }
#topicFooterNav li a:link#refBibliograficasLink, #topicFooterNav li a:visited#refBibliograficas {background:url(../img/refBibliograficas.gif) no-repeat; width: 164px; height: 34px; }
#topicFooterNav li a:link#topicosRelacionadosLink, #topicFooterNav li a:visited#topicosRelacionadosLink {background:url(../img/topicosRelacionados.gif) no-repeat; width: 146px; height: 34px; }
#topicFooterNav li a:link#comentariosLink, #topicFooterNav li a:visited#comentariosLink {background:url(../img/comentarios.gif) no-repeat; width: 119px; height: 34px; }

/* end topicFooterNav */

/* pesquisa */

#pesquisaAvancada h2, #pesquisa h2,  #ajuda h2 {clear: both; margin-bottom: 1em; font-size: 1.5em;}
#primaryContent #searchResults ul {font-size:1.111em;list-style:none; padding-left: 0; margin:0pt 0pt 15px;}
#primaryContent #searchResults li {margin-bottom:0.2em;}
#primaryContent #searchResults li.link {color: #727066; font-size: 1em;}
#advancedSearchForm dl {width: 40em; margin-bottom: 2em;}
#advancedSearchForm dl dt {clear: both; float: left; width: 16em; text-align: right; margin-right: 0.5em}
#advancedSearchForm dl dd {float: left; position: relative; text-align: left; margin-top: 0.8em;}
#advancedSearchForm p {margin-bottom: 2em;}
#advancedSearchForm #advancedSearchCheckboxesContainer {margin-bottom: 2em; font-size:1.2em; position: relative; width: 99%;}
#advancedSearchForm #advancedSearchCheckboxesContainer label {margin-right: 0.8em;}
#advancedSearchForm #advancedSearchCheckboxesContainer input {margin-right: 0.4em;}

/* end pesquisa */

#ExperiencesPageSideBar {clear: right;float: right;width: 250px;margin: 0;text-align: right;}

/* comments and login */

#comments {margin-top: 2em; clear: both;}
#comments p {width: 100%;}
.comment1, .comment2, .commentEescola, .commentEditor, #commentConfirmation {width: 65%; padding: 1em; margin-bottom: 1.5em; }
#comments .commentEditor .commentAuthor, #comments .comment1 .commentAuthor, #comments .comment2 .commentAuthor, #comments .commentEescola .commentAuthor  {font-weight: bold;}
#comments .commentEditor .commentDate, #comments .comment1 .commentDate, #comments .comment2 .commentDate, #comments .commentEescola .commentDate  {font-style: italic;}
.comment1 { width: 537px; padding:1em 1em 1em 0; margin-bottom: 1.5em; }
.comment1 strong { background: none; font-weight: bold;}
.comment1 .comment { width: 537px;}
.comment1 .comment .comment_top {background: #e1e1e1 url(../img/comment_top.gif) no-repeat top left; width: 537px; height: 33px;}
.comment1 .comment .words { background: #e1e1e1; border-bottom: 1px solid #c5c5c5;  border-right: 1px solid #c5c5c5; border-left: 1px solid #c5c5c5; padding: 5px 15px 15px 15px; }
.comment2 { width: 537px; padding:1em 1em 1em 0; margin-bottom: 1.5em; }
.comment2 strong { background: none; font-weight: bold;}
.comment2 .comment { width: 537px;}
.comment2 .comment .comment_top {background: #f5f3f3 url(../img/comment_top2.gif) no-repeat top left; width: 537px; height: 33px;}
.comment2 .comment .words { background: #f5f3f3; border-bottom: 1px solid #e9e9e9;  border-right: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; padding: 5px 15px 15px 15px; }
.commentEescola { width: 537px; padding:1em 1em 1em 0; margin-bottom: 1.5em; }
.commentEescola strong { background: none; font-weight: bold;}
.commentEescola .comment { width: 537px;}
.commentEescola .comment .comment_top {background: #bbd9ee url(../img/comment_top_escola.gif) no-repeat top left; width: 537px; height: 33px;}
.commentEescola .comment .words { background: #bbd9ee; border-bottom: 1px solid #9dbbcf;  border-right: 1px solid #9dbbcf; border-left: 1px solid #9dbbcf; padding: 5px 15px 15px 15px; }
#comments #postComment { display: none;}
#comments #postComment label, #loginBox label {font-size: 1.2em;}
#comments #postComment input, #comments #postComment textarea, #loginBox input {margin-top: 0.4em;}
#comments #commentConfirmation { color: #146F38; background: #DBE2D6; border: 1px solid #146F38;; }
#comments #postCommentTitle {font-weight: bold; font-size: 1.3em;}
#loginBox label {float: left; width: 5.5em; margin: 0.3em 0.5em 0 0;text-align: right; font-size: 1.2em;}
#forgetPassword {margin-left: 7.1em;}
#loginButton {margin-left: 94px;}
#PasswordRecoverButton {margin-left:45px;}
.errors {background: #F1D6D9; color: #E62B2C; font-size: 1.1em}
.success {color: #146F38; background: #DBE2D6; border: 1px solid #146F38;}
div.errors {width: 65%; padding: 1em 1em 0.5em 1em; margin-bottom: 1.5em; border: 1px solid #E62B2C;}
#primaryContent div.errors p, #primaryContent div.errors ul, #primaryContent div.errors ul li {width: 100%;}

/* end comments and login */

/* sponsors */

#sponsors  {margin: auto; width: 222px;}
#sponsors li {display: inline; float: left;}
#sponsors a:link, #sponsors a:visited {display: block; overflow: hidden; text-indent: -2000px;}
#sponsors a:link#feder, #sponsors a:visited#feder { background: url(../img/federNoColor.gif); width:81px; height: 22px; margin-right: 15px;}
#sponsors a:hover#feder { background: url(../img/feder.gif);}
#sponsors a:link#posConhecimento,   #sponsors a:visited#posConhecimento  { background: url(../img/posConhecimentoNoColor.gif); width:126px; height: 22px;}
#sponsors a:hover#posConhecimento { background: url(../img/posConhecimento.gif);}

/* end sponsors */

/* end topicContent & other pages content ________________________________ */

/* signUp */

#registo fieldset {margin-bottom: 1em;}
#primaryContent #signUp p label {float: left; width: 17em; text-align: right; margin-right: 0.5em;}
#primaryContent #signUp button  {margin: 0 0 1em 227px;}
#signUp {margin-bottom: 2em;}
#primaryContent #signUp #formRules {margin-left: 227px; font-size: 1em; color: #727066;}

/* end signUp */

/* imageGallery */
	
#primaryContent #topicContent .gallery{ width: 65%; margin: 2em 0;}
#primaryContent #topicContent .gallery .gal{ float: left; display: inline; margin-right: 20px;}
#primaryContent #topicContent .gallery .gal p.caption {font-size: 11px; color:#999999; text-align: left; width: 100%; color: #999; }
#primaryContent #topicContent ul li .gallery, #primaryContent #topicContent ol li .gallery{ width: 100%;}
body#janela{ background: #fff;}
.gallery2 {margin: 40px auto 10px 15px ; width: 950px;}
.gallery2 h6{ margin-bottom: 2em;}
.gallery2 .gal2{ float: left; width:300px; display: inline; margin-right: 10px;}
.gallery2 .gal2 p.caption {font-size: 11px; text-align: left; width: 100%; color: #999; } 

/* end imageGallery */

/* sideMenu */

#primaryContent #sideMenu {float: right; width: 250px; padding: 0 !important; margin: 0 0 2em 0; color: #89897A; font-family: arial, helvetica, sans-serif; font-size:0.95em; list-style: none;}	
#primaryContent ul#sideMenu  {list-style: none;}
#primaryContent #sideMenu li {border-bottom: 1px solid #e2e2e2; padding: 0; margin-bottom: 5px;}
#primaryContent #sideMenu a:link, #primaryContent #sideMenu a:visited  {display: block; padding: 0.5em 8px 0.3em 8px ;  text-decoration: none; line-height:1.4em; color: #999; font-size: 1em;	}
#primaryContent #sideMenu a:hover {color: #666;;}
#primaryContent #sideMenu a:link.active, #primaryContent #sideMenu a:visited.active {color: #666;font-weight: bold;  }

/* end sideMenu */

/* tagCloud */

#primaryContent  #tagCloud {width: 100%; list-style: none; margin-left: 0; padding-left: 0;} 
#primaryContent  #tagCloud li {display: inline; margin: 0 0.5em 1em 0.5em;}
	
/* end tagCloud */

/* ligacoes */

.ligacoes dt {font-weight: bold; margin-bottom: 0.2em;}
.ligacoes dd { margin-bottom: 0.2em;}

/* end ligacoes */

/* openClose */

p#openClose {margin-bottom: 1.2em;}

/* END PRIMARYCONTENT ______________________________________________________________________________ */

/* SECONDARYCONTENT ________________________________________________________________________________ */

#secondaryContent {background: #e1e2d4 url(../img/gradientSecondaryContent.gif); height: 29.5em; padding: 4em 0;}

/* highlights */

#highlights {float: left; width: 45em; background: none;height: 29em;font-size: 1em;}
#highlights img { border:none;}
.highlight {width: 445px; height: 128px; margin-bottom: 2.9em;}

/* end highlights */

/* topics */

#topicsList	{float: right;width: 26em;color: #76746A;font-size: 1.2em;}
#topicListTabs {list-style: none;}
#topicListTabs li {display: inline; margin-left: 0;}
#topicLinksContainer, #lastPublishedLinks, #popularLinks {background: #f1f3e0 url(../img/bgd.jpg) top left repeat-x; clear: both; padding: 0;}
#lastPublished, #popular {float: left;display: block; background: #dddfcc url(../img/bgd_lastpublished.jpg) repeat-x; color: #fff; width: 12.75em;height: 2.5em;text-align: center;line-height: 2.2em;}
*:first-child+html #lastPublished, #popular {float: left;display: block; background: #dddfcc url(../img/bgd_lastpublished.jpg) repeat-x; color: #fff; width: 12.65em;height: 2.5em;text-align: center;line-height: 2.2em;}
* html #lastPublished, #popular {float: left;display: block; background: #dddfcc url(../img/bgd_lastpublished.jpg) repeat-x; color: #fff; width: 12.70em; height: 2.5em;text-align: center;line-height: 2.2em;}
#topicsList a:link#lastPublished, #topicsList a:visited#lastPublished, #topicsList a:link#popular, #topicsList a:visited#popular {text-decoration: none; font-weight: bold; line-height: 2.5em; color: #969487; background:url(../img/tab.jpg) repeat-x top left;}
#topicsList a.active:link#lastPublished, #topicsList a.active:visited#lastPublished, #topicsList a.active:link#popular, #topicsList a.active:visited#popular {background: #f1f3e0  url(../img/tab2.jpg) repeat-x; color: #76746a;  border-bottom: none;}
#popular { margin-left: 0.55em;}
*:first-child+html #popular { margin-left: 0.5em;}
* html #popular { margin-left: 0.5em;}
#topicsList ol {clear: both; padding: 0.5em 3.5em 0.5em 3em;}
* html #topicsList ol {padding: 0.5em 3.5em 1.1em 3em;}
#topicsList ol li {padding-bottom: 0.7em;}
/*\*/
html*#topicsList ol li{
[padding-bottom: 0.7em;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is addressed below.*/
padding-bottom: 0.91em;/*Affects Google Chrome amd Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also hidden from older Firefox and Netscape browsers.*/
]padding-bottom: 0.7em/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all Firefox and Netscape browsers.*/
}/**/
.dummyend[id]{clear:both/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}
* html #topicsList ol li {margin-bottom: 0.5em;}
#popularLinksTitle, #lastPublishedLinksTitle {background: #f1f3e0; padding-left: 0.5em; font-weight: bold;}

/* end topics */

/* feeds */

ul#feeds {width:85%; list-style: none; padding-left: 0; margin-top: 2em; font-size: 1.4em;}	
ul#feeds li {  display: inline;}
li.feedGlobal a:link, li.feedGlobal2 a:link, li.feedGlobal3 a:link, li.feedGlobal a:visited, li#feedBiologia a:link, li#feedBiologia a:visited, li#feedFisica a:link, li#feedFisica a:visited, li#feedMatematica a:link, li#feedMatematica a:visited, li#feedQuimica a:link, li#feedQuimica a:visited, li#feedEngenharias a:link, li#feedEngenharias a:visited  { float: left; width: 4.9em; padding: 1em 0 1em 2em;}
li.feedGlobal a:link, li.feedGlobal a:visited  { width: 2.5em; background: url(../img/geralFeedIcon.gif) no-repeat 0 45%; color: #4283A7; margin-right: 1.5em;}
li.feedGlobal2 a:link, li.feedGlobal2 a:visited  { width: 6.4em; background: url(../img/geralFeedIcon.gif) no-repeat 0 45%; color: #4283A7; margin-right: 1.5em;}
li.feedGlobal3 a:link, li.feedGlobal3 a:visited  { width: 4em; background: url(../img/geralFeedIcon.gif) no-repeat 0 45%; color: #4283A7; margin-right: 1.5em;}
li#feedBiologia a:link, li#feedBiologia a:visited {width: 4.6em; background: url(../img/biologiaFeedIcon.gif) no-repeat 0 45%; color: #57731D;}
li#feedFisica a:link, li#feedFisica a:visited {width: 3.5em; background: url(../img/fisicaFeedIcon.gif) no-repeat 0 45%; color:#B14A19;}
li#feedMatematica a:link, li#feedMatematica a:visited {width: 6em; background: url(../img/matematicaFeedIcon.gif) no-repeat 0 45%; color: #8E1801; }
li#feedQuimica a:link, li#feedQuimica a:visited {width: 4.6em; background: url(../img/quimicaFeedIcon.gif) no-repeat 0 45%; color:#92164E;}
li#feedEngenharias a:link, li#feedEngenharias a:visited {width: 15em; background:  url(../img/engenhariasFeedIcon.gif) no-repeat 0 45%; color: #45556A; }

/* end feeds */

/* END SECONDARYCONTENT ____________________________________________________________________________ */

/* SECONDARYNAV  ___________________________________________________________________________________ */

#secondaryNav {clear: both; background: #fff; margin-bottom: 2em; text-align: center; padding-top: 20px; color: #757369; font-size: 1.2em; 	}
#secondarySupNav {width: 400px; padding-bottom: 1.5em; margin: 0 auto 1.5em auto; border-bottom: 1px solid #dad6c4; display: none;}
#secondarySupNav li {display: inline; padding-right: 0.6em; margin-left: 0.5em; border-right: 1px solid #ccc8b7; color: #ccc8b7;}
#secondarySupNav li#subscricaoLk {padding-right:0;border-right: 0; background: url(../img/rssIconGeral.gif) no-repeat right; padding-right: 1.6em;}
#secondaryNav a:link, #secondaryNav a:visited {color: #757369;}
#secondarySupNav a:hover {text-decoration: none;}
#secondarySupNav a.active{ text-decoration: none; font-weight: bold;}
#signature, #sponsors ul { margin-bottom: 1.5em; display: block !important; visibility: visible !important;}
#signature {display: none;}
#secondaryNav #signature { display: block !important; visibility: visible !important;}

/* 	END SECONDARYNAV ________________________________________________________________________________ */

/* MISC ____________________________________________________________________________________________ */

.mark {background:#FFFABB;}
.markBiologia, .markFisica, .markMatematica, .markQuimica, .markEngenharias {padding: 0.2em;}
a.markBiologia {color:#59823B;}
a.markFisica {color:#DF662C;}
a.markMatematica {color:#B11B01;}
a.markQuimica {color:#B01E59;}
a.markEngenharias {color:#323E4D;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.light {margin-top:3px;color:#9F9F92;}
#footnotes p, #refs p,  #refs ul {color:#898989; font-size:1em; line-height:1.65em; padding-left: 0;}
#refs ul {color:#898989; font-size:1em; line-height:1.2em;}
#refs #refsTitle {font-weight: bold; font-size: 1.3em;}
#refs ul {list-style: none; margin-left: 0;}
#primaryContent div.summary {width: 65%; margin-bottom: 1em; font-size: 1.6em; font-family: georgia, times, sans-serif; font-style: italic;}
#primaryContent p#author {font-weight: bold;}
#yearNav a:link, #yearNav a:visited {color: #333;} 
#curiosidades #yearNav {margin-bottom: 2em} 
#primaryContent p#yearNav a.active:link, #primaryContent p#yearNav a.active:visited { font-weight: bold; text-decoration: none; } 

/* clearfix */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */

button {background: #f5f5f5; margin-top: 0.5em; padding: 0.2em 0.5em; border: 1px solid #dedede; color: #949494; width: 5.5em; height: 2.2em; text-align: center;}*/
button:hover {background: #ececec; color: #535353;}
button.action {background: #eaf5d3; color:#6ea33b; border: 1px solid #6ea33b; margin-right: 0.5em; cursor: pointer; }

/* end button */

#list {margin-top: 10em;font-size: 2em;list-style: none;}
#list li {margin-bottom: 0.5em;}
.prototip .pinktip .toolbar { background: #ff1e53; color: #fff; font: italic 17px Georgia, serif; }
.prototip .pinktip .title { padding: 5px; }
.prototip .pinktip .content { background: #fff; color: #555555; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }
.prototip .darktip { width: 250px; border: 5px solid #a1a1a1; }
.prototip .darktip .toolbar { background: #606060; color: #fff; font: italic 17px Georgia, serif; }
.prototip .darktip .toolbar a.close { background: url(close_hover.gif);}
.prototip .darktip .toolbar a.close:hover { background: url(close.gif);}
.prototip .darktip .title { padding: 5px;}
.prototip .darktip .content { background: #808080; color: #fff; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }
.prototip .silver { width: 300px; border: 5px solid #cccccc; color: #fff; font: 11px Arial, Helvetica, sans-serif;}
.prototip .silver .toolbar { background: #2e2e2e; color: #fff; font-weight: bold; }
.prototip .silver .toolbar a.close:hover { background: url(close_hover_red.gif);}
.prototip .silver .title { padding: 5px; }
.prototip .silver .content { background: #fff; color: #666666; padding: 5px;}
.protoClassic { width: 300px; border: 5px solid #8c939c; }
.protoClassic .toolbar { background: #96b8e2 url(classic_toolbar.gif) top left repeat-y; font-weight: bold; color: #fff;}
.protoClassic .toolbar a.close:hover { background: url(close_hover_red.gif);}
.protoClassic .title { padding: 5px; }
.protoClassic .content { background: #fff; color: #333333; font: 11px Arial, Helvetica, sans-serif; padding: 5px; }*/

/* END MISC ____________________________________________________________________________________________ */

/* sitemap */

.geral #primaryContent #sitemapa ul { list-style: none; margin: 0; padding: 0; padding-left: 15px; }
#mapa #primaryContent #sitemapa ul { list-style: none; margin: 0; padding: 0; padding-left: 10px; }
#mapa #primaryContent #sitemapa h5 { font-size: 1.2em; margin-bottom: 1em; }
.geral #primaryContent #sitemapa h5 { font-size: 1.2em; margin-bottom: 1em; }
.geral #primaryContent #sitemapa h5 a:hover { text-decoration: none; }
#mapa #primaryContent #sitemapa ul { margin-bottom: 30px; margin-left: 0; }
.geral #primaryContent #sitemapa ul{ margin-bottom: 3.0em; }
#mapa #primaryContent #sitemapa ul li {	margin-left: 0; padding-left: 1.2em; background: url(../img/bolinha.gif) top left no-repeat; }
.geral #primaryContent #sitemapa ul li { margin-left: 0; padding-left: 1.2em; background: url(../img/bolinha.gif) top left no-repeat; }
#mapa #primaryContent #sitemapa ul ul li { margin-top: 5px; font-size: 12px; padding: 5px 0 0 0; padding-left: 12px; background: url(../img/seta_mapa.gif) top left no-repeat; }
.geral #primaryContent #sitemapa ul ul li {	margin-bottom: 7px;	margin-left: 0;	font-size: 12px; padding-left: 12px;	background: url(../img/seta_mapa.gif) top left no-repeat; }
#mapa #primaryContent #sitemapa ul ul ul li{ margin-bottom: 7px; padding-left: 12px; background: url(../img/seta_mapa2.gif) top left no-repeat; }
.geral #primaryContent #sitemapa ul ul ul li{ margin-bottom: 7px; padding-left: 12px; background: url(../img/seta_mapa2.gif) 0 50% no-repeat; }

/* END SITEMAP____________________________________________________________ */

/* certo e errado */

.certoErrado{ width: 100%; }
#primaryContent .certoErrado ul{ margin-bottom: 2.5em; }
#primaryContent .rightAnswer p{ font-size: 13px; width: 99%;}
#primaryContent .rightAnswer { border-bottom: 2px solid #e2f0cf; display: block !important; visibility: visible !important; } 
#primaryContent .rightAnswer p.correct{ background: #e2f0cf url(../img/correcto.gif) no-repeat 0 50%; padding: 8px 0 8px 35px; font: 14px Arial, Helvetica, sans-serif; color: #76b836; width: 90%; margin-top: 15px; border: 1px dashed #badd99;}
#primaryContent .rightAnswer a.fechar{ display: none !important; visibility: hidden !important; }
#primaryContent .rightAnswer a.fechar:hover{ background-color: #f4f3ed; padding: 1px 8px; border: 1px solid #c6c5c0; color: #b0afac; text-decoration: none; }
#primaryContent .rightAnswer p { font-size: 12px; }
#primaryContent .rightAnswer p.caption { font-size: 11px; text-align: left; width: 99%; color: #999; }
#primaryContent .rightAnswer2 { background: #e2f0cf url(../img/correcto.gif) no-repeat 0 50%; padding: 8px 0 8px 35px;  color: #76b836; width: 90%; margin-top: 15px; border: 1px dashed #badd99;}
#primaryContent .rightAnswer2 p { width: 15%; }
#primaryContent .rightAnswer2 p.esquerda { float: left; display: inline; margin: 0; padding: 0; font-size: 14px;}
#primaryContent .rightAnswer2 p.direita { float: right; display: inline; margin: 0; padding: 0; font-size: 12px;}
#primaryContent .rightAnswer2 p a.fechar{ background-color: #f4f3ed; padding: 1px 8px; border: 1px solid #c6c5c0; color: #c6c5c0; text-decoration: none;}
#primaryContent .rightAnswer2 p a.fechar:hover{ background-color: #f4f3ed; padding: 1px 8px; border: 1px solid #c6c5c0; color: #b0afac; text-decoration: none; }
#primaryContent .wrongAnswer { display: block !important; visibility: visible !important; }
#primaryContent .wrongAnswer p{	font-size: 13px;}
#primaryContent  .wrongAnswer{ background: #f2e1e7 url(../img/errado.gif) no-repeat 0 50%; padding: 8px 8px 8px 35px;  color: #cc2a00; width: 90%; margin-top: 15px; border: 1px dashed #f2b4ca; }
#primaryContent .wrongAnswer p{ width: 15%; }
#primaryContent .wrongAnswer p.esquerda { float: left; display: inline; margin: 0; padding: 0; font-size: 14px;}
#primaryContent .wrongAnswer p.direita { float: right; display: inline; margin: 0; padding: 0; font-size: 12px;}
#primaryContent .wrongAnswer p a.fechar{ display: none !important; visibility: hidden !important; }
#primaryContent .wrongAnswer p a.fechar:hover{ background-color: #f4f3ed; padding: 1px 8px; border: 1px solid #c6c5c0; color: #b0afac; text-decoration: none; }
#primaryContent .wrongAnswer2 p{ font-size: 13px; width: 99%;}
#primaryContent .wrongAnswer2{ border-bottom: 2px solid #f2e1e7;} 
#primaryContent .wrongAnswer2 p.incorrect{ background: #f2e1e7 url(../img/errado.gif) no-repeat 0 50%; padding: 8px 0 8px 35px; font: 14px Arial, Helvetica, sans-serif; color: #cc2a00; width: 90%; margin-top: 15px; border: 1px dashed #f2b4ca;}
#primaryContent .wrongAnswer2 a.fechar{ background-color: #f4f3ed; padding:1px 8px;  border: 1px solid #c6c5c0; color: #c6c5c0; text-decoration: none;}
#primaryContent .wrongAnswer2 a.fechar:hover{ background-color: #f4f3ed; padding: 1px 8px; border: 1px solid #c6c5c0; color: #b0afac; text-decoration: none; }
#primaryContent .wrongAnswer2 p { font-size: 12px;}
#primaryContent .wrongAnswer2 p.caption{font-size: 11px; text-align: left; width: 99%; color: #999;}

/* certo e errado novo */

#primaryContent .certo { background: #e2f0cf url(../img/correcto.gif) no-repeat 0 50%; padding: 8px 0 8px 35px;  color: #76b836; width: 90%; margin-top: 15px; border: 1px dashed #badd99; display: block !important;}
#primaryContent .certo p{ width: 15%; }
#primaryContent .certo p.esquerda { float: left; display: inline; margin: 0; padding: 0; font-size: 14px;}
#primaryContent .certo p.direita { float: right; display: inline; margin: 0; padding: 0; font-size: 12px;}
#primaryContent .certo p a.fechar { display: none !important; background-color: #f4f3ed; padding: 1px 8px; border: 1px solid #c6c5c0; color: #c6c5c0; text-decoration: none;}
#primaryContent .certo p a.fechar:hover{ background-color: #f4f3ed; padding: 1px 8px; border: 1px solid #c6c5c0; color: #b0afac; text-decoration: none; }
#primaryContent .errado p { font-size: 13px;}
#primaryContent .errado { background: #f2e1e7 url(../img/errado.gif) no-repeat 0 50%; padding: 8px 0 8px 35px;  color: #cc2a00; width: 90%; margin-top: 15px; border: 1px dashed #f2b4ca; display: block !important;}
#primaryContent .errado p { width: 15%; }
#primaryContent .errado p.esquerda { float: left; display: inline; margin: 0; padding: 0; font-size: 14px;}
#primaryContent .errado p.direita { float: right; display: inline; margin: 0; padding: 0; font-size: 12px;}
#primaryContent .errado p a.fechar { display: none !important; background-color: #f4f3ed; padding: 1px 8px; border: 1px solid #c6c5c0; color: #c6c5c0; text-decoration: none;}
#primaryContent .errado p a.fechar:hover { background-color: #f4f3ed; padding: 1px 8px; border: 1px solid #c6c5c0; color: #b0afac; text-decoration: none; }
#primaryContent .certo2 p { font-size: 13px; width: 99%;}
#primaryContent .certo2 { border-bottom: 2px solid #e2f0cf; display: block !important;} 
#primaryContent .certo2 p.correct { background: #e2f0cf url(../img/correcto.gif) no-repeat 0 50%; padding: 8px 0 8px 35px; font: 14px Arial, Helvetica, sans-serif; color: #76b836; width: 90%; margin-top: 15px; border: 1px dashed #badd99;}
#primaryContent .certo2 a.fechar { display: none !important; background-color: #f4f3ed; padding:1px 8px;  border: 1px solid #c6c5c0; color: #c6c5c0; text-decoration: none;}
#primaryContent .certo2 a.fechar:hover { background-color: #f4f3ed; padding: 1px 8px; border: 1px solid #c6c5c0; color: #b0afac; text-decoration: none; }
#primaryContent .certo2 p { font-size: 12px; }
#primaryContent .certo2 p.caption { font-size: 11px; text-align: left; width: 99%; color: #999; }
#primaryContent .errado2 p{ font-size: 13px; width: 99%;}
#primaryContent .errado2 { border-bottom: 2px solid #f2e1e7; display: block !important; } 
#primaryContent .errado2 p.incorrect{ background: #f2e1e7 url(../img/errado.gif) no-repeat 0 50%; padding: 8px 0 8px 35px; font: 14px Arial, Helvetica, sans-serif; color: #cc2a00; width: 90%; margin-top: 15px; border: 1px dashed #f2b4ca;}
#primaryContent .errado2 a.fechar{ background-color: #f4f3ed; padding:1px 8px;  border: 1px solid #c6c5c0; color: #c6c5c0; text-decoration: none;}
#primaryContent .errado2 a.fechar:hover{ background-color: #f4f3ed; padding: 1px 8px; border: 1px solid #c6c5c0; color: #b0afac; text-decoration: none; }
#primaryContent .errado2 p{	font-size: 12px;}
#primaryContent .errado2 p.caption{font-size: 11px; text-align: left; width: 99%; color: #999;}

/* end certo e errado novo */

#primaryContent .solution p{ width: 100%; }
#primaryContent #R .solution .lists ol{ width: 100%;}
#primaryContent .solution p.solve{ font-weight: bold; }
#primaryContent  span.exercise{ font-weight: bold; }
#primaryContent  span.click{ font-style: italic; }
#primaryContent .solution {width: 60%; background: #fff; margin-bottom: 1.5em; padding: 2em; border: 1px dashed #bfbab2;}
#primaryContent .solution p.fechar{ margin-bottom: 0;}
#primaryContent .solution p.fechar a{ background-color: #f4f3ed; padding: 1px 8px; border: 1px solid #c6c5c0; color: #c6c5c0; text-decoration: none;}
#primaryContent .solution p.fechar a:hover { background-color: #f4f3ed; padding: 1px 8px; border: 1px solid #c6c5c0; color: #b0afac; text-decoration: none;}
#primaryContent .solution div.eqNumber{ width: 99%; margin: 1.5em 0; text-align:center; position: relative;}
#primaryContent .imagec {display: block;margin: 20px auto; text-align: center; font-size: 1.3em; width: 60%;}
#primaryContent .imagec p {text-align: left; font-size: 1.3em;}
#primaryContent ol.exerciseOl{ font-size: 13px; width: 65%; }
#primaryContent ol.exerciseOl p.action{ font-size: 13px; }  
#primaryContent ol.exerciseOl li{ margin-bottom: 1.5em; margin-left: 20px; } 
#primaryContent ol.exerciseOl li div.solution2 {width: 40%; background: #fff; padding: 1em; border: 1px dashed #bfbab2;}
#primaryContent ol.exerciseOl li div.solution2 p {font-size: 13px; width: 99%;}
#primaryContent ol.exerciseOl li div.solution2 p.fechar{ margin-bottom: 0;}
#primaryContent ol.exerciseOl li div.solution2 p.fechar a{ background-color: #f4f3ed; padding: 1px 8px; border: 1px solid #c6c5c0; color: #c6c5c0; text-decoration: none;}
#primaryContent ol.exerciseOl li div.solution2 p.fechar a:hover{ background-color: #f4f3ed; padding: 1px 8px; border: 1px solid #c6c5c0; color: #b0afac; text-decoration: none;}
#primaryContent ol.exerciseOl2{ font-size: 13px; width: 65%; margin: 0 0 15px 20px; list-style: lower-alpha; }
#primaryContent ol.exerciseOl2 li{ padding: 5px 0;}
#primaryContent ol li .solution{ width: 100%;}
#primaryContent ol li li .solution { width: 100%;}
#primaryContent ol.decimalAlpha li li .solution{ width: 100%;}
#R1, #R2, #R3, #R4, #R5, #R6, #R7, #R8, #R9, #R10 { display: block !important; } 


/* END CERTO E ERRADO____________________________________________________________ */

#primaryContent div.ref { width: 60%; background: #f8f6f6  url(../img/canto_folha.jpg) top right no-repeat;  padding: 1.5em; margin-bottom: 1.5em;}
#primaryContent div.ref p.authors{ color: #828181; }
#primaryContent div.ref .topics{ margin: 0; padding: 0; list-style: none; font-size: 13px; width: 100%;}
#primaryContent div.ref .books{ margin: 0; padding: 0; list-style: none; font-size: 13px; width: 100%;}
#primaryContent div.ref .topics p{ font-size: 13px; width: 100%; color: #999;}
#primaryContent div.ref .books li{ font-size: 13px; width: 100%; color: #999;}

/* Página Simples */

#pageSimple #globalNav li a:link, #pageSimple #globalNav li a:visited { background: #c1bdae url(../img/cornerLeft.gif) left top no-repeat;color: #727066; }
#pageSimple #globalNav li a:hover span {  background: #626058 url(../img/cornerRightMouseOver.gif) right top no-repeat; color: #EBEAE4;}
#pageSimple #globalNav {background: #e1e1d2 ;} 
#pageSimple #globalNav li a:hover { background: #626058 url(../img/cornerLeftMouseOver.gif) left top no-repeat; color: #EBEAE4;}
#pageSimple #globalNav a span {background: url(../img/cornerRight.gif) right top no-repeat;}
#pageSimple #globalNav ul.subMenu li a:link, #pageSimple #globalNav ul.subMenu li a:visited {background: #ebeae4; color: #757369; border: 1px solid #ccc8b7; border-top: 1px solid #fff;}
#pageSimple #globalNav ul.subMenu li a:link.subMenuFirstItem, #pageSimple #globalNav ul.subMenu li a:visited.subMenuFirstItem {border-top: none; }
#pageSimple #globalNav ul.subMenu li a:hover {background: #deddd7;}
#pageSimple #primaryContent #localization{ margin-bottom: 0; display: none;}
#pageSimple #primaryContent h2{ color: #494848 ;padding: 0; margin-bottom: 15px;}

/* fim Página Simples */

/* Popup */

#newWindow {background: #fff; width: auto;}
#newWindow .newWindowWrap { padding: 10px;}
#newWindow .newWindowWrap p{font: 13px/16px tahoma, verdana, arial, helvetica, sans-serif; color: #333; margin-bottom: 10px;}
#newWindow .newWindowWrap h3{ width: 99%; margin-bottom: 15px;}
#newWindow .newWindowWrap a:link, #newWindow .newWindowWrap a:visited  {color: #4b92c5;}
#newWindow .newWindowWrap a:hover {color: #4d7fa3;}
#newWindow .newWindowWrap ol, #newWindow .newWindowWrap ul{ font-size: 13px;} 
#newWindow .newWindowWrap ul {list-style-type: square; width:65%; margin-bottom: 1.5em; padding-left: 2em; }
#newWindow .newWindowWrap li{width:95%; margin-bottom: 1em; font-size: 13px;}
#newWindow .newWindowWrap #backLinks{ margin: 0.8em 0 2em 0; width:100%; list-style: none; padding-left: 0;}
#newWindow .newWindowWrap #backLinks li{ padding-bottom: 0.4em; padding-left: 0; font-size: 13px;}
#newWindow .newWindowWrap #backLinks a:link, #newWindow .newWindowWrap #backLinks  a:visited  {color: #4b92c5;}
#newWindow .newWindowWrap a:hover {color: #4d7fa3;}
#newWindow .newWindowWrap div.eqNumber{ width: 99%; margin: 1.5em 0; text-align:center; position: relative;}
#newWindow .newWindowWrap ol li div.eqNumber{ width: 99%; margin: 1.5em 0; text-align:center; position: relative;}
#newWindow .newWindowWrap ul li div.eqNumber{ width: 99%; margin: 1.5em 0; text-align:center; position: relative;}
#newWindow .newWindowWrap div.eqNumber span.number{position: absolute; top: 40%; right: 10%;}
#newWindow .newWindowWrap div.eqNumber img{ margin: 1.5em 0;}
#newWindow .newWindowWrap div.eqNumber img.center{ margin: 0;}
#newWindow .newWindowWrap div.eqNumber p{ width: 99%;}
#newWindow .newWindowWrap p span.eqNumberP{ font-size: 13px; white-space: nowrap;}
#newWindow .newWindowWrap div.box div.eqNumber{ width: 100%; margin: 1.5em 0; text-align:center; position: relative;}
#newWindow .newWindowWrap div.box div.eqNumber span.number{position: absolute; top: 40%; right: 10%;}
#newWindow .newWindowWrap div.box div.eqNumber img{ margin: 1.5em 0;}

/* End  PopUp */

/* JMOL */

#areaNameAndNav .clearfix .wrap #areaSection p a { display: block !important; visibility: visible !important;}