/* @ Tags */

* {
  color: #444444;
}

body {
  background-color: #949BA5;
  font-family: Avant Garde, Arial, sans-serif;
  margin: 0;
  padding: 0;
}

a {
  color: #3D6694;
}

a:hover {
  color: #778FBB;
}

a img {
  border: 0;
}

label {
  cursor: pointer;
}

form table th,
form table td {
  vertical-align: top;
}

form input[type=submit],
form input[type=reset] {
  cursor: pointer;
}

/* @ ID */
#container {
  min-width: 625px;
}

#container,
#titulo,
#conteudo,
#rodape {
  clear: both;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}

/* Titulo */
#titulo {
  background: #CAD2DF url(http://www.tecnolivre.com.br/temas/padrao/imgs/continua_topo.jpg) left top repeat-x;
  min-height: 193px;
}

#titulo h1 {
  background: transparent url(http://www.tecnolivre.com.br/temas/padrao/imgs/topo.jpg) left top no-repeat;
  height: 193px;
  margin: 0;
  margin-right: -250px;
  float: left;
  width: 509px;
  text-indent: -10000px;
}
#titulo span {
  display: none;
}

#menu_categoria h2,
#menu_idioma h2,
#menu_item h2 {
  display: none;
}

#menu_categoria {
  /*
  border: 1px solid blue;
  */
  float: left;
  height: 52px;
  padding: 0;
}

#menu_categoria ul {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

#menu_categoria ul li {
  border-right: 1px solid #808090;
  display: block;
  float: left;
  height: 52px;
  margin: 0;
  min-width: 4em;
}

#menu_categoria ul li:first-child {
  border-left: 1px solid #808090;
}

#menu_categoria ul li a {
  display: block;
  font-weight: bolder;
  height: 52px;
  line-height: 52px;
  padding: 0 1em;
  text-align: center;
  text-decoration: none;
}
#menu_categoria ul li.ativo a,
#menu_categoria ul li a:hover {
  background: #FF8800 url(http://www.tecnolivre.com.br/temas/padrao/imgs/categoria_ativa.jpg) left top repeat-x;
  color: #3D6694;
}

#menu_idioma {
  /*
  border: 1px solid green;
  */
  float: right;
  height: 52px;
}

#menu_idioma ul {
  list-style-image: none;
  list-style-type: none;
  margin: 0 10px 0 0;
  padding: 0;
}

#menu_idioma ul li {
  float: left;
  margin: 10px 0 0 .5em;
}

#menu_idioma ul li a img {
  border: 2px outset #CCCCCC;
  opacity: 0.5;
}

#menu_idioma ul li a:hover img {
  opacity: 1;
}

#menu_idioma ul li.ativo a img {
  border: 2px inset #CCCCCC;
  opacity: 1;
}

#banner {
  border: 1px inset #CCCCCC;
  float: right;
  clear: right;
  margin-top: 10px;
  margin-right: 5%;
  padding: 0;
}
#banner * {
  margin: 0;
}

/* Conteudo */
#conteudo {
  /*
  border: 1px solid blue;
  */
  background-color: #FFFFFF;
  color: #35353A;
  min-height: 250px;
  padding: 5px 0 10px 0;
}

#conteudo #menu_item {
  float: left;
  width: 25%;
}

#conteudo #menu_item ul {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#conteudo #menu_item ul li {
  border-bottom: 1px solid #A0A8B5;
}
#conteudo #menu_item ul li:first-child {
  border-top: 1px solid #A0A8B5;
}

#conteudo #menu_item ul li a {
  color: #909090;
  display: block;
  line-height: 2.5em;
  text-decoration: none;
}
#conteudo #menu_item ul li.ativo a,
#conteudo #menu_item ul li a:hover {
  font-weight: bolder;
}
#conteudo #menu_item ul li.ativo a {
  color: #3D6694;
}

#conteudo #menu_item div.container {
  /*
  border: 1px solid red;
  */
  margin: 1em;
  margin-right: 0;
  text-align: center;
}

