/* Drupal 7 Framework - Created by Andr� Griffin
------------------------------------------------
[Table of contents]

 0.Reset
 1.Global
 2.Layout
 3.Main
 4.Sidebars
 5.Header
 6.Navigation
 7.Nodes
 8.Comments
 9.Blocks
10.Footer
11.CSS Support

Font sizes: 16px base font with 24px line-height
------------------------------------------------
       font-size / line-height / margin-top
------------------------------------------------
40px = 2.5em     / 1.2         / 0.6em
32px = 2em       / 1.5         / 0.75em
24px = 1.5em     / 1           / 1em
20px = 1.25em    / 1.2         / 1.2em
16px = 1em       / 1..5        / 1.5em
14px = 0.875em   / 1.7143      / 1.7143em
13px = 0.8125em  / 1.8462      / 1.8462em
12px = 0.75em    / 2           / 2em
10px = 0.625em   / 2.4         / 2.4em

Equation for font sizing: 
  Desired px � Default (or parent) px = em size
------------------------------------------------*/

/**
 * 0.RESET 
 */

@import url("reset.css");

/*===== 1.GLOBAL =====*/

body {  
  background-color: #f5f5f5;  
/*  background-image: url(images/logo-03-ed3b.png);  */
  background-repeat: repeat-y;  
  color: black;  
  /*font-family: "Lucida sans", Verdana, Arial, Helvetica, sans-serif; */
  font-family: "Times New Roman", "Times", "serif";
  /*font-size: 1rem;*/
  font-size: 1rem;
  line-height: 1.3em;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {  
  font-family: "Lucida Sans", Arial, Helvetica, sans-serif;  
  font-style: normal;  
  font-weight: bold;
  line-height: 1.2;
  margin: 2em 0 1ex 0;
}

h1, .h1 {  
  font-size: 2em;
}

h2, .h2 {  
  font-size: 1.5em;
}

h3, .h3 {  
  font-size: 1.25em;
}

h4 {  
  font-size: 1em;
}
h5, h6, .h4, .h5, .h6 {  
  font-size: 0.85em;
}
p {  
  margin: 0 0 1ex 0;  
  text-align: justify;
  hyphens: auto;
}
sub, sup {
	font-size: 0.8em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	margin: 0 0 0 0.2ex;
}
sub{
	top: 0.3em;
}
sup{
	bottom: 0.3em;
}
a {  
  color: maroon;  
  text-decoration: none;
  word-wrap: break-word;
}

a:visited {  
  color: maroon;
}

a:hover, a:active, li a.active {  
  color: maroon;
  text-decoration: underline;
}

a:focus {  
  outline-width: thin;  
  outline-style: dotted;  
  outline-color: initial;
  outline-color: -moz-initial;
}

/* ===== apply common styling after reset.css ===== */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
li{
	padding: 0;
	margin: 0;
}
li ul, li ol {margin: 0 0 0 4ex;}
ul, ol {
	margin: 0 0 1ex 5ex; 
	padding: 0;
	line-height: inherit;
}
ul {list-style-type: circle;}
ol {list-style-type: decimal;}
dl {margin: 1ex 0 1ex 1.5em;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}
fieldset {
  border: 1px solid #cccccc;
  margin: 0 0 1em 0;
  padding: 1em;
}

table {  
  margin-bottom: 1em;  
  margin-top: 1em;
  width: 99%;  
  border: 1px solid silver;
  font-size: 0.95em;
}

th, tr, td {  
  vertical-align: middle;  
  border: 1px solid silver;  
  text-align: left;
  padding: 0 0.1ex 0 0.1ex;
}

th {  
  padding: 0 0.1ex 0 0.1ex;
}

td p {  
  text-align: left;
  margin: 0px;
}
blockquote{
	margin: 1em 1em 1em 3em;
	padding: 0 1ex;
	border-left: 1px solid threedface;
	/*font-size: 0.938rem;*/
}

.sticky-header th, .sticky-table th {  
  border-bottom-width: 3px;  
  border-bottom-style: solid;  
  border-bottom-color: #cccccc;  
  padding-right: 1em;  
  text-align: left;
}

/** ===== 2.LAYOUT ===== */

#container {  
/*  margin: 0 0 0 120px;  */
  margin: auto;
  padding: 0px 10px;  
  width: 980px;  
}
#main {  
  display: inline;
}
body.two-sidebars #main {  
  float: left;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: auto;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  width: 78ex;
  max-width: 600px;
  min-width: 500px;
}
body.sidebar-first #main {  
  float: right;  
  margin-top: 0px;  
  margin-right: 20px;  
  margin-bottom: 0px;  
  margin-left: 20px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  width: 78ex;
}
body.sidebar-second #main {  
  float: left;  
  margin: 0;  
  padding: 0;  
  width: 620px;
}
body.two-sidebars #sidebar-first {  
  float: left;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: -700px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  width: 220px;
}
body.two-sidebars #sidebar-second {  
  float: right;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  width: 220px;
}
body.sidebar-first #sidebar-first {  
  float: left;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  width: 220px;
}
body.sidebar-second #sidebar-second {  
  float: right;  
  margin: 0;  
  padding: 4em 0 0 0;  
  width: 300px;
}
#header {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 1em;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  position: relative;
}
#header #logo {  
  float: left;  
  margin-top: 0px;  
  margin-right: 1em;  
  margin-bottom: 1.5em;  
  margin-left: 0px;
}
#header #site-name-slogan {  
  float: left;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 1.5em;  
  margin-left: 0px;
}
#header #site-name {  
  font-size: 2.5em;  
  font-weight: 700;  
  line-height: 1.2;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}
