html, body {
/*  height:100%; */
 }

body {
 background : #000000;
/*  background : #f0f0f0; */
 font-size: 11pt;
 font-family : "Arial,Verdana,Helvetica,Lucida Console,Monaco",sans-serif;
 color : #252525;
 padding: 0;
 margin: 0;
 }

body.mceContentBody {
   background: #ffffff;
   font-size: 11pt;
   padding:10pt;
   text-align: left;
}
body.mceContentBody p{text-align: left;}
body.mceContentBody ul{text-align: left;}
body.mceContentBody ol{text-align: left;}

/* ---- MAIN CONTAINERS ------------------ */

#container {
 background: #ffffff;
 width: 960px;
 height: 100%;
 min-height: 500px;
 padding: 0px 0px 10px 0px;
 margin: 0;
 }

#header {
 position: relative;
 background : #000000 url("../i/background.jpg") 50% 0% no-repeat;
/*  background : #000000; */
 padding : 0 0 0px;
 width : 946px;
 height : 100px;
 left : 0px;
 margin: 7px 7px 0px 7px;
 }

#header_print {
 display: none;
 }

#outer {
 position: relative;
 width: 650px;
 max-width: 650px;
 margin: 0 150px 0 160px;
 padding: 7px 0 0;
 background: #ffffff;
 }

* html #outer {
 height:100%;
 }

#left {
 position:relative;
 width: 152px;
 float: left;
 margin:0px 0px 0px -152px;
font-size: 0.9em;
 padding: 0px;
 background: #ffffff;
 }

* html #left {
 width: 140px;
 }

#right {
 position:relative;
 width: 143px;
 float:right;
 margin: 0px -143px 0px 0px;
font-size: 0.9em;
 padding: 0px;
 background: #ffffff;
 }

* html #right {
 width: 140px;
 }

#text {
 background : #ffffff;
 margin: 0 7px 10px 7px;
 padding: 2px 10px 0px 10px;
 text-align: left;
 font-size: 1.1em;
 line-height: 1.2em;
 }

* html #text {
 width: 580px;
 margin-bottom:12px;
 }

#clearfooter {
 clear:both;
 }

#footer {
 background : #303030;
 width: 950px;
 margin: 0;
 color : #999999;
 font-size : 1em;
 padding: 10px 5px 0px 5px;
 line-height: 1.7em;
 text-align:center;
 }
#footer a {color : #999999; font-weight: normal;}
#footer a:hover {color : #FFFFFF;font-weight: normal;}
div.module-grey {
 margin: 0px 0px 10px 0px;
 padding: 0px;
 font-size: 1.0em;
 text-align : left;
 background: #fff;
\* border: 1px solid #f0f0f0; *\
 }

div.module-grey h3 {
 text-align: left;
 line-height: 1.6em;
 text-transform: lowercase;
 font-weight: bold;
 font-size: 1.0em;
 margin: 0px;
 \* border-bottom: 1px solid #f0f0f0;*\
 text-indent : 0px;
 padding: 0px 0px 0px 5px;
 font-variant: small-caps;
 \* background: #f0f0f0;*\
 color: #4d4d4d;
 letter-spacing:1px;
 }

div.module-grey h4 {
 text-align: left;
 text-indent : 10px;
 font-weight: normal;
 font-size: 0.95em;
 margin: 0px;
 padding: 0px;
 text-transform: lowercase;
 font-weight: normal;
 font-variant: small-caps;
 }

div.module-grey {
/*  background: url('../i/jos_box_grey_tl.gif') 0 0 no-repeat; */
 margin: 0px 0px 10px;
 padding: 0px;
 font-size: 1.0em;
 text-align : justify;
 }

div.module-grey div {
/*  background: url('../i/jos_box_grey_tr.gif') 100% 0% no-repeat; */
 }

div.module-grey div div {
/*  background: url('../i/jos_box_grey_bl.gif') 0% 100% no-repeat; */
 }

div.module-grey div div div {
/*  background: url('../i/jos_box_grey_br.gif') 100% 100% no-repeat; */
 padding: 0px;
 width: auto !important;
 width: 100%;
 }

div.module-grey div div div div {
 background: none;
 padding-bottom: 0px;
 }

/* ---- BARRA DE FERRAMENTAS E NAVEGACAO ------------------ */
div.barra_navegador_alt{
 float:left;
 font : small-caps 1em sans-serif;
 margin : 0px;
 text-align : left;
 text-transform : lowercase;
 position: absolute;
 top: 10px;
 }

div.barra_navegador_alt a {
 padding : 3px;
 border : 1px solid transparent; 
 text-decoration : none;
 text-transform : lowercase;
 line-height: 16px;
 }

