@charset "utf-8";
/* CSS Document */
.logo {
    max-width: 500px;
    min-width: 280px;
    width: 100%;
    left: 0px;
    top: 0px;
    position: fixed;
	opacity: 1.0;
	z-index: 100;
}
.empty {
	max-width: 500px;
    min-width: 280px;
    width: 100%;
    left: 0px;
    top: 0px;	
	opacity: 0.0;
}

/* Add a black background color to the top navigation */
.topnav {
    background-color: #3461AB;
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 5px #535353;
    box-shadow: 0px 5px 5px #535353;
    min-width: 250px;
    max-width: 500px;
    width: 100%;
    position: fixed;
    z-index: 1;
    border-right-width: 2px;
    border-right-style: solid;
}

/* Style the links inside the navigation bar */
.topnav a {
    color: #f2f2f2;
    text-decoration: none;
	opacity: 0.6;
    

}

/* Change the color of links on hover */
.topnav a:hover {
    opacity: 1.0;
    color: #00008c;
}

/* Add a color to the active/current link */
.topnav a.active {
    opacity: 0.6;
    color: white;
	}

.reload {
    color: #FFFFFF;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 40px;
    text-align: center;
    display: block;
    float: right;
    margin-right: 10px;
    margin-top: 5px;
}

.femtio {
		height: 85px;
	}

.empty {
	max-width: 500px;
    min-width: 280px;
    width: 100%;
    left: 0px;
    top: 0px;	
	opacity: 0.0;
	}

.legend_media {
    font-size: 18px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #232323;
    /* [disabled]font-weight: bold; */
    background-color: #BFBFBF;
    padding-left: 10px;
    padding-right: 10px;
    top: 100px;
    left: 0px;
}
@media (max-width:200px){
.radio {
    display: none;
}
}