@charset "UTF-8";
/* CSS Document */

/* fonts */
@font-face {
    font-family: 'Nexa Light';
    src:url('nexa/Nexa_Light.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nexa Bold';
    src:url('nexa/Nexa_Bold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rleud Light';
    src:url('Rleud/Stawix_Rleud_Light.otf');
    font-weight: normal;
    font-style: normal;
}




/* links */
a:link {text-decoration: none; color:black;}
a:visited {text-decoration: none; color:black;}
a:active {text-decoration: none}
a:hover {
	text-decoration: none; 
	color: #7AB6BB;
	-webkit-transition: color 0.4s ease-out;
	-moz-transition: color 0.4s ease-out;
	-ms-transition: color 0.4s ease-out;
	-o-transition: color 0.4s ease-out;
	transition: color 0.4s ease-out;
}

.selected_link {
	font-size:.9em;
	margin-left:2px;
	display:inline-block;
}




/* body */
	body {
  		font: 13px 'Helvetica Neue', Helvetica, sans;
  		margin: 0;
  		padding: 0;
  		height: 100%;
  		width:100%;
	}
	
	h1 {
		font: 2.5em "Rleud Light", "Helvetica Neue", Helvetica, Arial, sans-serif;

		margin-top: 40px;
		margin-bottom: 0px;
	}
	
	h2 {
		font: 20pt "Rleud Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin:0;
		padding-bottom: 7px;
	}
	
	p {
		font: 1.1em "Rleud Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
/*		width: 750px;
		margin-left: 100px;
		margin-top: 5px;
		margin-bottom: 10px;*/
	}

	p.main {
		margin:0;
		float:left;
	}
	
	p.key {
		font-size:25pt;
	}

	#dates {		
		font: 1.1em "Rleud Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
		width: 750px;
		height:15px;
	
		margin-top: 5px;
		margin-bottom: 20px;
	}

	ul {
    	list-style-type: none;
		font: 1.3em "Rleud Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
		line-height: 210%;
		padding: 0;
		margin: 0;
	}

	#title {
		margin: 0 auto;
		width:70%;
	}

	.flag {
		float:left;
/*		margin-left: 100px;*/
		margin-right:10px;
		margin-top:2px;
		width:65px;
	}


/* dots on map */
	div.dot {
		border-radius: 50%;
		width: 3px;
		height: 3px; 
	}

	#map { 
		float:left; 
		width:100%; 
		height:600px; 
		z-index: 0;
	}

	#key {
		margin-top: 20px;
		padding:20px;
		padding-left:30px;
		width: 225px;
		float: left;
		border-color:#BFBFBF;
		z-index: 1;
		background:#FFF;
		left:67%;
		position: absolute;
    	border: 0px;
    	border-radius: 25px;
    	box-shadow: 5px 5px 5px #9A9A9A;
    	height: 440px;
	}

	.keyTop1 {
		top:5px;
	}

	.keyTop2 {
		top:20px;
	}

	.keyTop3 {
		top:40px;
	}

	#infoDiv {
		position: absolute;
		background: rgba(0, 0, 0, 0.6);
		width: 250px;
		height:100px;
		top:395px;
		left:10px;
		z-index: 1;
		border-radius: 5px;
		padding-left:20px;
		padding-top:10px;
		color:#fff;
	}

	#infoDiv p {
		color:#fff;
		opacity:1;
	}

/*	myIcon {
		border-radius: 50%;
		width: 3px;
		height: 3px; 
		color: red;
		padding-top:5px;
	}*/

	.icon {

	}

	li {
		height:10px;
	}

	#burglaries {
		font: .65em "Rleud Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-top:18px;
		margin-left:24px;		
	}

	#robberies {
		font: .65em "Rleud Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-top:18px;
		margin-left:24px;
	}

	#thefts {
		font: .65em "Rleud Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-top:18px;
		margin-left:24px;
	}

	#narcotics {
		font: .65em "Rleud Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-top:18px;
		margin-left:24px;
	}

	#assaults {
		font: .65em "Rleud Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-top:18px;
		margin-left:24px;
	}
	
	#batteries {
		font: .65em "Rleud Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-top:18px;
		margin-left:24px;
	}

	#kidnapping {
		font: .65em "Rleud Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-top:18px;
		margin-left:24px;
	}	

	#prostitution {
		font: .65em "Rleud Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-top:18px;
		margin-left:24px;
	}

	#homicides {
		font: .65em "Rleud Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-top:18px;
		margin-left:24px;
	}

	/*Buttons*/

	.button {
		color:#000;
		display:inline-block;
		font-size: .9em;
	}

	.button:hover {
		color:#a1a1a1;
		display:inline-block;
		cursor: pointer;
	}

/*	.spaced {
		margin-bottom: 10px;
	}*/