body {
  font-family: 'Verdana', serif;
  font-size: 12pt;
  line-height: 18pt;
  color: #555;
 
  -webkit-font-smoothing: antialiased;
  background-image: url("http://oabsp85anos.com.br/img/fundo1.gif");
  
}

#cover {
  position: relative;
  width: 950px;
  height: 300px;
  margin: 0 auto;
  background: #ccc url(http://oabsp85anos.com.br/img/oabsp85anos.png) no-repeat center;
}

#logo {
  display: block;
  margin: 0 auto;
  width: 287px;
  height: 79px;
  padding-top: 152px;
  padding-left:500px;
}

#themes {
  display: none;
  width: 900px;
  margin: 20px auto 0 auto;
}

#themesContainer {
  overflow: hidden;
}

#vida, #arcadas, #lutas {
  display: block;
  position: relative;
  float: left;
  width: 264px;
  height: 270px;
  margin: 0 15px;
  border: 3px solid #f9f9f9;
  background: #fff;
 -moz-box-shadow: 0 1px 5px #555;
 -webkit-box-shadow: 0 1px 5px #555;
  box-shadow: 0 1px 5px #555;
}

#vida:hover, #arcadas:hover, #lutas:hover {
  border: 3px solid #133a57;
}





#close {
  display: block;
  width: 40px;
  height: 40px;
  margin: 10px auto 0 auto;
  cursor: pointer;
}

#plus {
  position: absolute;
  bottom: 55px;
  left: 50%;
  display: block;
  width: 330px;
  margin-left: -165px;
  text-decoration: none;
  cursor: pointer;
}

#plus #plusArrow {
  display: block;
  width: 40px;
  height: 20px;
  margin: 0 auto;
}

#plus #plusLabel {
  display: block;
  padding: 10px 0;
  font-size: 16pt;
  font-weight: 900;
  color: #fff;
  text-align: center;
  background: url(../img/background.png);
}

#content {
  position: relative;
  width: 770px;
  margin: 0 auto;
  margin-top: -55px;
  padding: 15px;
  background: #f9f9f9;
}

#banner {
  position: relative;
  height: 25px;
  margin: -15px -15px 30px -15px;
  padding: 15px;
  font-size: 14pt;
  font-weight: bold;
  color: #133a57;
  background: #f0f0f0;
}

#participe {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 15px;
  padding: 5px 10px;
  font-size: 12pt;
  text-decoration: none;
  color: #fff;
  background: #bc0000;
}

/* General dropdown styles */
.dropdown {
  float: right;
  margin-top: 5px;
}

.dropdown dd, .dropdown dt, .dropdown ul {
  margin: 0px;
  padding: 0px;
}

.dropdown dd {
  position: relative;
}
/* DT styles for sliding doors */
.dropdown dt a {
  display: block;
  width: 180px;
  padding-right: 10px;
  font-size: 14pt;
  font-weight: 900;
  text-decoration: none;
  color: #555;
  background: #f9f9f9 url(../img/dropDownArrow.png) no-repeat scroll right center;
}

.dropdown dt a span {
  cursor: pointer;
  display: block;
  padding: 5px;
}
/* UL styles */
.dropdown dd ul {
  display: none;
  list-style: none;
  position: absolute;
  left: 0px;
  top: 2px;
  width: auto;
  min-width: 170px;
  padding: 0;
  border: 1px solid #ccc;
  background: #f9f9f9 none repeat scroll 0 0;
}

.dropdown span.value {
  display: none;
}

.dropdown dd ul li a {
  display: block;
  padding: 5px;
  font-size: 14pt;
  text-decoration: none;
  color: #555;
}

.dropdown dd ul li a:hover {
  color: #fff;
  background: #133a57;
}

.ano {
  padding: 15px 0;
  font-size: 30pt;
  font-weight: 900;
  margin-bottom: 50px;
  color: #133a57;
}

.dia {
  display: block;
  color: #555;
  text-decoration: none;
}

.dia:hover {
  color: #133a57;
}

.titulo {
  margin-bottom: 15px;
  font-size: 16pt;
  font-weight: 900;
}

.dataPublicacao {
  display: block;
  font-size: 10pt;
  font-weight: 300;
}

.descricao {
  font-weight: 400;
}

.separator {
  height: 1px;
  margin: 30px 0;
  border-bottom: 1px dotted #ccc;
}

.back {
  width: 50px;
  height: 50px;
  background: url(../img/backArrow.png) no-repeat center;
  position: absolute;
  top: 0px;
  left: -60px;
}

#up {
  width: 50px;
  height: 50px;
  background: url(../img/upArrow.png) no-repeat center;
  position: absolute;
  bottom: 0px;
  left: -60px;
}


#tituloMateria {
  font-size: 20pt;
  font-weight: 700;
  line-height: 26pt;
  margin-bottom: 30px;
  color: #133a57;
}

#textoMateria {
  line-height: 18pt;
  color: #333; 
}

#textoMateria font[face="Verdana"], #textoMateria font[face="Arial"] {
  font-family: 'Verdana', serif;
}

#textoMateria font[size="1"] {
  font-size: 10pt; 
}

#textoMateria font[size="2"] {
  font-size: 12pt; 
}

#textoMateria font[size="3"] {
  font-size: 14pt; 
}

#textoMateria p[align="left"] {
  text-align: left; 
}

#textoMateria p[align="right"] {
  text-align: right; 
}

#textoMateria p[align="center"] {
  text-align: center; 
}

#textoMateria p {
  margin: 20px 0;
  text-align: justify;
}

#textoMateria b {
  font-weight: 600;
}

#textoMateria strong {
  font-weight: 700; 
}

#textoMateria i {
  font-style: italic; 
}

#textoMateria em {
  font-style: italic; 
}

#textoMateria u {
  text-decoration: underline; 
}

#textoMateria sup {
  vertical-align: super;
  font-size: 10pt;
}

#textoMateria sub {
  vertical-align: sub;
  font-size: 10pt; 
}

#textoMateria a {
  text-decoration: underline;
  color: #bc0000;
}

#textoMateria img[align="left"] {
  margin-right: 10px;
}

#textoMateria img[align="right"] {
  margin-left: 10px;
}

#textoMateria ul {
  margin: 15px;
  list-style-type: disc;
}

#textoMateria ul li {
  margin: 15px 0 15px 15px;
}

  #textoMateria ul li * {
    display: inline;
  }

#textoMateria ol {
  margin: 15px;
  list-style-type: decimal;
}

#textoMateria ol li {
  margin: 15px 0 15px 15px;
}

  #textoMateria ol li * {
    display: inline;
  }

#textoMateria blockquote {
  margin-left: 30px; 
}

#textoMateria table {
  margin: 20px auto;
  border: 1px solid #333;
  border-collapse: collapse; 
}

#textoMateria table tr td {
  padding: 3px;
  border: 1px solid #333;
  vertical-align: middle;
}

#textoMateria table tr td p {
  margin: 0; 
}