/* Limpar formatações padrão*/
* {
	margin:0;
	padding: 0;
}

body {
	font-size: 1em;
	font-family:"Open Sans", "Times", Helvetica, sans-serif;
	background: #FFFFFF;
	height:100%
}

/*
**** Layout ****
*/
#cabecalho {
	background-color: #17375E;
	padding: 0px;
	text-align: center;
}

#area-principal {
	width: 500px;
	margin: 0 auto;
	padding: 15px;
}

#menu  {
	padding: 20px;
	margin: 10px auto;
	text-align: center;
	font-size: 22px;
	letter-spacing: 2px;
}
#menu ul {
	padding: 10px;
	margin: 10px auto;
	text-align: center;
	font-size: 24px;
	list-style:none;
	text-align: center;
}
#menu ul li { 
	display: inline;
	padding: 2px 10px;
	position: relative;
	float:left;
	text-align: center;
	 }

.img {
	background-image: url('../images/fundo1.jpg');
  	width: 550px;
  	height: 300px;
  	opacity: 1;
  	margin: auto;
  }


#rodape {
	background: #17375E;
	margin: auto;
	clear: both;
	text-align: center;
	padding: 15px;
	color:#818386;
	font-size: 12px;
}

.vermelho {
	background-color: #800000;
	padding: 7px;
}

/*
**** Formatações do menu ****
*/
a {
	text-decoration: none;
	font-size: 22px;
	color: #17375E;
}

a:link, a:visited {
	color: #17375E;
}

a:hover {
	clear: both;
	margin: 5px 0;
	padding: 5px 0;
	text-decoration: none; 
	background-color: #E0E0E0; 
	font-weight: normal; 
	color: #17375E;
	border-radius: 5px;
	transition-duration: 1s;
}

#home .home a,
#crops .crops a,
#missao .missao a,
#resultados .resultados a,
#clientes .clientes a,
#contato .contato a,
#login .login a {
	clear: both;
	margin: 5px 10px;
	padding: 5px 10px;
	text-decoration: none; 
	background-color: #E0E0E0; 
	font-weight: normal; 
	color: #17375E;
	border-radius: 5px;
	transition-duration: 1s;
	vertical-align: middle;
}


h2 {
	color: #17375E;
	text-align: center;
	vertical-align: middle;
}

h3 {
	color: #17375E;
	text-align: center;
	vertical-align: middle;
}


.formulario {
	padding: 20px;
	vertical-align: middle;
	text-align: center;
}

.conteudo {
			width: 460px;
			height: 400px;
			margin:20px;
			float: left;
			text-align: center;			
}

.clear {
			clear: both;
		}


.button {
      background-color: black; 
      border: none;
      color: white;
      padding: 15px 100px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 20px;
      transition-duration: 0.5s;
 }

.button:hover {
      background-color: #4CAF50; 
      color: white;
}

.input {
      margin: 10px auto;
      padding: 15px;
      width: 350px;
}


/* Create two unequal columns that floats next to each other */
.column {
    float: left;
    padding: 0px;
    margin:0;
}

.left {
    width: 82%;
    align-items: center;
    margin:0;
}

.right {
    width: 18%;
    align-items: center;
    margin:0;
}

.nav_tabs{
    width: 100%;
    height: auto;
    margin: 10px auto;
    background-color: #fff;
    position: relative;
    align-items: center;
}

.nav_tabs ul{
    display: inline-block;
    list-style-type: none;
}

.nav_tabs ul li{
    float: left;
}

.tab_label{
    display: block;
    width: 100%;
    background-color: #17375E;
    padding: 20px;
    font-size: 15px;
    color:#818386;
    cursor: pointer;
    text-align: center;
}

.nav_tabs .rd_tab { 
    display:none;
    position: absolute;
}

.nav_tabs .rd_tab:checked ~ label { 
    background-color: #800000;
    color:#fff;
}

.tab-content{
    background-color: #fff;
    display: none;
    position: absolute;
    height: 800px;
    width:100%;
    left: 0;
}

.rd_tab:checked ~ .tab-content{
    display: block;
}

.tab-content h2{
    padding: 10px;
    color: #17375E;;
}
       
.tab-content article{
    padding: 10px;
    color: #555;
}

.nav_tabs .rd_tab:hover ~ label { 
    background-color: #ff0505;
    color:#fff;
    transition-duration: 0.8s;}

       
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
} 

table, tr, td {
    border: 0px solid #818386;
    border-collapse: collapse;
    text-align: center;
    font-size: 16px;
}

th {
    background-color: #17375E;
    color:#b0b3b5;
}

table.center {
    margin-left: auto; 
    margin-right: auto;
}