body{
  font-family:sans-serif;
}

div.area{
  background-color:#F9F0F0;
  border:1px solid #000066;
  height:300px;
  width:98%;
  padding:3px;
}
div.barra{
  background-color:#F9F0F0;
  border:1px solid #FF0066;
  width:100%;
  float:left;
}
div.botao{
  background-color:#F9F0F0;
  border:1px solid #000000;

}
div.conteudo{
  background-color:#FFFFFF;
  border:1px solid #00FF00;
  height:200px;
  width:100%;
}

div.titulo{
  height:32px;
  width:1000px;
  padding:10px;
  background-color:#FFEEDD;
  border:1px solid #FFBBAA;
}

div.divisor{
  height:2px;
  width:1018px;
  padding:1px;
  background-color:#FFEEDD;
  border:1px solid #FFBBAA;
}

div.idcap{
  font-size:18px;
  width:650px;
  float:left;
}

div.autor{
#  border:1px solid #0000ff;
  font-size:14px;
  width:340px;
  height:20px;
  float:right;
  text-align:right;
  font-weight:bold;
}

div.voltar{
  font-size:14px;
  width:340px;
  float:right;
  text-align:right;
  padding-top:6px;
}

div.info{
  float:left;
  width:428px;
  border:1px solid;
  margin-right:6px;
  text-align:center;
  background-color:#FFFFFF;
  font-size:20px;
  font-family:sans-serif;
}

div.texto{
  width:864px;
  border:1px solid black;
  text-align:center;
  font-size:32px;
  font-family:sans-serif;
}

div.fmtresult{
  width:864px;
  border:1px solid black;
  text-align:center;
  font-size:20px;
  font-family:sans-serif;
}

a{
  font-size:16;
}

a.voltar{
  font-size:14px;
}

input.btncores{
  width:170px;
} 

input.btntab{
  width:300px;
  height:30px;
  margin-top:0px;
  font-size:14px;
}

input.btntab2{
  width:280px;
  height:30px;
  margin-top:0px;
  font-size:14px;
  float:left;
}

input.txttab{
  width:60px;
  height:26px;
  font-size:20px;
  text-align:center;
  border:1px solid;
}

div.lbltab{
  width:220px;
  height:26px;
  font-size:20px;
  float:left;
  padding-top:2px;
}

div.icones{
  width:1010px;
  height:100px;
#  border:1px blue solid;
#  display: inline-block; /* change the default display type to inline-block */
#  overflow: hidden;        
}

img.esp{
  width:50px;
  height:50px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:42px;
  margin-right:0px;
}





#ver{
  height:500px;
  width:1020px;
#  border:1px;
#  border-style:solid;
#  border-color:red;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

#vertxt{
  height:40px;
#  border:1px;
#  border-style:solid;
#  border-color:yellow;
}

#vergde{
  height:390px;
  width:460px;
  margin:5px;
#  border:1px;
#  border-style:solid;
#  border-color:blue;

  display:flex;
  justify-content:center;
  align-items:center;
}

#verpqn{
  height:90px;
  width:460px;
  margin:5px;
#  border:1px;
#  border-style:solid;
#  border-color:blue;
  align :center;
}

div.vermini{
  height:80px;
  width:80px;
  margin:5px;
  border:1px;
#  border-style:solid;
#  border-color:green;
  float:left;
##  transform:translateX(-50%);
}

img.pjt02{
  max-height:100%;
  max-width:100%;
  height:100%;
  width:auto;
}



#areapg{
  height:520px;
  width:1020px;
#  border:1px solid red;
  display:flex;
#  flex-direction:column;
  justify-content:center;
#  align-items:center;
}

#areabn{
  height:520px;
  width:600px;
  border:1px solid blue;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

#linhabn{
  height:50px;
  width:600px;
#  border:1px solid green;
  margin:2px;
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
}

div.celulabn{
  height:40px;
  width:44px;
#  border:1px solid #999999;
  margin:0px 4px 0px 0px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

img.celulaimg{
  max-height:100%;
  max-width:100%;
  height:100%;
  width:auto;
#  border:1px solid black;
}

p.ref{
  font-size:30px;
}

img.signo{
  width:auto;
  height:74px;
}

input.btnhoroscopo{
  width:200px;
  height:40px;
  margin:0px 20px 40px 20px;
}


#organiza{
  width:1020px;
  height:162px; 
#  border: 1px solid #000000;  
}

#botoes{
#  border: 1px solid #00FF00;  
  width: 500px;
  height:162px;
  margin-left:500px;
  margin-top:50px;
  padding-top:20px;
  display:flex;
  flex-wrap:wrap;
  flex-direction:column;
#  justify-content:center;
#  align-items:center;
}
.f1{
  border: 1px solid #CCC;
  padding: 10px 5px 6px 5px;
  background-color: #E4E4E4;
  color: #700;
  width: 1000px;
}
.f2{
  background-color:#F1D59E;
  border: #F2BE84 5px solid;
  color: #700;
  font-family: "Lucida Sans Unicode", Verdana, Arial, Georgia;
  font-size: 12px;
  width:200px;
  padding:10px;
}
.f3{
  padding: 5px 5px 5px 5px;
  border: 5px solid #FF9999;
  background-color: #FFEEEE;
  color: #FF0000;
  width: 1000px;
  text-align:center
}
.f4{
  border: 1px solid #FFFF00;
  background-color: #999999;
  color: #000000;
  width: 500px;
}