@charset "utf-8";
	/* CSS Document */
	
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}
	
	
	@font-face {
		font-family: 'clear_sansregular';
		src: url('font/ClearSans-Regular-webfont.eot');
		src: url('font/ClearSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('font/ClearSans-Regular-webfont.woff') format('woff'),
			 url('font/ClearSans-Regular-webfont.ttf') format('truetype'),
			 url('font/ClearSans-Regular-webfont.svg#clear_sansregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'clear_sans_mediumregular';
		src: url('font/ClearSans-Medium-webfont.eot');
		src: url('font/ClearSans-Medium-webfont.eot?#iefix') format('embedded-opentype'),
			 url('font/ClearSans-Medium-webfont.woff') format('woff'),
			 url('font/ClearSans-Medium-webfont.ttf') format('truetype'),
			 url('font/ClearSans-Medium-webfont.svg#clear_sans_mediumregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'clear_sansbold';
		src: url('font/ClearSans-Bold-webfont.eot');
		src: url('font/ClearSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('font/ClearSans-Bold-webfont.woff') format('woff'),
			 url('font/ClearSans-Bold-webfont.ttf') format('truetype'),
			 url('font/ClearSans-Bold-webfont.svg#clear_sansbold') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'clear_sanslight';
		src: url('font/ClearSans-Light-webfont.eot');
		src: url('font/ClearSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
			 url('font/ClearSans-Light-webfont.woff') format('woff'),
			 url('font/ClearSans-Light-webfont.ttf') format('truetype'),
			 url('font/ClearSans-Light-webfont.svg#clear_sanslight') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	body {
		font-size: 0.9em;
		font-family: 'clear_sansbold';
		background-color: #FFF;
	}
	#box {
		margin: 0;
		padding: 2%;
		position:relative;
		width: 100%;	
	}
	#box .close {
		position: absolute;
		width: 8%;
		top: -31px;
		right: 0;
		background-color: #bdcd2f;
		color: #FFF;
		text-align: center;
		padding: 5px 0;
	}
	
	#wrap {
		position:relative;
		width: 98%;
		margin: 16% 0 4% auto;
	}
	#scroll {
		overflow: auto;
		height: 242px;
		margin-top: -20px;
		width: 100%;
	}
	table {
		border: 0;
		width: 100%;
		text-align: center;
	}
	#titl {
		color: #FFF;
		background-color: #59824a;
		line-height: 1.2em;
		height: 4em;
		position:absolute;
		z-index:2;
		top: -57px;
		width: 98.8%;
		text-transform: uppercase;
	}
	#dados{	
		line-height: 2.8em;
	}
	
	#titl .v1 {background-color: #59824a;}
	#titl .v2 {background-color: #547b46;}
	#dados .c1 {background-color: #bdcd52;}
	#dados .c2 {background-color: #b3c34e;}
	#dados .c3 {background-color: #fff;}
	#dados .c4 {background-color: #f2f2f2;}
	
	#dados .fc1 {color: #FFF;}
	#dados .fc2 {color: #919191;}
	
	td.t1 {width: 6%;}
	td.t2 {width: 8%;}
	td.t3 {width: 10%;}
	
	td.t11 {width: 5%;}
	td.t22 {width: 8.1%;}
	td.t33 {width: 8.8%;}
	
	#top {
		width: 100%;
		clear: both;
		margin-bottom: 13%;
	}
	.logo {
		float:left;
	}
	.text {
		float: right;
		text-align: right;
		width: 42%;
		margin-right: 1.2%;
	}
	
	.text span {
		color:#59824a;
	}
	
	.blocs {
		vertical-align: middle;
		padding-top: 5px;
	}	
	.blocs select, .text input {
		background: transparent;
		border: 1.5px;
		border-style: solid;
		border-color:#bdcd52;
		border-radius: 0;
		-webkit-appearance: none;
		font-family: 'clear_sansbold';
		color: #919191;
	}
	.blocs select {
		padding: 6px 7px;
		margin-left: 5px;
		width: 100px;
		background: #FFF url(seta-select.jpg) 0 0 no-repeat;
    	-webkit-appearance: none;
	}
	.blocs .sltAno {
		overflow:hidden;
		width: 86px;
	}

	.search {width: 235px;float: right;margin-left: 14px;}
	.text input {
		width: 200px;
		float: left;
		padding: 7px;
	}
	.blocs .ano {
		height: 36px;
		padding: 0;
		width: 125px;
		background-color:#bdcd52;
		border: 0;
		float: left;	
		color: #FFF;
	}
	.txtAno {float:left; padding: 5%;}
	.text .btn {
		height: 36px;
		padding: 0;
		width: 34px;
		background-color:#bdcd52;
		border: 0;
		background-image:url(rastreab-search.png);
		background-size: 60%;
		background-repeat:no-repeat;
		background-position:center;
		float: left;
	}
	.text button img {
		width: 80%;
		height: auto;
	}

	.sep {
		float:right;
		margin-bottom:2%;
		color:#919191;
		width: 98%;
	}
	#pdf {
		width: 8%;
		text-align:center;
		margin-left: 92%;
		margin-top: 1%;
		color: #b6b4b4;
		text-transform: uppercase;
	}
	#pdf img {
		width:45%;
		height:auto;
		margin-bottom: 10px;
	}

@media screen and (min-width: 600px) and (max-width: 1024px) {
	body {font-size: 0.8em;}
	#titl {width: 100%; top: -52px;}
	#wrap {margin: 22% 0 4% auto;}
	#pdf {
		margin-left: 88%;
		width: 12%;
	}
}
@media screen and (max-width: 768px) {
	body {font-size: 0.7em;}
	.logo {
		height: auto;
		width: 45%;
	}
	#wrap {margin: 28% 0 4% auto;}
	#titl {top: -44px;}
	#pdf {margin-left: 80%;width: 20%;}	
	#box .close {top: -27px;}
}