#header #site-name a:hover {  
  text-decoration: none;
}
#header #site-slogan {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}
#navigation {  
  clear: both;  
  margin: 0px;  
  padding: 0px;
  text-align: center;
}
#navigation ul.menu, .portal-main-menu ul.menu{
	text-align: center;
	margin: 1ex 0;
/*	padding: 1ex 0;*/
	width: 980px;
/*	border-bottom: 1px solid; */
}
#navigation ul.menu li, .portal-main-menu ul.menu li{
	display: inline;
	margin: 0 1em;
	padding: .2ex 1em;
/*	border: 1px solid black;
	background-color: silver; */
	border-radius: .5ex;
	-moz-border-radius: .5ex .5ex .5ex .5ex;
	-webkit-border-radius: .5ex .5ex;
	font-weight: bold;
}
#navigation ul#main-menu {  
  clear: both;  
  list-style-type: none;  
  list-style-position: outside;  
  list-style-image: none;  
  margin: 0px;  
  padding: 1em;
}
#navigation ul#main-menu li {  
  float: left;  
  margin: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}
#navigation ul#main-menu li a {  
  display: block;  
  padding: 0px 2em 0px 0px;
}
#navigation ul#secondary-menu {  
  clear: both;  
  list-style-type: none;  
  list-style-position: outside;  
  list-style-image: none;  
  margin: 0px;  
  padding: 0px;
}
#navigation ul#secondary-menu li {  
  float: left;  
  margin: 0px;  
  padding: 0px;
}
#navigation ul#secondary-menu li a {  
  display: block;  
  padding: 0px 2em 0px 0px;
}
.breadcrumb {  
  clear: both;  
  padding-top: 1.5em;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}
#skip-link {  
  position: absolute;
}
ul {
	font-size: inherit;
}
.item-list ul {  
  margin: 0px;  
  padding: 0 0 0 1.5em;
}
.item-list ul li {  
  margin: 0;  
  padding: 0px;
}
ul.menu li {  
  margin: 0;  
  padding: 0;
  font-weight: bold;
}
ul.inline {  
  clear: both;
}
ul.inline li {  
  margin: 0;  
  padding: 0 1em 0 0;
}
.tabs-wrapper {  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #333333;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 1.5em;  
  margin-left: 0px;
}

