.infobox {
				font-family: Atlas Grotesk Bold, Helvetica, Arial, sans-serif;
				font-weight: 700;
				width: auto;
				height: auto;
				padding: 0px;
				line-height: 110% !important;
				position: absolute;
				top: -9999px;
				left: -9999px;
				border: 1px solid #e9e8c9;
				background: white;
				border-radius:2px;
				margin: 0 auto;
				text-align: center;
				text-shadow: 0 1px 0  #f5f5f5;
				white-space: nowrap;
				-moz-border-radius: 2px;
				-ms-border-radius: 2px;
				-webkit-border-radius: 2px;
				border-radius: 2px;
				-moz-box-shadow: 0 0 4px #736357;
				-webkit-box-shadow: 0 0 4px #736357;
				box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);
				color: #000;
				z-index: 1;
			}

			#provincia {
				font-size: 16px;
				display: block;
				margin: 0 0 5px 0;
				padding: 5px;	
				border-bottom: 1px solid;
			}
			
			#sigles {
				font-size: 14px;
				padding: 0 5px 0 5px;
				display: block;				
			}

			#escons,
			#vots{
				font-family: Atlas Grotesk Regular, Helvetica, Arial, sans-serif;
				font-weight: 400;
				font-size: 14px;
				padding: 0 5px 0 5px;
				display: block;				
			}

			
			
			#chartA,
			#chartB{
				min-width:320px;
				width: 100%;
				margin: 0 auto;
			}
			
			#chartA{
				height: 390px;
			}
			
			#chartB{
				position:relative;
			}
			
			#chartC{
				width: 100%;
				margin: 0 auto;				
				position:relative;
				text-align:center;
				margin-top: -500px;
				margin-top: 0px;
			}
			
			#contenidor_chart{
				position: relative;
			}
			
			#chartP{
				position: absolute;
				width:100%;
				cursor:pointer;
			}
			
			.highcharts-tooltip{
				text-align: center !important;
			}
			
			.highcharts-data-labels tspan{
				font-family: Atlas Grotesk Regular, Helvetica, Arial, sans-serif;
				font-weight: 400;
				font-size: 14px;
				text-align: center !important;
			}

			.highcharts-tooltip b,
			.highcharts-data-labels tspan b{
				font-family: Atlas Grotesk Bold, Helvetica, Arial, sans-serif;
				font-weight: 700;
				font-size: 16px;
			}
			
			.resultats{
				font-family: Atlas Grotesk Regular, Helvetica, Arial, sans-serif;
				font-weight: 400;
				font-size: 16px;
				background: white;
				padding: 10px;
				height: 20px;
			}
			
			#escrutat{
				float:left;
			}
			
			#actualitzacio{
				float:right;
			}
			
			#senat{
				padding-left: 30px;
			}
			
			#congres{
				width: 100%;
			}
			
			#congres a,
			#senat a,
			#congres a:focus,
			#senat a:focus{
				color: #ffcc00 !important;
				text-decoration: none; 
				background-color: black !important;
			}
			
			#botons_eleccions li > a,
			#botons_eleccions li > a:link,
			#botons_eleccions li > a:visited,
			#botons_eleccions li > a:focus,
			#botons_eleccions li > a:active{
				font-family: 'Atlas Grotesk Web',Arial,Helvetica,sans-serif;
				font-weight: 400;
				font-style: normal;
				color:black;
				border-bottom: 0px;
			}

					
			#cerca_llocs{
				float:right;
				width: 30%;				
			}
			
			#opcions_eleccions{
				clear: both;
				padding-top:2%;
				padding-bottom:3%;
			}
			
			#opcions_eleccions > div{
			  display: inline-block;
			  width: 30%;
			  margin-right: 1%;
			}
			
			#cerca_llocs p,
			#opcions_eleccions p {
				font-family: Atlas Grotesk Bold, Helvetica, Arial, sans-serif;
				font-weight: 700;
				font-size: 18px;
				line-height: 1em;
				margin-bottom: 4px  !important;
			}
			
			#cerca_llocs input[type=text],
			#opcions_eleccions input[type=text],
			#opcions_eleccions select{
				font-family: Atlas Grotesk Medium, Helvetica, Arial, sans-serif;
				font-weight: 500;
				font-size: 14px;
				padding: 4px;
				margin-bottom: 28px !important;
				width:100%;
				margin-bottom: 8px;
				background-color: #f4f4f3;
				border: none;
			}
			
			@media only screen and (max-width: 640px){
				#cerca_llocs{
					float:left;
					width: 100%;			
				}
			}
			
			@media only screen and (max-width: 450px){
				
				#senat{
					padding-left: 0px;
				}
				
				#cerca_llocs{
					float:left;
					width: 100%;			
				}
				
				.highcharts-data-labels tspan{
					font-size: 10px;
				}

				.highcharts-tooltip b,
				.highcharts-data-labels tspan b{
					font-size: 12px;
				}
						
				#chartC{
					margin-top: -70px;
				}
				
				#opcions_eleccions > div{
				  width: 100%;
				  margin-right: 0;
				}
			}

		/* highlight results */
		.ui-autocomplete span.hl_results {
			background-color: #ffff66;
		}
			
		.ui-autocomplete {
			  position: absolute;
			  font-family: Atlas Grotesk Medium, Helvetica, Arial, sans-serif;
			  font-weight: 500;
			  font-size: 14px;
			  top: 100%;
			  left: 0;
			  z-index: 1000;
			  float: left;
			  display: none;
			  min-width: 160px;
			  _width: 160px;
			  padding: 4px 0;
			  margin: 2px 0 0 0;
			  list-style: none;
			  text-align: left;
			  background-color: #f4f4f3;
			  border-color: #ccc;
			  border-color: rgba(0, 0, 0, 0.2);
			  border-style: solid;
			  border-width: 1px;
			  -webkit-border-radius: 5px;
			  -moz-border-radius: 5px;
			  border-radius: 5px;
			  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
			  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
			  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
			  -webkit-background-clip: padding-box;
			  -moz-background-clip: padding;
			  background-clip: padding-box;
			  *border-right-width: 2px;
			  *border-bottom-width: 2px;

			  .ui-menu-item > a.ui-corner-all {
				display: block;
				padding: 3px 15px;
				clear: both;
				font-weight: normal;
				line-height: 18px;
				color: #555555;
				white-space: nowrap;

				&.ui-state-hover,
				&.ui-state-active {
				  color: #ffffff;
				  text-decoration: none;
				  background-color: #0088cc;
				  border-radius: 0px;
				  -webkit-border-radius: 0px;
				  -moz-border-radius: 0px;
				  background-image: none;
				}
			  }
		}
		
		.ui-autocomplete a{
			color: black;
		}
		
		.ui-autocomplete li.ui-menu-item:hover{
			background: #0088cc;
		}
		
		.ui-menu-item {
		  display: block;
		  padding: 3px 15px;
		  clear: both;
		  font-weight: normal;
		  line-height: 18px;
		  color: #555555;
		  white-space: nowrap;
		}
		  .ui-state-focus {
			color: #ffffff;
			text-decoration: none;
			background-color: #0088cc;
			border-radius: 0px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			background-image: none;
		  }
		  
		.ui-helper-hidden-accessible{
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		 }