/* CSS Document */
* {margin: 0; padding: 0}
body {color: #717171; font: 62.5% Arial, Helvetica, Verdana, sans-serif; text-align: center; background-color: #f0f4f5}

/* Common Styles */
fieldset {position: relative; border: 0}
fieldset legend {color: #717171}
fieldset legend span {position: absolute; top: 0; left: 0}
input {color: #717171}

table {border-collapse: collapse}
th, td {vertical-align: top}

a img {border: 0}
.hidden {display: none}
.pDown {clear: both}
.paddingLeft {padding-left: 10px}

.line {color: #c5d0d5; clear: both; border: 0; height: 1px; background-color: #c5d0d5}

/* Clean Style */
.cleanStyle h1, .cleanStyle h4 {margin: 21px 0!important}
.cleanStyle h2 {margin: 19px 0!important}
.cleanStyle h3 {margin: 18px 0!important}
.cleanStyle h5 {margin: 22px 0!important}
.cleanStyle h6 {margin: 25px 0!important}
.cleanStyle pre {white-space: pre!important; margin: 13px 0!important}
.cleanStyle p {margin: 16px 0!important}
.cleanStyle strong {font-weight: bold!important}
.cleanStyle em {font-style: italic!important}
.cleanStyle u {text-decoration: underline!important}
.cleanStyle strike {text-decoration: line-through!important}
.cleanStyle sup {vertical-align: super!important}
.cleanStyle sub {vertical-align: sub!important}
.cleanStyle ul {display: block!important; margin: 16px 0!important; padding: 0 0 0 40px!important; list-style-type: none!important; list-style-position: outside!important}
.cleanStyle ul li {list-style-type: disc!important}
.cleanStyle ul li ul li {list-style-type: circle!important}
.cleanStyle ul li ul li ul li {list-style-type: square!important}
.cleanStyle ul li ul {margin: 0!important}
.cleanStyle ol {display: block!important; margin: 16px 0!important; padding: 0 0 0 40px!important; list-style-type: decimal!important; list-style-position: outside!important}
.cleanStyle ol li ol {margin: 0!important}
.cleanStyle blockquote {margin-left: 40px!important}
.cleanStyle hr {margin: 8px 0!important; border: inset 1px #ccc!important; height: 2px!important; background-color: transparent!important}


/* Style Content */
.homePage #Global {background: #fff url(../Images/_Novo/Institucional/bg-top.gif) repeat-x 0 89px}
#Global {font-size: 1.0em; text-align: left; background: #fff url(../Images/_Novo/Institucional/bg-top-internal.gif) repeat-x 0 89px}
#Header {padding-top: 12px}
#Header, #Content {clear: both; margin: 0 auto; width: 874px}
#Footer {clear:both; padding-top: 50px; width: 100%}
	*html #Footer {background: url(../Images/_Novo/Institucional/bg-footer.gif) repeat-x 0 7.7em}
	*:first-child+html #Footer {background: url(../Images/_Novo/Institucional/bg-footer.gif) repeat-x 0 7.7em}
#Footer .FooterMenu, #Footer .FooterLogos {position: relative; left: 50%; margin-left: -437px; width: 874px}

/* Top */
.TopMain {clear: both; width: 100%}

.TopLogos {float: left}
.TopLogos h1 {float: left; margin-right: 24px; width: 195px; height: 60px; background: url(../Images/_Novo/logo-movimento-energia-posi.gif) no-repeat}
.TopLogos h1 a {display: block; width: 195px; height: 60px}
.TopLogos div {float: left; width: 185px; height: 60px; background: url(../Images/_Novo/plataforma-contra-obesidade.gif) no-repeat}
.TopLogos div a {display: block; width: 185px; height: 60px}
.TopLogos span {display: none}

.TopForms {float: right; padding-top: 15px}
.TopSearch, .TopLogin {color: #717171; float: left;}
.TopSearch div, .TopLogin div {float: left}
.TopSearch label, .TopLogin label {font-size: 1.1em; text-transform: uppercase; display: block}
.TopSearch div input, .TopLogin div input {font-size: 1.1em; border: 1px solid #d6e0e4; height: 1.45em}
.TopSearch div input {width: 125px}
.TopSearch .submit {float: left; padding-top: 1.1em; padding-left: 1px}
.TopLogin .submit, .TopLogin .logout {float: left; padding-top: 1.4em; padding-left: 1px}
.TopLogin .submit input {border: 0; width: 18px; height: 18px; background: url(../Images/_Novo/bot-arrow.gif) no-repeat}
.TopLogin .logout input {border: 0; width: 18px; height: 18px; background: url(../Images/_Novo/bot-cross.gif) no-repeat}
.TopLogin .espacodelog {float: none; padding-top: 1.6em}
.TopLogin .TopLoginStatus {clear: both; padding-top: 0; padding-right: 5px}
.TopLogin .TopLoginStatus span {white-space: nowrap}

.TopLogin {margin-left: 15px}
.TopLogin legend {font-size: 1.1em; text-transform: uppercase}
.TopLogin div {padding-top: 1.4em}
.TopLogin .login {padding-right: 3px}
.TopLogin div label{display: none}
.TopLogin div input {width: 85px}

.MainMenu {position: relative; clear: both; padding-top: 17px; width: 100%; list-style: none}
.MainMenu li {display: table; float: left; border-right: 1px solid #c0ced3; width: 14.15%; height: 3.9em; background: #f27030 url(../Images/_Novo/Institucional/menu-bg-active.gif) repeat-x bottom left}
.MainMenu li.first {border-left: 1px solid #c0ced3}
.MainMenu li a {color: #fff; font-size: 1.1em; font-weight: bold; text-transform: uppercase; text-decoration: none; text-align: center; vertical-align: middle; display: table-cell; border-top: 1px solid #a5bec8; border-bottom: 1px solid #bfcbd0; padding: 0 15px; height: 100%; background: #8fa8b0 url(../Images/_Novo/Institucional/menu-bg.gif) repeat-x bottom left}
.MainMenu li a:hover, .MainMenu li a.active {border-top: 1px solid #ff8539; background: #f27030 url(../Images/_Novo/Institucional/menu-bg-active.gif) repeat-x bottom left}
.MainMenu li a:hover {background: none}
.MainMenu li:hover .sub {visibility: visible}
.MainMenu li .sub {position: absolute; z-index: 10; visibility: hidden; margin-top: 3.9em; margin-left: -14.15%; width: 14.15%}
.MainMenu li .sub li {float: none; border-right: 0; width: 100%}
.MainMenu li .sub li a {font-size: 1.2em; text-transform: none; border-top: 1px solid #c0ced3; border-bottom: 0; background: #556b76}
.MainMenu li .sub li a:hover {font-size: 1.2em; text-transform: none; background: #f15e1b}
/* //Top */

/* HomePage */
.MainTools {clear: both; float: left; padding-top: 20px; width: 282px}
.MainTools .title {color: #fff; font-size: 2.0em; padding: 2px 10px; background-color: #9eafb7;}
.MainTools ul {line-height: 1.0em; float: left; list-style: none}
.MainTools ul li {display: table; float: left; width: 141px; height: 3.2em; background: #fff url(../Images/_Novo/Institucional/bg-tools.gif) repeat-x left bottom}
.MainTools ul li a {color: #323d41; text-decoration: none; text-transform: uppercase; vertical-align: middle; display: table-cell; padding-left: 6px; /*padding-left: 33px;*/ padding-right: 2px; height: 100%}
.MainTools ul li a img {float: left; display: inline; padding-right: 5px}
/*.MainTools ul li .calimc {background: url(../Images/_Novo/Institucional/ico-calculo-imc.gif) no-repeat 6px bottom}
.MainTools ul li .quiz {background: url(../Images/_Novo/Institucional/ico-quiz.gif) no-repeat 6px bottom}
.MainTools ul li .rodaalim {background: url(../Images/_Novo/Institucional/ico-roda-alimentos.gif) no-repeat 6px bottom}
.MainTools ul li .calpesorefer {background: url(../Images/_Novo/Institucional/ico-calculo-peso-referencia.gif) no-repeat 6px bottom}
.MainTools ul li .calgastoenerg {background: url(../Images/_Novo/Institucional/ico-calculo-gasto-energetic.gif) no-repeat 6px bottom}
.MainTools ul li .indicriscometab {background: url(../Images/_Novo/Institucional/ico-indicador-risco-metabol.gif) no-repeat 6px bottom}*/

.AreaProfissionais {color: #323d41; float: left; margin-top: 20px; margin-left: 10px; width: 284px; height: 153px; background: url(../Images/_Novo/Institucional/bg-area-profissional.gif) no-repeat right bottom}
.AreaProfissionais .title {padding-bottom: 8px; padding-left: 20px}
.AreaProfissionais .content {padding-left: 20px; width: 125px}
.AreaProfissionais .entrar {margin-left: 20px}

.EscolaSaudavel {color: #323d41; float: left; margin-top: 13px; margin-left: 10px; width: 284px; height: 160px; background: url(../Images/_Novo/Institucional/bg-escola-saudavel.gif) no-repeat right bottom}
.EscolaSaudavel .title {padding-top: 7px; padding-bottom: 8px; padding-left: 20px}
.EscolaSaudavel .content {padding-left: 20px; width: 125px}
.EscolaSaudavel .entrar {margin-left: 20px}

.ObesidadeInfantil {color: #323d41; float: right; margin-top: 9px; margin-left: 10px; width: 284px; height: 164px; background: url(../Images/_Novo/Institucional/bg-obesidade-infantil.gif) no-repeat right bottom}
.ObesidadeInfantil .title {padding: 11px 0 8px 30px}
.ObesidadeInfantil .content {padding-left: 30px; width: 100px}
.ObesidadeInfantil .entrar {margin-left: 30px}

.AreaProfissionais .title, .EscolaSaudavel .title, .ObesidadeInfantil .title {font-size: 2.2em; line-height: 1.0em; width: 135px}
.AreaProfissionais .content, .EscolaSaudavel .content, .ObesidadeInfantil .content {font-size: 1.2em; padding-bottom: 5px}

.AreaProfissionais .entrar, .EscolaSaudavel .entrar, .ObesidadeInfantil .entrar {cursor: pointer; color: #fff; font-size: 1.2em; text-decoration: none; float: left; display: block; margin-top: 5px; padding-left: 7px; width: 53px; height: 18px; background: url(../Images/_Novo/Institucional/bot-bg-left.gif) no-repeat left center}
.AreaProfissionais .entrar span, .EscolaSaudavel .entrar span, .ObesidadeInfantil .entrar span {float: left; display: block; padding-right: 4px; height: 100%; background: url(../Images/_Novo/Institucional/bot-bg-middle.gif) repeat-x left center}
.AreaProfissionais .entrar span.right, .EscolaSaudavel .entrar span.right, .ObesidadeInfantil .entrar span.right {float: right; display: block; padding-right: 0; width: 16px; height: 18px; background: url(../Images/_Novo/Institucional/bot-bg-right.gif) no-repeat right center}

.DestaqueRegras {clear: both}
.DestaqueRegras ol {float: left; width: 100%; height: 10.5em; list-style: none}
.DestaqueRegras ol li {float: left; width: 33.3%; min-height: 100%}
.DestaqueRegras ol li.regra1 {background: url(../Images/_Novo/Institucional/DestaqueRegras1.gif) no-repeat left top}
.DestaqueRegras ol li.regra2 {background: url(../Images/_Novo/Institucional/DestaqueRegras2.gif) no-repeat left top}
.DestaqueRegras ol li.regra3 {background: url(../Images/_Novo/Institucional/DestaqueRegras3.gif) no-repeat left top}
.DestaqueRegras ol li .image {clear: both; float: left; width: 143px}
.DestaqueRegras ol li img {float: right; padding-right: 5px}
.DestaqueRegras ol li .content {float: left; width: 130px}
.DestaqueRegras ol li .tilte {color: #556c76; font-size: 1.6em; float: left; padding-top: 10px; width: 130px}
.DestaqueRegras ol li a {color: #f06323; font-size: 1.2em; text-decoration: none; clear: both; float: left; display: block; margin-top: 8px; padding-right: 15px; width: 70px; background: url(../Images/_Novo/Institucional/arrow.gif) no-repeat right center}
.DestaqueRegras ol li a:hover {color: #556c76}

.DestaqueReceitas {clear: both; float: left; padding-top: 20px; width: 577px}
.DestaqueReceitas .grande {float: left; padding-bottom: 20px}
.DestaqueReceitas .grande img {float: left; padding-right: 15px}
.DestaqueReceitas .grande .content, .DestaqueReceitas .lista {float: right; width: 428px}
.DestaqueReceitas .grande .content a {font-size: 1.6em}
.DestaqueReceitas .grande .content div {font-size: 1.2em}
.DestaqueReceitas .lista {font-size: 1.2em; margin-top: 15px; border-top: 1px solid #c5d0d5; padding-bottom: 20px; list-style: none}
.DestaqueReceitas .lista li {border-bottom: 1px solid #c5d0d5; padding: 5px 0}
.DestaqueReceitas a {color: #f06323; text-decoration: none}
.DestaqueReceitas a:hover {color: #556c76}
.DestaqueReceitas .more {font-size: 1.2em; clear: both; display: block; margin-left: 148px; padding-right: 15px; width: 6.5em; background: url(../Images/_Novo/Institucional/arrow.gif) no-repeat right center}

.MaisVistos {float: left; margin-top: 20px; margin-left: 15px; width: 282px; background-color: #f0f4f5}
.MaisVistos .title {font-size: 1.4em; border-bottom: 1px solid #fff; padding: 5px}
.MaisVistos ul {float: left; width: 282px; list-style: none}
.MaisVistos ul li {border-bottom: 1px solid #fff; padding: 5px}
.MaisVistos ul li span.number {color: #8da2aa; font-size: 1.6em; font-weight: bold; text-align: right}
.MaisVistos ul li a {color: #f06323; font-size: 1.2em; text-decoration: none}
.MaisVistos ul li a:hover {color: #556c76}

.DestaqueNoticias {clear: both; float: left; padding-bottom: 20px; width: 100%}
.DestaqueNoticias .titleArea {clear: both; float: left; display: table; margin-bottom: 10px; width: 100%; height: 4.0em; background-color: #e3e9eb}
.DestaqueNoticias .titleArea .title {color: #556c76; font-size: 1.8em; vertical-align: middle; display: table-cell; padding-left: 10px; height: 100%}
.DestaqueNoticias .titleArea .link {text-align: right; vertical-align: middle; display: table-cell; padding-right: 10px; height: 100%}
.DestaqueNoticias .titleArea .link a {font-size: 1.2em; padding-right: 15px; background: url(../Images/_Novo/Institucional/arrow.gif) no-repeat right center}
.DestaqueNoticias .grande {float: left; width: 50%}
.DestaqueNoticias .grande img {float: left; padding-right: 15px; width: 134px}
.DestaqueNoticias .grande .content {overflow: auto}
.DestaqueNoticias .grande .content .title {color: #556c76; font-size: 1.2em; display: block}
.DestaqueNoticias .grande .content a {font-size: 1.6em}
.DestaqueNoticias .grande .content div {font-size: 1.2em}
.DestaqueNoticias .lista {font-size: 1.2em; float: left; margin-left: 15px; border-bottom: 1px solid #c5d0d5; width: 48.2%}
.DestaqueNoticias .lista dl {border-top: 1px solid #c5d0d5}
.DestaqueNoticias .lista dt {color: #a0b2b9; padding-top: 5px}
.DestaqueNoticias .lista dd {padding-bottom: 5px}
.DestaqueNoticias a {color: #f06323; text-decoration: none}
.DestaqueNoticias a:hover {color: #556c76}

.OutrosDestaques {font-size: 1.2em; clear: both; float: left; padding-top: 20px; width: 100%}
.OutrosDestaques .DestaqueFoto {float: left; margin-right: 10px; width: 282px; background-color: #f0f4f5}
.OutrosDestaques .DestaqueFoto .inner {float: left; border-bottom: 1px solid #fff; padding: 5px 10px; width: 262px; height: 17.2em}
.OutrosDestaques .DestaqueFoto .inner img {width: 262px; height: 158px}
.OutrosDestaques .DestaqueFoto .title {color: #556c76; font-size: 1.4em; padding-bottom: 5px}
.OutrosDestaques .DestaqueFoto .description {padding-top: 5px; height: 1.5em}
.OutrosDestaques .DestaqueFoto .link {clear: both; float: left; padding: 5px; width: 96%}
.OutrosDestaques .DestaqueFoto .link a {text-align: right; display: block; padding-right: 15px; background: url(../Images/_Novo/Institucional/arrow.gif) no-repeat right center}
.OutrosDestaques .Newsletter {padding: 5px 10px 15px; background-color: #f0f4f5}
.OutrosDestaques .Newsletter legend span {color: #556c76; font-size: 1.4em}
.OutrosDestaques .Newsletter .description {padding: 2.0em 0 0.5em; width: 100%}
.OutrosDestaques .Newsletter label {display: block; padding-top: 5px}
.OutrosDestaques .Newsletter div {clear: both; float: left; width: 90%}
.OutrosDestaques .Newsletter div input {font-size: 1.1em; border: 1px solid #d6e0e4; width: 100%; height: 1.3em}
.OutrosDestaques .Newsletter .submit {float: left; padding-top: 1.5em; padding-left: 0.6em;}
.OutrosDestaques a {color: #f06323; text-decoration: none}
.OutrosDestaques a:hover {color: #556c76}
/* //HomePage */

/* Main Content */
.Breadcrumb {color: #556c76; font-size: 1.1em; clear: both; display: table; height: 26px}
.Breadcrumb a {color: #f06323; vertical-align: middle; display: table-cell}
.Breadcrumb a:hover {color: #556c76}
.Breadcrumb .normal {vertical-align: middle; display: table-cell}

.LeftColumn {float: left; padding-top: 40px; width: 218px}
.LeftColumn .Navigation {font-size: 1.2em; width: 100%; list-style: none}
.LeftColumn .Navigation li {display: table; margin-top: 1px; width: 100%}
.LeftColumn .Navigation li a {color: #f06323; text-decoration: none; vertical-align: middle; display: table-cell; padding: 5px 10px 5px 30px; width: 178px; height: 2.6em; background: #f0f4f5 url(../Images/_Novo/Institucional/bullet-plus.gif) no-repeat 8px center}
.LeftColumn .Navigation li a:hover, .LeftColumn .Navigation li a.active {color: #556c76; background: #f0f4f5 url(../Images/_Novo/Institucional/bullet-minus.gif) no-repeat 8px center}
.LeftColumn .Navigation .submenu {display: table-row; list-style: none}
.LeftColumn .Navigation .submenu li {margin-top: 0; margin-left: 25px; padding-bottom: 1px; width: 193px; background: #f0f4f5}
.LeftColumn .Navigation .submenu li a {padding: 5px 10px; height: 2.6em; background: #fff}
.LeftColumn .Navigation .submenu li a:hover {background: #fff}
.LeftColumn .Navigation .submenu .submenu {background: #fff}
.LeftColumn .Navigation .submenu .submenu li {width: 168px; background: #fff}

.RightColumn {float: right; padding-top: 40px; width: 618px}
.RightColumn .title {color: #556c76; font-size: 2.2em; font-weight: lighter; line-height: 1.0em}
.RightColumn .data {color: #a0b2b9; font-size: 1.2em; font-style: normal; display: block; padding: 5px 0}
.RightColumn .Content {color: #556c76; font-size: 1.2em; clear: both; float: left; padding-top: 20px; width: 100%}
.RightColumn .Content img {float: right}
.RightColumn .Content p {margin: 0 0 35px 0!important}
.RightColumn .Content a {color: #f06323; text-decoration: none}
.RightColumn .Content a:hover {color: #556c76}
.RightColumn .back {color: #f15e1c; font-size: 1.2em; text-decoration: none; float: left; display: block; margin-top: 8px; padding-left: 15px; background: url(../Images/_Novo/Institucional/arrow-back.gif) no-repeat left center}
.RightColumn .PageTools {color: #a0b2b9; clear: both; padding-top: 30px}
.RightColumn .PageTools .imprimir {clear: both; float: left; padding-top: 8px; text-transform: uppercase}
.RightColumn .PageTools .print {cursor: pointer; float: left; display: block; padding: 10px 0 0 40px; height: 22px; background: url(../Images/_Novo/Institucional/ico-print.gif) no-repeat}
/* //Main Content */

/* Footer */
.FooterMenu {clear: both; list-style: none}
.FooterMenu li {color: #d3dbde; font-size: 1.2em; float: left; padding: 5px 0}
.FooterMenu li span.pipe {padding: 0 5px}
.FooterMenu li a {color: #f06323; text-decoration: none}
.FooterMenu li a:hover {color: #556c76}

.FooterLogos {clear: both; float: left; padding: 30px 0}
.FooterLogos .left {float: left}
.FooterLogos .left img {padding-right: 30px}
.FooterLogos .right {float: right}
.FooterLogos .right img {padding-left: 30px}
/* //Footer */

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.TopSearch .submit {padding-top: 1.0em}
	.TopLogin .submit, .TopLogin .logout {padding-top: 1.2em}
	
	.MainMenu li .sub {margin-top: 3.9em; margin-left: -13.8%}
	
	.OutrosDestaques .Newsletter legend span {position: absolute; top: 5px; left: auto}
	.OutrosDestaques .Newsletter .submit {padding-top: 1.8em; padding-left: 0.7em}
	
	.LeftColumn .Navigation li a {background: #f0f4f5 url(../Images/_Novo/Institucional/bullet-plus.gif) no-repeat 8px 1.1em}
	.LeftColumn .Navigation li a:hover, .LeftColumn .Navigation li a.active {background: #f0f4f5 url(../Images/_Novo/Institucional/bullet-minus.gif) no-repeat 8px 1.1em}
}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	.TopSearch .submit, .TopLogin .submit, .TopLogin .logout {padding-top: 1.4em}
	
	.MainMenu li .sub {margin-top: 3.9em; margin-left: -14%}
	
	.OutrosDestaques .Newsletter legend span {position: absolute; top: 5px; left: auto}
	.OutrosDestaques .Newsletter .submit {padding-top: 1.7em}
}


/* Calculadora */
.FormCalculator {font-size: 1.2em; clear: both; padding-top: 10px; width: 100%}
.FormCalculator fieldset {width: 100%}
.FormCalculator fieldset div {clear: both; padding-bottom: 5px; width: 100%}
.FormCalculator fieldset div label {text-align: right; float: left; padding-right: 5px; width: 20%}
.FormCalculator fieldset div span {font-size: 1.0em; padding-left: 5px}
.FormCalculator .subscrever {padding-left: 20%}

.FormCalculator div.subscrever input.button {color: #F7890B; font-size: 1.2em; clear: both; float: none; border: 0; padding: 0 15px 0 0; width: auto; height: auto; background: transparent url(../images/Institucional/arrow3.gif) no-repeat scroll right center}
.FormCalculator div input {color: #666666; font-size: 1.1em; float: left; margin: 0; border: 2px 1px 1px solid #999999; padding: 1px; width: 50px; height: 13px}
/* //Calculadora */

/* Css para Listagem */
.listagem {float: left; clear: both; padding: 20px 0; width: 100%}
	.listagem h3 {font-size: 1.4em; font-weight: bold; color: #666; margin: 0 !important; padding-bottom: 10px}
	.listagem h4 {font-size: 1.2em; font-weight: normal; color: #666; margin: 0 !important; padding-bottom: 10px}
	.bordernone {border-top: 0!important}
	.Paginacao {text-align: right; padding: 5px 10px; clear: both; float: left; width: 598px; background: #f0f4f5}
		.Paginacao .inner {font-size: 1.2em; color: #666}
		.Paginacao em {font-style: normal; text-align: left; float: left; padding-top: 2px; padding-right: 20px; width: 120px}
		.Paginacao .irpara {float: left}
		.Paginacao label {float: left; padding-top: 2px; padding-right: 5px}
		.Paginacao .pagNu {float: left; margin-right: 5px; width: 21px; padding: 0; border-color: #ccc; border-style: solid; border-width: 2px 1px 1px 1px; font-size: 1em; color: #666}
		.Paginacao .pagGo {margin-right: 20px}
		.Paginacao a {color: #f06323; text-decoration: none; margin: 0 2px}
		.Paginacao a:hover {color: #556c76!important}
		.Paginacao a.here {color: #556c76!important}
		.Paginacao a img {border: 0}
	
	.listagem .linha {overflow: auto; clear: both; float: left; width: 598px; padding: 10px; border-top: 1px solid #e5e5e5}
		.listagem .linha span.data {color: #a0b2b9; font-size: 1.2em; padding: 0}
		.listagem .linha img {float: left; width: 68px; margin: 0 10px 0 0; border: 0}
		.listagem .linha a {float: left}
		.listagem .linha a img {width: 68px; margin: 0 10px 0 0; border: 0}
		.listagem .linha .news {overflow: auto}
		.listagem .linha .news a {font-size: 1.2em; float: none}
		.listagem .linha .news div.resumo {color: #666; font-size: 1.2em}
		.listagem a {color: #f06323; text-decoration: none}
		.listagem a:hover {color: #556c76}
	
	.RightColumn .Content .news {font-size: 1.0em}
	.noticias {clear: both; padding-top: 20px}
	.noticia_destaque {clear: both; float: left; width: 598px; padding: 0; margin: 20px 0; padding: 10px; background: #f0f4f5}
		.noticia_destaque .imagem {float: left; padding-right: 10px; width: 200px}
		.noticia_destaque .news {color: #666; font-size: 1.2em; overflow: auto}
		.noticia_destaque .news span.data {color: #a0b2b9; font-size: 1.0em}
		.noticia_destaque a {color: #f06323; text-decoration: none}
		.noticia_destaque a:hover {color: #556c76}
		.noticia_destaque a.mais {width: auto}
/* --> Css para Listagem */











/* ======================= CSS Conteudos ======================= */

	/* Css Para Formulário de Contactos */
	
		h3 {clear: both; font-size: 1.4em; font-weight: bold; color: #666; padding: 0 0 10px 0; margin: 0;}
			h3 a {color: #666;}
			h3 a:hover {color: #666;}
		fieldset.Form_Contactos {float: left; clear: both; width: 629px; margin: 0; padding: 0 0 9px 0 ; border: 0}
		fieldset.Form_Contactos div.top {padding-top: 9px}
			fieldset.Form_Contactos div {float: left; clear: both; width: 629px; padding: 10px 0 0 0}
			fieldset.Form_Contactos label {float: left; clear: left; width: 180px; padding: 2px 4px 0 0; margin: 0; font-size: 1.1em; color: #666; text-align: right;}
				fieldset.Form_Contactos label span {color: #FFDC12;}
			fieldset.Form_Contactos input.InputNome {float: left; width: 372px; height: 14px; padding: 1px; margin: 0; font-size: 1.1em; border-top: 2px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; }
			fieldset.Form_Contactos input.InputTelefone {float: left; width: 179px; height: 14px; padding: 1px; margin: 0; font-size: 1.1em; border-top: 2px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; }
			fieldset.Form_Contactos input.InputEmail {float: left; width: 179px; height: 14px; padding: 1px; margin: 0; font-size: 1.1em; border-top: 2px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; }
			fieldset.Form_Contactos textarea.AreaQuestao {float: left; width: 372px; height: 94px; padding: 1px; margin: 0; border-top: 2px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; }
			input.btn_submit_form {float: left; clear: both; width: 153px; padding: 2px 15px; margin: 0 0 0 407px; color: #666; font-size: 1.1em; text-align: right; border: 0; background: url(../images/Institucional/arrow1.gif) no-repeat right center;}
					
			fieldset.Form_Contactos label.msg_erro {float: left; clear: both; width: 376px; text-align: left !important; padding: 0 0 10px 184px; font-size: 1.2em; color: #C83335;}
			fieldset.Form_Contactos label.msg_tag {float: left; clear: none !important; width: 100px; height: 19px; text-align: left !important; padding: 0 0 0 4px; font-size: 1.8em; color: #C83335;}
				
	/* --> Css Para Formulário de Contactos */
	
	
	/* Css Para Glossário */
		
		.glossario {float: left; clear: both; width: 629px; padding: 10px 0 0 0;}
			.glossario .letters {float: left; clear: both; width: 629px; padding: 0 0 15px 0; margin: 0;}
				.glossario .letters a {float: left; width: 21px; height: 19px; padding: 2px 0 0 0; margin: 0 3px 0 0; display: block; font-size: 1.5em; font-weight: bold; color: #fff; text-align: center; background: url(../images/Institucional/bola_glossario.gif) no-repeat left top;}
					.glossario .letters a:hover {color: #fff; background: url(../images/Institucional/bola_glossarioHover.gif) no-repeat left top;}
					.glossario .letters a.Activo {color: #fff; background: url(../images/Institucional/bola_glossarioHover.gif) no-repeat left top;}
					
					.glossario .letters a.inativo {color: #fff; background: url(../images/Institucional/inativo.gif) no-repeat left top;}
					
			.glossario h3 {padding: 0 0 6px 11px !important;}
			.glossario dl {float: left; clear: both; width: 629px !important; padding: 0 !important; margin: 0 !important;}
				.glossario dl dt {float: left; clear: both; width: 587px !important; font-size: 1.2em; color: #fff; padding: 3px 21px !important; margin: 0 !important; background: url(../images/Institucional/file_glossario1.gif) no-repeat left top;}
					.glossario dl dt:hover {color: #666; background: url(../images/Institucional/file_glossario2.gif) no-repeat left top;}
					.glossario dl dt.over {color: #666; background: url(../images/Institucional/file_glossario2.gif) no-repeat left top !important;}
					.glossario dl dt.Activo {color: #666; background: url(../images/Institucional/file_glossario2.gif) no-repeat left top;}
						.glossario dl dd {float: left; clear: both; width: 568px !important; font-size: 1.2em; color: #666; padding: 0 40px 0 21px !important;  margin: 0 !important;}
							.glossario dl dd.Activo {padding: 5px 40px 0 21px !important;  margin: 0 !important; height: auto !important;}
	/* --> Css Para Glossário */
	
	/*  Css Para Galeria */
		
		.Galeria {float: left; clear: both; width: 629px; padding: 0 0 9px 0}
			.Galeria .GaleriaIN { float: left; clear: both; width: 616px; padding: 0 4px 0 9px}
				.Galeria .GaleriaIN .Item {float: left; width: 149px; margin: 2px 5px 2px 0; background: #FFDC12;}
					.Galeria .GaleriaIN .Item .imagem {float: left; clear: both; width: 149px; min-height: 141px; text-align: center; padding: 3px 0 0 0}
					*html .Galeria .GaleriaIN .Item .imagem {height: 141px;}	
						.Galeria .GaleriaIN .Item .imagem img {border: 0;}
					.Galeria .GaleriaIN .Item .opcoes {float: left; clear: both; width: 149px; min-height: 40px; padding: 10px 0 3px 0}
					*html .Galeria .GaleriaIN .Item .opcoes {height: 40px;}
						.Galeria .GaleriaIN .Item .opcoes span { float: left; width: 90px; padding: 0 0 0 10px; font-size: 1.2em; color: #666;}
						.Galeria .GaleriaIN .Item .opcoes a.ver_mais { float: left; clear: both; margin: -15px 5px 0 0; width: 129px; font-size: 1.2em; color: #F7890B; text-align: right; padding: 0 15px 0 0; background: url(../images/Institucional/arrow2.gif) no-repeat right center;}
						.Galeria .GaleriaIN .Item .opcoes select {float: left; clear: both; width: 139px; font-size: 1em; color: #000; border: 1px solid #878787; padding: 1px; margin: 4px 5px 0 5px;}
		
					.Galeria .GaleriaIN .Item .opcoesB {float: left; clear: both; width: 149px; min-height: 40px; padding: 10px 0 3px 0}
					*html .Galeria .GaleriaIN .Item .opcoesB {height: 40px;}	
						.Galeria .GaleriaIN .Item .opcoesB span.box {float: left; clear: both; width: 129px; padding: 2px 10px; margin: 0 0 5px 0; font-size: 1.1em; color: #666; background: #FBB20E;}
						.Galeria .GaleriaIN .Item .opcoesB span { float: left; width: 90px; padding: 0 0 0 10px; font-size: 1.2em; color: #666;}
						.Galeria .GaleriaIN .Item .opcoesB a.ver_mais { float: left; clear: both; margin: -15px 5px 0 0; width: 129px; font-size: 1.2em; color: #F7890B; text-align: right; padding: 0 15px 0 0; background: url(../images/Institucional/arrow2.gif) no-repeat right center;}
		
		.Galeria_out {float: left; clear: both; width: 629px;}
			.Galeria_out h2 {float:left; width: 168px;}
			.Galeria_out select.outros_temas {float: left; width: 139px; font-size: 1em; color: #000; border: 1px solid #878787; padding: 1px; margin: 0;}
			
			
			.Galeria .lightboxDesc { display: block; }
			#lbDescription .lightboxDesc { padding-bottom: 5px; }
			#lbDescription .lightboxDesc span { display: block; }
			
			.divLinksGal {float: right; margin: -26px 0 0 0;}
			.divLinksGal a.voltarTemasGal {float: left; font-size: 1.2em; color: #FB7000; padding: 0 5px 0 15px; margin: 0 0 0 10px; background: url(../images/Institucional/arrow4.gif) no-repeat left center;}
		
	/* --> Css Para Galeria */
	
	
	/* Css para Forum */
	
		.divLinks {float: right; margin: -26px 0 0 0;}
		a.voltarTemas {float: left; font-size: 1.2em; color: #FFDC12; padding: 0 5px 0 15px; margin: 0 0 0 10px; background: url(../images/Institucional/arrow4.gif) no-repeat left center;}
		a.novoTopico {float: left; clear: both; font-size: 1.2em; color: #FFDC12; padding: 0 15px 0 11px; margin: 7px 0 0 0; background: url(../images/Institucional/arrow3.gif) no-repeat right center;}
		
	
		.Forum {float: left; clear: both; width: 633px; padding: 0; margin: 0; padding: 11px 0 0 0}
					.Forum .ForumIN {float: left; clear: both; width: 611px; padding: 0 11px}
						.Forum .ForumIN img {float: left; clear: both;}
						.Forum .ForumIN .HeaderTitulos {float: left; clear: both; border-bottom: 1px solid #c5d0d5; padding: 0 0 6px 0; width: 611px}
							.Forum .ForumIN .HeaderTitulos span.NTopicos { float: right; width: 144px; text-align: center; font-size: 1.2em; color: #666; }
							.Forum .ForumIN .HeaderTitulos span.subTemas { float: left; width: 144px; font-size: 1.2em; color: #666; }
							
							.Forum .ForumIN .HeaderTitulos span.topicoC { float: left; width: 397px; font-size: 1.2em; color: #666; }
							.Forum .ForumIN .HeaderTitulos span.dataC { float: left; width: 64px; font-size: 1.2em; color: #666; }
							.Forum .ForumIN .HeaderTitulos span.respostasC { float: left; width: 64px; text-align: center; font-size: 1.2em; color: #666; padding: 0 3px 0 0; }
							.Forum .ForumIN .HeaderTitulos span.vistosC { float: left; width: 80px; text-align: center; font-size: 1.2em; color: #666; }
							
							
						.Forum .ForumIN .separador {float: left; clear: both; border-bottom: 1px solid #c5d0d5; padding: 4px 0 6px 0; width: 611px}
							.Forum .ForumIN .separador .left {float: left; width: 467px;}
								.Forum .ForumIN .separador .left a.titulo {clear: both; font-size: 1.2em; font-weight: bold; color: #F7890B;}
								.Forum .ForumIN .separador .left span.resumo {float: left; clear: both; width: 467px; font-size: 1.2em; color: #666;}
								
							.Forum .ForumIN .separador .right {float: left; width: 144px;}
								.Forum .ForumIN .separador .right span.num {float: left; clear: both; width: 144px; font-size: 1.2em; text-align: center; color: #666;}
						
	
							.Forum .ForumIN .separador a.topicoC {float: left; width: 347px; margin: 0 50px 0 0; font-size: 1.2em; font-weight: bold; color: #F7890B;}
							.Forum .ForumIN .separador span.dataC {float: left; width: 64px; font-size: 1.2em; color: #666;}
							.Forum .ForumIN .separador span.respostasC {float: left; width: 64px; text-align: center; font-size: 1.2em; color: #666; padding: 0 3px 0 0;}
							.Forum .ForumIN .separador span.vistosC {float: left; width: 80px; text-align: center; font-size: 1.2em; color: #666;}
							
							
							.Forum .ForumIN .separador span.dataD {float: left; clear: both; width: 611px; font-size: 1.2em; color: #666;}
							.Forum .ForumIN .separador a.topicoD {clear: both; margin: 0; font-size: 1.2em; font-weight: bold; color: #F7890B;}
							.Forum .ForumIN .separador div.respostasD {float: left; clear: both; width: 611px; font-size: 1.2em; color: #666; padding: 0;}
							
							
				.Topico {float: left; clear: both; width: 629px; margin: 0 0 10px 0; padding: 0 0 9px 0 ; border: 0}
					.Topico div {float: left; clear: both; width: 609px; padding: 0 10px}
						.Topico div span {float: left; clear: both; width: 609px; font-size: 1.2em; font-weight: bold; color: #666; padding: 0 0 13px 0;}
						.Topico div div {float: left; clear: both; width: 609px; padding: 0; background: none; font-size: 1.2em; color: #666;}
							
							
				
				h3.responder {padding-left: 10px; padding-top: 20px;}
			
			fieldset.Forum_Responder {float: left; clear: both; width: 629px; margin: 0; padding: 0 0 9px 0 ; border: 0}
			fieldset.Forum_Responder div {float: left; clear: both; width: 629px; padding: 10px 0 10px 0}
			fieldset.Forum_Responder label {float: left; clear: left; width: 180px; padding: 2px 4px 0 0; margin: 0; font-size: 1.2em; color: #666; text-align: right;}
				fieldset.Forum_Responder label span {color: #FFDC12;}
			
			fieldset.Forum_Responder input.InputTitulo {float: left; width: 301px; height: 14px; padding: 1px; margin: 0; font-size: 1.1em; border-top: 2px solid #939393; border-bottom: 2px solid #E5E5E5; border-left: 2px solid #CECECE; border-right: 0; }
			fieldset.Forum_Responder textarea.AreaMensagem {float: left; width: 301px; height: 135px; padding: 1px; margin: 0; border-top: 2px solid #939393; border-bottom: 2px solid #E5E5E5; border-left: 2px solid #CECECE; border-right: 0; }
			
			fieldset.Forum_Responder div.btns {float: left; clear: both; text-align: right; width: 489px; padding: 0 140px 0 0}
			input.btns_responder_forum {cursor: pointer; padding: 2px 15px 2px 0; margin: 0px; margin-left: 15px; color: #666; font-size: 1.2em; text-align: right; border: 0}
			
			fieldset.Forum_Responder div.msg {padding: 0;}
			fieldset.Forum_Responder label.msg {float: left; clear: both; width: 100px; padding: 0 0 0 10px; margin: 0; font-size: 1em; color: #666; text-align: left;}
			fieldset.Forum_Responder label.msg span.asterisco { float: left; color: #FFDC12;}
			fieldset.Forum_Responder label.msg span.msg { float: left; color: #666;}
			
			.Sem-Resultados {clear: both; font-size: 1.3em; font-weight: bold; color: #666; padding: 20px 0; margin: 0;}
							
	/* --> Css para Forum */
	
	
	/* mapa do site */
	
		
		.accordion_toggler {position: absolute; top: 7px; left: 0; float: left; display: block; width: 18px; height: 19px; cursor: pointer; padding: 0; background: url(../images/Institucional/mais1.gif) no-repeat left top;}
		*html .accordion_toggler {position: relative; top: -15px; left: 0px; margin: 0!important; padding: 0!important; }
		.accordion_toggler.hilight, .selected .accordion_toggler {color: #666; background: url(../images/Institucional/menos1.gif) no-repeat left top;}

		.MapaSite {float: left; clear: both; width: 624px; margin: 0; padding: 0;}
		.MapaSite ul {float: left; clear: both; width: 624px; margin: 0; padding: 0;}
			.MapaSite ul li {float: left; clear: both; width: 624px; list-style: none; padding: 7px 0 0 0;}
				.MapaSite ul li a {display: block; padding: 0 0 0 18px; font-size: 1.2em; color: #F7890B;}
					.MapaSite ul li a:hover {color: #666;}
				.MapaSite ul li ul {float: left; clear: both; width: 606px; margin: 0; padding: 0 0 0 18px;}
					.MapaSite ul li ul li {float: left; width: 606px;}
			
			.level2 {position: relative;}
			.level3 a {color: #F7890B !important;}
			.level3 a:hover {background: #E5E5E5;}
		
	/* --> mapa do site */
	
	
	/* CSS para calculadores x_X */

	.calculadores {float: left; clear: both; width: 634px;}
		.calculadores div {float: left; clear: both; width: 634px; padding: 10px 0 0 0;}
			.calculadores div label {float: left; width: 150px; padding: 2px 5px 0 0; text-align: right; color: #666; font-size: 1.2em;}
			.calculadores div span {float: left; padding: 2px 0 0 5px;  color: #666; font-size: 1.1em;}
			.calculadores div input {float: left; border-top: 2px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; padding: 1px; margin: 0; width: 50px; height: 13px; font-size: 1.1em ; color: #666;}
			.calculadores div select {float: left; border-top: 2px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; padding: 1px; margin: 0; font-size: 1.1em ; color: #666;}
			.calculadores div input.subscrever {float:left; clear: both; width: 75px; margin: 0 0 0 136px; border: 0 !important; padding: 0 !important; font-size: 1.2em; color: #F7890B; background: url(../images/Obesidade/arrow2.gif) no-repeat right 3px;}
			.calculadores .divResultado {font-size: 1.4em; font-weight: bold; color: #666; margin: 0 !important; padding: 20px 0 0 153px !important; width: 300px;}
			
			.textocalculadores {font-size: 1.2em !important;}

	.calculadores table td {font-size: 0.8em}			
			
/* --> CSS para calculadores x_X */
	
	/* CSS para questionários o_0 */

	fieldset.questionario {float:left; clear: both; width: 500px; padding: 0 0 30px 0; margin: 0; border: 0; color: #666;}
		fieldset.questionario .separador {float:left; clear: both; width: 100%; padding: 0 0 5px 0; margin: 0; border: 0;}
		fieldset.questionario .last {padding: 0 0 25px 0 !important;}
		fieldset.questionario .mid {padding: 0 0 10px 0 !important;}
		
		fieldset.questionario label, fieldset.questionario span {float: left; font-size: 1.2em;}
		fieldset.questionario strong.titulo {font-size: 1.2em; font-weight: normal;}
		fieldset.questionario input {float: left; padding: 1px; margin: 0; font-size: 1.1em; color: #666;}
			.separador ol {float: left; clear: both;}
				.separador ol li {float: left; clear: both; list-style: none; margin: 0 0 2px 0;}
				
			.separador ul {float: left; clear: both; margin: 0;}
				.separador ul li {float: left; clear: both; list-style: none; margin: 0 0 10px 0;}
		
		fieldset.questionario div.btns {float: left; clear: both; text-align: right; width: 405px; padding: 0 140px 0 0}
		input.btnregistar {cursor: pointer; float: none!important; padding: 2px 15px 2px 0!important; margin: 0px; margin-left: 15px!important; color: #666; font-size: 1.2em!important; text-align: right; border: 0; background: url(../images/Institucional/arrow1.gif) no-repeat right center;}
		
		.txtGrande {width: 400px}
		.txtMedio {width: 300px}
		.txtNormal {width: 120px}
		.txtPequeno {width: 20px}
		.txtAno {width: 35px}
		
		Table {clear: both; border-collapse: collapse; margin: 0 0 20px 0;}
		Table tr {font-size: 1.2em; color: #666;}
		Table td {border: 1px solid #F7890B; text-align: center; padding: 5px;}
		Table td input{float: none !important;}
		
		.Tabela-A {clear: both; width: 618px; border-collapse: collapse; margin: 0;}
		.Tabela-A tr {font-size: 1em;}
		.Tabela-A td {border: 1px solid #666; text-align: center; padding: 5px;}
		.Tabela-A td input{float: none !important;}
		.Tabela-A td.left {text-align: left; width: 150px;}
		
		.Tabela-B {clear: both; width: 618px; border-collapse: collapse; margin: 0;}
		.Tabela-B th {text-align: center; font-weight: normal;}
		.Tabela-B tr {font-size: 1em;}
		.Tabela-B td {border: 0; text-align: center; padding: 5px;}
		.Tabela-B td input{float: none !important;}
		.Tabela-B td.TD1 {text-align: left; width: 10px;}
		.Tabela-B td.TD2 {text-align: left; width: 250px;}
		.Tabela-B td.TD3 {text-align: center; width: 150px;}
		
		
		.noborder, .noborder input {border: 0 !important;}
		.indent {padding-left: 30px !important;}
	
/* --> CSS para questionários o_0 */

/* --> Conteudos restantes páginas */

.DocumentosAssociados {clear: both; float: left; margin: 20px 0; width: 618px; background: #f0f4f5}
.DocumentosAssociados h3.titulo {padding: 10px}
.DocumentosAssociados .caixa {font-size: 1.2em}
.DocumentosAssociados .docs {border-top: 1px solid #fff; padding: 5px 10px}
.DocumentosAssociados .docs a {color: #f06323; text-decoration: none}
.DocumentosAssociados .docs a:hover {color: #666; text-decoration: none}
.DocumentosAssociados .docs {color: #a0b2b9}

/* _______________________ CSS Conteudos _______________________ */