@CHARSET "UTF-8";

* {margin:0;padding:0;}

body {
	color: #444444;
	font-family: 'Noto Sans', Helvetica, arial, sans-serif;
	font-size: 10pt;
}

h1.logo {
    width: 119px;
    height: 85px;
    margin: 20px 0 25px 20px;
    position: absolute;
    z-index: 1000;
}
h1.logo a
{
	width: 119px;
   height: 0px;
   padding-top: 85px;
   display: block;
   background: url("../images/layout/logo.png");
   background-image: url("../images/layout/logo.svg"),none;
   background-repeat: no-repeat;
   background-size: cover;
   overflow: hidden;
}

#map {
	position:absolute; 
	top:0; 
	bottom:0; 
	width:100%;
}

 


/*
*
* Select info box
*
*/

.info {
	width: 200px;
	height: 30%;
   background:#fff;
   position:absolute;
   width:260px;
   top:50px;
   right:10px;
   border-radius:2px;
   overflow: auto;
}

.info .item {
	display:block;
   border-bottom:1px solid #eee;
   padding:10px;
   text-decoration:none;
}
.info .item small {
	color:#888;
}
.info .item:hover,
.info .item.active {
	background:#f8f8f8;
}
.info .item:last-child {
	border-bottom:none; 
}
   
   
      
/* 
*
* Search box
*
*/

.filter-ctrl {
	position: absolute;
   top: 20px;
   right: 20px;
   z-index: 1;
}
.filter-ctrl input[type='text'] {
   font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
   width: 180px;
   border: 0;
   background-color: #fff;
   margin: 0;
   color: rgba(0, 0, 0, 0.5);
   padding: 10px;
   box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
   border-radius: 3px;
}

.filter-group {
	width: 200px;
	font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 600;
	position: absolute;
	top: 70px;
	right: 20px;
	z-index: 1;
	border-radius: 3px;
	height: 30%;
	overflow: auto;
	color: #fff;
}
 
.filter-group input[type='checkbox']:first-child + label {
	border-radius: 3px 3px 0 0;
}
 
.filter-group label:last-child {
	border-radius: 0 0 3px 3px;
	border: none;
}
 
.filter-group input[type='checkbox'] {
	display: none;
}
 
.filter-group input[type='checkbox'] + label {
	background-color: #3386c0;
	display: block;
	cursor: pointer;
	padding: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
 
.filter-group input[type='checkbox'] + label {
	background-color: #3386c0;
	text-transform: capitalize;
}
 
.filter-group input[type='checkbox'] + label:hover,
.filter-group input[type='checkbox']:checked + label {
	background-color: #4ea0da;
}
 
.filter-group input[type='checkbox']:checked + label:before {
	content: '✔';
	margin-right: 5px;
}


/* 
*
* Responsive css
*
*/

/* 550px */
@media screen and (max-width: 34.38em) 
{
	h1.logo {
   	width: 90px;
    	height: 63px;
}
	h1.logo a
	{
		width: 90px;
	   padding-top: 63px;
	}
}

/* 350px */
@media screen and (max-width: 21.88em) 
{
	.filter-ctrl input[type='text'] {
		width: 130px;
	}
	.filter-group {
		width: 150px;
	}		
	.info {
		width: 150px;
	}	
}