html, body, div{padding:0}
body {background:#d0d0d0;color:#272727;font-size:14px;font-family:Arial, Verdana, Helvetica, sans-serif;-webkit-user-select:auto;-webkit-text-size-adjust:100%}

img{border:0}

h1 {font-size:28px}
h2 {font-size:24px}
h3 {font-size:18px}
h4 {font-size:16px}
h5 {font-size:12px}
h6 {font-size:10px}

a {color: #C92727}
a, .fbld{font-weight:bold}

.main {width:100%;height:100%}
.w600  {width:600px}
.bg0 {margin:0 auto}

.txtC {text-align:center}
.txtJ, .w600 {text-align:justify}
.txtL {text-align:left}
.txtI {font-style:italic}
.fltL {float:left}

.pr20 {padding-right:20px}

table, td, th {border:1px solid white}
table {border-collapse:collapse}
td {padding:0 2px}

.c600, .nbc, .mnu { width:600px;max-width:600px}
.nbc, .mnu {
 box-sizing:border-box;
 height:100%;
 max-height:525px;
 padding:0; display:inline-block
}

.mnu {padding:0px 2px 2px 2px}

/* Use a media query to add a break point at 800px: */
/* The width is 100%, when the viewport is 800px or smaller */
@media screen and (max-width:1200px) { .nbc, .mnu { width:100%; } }