div.barra_navegador_alt a:hover {
 padding : 3px;
 background: #f3f3f3;
 text-decoration: none;
 border : 1px solid #cdcdcd;
 }

div.barra_navegador_alt span.nada {
 padding : 3px;
 color : #676767;
 }

/* ---- DIVERSOS ------------------ */
a.menu, a.menu:visited {
color : #003399;
margin: 0px 0px 0px;
padding: 5px 0 5px 5px;
line-height: 14px;
text-decoration: none;
/* border: 1px solid #fff; */
display:block;
text-align: left;
}

a.menu:hover, a.menu:visited:hover, a.menu#active_menu {
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 5px 7px 5px 5px;
/* border-top: 1px solid #cdcdcd; */
/* border-bottom: 1px solid #cdcdcd; */
background: #f0f0f0;
display:block;
}

span.chapter_menu {
 display: block;
 font-size: 1em;
 line-height: 13px;
 text-align: left;
/*  border-top: 1px solid #f7f7f7; */
/*  border-bottom: 1px solid #f7f7f7; */
 margin: 0 -7px 0 -7px;
 padding: 3px 7px 2px 7px;
 text-decoration: none;
 }

span.chapter_menu a, span.chapter_menu a:visited{
 color : #003366;
 display: block;
 border-top: 1px solid #f7f7f7;
 border-bottom: 1px solid #f7f7f7;
 margin: -3px -7px -3px -7px;
 padding: 4px 20px 4px 7px;
 text-decoration: none;
 }

span.chapter_menu a:hover {
 color : #cc0000;
text-decoration: none;
margin: -3px -7px -3px -7px;
padding: 4px 20px 4px 7px;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
background: #f3f3f3;
display:block;
}

/* ---- LINKS ------------------ */

a, a:visited {
 color : #003399;
 text-decoration : none;
 border: none;
 padding: 1px;
 }

a:focus {
	outline: none;
}

a:hover, a:visited:hover {
 text-decoration : underline;
 border: none;
 color : #cc0000;
 }

img {
 border: none;
 text-decoration : none;
 }

/* HEADERS */

h1 {
 color : #003399;
 font-weight: bold;
 font-size: 1.1em;
 margin : 30px 0px 10px 0px;
 padding : 20px 200px 10px 0px;
 text-align : left;
 text-transform: uppercase;
 background : url("../i/h1_bg3.jpg") 100% 50% no-repeat;
 }
span.h1_title {
	font-size: 1.2em;
}

h2 {
 color : #353535;
 width: 100%;
 font-weight : bold;
 letter-spacing: 1px;
 font-size: 1.1em;
 padding : 0;
 text-align : left;
 line-height: 1.2em;
 }

h3 {
 color : #454545;
 font-weight : bold;
 font-size: 1em;
 text-align : left;
 text-indent : 0em;
 padding-left: 0px;
 padding-bottom: 0px;
 }

p {
 line-height : 1.65em;
 text-align : justify;
 z-index:1;
}

p.box{
 margin:0; 
 padding:5px;
 line-height: 1.4em;
}

.todo {
 color: red;
}

blockquote {
 font-style: italic;
 line-height : 1.3em;
 text-align : justify;
 }

sub {
 font-size: 0.7em;
 font-style: normal;
 vertical-align: -20%;
 margin-right: 2px;
 }

sub.sun {
 font-size: 0.9em;
 vertical-align: -40%;
 line-height: 0.9em;
 }
* html sub.sun{
 background: url("../i/symbols/sun.gif") 0% no-repeat;
 font-size: 20px;
 color: #fff;
 width: 16px;
 line-height: 16px;
}

sup {
 font-size: 0.7em;
 font-style: normal;
 vertical-align: 40%;
 margin-right: 2px;
 }

sub img {
 font-size: 0.7em;
 font-style: normal;
 margin-bottom: -4px;
 border: none;
 }

sup img {
 font-size: 0.7em;
 font-style: normal;
 vertical-align: 40%;
 border: none;
 }

q { font-style: italic; }
q { quotes: '\AB' '\BB' '‹' '›'; }
q:before { content: open-quote; }
q:after { content: close-quote; }

ul, ol {
 text-align: justify;
 margin: 0;
 padding-left: 20px;
 text-indent: 0em;
 }

ul li {
 list-style : square;
 margin: 5px 0 5px;
 line-height: 1.3em;
 }

ol li {
 margin: 5px 0 5px;
 line-height: 1.3em;
 }

hr {
 color : #dddddd;
 width : 100%;
 height : 1px;
 border : 0;
 margin: 50px 0 20px 0;
 clear: both;
 }

