/*        Configuração da Página        */
body {
  position:relative;
  margin:1px auto auto 5px;
	max-width:1024px;
	min-width:700px;
	padding:0px;
  border:none;
  font:10px Verdana, Arial, Helvetica, sans-serif;
  background:#000000;
  color:#000000;
  text-align:center;
}
	
#tudo {
  margin:0px auto;
  width:700px;
  text-align:center;
  background:#ffffff;
}

/*        Definição da Logo        */
#topo {
  float: top;
}

#logo{
  float: top;
  width: 700px;
  height: 150px;
  border: solid 1px #000000;
  background:  url(http://www.apuabrasil.org.br/images/Logosite.jpg) no-repeat left top;
}


/*       Definição da caixa de pesquisa                     */

#bottomTopo{
}

#dataSistema{
  float: left;
  margin: 8px 0px 0px 1px;
  text-align:bottom;
}

#frmPesquisa {
  margin: 0px;
  padding-top: 3px;
  text-align: right;
}

#frmPesquisa input.formBtnAplic {
  margin: 0px 5px 0px 5px;
}


/*        Definição dos slotes de menu, conteúdo e apoio        */
#principal {
  margin-top: 10px;
}


/*   Slot Menu Vertical   */

#menuVertical{
  float: left;
  width: 110px;
  padding-left: 5px;
  text-align: left;
}

ul#menuV {
   border:0px solid #b2b5c5;
   margin:0px;
   padding:0px;
   list-style-type:none;
}

ul#menuV li {
   border-bottom:2px solid #a6120a;
}

ul#menuV li a:link, ul#menuV li a:visited {
   display:block;
   height:14px;
   text-decoration:none;
   font: 11px Geneva, Arial, Helvetica, sans-serif;
   color:#5E0F50;
   border-left:15px solid #a6120a;
   padding-left:5px;
}

ul#menuV li a:hover {
   background-color: #cccccc;
   color:#ffffff;
   border-left:15px solid #a6120a;
}

/*   Slot Conteúdo   */
#conteudo{
  float:left;
  margin:1px 2px 5px 10px;
  padding:0px;
  width:430px;
  height:700px;
  overflow:auto; /*scroll*/
}

.painelConteudo{
  padding-top:10px;
  height:50px;
}

.imgTextoConteudo{
  float:left;
  width:50px;
}

.textoConteudo{
  width: 350px;
  float: left;
  padding-left: 3px;
  padding-bottom: 5px;
  border-bottom: 1px solid #a6120a;
  text-align: justify;
}


/*     Painel Noticia      */
.painelnoticia {
  border: 1px solid #a6120a;
  margin-bottom: 7px;
  padding: 2px 5px;
  cursor: pointer;
}

.painelnoticia span {
  text-align: left;
}

.Arttitulo{
  width: auto;
  padding-bottom: 3px;
}

.Artfonte{
  float: left;
  width: 80px;
}

.Artdata{
  width: 376px;
}

.titulo, .fonte, .data, .pesqConteudo{
  width: auto;
}



/*   Slot Apoio   */
#apoio{
  float:left;
  width:105px;
  padding:4px;
}

ul#menuA {
  margin:0px;
  padding:4px;
  list-style-type:none;
}

#menuA img{
  border: 0px solid #ffffff;
}

#menuApoio{
  list-style-type: none;
  margin: 0px; /*remove o recuo IE e Opera*/
  padding: 0px; /*remove o recuo Mozilla e NN*/
}

/*   ApoioEsquerdo */

#apoioesquerdo {
  margin: 1px 0px 0px 0px;
  padding: 1px;
  border: 1px solid #ffffff;
}

#apoioesquerdo {
  position: center;
  left: 0px;
  top: 0px;
}

/*        Formulários            */

#conteudo fieldset {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: #b2b5c5;
  border: 1px solid #a6120a;
  padding: 0px 10px;
}

.formAplic {
  background-color: #F3F3F3;
  color: #000000;
  border: 1px double #C0C0C0;
  font: 11px;
  height: 18px;
}

.formAplicTArea{
  background-color: #F3F3F3;
  color: #000000;
  border: 1px double #C0C0C0;
  font: 11px;
}

.formBtnAplic{
  background-color: #DBDBDB;
  color: #000000;
  font: 11px;
  border: 1px double #C0C0C0;
  background-position: center 50%;
}

Form table td {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  text-align: left;
}


/*        Configuração do Roda pé        */
#rodape {
  clear:both;
  margin: 0px 2px 2px 2px;
  font: 9px;
}

#logoRodape {
  float: top;
  height: 25px;
  background:  url(../images/rodape.jpg) no-repeat;
}

#textoRodape {
  float: bottom;
  margin-top: 3px;
}


/*          Arquivo Ler Conteudo          */
/*****************************  Ler Conteudo  ************************/
#lerconteudo {
  float:right;
  padding: 10px;
  margin: 1px 3px 2px 10px;
  width: 550px;
  border: solid 1px #a6120a;
}

.conteudoImagem {
  margin-bottom: 10px;
}

.conteudoTitulo {
  height: 15px;
  border-bottom: solid 1px #a6120a;
  margin-bottom: 10px;
}

.conteudoTitulo span {
  float: left;
  font: 11px Helvetica, sans-serif;
}

.conteudoTitulo img {
  float: right;
  cursor: pointer;
}

.conteudoTexto{
  width: auto;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.conteudoTexto img {
  float: left;
  margin-right: 10px;
}

.textoMateria:first-letter {
  font: 200% Verdana, Arial, Helvetica, sans-serif;
  color: green;
  text-decoration: bold;
}

.Arquivo{
  float: left;
  margin-top: 20px;
}


/***************** DIV CAMPANHA ************/
#EventoSindMedico{
  position:absolute;
  left: 300px;
  top: 10px;
  width:700px;
  height:990px;
}

#Fechar{
  float:right;
}

#Imagem{
  float:left;
}

#EventoSindMedico img{
  border:none;
}
