@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,900&subset=latin-ext');
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}

em {
color: #000 !important;
}

ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
}
body {
  background-color: #EEE;
  font-family: 'Lato', sans-serif !important;
  font-size: 12px;
  line-height: 140%;
  color: #000000;
}

.scontent .row {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mzoom {
margin: 10px 10px 10px 10px !important;
}

.scontent .mt-4 {
    margin-bottom: 20px;

}

input[type=checkbox].no-thumb {
display:none;
}

input[type=checkbox].no-thumb + label
{
background-image: url('/img/flk/no-thumbnail.png');
background-size: 180px 180px;
background-repeat: no-repeat;
margin-left: 80px; /* było 20px */
height: 180px;
width: 180px;
display:inline-block;
padding: 0 0 0 0px;
}

input[type=checkbox].no-thumb:checked + label
{
background-image: url('/img/flk/no-thumbnail_select.png');
background-size: 180px 180px;
background-repeat: no-repeat;
margin-left: 80px; /* było 20px */
height: 180px;
width: 180px;
display:inline-block;
padding: 0 0 0 0px;
}

input[type=checkbox].no-img {
display:none;
}

input[type=checkbox].no-img + label
{
background-image: url('/img/flk/no-image.png');
background-size: 180px 180px;
background-repeat: no-repeat;
margin-left: 80px; /* było 20px */
height: 180px;
width: 180px;
display:inline-block;
padding: 0 0 0 0px;
}

input[type=checkbox].no-img:checked + label
{
background-image: url('/img/flk/no-image_select.png');
background-size: 180px 180px;
background-repeat: no-repeat;
margin-left: 80px; /* było 20px */
height: 180px;
width: 180px;
display:inline-block;
padding: 0 0 0 0px;
}

.logo {
      width: 100%;
      height: 50px;
      padding-top: 10px;
      position: relative;
      left: 0px;
}
.caption {
  text-align: center;
}
.course_group {
font-family: 'Lato', sans-serif !important;
font-size: 14px;
color: #333;
}
.article_title {
font-family: 'Lato', sans-serif !important;
font-size: 32px;
color: #333;
}

.article_date {
  display:flex;
  flex-direction:row;
  align-items: left;
  padding-bottom: 20px;
}
.article_date_text {
  flex-grow:0;
  font-family: 'Lato', sans-serif !important;
  font-size: 13px;
  color: #333;
}

#flashcontent {
  min-height: 500px;
  height: 80%;
  width: 95%;

}
.flashcontent {
  min-height: 500px;
  height: 80%;
  width: 95%;
}



.news_article {
    padding-bottom: 20px;
    padding-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.article_date_headline {
  margin-top: 12px;
  margin-left: 5px;
  flex-grow:1;
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(141,141,141,0.75), rgba(141,141,141,0.4), rgba(141,141,141,0.1), rgba(141,141,141,0.75));
  background-image:    -moz-linear-gradient(left, rgba(141,141,141,0.75), rgba(141,141,141,0.4), rgba(141,141,141,0.1), rgba(141,141,141,0.75));
  background-image:     -ms-linear-gradient(left, rgba(141,141,141,0.75), rgba(141,141,141,0.4), rgba(141,141,141,0.1), rgba(141,141,141,0.75));
  background-image:      -o-linear-gradient(left, rgba(141,141,141,0.75), rgba(141,141,141,0.4), rgba(141,141,141,0.1), rgba(141,141,141,0.75));
  background-image:     -ms-linear-gradient(left, rgba(141,141,141,0.75), rgba(141,141,141,0.4), rgba(141,141,141,0.1), rgba(141,141,141,0.75));
  background: linear-gradient(#8d8d8, #8d8d8d);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8d8d8d', endColorstr='#8d8d8d');/*For IE7-8-9*/
}

.big-checkbox {
  width: 18px;
  height: 18px;
}

.btn-file {
  overflow: visible;
}
.formbox {
    width:95%;
    min-height:200px;
    background:#FFF;
    margin:40px auto;
    margin-top: 0px;
    padding: 20px;

}
.formbox_inside {
    width:100%;
    min-height:60px;
    background:#FFF;
    margin:10px auto;
    padding-top: 15px;
    margin-left: -33.33%;
    margin-right: -33.33%;
}
.formbox_inside_bottom {
    position: absolute;
    bottom: 0;
    width:100%;
    min-height:50px;
    background:#FFF;
    margin:10px auto;
    margin-top: 0px;
    padding: -20px;
}

hr.horizontal_line {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(141,141,141,0.75), rgba(141,141,141,0.4), rgba(141,141,141,0.1), rgba(141,141,141,0.75));
    background-image:    -moz-linear-gradient(left, rgba(141,141,141,0.75), rgba(141,141,141,0.4), rgba(141,141,141,0.1), rgba(141,141,141,0.75));
    background-image:     -ms-linear-gradient(left, rgba(141,141,141,0.75), rgba(141,141,141,0.4), rgba(141,141,141,0.1), rgba(141,141,141,0.75));
    background-image:      -o-linear-gradient(left, rgba(141,141,141,0.75), rgba(141,141,141,0.4), rgba(141,141,141,0.1), rgba(141,141,141,0.75));
    background-image:     -ms-linear-gradient(left, rgba(141,141,141,0.75), rgba(141,141,141,0.4), rgba(141,141,141,0.1), rgba(141,141,141,0.75));
	background: linear-gradient(#8d8d8, #8d8d8d);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8d8d8d', endColorstr='#8d8d8d');/*For IE7-8-9*/
}



/*==================================================
 * formbox Effect
 * ===============================================*/
.formbox_effect
{
    position:relative;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
}

.formbox_effect:before, .formbox_effect:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.formbox_header {
    width:95%;
    font-family: 'Lato', sans-serif !important;
    font-size: 1.2em;
    min-height:40px;
    text-transform: uppercase;
    text-align: center;
    background: #000000 !important;
    color: #fff;
    margin: auto;
    padding-top: 10px;
    border-radius: 8px 8px 0px 0px;
}
.formbox_effect:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * formbox Effect 2
 * ===============================================*/

 .formbox_effect2
 {
     position:relative;
     -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.1) inset;
             box-shadow:0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.1) inset;
 }
 .formbox_effect2:before, .formbox_effect2:after
 {
     content:"";
     position:absolute;
     z-index:-1;
     -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
     -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
     box-shadow:0 0 20px rgba(0,0,0,0.8);
     top:50%;
     bottom:0;
     left:10px;
     right:10px;
     -moz-border-radius:100px / 10px;
     border-radius:100px / 10px;
 }
 .formbox_effect2:after
 {
     right:10px;
     left:auto;
     -webkit-transform:skew(8deg) rotate(3deg);
        -moz-transform:skew(8deg) rotate(3deg);
         -ms-transform:skew(8deg) rotate(3deg);
          -o-transform:skew(8deg) rotate(3deg);
             transform:skew(8deg) rotate(3deg);
 }

 .formbox_header_effect
{
  position:relative;
  -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
     -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
          box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
}
.formbox_header_effect:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

/*==================================================
 * Effect INSIDE
 * ===============================================*/
.formbox_inside_effect
{
    position:relative;
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
}
.formbox_inside_effect:before, .formbox_inside_effect:after
{
    content:"";
    position:absolute;
    z-index:0;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.formbox_inside_effect:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

.nlabel {
display: grid;
padding: 0px;
}
input[type=checkbox].material-switch {
display:none;
}

.material-switch > input[type="checkbox"] {
display: none;
}

.material-switch > label {
    padding: 0px !important;
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.material-switch > label::before {
    background: #000 !important;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.1;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: #000 !important;
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: #000 inherit;
    opacity: 0.9;

}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: #000 inherit;
    opacity: 0.9;
    left: 20px;
}

.btn-bec {
    font-family: 'Lato', sans-serif !important;
    font-weight: 300 !important;
    color: #fff !important;
    background-color: #000 !important;
    border-color: #000 !important;

}

.btn-bec.active.focus, .btn-bec:active, .btn-bec:hover, .btn-bec:focus,  .btn-bec:active.focus, .btn-bec:active:focus, .btn-bec:active:hover, .open>.dropdown-toggle.btn-bec.focus, .open>.dropdown-toggle.btn-bec:focus, .open>.dropdown-toggle.btn-bec:hover {
    font-family: 'Lato', sans-serif !important;
    font-weight: 300 !important;
    color: #fff  !important;
    background-color: #000 !important;
    border-color: #000 !important;

}


.btn {
  font-family: 'Lato', sans-serif !important;
  font-weight: 300 !important;
}


.h4link {
    font-family: 'Lato', sans-serif !important;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    margin: auto;
    font-size: 1.2em;
    padding-top: 10px;
    padding-bottom: 10px;

}

.base_catalog {
  text-align: center;
}
.base_catalog img {
  max-width: 100%;
  padding-bottom: 5px;
  padding-top: 10px;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.base_catalog:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.base_catalog .h3link>a {
      margin-top: 10px !important;
      font-size: 0.8em !important;
      min-height: 2em !important;
      text-decoration: none;
      text-align: center;
      text-transform: uppercase;
      color: #000 !important;

}

.base_catalog .h3link>a:hover, .base_catalog .h3link>a:active {
      margin-top: 10px !important;
      font-size: 0.8em !important;
      min-height: 2em !important;
      text-decoration: none;
      text-align: center;
      text-transform: uppercase;
      color: #000 !important;
}


.base_catalog_top {
  text-align: center;
}
.base_catalog_top img {
  max-width: 100%;
  padding-bottom: 5px;
  padding-top: 5px;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.base_catalog_top:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.base_catalog_top .h3link>a {
  margin-top: 10px !important;
  font-size: 0.8em !important;
  min-height: 2em !important;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  color: #000 !important;
}

.base_catalog_top .h3link>a:hover, .base_catalog .h3link>a:active {
  margin-top: 10px !important;
  font-size: 0.8em !important;
  min-height: 2em !important;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  color: #000 !important;
}

#pinBoot {
  position: relative;
  max-width: 100%;
  width: 100%;
}
img {
    margin-left: auto;
    margin-right: auto;

}
.white-panel {
  position: absolute;
  background: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  padding: 10px;
}
/*
stylize any heading tags withing white-panel below
*/

.white-panel h1 {
  font-size: 1em;
}
.white-panel h1 a {
  color: #000000;
}
.white-panel:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}





body_login {
  background-color: #ffffff;
  font-family: 'Lato', sans-serif !important;
  font-size: 12px;
  line-height: 140%;
  color: #000000;
}

.passremind {
  background-color: #ffffff;
  font-family: 'Lato', sans-serif !important;
  font-size: 9px;
  font-weight: 500;
  color: #000000;
}

.container {

}
.container_fullwidth {
  min-height: 50px;
  left: 0px;
  margin-left: 0px;
  padding-left: 0px;
  right: 0px;
  margin-right: 0px;
  padding-right: 0px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.body_login {
  background-color: #ffffff;
  font-family: 'Lato', sans-serif !important;
  font-size: 12px;
  line-height: 140%;
  color: #000000;
}
#body_login {
  background-color: #ffffff;
  font-family: 'Lato', sans-serif !important;
  font-size: 12px;
  line-height: 140%;
  color: #000000;
}
.big_title {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 4px solid #000000;
  text-transform: uppercase;
}

.counter
{
    background-color: #eaecf0;
    text-align: center;
}
.employees,.customer,.design,.order
{
    margin-top: 70px;
    margin-bottom: 70px;
}
.counter-count
{
    font-size: 18px;
    background-color: #000000;
    border-radius: 50%;
    position: relative;
    color: #ffffff;
    text-align: center;
    line-height: 92px;
    width: 92px;
    height: 92px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
}

.tiles {
  background-color: #000 !important;
  min-height: 290px;
  display: table;
  position: relative;
}
.tiles:active {
  background-color: #757575 !important;
  min-height: 290px;
  display: table;
  position: relative;
}
.tiles:hover {
  background-color: #757575 !important;
  min-height: 290px;
  display: table;
  position: relative;
}
.tiles-top {
      display: table-cell;
      float: left;
      color: #fff;
      font-size: 30px !important;
      line-height: 35px !important;
      font-weight: 700;
      margin: 15px;
      width: 290px;
      height: 290px;
      text-transform: uppercase;
      overflow-wrap: break-word;
}
.tiles-bottom {
      display: table-cell;
      position: absolute;
      float: right;
      text-align: right;
      color: #fff;
      bottom: 0px;
      font-size: 22px !important;
      line-height: 25px !important;
      font-weight: 700;
      margin: 15px;
      width: 90%;
      text-transform: lowercase;
      overflow-wrap: break-word;
}
.tiles-arrow {
  position: absolute;
  right: 0px;
  bottom: 45%;
  text-align: right;
  color: #fff;
  margin: 10px;
}

.breadcrumb {
margin: auto;
min-height: 40px;
max-width: 1280px;
width: 85%;
font-size: 1.0em !important;
background-color: #000 !important;
color: #fff !important;
border-radius: 0px !important;


}
.breadcrumb .h3link  {
  color: #fff !important;
  text-transform: uppercase;
}

.breadcrumb .active  {
  color: #fff !important;
  text-transform: uppercase;
}


.employee-p,.customer-p,.order-p,.design-p
{
    font-size: 24px;
    color: #000000;
    line-height: 34px;
}

a {
  color: #000000;
  text-decoration: none;
}
a .list_panel_info {
  color: #003d5a;
}
#content {
  width: 85%;
  max-width: 85%;
  min-height: 100%;
  text-align: center;
  background-color: #ffffff;
  margin: auto;
}
#content_clean {
  width: 85%;
  margin: auto;
}
#header {
  height: 20px;
  background-color: #000000;
  text-align: right;
}
#header a:hover {
  color: #ffffff;
}
#header a,
#header a:visited,
#header a:link,
#header a:hover,
#header a:active {
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 10px;
  display: block;
  padding-left: 15px;
  padding-right: 15px;
  height: 20px;
  line-height: 20px;
  float: right;
}
#footer_main,
#footer_main_wide {
  max-width: 100%;
  padding-top: 5px;
  vertical-align: middle;
  margin: auto;
  height: 40px;
  line-height: 34px;
  font-family: 'Lato', sans-serif !important;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
