* {
  margin:0;
  padding:0;
}

body, table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
}

input, textarea {	 
	background-color: #ffffff; 
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#006090;
	border: 1px solid #006090;
	padding: 2px;
}

input[type="submit"]{
  font-size: 20px;  
	font-weight: bold;
}

select {	 
	background-color: #ffffff; 
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	border: 1px solid #006090;
}

hr {
	margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25;
}

.caixalogin{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	background-color: #F9F9F9;
	padding: 5px;
	width: 500px;
	border:1px solid #000000;
}

.caixatitulo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #A0B8D0;
	text-align:center;
	padding: 1px;
	width: 500px;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

/*Mobile*/
@media screen and (max-device-width: 600px) {
	.caixalogin{
		width: 300px;
	}

	.caixatitulo{
		width: 300px;
	}
}

.titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 20px;
        color: #006090;
        padding: 5px;
	font-weight: bold;
	margin-bottom: 0px;
}

.subtitulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 15px;
        color: #006090;
        background-color: #FFFFFF;
        padding: 5px;
	font-weight: bold;
}
.pergunta {
    font-size: 17px;
	margin-bottom: 0px;
}

.conteudotopo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px;
	width: 700px;
	border:0px solid #000000;
}


.tabelarelatorio{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top:2px solid #000000;
	border-right:2px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
}

.tabelarelatorio th{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	background-color: #D0DBE8;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
}

.tabelarelatorio td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
}


.tabelaformulario{
	font-family: Arial, Helvetica, sans-serif;
}

.tabelaformulario td{
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;
}

.tabelaimpressao{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top:2px solid #000000;
	border-right:2px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
}

.tabelaimpressao th{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 2px;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
}

.tabelaimpressao td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
}

.tabela{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:0px;
}
.tabela td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	border:0px;
}

#div_menu {
  padding-top:10px;
  float:left;
  width:100%;
}

.menu{
	background-color: #D0E4F8;
	padding: 0px;
	width: 100%;
	border:1px solid #000000;
}

#div_principal {
    padding-top:8px;
    padding-bottom:8px;
    float:left;
    width:800px;
}

#div_index {
  float:left;
  width:800px;
}

@media screen and (max-width: 820px) {
	#div_principal {
		width:100%;
	}
	#div_index {
		width:100%;
	}
}

#nav  {
  float: left;
  width: auto;
  list-style: none;
  background: #D0E4F8;
  padding: 0;
  margin: 0 0 0 0;
  font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
}

#nav ul  {
  float: left;
  width: auto;
  list-style: none;
  background: #D0E4F8;
  padding: 0;
  border: 0px solid #000000;
  margin: 0 0 0 0;
  font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
}

#nav a {
  display: block;
  width: 15.8em;
  /width: 17.8em;
  color: #205080;
  text-decoration: none;
  padding: 0.25em 1em;
  font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
  height: auto !important;
  height: 10%;
}


#nav a:hover {
  background: #A0C8F0;
}

#nav li {
  display: block  !important;
  display: inline;
  float: left;
  padding: 0;
  width: 17.8em;
}

#nav li ul  {
  position: absolute;
  left: -999em;
  height: auto;
  width: 17.8em;
  font-weight: normal;
  border-width: 0px;
  background: #D0E4F8;
}

#nav li li {
  width: 17.8em;
}

#nav li ul ul {
  margin: -1.9em 0 0 12.8em;
  /margin: -2.0em 0 0 12.8em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul, #nav li.sfhover ul ul ul ul ul {
  /*top:17px;*/
  left: -999em;
  width: 17.8em;
}

#nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li li li li:hover ul,  #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul, #nav li li li li li.sfhover ul  {
  left: auto;
  background: #D0E4F8;
  width: 17.8em;
/* parte do segundo menu, parte de tras */
}

#nav li:hover ul, #nav li.sfhover ul {
  /*left: 122px;
  top: 0;*/
  left: auto;
  background: #D0E4F8;
  width: 17.8em;
}

#nav li:hover, #nav li.sfhover {
  background: #A0C8F0;
}