@import url(https://fonts.googleapis.com/css?family=Lato:400,900);
	@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);
	
	
	html, body {
		font-size:12px;
		margin:0;
		padding:0;
		/*background-color:rgb(90,108,142);*/background-color:rgb(38,45,60);
		font-family: 'Lato';
	}

	#oma_wrapper {
		margin-top:10px;
		width:993px;
		margin-left:auto;
		margin-right:auto;
		white-space: nowrap;
		overflow: hidden;
		list-style-type: none;
		/*background-color:rgb(90,108,142);*/background-color:rgb(38,45,60);

	}
	
	#huollettu_toggle {
		text-align:center;
		width:25px;
		height:25px;
		z-index:999;
		/*border-radius:5px;*/
		padding:0px;
		font-weight:bold;
		line-height:25px;
		cursor:pointer;
		background-color:rgba(0,60,136,.5);
		color:white;
	}
	
	#huollettu_toggle:hover {
		background-color:rgba(0,60,136,.7);
	}
	
	.ol-attribution ul {
		font-size:1.2em !important;
	}

	#map {
        height: 700px;
		display: inline-block;
		width:743px;
	}
	
	#popup {
		width:300px
	}
	
	#popup-header {
		font-weight:bold;
		font-size: 1em;
		font-size:0.95vw;
		text-align:center;
	}
	
	#popup-sub-header {
		font-weight:normal;
		font-size: 1em;
		text-align:center;
	}
	
	.huollettu_info {
		font-size: 17px;
		text-align: center;
		vertical-align: middle;
		color:darkblue;
	}
	
	
	#option_screen {
		display: inline-block;
		vertical-align:top;
		width:290px;
	}
	
	.nav-sub-button:hover {
		color:#ff8a00;
	}
	
	.nav-button-container:hover {
		color:#ff8a00;
	}
	
	.adminDiv {
		display:none;
		background-color:white;
		margin:1px;
	}
	
	.adToggleButton {
		width:20px;
		height:20px;
		background-color:gray;
		display:inline-block;
	}

	#haku_nimi {
		width:196px;
	}
	#haku_luokka {
		width:196px;
	}
	#haku_tulos {
		width:196px;
	}
	
	#hiihtoladut {
		overflow-x: hidden;
        overflow-y: auto;
	}
	
	#latu_header {
		text-align: center;
		color:white;
		height: 25px;
		font-size: 1.1em;
		line-height: 25px;
	}
	
	#latuheader {
		margin-left:1px;
		background-color:lightslategray;
	}
	
	#luisteluheader {
		border-right: 2px solid rgb(38,45,60);
	}
	
	.oma-nav-header {
		cursor:pointer;
		letter-spacing: 2px;
		font-size:1.5em;
		padding-left:40px;
	}
		
	.oma-nav-sub-header {
		cursor:pointer;
		letter-spacing: 2px;
		font-size:1.2em;
		text-align:center;
		width:50%;
		font-weight:normal;

	}
	
	.oma-nav-sub-header:hover {
		color:#ff8a00;
	}

	
	.ladut {
		display:none;
		background: white;
	}
	.laskettelu {
		display:none
	}
	.luistelu {
		display:none
	}
	.lumikenka {
		display:none
	}
	

	.oma-nav-button {
		/*background-color:rgb(90,108,142);*/background-color:rgb(38,45,60);
		cursor:pointer;
		color:#ECECEC;
	}
	
	.oma-nav-button:hover {
		color:#ff8a00;
	}

	::-webkit-scrollbar
	{
		width: 12px;  /* for vertical scrollbars */
		height: 12px; /* for horizontal scrollbars */
	}

	::-webkit-scrollbar-track
	{
		background: rgba(0, 0, 0, 0.1);
	}

	::-webkit-scrollbar-thumb
	{
		background: rgba(0, 0, 0, 0.5);
	}
	
	.latu_button {
		width:100%;
		font-size:1.2em;
		overflow:hidden;
		text-overflow: ellipsis;
		padding:3px 1px;
		border-color:rgb(38,45,60);
		font-weight:bold;
		//font-variant:all-small-caps;
	}
	
	.latu_button_selected {
		border:solid 3px #0000ff;
	}

	.latu_button_tanaan {
		/*border:solid 5px #a0c8a0*/
		background-color:#a0c8a0
	}
	
	.latu_button_2h {
		/*border:solid 5px #a0c8a0*/
		background-color:#a0c8a0f0
	}
	.latu_button_12h {
		/*border:solid 5px #a0c8a0*/
		background-color:#ff8a00f0
	}
	.latu_button_36h {
		/*border:solid 5px #a0c8a0*/
		background-color:#ff4747f0
	}
	.latu_button_72h {
		/*border:solid 5px #a0c8a0*/
		background-color:#ffc8fff0
	}
	
	
	
	
	.latu_button_viesti {
		background-image: url('images/warning_20.png');
		background-repeat: no-repeat;
		background-position: right bottom;
	}


	hr {
		margin-top:0px;
		margin-bottom:0px;
	}
	
	.ol-attribution ul {
		max-width: 100%;
	}
	
	div.huollettu {
		font-weight:normal;
		font-variant:unicase;
	}
	
	.tree {
		display:none;
	}
	
	.btn {
		border-radius:0px;
	}
	
	
	pre {
		margin:0;
		background-color:white;
		border:0;
		font-family:'Lato';
		padding:5px;
		font-weight: normal;
		text-align:left;
		word-break:normal;
		white-space: pre-wrap;       /* css-3 */
		white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
		white-space: -pre-wrap;      /* Opera 4-6 */
		white-space: -o-pre-wrap;    /* Opera 7 */

	}