#footer_main {
  font-family: 'Lato', sans-serif !important;
  background-color: #000 !important;
  color: #fff !important;

}
#footer_main_wide {
  background-color: #000 !important;
  color: #fff !important;

  font-size: 13px;
  max-width: 100%;
  width: 100%;
}
#baner {
  text-align: center;
  margin: auto;
}
#baner div#company_banner {
 /* background-image: url("../img/braun_baner.png"); */
}
#whitespaces {
  max-width: 85%;
  max-height: 16px;
  text-align: center;
  width: 85%;
  margin: auto;
}
#footer_text {
  max-width: 85%;
  width: 85%;
  margin: auto;
  height: 30px;
  line-height: 30px;
  font-family: 'Lato', sans-serif !important;
  font-size: 15px;
  color: #000000;
  text-align: center;
}
#main_menu {
  text-align: center;
  height: 38px;
  max-width: 1280px;
  background: #ffffff;
  border-bottom: 0px solid #000000;
  width: auto;
  display: inline-block;
  font-family: 'Lato', sans-serif !important;
  line-height: 38px;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
}
#main_menu a,
#main_menu a:link,
#main_menu a:visited,
#main_menu a:active {
  display: inline-block;
  color: #000000;
  font-size: 15px;
  font-family: 'Lato', sans-serif !important;
  text-align: center;
  border-left: 1px solid #000000;
  padding-left: 33px;
  padding-right: 33px;
  text-decoration: none;
  line-height: 40px;
  float: left;
  overflow: hidden;
  position: relative;
}

#main_menu:last-child,
#main_menu a:last-child
{
border-right: 0px solid #000000;
width: 58px;
box-sizing: content-box;
}

#main_menu:first-child,
#main_menu a:first-child
{
border-left: 0px solid #000000;
}


#main_menu a:hover {
  background-color: #000000;
  color: #ffffff;
  height: 40px;
  font-family: 'Lato', sans-serif !important;
  }
#main_menu a.selected {
  background: #000000;
  font-family: 'Lato', sans-serif !important;
  color: #fff;
  height: 40px;
}

.search_bar {
  font-family: 'Lato', sans-serif !important;
  width: 85%;
  max-width: 1280px;
  height: 50px;
  min-height: 50px;
  margin: auto;
  margin-bottom: 40px;
  color: #fff;
  display: table;
  table-layout: flex-direction: column;
}

.search_bar_left {
display: table-cell;
width: 60%;
height: 50px;
background-color: #000000;
}
.search_bar_end {
  /*display: table-cell;*/
  width: 0;
  height: 0;
  border-left: 50px solid #000000;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
}
.search_bar_right {
width: 30%;
display: table-cell;
height: 50px;
background-color: #fff;
padding-left: 50px;
}

