body{
font:normal 1em/1.4em Verdana,Helvetica,Sans-Serif;
background:#fff url("../../nukleo/img/lat.jpg") repeat-y;
margin:0}

body * {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
font-smoothing: antialiased;

-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box}

a:hover,.botao:hover,#txt{background:#fff}
body,a,a:hover,th,td,#cont,#srv a,#msf a,#jornada a{color:#000}
body,th,.aviso,.citacao,#menu dt{text-align:left}
a,a:hover,#txt a,#txt a:hover,#txt th a,#txt th a:hover,#menu dt a,#srv a,#msf a,#jornada a{text-decoration:none}
h1,h2,h3,h4,th,.tit,.botao,.aviso,.erro,.refrao,#txt th a,#nav a{font-weight:bold}
h3,h4,p,li,.asterisco{font-size:1em}
th,.citacao,td,.obs,.ass{font-size:0.9em}
img,option{border:0}

.tit,#menu,#cont{background:transparent}
.centra,.aviso,#topo,#slogan,#rod,#col_esq,#cont{text-align:center}
.direita,.dirtopo,.ass,#nav{text-align:right}
.citacao,#menu li{line-height:1.4em}
.obs,#cont{line-height:1em}
.botao,#menu,#menu ul,#nav{padding:0;margin:0}
#nav{margin-top:0.8em}

h1,h2,h3{margin:1em 0.8em 1em 0}
h1{color:#387cb0;font-size:1.2em;margin-top:0}
h2{color:#286c2f;font-size:1.1em}
h3{color:#00868b;font-size:1em}
h4{color:#bb3300;font-size:0.9em;font-style:italic;margin-top:0.8em;margin-left:1em;margin-bottom:0.8em}

p{
text-align:justify;
line-height:1.8em;
margin:0.8em}

em{color:#471575}
strong{color:#060}
ul{list-style-image:url("../../nukleo/img/balao.jpg")}
li{margin:0.4em 0.5em 0.8em;font-size:0.9em}

a:hover{
display:inline;
border:1px dashed #e4c600}

a.imagem,a.imagem:link,a.imagem:visited,a.imagem:hover,a.imagem:active{
border:0;
background:transparent;
text-decoration:none}

table{
background:#f3f9fe;
padding:0;
margin:1em auto;
border:1px solid #bcdefa;
border-spacing:0;
border-collapse:collapse}

table.esq{
margin-left:0}

th,td{
margin:0;
padding:0.5em}

th{background:#cce7ff}

.dirtopo,.topo{vertical-align:top}
.recuo{margin-left:1em}
.recuo2{margin-left:2em}
.alternado{background:#fdfffd}
.asterisco{color:#63abf8}

.citacao{
padding:0.4em;
border:1px solid #e4c600;
background:#f9f4e8;
width:90%;
display:block;
margin:1em auto}

.obs{
font-style:italic;
color:#00008b;
margin-top:0}

#topo,#slogan,#rod,#secao{
clear:both;
width:100%;
margin:0;
padding:0}

#topo{
height:4em;
background:#fff url("../../nukleo/img/topo.jpg") top right repeat-y}

.tit{
position:absolute;
top:0.1em;
left:0.2em;
color:#476312;
line-height:2em;
font-size:1.9em;
font-variant:small-caps;
text-shadow:#9db76c 2px 2px}

#slogan,#rod{
color:#000;
background:#b8e7eb;
font-size:0.9em;
font-weight:normal;
line-height:1.4em}

#col_esq{
float:left;
width:22%;
margin-bottom:0.8em}

#menu,#cont{
width:94%;
margin:0.8em auto}

#menu ul{
margin:0px;
padding:0px;
list-style:none}

#menu ul,#menu li{border:0}
#menu li{
text-align:left;
margin:0.6em 0 0;
line-height:1.4em}

#menu li,#menu li a{
font-size:0.9em;
font-weight:bold;
color:#387cb0}

#menu li a{
display:block;
padding:0 1px 0 2px;
border-bottom:1px solid #b2dfee;
width:100%}

* html #menu li a{width:100%}
html>body #menu li a{width:auto}

#menu li a:hover{
color:#393d63;
background:#fff;
font-weight:bold;
padding:0 1px 0 2px;
border:0;
border-bottom:1px solid #ffb90f}

#menu-toggle{display:none}
#menu:hover #menu-opcoes{display:block}

#txt{
float:left;
width:75%;
padding:0.2em 0.2em 1.4em;
margin:0.2em 0 1.4em;
border:1px solid #ffb90f;
border-top-color:#eed2ee;
border-left-color:#eed2ee;
min-width:30%}

#txt a{
font-weight:normal;
color:#535fb4;
border-bottom:1px dotted #0783b1}

#txt a:hover{
color:#000;
border:1px solid #ffb90f;
border-left:0;
border-right:0;
background:#ffffe0}

#txt a.discreto{border:0}

#cont{
clear:both;
margin:0.4em auto;
font-size:0.8em;
border:0;
max-width:200px}

#cont img{vertical-align:bottom}

#nav{width:100%}
#nav a{
font-size:0.7em;
color:#00008b;
display:inline}

#srv,#msf,#os,#coite,#jornada{
background:#eee;
border:1px solid #00868b;
border-top-color:#ffd15b;
border-left-color:#ffd15b;
width:84%;
line-height:1.3em;
margin:0.8em auto;
padding:0.2em 0;
font-size:0.7em}

#srv a:hover,
#msf a:hover,
#os a:hover,
#coite a:hover,
#jornada a:hover{
display:block;
color:#000;
font-size:1em;
background:#fff;
border:0}

sup{
color:#286c2f;
font-size:0.7em;
font-weight:bold;
line-height:0.8em;
padding:0;
margin:0}

#bandeiras{
display:table;
padding:0;
border-spacing:0;
border-collapse:collapse}  
  
#bandeiras img{
display:table-cell;
margin:0;
padding:0.3em;
width:auto;
height:auto;
text-align:center}

.aviso{
background:#f5fffa;
border:1px solid #6e8b3d;
padding:0.5em}

.erro{
width:90%;
color:#500;
font-size:1em;
background:#ffe4e1;
border:1px solid #cd8c95;
margin:1em auto 1.4em;
padding:0.7em}

.peq,.data{
color:#6c7b8b;
font-size:0.7em;
font-weight:normal}

.arabico{list-style-type:decimal}
.letra{list-style-type:lower-alpha}
.romano{list-style-type:upper-roman}
.refrao{color:#060}
.nw,.data{white-space:nowrap}

.col1,.col2{
display:inline-block;
vertical-align:top}

.col1{margin-right:40px}
.col2{margin-right:10px}

div.col1 > h4,
div.col2 > h4{
margin-top:0;
padding-top:0}

p.balao{background:url("../../nukleo/img/balao.jpg") no-repeat center}  

#bolsas li{margin-left:0;padding-left:0}

@media screen and (max-width:960px){
  h3{margin-top:0.5em} 
  #col_esq,#txt{width:98%}
  #txt{margin:0 1% 1%}
  #menu{width:98%;margin:0 auto 0.3em}
  #menu-toggle{display:block}
  #menu-opcoes{display:none}
  #msf,#os,#srv,#jornada{display:none}
  #menu li{line-height:2.2em}
  #menu li,#menu li a{font-size:1em}
  #cont{margin-bottom:0;max-width:94%}
  #ficha-catalografica td{display:block;float:left;vertical-align:middle}
  #ficha-catalografica tr td:after{content:" "}
  .kmp{display:none}
}