*  {
	margin:0;
	padding:0;
}
html, body {height:100%;}



h1 
{
	font-family: "arial";
    color: #f58612;
    text-align: center;
}

h2 
{
 	font-family: "arial";
	color: white;
    text-align: center;
}

h3 
{
	font-family: "arial";
    color: black;
    text-align: center;
}

h4 
{
	font-family: "arial";
    color: #C00000;
    text-align: left;
}

h5 
{
	font-family: "arial";
    color: white;
    text-align: right;
    font-size:14px;
}


h6
{
	font-family: "arial";
  	color: #243d6e;  
	text-align: left;
	font-size:18px;
}

h7 
{
	font-family: "arial";
    color: #f58612;
    text-align: left;
	font-size:18px;
}	
h8 
{
	font-family: "arial";
    color: #f58612;
    text-align: center;
	font-size:12px;
}

h9
{
	font-family: "arial";
    color: black;
    text-align: left;
}


p, a {
    font-family: "arial";
    font-size: 14px;
}

.button {
    background-color: #FFFFFF;
    color: #000000;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
   	font-family: "arial";
	margin: 4px 2px;
    cursor: pointer;
	border-radius: 10px;
	border: 1px solid #848484;
}



/*
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #F19417;
}
*/

ul 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-image: url("ceu.png");;
}

li 
{
    float: left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#036;
        
}

li a, .dropbtn 
{
    display: inline-block;
    color: white;
    text-align: center;
    padding: 12px 14px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: blue;
}

li.dropdown {
    display: inline-block;
}


.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;

}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}


.header
{
  position: fixed;
  top:  10px;
  left: 10%;
  background-color: white;
  width: 80%;
}

.menu
{
  position: fixed;
  top:  10px;
  left: 10%;
  background-color: white;
  width: 80%;
}
.conteudo
{
  position: relative;
  top:  180px;
  left: 10%;
  background-color: white;
  width: 80%;
}

.conteudo_blue
{
  position: relative;
  top:  120px;
  background-color: #243d6e;
  width: 100%;
  height: 510px;									/*altura*/
}

.cli_conteudo
{
  position: relative;
  top:  180px;
  left: 10%;
  background-color: white;
  width: 80%;
}

.footer_index {
  position: fixed;
  bottom: 90px ;
  width: 100%;
}


.color_red {
	font-size: 14px;
	font-color: red;  
}  


form label {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#036;
    font-weight:bold;
    float:left;
}

.input_index_text
{
    background-color:#f2f2f2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width:300px;									/*definimos a largura do box*/
	height:50px;									/*definimos a altura do box */
	border-radius: 10px;
	border: 1px solid #000000;
	padding: 0 4px 0 4px;
}	
			
.input_index_password
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width:300px;									/*definimos a largura do box*/
	height:50px;									/*definimos a altura do box */
	border-radius: 10px;
	border: 1px solid #000000;
	padding: 0 4px 0 4px;
}
			
.input_index_submit  
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width:300px;									/*definimos a largura do box*/
	height:50px;									/*definimos a altura do box */
	border-radius: 10px;
	border: 1px solid #000000;
	padding: 0 4px 0 4px;
	background-color: #FFFFFF 						/*cor de fundo*/
}



.input_text
{
    background-color:#f2f2f2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	/*width:300px;									definimos a largura do box*/
	height:30px;									/*definimos a altura do box */
	border-radius: 5px;
	border: 1px solid #848484;
	padding: 0 4px 0 4px;
}	


.input_select
{
    background-color:#f2f2f2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	/*width:300px;									definimos a largura do box*/
	height:30px;									/*definimos a altura do box */
	border-radius: 5px;
	border: 1px solid #848484;
	padding: 0 4px 0 4px;
}	


.input_textarea
{
    background-color:#f2f2f2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	/*width:300px;									definimos a largura do box*/
	/*height:30px;									definimos a altura do box */
	border-radius: 5px;
	border: 1px solid #848484;
	padding: 0 4px 0 4px;
}	

			
.input_password
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	/*width:300px;									definimos a largura do box*/
	height:30px;									/*definimos a altura do box */
	border-radius: 10px;
	border: 1px solid #848484;
	padding: 0 4px 0 4px;
}
			
.input_submit  
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width:120px;									/*definimos a largura do box*/
	height:30px;									/*definimos a altura do box */
	border-radius: 10px;
	border: 1px solid #848484;
	padding: 0 4px 0 4px;
	background-color: #FFFFFF 						/*cor de fundo*/
}


.input_file  {
  line-height: 30px;
  height: 30px;
  border: 1px solid #A7A7A7;
  padding: 5px;
  box-sizing: border-box;
  font-size: 15px;
  vertical-align: middle;
  width: 300px;
}



.botaoForm 
{
    padding:5px;
    background-color:#036;
    color:#fff;
    font-weight:bold;
	}
	

table 
{
  width: 100%;
 
}


thead 
{
  	background-color:#243d6e;
  	font-family: "arial";
    font-size: 14px;
	color: #f58612;
}


th 
{
  	background-color:#243d6e;
	font-family: "arial";
    font-size: 14px;
	color: #f58612;  
	text-align: center;
}

td
{
	font-family: "arial";
    font-size: 14px;
	font-color: black;  
}

th, td {
  padding: 0.1em 1em;
}