/* MAIN */
/* ZMIENNE  --  rozne ustawienia  */
/* CZCIONKI  - typografia */
body {
    font-family: 'roboto';
    font-size: 16px;
    /* color: $pagetext;
       background-color: #fff;*/ }
  
  /*
  a{ color: $color_secondary ; }
  
  a:link { color:  $color_secondary; }
  a:hover { color:  $color_primary; }
  a:visited { color:  $color_secondary; }
  a:active { color:  $color_secondary; }
  
  a.btn.btn-primary { color: #fff; }
  */
  .color_primary {
    color: #317b76; }
  
  .color_secondary {
    color: #97e1dc; }
  
  .color_tertiary {
    color: #777; }
  
  .narrow {
    font-family: 'roboto_condensed'; }
  
  .czcionka_2x {
    font-size: 2em; }
  
  .czcionka_3x {
    font-size: 3em; }
  
  .czcionka_narrow {
    font-family: 'roboto_condensed'; }
  
  h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    font-family: 'roboto_condensed'; }
  
  h1, .h1 {
    font-size: 3em;
    color: #444;
    text-transform: uppercase; }
  
  h2, .h2 {
    font-size: 2.5em;
    color: #444;
    text-transform: uppercase; }
  
  h3, .h3 {
    font-size: 2em;
    color: #317b76;
    text-transform: uppercase; }
  
  h4, .h4 {
    font-size: 1.2em;
    color: #000; }
  
  .nazwa_serwisu {
    font-family: 'roboto_condensed';
    font-size: 2em;
    color: #317b76;
    font-weight: bold; }
    .nazwa_serwisu span {
      font-size: 0.75em;
      font-weight: normal;
      color: #555555;
      display: block; }
  
  footer h1, footer .h1 {
    color: #fff; }
  footer h2, footer .h2 {
    color: #fff; }
  footer h3, footer .h3 {
    color: #fff; }
  footer h4, footer .h4 {
    color: #fff; }
  
  ._dotresci {
    color: #555555; }
  
  .btn {
    font-size: 1em; }
  
  main a {
    color: #777; }
  
  main a.active {
    color: #777; }
  
  #nav_menu_glowne.navbar {
    padding: 0; }
  #nav_menu_glowne #menuGlowne {
    font-size: 1.2em; }
    #nav_menu_glowne #menuGlowne .nav-link {
      padding-left: 20px;
      padding-right: 20px;
      color: #fff;
      transition: all 0.3s;
      position: relative;
      text-transform: uppercase; }
      #nav_menu_glowne #menuGlowne .nav-link:before {
        transition: all 0.3s;
        position: absolute;
        left: 0;
        top: 4px;
        width: 100%;
        height: 0px;
        background: #97e1dc;
        content: ' '; }
    #nav_menu_glowne #menuGlowne .nav-link.active, #nav_menu_glowne #menuGlowne .nav-link:hover, #nav_menu_glowne #menuGlowne .nav-link:focus {
      color: #000;
      background: #97e1dc; }
      #nav_menu_glowne #menuGlowne .nav-link.active:before, #nav_menu_glowne #menuGlowne .nav-link:hover:before, #nav_menu_glowne #menuGlowne .nav-link:focus:before {
        position: absolute;
        left: 0;
        top: -4px;
        width: 100%;
        height: 4px;
        background: #97e1dc;
        content: ' '; }
    #nav_menu_glowne #menuGlowne .dropdown-menu {
      padding: 0; }
      #nav_menu_glowne #menuGlowne .dropdown-menu li {
        padding: 0; }
      #nav_menu_glowne #menuGlowne .dropdown-menu li .nav-link {
        color: #000; }
      #nav_menu_glowne #menuGlowne .dropdown-menu li .nav-link:hover, #nav_menu_glowne #menuGlowne .dropdown-menu li .nav-link:focus {
        text-decoration: underline;
        color: #000;
        background: #97e1dc; }
        #nav_menu_glowne #menuGlowne .dropdown-menu li .nav-link:hover:before, #nav_menu_glowne #menuGlowne .dropdown-menu li .nav-link:focus:before {
          position: absolute;
          left: 0;
          top: -4px;
          width: 100%;
          height: 4px;
          background: #97e1dc;
          content: ' '; }
  
  #nav_menu_strony {
    font-size: 1.3em;
    color: #317b76; }
    #nav_menu_strony a {
      font-family: 'roboto_condensed';
      font-weight: bold; }
    #nav_menu_strony #menuBoczne {
      background: #fff;
      border-radius: 1.5rem;
      border-left: solid 8px rgba(0, 0, 0, 0.1);
      border-right: solid 8px rgba(0, 0, 0, 0.1); }
  
  .szybkie_linki {
    font-size: 1.5em;
    color: #317b76; }
    .szybkie_linki a {
      font-family: 'roboto_condensed';
      font-weight: bold; }
  
  footer a {
    color: rgba(255, 255, 255, 0.7); }
    footer a:hover {
      color: white; }
  footer .szybkie_linki {
    font-size: 1.2em;
    color: #97e1dc; }
    footer .szybkie_linki .szybkie_linki_lista.cols2_list {
      column-count: 1 !important; }
    footer .szybkie_linki a {
      font-family: 'roboto_condensed';
      color: #fff; }
  
  /* deco */
  .bgkropki {
    /* tlo/dekracja kropki od dolu pseudo gradient*/
    background-image: url("/medwork/images/bgkropkitrans.png");
    background-position: center bottom -60px !important;
    background-repeat: repeat-x !important; }
    .bgkropki.bgmed {
      background-size: 60px auto !important;
      background-position: center bottom -40px; }
    .bgkropki.bgsmall {
      background-size: 45px auto !important;
      background-position: center bottom -30px; }
  
  .bgbreadcrumb {
    background-image: url("/medwork/images/header-background.jpg");
    background-position: center top; }
    @media (max-width: 767px) {
      .bgbreadcrumb {
        background-image: url("/medwork/images/bgkropkitrans.png");
        background-position: center bottom -60px !important;
        background-repeat: repeat-x !important;
        background-size: 60px auto !important;
        background-position: center bottom -40px; } }
  
  .bggrey {
    background-color: #97a0a9; }
    .bggrey h2, .bggrey .h2 {
      color: #fff; }
  
  .bggreylight {
    background-color: #b9c0c5; }
  
  .ramka {
    border: 6px solid #317b76;
    padding: 15px 20px;
    border-radius: 0.3rem;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); }
    .ramka.ramka-secondary {
      border-color: #97e1dc; }
    .ramka.ramka-tertiary {
      border-color: #777; }
  
  .duze_ikony {
    font-size: 0.9em; }
    .duze_ikony a {
      display: inline-block; }
    .duze_ikony .bigiko {
      overflow: hidden;
      position: relative;
      font-size: 4.5em;
      width: 1.8em;
      height: 1.8em;
      border-radius: 100rem;
      box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.7);
      margin: 10px; }
    .duze_ikony .bigiko:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 30%;
      bottom: 0;
      left: 0;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)); }
    .duze_ikony .bigiko:hover {
      box-shadow: -5px 5px 6px rgba(0, 0, 0, 0.4); }
  
  .cols2_list {
    column-count: 2; }
  
  .pad80 {
    padding-top: 80px;
    padding-bottom: 80px; }
  
  .pad50 {
    padding-top: 50px;
    padding-bottom: 50px; }
  
  .pad30 {
    padding-top: 30px;
    padding-bottom: 30px; }
  
  /* layout */
  /* LAYOUT */
  main {
    min-height: 560px; }
  
  /* header */
  header {
    border-color: transparent;
    border-style: solid;
    border-right: 0;
    border-left: 0;
    border-top: 0; }
  
  #top_bar {
    background: #efefef;
    padding: 10px; }
    #top_bar a {
      color: #000; }
    #top_bar .nav_links {
      display: flex;
      flex-grow: 1; }
      #top_bar .nav_links > * {
        padding-right: 20px; }
    #top_bar .menu-font span {
      cursor: pointer;
      padding: 0 1px; }
    #top_bar .data_dzis {
      text-align: right; }
      @media (max-width: 757px) {
        #top_bar .data_dzis {
          text-align: left; } }
  
  #topinfo_bar {
    padding-top: 20px;
    padding-bottom: 0px; }
  
  .dane_kontaktowe {
    list-style: none;
    font-size: 1.1em;
    text-align: right; }
    .dane_kontaktowe .ikonka {
      display: inline-block;
      width: 1.5em;
      text-align: center;
      font-size: 1.5em; }
    @media (max-width: 992px) {
      .dane_kontaktowe {
        text-align: left;
        padding-left: 0;
        margin-top: 15px; } }
  
  /* main */
  main > div > .container.decor {
    position: relative; }
  
  main > div.pad80 > .container.decor:before {
    z-index: 999;
    position: absolute;
    content: '';
    width: 100px;
    height: 90px;
    top: -84px;
    left: -100px;
    background: #317b76;
    border-radius: 0 0 5px 5px; }
  
  main > div.pad30 > .container.decor:before {
    z-index: 999;
    position: absolute;
    content: '';
    width: 100px;
    height: 90px;
    top: -50px;
    left: -100px;
    background: #317b76;
    border-radius: 0 0 5px 5px; }
  
  .lista_ramka {
    background: rgba(0, 0, 0, 0.03);
    border-radius: 1.5rem;
    padding: 15px;
    margin-bottom: 15px;
    border-bottom: 4px solid rgba(0, 0, 0, 0.05);
    border-right: 4px solid rgba(0, 0, 0, 0.05); }
  
  .komunikat {
    font-weight: bold;
    color: #777; }
    .komunikat .ramka {
      font-size: 1.3em;
      text-align: center; }
  
  section {
    border-color: transparent;
    border-style: solid;
    border-right: 0;
    border-left: 0; }
  
  /* informacje i aktulnosci */
  .articles_list {
    margin-top: 50px; }
  
  article .article_heading {
    font-size: 1.6em;
    color: #317b76; }
    article .article_heading a {
      display: block;
      color: inherit; }
    article .article_heading a:hover {
      color: #97e1dc; }
  article .article_more {
    font-weight: bold;
    font-size: 1.2em; }
  article.article_box {
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    min-height: 350px;
    padding: 15px;
    position: relative;
    padding-bottom: 40px;
    border-radius: 0.5rem; }
    article.article_box .article_more {
      position: absolute;
      bottom: 15px;
      right: 15px; }
    article.article_box.article_box2 {
      border-radius: 0.3rem;
      padding: 0px;
      overflow: hidden; }
      article.article_box.article_box2 .article_heading, article.article_box.article_box2 .article_short, article.article_box.article_box2 .article_data {
        padding: 5px 15px; }
      article.article_box.article_box2 .article_heading {
        position: relative;
        padding-right: 4rem; }
      article.article_box.article_box2 .article_heading:after {
        content: ' ';
        position: absolute;
        z-index: 99;
        right: 0;
        top: -3rem;
        width: 4rem;
        height: 4rem;
        background: url(../images/medwork-icon.png) no-repeat center/120% auto;
        border-radius: 200px;
        overflow: hidden; }
      article.article_box.article_box2 .article_image {
        background: #97e1dc; }
      article.article_box.article_box2 .article_image img {
        transition: all 0.3s; }
      article.article_box.article_box2:hover .article_image img {
        transform: scale(1.1, 1.1); }
      article.article_box.article_box2:focus .article_image img {
        transform: scale(1.1, 1.1); }
      article.article_box.article_box2:active .article_image img {
        transform: scale(1.1, 1.1); }
      article.article_box.article_box2 .article_data {
        text-align: right; }
  @media (max-width: 767px) {
    article.article_box {
      min-height: 0; } }
  
  /* footer */
  #footer_bar {
    background-color: #317b76;
    color: #fff;
    min-height: 300px;
    border-color: transparent;
    border-width: 4px;
    border-style: solid;
    border-right: 0;
    border-left: 0; }
  
  .font-size-1 {
    font-size: 14px; }
  
  .font-size-2 {
    font-size: 32px;
    /*& .duze_ikony { display:  block !important;  text-align: center }*/
    /*& .row { display:  block !important; }
    & div[class*="col-"] { width: 100%; }*/ }
    .font-size-2 .row {
      display: block; }
    .font-size-2 div[class*='col-'] {
      width: 100%;
      max-width: 100%; }
    .font-size-2 .navbar-nav {
      display: block !important; }
    .font-size-2 #nav_menu_strony #menuBoczne {
      border-left: 0; }
    .font-size-2 main > div > .container:before {
      display: none; }
    .font-size-2 article.article_box .article_more {
      position: static; }
    .font-size-2 article.article_box2 .article_more {
      position: static; }
    .font-size-2 .col-lg-4 {
      max-width: 50%;
      flex-basis: 50%; }
    .font-size-2 .col-sm-4 {
      max-width: 33%;
      flex-basis: 33%; }
  
  .font-size-3 {
    font-size: 48px; }
  
  a:focus, button:focus, *[tabindex]:focus {
    outline: solid 2px #000; }
  
  .viewinverse {
    background: #000 !important;
    color: #ffff00 !important; }
    .viewinverse .nav-link:focus {
      background: #ffff00 !important;
      color: #000 !important; }
    .viewinverse .bgbreadcrumb {
      background: #000 !important;
      color: #ffff00 !important; }
    .viewinverse main > div > .container:before {
      display: none; }
    .viewinverse * {
      background-color: #000 !important;
      color: #ffff00 !important;
      border-width: 4px !important;
      border-color: #ffff00   !important; }
    .viewinverse a {
      text-decoration: underline !important; }
    .viewinverse a:hover {
      color: #fff !important; }
    .viewinverse .carousel-indicators {
      background: transparent !important; }
    .viewinverse .table, .viewinverse .table td {
      border: solid 4px #ffff00  !important; }
    .viewinverse #nav_menu_strony #menuBoczne {
      border-left: 0; }
    .viewinverse .navbar {
      border: solid 4px #ffff00  !important;
      border-radius: 0 !important; }
    .viewinverse .navbar-toggle {
      background: #ffff00 !important; }
    .viewinverse .form-control {
      border: solid 4px #ffff00  !important; }
    .viewinverse *:focus {
      outline-color: #fff !important;
      outline-style: dashed !important;
      color: #fff !important;
      outline-width: 4px; }
    .viewinverse *:active {
      color: #fff !important; }
    .viewinverse a.text-secondary:hover, .viewinverse a.text-secondary:focus {
      color: #fff !important; }
    .viewinverse .btn {
      background: #ffff00  !important;
      color: #000  !important;
      font-weight: bold;
      text-decoration: none !important; }
    .viewinverse .btn:hover {
      color: #000 !important;
      border-color: #fff  !important;
      background: #ffffff  !important; }
    .viewinverse .btn:focus {
      color: #000;
      outline-color: #fff !important;
      outline-style: dashed !important;
      outline-width: 4px; }
    .viewinverse article {
      border: solid 3px #ffff00; }
  
  #tinymce *:focus {
    outline: none !important; }