html{box-sizing:border-box} *, *::before, *::after {box-sizing:inherit}

body {
 margin:0; min-width:324px;
 background:#FFFFFF;
 /* no select */
 -webkit-touch-callout:none; /* iOS Safari */
 -webkit-user-select:none;   /* Safari */
 -khtml-user-select:none;    /* Konqueror HTML */
 -moz-user-select:none;      /* Firefox */
 -ms-user-select:none;       /* Internet Explorer/Edge */
  user-select:none;          /* Non-prefixed version, currently supported by Chrome and Opera */
}

#w_static{background:#112292; padding-top:3px; padding-left:6px; padding-right:6px; padding-bottom:5px}
#w_base{background-repeat:no-repeat; box-sizing:border-box; position:relative; float:none}

@font-face{font-family:"Roboto"; src:url(../fonts/Roboto-Regular.woff)}

.w_ekspo{font-family:"Roboto", sans-serif; font-size:16px; color:#0000FF; text-decoration:underline; cursor:pointer}
.w_text{font-family:"Roboto", sans-serif; font-size:26px; color:#0000FF; text-shadow:2px 3px 3px #AAAAAA}
.w_title{font-family:"Roboto", sans-serif; font-size:38px; color:#0000FF; text-shadow:2px 3px 3px #AAAAAA}
.w_cr{font-family:"Roboto", sans-serif; font-size:18px; color:#0000FF; text-shadow:2px 3px 3px #AAAAAA}
.w_image{border:1px solid #808080; border-radius:4px; opacity:1.0; box-shadow:2px 3px 4px rgba(0, 0, 137, .7); background-size:100% 100%; background-repeat:no-repeat; box-sizing:border-box; cursor:pointer}
.w_images{display:grid; grid-template-columns:repeat(auto-fit, 160px); grid-column-gap:12px; grid-row-gap:12px}

.w_info_text{font-family:"Roboto", sans-serif; font-size:15px; color:#000080; text-align:left}
.w_line{padding:2px 7px 3px 6px; border:1px solid #000080; border-radius:4px; background-color:#F2F2F2}
.w_tooltip{visibility:hidden; width:250px; position:relative; z-index:2; top:106%; left:-1px}
.w_image:hover .w_tooltip{visibility:visible}

.w_top{max-width:676px}
.w_top_text{font-family:"Roboto", sans-serif; font-size:18px; color:#0000FF; text-shadow:2px 3px 3px #AAAAAA; text-align:left}