body
{
  background-color: #DCDCDC;
  font-family: Century Gothic;
}

@font-face 
{
	font-family: Century Gothic;
	src: url('/fonts/GOTHIC.ttf');
}
      
@font-face 
{
	font-family: Century Gothic;
	src: url('/fonts/GOTHICB.ttf');
	font-weight: bold;
}

.textoVermelho
{
color: #FF0000;
font-size: 16;
font-family: Arial;
}

.textoAzul
{
color: #0000FF;
font-size: 16;
font-family: Arial;
}

.textoCinza
{
color: #696969;
font-size: 16;
font-family: Arial;
}

.textoArial
{
color: #696969;
font-size: 10;
font-family: Arial;
}

.textoArial12
{
color: #696969;
font-size: 12;
font-family: Arial;
}

.textoArial6
{
color: #696969;
font-size: 6;
font-family: Arial;
}

div#raiz
{
  width: 1220px;
  margin: 0 auto;
}

div#cabecalho
{ 
  float: left; 
  width: 1200px; 
  margin: 5px; 
  background-color: #ffffff;
  border-radius: 15px;
}

div#posCabecalho
{ 
  float: left; 
  width: 1200px; 
  height: 40px;
  margin: 5px; 
  background-color: #ffffff;
  border-radius: 15px;
}

.imagemMesmaLinhaLogotipoEsquerda
{
  float: left;
  margin: 10px;
  margin-right: 30px;
}

.imagemMesmaLinhaLogotipoDireita
{
  float: right;
  margin: 0px;
  margin-right: 30px;
}

.imagemMesmaLinhaMenu
{
  float: left;
  margin: 10px;
  margin-top: 10px;
}

.mesmaLinhaMenu
{
  float: left;
  margin: 5px;
  margin-left:50px;
  margin-top: 90px;
}

.mesmaLinhaMenuCentro
{
  float: left;
  margin: 5px;
  margin-left:250px;
  margin-top: 90px;
}

div#conteudo
{ 
  float: left; 
  width: 490px; 
  height: 400px;
  margin: 5px; 
  background-color: #ffffff;
  border-radius: 15px 50px 15px 50px;
}

div#conteudo2
{ 
  float: left; 
  width: 490px; 
  height: 400px;
  margin: 5px; 
  background: #EEE url('../imagens/indexNotebook940.png') no-repeat center center;
  background-color: #ffffff;
  border-radius: 15px 50px 15px 50px;
}

div#conteudo3
{ 
  float: left; 
  width: 920px; 
  height: 400px;
  margin: 5px; 
  background-color: #ffffff;
  border-radius: 15px 50px 15px 50px;
}

div#conteudo4
{ 
  float: left; 
  width: 1200px; 
  height: 400px;
  margin: 5px; 
  background-color: #ffffff;
  border-radius: 15px 50px 15px 50px;
}

div#conteudo5
{ 
  float: left; 
  width: 920px; 
  height:310px;
  margin: 5px; 
  background-color: #ffffff;
  border-radius: 15px 50px 15px 50px;
}

h1
{
  color: #26c4f3;
  margin-left: 20px;
  font-size: 18pt;
}

p
{
  margin-left: 20px;
}

figure
{
  text-align: center;
}

figcaption
{
  font-size: 10pt;
}

div#lateral
{
  float: left; 
  width: 700px;
  margin: 5px;  
  height: 400px;
  background-color: #ffffff;
  border-radius: 15px 50px 15px 50px;
}

p#lateral
{
  margin-left: 10px;
}

a:link 
{
	color: #26C4F3;
	text-decoration: none;
}

a:visited 
{
	color: #26C4F3;
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}

div#rodapeMenu
{ 
  float: left; 
  width: 920px; 
  height: 80px;
  margin:  5px;
  background-color: #ffffff;
  text-align: center;
  border-radius: 15px 0px 15px 50px;
}

div#rodape
{ 
  float: left; 
  width: 1200px; 
  margin: 5px; 
  background-color: #ffffff;
  text-align: center;
  border-radius: 15px;
}

#blocoLogin {
	width:300px;
	margin:35px auto 0 auto;
}

#falhaLogin {
	width:670px;
	margin: 15px;
	text-align:center;
	font-weight:bolder;
	display:none;
}

#sucessoLogin {
	width:670px;
	margin: 15px;
	text-align:center;
	font-weight:bolder;
	display:none;
}

.styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
}

.drop-down-select {
    position: relative;
    float: left;
}
 
.drop-down-select select {
    width: 306px;
    display: block;
    float: left;
    padding: 10px;
    border: 1px solid #DDD;
    margin-bottom: 10px;
    font: 1.3em 'signika_regular';
    color: #333;
 
    -webkit-transition: border 0.2s;
    -moz-transition: border 0.2s;
    -ms-transition: border 0.2s;
    -o-transition: border 0.2s;
    transition: border 0.2s;
}
 
.drop-down-select::after {
    width: 36px;
    height: 36px;
    display: 'block';
    content: '';
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 99999;
    background: #EEE url('../imagens/grey-disclosure-arrow-up-down.png') no-repeat center center;
    font: 1.3em 'signika_bold';
    pointer-events: none;
    border-left: 1px solid #DDD; 
    -webkit-transition: border 0.2s;
    -moz-transition: border 0.2s;
    -ms-transition: border 0.2s;
    -o-transition: border 0.2s;
    transition: border 0.2s;
}
table td{
  border:none !important;
}

#comboAno{
 width:auto;   
}

comboBox{
 width:auto;   
}

datalist { 
 display: none;
}