.search-holder {
	padding-top:	5px;
	color:			rgb(82, 142, 142);
	height:			35px;
	z-index: 		800;
	border:			1px solid #cdcdcd;
}

.search-holder label {
	margin-left:	150px;
	margin-right:	5px;
	font-size:		80%;
}

.search-holder input {
	height:		20px;
	width:		175px;
	font-size:	80%;
}

.search-holder > div {
	position:	absolute;
}

.search-holder > .search-1 {
	left:	30px;
}

.search-holder > .search-2 {
	right:	30px;
}



body{
	margin: 0;
	padding: 0px;
	font-family: 'montserrat', sans-serif;
}




.cols-2 {
  width:  50%;
  float:  left;
}

#indicador-container {
  height: 10px;
}

.indicador, .menu-item, .splitter {
  width:  80px;
}

.wide {
  width:  120px !important;
}

.indicador {
	line-height:    10px;
  vertical-align: middle;
	font-size:      10px;
	text-transform: uppercase;
	color:          #000;
	padding:        0;
	text-align:     center;
}

#buttons-container {
	height: 44px;
	/*background-color: #1f9ff0;*/
	/*text-align: center;*/
	
	/*border-width: 1px;
	border-color: #2786c2;
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	border-radius: 3px 3px 0 0;*/
}

.menu-item {
	height: 20px;
	font-size: 130%;
	font-family: "oswald_bold", sans-serif;
	line-height: 25px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	margin: 0;
	color: #585858;
  width:  80px;
  float:  left;
}

.menu-item-active {
  color:  rgb(0, 0, 0) !important;
}

#splitter-container {
	height:             10px;
  border-width:       0px;
	border-color:       #cdcdcd;
	border-left-style:  solid;
	border-right-style: solid;
}

.splitter {
	height:           10px;
	background-color: #32bbee;
}



.button {
	width: auto;
	height: 44px;
	font-family: 'montserrat_bold';
	font-size: 15px;
	color: #fff;
	background: url('img/buttons.jpg');
	background-position: center 0px;
	text-align: center;
	line-height: 44px;
	margin-right: 20px;
	margin-top: 0;
	cursor: pointer;
	display: inline-block;
}





#last-line {
	position: relative;
	width: 640px;
	height: 30px;
	background-color: #fff;
	line-height: 30px;
	font-size: 10px;
	text-align: center;
}

#legendas-bolinhas-container {
	width: 638px;
	height: 70px;
	background-color: #fff;
	line-height: 70px;
	text-align: center;
	
	border-width: 1px;
	border-color: #cdcdcd;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-radius: 0 0 3px 3px;
}

.bolinhas {
	display: inline-block;
	text-align: center;
	z-index: 2;
	text-transform: uppercase;
	font-size: 11px;
	width: auto;
	height: 16px;
	line-height: 16px;
	margin: 0 20px;
}

#cabecalho {
	text-align:	justify;
	font-size: 14px;
	color: #000;
}

.legenda {
	float:	left;
	width:	308px;
	position: relative;
	overflow: hidden;
	background-color:	#C0C0C0;
	/*box-shadow: 1px 1px 1px 1px #808080;*/
	padding: 0px 0px 0px 10px;
	border: 1px solid #cdcdcd;
	text-align:	center;
}

.legenda-title {
	font-size: 120%;
	font-color: #000;
	margin: 15px 5px;
}

.legendinha {
	display:	block;
	border-left-style: solid;
	border-width: 20px;
	padding-left: 4px;
	width: 100%;
	font-size: 10px;
	color: #000;
	text-transform: uppercase;
	line-height: 20px;
	height: 20px;
	margin: 5px;
	text-align:	left;
}

.legend-wrapper {
  display: none;
}


.canvas {
	float:		left;
	width: 		318px;
	height: 	350px;
	
	position:	relative;
	
	border: 1px solid #cdcdcd;
}