* {
  font-family: Arial, sans-serif;
}

body {
  margin: 0;
}

h1 {
  font-size: 1.2em;
}
h2 {
  font-size: 1.185em;
}
h3 {
  font-size: 1.150em;
}
h4 {
  font-size: 1.125em;
}
h5 {
  font-size: 1.100em;
}
h6 {
  font-size: 1.085em;
}

#container > hr {
  display: none;
}

p, li {
  text-align: justify;
}

#titulo,
#conteudo,
#rodape,
#menu_categoria,
#menu_idioma,
#menu_item {
  display: block;
}

#container {
  max-width: 400px;
}

#titulo {
  background-color: #FFCC33;
}
#titulo h1 {
  margin: 0 .5em .5em .5em;
}
#titulo h1:after {
  content: ' (mobile)';
}
#titulo span {
  display: none;
}

#menu_categoria,
#menu_item {
  background-color: #FFFFFF;
  padding: 0;
}
#menu_categoria h2,
#menu_item h2 {
  margin: .2em 0;
  text-align: center;
}
#menu_categoria ul,
#menu_item ul {
  list-style-type: none;
  margin: 0 1em;
  padding: 0;
}
#menu_categoria ul li,
#menu_item ul li {
  margin: 0;
}
#menu_categoria ul li a,
#menu_item ul li a {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #000066;
  display: block;
  font-size: 0.8em;
  padding: .1em 1em;
  text-decoration: none;
}
#menu_categoria ul li.ativo a,
#menu_categoria ul li a:hover,
#menu_item ul li.ativo a,
#menu_item ul li a:hover {
  background-color: #EEEEFF;
}

#conteudo #apresentacao {
  border-top: 1px dotted #CCCCCC;
  font-size: 0.9em;
  margin-top: .5em;
  padding: 0 .5em;
}

#rodape {
  border-top: 1px dotted #CCCCCC;
  font-size: 0.8em;
  padding: 0 .5em;
}

#menu_idioma,
#voltar_topo,
#rodape .links,
#rodape .endereco {
  display: none;
}