#top_bar,
#top_bar_wide {
  height: 50px;
  width: 85%;
  max-width: 85%;
  font-family: 'Lato', sans-serif !important;
  font-size: 16px;
  margin-left: 5px;
  margin-right: 5px;
  margin: 0 auto;
}
#top_bar {
  font-family: 'Lato', sans-serif !important;
  background-color: #ffffff;
  color: #000;
}
#top_bar_wide {
  background-color: #ffffff;
  color: #000;
  max-width: 100%;
  width: 100%;
}
#top_bar_left {
  float: left;
  padding-left: 5px;
  padding-top: 10px;
  margin: auto;
}
#top_bar_right {
  float: right;
  padding-top: 10px;
  padding-right: 5px;
  margin: auto;
}
.mid_pad {
  padding: 1px 1px 1px;
  min-height: 400px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center bottom;
}
#mid_cont {
  width: 85%;
}
span.info_pomoc {
  color: #000000;
}
.course_panel {
  background-color: #CAEAF0;
  margin-bottom: 10px;
  height: 200px;
  border-left: 30px solid #38BAD2;
}
.course_panel .image_cell {
  height: 200px;
  width: 170px;
  float: left;
}
.course_panel .info {
  width: 666px;
  float: left;
}
.course_panel .info .info_pad {
  padding: 24px 13px 13px 24px;
}
.course_panel .info .title {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 20px;
}
.course_panel .info .text {
  height: 100px;
  overflow-y: hidden;
}
a.button_right {
  display: block;
  float: right;
  padding: 4px 8px 4px 8px;
  background-color: #000000;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}
a.button_left {
  display: block;
  float: left;
  padding: 4px 8px 4px 8px;
  background-color: #000000;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  margin-right: 5px;
}
a.button_left_big {
  display: block;
  float: left;
  padding: 20px 40px 20px 40px;
  background-color: #000000;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  margin-right: 5px;
}
a.button_left:hover,
a.button_left_big:hover,
a.button_right:hover {
  background-color: #000000;
}

.menu_marker {
color: #000000;
}

a.menu_top {
  padding: 0px 5px 0px 5px;
  color: #000 !important;
  font-weight: 400;
  text-decoration: none;
}
a.menu_top:hover{
  color: #000000;
  text-decoration: none;
}

a.menu_top:active {
  color: #000000;
  text-decoration: none;
}
a.menu_top:focus {
  color: #000000;
  text-decoration: none;
}
.news_list {
  width: 100%;
  margin-bottom: 12px;
}
.news_list .sep {
  width: 16px;
}
.news_list .news_panel .news_pad {
  padding: 40px 13px 13px 13px;
}
.news_list .news_panel .news_pad .title {
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  padding-bottom: 15px;
}
.news_list .news_panel .news_pad .text {
  height: 75px;
  overflow-y: hidden;
}
.news_list .news_panel .news_pad .news_link {
  color: #5c5c5c;
  font-size: 11px;
  float: right;
  display: block;
  text-decoration: underline;
}
.news_list .news_panel .news_pad .news_link:hover {
  color: #000000;
}
.news_panel {
  height: 180px;
  border-left: 30px solid #38BAD2;
  background-color: #CAEAF0;
  width: 170px;
  vertical-align: top;
}
.bottom_margin {
  clear: both;
}
.submit_button {
  display: block;
  border: 0px none;
  margin: 0px;
  cursor: pointer;
  padding: 4px 8px 3px 8px;
  font-size: 11px;
  background-color: #000000;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}
.submit_button:hover {
  background-color: #000000;
}
.right {
  float: right;
}
input {
  background-color: #dedede;
  border: 1px solid #dedede;
  padding: 1px 8px;
  margin: 0px;
  font-family: 'Lato', sans-serif !important;}
input.light,
textarea.light {
  text-align: left;
  font-family: 'Lato', sans-serif !important;  font-size: 12px;
  background-color: #fefefe;
  border: 1px solid #fefefe;
  padding: 10px 8px 10px 8px;
  margin: 0px;
  margin-bottom: 5px;
}
.long {
  width: 211px;
}
.longer {
  width: 320px;
}
.v_long {
  width: 690px;
}
.pagination td {
  margin: 0px;
  padding: 0px 0px 0px 5px;
}
.pagination a:hover {
  background-color: #ffffff;
}
.pagination a,
.pagination a:link,
.pagination a:visited,
.pagination a:active {
  display: block;
  border: 0px none;
  margin: 0px;
  padding: 3px 8px 3px 8px;
  font-size: 12px;
  background-color: #38BAD2;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}
.zero {
  padding: 0px;
  margin: 0px;
}
.newline {
  clear: both;
}
.pt10 {
  padding-top: 10px;
}
.pt20 {
  padding-top: 20px;
}
.news_panel2 {
  border: 1px solid #000000;
  margin-bottom: 10px;
  height: 150px;
  width: 100%;
  -moz-border-radius: 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
.news_panel2 .image_cell {
  border-right: 1px solid #000000;
  max-height: 150px;
  max-width: 175px;
  min-height: 150px;
  min-width: 175px;
  overflow: hidden;
  background-color: #dcdcdc;
}
.news_panel2 .image_cell img {
  max-height: 150px;
  max-width: 175px;
  min-height: 150px;
  min-width: 175px;
}
.news_panel2 .image_cell .image {
  max-height: 150px;
  max-width: 175px;
  min-height: 150px;
  min-width: 175px;
}
.news_panel2 .empty_image_cell {
  border-left: 30px solid #000000;
  max-height: 150px;
  max-width: 175px;
  min-height: 150px;
  min-width: 175px;
  overflow: hidden;
  background-color: #e3e3e3;
}
.news_panel2 .info {
  border-right: 1px solid #000000;
  width: 606px;
  vertical-align: top;
  background-color: #ffffff;
}
.news_panel2 .info .info_pad {
  padding: 12px 20px 20px 25px;
  vertical-align: middle;
}
.news_panel2 .info .info_pad2 {
  padding: 7px 20px 20px 10px;
  vertical-align: middle;
}
.news_panel2 .info .title {
  font-size: 14px;
  padding-bottom: 7px;
  text-transform: uppercase;
  vertical-align: middle;
}
.news_panel2 .info .title2 {
  font-size: 14px;
  padding-bottom: 4px;
  text-transform: uppercase;
  vertical-align: middle;
}
.news_panel2 .info .title3 {
  font-size: 13px;
  padding-bottom: 0px;
  text-transform: uppercase;
  vertical-align: middle;
}
.news_panel2 .info .text {
  height: 36px;
  overflow-y: hidden;
}
.news_panel2 .info .text2 {
  height: 40px;
  line-height: 14px;
  overflow-y: hidden;
}
.news_panel2 .info a .info_pad2 {

  color: #000000;
}
.news_panel2 .info .data {
  float: right;
  font-weight: bold;
}
.news_panel2 .more {
  width: 125px;
  text-align: center;
  font-weight: normal;
  background-color: #000000;
  color: #ffffff;
  vertical-align: middle;
}
.news_panel2 .more a:hover {
  color: #cc0000;
}
.news_panel2 .more2 {
  text-align: center;
  font-weight: normal;
  background-color: #000000;
  color: #ffffff;
  width: 180px;
  text-align: center;
  vertical-align: middle;
}

.news_panel2 .data2 {
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  color: #000000;
  width: 125px;
  text-align: left;
  padding-left: 10px;
  background-color: #ffffff;
}
.dark_top_bar_ {
  background-color: #c0c0c0;
}
.light_top_bar_ {
  background-color: #000000;
}
.news_panel2 .more2 a,
.news_panel2 .more2 a:link,
.news_panel2 .more2 a:visited,
.news_panel2 .more2 a:active {
  display: block;
  padding: 20px 0px;
  text-align: center;
  font-weight: normal;
  background-color: #000000;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}
.news_panel2 .more a,
.news_panel2 .more a:link,
.news_panel2 .more a:visited,
.news_panel2 .more a:active {
  text-decoration: underline;
  font-weight: normal;
  background-color: #000000;
  color: #ffffff;
}
.content_panel {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #DCDCDC;
}
.content_panel .left_col {
  border-right: 1px solid #DCDCDC;
  width: 157px;
  min-height: 550px;
  float: left;
  vertical-align: top;
}
.content_panel .left_col .left_col_pad {
  padding: 11px;
}
.content_panel .left_col img {
  margin-bottom: 10px;
}
.content_panel .right_col {
  vertical-align: top;
  width: 735px;
  background-color: #eee;
  color: #000;
  float: right;
  text-align: justify;
}
.content_panel .right_col .right_col_pad {
  padding: 13px 33px 13px 13px;
}
.content_panel .right_col .right_col_pad2 {
  padding: 13px 13px 6px 13px;
}
.content_panel .right_col .title {
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 10px;
}
.content_panel .right_col .tags {
  padding-bottom: 10px;
}
.content_panel .right_col .tags a:hover {
  color: #cc0000;
}
.content_panel .right_col .author {
  float: right;
  padding: 10px 0px 10px 0px;
}
.content_panel .right_col .att {
  clear: both;
  bottom: -6px;
  border-top: 1px solid #DCDCDC;
  background-color: #000000;
  color: #fff;
  padding: 13px;
  text-align: left;
}
.content_panel .right_col .att .head {
  text-transform: uppercase;
  float: left;
  padding-right: 20px;
}
.content_panel .right_col .att a:hover {
  color: #000000;;
}
.content_panel .right_col .att img {
  vertical-align: middle;
  margin-left: 20px;
}
.content_panel iframe {
  border-bottom: 2px solid #535353;
}
.content_panel.base_info {
  background-color: #ffffff;
  border: 1px solid #DCDCDC;
}
.content_panel .left_col a,
.content_panel .left_col a:link,
.content_panel .left_col a:active,
.content_panel .left_col a:visited {
  display: block;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #000000;
  margin-bottom: 10px;
  text-align: center;
  padding: 2px;
  font-size: 11px;
}
.content_panel .right_col .tags a,
.content_panel .right_col .tags a:link,
.content_panel .right_col .tags a:active,
.content_panel .right_col .tags a:visited {
  color: #000;
  text-decoration: underline;
}
.content_panel .right_col .att a,
.content_panel .right_col .att a:link,
.content_panel .right_col .att a:active,
.content_panel .right_col .att a:visited {
  color: #000;
  text-decoration: underline;
}
.zapisz_button {
  display: block;
  border: 0px none;
  margin: 0px;
  cursor: pointer;
  float: right;
  width: 190px;
  height: 21px;
  line-height: 21px;
  padding: 0px;
  text-align: center;
  font-size: 11px;
  background-color: #000000;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}
.zapisz_button:hover {
  background-color: #000000;
}
.top_bar_button {
  display: block;
  border: 0px none;
  margin: 0px;
  cursor: pointer;
  float: left;
  width: 190px;
  height: 21px;
  line-height: 21px;
  padding: 0px;
  text-align: center;
  font-size: 11px;
  background-color: #000000;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  margin-right: 5px;
}
.top_bar_button:hover {
  background-color: #000000;
  color: #ffffff;
}
input.bold {
  font-weight: bold;
}
label {
  padding: 5px;
  font-weight: bold;
  text-transform: uppercase;
}
.p10 {
  padding: 10px;
}
.pad3 {
  clear: both;
  padding-top: 35px;
}
.pad4 {
  padding: 25px 20px 25px 20px;
}
.toupper {
  text-transform: uppercase;
}
.big {
  font-size: 22px;
}
.normal {
  font-weight: normal;
}
.pl30 {
  padding-left: 30px;
}
.w400 {
  width: 386px;
}
#user-info-table {
  border: 1px solid #000000;
  height: 146px;
  margin-bottom: 20px;
}
#user-info-table > div {
  height: 146px;
  float: left;
}
#user-info-table > div.table {
  display: table;
}
#user-info-table > div.table p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#user-info-table .cell1 {
  background: #000000;
  color: #ffffff;
  width: 179px;
}
#user-info-table .cell3 {
  background: #000000;
  color: #ffffff;
  width: 138px;
  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity: 0.8;
}
#user-info-table .cell4 {
  width: 215px;
  color: #000000;
  background: #ffffff;
  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity: 0.8;
}
#user-info-table .cell5 {
  background: #000000;
  color: #ffffff;
  width: 139px;
}
#user-info-table .cell5 p a {
  padding: 50px 0px;
  color: #ffffff;
}
#user-info-table .cell1,
#user-info-table .cell5 {
  font-weight: bold;
  font-size: 11pt;
  text-transform: uppercase;
}
#user-info-table .cell2,
#user-info-table .cell2 img {
  display: block;
  width: 220px;
  height: 146px;
  background-color: #000000;
}
#user-info-table .cell3 span,
#user-info-table .cell4 span {
  display: block;
  padding-left: 16px;
}
#user-info-table .cell3 span.margin-bottom,
#user-info-table .cell4 span.margin-bottom {
  margin-bottom: 1em;
}
#user-info-table .cell3  > :first-child,
#user-info-table .cell4  > :first-child {
  margin-top: 7px;
}
#user-info-table .cell3,
#user-info-table .cell4 {
  font-size: 9pt;
}
#result-list {
  height: 140px;
  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity: 0.8;
}
#result-list li {
  display: table;
  float: left;
  margin-right: 5px;
  text-transform: uppercase;
}
#result-list a {
  width: 179px;
  height: 140px;
  display: table-cell;
  vertical-align: middle;
  color: #000000;
  text-align: center;
}
#result-list .cell1 {
  background: #ffffff;
  border: 1px solid #000000;
  color: #000000;
  font-size: 11pt;
  font-weight: bold;
  text-transform: uppercase;
}
#result-list .cell2 {
  background: #ffffff;
  border: 1px solid #000000;
  color: #000000;
  font-size: 11pt;
  font-weight: bold;
  text-transform: uppercase;
}
#result-list .cell3 {
  background: #f3f3f3;
}
#average-score {
  float: left;
  display: block;
  height: 100px;
  width: 394px;
  text-transform: uppercase;
}
#average-score > div {
  height: 100px;
  display: table;
  float: left;
}
#average-score > div p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#average-score .cell1 {
  padding-left: 134px;
  width: 160px;
  border-left: 30px solid #38BAD2;
  background: #bdbdbd url(../img_p/average-score.jpg) left no-repeat;
}
#average-score .cell2 {
  width: 70px;
  background: #ccc;
}
#count-level {
  float: right;
  width: 458px;
  height: 100px;
  text-transform: uppercase;
}
#count-level > div {
  height: 100px;
  display: table;
  float: left;
}
#count-level > div > div {
  display: table-cell;
  vertical-align: middle;
}
#count-level .cell1 {
  padding-left: 122px;
  width: 116px;
  border-left: 30px solid #38BAD2;
  background: #bdbdbd url(../img_p/count-level.jpg) left no-repeat;
  text-align: center;
}
#count-level .cell2 {
  background: #ccc;
  width: 127px;
}
#count-level .cell3 {
  background: #CAEAF0;
  width: 63px;
}
#count-level p {
  padding-left: 15px;
}
#search-course {
  clear: both;
  padding-top: 75px;
}
#search-course button[type=submit],
#search-certificate button[type=submit] {
  background: #38BAD2;
  color: #ffffff;
  border: none;
  height: 22px;
  line-height: 22px;
  display: block;
  float: left;
  padding: 0 3px;
  font-size: 8pt;
  cursor: pointer;
  margin: 0;
}
#search-course input[type=text],
#search-certificate input[type=text] {
  display: block;
  float: left;
  height: 16px;
  line-height: 16px;
  padding: 3px;
  color: #d5d5d5;
  width: 211px;
  text-align: center;
}
#search-course input[type=text].clicked,
#search-certificate input[type=text].clicked {
  color: #000000;
}
#search-course input:focus,
#search-certificate input:focus {
  outline: 0;
}
#search-course ul,
#search-certificate ul {
  float: right;
}
#search-course li,
#search-certificate li {
  display: inline;
}
#search-course ul li a,
#search-certificate ul li a {
  background: #38BAD2;
  float: left;
  display: block;
  color: #ffffff;
  height: 22px;
  line-height: 22px;
  margin-right: 3px;
  padding: 0 5px;
}
#search-course ul li:last-child a,
#search-certificate ul li:last-child a {
  background: #ffffff;
  color: #000000;
  padding: 0;
}
#course-list {
  clear: both;
  padding-top: 5px;
}
#course-list .header {
  font-weight: bold;
}
#course-list .row {
  margin-top: 8px;
  height: 47px;
}
#course-list .row > div {
  float: left;
  display: table;
  height: 47px;
  text-align: center;
  table-layout: fixed;
}
#course-list .row > div p {
  display: table-cell;
  vertical-align: middle;
}
#course-list .row > div.cell2 {
  background: #f2f2f;
}
#course-list .cell1 {
  width: 232px;
  padding-left: 25px;
  background: #38BAD2;
  width: 332px;
}
#course-list .cell1 p {
  text-align: left;
}
#new_course_results_table {
  margin-top: 20px;
  border: 1px solid lightgray;
  max-width: 100%;
}
#new_course_results_table td {
  padding: 14px;
  border: 1px solid lightgray;
  min-width: 100px;
  border-left: none;
  border-right: none;
}
#new_course_results_table thead td {
  text-align: center;
  background-color: #EEEEEE;
}
#new_course_results_table tr:hover {
  background-color: #efefef;
}
.try p {
  margin: 5px;
  margin-bottom: 15px;
}
.button_submitt {
  width: 150px;
  height: 31px;
  margin: 0 0 1em 0;
  border: 0px none #333333;
  font-size: 11px;
  font-family: 'Lato', sans-serif !important;  font-weight: bold;
  color: #ffffff;
  background: #000000;;
  padding-right: 4px;
  padding-left: 4px;
  vertical-align: middle;
}
.login_box_new {
  padding: 20px;
  margin-bottom:40px;
  width: 400px;
  max-width: 400px;
  height: 230px;
  max-height: 230px;
  font-family: 'Lato', sans-serif !important;  border-radius: 8px 8px 8px 8px;
  -moz-shadow-radius: 8px 8px 8px 8px;
  -webkit-shadow-radius: 8px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  border: 0px solid #000000;
  background: #ffffff;
}
.bottom_text {
 margin-bottom:40px;
 color:#000000;
 font-family: 'Lato', sans-serif !important;
}
login_box_new {
  padding: 20px;
  width: 400px;
  max-width: 400px;
  height: 230px;
  max-height: 230px;
  font-family: 'Lato', sans-serif !important;  border-radius: 8px 8px 8px 8px;
  -moz-shadow-radius: 8px 8px 8px 8px;
  -webkit-shadow-radius: 8px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
  border: 0px solid #000000;
  background: #ffffff;
}
.info_box_new {
  width: 420px;
  max-width: 420px;
  height: 30px;
  max-height: 30px;
  text-align: center;
  vertical-align: middle;
  line-height: 34px;
  border: 0px solid #38BAD2;
  background: #ffffff;
  border-radius: 8px 8px 8px 8px;
  -moz-shadow-radius: 8px 8px 8px 8px;
  -webkit-shadow-radius: 8px 8px 8px 8px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  filter: alpha(opacity=60);
  opacity: 0.6;
  -moz-opacity: 0.6;
  margin: 0 auto;
}
::-webkit-input-placeholder {
  color: #000000;
  opacity: 0.4;
}
:-moz-placeholder {
  color: #000000;
  opacity: 0.4;
}
::-moz-placeholder {
  color: #000000;
  opacity: 0.4;
}
:-ms-input-placeholder {
  color: #000000;
}
.logerror {
  font-family: 'Lato', sans-serif !important;
  font-size: 18px;
  color: red;
  font-weight: normal;
  text-align: center;
  letter-spacing: normal;
  word-spacing: normal;
  height:100%;
  width:40px;
  overflow:auto;
}
.infoerror {
  font-family: 'Lato', sans-serif !important;
  font-size: 18px;
  color: green;
  font-weight: normal;
  text-align: center;
  letter-spacing: normal;
  word-spacing: normal;
  height:100%;
  width:40px;
  overflow:auto;


}
/*
input#old_pass,
input#new_pass,
input#re_pass {
  background-color: #ffffff;
  width: 150px;
  float: right;
}
*/
div#content div.mid_pad div#mid_cont h1,
div#content div.mid_pad div#mid_cont h2 {
  background-color: #ffffff;
  border-bottom: 2px solid;
  color: #000000;
  border-color: #000000;
  font-size: 18px;
