body {margin: 1em 0; font-family: helvetica,arial,sans-serif; color: #000000; font-size: 14px; line-height: 20px; background-color: #fffbfc; background-image: url('../images/bg-page.png'); background-repeat: repeat-x}
h1,h2 {font-family: 'Magra', sans-serif; text-transform: uppercase; letter-spacing: -1px;}
h1 {font-size: 26px; margin: 0 0 10px 0; line-height: 24px}
h2 {font-size: 20px; margin: 0 0 10px 0; line-height: 18px}
h3 {margin: 0; font-size: 14px}
#pageContent {width: 1000px; text-align: left}
.bgPage {background-color: #fcfbfb}
#menuContainer {background-image: url('../images/bg-menu.png'); background-repeat: repeat-x; border-radius: 4px}
.menuItemContainer {float: left; height: 37px; border-left: 1px solid #cccccc;background-image: url('../images/bg-menu.png');text-indent: -999em}
.menuItemContainer:first-child {border-left: none; border-radius: 4px 0 0 4px}
.menuItemContainer:hover {background-image: none}
.menuItemContainer.act {background-image: none}
.menuItem {margin: 12px 0px 0px 20px; height: 10px; text-transform: uppercase; background-position: 0 0; background-repeat: no-repeat; color: transparent; overflow: hidden}
.menuItem:hover,.menuItem.act {background-position: 0 100%; color: transparent; cursor: pointer}
.submenu a {border-radius: 4px; text-decoration: none; padding-left: 10px; font-family: 'Magra', sans-serif; font-weight: bold; font-size: 15px; margin: 0; text-transform: uppercase; letter-spacing: 0px;}
.submenuItemContainer {display: block; width: 150px; min-height: 37px; line-height: 37px; background-image: url('../images/bg-menu.png');}
.submenuItemContainer:hover {background-image: none;color: #ffffff}
.submenuItemContainer.act {background-image: none;color: #ffffff}
.ssubmenuItem {margin: 12px 0px 0px 20px;height: 11px; background-position: 0 0; background-repeat: no-repeat; color: transparent; overflow: hidden}
.ssubmenuItem:hover,.submenuItem.act {background-position: 0 100%; color: transparent; cursor: pointer}
.genericmenu a {font-size: 13px; text-decoration: none; height: 30px; line-height: 30px}
.genericmenu a:hover,.genericmenu .act {text-decoration: underline}
.error {border: 1px inset #ff0000; background-image: url('../images/warning.png'); background-position: right; background-repeat: no-repeat; background-color: #cccccc}
.error.select { -webkit-appearance: none;}
.button {font-family: 'Magra', sans-serif; font-size: 14px; padding: 0 10px; border: none; border-radius: 2px; text-align: center; height: 37px !important; line-height: 37px; background-image: url('../images/bg-menu.png');}
#contentContainer {padding-bottom: 20px;width: 1100px; max-width: 100%}
.fl {float: left}
.fr {float: right}
.cl {clear: both; height: 0; float: none}
.border {border: 1px solid #cccccc;}
.yscroll {overflow-y: auto}
.m {margin: 8px}
.pointer {cursor: pointer}
.large {width: 636px}
.small {width: 365px}
a {color: inherit}
em,em strong,i,i strong {font-style: italic}
#wipe{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); display: none;z-index: 1000}
#pop {position: fixed; top: 0; left: 0; width: 600px; text-align: left; background-color: rgb(255,255,255); display: none; padding: 2em; z-index: 1001}
.lf {float: left}
.bgLBlue {background-color: #2991b9; color: rgb(255,255,255)}
.bgContent {background-color: #fcfbfb}
.h10 {height: 1em}
address {font-style: normal; font-weight: bold}
.photoCaption {position: relative; min-height: 20px; padding: 0 10px; background-image: url('../images/bg-image-title.png'); }
.photoCaption div {}
a .op {opacity: .5}
a .op:hover {opacity: 1}
.mr {margin-right: 10px}
.inact {opacity: .5}
.langSelector a {opacity: .5}
.langSelector a:hover {opacity: 1}
.mobileOn {display: none}
#searchForm {position: absolute; display: none; z-index: 999;}
#searchForm form {margin: 10px}
#q {width: 100%; height: 30px}
#mobile-menu-toggle {display:none; position: fixed; right: 0;top: 0px; z-index: 1000}
@media (max-width: 768px) {
  html {box-sizing: border-box;font-size: 22px;}
  *, *:before, *:after {box-sizing: inherit;}
  *:not(font) {font-size: 22px!important}
  body{margin: 0; margin-top: 32px;}
  .mobileOn {display: block}
  .mobileOff {display: none}
  img.nosize {width: auto;}
  img {width: 100%; height: auto}
  #logo {position: fixed; top: 0; max-height: 50px!important; width: auto; z-index: 9; background-color: #fff}
  #menuContainer {position: fixed; display:none; top: 34px; right: 0; min-width:50%; z-index: 9;}
  #contentContainer,#contentContainer div,#contentContainer img,#pageContent {width: 100%; max-width: 100%;height: auto; min-height: auto}
  #socialMedia img {width: auto}
  #mobile-menu-toggle {display: block;}
  #searchForm form,#q {margin: 0!important;width: 100%!important}
  input,textarea,select {float: none!important; display: block!important; width: 78%!important;margin-left: .5em}
  input[type=checkbox],input[type=radio] {width: auto!important; height: auto}
  label {float:none!important; display: block!important; margin-left: .5em}
  #pageContent {min-height: 50px}
  .bgContent {margin: 0 0 .5em 0!important}
  .m,.rightDiv {width: 100%; margin: 0px!important}
  .m>p,.m>span,.m .detail {display: block; margin: 10px!important}
  .genericpages {margin: 0; padding: 0}
  h1 {margin: 0!important}
  .detail::after {clear: both; float:none; content: '';display: block}
  .mm .abstop {position: absolute; top: 0; color: #fff; text-shadow: 1px 1px #000}
  .cl {display: none}
  .bgPage {paddin: 10px}
  .mediaPart {width: 100%!important; height: auto!important; min-height: auto!important}
  .photoCaption {font-size: .7em!important; border-bottom: 1px solid #ccc; background-color: #eee}
  .menuItemContainer {float: none; display: block; height: 30px; border-left: none;}
  .menuItemContainer:first-child {border-left: none; border-radius: 0}
  .menuItemContainer span {position: relative; top: 10px}
  .menuItem {margin: 0px 0px 0px 20px; height: 10px; text-transform: uppercase;}
  .submenu {display: none}
  .msubmenu {display:none}
  .msubmenuItem a {display: block; text-decoration: none; text-indent: 30px; height: 30px; background-image: url('../images/bg-menu.png')}
  .msubmenuItem a.act,.msubmenuItem a:hover {color: #fff; background-image: none}
  .msubmenuItem font {font-family: 'Magra'; line-height: 30px; text-transform: uppercase; letter-spacing: 0px;  font-size: 13px}
  .mejs-controls span{font-size: 12px!important}
}