/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Rambla:400,700');
body{
	height: 100%;
	font-family: Rambla;
	overflow-x: hidden;
	transition: background 0.4s, color 0.4s;
}

html {
	height: 100%;
}


table{
	overflow-x: visible;
}

.th-fixo{
	position: fixed;
	top: 0;
	transition: background 0.4s, color 0.4s;
}

.text-center .img-responsive {
    margin: 0 auto;
}

.img-logo{
	width: 181px;
	margin: 10px 0;
}

.btn-verde{
	color: #FFF;
	font-size: 12pt;
	background: #006d32;
	transition: background 0.4s, color 0.4s;
}

.btn-verde:hover{
	color: #FFF;
	background: #017a38;
}

#form-login{
	background: #FFF;
	padding-top: 10%;
	height: 100%;
}

#topo{
	background: #FFF;
}

#intro{
	background: #005b2a;
	padding-top: 50px;
	bottom: 0;
}

#intro h2{
	color: #FFF;
	font-weight: bold;
	font-size: 16pt;
}

#intro h3{
	color: #FFF;
	font-size: 14pt;
}

#intro-texto{
	color: #758964;
	text-align:justify;
	background: #c5c9a2;
	border-radius: 15px;
	padding: 20px;
	margin: 30px 10px;
}

#intro-texto p{
	font-size: 12pt;
}

#intro-img img{
	width: 100%;
	padding: 10px 0 0 0;
}

#intro-img h3{
	color: #000;
	font-size: 12pt;
	font-weight: bold;
	padding-top: 0px;
}

#planilha{
	background: #FFF;
	padding-bottom: 60px;
}

#planilha h2{
	font-size: 12pt;
}

.bg-verde{
	background: #92d050;
}

.bg-verde-xs{
	background: #005b2a;
	color: #ffffff;
}

.bg-laranja{
	background: #ffc000;
}

.bg-rosa{
	background: #fabf8f;
}

.bg-amarelo{
	background: #ffff99;
}

.bg-cinza{
	background: #bfbfbf;
}

.bg-branco{
	background: #fff;
}

table input[type=text], table input[type=text]:focus{
	width: 50px;
	text-align: center;
	border: none;
	box-shadow: 0 0 0 0;
    outline: 0;
}

th{
	text-align: center;
}

footer{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 60px;
	padding-top: 13px;
}

#rodape{
	background: #005b2a;
}

.btn-amarelo{
	color: #005b2a;
	font-size: 12pt;
	background: #faef00;
	margin: 0 5px;
	transition: background 0.4s, color 0.4s;
}

.btn-amarelo:hover{
	color: #005b2a;
	background: #fff763;
}

.btn-verde{
	color: #ffffff;
	font-size: 12pt;
	background: #5EC560;
	margin: 0 5px;
	transition: background 0.4s, color 0.4s;
}

.btn-verde:hover{
	color: #ffffff;
	background: #7EDF7F;
}

.btn-vermelho{
	color: #ffffff;
	font-size: 12pt;
	background: #DC4646;
	margin: 0 5px;
	transition: background 0.4s, color 0.4s;
}

.btn-vermelho:hover{
	color: #ffffff;
	background: #EB6161;
}

.culturas-preenchidas {
	color:#ffffff;
	font-size:1.2em;
	font-weight:bold;
}

#btn-topo{
	display: none;
	transition: background 0.4s, color 0.4s;
}

#btn-final{
	display: inline-block;
	transition: background 0.4s, color 0.4s;
}

.box-atencao {
	color: #000000;
	font-size: 12pt;
	background: #EFEB96;
	margin: 0 5px 20px 5px;
	padding: 10px;
	transition: background 0.4s, color 0.4s;
	border: 1px solid #98937B;
}

.box-atencao:hover{
	color: #000000;
	background: #EBD080;
}

.box-mensagem {
	color: #ffffff;
	font-size: 12pt;
	background: #5EC560;
	transition: background 0.4s, color 0.4s;
	margin: 0 5px 20px 5px;
	padding: 10px;
	border: 1px solid #708872;
}

.box-mensagem:hover{
	color: #ffffff;
	background: #7EDF7F;
}

.td-id{
	width: 3%;
	max-width:3%;
    min-width:3%;
}
.td-1{
	width: 3%;
	max-width:3%;
    min-width:3%;
}
.td-2{
	width: 9%;
	max-width:9%;
    min-width:9%;
}
.td-3{
	width: 10%;
	max-width:10%;
    min-width:10%;
}
.td-4{
	width: 8%;
	max-width:8%;
    min-width:8%;
}
.td-5{
	width: 4%;
	max-width:4%;
    min-width:4%;
}
.td-6{
	width: 10%;
	max-width:10%;
    min-width:10%;
}
.td-7{
	width: 5%;
	max-width:5%;
    min-width:5%;
}
.td-8{
	width: 10%;
	max-width:10%;
    min-width:10%;
}
.td-9{
	width: 11%;
	max-width:11%;
    min-width:11%;
}
.td-10{
	width: 11%;
	max-width:11%;
    min-width:11%;
}
.td-11{
	width: 8%;
	max-width:8%;
    min-width:8%;
}
.td-12{
	width: 8%;
	max-width:8%;
    min-width:8%;
}
.td-13{
	width: 52%;
    max-width: 52%;
    min-width:52%;
}

@media (max-width: 767px) {
	table{
		width: 90%;
	}
	
	th, td{
		width: 50%;
	}
	.btn-amarelo{
		margin: 0 2px;
	}
	
	#planilha{
		padding-bottom: 100px;
	}
}