/*  font-weight: bold; */
  margin-bottom: 20px;
  padding: 5px;
  padding-bottom: 8px;
  text-transform: uppercase;
}
div#content div.mid_pad div#mid_cont div#img {
  display: inline-block;
  width: 300px;
}
div#content div.mid_pad div#mid_cont div#img img {
  border: 1px solid #B8B8B8;
  margin-top: 0px;
}
div#content div.mid_pad div#mid_cont div#cont {
  display: inline-block;
  vertical-align: top;
  width: 585px;
}
div#content div.mid_pad div#mid_cont div#cont h2 {
  font-size: 16px;
  margin-bottom: 0px;
}
div#content div.mid_pad div#mid_cont div#cont p {
  color: #000000;
  font-size: 14px;
  line-height: 22px;
  padding: 10px 0px;
}
div#content div.mid_pad div#mid_cont label.search_label {
  display: inline;
  padding: 5px 8px 3px 8px;
  background-color: #000000;
  color: #ffffff;
}
div#content div.mid_pad div#mid_cont input.search_label {
  background-color: #ffffff;
}
div#content div.mid_pad div#mid_cont .list_panel_left {
  border: 1px solid #000000;
  float: left;
}
div#content div.mid_pad div#mid_cont .list_panel_right {
  border: 1px solid #000000;
  float: right;
}
div#content div.mid_pad div#mid_cont .list_panel_left,
div#content div.mid_pad div#mid_cont .list_panel_right {
  #background-color: #f4f5f5;
  font-weight: normal;
  border: 1px solid #000000;
  margin-bottom: 20px;
  height: 95px;
  width: 420px;
  overflow: hidden;
}
div#content div.mid_pad div#mid_cont .list_panel_left .img_cell,
div#content div.mid_pad div#mid_cont .list_panel_right .img_cell {
  height: 95px;
  width: 95px;
  background-color: #000000;
  overflow: hidden;
  float: left;
  filter: alpha(opacity=100);
  opacity: 1.0;
  -moz-opacity: 1;
}
div#content div.mid_pad div#mid_cont .list_panel_left .img_cell img,
div#content div.mid_pad div#mid_cont .list_panel_right .img_cell img {
  min-height: 95px;
  min-width: 95px;
}
div#content div.mid_pad div#mid_cont .list_panel_left .list_panel_info,
div#content div.mid_pad div#mid_cont .list_panel_right .list_panel_info {
  float: right;
  width: 290px;
  height: 95px;
  overflow: hidden;
  filter: alpha(opacity=100);
  opacity: 1.0;
  -moz-opacity: 1.0;
}
div#content div.mid_pad div#mid_cont .list_panel_left span.big,
div#content div.mid_pad div#mid_cont .list_panel_right span.big {
  color: #000000;
  font-size: 17px;
  vertical-align: middle;
}
.inputboxusrl {
 font-family: 'Lato', sans-serif !important; font-size: 13px;
  width: 212px;
}
.inputboxusrl,
.inputboxpwdl,
.inputboxemaill {
  font-family: 'Lato', sans-serif !important;  font-size: 13px;
  color: #000000;
}
.login-text {
  font-family: 'Lato', sans-serif !important;  color: #000000;
}
.submit_new {
  min-width: 70px;
  border-radius: 0px 0px 0px 0px;
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
  font-family: 'Lato', sans-serif !important;
  font-size: 16px;
  width: 170px;
  line-height: 30px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.submit_new:hover {
  min-width: 70px;
  border-radius: 0px 0px 0px 0px;
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
  font-family: 'Lato', sans-serif !important;
  font-size: 16px;
  width: 170px;
  line-height: 30px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  &:after {
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  }
}


div.login_form_banner {
  background-image: url("../img/flk/banner.png");
  opacity: 0.3;
  filter: alpha(opacity=30); /* For IE8 and earlier */
  font-family: 'Lato', sans-serif !important;
  border: 0px solid #000000;
  height: 220px;
  margin: 0;
  margin-bottom: 25px;
  text-align: center;
  width: 85%;
}
p.login_form_info {
  font-family: 'Lato', sans-serif !important;  text-align: center;
  color: #000000;
}
html body div#content div.mid_pad div#mid_cont a img.bigstar_kursy {
  margin-right: 8px;
}
div.top_margin {
  margin: 16px 0 0 0;
  padding: 0;
}
/**
* FALE LOKI I KOKI
* używam !important, żeby nie mieszać w oryginalnym zapisie
*/
div#content div.mid_pad div#mid_cont .list_panel_left .img_cell,
div#content div.mid_pad div#mid_cont .list_panel_right .img_cell {
  height: 95px !important;
  width: 95px !important;
  border-right: solid 1px;
  border-color: #000000;
}
div#content div.mid_pad div#mid_cont .list_panel_left,
div#content div.mid_pad div#mid_cont .list_panel_right {
  height: 95px !important;
}
.list_panel_left strong,
.list_panel_right strong {
  font-weight: normal !important;
}
div#content div.mid_pad div#mid_cont .list_panel_left span.big,
div#content div.mid_pad div#mid_cont .list_panel_right span.big {
  font-size: 14 !important;
}
.pad4 {
  padding: 34px 20px 25px 0px !important;
}
div#content div.mid_pad div#mid_cont .list_panel_left,
div#content div.mid_pad div#mid_cont .list_panel_right {
  border: 1px solid #000000;
  overflow: visible !important;
}
div#content div.mid_pad div#mid_cont .list_panel_left .img_cell img,
div#content div.mid_pad div#mid_cont .list_panel_right .img_cell img {
  min-height: 95px !important;
  min-width: 95px !important;
}


.course_front_panel{
    width: 100%;
    height: 94px;
    border: solid 1px;
    border-color: #000000;
}

.course_front_panel .image_cell{
    height: 94px;
    /*width: 110px;*/
    /*min-width: 110px;*/
    overflow: hidden;
    background-color: #e3e3e3;
    border-left: solid 1px;
    border-color: #000000;
}

.course_front_panel .empty_image_cell{
    border-left: 30px solid #c3c3c3;
    height: 94px;
    width: 110px;
    min-width: 110px;
    overflow: hidden;
    background-color: #e3e3e3;
}


.course_front_panel .image_cell .image{
    max-height: 94px;
    max-width: 110px;
}

.course_front_panel .info {
    width: 606px;
    vertical-align: top;
	background-color: #FFFFFF;
	filter:alpha(opacity=50);
	opacity: 0.9;
	-moz-opacity:0.9;
	border-left: solid 1px;
	border-right: solid 1px;
    border-color: #000000;
}

.course_front_panel .info .info_pad{
    padding: 12px 20px 20px 25px;
}


.course_front_panel .info .info_pad2{
    padding: 7px 20px 20px 10px;
}

.course_front_panel .info .title{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 7px;
    text-transform: uppercase;
}

.course_front_panel .info .title2{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 4px;
    text-transform: uppercase;
}

.course_front_panel .info .title3{
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 0px;
    text-transform: uppercase;
}


.course_front_panel .info .text{
    height: 36px;
    overflow-y: hidden;
}

.course_front_panel .info .text2{
    height: 40px;
    line-height: 14px;
    overflow-y: hidden;
}

.course_front_panel .info a .info_pad2 {
	color: #fff;
}

.course_front_panel .info .data{
    float: right;
    font-weight: bold;
	filter:alpha(opacity=50);
	opacity: 0.9;
	-moz-opacity:0.9;
	border-left: solid 1px;
	border-right: solid 1px;
    border-color: #000000;
}
.course_front_panel .data2{
    /*float: right;*/
    padding-left: 10px;
    width: 120px;
    font-weight: bold;
	filter:alpha(opacity=50);
	opacity: 0.9;
	-moz-opacity:0.9;
    border-color: #000000;
}
.course_front_panel .more{
    width: 125px;
    text-align: center;
    background-color: #cccccc;
	filter:alpha(opacity=50);
	opacity: 0.9;
	-moz-opacity:0.9;
}

.course_front_panel .more2{
    width: 180px;
    background-color: #000000;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    /*font-weight: bold;*/
    vertical-align: middle;
	filter:alpha(opacity=50);
	opacity: 0.9;
	-moz-opacity:0.9;
	border-left: solid 1px;
    border-color: #000000;
}

.course_front_panel .more2 a{
color: #fff;
}



/*---------------------------------------------------------------------*/

.onboard_description{
    width: 100%;
    margin: 0px auto;
}
.onboard_image{
    margin: 15px auto;
    max-width: 893px;
    max-height: 504px;
}
.onboard_image > img{
    display: block;
    max-width: 893px;
    max-height: 504px;
    margin: 0px auto;
/*    border-radius: 20px;*/
}
.onboard_image_2{
    margin: 15px auto;
    max-width: 520px;
/*    max-height: 504px;*/
}
.onboard_image_2 > img{
    display: block;
    max-width: 520px;
/*    max-height: 504px;*/
    margin: 0px auto;
/*    border-radius: 20px;*/
}
.onboard_edit_title{
    font-size: 18px;
    margin: 20px 0px;
    border-bottom: 2px solid;
    padding-bottom: 10px;
}
.onboard_work_road{
    width: 100%;
}
.onboard_button{
    width: 100%;
    height: 30px;
/*    font-size: 18px;*/
    background-color: #000000;
/*    border-radius: 15px;*/
/*    text-align: center;*/
    text-decoration: none;
/*    font-family: 'Titillium-Semibold';*/
    color: #ffffff;
    text-transform: uppercase;
/*    border: solid 1px;*/
    margin-top:2px;
}
.onboard_button:hover{
    background-color: #000000;
}
.list_work_road{
    width: 28%;
    float: left;
    overflow: auto;
    white-space: normal;
    max-height: 300px;
}
.list_work_road::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
.list_work_road::-webkit-scrollbar-thumb {
    background: #FF0000;
}
#show_work_road{
        margin-left: 12px;
    width: 70%;
    height: 300px;
    border: 2px solid black;
    float: left;
    overflow: auto;
    white-space: normal;
/*    border-radius: 20px;*/
    border-color: #606060;
}
#show_work_road > div{
    text-align: justify;
}
#show_work_road  h3{
    border-bottom: 2px solid;
    color: #000000;
    border-color: #000000;
    font-size: 18px;
    /* font-weight: bold; */
    margin: 20px auto 20px auto;
    padding: 5px;
    padding-bottom: 8px;
    text-transform: uppercase;
    width: 95%;
}
#show_work_road  button{
    margin: 10px;
}
#show_work_road::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
#show_work_road::-webkit-scrollbar-thumb {
    background: #FF0000;
}
.work_road_content{
    width:90%;
    margin: 0px auto;
}
.button_work_road{
/*
    color: #000000;
    font-size: 12px;
*/
    background-color: #000000;
/*
    border-radius: 15px;
    text-align: center;
    text-decoration: none;
*/
/*    font-family: 'Titillium-Semibold';*/
/*    color: #ffffff;*/
    text-transform: uppercase;
/*
    border: solid 1px;
    cursor: pointer;
    display: block;
*/
    width: 300px;
/*    height:20px;*/
/*    padding-top:5px;*/
}
.button_work_road:hover{
    background-color: #000000;
}

.button_work_road:active{
    background-color: #000000;
    border-style: inset;
}

