/* ------------------------------------------------- author: GAEL email: gael@ist.utl.pt date: 13/02/2008 --------------------------------------------------*/ /* GENERAL :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ body {background: #fafbee; 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; } #primaryContent object {margin-bottom: 1em;} .clearBoth, .clear_both { clear: both; } /* TYPOGRAPHY :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ h1 { margin: 0; } h1 a:link, h1 a:visited, h1 a:hover {overflow: hidden; float: left; display: block; width: 196px; height: 38px; background: url(../img/e-escolaLogo.gif) no-repeat; text-indent: -1000px;margin-top: 34px;} h2, h3, h4, h5, h6 {width: 60%; margin-bottom: 0.6em; font: bold 2em arial, helvetica, sans-serif;} h2 {margin-bottom: 0; color:#464646; } .geral h2 {margin-bottom:0.5em;} h2 span {color: #bcc5a9; font-weight: normal; font-size: 0.8em;} #personalidades h2 span {color: #9F9F92; font-size: 0.6em;} h3 { font-size: 1.8em; color: #31281e;} h4 {font-size: 1.7em; color: #3f3426;} h5 {font-size: 1.5em; color: #4c3e2e;} h6 {font-size: 1.4em; color: #5b4b37;} .eqBreak {white-space: nowrap;} img.valign {vertical-align: middle;} a img {border: none;} #topic{ width: 100%;} /* 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 .solution ol, #primaryContent .solution ul { width: 95%; } #primaryContent ul li .solution, #primaryContent #pedagogicInfoContainer ul { width: 95%; } #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%;} #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 .decimalAlpha li p { margin-top: 1em; margin-bottom: 1em;} #primaryContent li p { margin-top: 1em; margin-bottom: 1em;} /* LINKS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ a {color: #757369;} .lorem { margin-top: 10px;} a:hover {text-decoration: none;} /* PRIMARYNAV ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #primaryNav {background: #50a1cd; font-family: arial, helvetica, sans-serif; height: auto;} .wrap {width: 80em; margin: auto;} /* SUPNAV ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #supNav { height: 1.8em; background: #727066; padding: 0.7em 0.5em 0 0.5em; border-bottom: 7px solid #626058; color: #e5e1cd; text-align: center; line-height: 1.8em; font-size: 1.2em; font-family: arial, helvetica, sans-serif; } #supNav .wrap {width: 27em; margin: 0 auto; border: } #supNav ul {list-style: none; } #supNav li {float: left; padding: 2px 4px; margin-left: 0.5em; } #supNav li a:link, #supNav li a:visited {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; } /* LOGOANDSEARCH :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #logoAndSearch {clear: both; background: url(../img/gradientHeader.jpg) repeat-x; height: 10em; border-bottom: 7px solid #4283a7; } #search {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;} /* GLOBALNAV :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .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;} .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;} #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;} #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 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;} #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;} /* AREANAMEANDNAV :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #areaNameAndNav {height: 4.5em; background: #dbe7ed; border-bottom: 5px solid #50a4cf; 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;} /* PRIMARYCONTENT ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #primaryContent p, #primaryContent ul {font-family: tahoma, verdana, arial, helvetica, sans-serif; } #primaryContent {clear: both; background: #fff; padding: 1em 0 2em 0;} #primaryContent ul {list-style-type: square; margin-bottom: 1.5em; padding-left: 2em; } /* hacks para alinhamento horizontal com imagens em segunda coluna */ * html #primaryContent ul { width: 64%; } #primaryContent ul li{width:90%; font-size: 13px;} #primaryContent ul.index li { width: 100%;} #primaryContent ul li div.box ol li { width: 80%;} #primaryContent ul li div.box { width: 88%; margin: 1.0em 0 0.5em 0;} #inicio #primaryContent {padding:0; background: #fff url(/img/vemAprenderCienciaBkg.gif);} #inicio #primaryContent .wrap {height:283px; } #subscricao #primaryContent {height: 30em;} #login #primaryContent{height: 30em;} /* hacks para alinhamento vertical de bullets em ie */ * html #primaryContent ul { /* IE6 */position: relative; top: .5em; height: 1%;} :first-child+html #primaryContent ul { /* IE7 */position: relative; top: .5em; height: 1%} /*offsetting each li back up*/ * html #primaryContent ul li { /* IE6 */vertical-align: top; position: relative; top: -.5em; height: 1%} :first-child+html #primaryContent ul li { /* IE7 */vertical-align: top; position: relative; top:-.5em; height: 1%} :first-child+html #primaryContent ul#topicNav { /* IE7 */position: static; top: 0; height: 1%} :first-child+html #primaryContent ul#topicNav li { /* IE7 */vertical-align: middle; position: static; top:0; height: 1%} /* THEMES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #primaryContent ul#topicsFilter { list-style: none; padding-left: 0; margin: 0 0 2em 0; z-index: 0; position: relative;} #primaryContent ul#topicsFilter li {display: inline; margin: 0 0.5em 0 0; } #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; margin-left: 0;} #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: 0.5em 0 0 0; list-style: none;} #primaryContent .index li {margin-left: 0;} #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%;} /* ALPHABET :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* Hack para IE7 PC e Firefox MAC */ ul#alphabet[id] { width: 95% !important; padding-left: 0 !important; float: left !important; color: #b7b7b7 !important;} #primaryContent ul#alphabet { width: 95%; padding-left: 0; color: #b7b7b7; } *:first-child+html ul#alphabet { float: none !important; } #primaryContent ul#alphabet li {display: inline; margin-right: 0.5em; margin-left: 0;} /* CONTENTHEADER :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #contentHeader, #themeHeader {clear: both;} /* LOCALIZATION ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #localization { height:1%; padding-bottom: 1em; line-height: 2em; } #primaryContent #localization p {font-family: arial, helvetica, sans-serif;} .geral #localization, .ciencias #localization, .ligacoes #localization {margin-bottom: 1.5em; } #breadcrumbs {float: left; color: #4283A7; margin-top:0;} #primaryContent.theme #localization {margin-bottom: 2em;} #localization #breadcrumbs a:link, #localization #breadcrumbs a:visited {color:#4283A7;} #localization #breadcrumbs a.active:link, #localization #breadcrumbs a.active:visited {text-decoration: none; } #menu {float: right; width: 200px;} /* TOPICNAV :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #primaryContent #topicNav { float: right; width: 268px; margin: 0 -4px 0 0 !important; padding: 0 0 0 20px !important;} /* Adress IE 6 issues */ * html #primaryContent #topicNav {float: right; width: 281px; margin: 0;} #topicNav li { display: block; float: left; width: 6em !important; margin: 0 0 0 10px !important; padding: 0 !important; list-style-type: none; } #topicNav li a:link, #topicNav li a:visited { display: block; height: 2.1em; line-height: 2.1em; text-align: center; margin: 0 !important; padding: 0 !important; border: none; text-indent: 0; text-decoration:none; font-family: arial, helvetica, sans-serif; font-size: 1em; } /* PEDAGOGICINGO ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #pedagogicInfo {clear: left; background: url(../img/pedagogicInfoimage.gif) no-repeat 0 90%; padding-left: 1.5em;} #pedagogicInfoContainer {display: block; width: 65%; margin: 2em 0 3em 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;} /* TOPICCONTENT AND OTHER PAGES CONTENT :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #topicContent {margin: 1em 0 2em 0;} #primaryContent p {width: 60%; margin-bottom: 1em; font: normal 13px 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 1.5em 0 1em; border: 1px dashed #bfbab2;} .box_note {width: 95%; background: #fcfcfc; margin-bottom: 1.5em; padding: 1em; border-bottom: 2px solid #fff;} #primaryContent .box p, #primaryContent .box_example p {width: auto; padding: 0 1em; margin-bottom: 0.5em;} #primaryContent .box p.boxTitle, #primaryContent .box_example p.boxTitle {width: auto; padding: 0.5em 1em; margin-bottom: 0.5em; color: #59604D; font-size: 1.3em; font-weight: bold;} #primaryContent ul li ul li .box p.boxTitle { padding: 0 1.0em; margin-bottom: 0.5em; font-size: 13px; } .box ul, .box_example ul {margin-bottom: 1.5em; list-style: none;} .box ol, .box_example ol {margin-bottom: 1.5em;} .box li, .box_example li {margin-bottom: 0.8em;} .boxButton { background: #edf8f9; border: 1px solid #d7edf4;} #primaryContent .boxButton p { width: 95%; padding: 6px 0 0 12px;} #primaryContent .box ul { padding-left: 1em !important;} /* HBOX AND LAST PERSONALITIES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .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 li {margin-left:0;} #primaryContent #lastPersonalities a:link, #primaryContent #lastPersonalities a:visited { color: #626058;} * html #lastPersonalities { margin-right: 0; padding-right: 0; width: 200px;} /* 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; margin: 0 0 1.5em 0; text-align: left; width: 250px !important;} #primaryContent .siContainer p.caption{ font-size: 11px; text-align: left; width: 99%; color: #878787; } .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;} #primaryContent .miContainer p.caption{ font-size: 11px; text-align: left; width: 99%; color: #878787;} #primaryContent .gallery2 p.caption { font-size: 11px; width: 99%; clear: left;} #primaryContent .liContainer p.caption{ font-size: 11px; text-align: left; width: 99%; color: #878787; } #artigos #mainBlock .siContainer p, #artigos #mainBlock .miContainer p, #artigos #mainBlock .liContainer p {width: 100%; padding-top: 0.5em; font-size: 1.1em;color: #48798E;} .imgBorder {border: 1px solid #ccc} #primaryContent .siContainer { max-width: 250px; } * html .siContainer { width: 250px; } * html .miContainer { width: 480px; } #primaryContent .miContainer { min-width: 250px; max-width: 480px; } #primaryContent .liContainer { min-width: 480px; max-width: 800px; } .persContainer { width:250px; float: right; clear: right; } /* EQUATIONS WITH NUMBERS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #primaryContent div.eqNumber{ width: 60%; margin: 1.5em 0; text-align:center; position: relative; font-size: 13px;} #primaryContent div.box div.eqNumber, #primaryContent div.nota div.eqNumber,#primaryContent div.box_example div.eqNumber { width: 100%;} #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: 0; text-align:center; position: relative;} #primaryContent ul li div.eqNumber{ width: 99%; margin: 0; text-align:center; position: relative;} #primaryContent div.eqNumber span.number{position: absolute; top: 40%; right: 0;} #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, #primaryContent 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, #primaryContent div.box_example 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; width: 450px;} /* TABLES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .tableWrapper{ width: 65%; margin: 10px auto;} #primaryContent table.size1, .newWindowWrap table.size1 {margin: 0.5em 0 2em 0; width: 64%; padding: 0pt; font-size: 13px; margin-bottom: 1.5em;} #primaryContent table.size2, .newWindowWrap table.size2 {margin: 0.5em 0 2em 0; width: 80%; padding: 0pt; font-size: 13px;} #primaryContent table.size3, .newWindowWrap table.size3 {margin: 0.5em 0 2em 0; width: 100%; padding: 0pt; font-size: 13px;} #primaryContent table caption, .newWindowWrap table caption {background-color:#f2f2e9; padding:5px 0;border: 3px solid #b3afa2; margin: 0 0 6px 0; } * html #primaryContent table caption, .newWindowWrap table caption { margin-bottom: 6px !important;} #primaryContent table caption.alignLeft, .newWindowWrap table caption.alignLeft { text-align: left;} #primaryContent table caption.alignRight, .newWindowWrap table caption.alignRight { text-align: right;} #primaryContent th.underline, .newWindowWrap th.underline { border-bottom: 1px solid #b3afa2;} #primaryContent th.left, .newWindowWrap th.left { border-right: 1px solid #b3afa2;} #primaryContent table.table1, .newWindowWrap table.table1 { border: 3px solid #b3afa2;} #primaryContent .table1 th, .newWindowWrap .table1 th { padding: 0.5em;} #primaryContent .table1 td, .newWindowWrap .table1 td {padding: 0.5em; width: 23%;} #primaryContent .table1 th, .newWindowWrap .table1 th {background: #d0d0c1;} #primaryContent .table1 p, .newWindowWrap .table1 p { width: 100%; font-size: 13px;} #primaryContent .table1 td p, .newWindowWrap .table1 td p {font-size: 13px;} #primaryContent .table1 td, .newWindowWrap .table1 td {background: #e1e1d2; text-align: center; border-right: 1px solid #b3afa2;} #primaryContent .table1 td.first, .newWindowWrap .table1 td.first { border-top: 1px solid #b3afa2;} #primaryContent .table1 td.last, .newWindowWrap .table1 td.last { border-right: none;} #primaryContent .table1 .stripe, .newWindowWrap .table1 .stripe {background: #f2f2e9;} #primaryContent .table1 td.alignLeft, .newWindowWrap .table1 td.alignLeft {text-align: left;} #primaryContent .table1 td.alignRight, .newWindowWrap .table1 td.alignRight {text-align: right;} #primaryContent table.table2, .newWindowWrap table.table2 { border: 3px solid #dad7cc;} #primaryContent .table1 th, .newWindowWrap .table1 th { padding: 0.5em;} #primaryContent .table2 td, .newWindowWrap .table2 td {padding: 0.5em; width: 23%;} #primaryContent .table2 p, .newWindowWrap .table2 p {width: 100%; text-align:center; font-size: 13px;} #primaryContent .table2 td p, .newWindowWrap .table2 td p { font-size: 13px;} #primaryContent .table2 th, .newWindowWrap .table2 th { padding: 0.5em; background: #f2f2e9;} #primaryContent .table2 td, .newWindowWrap .table2 td {background: #fff; border-right: 1px dashed #dad7cc; border-bottom: 1px dashed #dad7cc; text-align: center;} #primaryContent .table2 td.first, .newWindowWrap .table2 td.first { border-top: 1px solid #b3afa2;} #primaryContent .table2 td.last, .newWindowWrap .table2 td.last { border-right: none;} #primaryContent .table2 .stripe, .newWindowWrap .table2 .stripe {background: #f2f2e9;} #primaryContent .table2 td.alignLeft, .newWindowWrap .table2 td.alignLeft {text-align: left;} #primaryContent .table2 td.alignRight, .newWindowWrap .table2 td.alignRight {text-align: right;} #primaryContent .whiteTable, .newWindowWrap .whiteTable {margin: 1.5em 0 2em 0; padding: 0pt; font-size: 1.3em; margin-bottom: 1.5em;} #primaryContent .whiteTable .bigTxt, .newWindowWrap .whiteTable .bigTxt { font-size: 24px;} #primaryContent .whiteTable th, td, .newWindowWrap .whiteTable th {padding: 0.5em;} #primaryContent .whiteTable th, .newWindowWrap .whiteTable th {background: #fff;} #primaryContent .whiteTable td, .newWindowWrap .whiteTable td {background: #fff; text-align: center;} #primaryContent .whiteTable td.alignLeft, .newWindowWrap .whiteTable td.alignLeft {text-align: left;} #primaryContent .whiteTable td.alignRight, .newWindowWrap .whiteTable td.alignRight {text-align: right;} #primaryContent .whiteTable th.alignLeft, .newWindowWrap .whiteTable th.alignLeft {text-align: left;} #primaryContent .whiteTable th.alignRight, .newWindowWrap .whiteTable th.alignRight {text-align: right;} /* 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;} /* 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; margin-left:0;} #primaryContent #pager li a:link, #primaryContent #pager li a:visited {border:1px solid #B5D5FF; display:block; padding:3px 5px; text-decoration:none;} #primaryContent #pager li a:hover {background:#2E9FD1; color: #fff; border:1px solid #B5D5FF; 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 5px; text-decoration:none;} /* TOPICFOOTER :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .topicFooter {clear: both; width: 65%; margin: 2em 0; padding: 2em;} #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; } #primaryContent #relatedTopics ul li, #primaryContent #references ul li, #primaryContent #authorAndCredits ul li {margin-left: 0;} /* NOTA :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #primaryContent .nota { width: 60%; background: #fff; border: 1px dashed #c6d5dc; padding: 1em; margin:1.5em 0;} #primaryContent .nota h5 {color: #4895B7; margin-bottom: 0.8em; padding-left: 1em; padding-top: 0.5em; font-size: 15px;} #primaryContent .nota p { width: auto; margin-bottom: 0.5em; padding: 0 1em;} #primaryContent ol li .nota, #primaryContent ul li .nota { width: 93%; } /* 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;} /* TOPICFOOTERNAV :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ ul#topicFooterNav {clear: both; width: 100%; padding-left: 0; margin: 2.5em 0 3.5em 0;} * html #primaryContent ul#topicFooterNav { width: 100%; } 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#refBibliograficasLink {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; } /* PESQUISA ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #pesquisaAvancada h2, #pesquisa h2 {clear: both; margin-bottom: 1em; font-size: 1.5em;} #primaryContent #searchResults ul {font-size:1.111em;list-style:none; padding-left: 0; margin:0 0 15px 0;} #primaryContent #searchResults li {margin: 0 0 0.2em 0;} #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;} #advancedSearchForm #advancedSearchCheckboxesContainer label {margin-right: 0.8em;} #advancedSearchForm #advancedSearchCheckboxesContainer input {margin-right: 0.4em;} #advancedSearchForm fieldset { float: left; } #advancedSearchForm p { width: 100%; } /* 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 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;} #loginBox { clear: both; } #forgetPassword { margin-left: 12px;} #loginButton { margin-left: 12px;} #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%;} /* 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);} /* 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;} /* 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;} /* 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 !important; margin-left: 0 !important; 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; } /* TAGCLOUD ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #primaryContent #tagCloud {width: 100%; list-style: none; margin-left: 0; padding-left: 0;} #primaryContent #tagCloud li {display: inline; margin: 0 0.2em 1em 0.2em;} #tagCloud a { display: inline-block; text-transform:lowercase; white-space: nowrap; text-decoration: none; vertical-align: middle; background: #E6F4F9; padding: 0 8px 2px 8px; margin: 2px 0;} #tagCloud a:hover { color: #4D7FA3; } #tagCloud .color1 a { color: #8CC6DD; } #tagCloud .color1 a:hover { background: #8CC6DD; color: #E6F4F9; } #tagCloud .color2 a { color: #72B3D4; } #tagCloud .color2 a:hover { background: #72B3D4; color: #E6F4F9; } #tagCloud .color3 a { color: #5CA2CC; } #tagCloud .color3 a:hover { background: #5CA2CC; color: #E6F4F9; } #tagCloud .color4 a { color: #4B92C5; } #tagCloud .color4 a:hover { background: #4B92C5; color: #E6F4F9; } /* LIGAÇÕES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .ligacoes dt {font-weight: bold; margin-bottom: 0.2em;} .ligacoes dd { margin-bottom: 0.2em;} /* OPENCLOSE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ p#openClose {margin-bottom: 1.2em;} /* SECONDARYCONTENT ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #secondaryContent {background: #E1E2D5 url(../img/gradientSecondaryContent.gif) repeat-x; 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: 447px; height: 130px; margin-bottom: 2.9em;} /* 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.5em 0 0 0 ;} #lastPublishedLinks, #popularLinks {height: 254px;} #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 3.5em;} * html #topicsList ol {padding: 0.5em 3.5em 1.2em 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 { padding-bottom :0.28em; } * html #topicsList ol li {margin-bottom: 0.5em;} #popularLinksTitle, #lastPublishedLinksTitle {background: #f1f3e0; padding-left: 0.5em; font-weight: bold;} /* 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; } /* SECONDARYNAV ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #secondaryNav {clear: both; background: #fafbee; margin-bottom: 2em; text-align: center; border-top: 7px solid #89877b; padding-top: 20px; color: #757369; font-size: 1.2em; height: 160px;} #secondarySupNav {width: 400px; padding-bottom: 1.5em; margin: 0 auto 1.5em auto; border-bottom: 1px solid #dad6c4;} #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 {margin-bottom: 1.5em;} /* 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; } /* PROTOTIP ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #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; }*/ /* 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; } /* 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;} #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{ background-color: #f4f3ed; padding:1px 8px; border: 1px solid #c6c5c0; color: #c6c5c0; text-decoration: none;} #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: #878787; } #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 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{ background-color: #f4f3ed; padding: 1px 8px; border: 1px solid #c6c5c0; color: #c6c5c0; text-decoration: none;} #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: #878787;} #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;} #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 8px 0 0; font-size: 12px;} #primaryContent .certo p a.fechar{ 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; } #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 8px 0 0; font-size: 12px;} #primaryContent .errado p a.fechar{ background-color: #f4f3ed; padding: 1px 8px; border: 1px solid #c6c5c0; color: #c6c5c0; text-decoration: none;} /* HACKS para IE6 */ * html #primaryContent .errado p a.fechar { margin-bottom: 1px;} * html #primaryContent .certo2 { padding-bottom: 20px; } #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;} #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{ 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: #878787; } #primaryContent .errado2 p{ font-size: 13px; width: 99%;} #primaryContent .errado2{ border-bottom: 2px solid #f2e1e7;} #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: #878787;} #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; background: #fff6cf; padding: 1px 4px; white-space: nowrap; font-size: 12px;} #primaryContent .solution {width: 60%; background: #fff; margin-bottom: 1.5em; padding: 2em; border: 1px dashed #bfbab2;} #primaryContent .solution p.fechar{ margin-bottom: 0; line-height: 20px;} #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 ol li .solution{ width: 100%;} #primaryContent ol li li .solution{ width: 100%;} #primaryContent ol.decimalAlpha li li .solution{ width: 100%;} #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;} /* 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;} #pageSimple #primaryContent h2{ color: #494848 ;padding: 0; margin-bottom: 15px;} /* POPUP :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #newWindow .newWindowWrap p.caption{ font-size: 11px; text-align: left; width: 99%; color: #878787; } #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: 1.2em; white-space: nowrap; font-family: serif;} #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;} /* JMOL ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .jmolContainer { margin: 10px 0; width: 800px; } .jmolObject { float: left; border: 1px solid #ccc; margin: 10px 10px 10px 0; padding: 10px; } #primaryContent .jmolObject p.caption, #primaryContent .jmolContainer p.caption { clear: both; font-size: 11px; width: 99%; color: #878787; margin: 10px 0; } .jmolButton { margin: 0 10px 0 0; } .jmolCheckbox { margin: 0 4px 0 0; } /* JMOL PLUGIN ALERTS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .alert_box_jmol { border: 1px solid #dbdbdb; width: 200px; padding: 10px; margin: 10px auto; position: relative; display: inline-block;} .alert_box_jmol img { float: left; margin: 0 0 0 50px; } .alert_box_jmol h5 { width: 99%; float: left; font-size: 1.3em; font-weight: normal; color: #606060; margin: 10px 0 0 0; } .alert_box_jmol h5 span.java_link { font-size: 1.0em; font-weight: bold; margin: 2px 0 8px 4px; color: #ee8122; } #primaryContent .alert_box_jmol p.download_link { font-size: 1.0em; width: 99%; float: left; color: #999999; margin: 10px 0 0 0;} #primaryContent .alert_box_jmol p .externalLink img { display: inline; float: none; } #primaryContent .alert_box_jmol p.footer_link { width: 99%; font-size: 1.0em; float: left; margin: 4px 0 0 0; color: #999999; } #primaryContent .jmolObject h5, #primaryContent .jmolObject p { width: 99%; } /* CLASSES PARA FÓRMULAS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .mathStyle100 {font-size: 1.2em; font-family: serif;} .mathStyle100i {font-size: 1.2em; font-style: italic; font-family: serif;} .mathStyle100b {font-size: 1.2em; font-weight: bold; font-family: serif;} .mathStyle100ib {font-size: 1.2em; font-style: italic; font-weight: bold; font-family: serif;} .mathStyle70 {font-size: 1em; font-family: serif;} .mathStyle70i {font-size: 1em; font-style: italic; font-family: serif;} .mathStyle70b {font-size: 1em; font-weight: bold; font-family: serif;} .mathStyle70ib {font-size: 1em; font-style: italic; font-weight: bold; font-family: serif;} /* ALTERNATIVE CODE PRINT & SCRENN ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #primaryContent .show_print { display: none; } #primaryContent .hide_print { display: block; } /* FLASH & JAVA PLUGIN ALERTS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #primaryContent .alert_box, #newWindow .newWindowWrap .alert_box { border: 1px solid #dbdbdb; width: 510px; height: 110px; padding: 30px 0 30px 20px; margin: 20px 0; position: relative; display:inline-block; } #primaryContent .quicktime, #newWindow .newWindowWrap .quicktime { width: 300px; } #primaryContent .alert_box img, #newWindow .newWindowWrap .alert_box img { float: left; margin-right: 16px; } #primaryContent .quicktime img { margin-right: 8px; } #primaryContent .quicktime span.externalLink img { float: none; } #primaryContent .alert_box h5, #newWindow .newWindowWrap .alert_box h5 { font-weight: normal; color: #606060; float: left; width: 375px; margin: 10px 0 0 0; } /* IE 6 */ * html #primaryContent .alert_box h5 { float: none !important; } * html #newWindow .newWindowWrap .alert_box h5 { float: none !important; } /* IE 7 */ *:first-child+html #primaryContent .alert_box h5 { float: none !important; } *:first-child+html #newWindow .newWindowWrap .alert_box h5 { float: none !important; } #primaryContent .quicktime h5, #newWindow .newWindowWrap .quicktime h5 { width: 200px;} #primaryContent .alert_box h6, #newWindow .alert_box h6 { float: left; margin: 2px 0 8px 0; clear: right;} /* IE 6 */ * html #primaryContent .alert_box h6 { float: none !important;} * html #newWindow .alert_box h6 { float: none !important;} /* IE 7 */ *:first-child+html #primaryContent .alert_box h6 { float: none !important; } *:first-child+html #newWindow .alert_box h6 { float: none !important; } #primaryContent .alert_box h6.flash_link { color: #c62229; } #primaryContent .alert_box h6.java_link { color: #ee8122; } #primaryContent .alert_box p.download_link { float: left; width: 410px; color: #999999; } #newWindow .newWindowWrap .quicktime p.download_link { padding-top: 14px; display: block; clear: both; width: 290px; color: #999999; } #primaryContent .alert_box p .externalLink img, #newWindow .alert_box p .externalLink img { display: inline; float: none; } #primaryContent .alert_box p.footer_link, #newWindow .alert_box p.footer_link { font-size: 1.1em; float: left; margin: 8px 0 0 8px; width: 480px; color: #999999; } /* MAINTENANCE PAGE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #paginademanutencao #logo {margin: 140px auto 0 auto; width: 189px;} #paginademanutencao #text {margin: 0 auto; width: 400px; text-align: center; color: #ffffff; font-family: tahoma; font-size: 0.9em;} /* E LAB :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #primaryContent .eLab { margin: 0 0 10px 0; text-align: left; width: 245px; } #primaryContent a.eLabExperiences, /*#primaryContent a.eLabLaboratory { background: #f1b092; border: 2px solid #e89f81; color:#b14a19 !important; text-decoration: none; padding: 2px 12px 4px 12px; display: inline-block; } Antes de mudar a cor de biologia com física */ #primaryContent a.eLabLaboratory { background: #b5bF97; border: 2px solid #97b35d; color: #60731d !important; text-decoration: none; padding: 2px 12px 4px 12px; display: inline-block; } #primaryContent a:hover.eLabExperiences, #primaryContent a:hover.eLabLaboratory { color:#fff !important; } /* IST FOOTER :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* backup 11 2012 #ist_footer { color: #fff; background: transparent url("../img/background_ist_footer.png") repeat scroll 0 0; font-size: 12px; height: 48px; line-height: 48px; position: fixed; text-align: center; width: 100%; border-bottom: 3px solid #488ec0; } #ist_footer a { color: #fff; margin-left: 8px; } #ist_footer img { vertical-align: -14px; margin-left: 5px; } */ #ist_footer { color: #fff; background: transparent url("../img/background_ist_footer.png") repeat scroll 0 0; font-size: 12px; height: 48px; line-height: 48px; position: fixed; text-align: center; width: 100%; border-bottom: 3px solid #488ec0; } #ist_footer a { margin-left: 8px; display: inline-block; width: 114px; height: 26px; text-indent: -99999px; background: transparent url("../img/logotipo-tecnico-lisboa.png") no-repeat scroll 0 0; vertical-align: -12px; } /* HARMONIC BOX :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #primaryContent .harmonic_box p.caption { color: #878787; font-size: 11px; text-align: left; width: 99%; } #primaryContent .harmonic_box { clear: both; overflow: hidden; position: relative; } .harmonic_box h4 { margin-bottom: 30px; } .harmonic_box h4 span { color: #9b9b9b; font-size: 13px; font-weight: normal; } .harmonic_img_caption { width: 385px; float: left; margin: 0 70px 0 0; } #primaryContent .harmonic_box ul { padding: 10px 0 0 0; margin: 0; width: auto } #primaryContent .harmonic_box ul li { padding: 0; margin: 0; width: auto; } #primaryContent .harmonic_box ul li ul { margin-left: 475px; } .padding_bottom { padding-bottom: 130px;} /* IE7 hacks */ *:first-child+html #primaryContent .harmonic_box ul { display: list-item; list-style-position: outside; list-style-type: square; } *:first-child+html #primaryContent .harmonic_box ul li { margin-left: 20px; float:none; width:auto; } *:first-child+html #primaryContent .harmonic_box ul li ul { margin-left: 5px; display: list-item; list-style-position: outside; list-style-type: square; } *:first-child+html #primaryContent .harmonic_box ul li ul li { margin-left: 20px; float:none; width:auto; } /* IE6 hacks */ * html #primaryContent .harmonic_box ul { display: list-item; list-style-position: outside; list-style-type: square; } * html #primaryContent .harmonic_box ul li { margin-left: 20px; float:none; width:auto; } * html #primaryContent .harmonic_box ul li ul { margin-left: 5px; display: list-item; list-style-position: outside; list-style-type: square; } * html #primaryContent .harmonic_box ul li ul li { margin-left: 20px; float:none; width:auto; } /* MISC ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ a.markBiologia { color: #DF662C; } a.markFisica { color: #59823B; } /* Antes de mudar a cor de biologia com física a.markBiologia { color: #59823B; } a.markFisica { color: #DF662C; } */ a.markMatematica { color: #B11B01; } a.markQuimica { color: #B01E59; } a.markEngenharias { color: #323E4D; } .mark {background:#FFFABB;} .markBiologia, .markFisica, .markMatematica, .markQuimica, .markEngenharias { padding: 0.2em; } .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; } #ExperiencesPageSideBar {clear: right;float: right;width: 250px;margin: 0;text-align: right;} .noBreak { white-space: nowrap; } #primaryContent.theme h2 {margin-bottom: 0.5em;} #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;} #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; white-space: nowrap;} .glossaryContent, .toolTipContent {padding: 1em;} .toolTipContent {background: #f4f2f2; border: 3px solid #d4d3d3;} .glossaryContent {background: #fafbee; border: 3px solid #d7d8ce;} .glossaryContent, .toolTipContent {padding: 1em;} #primaryContent .toolTipContent ul { padding-left: 0; margin-left: 0; width: 100%; } #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;} #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;} #primaryContent .math_educative { color: #969696; font-style: italic;} #primaryContent .math_educative p { font-style: italic; }