/* CSS Document */
.floatnav-block {
	width: 100%;
	height: auto;
	bottom: 0%;
	z-index: 99;
}
.floatnav-right, .floatnav-left {
  width: 100px;
  position: fixed;
  z-index: 99;
  bottom: 5%;
	background: hsla(0,0%,90%,0.80);
	padding: 5px;
  /*overflow-x: hidden;*/
}

.floatnav-right {
	right: 2px;
	text-align: right;
}
.floatnav-left {  left:2px; } 

	.floatnav-right a,
	.floatnav-left a {
		padding: 1px ;
		margin:auto;
		text-decoration: none;
		font-size: 100%;
		color: #9d0e35; /* 9d0e35 777777 by gray */
		display: block;
		line-height: normal;
		font-weight:bold;
	}
	.floatnav-right a {  /*background: #FFFBCF; /* ff0 eee by gray */}
	
	.floatnav-left img{ min-width:auto; }
	.floatnav-right img{ min-width:auto; }

	.floatnav-right a:hover {
		color: #064579; /* 064579 777777 by gray */;
	}
.floatnav-top {
  width: 120px;
  position: fixed;
	right: 0px;
	text-align: right;
	background: hsla(0,0%,90%,0.80);
	padding: 5px;
	z-index: 100;
}

.floatnav-center {
	width: 400px;
	position: fixed;
	z-index: 99;
  bottom: 15%;
	margin:  0 0 0 -200px;
	left: 50%;
	text-align:center;
  /*width: 100%;
	height: auto;
  overflow-x: hidden;
;*/
}
.floatnav-center ul {
	background-color: hsla(0,0%,100%,0.55);
	height: auto;
  padding: 10px;
}
.floatnav-center li {
	display: inline;
	padding: 2px 5px;
	font-size: 2.5vmin;
	color: #f1f1f1;
	/* background-color: hsla(0,0%,91%,0.81); */
}
.float-menu-close,
.qsrank-close {
  padding: 0px;
  float: left;
}
.link-close	{
  padding: 0px;
  float: right;
	color: white;
	line-height: 100%
}
.float-menu-close button,
.link-close button,
.qsrank-close button {
    width: 4vh;
    padding: 0px;
		padding-bottom: 0px;
    border: none;
    background: rgba(0, 0, 0, 0.0001);
    color: #f1f1f1;
    cursor: pointer;
		font-size: 100%;
}	
.float-menu-close button:active,
.link-close button:active,
.qsrank-close button:active {
	border: none;
}
.float-menu-close{
	display: none;
	bottom: 0%;
}
button:hover:active:focus:focus-within:visited {
    border: none;
}

	@media screen and (max-width: 900px) {
		.floatnav-right{
			width: 80px;
			bottom: 0%;
			right: 2px;
			text-align: right;
		}
		.floatnav-right img {
			min-width: auto;	
		}
		.floatnav-right a {
			font-size: 75%;
		}	
		.floatnav-left	{
			width: 70px;
			bottom: 0%;
			left:2px;
		}
		.floatnav-left img	{
			min-width: auto;	
		}

		.floatnav-right img{  width:80px; }
		.floatnav-left img{  height:auto; width:auto!important; }
		.floatnav-center {
			width: 350px;
			margin:  0 0 0 -150px;
		}		
		.floatnav-top {
			width: 90px;
		}
	}
	@media screen and (max-width: 768px) {
		.floatnav-center {
			width: 100px;
			margin:  0 0 0 -40px;
			bottom: 30%;
		}
		.floatnav-center li {
			display: block;
		}
	}	
	@media screen and (max-width: 500px) {
		.floatnav-block {
			background: hsla(0,0%,90%,0.80);
			height: 100%;
		}
		.floatnav-right {
			width: 100%;
			right: 0px;
			bottom:10% ;
			text-align: right;
			background: hsla(0,0%,93%,0.52);
		}
		.floatnav-left {  
			width: 100%;
			bottom: 0%;
			left:0px;
			background: hsla(0,0%,93%,0.52);
		}
		.floatnav-right img{  width:75px; }
		.floatnav-left img{  height:5vh; width:auto!important; }
		.floatnav-right ul > li,
		.floatnav-left ul > li {	
				display: inline-block;
		}	
		.floatnav-top {
			width:70px;
		}		
		.floatnav-center {
			width: 80px;
			margin:  0 0 0 -40px;
			bottom: 30%;
		}
		.link-close button	,
		.qsrank-close button {
			font-size: 80%;
		}
		.float-menu-close{
			display: block;
		}
	}

	@media screen and (max-width: 420px) {
		
		.floatnav-right img{  width:63px; }
		.floatnav-left img{  height:4vh; width:auto!important; }	
		.floatnav-top {	width:60px;	}		
}