.red_border{
    min-height: 20px;
    width: 90%;
    border: 2px solid;
    padding: 20px 20px;
    margin-bottom: 5px;
    border-radius: 20px;
    vertical-align: middle;
    text-align: center;
    border-color: red;
    background-color: rgba(207, 119, 106, 0.4);
    margin: auto;

}
.green_border{
    background-color: #43ff3444;
    min-height: 20px;
    width: 90%;
    border: 2px solid;
    padding: 20px 20px;
    margin-bottom: 5px;
    border-radius: 20px;
    vertical-align: middle;
    text-align: center;
    border-color: green;
    background-color: rgba(118, 183, 106, 0.4);
    margin: auto;
}
.button_work_road_canddel{
    font-size: 14px;
    background-color: red;
    border-radius: 15px;
    text-align: center;
    text-decoration: none;
    padding: 5px;
    cursor: pointer;
    width: 120px;
/*    font-family: 'Titillium-Semibold';*/
    color: #ffffff;
    text-transform: uppercase;
    border: solid 1px;
    margin: 2px;
}
.button_work_road_candsign{
    font-size: 14px;
    background-color: green;
    border-radius: 15px;
    text-align: center;
    text-decoration: none;
    padding: 5px;
    cursor: pointer;
    width: 120px;
/*    font-family: 'Titillium-Semibold';*/
    color: #ffffff;
    text-transform: uppercase;
    border: solid 1px;
    margin: 2px;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.bootstrap_form{
    text-align: initial;
    width: 80%;
    margin: inherit;
}

.shadow(@shadow){
  -webkit-box-shadow:@shadow;
  -mox-box-shadow:@shadow;
  box-shadow:@shadow;
}
.round(@radius:4px){
  -moz-border-radius:@radius;
  border-radius:@radius;
}
.transform(@transform){
  -webkit-transform:@transform;
  -moz-transform:@transform;
  -ms-transform:@transform;
  -o-transform:@transform;
  transform:@transform;
}
.origin(@origin){
  -webkit-transform-origin:@origin;
  -moz-transform-origin:@origin;
  -ms-transform-origin:@origin;
  -o-transform-origin:@origin;
  transform-origin:@origin;
}

.drop-shadow {
  position:relative;
  float:left;
  width:40%;
  padding:1em;
  margin:2em 10px 4em;
  background:#fff;
  .shadow(0 1px 4px rgba(0, 0, 0, 0.3)e(',') 0 0 40px rgba(0, 0, 0, 0.1) inset);
  &:before, &:after {
    content:"";
    position:absolute;
    z-index:-2;
  }
  p {
    font-size:16px;
    font-weight:bold;
  }
}

.lifted {
  .round;
  &:before, &:after {
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    max-height:100px;
    .shadow(0 15px 10px rgba(0, 0, 0, 0.7));
    .transform(rotate(-3deg));
  }
  &:after {
    right:10px;
    left:auto;
    .transform(rotate(3deg));
  }
}

.curled {
  border:1px solid #efefef;
  .round(0 0 120px 120px e('/') 0 0 6px 6px);
  &:before, &:after {
    bottom:12px;
    left:10px;
    width:50%;
    height:55%;
    max-width:200px;
    max-height:100px;
    .shadow(0 8px 12px rgba(0, 0, 0, 0.5));
    .transform(skew(-8deg) rotate(-3deg));
  }
  &:after {
    right:10px;
    left:auto;
    .transform(skew(8deg) rotate(3deg));
  }
}

.perspective {
  &:before {
    left:80px;
    bottom:5px;
    width:50%;
    height:35%;
    max-width:200px;
    max-height:50px;
    .shadow(-80px 0 8px rgba(0, 0, 0, 0.4));
    .transform(skew(50deg));
    .origin(0 100%);
  }
  &:after { display:none; }
}

.raised {
  .shadow(0 15px 10px -10px rgba(0, 0, 0, 0.5)e(',') 0 1px 4px rgba(0, 0, 0, 0.3)e(',') 0 0 40px rgba(0, 0, 0, 0.1) inset);
}

.curved {
  &:before {
    top:10px;
    bottom:10px;
    left:0;
    right:50%;
    .shadow(0 0 15px rgba(0,0,0,0.6));
    .round(10px e('/') 100px);
  }
  &.v2:before { right:0; }
  &.h1:before {
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    .round(100px e('/') 10px);
  }
  &.h2:before {
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    .round(100px e('/') 10px);
  }
}

.rotated {
  .shadow(none);
  .transform(rotate(-3deg));
  > :first-child:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#fff;
    .shadow(0 1px 4px rgba(0, 0, 0, 0.3)e(',') 0 0 40px rgba(0, 0, 0, 0.1) inset);
  }
}

/*BOOTSTRAP 4 CARD*/

html {
    font-family: 'Lato', sans-serif !important;
    font-size: 14px;
}

h5 {
    font-size: 1.28571429em;
    font-weight: 700;
    line-height: 1.2857em;
    margin: 0;
}

.card {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}

.card a:hover {
text-decoration: none;
}

.card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}

.card-img-top {
    display: block;
    width: 100%;
    height: auto;
}

.card-title {
    font-size: 1.28571429em;
    font-weight: 700;
    line-height: 1.2857em;
}

.card-text {
    clear: both;
    margin-top: .5em;
    color: rgba(0, 0, 0, .68);
}

.card-footer {
  font-size: 1em;
  position: static;
  text-align: center;
  top: 0;
  left: 0;
  max-width: 100%;
  padding: .75em 1em;
  color: rgb(255, 255, 255);
  border-top: 1px solid rgba(0, 0, 0, .05) !important;
}

.card-inverse .btn {
    border: 1px solid rgba(0, 0, 0, .05);
}

.profile {
    position: absolute;
    top: 5px;
    display: inline-block;
    box-sizing: border-box;
    width: 29px;
    height: 29px;
    margin: 0px;
}

.profile-avatar {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.profile-inline {
    position: relative;
    top: 0;
    display: inline-block;
}

.profile-inline ~ .card-title {
    display: inline-block;
    margin-left: 4px;
    vertical-align: top;
}


.new-kb {
  position: absolute;
  display: inline-block;
  top: 5px;
  left: 9px;
  overflow: hidden;
  box-sizing: border-box;
  width: 30%;
  margin: 0;
}

.new-kb-avatar {
    display: block;
    width: 100%;
    height: auto;
}
.new-kb-text {
  position: absolute;
  font-family: 'Lato',sans-serif;
  color: #fff;
  left: 15%;
  top: 20%;
  margin: auto;
  font-size: medium;
  font-weight: 700;
}

.new-kb-inline {
    position: relative;
    top: 0;
    display: inline-block;
}

.new-kb-inline ~ .card-title {
    display: inline-block;
    margin-left: 4px;
    vertical-align: top;
}

.text-bold {
    font-weight: 700;
}

.snavi .nav {
margin-bottom: -2px !important;
}
.nav>li>a:hover, .scontent .nav>li>a:focus, .scontent .nav .open>a, .scontent .nav .open>a:hover, .scontent .nav .open>a:focus {
    background:#fff;
    color: #000 !important;
}
.scontent .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 10px;
}

.scontent .nav .open>a, .scontent .nav .open>a:focus, .scontent .nav .open>a:hover {
    background-color: #fff;
    border-color: #000000;
}

.scontent .nav>li>a:focus, .scontent .nav>li>a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #000 !important;
}

.dropdown-menu>li>a {
    color: #000000;
}
.dropdown ul.dropdown-menu {

  box-shadow: none;
  top: 60px;
  right: 0px;
  width: auto;
}
.dropdown ul.dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 16px;
    z-index: 10;
}
.dropdown ul.dropdown-menu:after {
    content: "";
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    right: 14px;
    z-index: 9;
}

.meta {
    font-size: 1em;
    color: rgba(0, 0, 0, .4);
}

.meta a {
    text-decoration: none;
    color: rgba(0, 0, 0, .4);
}

.meta a:hover {
    color: rgba(0, 0, 0, .87);
}

.label-info {
    background-color: #4ba819 !important;
}

.snavi .navbar {
  font-family: 'Lato', sans-serif !important;
  font-weight: 300 !important;
  margin-bottom: 0px;
  color: #000000 !important;
  background-color: #ffffff !important;
  border-radius: 0px !important; */
}

.navbar-default .navbar-nav>li>a {
  font-family: 'Lato', sans-serif !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
  color: #000 !important;
  background-color: #ffffff !important;
}
.navbar-default .navbar-nav>li>a:active, .navbar-default .navbar-nav>li>a:hover{
  font-family: 'Lato', sans-serif !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
  color: #000 !important;
  background-color: #ffffff !important;
}

.snavi .open {
  font-family: 'Lato', sans-serif !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
  font-size: 1em;
  line-height: 15px;
}

.snavi .navbar-brand {
  font-size: 1em;
  line-height: 15px;
  text-transform: none !important;
  color: #000000 !important;
  background-color: #ffffff !important;}


.snavi .dropdown-menu {
      min-width: 200px;
      max-width: 600px;
      left: 110px;
      top: 60%;
}
.navbar-brand { position: relative; z-index: 2; }

.navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 4px 20px; margin: 10px auto; transition: transform 0.3s; }

.navbar .navbar-collapse { position: relative; overflow: hidden !important; }
.navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 1px; }

.navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 80px; width: 100%; }
.navbar.navbar-default .nav-collapse { background-color: #f8f8f8; }
.navbar.navbar-inverse .nav-collapse { background-color: #222; }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: right; }

.btn.btn-circle { border-radius: 50px; }
.btn.btn-outline { background-color: transparent; }

.navbar-nav.navbar-right .btn:not(.collapsed) {
    background-color: #333;
    border-color: #333;
    color: rgb(255, 255, 255);
}

.navbar.navbar-default .nav-collapse,
.navbar.navbar-inverse .nav-collapse {
    height: auto !important;
    transition: transform 0.3s;
    transform: translate(0px,-50px);
}
.navbar.navbar-default .nav-collapse.in,
.navbar.navbar-inverse .nav-collapse.in {
    transform: translate(0px,0px);
}

@media screen and (max-width: 760px) {
  .mzoom {
  margin: 10px 10px 10px 10px !important;
  }

  .mobile_hide{
  display: none !important;
  }

    .navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; }

    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
    .navbar .nav-collapse .navbar-form { margin: 0; }
    .nav-collapse>li { float: none; }

    .navbar.navbar-default .nav-collapse,
    .navbar.navbar-inverse .nav-collapse {
        transform: translate(-100%,0px);
    }
    .navbar.navbar-default .nav-collapse.in,
    .navbar.navbar-inverse .nav-collapse.in {
        transform: translate(0px,0px);
    }

    .navbar.navbar-default .nav-collapse.slide-down,
    .navbar.navbar-inverse .nav-collapse.slide-down {
        transform: translate(0px,-100%);
    }
    .navbar.navbar-default .nav-collapse.in.slide-down,
    .navbar.navbar-inverse .nav-collapse.in.slide-down {
        transform: translate(0px,0px);
    }
}

.section, .scontent, .sfooter, .sheader, .snavi  {
  max-width: 1280px;
  width: 85%;
  margin: auto;
}

.scontent {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
}

.section .container, .scontent .container, .sfooter .container, .sheader .container, .snavi .container   {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-device-width: 640px){
  .mzoom {
  margin: 10px 10px 10px 10px !important;
  }

  .breadcrumb {
    margin: auto;
    min-height: 40px;
    float: left;
    width: 100%;
  }

  .mobile_hide{
  display: none !important;
  }
  .snavi .dropdown-menu {
      min-width: 200px;
      width: 99%;
      left: 0px;
      top: 5.3em;
  }
    .section, .scontent, .sfooter, .sheader, .snavi  {
    width: 100%;
    max-width: 1280px;
    margin: 1px 1px 1px 1px;
    }
    .section .container, .scontent .container, .sfooter .container, .sheader .container, .snavi .container   {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    }
    .navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; }

    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
    .navbar .nav-collapse .navbar-form { margin: 0; }
    .nav-collapse>li { float: none; }

    .navbar.navbar-default .nav-collapse,
    .navbar.navbar-inverse .nav-collapse {
        transform: translate(-100%,0px);
    }
    .navbar.navbar-default .nav-collapse.in,
    .navbar.navbar-inverse .nav-collapse.in {
        transform: translate(0px,0px);
    }

    .navbar.navbar-default .nav-collapse.slide-down,
    .navbar.navbar-inverse .nav-collapse.slide-down {
        transform: translate(0px,-100%);
    }
    .navbar.navbar-default .nav-collapse.in.slide-down,
    .navbar.navbar-inverse .nav-collapse.in.slide-down {
        transform: translate(0px,0px);
    }
}

/* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
  .mzoom {
  margin: 10px 10px 10px 10px !important;
  }

  .breadcrumb {
    margin: auto;
    min-height: 40px;
    float: left;
    width: 100%;
  }


  .mobile_hide{
  display: none !important;
  }
  .snavi .dropdown-menu {
      min-width: 200px;
      width: 99%;
      left: 0px;
      top: 5.3em;
  }
  .section, .scontent, .sfooter, .sheader, .snavi  {
  width: 100%;
  max-width: 1280px;
  margin: 1px 1px 1px 1px;
  }
  .section .container, .scontent .container, .sfooter .container, .sheader .container, .snavi .container   {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
  }
  .navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; }

  .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
  .navbar .nav-collapse .navbar-form { margin: 0; }
  .nav-collapse>li { float: none; }

  .navbar.navbar-default .nav-collapse,
  .navbar.navbar-inverse .nav-collapse {
      transform: translate(-100%,0px);
  }
  .navbar.navbar-default .nav-collapse.in,
  .navbar.navbar-inverse .nav-collapse.in {
      transform: translate(0px,0px);
  }

  .navbar.navbar-default .nav-collapse.slide-down,
  .navbar.navbar-inverse .nav-collapse.slide-down {
      transform: translate(0px,-100%);
  }
  .navbar.navbar-default .nav-collapse.in.slide-down,
  .navbar.navbar-inverse .nav-collapse.in.slide-down {
      transform: translate(0px,0px);
  }
}

/* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3){
  .mzoom {
  margin: 10px 10px 10px 10px !important;
  }

  .breadcrumb {
    margin: auto;
    min-height: 40px;
    float: left;
    width: 100%;
  }


  .mobile_hide{
  display: none !important;
  }
  .snavi .dropdown-menu {
      min-width: 200px;
      width: 99%;
      left: 0px;
      top: 5.3em;
  }
  .section, .scontent, .sfooter, .sheader, .snavi  {
  width: 100%;
  max-width: 1280px;
  margin: 1px 1px 1px 1px;
  }
  .section .container, .scontent .container, .sfooter .container, .sheader .container, .snavi .container   {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
  }
  .navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; }

  .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
  .navbar .nav-collapse .navbar-form { margin: 0; }
  .nav-collapse>li { float: none; }

  .navbar.navbar-default .nav-collapse,
  .navbar.navbar-inverse .nav-collapse {
      transform: translate(-100%,0px);
  }
  .navbar.navbar-default .nav-collapse.in,
  .navbar.navbar-inverse .nav-collapse.in {
      transform: translate(0px,0px);
  }

  .navbar.navbar-default .nav-collapse.slide-down,
  .navbar.navbar-inverse .nav-collapse.slide-down {
      transform: translate(0px,-100%);
  }
  .navbar.navbar-default .nav-collapse.in.slide-down,
  .navbar.navbar-inverse .nav-collapse.in.slide-down {
      transform: translate(0px,0px);
  }
}
/* START BLOK UNIWERSALNY */
.ContentMain .ContentBlock{
    float: left;
    width: 100%;
    box-shadow: 0px 0px 23px -3px #ccc;
    padding-bottom: 12px;
    margin-bottom: 30px;
    overflow: hidden;
    background:#fff;


}
.ContentMain .ContentBlock .backgrounImg{
    float: left;
    height: 100px;
}
.ContentMain .ContentBlock .backgrounImg img{
    width: auto;
}
.ContentMain .ContentBlock .backgrounImgFull{
    float: left;
    width: 98%;
    margin: auto;
    height: 15em;
}
.ContentMain .ContentBlock .backgrounImgFull img{
    width: 100%;
    height: 250px;
    z-index: -99;
    margin-top: -60px;
}
.ContentMain .ContentBlock .userImg{
    text-align: center;
    height: 140px;
    overflow: hidden;
}
.ContentMain .ContentBlock .userImgFull{
    text-align: center;
    height: 140px;
    overflow: hidden;
}
.ContentMain .ContentBlock .userImg img{
    width: 100%;
    margin-top: -49px;
    border: 1px solid #fff;
}

.ContentMain .ContentBlock .userImgFull img{
  margin: auto;
  width: auto;
  height: 140px;
  overflow: hidden;
}


.ContentName {
  float: right;
  margin: 50px 20px 50px 20px;
  text-transform: uppercase;
  text-width: 700;
  font-size: 25px;
  font-family: 'Lato', sans-serif !important;
}
.ContentPosition {
  float: right;
  margin: 10px 20px 10px 20px;
  text-transform: uppercase;
  text-width: 500;
  font-size: 22px;
  color: gray;
  font-family: 'Lato', sans-serif !important;
}
.ContentMain .ContentBlock .ContentDescription{
    text-align: center;
    position: relative;
    margin: 2em 5px 5px 5px;
    min-height: 150px;

}
.ContentDescription{
  text-transform: uppercase;
  line-height: 1.2em;
}

.ContentDescriptionFull{
  margin: 20px 20px 20px 20px;
}
.ContentMain .ContentBlock .ContentDescription h5{
    margin-bottom: 2px;
    font-weight: 600;
}
.ContentMain .ContentBlock .ContentDescription p{
  text-transform: uppercase;
  color: gray;
  text-align: left;
  margin: 10px;
  font-size: 13px;
}

.ContentMain .ContentBlock .ContentDescription .btn:hover{

    opacity:0.7;
}

.ContentMain .ContentBlock .followrs{
    display: inline-flex;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}
.ContentMain .ContentBlock .followrs .number{
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: -1px;
}
/* KONIEC BLOK UNIWERSALNY */