#conteudo #apresentacao.amplo {
  float: left;
  width: 100%;
}

#conteudo #apresentacao.reduzido {
  float: left;
  width: 75%;
}

#conteudo #apresentacao div.container {
  margin: 1em;
  /*
  border: 1px solid blue;
  */
  font-family: Arial, sans-serif;
  padding: 0 1em;
}

#conteudo #apresentacao address {
  background-color: #F5F5F9;
  border: 1px dashed #CCCCCC;
  margin: 1em 0;
  padding: 1em;
}

#conteudo #apresentacao h1,
#conteudo #apresentacao h2,
#conteudo #apresentacao h3,
#conteudo #apresentacao h4,
#conteudo #apresentacao h5,
#conteudo #apresentacao h6 {
  color: #707070;
  font-variant: small-caps;
}
#conteudo #apresentacao h1,
#conteudo #apresentacao h2 {
  border-bottom: 2px solid #CCCCCC;
}

#conteudo #apresentacao p,
#conteudo #apresentacao ul li,
#conteudo #apresentacao ol li {
  text-align: justify;
}

/* Rodape */
#rodape {
  /*
  border: 1px solid red;
  */
  background: transparent url(http://www.tecnolivre.com.br/temas/padrao/imgs/continua_rodape.jpg) left top repeat-x;
}

#rodape div.container {
  background: transparent url(http://www.tecnolivre.com.br/temas/padrao/imgs/rodape.jpg) left top no-repeat;
  color: #505055;
  min-height: 150px;
  padding: 60px 1em 1em 1em;
}

#rodape div.container div.endereco {
  clear: both;
  color: #E5E5E5;
  float: right;
  font-size: 0.9em;
  margin: 10px 0 0 0;
  padding: .2em;
  width: auto;
}
#rodape div.container div.endereco h2 {
  color: #FFFFFF;
  font-size: 1.1em;
  margin: 0;
}
#rodape div.container div.endereco p {
  margin: .2em 0;
}
#rodape div.container div.endereco * {
  color: #E5E5E5;
}

#rodape div.container div.copyright {
  color: #202030;
  float: left;
  font-size: 0.8em;
  line-height: 0.9em;
  margin-bottom: 1em;
}
#rodape div.container div.copyright p {
  margin: 0;
}

#rodape div.container div.links {
  float: right;
  height: 45px;
  line-height: 45px;
}
#rodape div.container div.links h2 {
  display: none;
}

#rodape div.container div.links ul {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#rodape div.container div.links ul li {
  float: left;
  margin: 1px 10px 0 0;
}
#rodape div.container div.links a img {
  border: 0;
}

#rodape .fone {
  color: #FFFFFF;
  font-size: 1.5em;
  font-weight: bolder;
}


/* Classes */
.erro {
  background-color: #FFCCCC;
  color: #660000;
}
div.erro {
  border: 1px solid #FF0000;
  padding: 1em;
  -moz-border-radius: 1em;
}
tr.erro th,
tr.erro td {
  border: 1px solid #FF0000;
}

.clear {
  clear: both;
}

br.clear {
  font-size: 0px;
}

div.descricao {
  background-color: #FFFFEE;
  border: 1px dotted #909090;
  padding: 0em 1em;
  margin: .2em 0 1em 0;
}

form.vertical {
  background-color: #F5F5F9;
  border: 1px outset #F5F5F9;
  padding: .8em;
  -moz-border-radius: 1em;
}
form.vertical table {
  width: 100%;
}
form.vertical table th[scope=row] {
  text-align: right;
}

.invisivel {
  display: none;
}

.voltar_topo {
  background: transparent url(http://www.tecnolivre.com.br/temas/padrao/imgs/topo.gif) top left no-repeat;
  bottom: 0px;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  font-size: 0.9em;
  font-weight: bolder;
  height: 20px;
  position: fixed;
  right: 0px;
  text-indent: 30px;
  width: 80px;
  z-index: 2;
}

br.clear {
  clear: both;
  font-size: 0.1em;
}