cite {border-bottom:1px dashed #00cc21}
acronym {border-bottom:1px dotted #252525; cursor:help}
abbr, html\:abbr {border-bottom:1px dashed #252525; cursor:help}

.gototop{
 position: relative;
 float:right; 
 margin: -32px 0 0 0;
 color: #575757;
}

.button {
 padding: 2px 5px 2px 5px;
 text-align: left;
 display: block;
 }

.figure, .figure-left {
 color : #003366;
 margin: 0px 0px 0px 10px;
 padding: 5px 2px 5px 2px;
/*  width: 140px; */
 text-align: center;
 font-size: 0.9em;
 line-height: 1.25em;
 float:right;
 visibility: visible;
 z-index:0;
 background: #f7f7f7;
 border: 1px solid #f0f0f0;
 }

.figure-left {
 margin: 0px 10px 0px 0px ;
 float:left;
 }

.figure span, .figure-left span {
 margin-top: 0;
 padding: 0;
 text-indent: 0em;
 line-height: 1.2em;
 text-align: center;
 }

.figure a, .figure-left a {
 text-decoration:none; 
}



.curiosidade {
 float: left;
 width: 150px;
 color : #676767;
 border: 1px solid #c0c0c0;
 display: block;
 margin: 3px 10px 5px 0;
 padding: 5px 2px 5px 2px;
 text-align: center;
 font-size: 0.9em;
 line-height: 1.2em;
 text-indent: 0;
 background-color: #ffffc0;
 border-top: 1px solid #e0e0e0;
 border-left: 1px solid #e0e0e0;
 border-bottom: 2px solid #cfcfcf;
 border-right: 2px solid #cfcfcf;
 }

p.equation {
 margin: 0 0 1.5em;
 display: block;
 text-align: center;
 }

.tex img{
padding: 0;
margin:0 0 -4px 0;
vertical-align: 0%;
 }

textarea{
 font-family : helvetica, arial, geneva, sans-serif;
 font-size: 1em;
 background: #efefef;
 border:1px solid #cdcdcd;
 margin: 1px 0px 1px 0px;
 padding:2px;
}
textarea:focus{background:#ffffff;}
input[type=text], input[type=file],input[type=password]{padding:2px; margin: 1px 0px 1px 0px; border: 1px solid #cdcdcd; background: #efefef;}
input[type=text]:focus, input[type=file]:focus,input[type=password]:focus{padding:2px; margin: 1px 0px 1px 0px; border: 1px solid #cdcdcd; background: #fff;}
input[type=submit]{border: 1px solid #cdcdcd; cursor: pointer; font-variant:small-caps; margin:5px 0px 5px; padding:2px; color:#454545; background: #efefef;}
input[type=submit]:hover{background: #fff;}
input[type=checkbox]{margin: 2px 0px 2px 0px; border: 1px solid #cdcdcd; background: #efefef;}

.img_thumbnail {
padding: 2px;
margin: 0;
}

.icon{
margin:0; 
padding:2px; 
border: 1px solid transparent;
}
.icon:hover{
border: 1px solid #cdcdcd;
background: #f3f3f3;
}

#erro_msg {
 color: #FF0000;
 font-size: 0.9em;
 line-height: 1.2em;
 text-align: center;
 padding:0;
 }

.apod img { width: 500px}
.apod p {text-indent: 0}
.apod object { width: 500px}
.apod embed { width: 500px}


#comments {
color : #373737;
text-align : left;
margin-top : 60px;
padding-top : 20px;
padding-right : 10px;
padding-left : 10px;
}

/* FOR COMMENTS */
.comments_head {font-size : 0.95em; font-weight : bold;  margin-top: 30px}
.comments_author {font-size : 0.9em;  font-weight : bold; color : #007721}
.comments_time {font-size : 0.8em;color : #676767;}
.comments_text {font-size : 0.9em; border-bottom: 1px dotted #cdcdcd; padding-bottom: 10px; display:block}
.comments_copyright {font-size : 0.8em;color : #979797;padding-top : 15px;}
.comments_copyright a {color : #979797;text-decoration : none;}
.comments_copyright a:visited {color : #979797;text-decoration : none;}
.comments_copyright a:hover {color : #000000;text-decoration : underline;}

.last_modification {
background : #ffffff url("../i/icons/clock.gif") 2px 5px no-repeat;
display: block;
color : #676767;
font-size: 0.9em;
text-align : left;
padding: 1px 10px 1px 16px;
margin: 50px -10px 0px -10px;
font-variant: small-caps;
text-transform: lowercase;
}

#page_citation{
background : #f7f7f7 2px 5px no-repeat;
color : #676767;
font-size: 1em;
text-align : left;
padding: 5px 10px 5px 10px;
margin: 25px -10px -50px -10px;
border-top: 1px dotted #cdcdcd;
}

#cadastro_help{
display:block;
visibility:visible;
font-size:0.9em;
line-height: 1em;
}

.warning{
padding:0px 10px 0px 40px;
background: #ffff88 url('../i/icons/warning.png') no-repeat 10px 50%; 
border: 1px dotted #FF0000;
}
.warning p{
color:red; line-height:1.4em; margin:5px; padding:0
}
.message{
text-align:center;
padding: 7px;
background: #ffff88; 
border: 1px dotted #cdcdcd;
}

.headline{
font-size: 1.1em;
font-style: italic;
line-height: 1.4em;
}
.headline_index{
line-height: 1.4em;
margin: 10px 0 0 0;
padding:0;
}
.readmore{
 text-align:right;
 padding: 0px 18px 0px 0px;
 margin: 0px 0px 15px 0px;
 background : url("../i/icons/bullet_arrow_right_off.png") 100% 50% no-repeat;
 }

.artigo_creditos {
/* border-top: 1px solid #cdcdcd; */
padding-top: 2px;
font-size: 1em;
color:#575757;
text-align:left;
text-indent:0em;
margin: 30px 0px 0px 0px;
text-transform: lowercase;
font-variant: small-caps;
line-height: 1.2em;
}
.artigo_author_index{
padding-top: 2px;
font-size: 1em;
color:#979797;
}
.artigo_author{
margin: -20px 0px 0px 0px;
color:#676767;
}

.lista_artigo{
list-style-image: url('../i/icons/galaxy.gif');
list-style-position: outside;
margin: 15px 0px 0px 0px;
}
.small{
font-size: 0.8em;
}

#TOC {
display: block;
position: relative;
margin: 0px 0px 0px;
padding: 1px 0px 1px 0px;
text-align: left;
/* font-size: 0.9em; */
}

* html #TOC {
position: relative;
}

#TOC li.H1 {
font-size: 1.1em;
list-style-type: none;
line-height: 1.3em;
}

#TOC li.H2 {
list-style: outside;
line-height: 1.0em;
text-align: left;
}

#TOC span.H2 {
 display: block;
 line-height: 12px;
 text-align: left;
 border-top: 1px solid #f7f7f7;
 border-bottom: 1px solid #f7f7f7;
 margin: 0px -7px 0px -7px;
 padding: 0px 7px 0px 7px;
 text-decoration: none;
 }

#TOC span.H2 a{
 color : #003366;
 display: block;
 border-top: 1px solid #f7f7f7;
 border-bottom: 1px solid #f7f7f7;
 margin: -1px -7px -1px -7px;
 padding: 3px 20px 3px 7px;
 text-decoration: none;
 }

#TOC span.H2 a:hover {
 color : #cc0000;
text-decoration: none;
margin: -1px -7px -1px -7px;
padding: 3px 20px 3px 7px;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
background: #f3f3f3;
display:block;
}

#TOCsection {margin: 0px 0px 20px 0px; padding: 0; text-align: left}
#TOCsection H3 { background:none; padding: 0; }
#TOCsection span.H2 { line-height: 16px; margin: 0; padding: 0; }
#TOCsection span.H2 a{ margin: 0; padding: 3px 20px 3px 20px; background : url("../i/icons/bullet_arrow_right_off.png") 0% 50% no-repeat; }

div.media{
padding: 0;
margin:0;
text-align: center;
}

.bookmarks_header {
/* background: #007721; */
color: #FFF;
width: 25%;
font-size : 1.1em;
font-weight: bold;
}

.bookmarks {
/* text-align:center; */
font-size : 1em;
font-weight: bold;
width: 25%;
/* background: #f7f7f7; */
padding:0;
/* border: 1px solid #2d2d2d */
}


.bookmarks img {
border: 0px;
vertical-align : middle;
margin-right:2px;
float:left;
}


.bookmarks ul {
text-align: left;
font-weight: normal;
font-size : 11px;
padding : 5px 0 15px 0px;
margin : 0;
display : block;
/* background:#fff; */
}


.bookmarks li {
float:right;
font-size : 11px;
padding : 0px 0 0px 0px;
margin : 0 0 0 0px;
list-style : none none;
display : block;
vertical-align : middle;
width : 100%;
/* background:#fff; */
}


.bookmarks li a {
text-decoration:none;
display: block;
}


.bookmarks li:hover {
background: #fff;
color: #000;
}


.bookmarks li:hover a {
color: #000;
text-decoration: none;
}

.bookmarks li.bookmarks_subsection {
color: #c7c7c7;
/* background:#fff; */
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
}
.bookmarks li.bookmarks_subsection:hover {
color: #fff;
/* background:#fff; */
}