.box-topo { position: relative; float: left; width: 100%; background: #ecf0f1; line-height: 69px; min-height: 69px; }
.box-topo h3 { position: relative; display: inline-block; width: auto; vertical-align: middle; font-size: 14px; line-height: 18px; color: #4f565c; font-family: 'robotomedium'; text-align: left; margin: 0 0; }
.box-topo h3 span { position: relative; display: inline-block; vertical-align: top; margin: 0 5px 0 0; }
.box-topo h3 a { color: #4f565c; text-decoration: none; display: inline-block; vertical-align: top; margin-right: 5px; }
.box-topo h3 i { color: #a6a6a6; margin-right: 10px; }

/**/
.content h2 { position: relative; float: left; width: 100%; font-size: 24px; line-height: 28px; color: #4f565c; font-family: 'robotolight'; text-transform: uppercase; border-bottom: solid 1px #edeeee; padding-bottom: 15px; margin: 42px 0 40px 0; }
.content h2 span { position: absolute; left: 0; bottom: -1px; width: 43px; height: 7px; background: #4f565c; overflow: hidden; }
.content .txt { position: relative; float: left; font-size: 16px; line-height: 20px; font-family: 'robotolight'; }
.content .txt p { margin-bottom: 20px; position: relative; display: inline-block; width: 100%; }
.content .box { position: relative; float: left; width: 100%; }
.span-3 { position: relative; float: left; 
	width: 20%; 
	padding-right: 20px;}
.span-7 { position: relative; float: left; 
	width: 80%;}

/**/
.sidebar{position: relative; float: left; width: 100%; background: #fafafa; border: solid 1px #dddddd; margin-bottom: 16px;}
.sidebar h3{position: relative; float: left; width: 100%; background: #9aa2a9; margin: 0 0; font-family: 'robotolight'; font-size: 16px; line-height: 40px; color: #fff; height: 40px; padding-left: 16px;}
/**/
.box .resultado{ position: relative; float: left;}
.box span.resultado i{position: relative; float: left; font-family: 'robotolight_italic'; font-size: 16px; line-height: 20px; margin: 0 0 10px 0;}
.box.border-bottom{border-bottom: solid 1px #edeeee; margin-bottom: 24px;}
.box .form-busca{position: relative; float: left; width: 100%; margin-bottom: 24px;}
.bt-buscar{position: absolute; top: 7px; right: 9px; color: #d9090f; border: none; background: transparent; font-size: 19px; }
.bt-buscar:focus, .bt-buscar:hover{outline: none;}
.box .form{position: relative; float: left; width: 100%; padding: 0 10px 30px 10px;}
.box input[type="text"]{position: relative; float: left; width: 100%; height: 40px; border: solid 1px #dde4e6; line-height: 40px; font-size: 14px; color: #4f565c; padding-left: 8px;}
.box .form label strong{ position: relative; float: left; width: 100%; font-family: 'robotomedium'; font-size: 14px; line-height: 18px; margin: 20px 0 10px 0;}
.box .form p{position: relative; float: left; width: 100%; margin: 0 0 6px 0;}
.box .form p label{ display: inline; font-family: 'robotolight'; font-size: 12px; line-height: 15px; color: #4f565c; width: auto; vertical-align: top; margin: 0 0; font-weight: lighter; word-break: break-all; word-wrap: break-word;}
.box .form p input[type="checkbox"]{display: inline-block; width: 15px; height: 15px; margin: 0 5px 0 0; vertical-align: top;}
.item .button{position: absolute; bottom: 20px; right: 18px; float: right; border:none; background: #cf050e; height: 30px; width: auto; padding: 0 12px; text-align: center; font-family: 'robotolight'; font-size: 16px; line-height: 30px; text-decoration: none; text-transform: uppercase; color: #fff;}
.item .button:focus, .item .button:hover{outline: none; text-decoration: none; opacity: 0.6;}
/**/
.col-xs-8{padding: 0 0;}
.licitacoes .item{position: relative; float: left; width: 100%; background: #fafafa; border: solid 1px #dddddd; padding: 20px 18px; margin-bottom: 19px;}
.licitacoes .item span{position: relative; float: left; width: 100%; font-size: 14px; line-height: 18px; color: #4f565c; font-family: 'robotolight';}
.licitacoes .item span.data{ color: #4f565c; margin-bottom: 20px; display: none;}
.licitacoes .item span.tomada{color: #00bc9e; font-size: 16px; line-height: 20px; margin-top: 20px;}
.licitacoes .item .links{position: relative; float: left; width: 100%; color: #1780b2; font-size: 14px; font-family: 'robotolight';}
.licitacoes .item .links a{position: relative; display: inline-block; vertical-align: top; color: #1780b2; font-size: 14px; line-height: 18px; text-decoration: none; margin-left: 5px;}
.licitacoes .item i{margin-right: 7px;}

.paginacao{position: relative; float: left; width: 100%; text-align: center; margin-bottom: 70px;}
.paginacao span{position: relative; display: inline-block; vertical-align: top; font-family: 'robotolight'; font-size: 16px; line-height: 30px; color: #4f565c; margin: 0 16px;}
.paginacao span.ativo{font-family: 'robotomedium';}
.paginacao .arrows{position: relative; width: 30px; height: 30px; background: #fafafa; border: solid 1px #dddddd; line-height: 30px; text-align: center; margin: 0 0;}
.paginacao .arrows.prev{float: left;}
.paginacao .arrows.next{float: right;}
.paginacao .arrows i{vertical-align: 0%;}
.paginacao .arrows a{color: #dcdcdc;}
.paginacao .arrows a:hover, .paginacao .arrows.ativo a{color: #cf050e;}
.paginacao span a{color: #4f565c; text-decoration: none;}
/**/
.btn-filtrar{display: none; background: transparent; position: relative; float: right; font-family: 'robotolight'; font-size: 16px; line-height: 20px; text-transform: uppercase; border: none; color: #cf050e; margin: 0 0 24px 0;}
.btn-filtrar:focus{outline: none;}
/**/
@media (max-width:959px) {
	.col-xs-8{width: 100%;}
	.item .button{float: left; position: relative; left: inherit; bottom: inherit; margin: 18px 0 0 20px;}
}
@media (max-width:767px) {
	.box .form-busca{margin-bottom: 14px;}
	.btn-filtrar{display: block;}
	.box span.resultado{width: 100%;}
	/**/
	.span-3{width: 100%; padding-right: 0;}
	.sidebar, .sidebar.collapse{display: none;}
	.sidebar.collapse.in{display: block;}
	.span-7{width: 100%;}
}

#box_right .txt{
	width: 100%;
}

@font-face {
     font-family: Montserrat-Bold;
     src: url('fonts/Montserrat-Bold.ttf');
}

@font-face {
     font-family: Montserrat-Light;
     src: url('fonts/Montserrat-Light.ttf');
}

.qtd-licitacoes{
	width: 230px;
	height: 120px;
	margin: 30px auto;
	border-radius: 8px;
	-webkit-box-shadow: 2px 0px 53px -13px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 0px 53px -13px rgba(0,0,0,0.75);
	box-shadow: 2px 0px 53px -13px rgba(0,0,0,0.75);
	text-align: center;
	line-height: -20px;
	color: #3a404d;
	border: 1px solid #ccc;
	font-family: Montserrat-Light;
	font-size: 18px;
}

.qtd-licitacoes span{
	font-weight: bold;
	font-size: 40px;
	font-family: Montserrat-Bold;
}

.sub-licitacoes{
	height: 150px;
	margin-top: 15px;
	background: #fafafa; 
	padding: 10px;
	border: 1px solid #ccc;
	font-size: 15px;
}


.segmentos{
	font-size: 10px;
	font-family: Montserrat-Bold;
	margin: auto !important;
}

.segmentosSeg{
	padding: 8px;
	font-size: 10px;
	margin: 5px;
	font-family: Montserrat-Bold;
	background-image: linear-gradient(to right, #ecf0f1 , #f1f1f1);
	cursor: pointer;
}

.segmentosSeg:hover{
	color: #fff;
	background-image: linear-gradient(to right, #3a404d , #505663);
}

.sub-seg{
	position: relative;
	top: -3px;
	left: 3px;
	font-family: Montserrat-Light;
}

.maisInfo{
	background: #cf050e;
	color: #fff;
	width: 180px;
	padding: 5px;
	text-align: center;
	font-size: 19px;
	float: right;
	margin-top: 5px;
}

.maisInfo{
	border: 1px solid  #cf050e;
}

.active{
	background: #cf050e;
	color: #fff;
}

.filtro-seg{
	background: #3a404d; 
	color: #fff; 
	text-align: center; 
	width: 100%; 
	height: 40px !important; 
	padding:10px; 
	font-size: 15px;
	margin-top: 20px;
}
	
@media only screen and (max-width: 1000px) {
	.filtro-seg{
		background: #3a404d;
		border: 1px solid #3a404d;
	}
	
    .sub-licitacoes{
		height: 200px;
	}

}

@media only screen and (max-width: 400px) {
	.filtro-seg{
		background: #3a404d;
		border: 1px solid #3a404d;
	}
    .sub-licitacoes{
		height: 280px;
	}

}