/* START WYKLADOWCY */
.teacherMain .teacheContent{
    float: left;
    width: 100%;
    box-shadow: 0px 0px 23px -3px #ccc;
    padding-bottom: 12px;
    margin-bottom: 30px;
    overflow: hidden;
    background:#fff;


}
.teacherMain .teacheContent .backgrounImg{
    float: left;
    height: 100px;
}
.teacherMain .teacheContent .backgrounImg img{
    width: auto;
}
.teacherMain .teacheContent .userImg{
    text-align: center;
}
.teacherMain .teacheContent .userImg img{
    width: 200px;
    height: 200px;
    margin-top: -49px;
    border-radius: 100%;
    border: 5px solid #fff;

}
.teacherMain .teacheContent .userImgFull img{
    width: 270px;
    height: 270px;
    margin-left: -130px;
    margin-top: -8px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.teacherName {
  float: right;
      margin: 50px 20px 0px 0px;
      text-transform: uppercase;
      text-weight: 700;
      font-size: 25px;
}
.teacherPosition {
  float: right;
  margin: 90px -170px 0px 50px;
  text-transform: uppercase;
  text-weight: 500;
  font-size: 22px;
  color: gray;
  font-family: 'Lato', sans-serif !important;
}
.teacherMain .teacheContent .teacherDescription{
    text-align: center;

}
.teacherDescription{
  text-transform: uppercase;
}
.teacherDescriptionFull{
  margin: 20px 20px 20px 20px;
}
.teacherMain .teacheContent .teacherDescription h5{
    margin-bottom: 2px;
    font-weight: 600;
}
.teacherMain .teacheContent .teacherDescription p{
    margin-bottom: 5px;
}
.teacherMain .teacheContent .teacherDescription .btn{
    padding: 0px 23px 0px 23px;
    height: 32px;
    border-radius: 0;
    font-size: 14px;
    background: #00aeef !important;
    color: #fff;
}
.teacherMain .teacheContent .teacherDescription .btn:hover{

    opacity:0.7;
}

.teacherMain .teacheContent .followrs{
    display: inline-flex;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}
.teacherMain .teacheContent .followrs .number{
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: -1px;
}
/* KONIEC WYKLADOWCY */

/* START WYKLADY */
.webinarMain .webinaContent{
    float: left;
    width: 100%;
    box-shadow: 0px 0px 23px -3px #ccc;
    padding-bottom: 12px;
    margin-bottom: 30px;
    overflow: hidden;
    background:#fff;


}
.webinarMain .webinaContent .backgrounImg{
    float: left;
    height: 100px;
}
.webinarMain .webinaContent .backgrounImg img{
    width: auto;
}
.webinarMain .webinaContent .backgrounImgFull{
    float: left;
    width: 98%;
    margin: auto;
    height: 15em;
}
.webinarMain .webinaContent .backgrounImgFull img{
    width: 100%;
    height: 250px;
    z-index: -99;
    margin-top: -60px;
}
.webinarMain .webinaContent .userImg{
    text-align: center;
    min-height: 130px;
}
.webinarMain .webinaContent .userImg img{
    width: 100%;
    margin-top: -49px;
    border: 1px solid #fff;

}
.webinarMain .webinaContent .userImgFull img{
    width: 270px;
    height: 270px;
    margin-left: -130px;
    margin-top: -8px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.webinarName {
  float: right;
  margin: 50px 20px 50px 20px;
  text-transform: uppercase;
  text-width: 700;
  font-size: 25px;
  font-family: 'Lato', sans-serif !important;
}
.webinarPosition {
  float: right;
  margin: 10px 20px 10px 20px;
  text-transform: uppercase;
  text-width: 500;
  font-size: 22px;
  color: gray;
  font-family: 'Lato', sans-serif !important;
}
.webinarMain .webinaContent .webinarDescription{
    text-align: center;
    position: relative;
    margin: 2em 5px 5px 5px;
    min-height: 150px;

}
.webinarDescription{
  text-transform: uppercase;
}
.webinarDescriptionFull{
  margin: 20px 20px 20px 20px;
}
.webinarMain .webinaContent .webinarDescription h5{
    margin-bottom: 2px;
    font-weight: 600;
}
.webinarMain .webinaContent .webinarDescription p{
    margin-bottom: 5px;
}
.webinarMain .webinaContent .webinarDescription .btn{
    padding: 0px 23px 0px 23px;
    margin-top: 50px;
    height: 32px;
    border-radius: 0;
    font-size: 14px;
    background: #00aeef !important;
    color: #fff;
}
.webinarMain .webinaContent .webinarDescription .btn:hover{

    opacity:0.7;
}

.webinarMain .webinaContent .followrs{
    display: inline-flex;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}
.webinarMain .webinaContent .followrs .number{
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: -1px;
}
/* KONIEC WYKLADY */

/* START NEWS */
.newsMain .newsBlock{
  float: left;
  width: 98%;
  box-shadow: 0px 0px 23px -3px #ccc;
  padding-bottom: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background: #fff;
}

.newsMain .newsBlock .backgrounImg{
    float: right;
}
.newsMain .newsBlock .backgrounImg img{
    width: auto;
    margin: -15px;
}
.newsMain .newsBlock .backgrounImgFull{
    float: left;
    width: 98%;
    margin: auto;
    height: 15em;
}
.newsMain .newsBlock .backgrounImgFull img{
    width: 100%;
    height: 250px;
    z-index: -99;
    margin-top: -60px;
}
.newsMain .newsBlock .userImg{
    text-align: center;
    max-height: 290px;
    overflow: hidden;
}
.newsMain .newsBlock .userImgFull{
    text-align: center;
    max-height: 290px;
    overflow: hidden;
}
.newsMain .newsBlock .userImg img{
  margin-top: 10px !important;
  width: 90%;
  text-align: center !important;
  margin: auto;
  border: 1px solid #fff;

}
.newsMain .newsBlock .userImgFull img{
    width: 270px;
    height: 270px;
    margin-left: -130px;
    margin-top: -8px;
    border-radius: 100%;
    border: 5px solid #fff;

}

.newsName {
  color: #000 !important;
  text-align: center !important;
  font-size: 30px !important;
  z-index:99 !important;
  position: relative;
  margin:0;
}
.newsName span {
  background-color: #fff !important;
  padding: 0 0.3em !important;
}
.newsName:before {
  content:"" !important;
  display: block !important;
  position: absolute !important;
  z-index:-1 !important;
  top: 50% !important;
  width: 100% !important;
  border-bottom: 2px solid #000 !important;
}
.newsBottom {
      color: #000;
      text-align: left;
      padding-top: 7em;
      z-index: 99 !important;
      font-size: 14px;
      position: relative;
      margin: 20px 20px -10px 20px;
}
.newsBottom span {
  background-color: #fff;
  padding: 0 0.3em;
}
.newsBottom:before {
  content:"";
  display: block;
  position: absolute;
  z-index:-1 !important;
  top: 50%;
  width: 100%;
}

.newsPosition {
  float: right;
  margin: 10px 20px 10px 20px;
  text-transform: uppercase;
  text-width: 500;
  font-size: 22px;
  color: gray;
  font-family: 'Lato', sans-serif !important;
}
.newsMain .newsBlock .newsDescription{
    text-align: center;
    position: relative;
    margin: 2em 5px 5px 5px;
}
.newsDescription{
  text-transform: uppercase;
}
.newsDescriptionFull{
  margin: 20px 20px 20px 20px;
}
.newsMain .newsBlock .newsDescription h5{
    margin-bottom: 2px;
    font-weight: 600;
}
.newsMain .newsBlock .newsDescription p{
    margin-bottom: 5px;
}
.newsMain .newsBlock .newsDescription .btn{
    padding: 0px 23px 0px 23px;
    margin-top: 20px;
    height: 32px;
    border-radius: 0;
    font-size: 14px;
    background: #00aeef !important;
    color: #fff;
}
.newsMain .newsBlock .newsDescription .btn:hover{

    opacity:0.7;
}

.newsMain .newsBlock .followrs{
    display: inline-flex;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}
.newsMain .newsBlock .followrs .number{
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: -1px;
}
/* KONIEC NEWS */

/* OBSLUGA TESTÓW */
.test-top-count-question {
text-transform: uppercase;
line-height: 40px;
color: #ffffff;
font-size: 1.2em;
font-weight:bold;
}

.test-top-time-question {
text-transform: uppercase;
line-height: 40px;
color: #ffffff;
font-size: 1.2em;
font-weight:bold;
}
.test-top-end-question {
text-transform: uppercase;
line-height: 40px;
color: #ffffff;
font-size: 1.2em;
font-weight:bold;
}

.question-line-format {
line-height: 40px;
vertical-align: middle;
color: #000000;
font-size: 17px !important;
}

.answer-line-format {
line-height: 40px;
padding-left: 10px;
vertical-align: middle;
color: #000000;
font-size: 17px !important;
}

.answer-table {
padding-right: 5px;
vertical-align: middle;
color: #000000;
font-size: 17px !important;
}

.answer-line-format input[type=checkbox], input[type=radio] {
margin: auto;
}

.test-body {
font-family: 'Lato', sans-serif !important;
font-size:16px;
margin: 0px;
line-height: 24px;
}

.test-page-body {
  background-color: #ffffff !important; /*Default bg, similar to the background's base color*/
  background-image: url("/img/wakacyjny-bg.png") !important;
  background-position: right bottom !important; /*Positioning*/
  background-size: 1000px auto;
  background-repeat: no-repeat !important; /*Prevent showing multiple background images*/
}

.test-middle_feedback {
height: 80%;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
margin: 20%;
font-weight: bolder;
font-size: 1.05em;
color: #000000;
background: #ffffff;
}


.test-footer {
  height: 45px;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  padding-top: 5px;
  color: #ffffff;
  background: #000000 !important;
}

.test-title {
  line-height:40px;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #FFFFFF !important;
  background: #000 !important;
  padding-left: 10px;
  border-bottom: 2px solid #000000 !important;
}
.question-title {
  line-height: 40px;
  font-size: 17px !important;
  color: #000000;
  padding-left: 10px;
  margin-bottom: 20px;
}

.gl-color {
  color:#000 !important;
}

.gl-ok {
    color: #008800;
    font-size: 20px;
    margin-right: 10px;
    line-height: 24px;
}

.gl-uncheck{
    color: #000000;
    font-size: 20px;
    margin-right: 10px;
    line-height: 24px;
}

.gl-bad {
  color: #f44245;
  font-size: 20px;
  margin-right: 10px;
  line-height: 24px;
}


IMG.load { background: #FAFAFE url(/emimg/loadimg.png) no-repeat center center; }


.param1 { font-family: 'Lato', sans-serif !important; font-size:16px; color:#990000; font-weight:bold; letter-spacing:1px; }
.param2 { font-family: 'Lato', sans-serif !important; color:#990000; font-weight:bold; }
.smfont { font-size:11px; }

td.bprev { text-align:right; width:46px; line-height:18px; }
td.bprev a { text-decoration:none; font-size:10px; }
td.bnext { text-align:left; width:46px; line-height:18px; }
td.bnext a { text-decoration:none; font-size:10px; }
td.bskip { text-align:center; line-height:18px; }
td.bskip a { text-decoration:none; font-size:10px; }

.frame1 { border:1px solid #6699CC; padding:8px; font-family:Verdana; font-size:13px; width:264px; }
.frame2 { padding-left:15px; font-family:Verdana; font-size:13px; width:630px; }
hr.stop { width:264px; color:#ffffff; }

INPUT.butt1 { background: url(/emimg/bgbutt1.gif) no-repeat; width:50px; height:27px; font-size:11px; padding-bottom:3px; padding-right:3px; color: #FFFFFF; border: 0; cursor: hand; margin-top: 3px; margin-bottom: 3px; }
INPUT.butt2 { background: url(/emimg/bgbutt2.png) no-repeat; width:127px; height:37px; font-size:12px; padding-bottom:3px; padding-right:3px; color: #464646; border: 0; cursor: hand; margin-top: 3px; margin-bottom: 3px; }
INPUT.butt2:hover { background: url(/emimg/bgbutt2_ov.png) no-repeat; width:127px; height:37px; font-size:12px; padding-bottom:3px; padding-right:3px; color: #FFFFFF; border: 0; cursor: hand; margin-top: 3px; margin-bottom: 3px; }
INPUT.butt3 { background: url(/emimg/bgbutt3.gif) no-repeat; width:110px; height:27px; font-size:11px; padding-bottom:3px; padding-right:3px; color: #FFFFFF; border: 0; cursor: hand; margin-top: 3px; margin-bottom: 3px; }
INPUT.butt1gr { background: url(/emimg/bgbutt1gr.gif) no-repeat; width:50px; height:27px; font-size:11px; padding-bottom:3px; padding-right:3px; color: #FFFFFF; border: 0; cursor: hand; margin-top: 3px; margin-bottom: 3px; }
INPUT.butt2gr { background: url(/emimg/bgbutt2gr.gif) no-repeat; width:74px; height:27px; font-size:11px; padding-bottom:3px; padding-right:3px; color: #FFFFFF; border: 0; cursor: hand; margin-top: 3px; margin-bottom: 3px; }
INPUT.butt3gr { background: url(/emimg/bgbutt3gr.gif) no-repeat; width:110px; height:27px; font-size:11px; padding-bottom:3px; padding-right:3px; color: #FFFFFF; border: 0; cursor: hand; margin-top: 3px; margin-bottom: 3px; }
INPUT.butt2bw { background: url(/emimg/bgbutt2bw.png) no-repeat; width:127px; height:37px; font-size:12px; padding-bottom:3px; padding-right:3px; color: #707070; border: 0; cursor: stop; margin-top: 3px; margin-bottom: 3px; }
INPUT.NovButton, INPUT.butt { background: url(/emimg/bgbutt.gif) top repeat-x; height:27px; color: #FFFFFF; border-left:0; border-top: 0; border-right:2px solid #F2DBDB; border-bottom:2px solid #F2DBDB; cursor: hand; margin-top: 3px; }
INPUT.buttD { background-color: #888888; color: #FFFFFF; font-weight: bold; border: 1 outset #A0A0A0; cursor: hand; margin-top: 3px; margin-bottom: 3px; }
INPUT.buttsub100 {color:#636363; font-size:12px; text-decoration:none; text-align:center; padding-top:3px; font-weight:bold;}
INPUT.buttsub180 {color:#636363; font-size:12px; text-decoration:none; text-align:center; padding-top:3px; font-weight:bold;}
TD.NovHeaderMain { width: 460px; height: 50px; background-image: url(/emimg/header_main.gif); }

.NovHeadl,.caption { font-family: 'Lato', sans-serif !important; font-size: 14px; font-weight: bold; color: #ffffff; }

.NovHeadlBlack { font-family: 'Lato', sans-serif !important; font-size: 14px; font-weight: bold; color: #000000; }

.NovTitle, .header { font-family: 'Lato', sans-serif !important; font-size: 13px; font-weight: bold; color: #ffffff; background: url(/emimg/seperator.gif) bottom repeat-x; padding-bottom: 6px; margin-bottom: 4px; }

H4 { color: #ffffff }

.subheader { font-family: 'Lato', sans-serif !important; font-size: 12px; font-weight: bold; color: #ffffff; padding-bottom: 6px; }

INPUT.NovEdit1, TEXTAREA.NovEdit1 { border-left: 1 solid #314247; border-top: 1 solid #314247; border-bottom: 1 solid #AAEEFF; border-right: 1 solid #AAEEFF; }

INPUT.EleEdit, TEXTAREA.EleEdit { border: 1 solid #50585F; background-color:#E0E8F0; }

INPUT.smbutt { background-color: #F0AF63; color: #663300; font-size:11px; height:15px; line-height:11px; border: 1 outset #FFD2B7; cursor: hand; }

A.smbutt { background-color: #FFC0C0; color: #660000; font-size:11px; line-height:13px; padding-left:2px; padding-right: 2px; border: 1 outset #FFD2B7; text-decoration:none; }
A.smbutt3 { background-color: #FFC0C0; color: #660000; font-size:11px; line-height:13px; padding-left:2px; padding-right: 2px; border: 1 outset #FFD2B7; text-decoration:none; }
A.smbutt2 { background-color: #FFC0C0; color: #660000; font-size:11px; line-height:13px; padding-left:2px; padding-right: 2px; border: 1 outset #FFD2B7; text-decoration:none; }
A.smbutt1 { background-color: #FEFFD3; color: #585838; font-size:11px; line-height:13px; padding-left:2px; padding-right: 2px; border: 1 outset #FEFFD3; text-decoration:none; }
A.smbutt0 { background-color: #EDEDED; color: #333333; font-size:11px; line-height:13px; padding-left:2px; padding-right: 2px; border: 1 outset #EDEDED; text-decoration:none; }

TD.topframe1 { height:35px; border-left:1px solid #B6B6B6; background: #000000 !important ; color: #ffffff; padding:2px; padding-left:10px; }
TD.topframe2 { height:35px; border-right:1px solid #C7C7C8; background: #000000 !important ; padding:2px; padding-right:25px; }
TD.topframe3 { height:35px; background: #000000 !important ; color: #ffffff; }
TD.bottomframe { height:49px; border-left:1px soild #A2A1A3; border-right:1px solid #B2B2B1; background: #000000 !important ; color: #ffffff; }
TD.timerframe { width:70px; height:22px; text-align:center; background: url(/emimg/new-topframe-2.gif) repeat-x; font-size:13px; padding-bottom:1px; line-height:20px; color:#000000; font-family: 'Lato', sans-serif !important; font-weight:bold; }
TD.persframe { height:22px; background: url(/emimg/new-topframe-2.gif) repeat-x; font-size:13px; padding-bottom:1px; line-height:20px; color:#000000; font-family: 'Lato', sans-serif !important; font-weight:bold; }

A.buttonPoprzednie { background: url(/emimg/button-poprzednie-0.png) no-repeat; width:99px; height:32px; display:block; }
A.buttonPoprzednie:hover { background: url(/emimg/button-poprzednie-1.png) no-repeat; width:99px; height:32px; display:block; }
A.buttonPoprzednie:active { background: url(/emimg/button-poprzednie-2.png) no-repeat; width:99px; height:32px; display:block; }
TD.spanPoprzednie { background: url(/emimg/button-poprzednie-3.png) no-repeat; width:99px; height:32px; }

A.buttonNastepne { background: url(/emimg/button-nastepne-0.png) no-repeat; width:87px; height:32px; display:block; }
A.buttonNastepne:hover { background: url(/emimg/button-nastepne-1.png) no-repeat; width:87px; height:32px; display:block; }
A.buttonNastepne:active { background: url(/emimg/button-nastepne-2.png) no-repeat; width:87px; height:32px; display:block; }
TD.spanNastepne { background: url(/emimg/button-nastepne-3.png) no-repeat; width:87px; height:32px; margin-right:50px; }

A.buttonZakoncz { background: url(/emimg/button-zakoncz-0.png) no-repeat; width:94px; height:32px; display:block; }
A.buttonZakoncz:hover { background: url(/emimg/button-zakoncz-1.png) no-repeat; width:94px; height:32px; display:block; }
A.buttonZakoncz:active { background: url(/emimg/button-zakoncz-2.png) no-repeat; width:94px; height:32px; display:block; }
TD.spanZakoncz { background: url(/emimg/button-zakoncz-3.png) no-repeat; width:94px; height:32px; }

A.buttonGlowna { background: url(/emimg/button-glowna-0.png) no-repeat; width:116px; height:27px; display:block; }
A.buttonGlowna:hover { background: url(/emimg/button-glowna-1.png) no-repeat; width:116px; height:27px; display:block; }
A.buttonGlowna:active { background: url(/emimg/button-glowna-2.png) no-repeat; width:116px; height:27px; display:block; }

A.buttonBegin { background: url(/emimg/button-poczatek-0.png) no-repeat; width:48px; height:33px; display:block; }
A.buttonBegin:hover { background: url(/emimg/button-poczatek-1.png) no-repeat; width:48px; height:33px; display:block; }
A.buttonBegin:active { background: url(/emimg/button-poczatek-2.png) no-repeat; width:48px; height:33px; display:block; }
TD.buttonBegin { background: url(/emimg/button-poczatek-3.png) no-repeat; width:48px; height:33px; }
#buttonBegin { display:none; }

A.buttonPrev { background: url(/emimg/button-wstecz-0.png) no-repeat top; width:46px; height:33px; display:block; }
A.buttonPrev:hover { background: url(/emimg/button-wstecz-1.png) no-repeat top; width:46px; height:33px; display:block; }
A.buttonPrev:active { background: url(/emimg/button-wstecz-2.png) no-repeat top; width:46px; height:33px; display:block; }
TD.buttonPrev { background: url(/emimg/button-wstecz-3.png) no-repeat; width:46px; height:33px; }
#buttonPrev { display:none; }

A.buttonNext { background: url(/emimg/button-dalej-0.png) no-repeat; width:46px; height:33px; display:block; }
A.buttonNext:hover { background: url(/emimg/button-dalej-1.png) no-repeat; width:46px; height:33px; display:block; }
A.buttonNext:active { background: url(/emimg/button-dalej-2.png) no-repeat; width:46px; height:33px; display:block; }
TD.buttonNext { background: url(/emimg/button-dalej-3.png) no-repeat; width:46px; height:33px; }
#buttonNext { display:none; }

A.buttonSkip { background: url(/emimg/button-pomin-0.png) no-repeat; width:48px; height:33px; display:block; }
A.buttonSkip:hover { background: url(/emimg/button-pomin-1.png) no-repeat; width:48px; height:33px; display:block; }
A.buttonSkip:active { background: url(/emimg/button-pomin-2.png) no-repeat; width:48px; height:33px; display:block; }
TD.buttonSkip { background: url(/emimg/button-pomin-3.png) no-repeat; width:48px; height:33px; margin-right:50px; }
#buttonSkip { display:none; }

A.buttonTest { background: url(/emimg/button-test-0.png) no-repeat; width:48px; height:33px; display:block; }
A.buttonTest:hover { background: url(/emimg/button-test-1.png) no-repeat; width:48px; height:33px; display:block; }
A.buttonTest:active { background: url(/emimg/button-test-2.png) no-repeat; width:48px; height:33px; display:block; }
TD.buttonTest { background: url(/emimg/button-test-3.png) no-repeat; width:48px; height:33px; }
#buttonTest { display:none; }

A.buttonPrint { background: url(/emimg/button-print-0.png) no-repeat; width:46px; height:33px; display:block; }
A.buttonPrint:hover { background: url(/emimg/button-print-1.png) no-repeat; width:46px; height:33px; display:block; }
A.buttonPrint:active { background: url(/emimg/button-print-2.png) no-repeat; width:46px; height:33px; display:block; }
TD.buttonPrint { background: url(/emimg/button-print-3.png) no-repeat; width:46px; height:33px; }
#buttonPrint { display:none; }

A.buttonGloss { background: url(/emimg/button-glossary-0.png) no-repeat; width:46px; height:33px; display:block; }
A.buttonGloss:hover { background: url(/emimg/button-glossary-1.png) no-repeat; width:46px; height:33px; display:block; }
A.buttonGloss:active { background: url(/emimg/button-glossary-2.png) no-repeat; width:46px; height:33px; display:block; }
TD.buttonGloss { background: url(/emimg/button-glossary-3.png) no-repeat; width:46px; height:33px; }
#buttonGloss { display:none; }

A.buttonSpeak { background: url(/emimg/button-lektor-0.png) no-repeat; width:48px; height:33px; display:block; }
A.buttonSpeak:hover { background: url(/emimg/button-lektor-1.png) no-repeat; width:48px; height:33px; display:block; }
A.buttonSpeak:active { background: url(/emimg/button-lektor-2.png) no-repeat; width:48px; height:33px; display:block; }
TD.buttonSpeak { background: url(/emimg/button-lektor-3.png) no-repeat; width:48px; height:33px; }
#buttonSpeak { display:inline; }

A.buttsub50 { color:#636363; font-size:12px; text-decoration:none; text-align:center; padding-top:3px; font-weight:bold; background: url(/emimg/bgbutt4-50-0.gif) no-repeat; width:50px; height:23px; display:block; margin-right:2px; }
A.buttsub50:hover { background: url(/emimg/bgbutt4-50-1.gif) no-repeat; }
A.buttsub70 { color:#636363; font-size:12px; text-decoration:none; text-align:center; padding-top:3px; font-weight:bold; background: url(/emimg/bgbutt4-70-0.gif) no-repeat; width:70px; height:23px; display:block; margin-right:2px; }
A.buttsub70:hover { background: url(/emimg/bgbutt4-70-1.gif) no-repeat; }
A.buttsub100 { color:#636363; font-size:12px; text-decoration:none; text-align:center; padding-top:3px; font-weight:bold; background: url(/emimg/bgbutt4-100-0.gif) no-repeat; width:100px; height:23px; display:block; margin-right:2px; }
A.buttsub100:hover { background: url(/emimg/bgbutt4-100-1.gif) no-repeat; }
A.buttsub180 { color:#636363; font-size:12px; text-decoration:none; text-align:center; padding-top:3px; font-weight:bold; background: url(/emimg/bgbutt4-140-0.gif) no-repeat; width:140px; height:23px; display:block; margin-right:2px; }
A.buttsub180:hover { background: url(/emimg/bgbutt4-140-1.gif) no-repeat; }


#buttonPlane1 { position: absolute; left:3px; top:36px; z-index:16; width:107px; height:28px; background: url(/emimg/button-plan-3.png) no-repeat; }
#buttonPlane2 { position: absolute; left:203px; top:36px; z-index:16; width:107px; height:28px; background: url(/emimg/button-plan-3.png) no-repeat; }
A.buttonPlane { background: url(/emimg/button-plan-0.gif) no-repeat; width:107px; height:28px; }
A.buttonPlane:hover { background: url(/emimg/button-plan-1.gif) no-repeat; width:107px; height:28px; }
A.buttonPlane:active { background: url(/emimg/button-plan-2.gif) no-repeat; width:107px; height:28px; }
#boxPlane { position: absolute; left:3px; top:36px; z-index:15; width:202px; padding:4px; padding-right:8px; color:#888888; border-bottom:2px solid #D0CFCF; background: #FFFFFF url(/emimg/new-frame-pk-1.png) repeat-y right; }
#boxPlane li { padding-left:16px; text-indent:-16px; }
#boxPlane a { text-decoration:none; }

.smtdbutt { text-align:right; padding-top:4px; }
.smtdpers { color:#660000; }
.smtdcell { background-color:#FFFFF0; color: #444400; }
.smtdcellA { background-color:#FFE0E0; }
.smtdcellB { background-color:#E0E0E0; }

TD.reslineG { color:#008800; border:1px solid #008800; padding:4px; background-color:#FFFFAA; text-align:center; vertical-align:middle; font-weight:bold; }
TD.reslineR { color:#FF0000; border:1px solid #FF0000; padding:4px; background-color:#FFFFAA; text-align:center; vertical-align:middle; font-weight:bold; }

INPUT.NovEdit2, TEXTAREA.NovEdit2 { border-left: 1 solid #804020; border-top: 1 solid #804020; border-bottom: 1 solid #FFDD99; border-right: 1 solid #FFDD99; }

INPUT.NovTextButton { border: 0; background: transparent; text-decoration: underline; cursor: hand; color: #314247; font-size: 11px; line-height: 13px; }

A.arrow2 { font-size: 11px; line-height: 13px; color: #314247; text-decoration: none; margin-bottom: 4px; vertical-align: bottom; margin-left: 0px; margin-right: 2px; }
A.arrow2:hover { margin-left: 2px; margin-right: 0px; }
LI.arrow2 { list-style-image: url(/emimg/arrow2.gif); }
LI.arrow2d { list-style-image: url(/emimg/arrow2d.gif); }
TD.arrow2 { font-size: 11px; color: #314247; padding-left: 10px; padding-top: 4px; padding-bottom: 4px; padding-right: 2px; }

.red { color: #aa0000; }

A.arrow1 { font-size: 11px; line-height: 13px; color: #314247; text-decoration: none; margin-bottom: 4px; vertical-align: bottom; margin-left: 0px; margin-right: 2px; font-weight: bold; }
A.arrow1:hover { margin-left: 2px; margin-right: 0px; }
TD.arrow1 { font-size: 11px; color: #314247; padding-left: 10px; padding-top: 4px; padding-bottom: 4px; padding-right: 2px; }
TD.arrow1b { font-size: 11px; color: #314247; padding-left: 26px; padding-top: 2px; padding-bottom: 2px; padding-right: 2px; }

A.arrow3 { font-size: 11px; line-height: 13px; color: #e93c3a; text-decoration: none; margin-bottom: 4px; vertical-align: bottom; margin-left: 0px; margin-right: 2px; }
A.arrow3:hover { margin-left: 2px; margin-right: 0px; }
LI.arrow3 { list-style-image: url(/emimg/arrow3.gif); list-style-position: inside; }

A.topnavi { font-family: 'Lato', sans-serif !important; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; }

A.link { font-size: 12px; line-height: 14px; color: #314247; text-decoration: underline; vertical-align: bottom; margin-left: 0px; margin-right: 2px; }
LI.link { list-style-image: url(/emimg/arrow2.gif); margin-top: 4px; }

A.lamlink { font-size:14px; text-decoration:none; letter-spacing:1px; font-weight:bold; color:#003399; font-family: 'Lato', sans-serif !important;}
A.lamlink:hover { color:#FF9C00; }
LI.lamlink { list-style-image: url(/emimg/lamli.gif); }

TABLE.standard { background-color:#FFFFFF; border:1px solid #C9CACB; width:90%; }
TABLE.standard TH { height:36px; background:url(/emimg/tabbg.png) repeat-x top; color:#58595B; border-right:1px solid #BCBDC0; font-weight:bold; font-size:12px; }
TABLE.standard TD { border-right:1px solid #BCBDC0; border-bottom:1px solid #BCBDC0; }

IMG.help { margin-left:4px; margin-top: 2px; }

#helpbox { background-color: #FFFF99; border:1px solid #990000; padding:3px; color:#990000; position:absolute; visibility:hidden; width:200px; height:50px; left:0px; top:400px; z-index:4; }



.style3 { font-family: 'Lato', sans-serif !important; font-size: 10px; line-height: 10px; padding-right:10px; }
.style4 { font-size: 12px }
.style5 { font-family: 'Lato', sans-serif !important; font-size: 12px; }





INPUT.emedit { height:21px; font-size:12px; border: #003399 solid 1; }
INPUT.embutt { height:21px; font-size:11px; font-weight:bold; background-color:#B0B0D0; border: #003399 solid 1; cursor:hand; }

DIV.editorhtml { font-family: 'Lato', sans-serif !important; font-size:12pt; }

TABLE.editorhtml { border: 1 outset; background-color: #E0E8F0; font-family: 'Lato', sans-serif !important; font-size:12pt; }
TD.editorhtml { background:white url(/emimg/bg-editor.png) repeat-x top; text-align:justify; height:300px; padding:4px; }
TEXTAREA.editorhtml { border: 1 inset; width:100%; height:100px; padding:4px; font-family: 'Lato', sans-serif !important; font-size:12px; color:black; background-color:white; text-align:justify; }
INPUT.fontface { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/fontface.gif); }
INPUT.fontsize { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/fontsize.gif); }
INPUT.fgcolor { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/fgcolor.gif); }
INPUT.bgcolor { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/bgcolor.gif); }
INPUT.weightbold { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/weightbold.gif); }
INPUT.styleitalic { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/styleitalic.gif); }
INPUT.underline { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/underline.gif); }
INPUT.alignleft { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/alignleft.gif); }
INPUT.aligncenter { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/aligncenter.gif); }
INPUT.alignjustify { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/alignjustify.gif); }
INPUT.alignright { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/alignright.gif); }
INPUT.indent { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/indent.gif); }
INPUT.outdent { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/outdent.gif); }
INPUT.orderlist { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/orderlist.gif); }
INPUT.unorderlist { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/unorderlist.gif); }
INPUT.anchor { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/anchor.gif); }
INPUT.insertimage { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/insertimage.gif); }
INPUT.newcol { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/newcol.gif); }
INPUT.delcol { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/delcol.gif); }
INPUT.box { border: 1 outset; width:25px; height:24px; margin:1px; text-align:center; }
INPUT.edbutt { border: 1 outset; height:24px; margin:1px; text-align:center; background:#ECE9D8; padding:2px; }
INPUT.addnew { width:20; height:21px; font-size:18px; line-height:17px; font-weight:bold; background-color:#B0B0D0; border: #003399 solid 1; cursor:hand; }
INPUT.strike { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/strike.gif); }
INPUT.sub { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/sub.gif); }
INPUT.sup { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/sup.gif); }
INPUT.attach { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/attach.gif); }
INPUT.hr { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/hr.gif); }
INPUT.table { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/table.gif); }
INPUT.tableinsrowab { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/table_ins_row_ab.gif); }
INPUT.tableinsrowbe { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/table_ins_row_be.gif); }
INPUT.tabledelrow { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/table_del_row.gif); }
INPUT.tableinscolle { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/table_ins_col_le.gif); }
INPUT.tableinscolri { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/table_ins_col_ri.gif); }
INPUT.tabledelcol { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/table_del_col.gif); }
INPUT.insertflash { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/flash.gif); }
INPUT.insertcapti { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/capti.gif); }
INPUT.copy { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/copy.gif); }
INPUT.paste { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/paste.gif); }
INPUT.cut { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/cut.gif); }
INPUT.undo { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/undo.gif); }
INPUT.redo { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/redo.gif); }
INPUT.remove { border: 1 outset; width:25px; height:24px; margin:1px; background-image:url(/emimg/remove.gif); }