﻿
/*
Tema: Informe ENSP
URI do Tema: http://www.brunocastello.com/
Descrição: Nova versão do Informe ENSP.
Versão: 2.0
Autor: Bruno Castello
URI do Autor: http://www.brunocastello.com/
Tags: branco, largura fixa, html5, microformats

	Informe ENSP v2.0

	http://www.brunocastello.com/

	Este tema foi desenhado e construído por Bruno Castello,
	cujo site você pode encontrar em http://www.brunocastello.com/

	Este CSS, XHTML e design são protegidos pela GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* ====== Ativando HTML5 Block Level Elements ====== */
header, nav, section, article, group, figure, figcaption, aside, footer {display: block;}


/* ====== Estilos Globais ====== */
html, body { height: 100%; }
body{_text-align:center;}/* IE5.5 */
.body{overflow:hidden; _overflow:visible; _zoom:1;}
.page{margin: 0 auto; width: 950px;_text-align:left; min-height:100%; position:relative;} /* wraps other template elms to set width */ /* text-align IE5.5 */
*html .page {height:100%;}
/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool{width:750px;}
.gs960{width:960px; margin:0 auto;}
.gs986{width:986px; margin:0 auto;}
.liquid{extends:.page; width: auto;margin:0;}
.foot {border-top:5px solid #669933; background-color:#00552A; color:#FFFFFF; bottom: 0; left: 0; height:85px; padding:15px 0; position: absolute; text-align: center; width:100%;}
.clearfix {clear:both;}


/* ====== Tipografia e Cores ====== */
body {font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; /* Reseta 1em para 10px */}

.page {font-size:1.2em; line-height:1.4em;}

.body a:link, .body a:visited, .body a:active, header#banner nav a:hover {color:#00552A;}

div.entry-summary, section.entry-content {line-height:17px; color:#444444;}
div.entry-summary a:link, div.entry-summary a:visited, div.entry-summary a:active, section.entry-content a:link, section.entry-content a:visited, section.entry-content a:active {text-decoration:underline;}


footer {font-size:0.9em;}
.foot a, .foot a:link, .foot a:hover, .foot a:visited, .foot a:active {color:#FFFFFF;}

.main h1 {font-size:2em; color:#333333; font-weight:bold; line-height:1.1em;}
h1.entry-title, h1.page-title {padding:0 0 5px 0; margin:10px; border-bottom: 1px solid #b6b6b6;}
h2, h2 a {margin-bottom:10px; color:#00552A; font-weight:bold; line-height:1.1em;}
#lista-materias h2.entry-title {font-size:1.2em; line-height:1.3em;}
.entry-content h3 {color:#666666; border:none; display:block; clear:both; padding:5px 0 0 0;}
.entry-content p {font-size: 13px;}
h3 {padding:0; border-top:2px solid #00552A; margin:0 10px;}
h3 span {display:block; font-size:1.150em; padding:10px 0; margin:0; color:#333333;}
h4 {font-size:1em; margin:0; padding:0;}

img {background-color:#dededd; border:1px solid #999999;}

img.obrigatorio {display:inline; border:none; vertical-align:baseline;}


/* ====== Colunas ====== */
.main{overflow: hidden;_overflow:visible;_zoom:1; padding-bottom:150px;}
.leftCol{float:left; width:250px; _margin-right:-3px;}
.rightCol{float:right; width:300px; _margin-left:-3px;}
/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.yahoo{width:240px;}
.myYahoo{width:300px;}
.myENSP {width:280px; margin-bottom:150px;}


/* ====== Conteúdo do Cabeçalho ====== */
header#banner {background:#fff url('../image/css-sprites.gif') repeat-x left bottom; width:auto; padding:0; margin:0 auto; font-size:0.9em; }
header .gs986 {position:relative;}
header#banner .site-title {margin:0 10px; padding:0; float:left; width:530px; height:54px; }

/* header#banner .site-title a.logo {background:transparent url('../image/css-sprites.gif') no-repeat -10px -10px; display:block; height:54px; line-height:9999px; margin:0; overflow:hidden; padding:0; width:134px;} */

header#banner .site-title a.logo {display:block; height:54px; line-height:9999px; margin:0; overflow:hidden; padding:0; width:194px; }
header#banner .site-title a.logo img {background:none; border:0;}

header#banner .site-title span {border-left:1px solid #bbbbbb; position:absolute; top:0; left:214px; height:54px; padding:0 10px;}
header#banner .site-title span a {color:#333333; font-size:2.1em; font-weight:normal; line-height:2.4em;}


/* ====== Menus ====== */
nav ul {margin:0; padding:0;}
nav ul li {display:inline; border-right: 1px solid #bbbbbb; margin:0; padding:0;}
nav ul li:last-child {border:none;}
nav ul li a {margin:0 7px;}
nav ul li:first-child a {margin-left:0;}
nav ul li:last-child a {margin-right:0;}

header#banner nav.canais {border-top:1px solid #bbbbbb; padding:9px 10px; margin:14px 0 0 0; float:left; width:966px; position:relative;}
header#banner nav a {color: #666666;}
header#banner nav.auxiliar {border-top:none; margin:0; padding:0; position:absolute; top:0; right:166px; text-align:center;}
header#banner nav.auxiliar a {color:#999999;}
header#banner nav.auxiliar li:last-child {border-right: 1px solid #bbbbbb; padding-right:7px;}

.foot ul li a {margin:0 7px;}


/* ====== Redes Sociais & Compartilhamento ====== */	
nav.social {padding:0; position:absolute; top:0; right:10px;}
article.hentry header span ul.social, .post-social .social {padding:0; position:absolute; top:4px; right:0px;}
.social li {float:left; border:none; height:18px;}
.social li a {display:block; text-indent:9999px; overflow:hidden; height:16px; width:16px; margin:0 3px; padding:0;}
.social li:first-child a {margin-left:0;}
.social li:last-child a {margin-right:0;}
.social li a.facebook {background:transparent url('../image/css-sprites.gif') no-repeat -10px -69px;}
.social li a.google {background:transparent url('../image/css-sprites.gif') no-repeat -10px -88px;}
/* .social li a.orkut {background:transparent url('../image/css-sprites.gif') no-repeat -10px -107px;}*/
.social li a.twitter {background:transparent url('../image/css-sprites.gif') no-repeat -10px -126px;}
.social li a.flickr {background:transparent url('../image/css-sprites.gif') no-repeat -10px -145px;}
.social li a.youtube {background:transparent url('../image/css-sprites.gif') no-repeat -10px -164px;}
.social li a.instagram {background:transparent url('../image/css-sprites.gif') no-repeat -28px -69px;}
.social li a.rssfeed {background:transparent url('../image/css-sprites.gif') no-repeat -10px -183px;}

.social li.compartilhe {border-right: 1px solid #CCCCCC; padding-right:2px; margin-right:5px;}
header#banner .social li.compartilhe {border:none; padding:0; margin:0;}
.social li.compartilhe a {background:transparent url('../image/css-sprites.gif') no-repeat -10px -237px; text-indent:0; padding-left:21px; font-style:normal; font-weight:normal; display:inline;}
.social li.imprimir a {background:transparent url('../image/css-sprites.gif') no-repeat -10px -255px; text-indent:0; padding-left:21px; font-style:normal; font-weight:normal; display:inline;}
.social li.email {border-right: 1px solid #CCCCCC; padding-right:5px; margin-right:5px;}
.social li.email a {background:transparent url('../image/css-sprites.gif') no-repeat -10px -321px; width:18px; text-indent:0; padding-left:24px; font-style:normal; font-weight:normal; display:inline;}
.social li.comment-link {border-left: 1px solid #CCCCCC; padding-left:5px; margin-left:5px;}
.social li.comment-link a {background:transparent url('../image/css-sprites.gif') no-repeat -10px -298px; padding:0 0 2px 20px; color:#666666; line-height:1.4em; font-size:1.2em; text-indent:0; text-decoration:none; font-style:normal;}
.social li.comment-link a:hover {color:#00552A;}

header#banner .social li a {display:block; text-indent:9999px; overflow:hidden; height:16px; width:16px; margin:0 3px; padding:0;}

/* ====== Migalhas de Pão ====== */
.breadcrumb {width:986px; font-size:0.9em; color:#999999; display:block; margin:0 auto; position:relative;}
.breadcrumb ul {float:left; margin:10px; padding:0; width:666px;}
.breadcrumb ul li {border:none;}
.breadcrumb ul li.ativo a {font-weight:bold; color:#00552A;}
.breadcrumb a {color:#999999; font-weight:normal;}
.breadcrumb abbr {float:right; margin:10px; padding:0; width:280px; text-align:right;}


/* ====== Páginas Matéria e Evento ====== */
.materia article header h1, .evento-entry header h1 {font-size:2em; padding:0; color:#333333; font-weight:bold; line-height:1.1em; border-bottom:none;}
.materia article header h2, .evento-entry header h2 {font-size:1.2em; font-weight:normal; color:#999999; margin:10px; padding:0;}
.materia article header span, .evento-entry header span {margin:10px; padding:5px 0; font-style:italic; font-size:0.9em; color:#666666; border-top: 1px solid #b6b6b6; position:relative; display:block; zoom:1;}
.materia article .entry-content, .evento-entry .entry-content {padding-bottom:15px;}
.materia article .entry-content p, .evento-entry .entry-content p {clear:both; margin:0 10px; padding:0;}
.materia article .entry-content img, .evento-entry .entry-content img.esquerda {margin:0 10px 10px 0;}
.materia article .entry-content img, .evento-entry .entry-content img.direita {margin:0 0px 10px 10px;}

.materia article .postmetadata, .evento-entry .postmetadata {clear:both;}
.materia article .postmetadata address, .evento-entry .postmetadata address {margin:0 10px 10px 10px; padding:5px 0; font-style:italic; font-size:1em; color:#666666;}
.materia article .postmetadata .post-social, .evento-entry .postmetadata .post-social {margin:0 10px 15px 10px; padding:5px 0; position:relative; border-top:1px solid #b6b6b6; display:block; height:16px;}

.materia-tags {clear:both;}
.materia-tags h3 span {background:transparent url('../image/css-sprites.gif') no-repeat -10px -218px; padding:0 0 2px 20px; white-space:nowrap; margin:8px 0;}


/* ====== Módulo dos Blocos Extras ====== */
.bloco-extras {clear:both; margin:10px 0;} 
.bloco-extras ol {margin:0 10px; padding:0;}
.bloco-extras ol li {border-bottom:1px solid #b6b6b6; padding:5px 0; font-size:1.1em;}
.bloco-extras ol li:last-child {border:none;}
.bloco-extras ol li a:link, .bloco-extras ol li a:visited, .bloco-extras ol li a:active {color:#666666; font-weight:normal; text-decoration:none; display:block; padding-left:20px; background:transparent url('../image/css-sprites.gif') no-repeat -775px -86px;}
.bloco-extras ol li a:hover {color:#00552A; text-decoration:underline;}

div.saiba-mais h3 span {background:transparent url('../image/css-sprites.gif') no-repeat -10px -272px; padding:0 0 2px 20px; margin:8px 0 2px 0;}
div.links h3 span {background:transparent url('../image/css-sprites.gif') no-repeat -10px -235px; padding:0 0 2px 20px; margin:8px 0 2px 0;}
div.anexos h3 span {background:transparent url('../image/css-sprites.gif') no-repeat -10px -342px; padding:0 0 2px 20px; margin:8px 0 2px 0;}
div.biblioteca h3 span {background:transparent url('../image/css-sprites.gif') no-repeat -10px -401px; padding:0 0 2px 20px; margin:8px 0 2px 0;}


/* ====== Módulo dos Comentários ====== */
#comentarios {margin-top:40px;}
#comentarios h3.comments span.icone {float:left; width:20px; height:22px; background:transparent url('../image/css-sprites.gif') no-repeat -10px -295px; padding:0; margin:4px 0 2px 0;}
#comentarios h3.comments span.titulo {float:left; width:666px; line-height: 1.1em; margin:4px 0 2px 0; padding:0 0 2px 0;}
#comentarios .comment-number {clear:both; border-bottom:1px solid #b6b6b6; color:#666666; margin:0 10px; padding:5px 0;}
#comentarios ol li.comment {border-bottom:1px dotted #b6b6b6; float:left; width:100%;}
#comentarios .comment-author {padding:30px 0; width:175px; float:left;}
#comentarios .comment-author cite, #comentarios .comment-author a.url {color:#333333; text-align:left; font-weight:bold; font-size:1.2em;}
#comentarios .comment-author span.comment-meta {display:block; font-weight:normal; color:#666666; font-size:0.95em;}
#comentarios .comment-author a:hover, #comentarios .comment-author span.comment-meta a:hover {color:#00552A; text-decoration:none;}
#comentarios .comment-body {padding:30px 0; /* display:inline-block; */ margin:0 0 0 185px; color:#666666;}

#comentar {clear:both;}
#comentar h3.responder {border:none; font-size:1.2em; font-weight:bold;}
#comentar p {margin:0 10px; padding:0; color:#666666;}
#comentar fieldset {margin:0; padding:10px; width:686px;}
#comentar label {color:#666666; width:100px; float:left; padding:3px 0;}
#comentar textarea {width:676px; height:150px;}
#comentar input {float:left;}
#comentar li.botoes {text-align:right;}
#comentar li.botoes span {padding:0 5px; *padding:3px 5px; *zoom:1;}
#comentar li.botoes * {float:none;}
#comentar li.botoes a.botao {*zoom:1; *padding:3px 7px;}

#comentar .termos-de-uso { border:1px solid #b6b6b6; padding:10px; margin:10px 0; background:#fafafa;}
#comentar .termos-de-uso p { padding-bottom:10px; }
#comentar .termos-de-uso ul { padding-left:40px; }
#comentar .termos-de-uso ul li { color:#666666; list-style:circle; }
#comentar input.cbx-concordo { vertical-align:text-bottom; float:none; }
#comentar .p-concordo { color:#000; }


/* ====== Módulo de Lista de Destaques ====== */
#lista-destaques ol {margin:0 10px; padding:0;}
.evento #lista-destaques ol, .materias #lista-destaques ol {border-top:2px solid #00552A; padding:10px 0 0 0;}
#lista-destaques ol li {margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #dededd;}
#lista-destaques ol li h2.entry-title {margin:0; padding:0;}
#lista-destaques ol li header span {margin:0; padding:3px 0 0 0; font-style:italic; font-size:0.9em; color:#666666; border-top:none; position:relative; display:block; zoom:1;}
#lista-destaques ol li .entry-summary {display:inline-block; margin:5px 0 0 0;}
#lista-destaques ol li .entry-summary p {float:left;}
#lista-destaques ol li .entry-summary p {font-size: 13px;}
#lista-destaques ol li .entry-summary p img {/*height:90px*/; background:#999999;}
#lista-destaques ol li .entry-summary p img.esquerda {float:left; margin:3px 10px 10px 0; padding:0;}
#lista-destaques ol li .entry-summary p img.direita {float:right; margin:3px 0 10px 10px; padding:0;}

#lista-destaques ol footer.tags {margin:0; padding:0;}
#lista-destaques ol footer.tags ul li {border:none;}
#lista-destaques ol li:last-child {border:none; padding:0;}

/* ====== Módulo de Lista de Matérias ====== */
#lista-materias ol {border-top:2px solid #00552A; margin:0 10px; padding:10px 0;}
#lista-materias ol li {margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #dededd;}
#lista-materias ol li h2.entry-title {margin:0; padding:0;}
#lista-materias ol li header span {margin:0; padding:5px 0 0 0; font-style:italic; font-size:0.9em; color:#666666; border-top:none; position:relative; display:block; zoom:1;}
#lista-materias ol li .entry-summary {display:inline-block; margin:5px 0;}
#lista-materias ol li .entry-summary p {float:left;}
#lista-materias ol li .entry-summary p {font-size: 1.084em;}
#lista-materias ol li .entry-summary p img {height:90px; background:#999999;}
#lista-materias ol li .entry-summary p img.esquerda {float:left; margin:3px 10px 10px 0; padding:0;}
#lista-materias ol li .entry-summary p img.direita {float:right; margin:3px 0 10px 10px; padding:0;}

#lista-materias ol footer.tags {margin:5px 0 0 0; padding:0;}
#lista-materias ol footer.tags ul li {border:none;}
#lista-materias ol li.mais {text-align:right; font-weight:bold; color:#00552A; font-size:0.9em;}

#lista-materias ol li:last-child {border:none;}


/* ====== Módulo detalhes do Evento ====== */
.evento-entry .banner {margin:10px;}
.evento-entry .banner img {margin: 0 auto;}
.evento-entry dl {float:left; padding:5px; margin:25px 10px; font-size:0.9em; background-color:#e9e9e9;}
.evento-entry dl dt {color:#00552A; float:left; font-weight:bold; margin:0; padding:5px 10px; width:80px; text-transform:uppercase; border-bottom:1px dotted #999999;}
.evento-entry dl dt.ultimo, .evento-entry dl dd.ultimo {border-bottom:none;}
.evento-entry dl dd {color:#666666; width:554px; float:left; padding:5px 10px; margin:0; border-left:1px dotted #999999; border-bottom:1px dotted #999999;}


/* ====== Módulo das Entrevistas ====== */
#entrevistas div {margin:0 10px;}
#entrevistas h4 {font-size:1em;}
#entrevistas p {padding:6px 0 0 0; font-size:1em;}
#entrevistas p img {float:left; margin:4px 10px 14px 0; padding:0; height:70px;}
#entrevistas .mais {text-align:right; font-weight:bold; color:#00552A; font-size:0.9em;}


/* ====== Módulo das Tag Clouds ====== */
#tagcloud div {margin:0 10px;}
#tagcloud h4 {font-size:1em;}
#tagcloud p {padding:6px 0 0 0; font-size:0.9em;}
#tagcloud p img {float:left; margin:4px 10px 14px 0; padding:0; height:70px;}

ul.tags li {display:inline; line-height:1.7em;}
ul.tags li a:link, ul.tags li a:visited, ul.tags li a:hover, ul.tags li a:active {background:transparent url('../image/css-sprites.gif') no-repeat -10px -202px; padding:1px 0 1px 20px; margin-right:5px; color:#666666; font-weight:normal;}
ul.tags li a:hover {color:#00552A;}

.materia ul.tags, .evento-entry ul.tags {font-size:1.125em; margin:0 10px 20px 10px; padding:0;}


/* ====== Módulo das Abas ====== */
div.abas {margin:15px 10px; clear:both;}
div.abas ul {margin:0; padding:0; display:block; list-style:none; height:22px; /*-- Altura das Abas --*/ border-bottom:1px solid #999999; border-left:1px solid #999999;}
div.abas ul li {float:left; margin:0; padding:0; height:21px; /*-- Subtrair 1px da altura da lista não ordenada --*/ line-height:21px; /*-- Alinhar verticalmente o text com a abs --*/ border:1px solid #999999; border-left:none; margin-bottom:-1px; /*-- Empurra a aba 1 pixel para baixo --*/	overflow:hidden; position:relative; background-color:#e0e0e0;}
div.abas ul li a {text-decoration:none; color:#000000; display:block; font-size:0.8em; padding:0 10px; border: 1px solid #ffffff; /*-- Dá um look 3D para as abas com uma borda de 1px na aba --*/ outline:none;}
div.abas ul li a:hover {background-color:#cccccc;}
div.abas ul li.active a {border:none;}
div.abas ul li.active, div.abas ul li.active a {border-top:1px solid #00552A;}
html div.abas ul li.active, html div.abas ul li.active a:hover {/*-- Faz com que a aba ativa não obedeça a propriedade hover --*/ background-color:#ffffff; border-bottom:1px solid #ffffff; /*-- Faz com que a aba ativa pareça estar conectada com o conteúdo --*/}
div.container {border:1px solid #999999; border-top:none; overflow:hidden; clear:both; background-color:#ffffff;}
div.aba {padding:0; font-size:1em;}
div.container a.mais {background-color:#e0e0e0; display:block; padding:3px 2px 2px 2px; font-size:0.9em; text-decoration:none; text-align:center;}
div.container a.mais:hover {background-color:#CCCCCC;}


/* ====== Módulo das Abas: Notícias e Afins ====== */
div.abas ol {margin:0; padding:10px;}
div.abas ol li {margin:0; padding:5px 0; border-bottom:1px solid #dededd;}
div.abas ol li h2 {font-size:1em; margin:0; padding:0;}
div.abas ol li:last-child {border-bottom:none;}
div.abas ol li a {font-weight:normal;}


/* ====== Módulo das Abas: Eventos ====== */
div#eventos .container ol {margin:0; padding:0 10px;}
div#eventos ol li {clear:both; overflow:auto; padding:10px 0;}
div#eventos ol li figure {height:72px; margin:0 10px 0 0; float:left;}
div#eventos ol li figure a {background-color:#dededd; text-decoration:none; display:block; height:70px; text-align:center; border:1px solid #999999;}
div#eventos figure img {height:70px;}
div#eventos ol li figure a:hover {border:1px solid #00552A; background-color:#cccccc;}


/* ====== Módulo das Abas: Fotos e Vídeos ====== */
div#fotos ol, div#videos ol {display:block; height:102px; margin:0; padding:10px 0 10px 10px;}
div#fotos ol li, div#videos ol li {padding:0; margin:0 10px 10px 0; float:left; border:none;}
div#fotos ol li figure, div#videos ol li figure {width:102px; height:102px; margin:0; display:block;}
div#fotos ol li figure a, div#videos ol li figure a {background-color:#dededd; text-decoration:none; display:block; height:100px; width:100px; text-align:center; border:1px solid #999999;}
div#fotos ol li figure a:hover, div#videos ol li figure a:hover {border:1px solid #00552A; background-color:#cccccc;}
.abas figure a img {width:100px; height:100px; border:none;}
div#fotos ol li h2 div#videos ol li h2 {font-size:1em; margin:0; padding:0;}


/* ====== Módulo da Paginação ====== */
.paginacao {color:#666666; font-size:0.9em; margin:0 10px; padding:0; text-align:center; border-top:1px solid #dededd;}
.paginacao p {margin:10px 0 0 0; padding:0; text-align:left;}
.links-de-paginacao {display:block; margin:10px auto;}
.links-de-paginacao li {display:inline; border:none; text-transform:uppercase;}

.ultima a {display:inline; padding-right:26px; text-align:right; background:transparent url('../image/css-sprites.gif') no-repeat -716px -347px;}
.proxima a {display:inline; padding-right:15px; text-align:right; background:transparent url('../image/css-sprites.gif') no-repeat -719px -86px;}
.numeracao a:link, .numeracao a:visited, .numeracao a:active {font-weight:normal; color: #666666;}
.numeracao a:hover {font-weight:bold;}
.selecionada {font-weight:bold; color:#00552A; margin:0 6px;}
.anterior a {display:inline; padding-left:15px; text-align:left; background:transparent url('../image/css-sprites.gif') no-repeat -776px -216px;}
.primeira a {display:inline; padding-left:26px; text-align:right; background:transparent url('../image/css-sprites.gif') no-repeat -765px -382px;}


/* ====== Módulo Banners ====== */
.banners {padding:0 10px; margin-bottom:15px;}
.banners img {border:none;}


/* ====== Módulo WebRadio ====== */
#webradio {height:100px;}
#webradio h3 span {background:transparent url('../image/css-sprites.gif') no-repeat -540px -5px;}
#webradio ul {margin:10px 0 20px 0; padding:0;}
#webradio ul li {display:inline; margin:0 10px; padding:0;}
#webradio .wraovivo {display:inline; height:15px; padding:0 0 1px 20px; background:transparent url('../image/css-sprites.gif') no-repeat -775px -49px;}
#webradio .wrnoticias {display:inline; height:15px; padding:0 0 1px 20px; background:transparent url('../image/css-sprites.gif') no-repeat -775px -66px;}


/* ====== Módulos facebook e twitter ====== */
#twitter {padding:15px 10px;}
#twitter h3 {border:none;}
#facebook {padding:0 10px;}


/* ====== Módulo dos Anexos ====== */
div.anexos ol li.anexo a {background:transparent url('../image/css-sprites.gif') no-repeat -10px -378px;}


/* ====== Formulários e Botões ====== */
fieldset {margin:0; padding:0;}
fieldset ul, fieldset li{margin:0; padding:0;}
fieldset li {float:left; width:100%;}
fieldset input, fieldset select {float:left;}
fieldset label{float:left; padding:2px 0; padding:3px 0\9; /* MSIE8+ */ *padding:2px 0; /* MSIE7+ */ color:#666666;}

form.buscar {float:right; margin:30px 10px 0 0;}
form.buscar input[type="text"] {margin-right:10px;}
textarea {padding:3px 4px; border:1px solid #CCCCCC; color: #333333;}
input[type="text"], input[type="password"] {padding:3px 4px; border:1px solid #CCCCCC; color: #333333;}

input[type="submit"], a:link.botao, a:visited.botao, a:hover.botao, a:active.botao {cursor:pointer; font-weight:bold; border:none; padding:3px 7px; padding:4px 6px\9; /* MSIE8+ */ *padding: 2px 6px 3px 6px; /* MSIE7+ */ color:#606060; background-color:#EEEEEE; text-decoration:none; /* Estilo Padrão dos Botões */ overflow:visible;}
input[type="submit"].verde, a:link.verde, a:visited.verde, a:hover.verde, a:active.verde {background-color: #00552A; color:#FFFFFF;}
@media screen and (-webkit-min-device-pixel-ratio:0) {input[type="submit"] {padding:4px 7px}}


/* ====== Páginas de Formularios ====== */
#formfaleconosco, #envie-noticia, #frm-login {clear:both;}
#formfaleconosco p, #envie-noticia p {margin:0 10px; padding:0; color:#666666;}
#formfaleconosco fieldset, #envie-noticia fieldset, #frm-login fieldset {margin:0; padding:10px; width:686px;}
#formfaleconosco fieldset ul, #formfaleconosco fieldset ul li, #envie-noticia fieldset ul, #envie-noticia fieldset ul li, #frm-login fieldset ul, #frm-login fieldset ul li {width:686px; margin:0 0 10px 0; padding:0; clear:both;}
#formfaleconosco label, #envie-noticia label {color:#666666; width:140px; float:left; padding:3px 0;}
#frm-login label {color:#666666; width:60px; float:left; padding:3px 0;}
#formfaleconosco input, #formfaleconosco select, #envie-noticia input, #envie-noticia select, #frm-login input, #frm-login select {float:left; margin:0;}
#envie-noticia #titulo {width:536px;}
#formfaleconosco textarea, #envie-noticia textarea {width:536px; height:150px;}
#formfaleconosco .recaptcha {float:left; margin:0 0 0 -3px;}
#formfaleconosco input.verde, #envie-noticia input.verde {float:right;}
#frm-login input.verde {margin-left:10px;}
#formfaleconosco br, #envie-noticia br, #frm-login br {clear:both;}
#formfaleconosco .enviar, #envie-noticia .enviar, #frm-login .enviar {border-top:1px solid #B6B6B6; padding-top:10px;}


/* ====== Busca Avançada ====== */
#busca-avancada {margin:0 10px;}
#busca-avancada h1 {padding:0;}
#busca-avancada h1 span {color:#00552A;}
#fba-toggle {line-height:40px; font-size:1em;}

#fba {background-color:#dedede; font-size:0.9em; border:1px solid #CCCCCC; margin-bottom:10px;}
#fba ul {margin:10px; padding:0;}
#fba ul li {margin:0; padding-bottom:10px;}
#fba input[type="text"], select {margin:0 5px;}
#fba input[type="radio"] {margin:1px 5px; margin:2px 5px\9; /* MSIE8+ */ *margin:-1px 2px; /* MSIE7+ */}
#fba select {border:1px solid #CCCCCC; color: #333333; padding:2px; *margin-top:1px; /* MSIE7+ */}
#fba #dia, #fba #mes {width:85px;}
#fba #ano {width:60px;}
#fba #btn-buscar {float:right; *margin-right:-10px; /* MSIE7+ */}

.busca article header span {margin:2px 0; display:block; font-style:italic; font-size:0.9em; color:#666666;}
.busca #lista-materias ol li:last-child {margin-bottom:0; padding-bottom:0;}
.busca #lista-materias ol li .entry-summary {padding-top:0;}

/* ====== Página Creditos ====== */
.creditos .entry-content h3 {color:#666666; border:none; display:block; clear:both; padding:5px 0 10px 0;}
.creditos .entry-content ul {float:left; width:666px; border-bottom: 1px dotted #CCCCCC; margin:0 10px 10px 10px; padding:0;}
.creditos .entry-content ul li {width:50%; float:left; padding:0 0 10px 0;}
.creditos .entry-content ul li figure {width:50px; height:50px; float:left; margin:0 10px 10px 0;}
.creditos .entry-content ul li figure img {width:49px; height:49px; overflow:hidden; background:transparent url('../image/nophoto.gif') no-repeat;}

.expediente .entry-content h3 {color:#666666; border:none; display:block; clear:both; padding:5px 0 10px 0;}
.expediente .entry-content ul {float:left; width:666px; border-bottom: 1px dotted #CCCCCC; margin:0 10px 10px 10px; padding:0;}
.expediente .entry-content ul li {width:50%; float:left; padding:0 0 10px 0;}
.expediente .entry-content ul li figure {width:50px; height:50px; float:left; margin:0 10px 10px 0;}
.expediente .entry-content ul li figure img {width:49px; height:49px; overflow:hidden; background:transparent url('../image/nophoto.gif') no-repeat;}


/* ====== Página Histórico ====== */
#historico img {margin:20px auto;}
#historico h3 {font-weight:bold\9;}

/* ====== Página Erro 404 ====== */
#erro404 img {margin:0 auto 40px auto; border:none;}
#erro404 p {text-align:center; line-height:1.7em;}
#erro404 #fbs {clear:both; margin:0 auto 40px auto; width:500px;}
#erro404 #fbs input[type="text"] {margin:0 10px 0 0;}
#erro404 #fbs fieldset {width:341px; margin:0 auto;}

/* ====== Página Ajuda ====== */
.ajuda article h4 {margin:10px;}
.ajuda article h4 span {font-weight:bold;}

.ajuda article ul {margin:10px 10px 20px 30px; padding:0;}
.ajuda article ul li {margin:15px 0; padding:0;}
.ajuda article ul li span {font-weight:bold; color:#00552A;}

.ajuda article dl {margin:10px 10px 20px 30px; padding:0;}
.ajuda article dl dt {font-style:italic; font-weight:bold; margin:20px 0 0 0;}
.ajuda article dl dd br {margin-bottom:10px;}


/* ====== Mensagens de alerta, erro e confirmação ====== */
.backdrop {position:absolute !important; top:0px; left:0px; overflow:hidden; width:100%; height:100%; z-index:50; display:none; background:url(../image/colorbox/overlay.png) repeat 0 0;}
#alertas {padding-top:5px;}
.alertbox {position:fixed; top:50%; left:50%; margin-left:-250px; margin-top:-100px; width:500px; z-index:51; background-color:#FFFFFF; border: 10px solid rgba(0,0,0,0.5); -moz-background-clip: border;/* Firefox 3.6 */ -webkit-background-clip: border;/* Safari 4? Chrome 6? */ background-clip: border-box;/* Firefox 4, Safari 5, Opera 10, IE 9 */ -moz-background-clip: padding;/* Firefox 3.6 */ -webkit-background-clip: padding;/* Safari 4? Chrome 6? */ background-clip: padding-box;/* Firefox 4, Safari 5, Opera 10, IE 9 */ -moz-background-clip: content;/* Firefox 3.6 */ -webkit-background-clip: content;/* Safari 4? Chrome 6? */ background-clip: content-box;/* Firefox 4, Safari 5, Opera 10, IE 9 */ border-radius: 16px;/* NOT REAL */ background-radius: 8px; display:none;} 
.alertbox a.alertclose {float:right; margin:14px 16px 0 0; font-size:1.5em; color:#000000; text-decoration:none; cursor:pointer; font-weight:bold;}

.alertbox p, #alertas p, #envie-noticia label.error, #formfaleconosco label.error, #formfaleconosco label.sucesso, #frm-comentario label.error, #frm-login label.error, #frm-login label.sucesso {padding:4px 4px 4px 25px; margin:10px; font-size:1em;}
.alertbox p.carregando, #alertas p.carregando, #frm-login .carregando {border:1px solid #7cb0ca; background:#dedef7 url('../image/icone-preloader.gif') no-repeat 7px 7px; color:#7cb0ca;}
.alertbox p.sucesso, #alertas p.sucesso, #formfaleconosco label.sucesso, #frm-login .label.sucesso {border:1px solid #5ef16a; background:#c8ffcc url('../image/icone-sucesso.gif') no-repeat 7px 7px; color:#060;}
.alertbox p.erro, #alertas p.error, #envie-noticia label.error, #formfaleconosco label.error, #frm-comentario label.error, #frm-login label.error {border:1px solid #fa8072; background:#ffe4e1 url('../image/icone-alerta.gif') no-repeat 7px 7px; color:#c00;}

#formfaleconosco label.sucesso, #formfaleconosco label.error {width:657px; display:block; float:left; margin:0 0 10px 0;}

#formfaleconosco ul li label.error, #envie-noticia label.error {width:515px; display:block; float:left; margin:10px 0 0 140px;}

#frm-login label.error {width:657px; display:block; float:left; margin:10px 0 10px 0;}

#frm-comentario label.error {width:657px; display:block; float:left; margin:10px 0 0 0;}


#frm-comentario label.error { width:400px; margin:0 !important; position:absolute; }

/* ====== Barras Governo Federal e ENSP ====== */

#barra-brasil-v3 { position:relative; clear:both; overflow:hidden; min-width:1000px; height:28px; background:#7f7f7f; }
#barra-brasil-v3 span { display:block; width:50%; height:28px; background:url(../image/barras/barra-brasil-v3-bgx.gif) 0 bottom repeat-x; }
#barra-brasil-v3 span .imagemGov { position:absolute; top:4px; right: 5px; /*left:50%;*/ height: 24px; width: 1000px; background: url(../image/barras/barra-brasil-v3-cinza.gif) right top no-repeat; /*margin-left:-500px;*/ }
#barra-brasil-v3 span .brasilgov { width: 100px; height: 24px; float:right; display:block; border: 0 !important; }

#barra-ensp { position: relative; height: 70px; background: url(../image/barras/bg-div.gif) repeat-x; border-top: 1px solid  #cbcbcb; }
#barra-ensp a { display: block; height: 70px; width: 300px; background: url(../image/barras/logo.gif) no-repeat; }
#barra-ensp a span { height: 0; width: 0; overflow: hidden; position: absolute; }
#barra-ensp .link-fiocruz { position: absolute; top: 15px; right: 15px; height: 25px; width: 86px; background: url(../image/barras/logo-fiocruz.png) no-repeat; }

/* ====== Bloco indique para um amigo ====== */

#indique-por-email-container {
  background: #fafafa;
  padding: 10px 10px 10px 10px;
  border-bottom: 1px solid #dedede;
}

#indique-por-email-container label {
  display: block;
  float: left;
  width: 150px;
  text-align: right;
  font-style:normal;
  font-size: 12px;
  color: #333333;
}

#indique-por-email-form {
  width: 420px;
  float: right;
}

#indique-por-email-form .indique-por-email-linha {
  padding: 5px 0;
}

#indique-por-email-form .indique-por-email-btn-line {
  text-align: right;
  padding-top: 10px;
  padding-right: 10px;
}

#indique-por-email-field-remetente-nome,
#indique-por-email-field-remetente-email,
#indique-por-email-field-destinatario-email {
  width: 243px;
}

#indique-por-email-mensagem {
  font-style:normal;
  background: #fafafa;
  margin-top: 10px;
}

#indique-por-email-mensagem .indique-por-email-mensagem-sucesso { color: green; }
#indique-por-email-mensagem .indique-por-email-mensagem-erro { color: red; }

/* clear-fix - Bloco indique para um amigo */

.ipe-clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ipe-clear { display: inline-block; }
* html .ipe-clear { height: 1%; } /* Hides from IE-mac */
.ipe-clear { display: block; }



/* barra nova do ministério */

#barra-brasil-v3 { position:relative; clear:both; overflow:hidden; min-width:1000px; height:28px; background:#7f7f7f; }
#barra-brasil-v3 span { display:block; width:50%; height:28px; background:url(../image/barras/barra-brasil-v3-bgx.gif) 0 bottom repeat-x; }
#barra-brasil-v3 span .imagemGov { position:absolute; top:4px; right: 5px; /*left:50%;*/ height: 24px; width: 1000px; background: url(../image/barras/barra-brasil-v3-cinza.gif) right top no-repeat; /*margin-left:-500px;*/ }
#barra-brasil-v3 span .brasilgov { width: 100px; height: 24px; float:right; display:block; border: 0 !important; }

/* codigo adicional */

#barra-brasil .barra ul {
  list-style: none;
  height:28px;
  padding:0;
}

#barra-brasil .ai span,
#barra-brasil .brasilgov span {
  width:0;
  height:0;
  overflow:hidden;
  position:absolute;
}

/* codigo oficial */

#barra-brasil { 
    position:relative;
    overflow:hidden;
    background: #7F7F7F url(../image/imagens-barra-brasil-v3/barra-brasil-v3-bgx.png) center bottom no-repeat;
}

#barra-brasil .barra {
    display: block;
    height:28px;
    margin-right: 10px;    
    background: url(../image/imagens-barra-brasil-v3/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;
}

#barra-brasil .barra ul {
    float:right;
    width: 319px;
}

#barra-brasil .barra ul li {
    float: left;
    padding-left: 25px;
}

#barra-brasil .ai {
    display: block;
    width: 161px;
    height: 28px;
    background: #7F7F7F url(../image/imagens-barra-brasil-v3/ai.png) no-repeat 0 4px;
}

#barra-brasil .brasilgov {
    display: block;
    width: 108px;
    height: 28px;
    background: #7F7F7F url(../image/imagens-barra-brasil-v3/brasil.png) no-repeat 0 4px;
}