ul.primary {  
  border: none;
  margin: 0;
  padding: 0;
}

ul.primary li a {  
  background: none;
  border: none;
  display: block;
  float: left;
  line-height: 1.5em;
  margin: 0;
  padding: 0 1em;
}

ul.primary li a:hover, ul.primary li a.active {  
  background: #666;
  border: none;
  color: #fff;
}

ul.primary li a:hover {  
  background: #888;
  text-decoration: none;
}

ul.secondary {  
  background: #666;
  border-bottom: none;
  clear: both;
  margin: 0;
  padding: 0;
}

ul.secondary li {  
  border-right: none;
}

ul.secondary li a, ul.secondary li a:link {  
  border: none;
  color: #ccc;
  display: block;
  float: left;
  line-height: 1.5em;
  padding: 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.active {  
  background: #888;
  color: #fff;
  text-decoration: none;
}

ul.secondary a.active {  
  border-bottom: none;
}

/** ===== * 7.NODES ===== */

.node {  
  margin-bottom: 1.5em;
}

/* ===== tags ===== */
.field{
	margin: 1em 0 1em 0;
}
.field-name-field-tags {  
  margin: 0 0 1.5em;
}

.field-name-field-tags .field-item {  
  margin: 0 1em 0 0;
}

.field-name-field-tags div {  
  display: inline;
}

.profile {  
  margin: 1.5em 0;
}

.profile h3 {  
  border: none;
}

.profile dt {  
  margin-bottom: 0px;
}

.profile dd {  
  margin-bottom: 1.5em;
}

.password-parent {  
  width: 36em;
}

/** ===== * 8.COMMENTS ===== */

#comments {  
  clear: both;  
  margin-top: 1.5em;
}

.comment {  
  margin-bottom: 1.5em;
}

.comment .new {  
  color: red;  -epub-text-transform: capitalize;
  text-transform: capitalize;  
  margin-left: 1em;
}

/** ===== * 9.BLOCKS ===== */

.block {  
  margin-bottom: 1.5em;
  display: block;
  clear: both;
}

/** ===== * 10.FOOTER ===== */

#footer {  
  clear: both;
  padding: 1.5em 0;
  position: relative;
}

#footer a.feed-icon {  
  position: absolute;  
  right: 0px;  
  top: 1.6667em;
}

/** ===== * 11.CSS SUPPORT ===== 
 * Built-in classes:
 * .clearfix                            | contain floats
 * .element-invisible                   | hide element visually
 * .element-invisible.element-focusable | allow element to be focusable when navigated to via keyboard
 * .element-hidden                      | hide visually and from screenreaders
 */
 
/* clear floats */
.clear {  
  clear: both;
}

/* display block */
.display-block {  
  display: block;
}

.content {  
  float: left;  
  position: relative;
}

/* ===== estilos meus, gerais ====== */
.recolhido{
	margin-left: 10ex;
}
div .destaque{
	float: right;
	padding-top: 1ex;
	padding-left: 1em;
	font-family: san-serif;
	font-size: 110%;
	width: 33%;
	font-weight: bold;
	line-height: 140%;
	text-align: right;
	color: brown;
}
.caixa{
	border: 1px solid silver;  
	-webkit-border-radius: .5ex .5ex .5ex .5ex;
	border-radius: .5ex;  
	-ms-word-wrap: break-word;
	padding: 1.5ex;
	background-color: bisque;
}
.resumo-titulo{
	margin: 0; padding: 0;
}
.separador-rodape{
	border-top: 4px dotted silver;
	display: block;
	clear: both;
}
.fontes{
	font-size: 1.2em;
}
.label_discreto {
	font-size: 90%;
}	
.listaEmLinha {
	display: inline;
}
.link-preto a, .link-preto a:link, link preto a:visited{
	color:ThreedDarkShadow;
}
.lermais{
	font-size: 85%;
	text-align: right;
}
img.imagem-560x {
	width: 100%;
	height: auto;
}
/* ===== CABEÇALHO ===== */

.vinheta{margin-bottom: 1.5ex;}

/* =====	PAINEL DE ARTIGOS ===== */
.artigo-canvas{width: 960px;}
#artigo, .artigo{
	width: 78ex;
	min-width: 500px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
#artigo h2, #artigo h1{
	margin: 0px;
	color: maroon;
	font-size: 1.6em;
}
#artigo h2:first-child, #artigo h1:first-child{
	margin: 0 0 1ex 0;
}

/* ===== caixas do portal ===== */

.portal{
	width:980px;}
.vinheta-legenda{
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	color: ThreedLightShadow;
	margin: 0;
	width: 980px;
	line-height: 1.5em;
	background-color: black;
	padding: 1em;
}
.seccao {  
  display: inline-block;  
  background-color: transparent;  
  border: 1px solid silver;  
  -webkit-border-radius: 0.5ex 0.5ex 0.5ex 0.5ex;
  border-radius: 0.5ex 0.5ex 0.5ex 0.5ex;  
  text-align: center;  
  width: 300px;  
  float: left;  
  margin: 0 9px 0 9px;  
  padding: 0 5px 0 5px;
}
.seccoes:first-child{
	float:left;
}
.seccoes:last-child{
	float: right;
}
.seccao h2{
	font-size: 2em;
	font-family: "PT Sans", Arial, Helvetica, san-serif;
	letter-spacing: 1px;
}
.seccao-lista{
  display: inline-block;  
  width: 300px;  
  float: left; 
  margin: 0 9px 0 9px;  
  padding: 0 1em 0 1em;
}
.seccao-lista h2 {
	margin: 0;
	font-weight: normal;
	font-size: 0.8em;
}
.resumo-primeira-pagina {
 	border: solid grey thin; 
	margin: 1ex 0 4em 0; 
	padding: 1ex;
	border-radius: 5px;
/*	background-color: #fafefe; */
}
.resumo-primeira-pagina h3 {
	margin-top: 1ex;
	font-size: 1.7em;
}
/*.portal-main-menu ul{
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0;
	background-color: silver;
	padding: 1ex 0 1ex 0;
}
.portal-main-menu ul li{
	display: inline;
	padding: 1ex 1em 1ex 1ex;
	border: 1px solid #feff2f;
	border-radius: 1ex;
	-moz-border-radius: 1ex 1ex 1ex 1ex;
	-webkit-border-radius: 1ex 1ex;
}*/
#portal-resumos{
	width: 78ex;
	margin: 2em auto 2em;
}
#portal-resumos h3{
	margin-top: 0;
}
#portal-resumos h3 a{
/*	color: black; */
}
#portal-resumos h3 a:hover{
	color: maroon;
}
/* ============================
	formatação de fields
	============================
.field-varios{
	font-size: 90%;
	display: inline;
	width: auto;
	margin-left: 1ex;
	margin-right: 1ex;
}

/* ================================
	MENUS
	================================ */
.menu{
	font-family: Arial, Helvetica, sans-serif;
}
h2.block-title{
	font-size: 1.2em;
	margin: 0;
}
#sidebar-second ul.menu{
	margin: 0 0 0 1.5em;
}
#sidebar-second .content{
	margin: .5ex 0 1em 0;
}
.book-navigation{
	width: 100%;
}

/* ================================
	EMBEDED NODES
	================================ */
.embed{
	margin: 2em;
	border: thin solid silver;
	border-radius: 1ex 1ex 1ex 1ex;
	-moz-border-radius: 1ex 1ex 1ex 1ex;
	-webkit-border-radius: 1ex;
	max-width: 75ex;
	padding: 1ex;
	font-size: 10pt;
}

/* ===================================
	IMAGENS
	================================== */
.image-caption-container{
	margin-top: 1em;
	margin-bottom: 1em;
}
.image-caption, .legenda{
	font-size: 0.85em;
	text-align: center;
	margin: 0 2em 2em 2em;
	font-style: italic;
	line-height: 120%;
}