@media screen {
  body {
    background: #FFFFFF none no-repeat 50% 0;
    color: #575757;
    font-size: 116.6666666667%;
    padding: 0;
    margin: 0;
    line-height: 1.5em; }

  body, body .pure-g-r, body .pure-g-r [class*="pure-u"], body .pure-g, body .pure-g [class*="pure-u"] {
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; }

  .buttonMore {
    display: inline-block;
    width: 100%;
    margin: 0px auto;
    text-align: center; }
    .buttonMore a {
      display: inline-block;
      margin: 0px auto;
      text-align: center;
      padding: 10px 30px;
      background: #c02929;
      color: #fff;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase; }
      .buttonMore a:hover {
        background: #a71f1f;
        color: #fff; }

  /* WRAP */
  body .width-wrap {
    width: 80%; }

  body .arrow-down {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFFFFF; }

  body .arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFFFFF; }

  /* HEADER */
  #header {
    width: 100%; }
    #header #header-line-1 {
      background-color: #ECECEC;
      padding: 10px 0;
      width: 100%;
      overflow: hidden;
      font-size: 14px; }
      #header #header-line-1 .header-phone, #header #header-line-1 .header-mail {
        float: left;
        margin-right: 30px; }
        #header #header-line-1 .header-phone a, #header #header-line-1 .header-mail a {
          text-decoration: none; }
        #header #header-line-1 .header-phone a:hover, #header #header-line-1 .header-mail a:hover {
          text-decoration: underline; }
      #header #header-line-1 img {
        margin-right: 5px; }
      #header #header-line-1 a.header-sitemap {
        float: right;
        color: #006F57;
        font-size: 12px;
        text-decoration: none;
        margin-right: 15px;
        text-transform: uppercase; }
        #header #header-line-1 a.header-sitemap:hover {
          text-decoration: underline; }
      #header #header-line-1 #languages {
        float: right; }
        #header #header-line-1 #languages a {
          text-decoration: none;
          text-transform: uppercase;
          color: #FFFFFF;
          background-color: #016E57;
          padding: 20px 10px; }
    #header #header-line-2 {
      background-color: #FFFFFF;
      width: 100%;
      padding: 20px 0px;
      height: 150px; } }
    @media screen and (max-width: 1000px) {
      #header #header-line-2 {
        height: 230px; }
        #header #header-line-2 h2 {
          display: block;
          width: 90%; } }
    @media screen and (max-width: 910px) {
      #header #header-line-2 {
        height: 250px; } }
    @media screen and (max-width: 540px) {
      #header #header-line-2 {
        height: 270px; } }
    @media screen and (max-width: 412px) {
      #header #header-line-2 {
        height: 290px; } }
@media screen {
      #header #header-line-2 .home {
        float: left;
        display: inline-block;
        margin-bottom: 10px; }
      #header #header-line-2 .slogan-search-wrap {
        padding-top: 30px; }
      #header #header-line-2 h2 {
        color: #016E57;
        text-transform: uppercase;
        float: left;
        margin: 0 0 20px 10%;
        -webkit-text-stroke: 0.3px #016e57; }
      #header #header-line-2 .search {
        font-size: 16px;
        float: right;
        position: relative;
        left: -15px;
        margin-left: 35px;
        top: -5px; } }
      @media screen and (max-width: 960px) {
        #header #header-line-2 .search {
          clear: both; } }
@media screen {
        #header #header-line-2 .search input[type="text"] {
          background-color: #F2F2F2;
          outline: none;
          border: 0px solid transparent;
          color: #8498A6;
          height: 36px;
          margin: 0; }
        #header #header-line-2 .search input[type="submit"] {
          background-color: #F2F2F2;
          font-size: 0;
          line-height: 0;
          text-indent: -9999px;
          width: 36px;
          height: 36px;
          background-image: url("images/icon-search.png");
          background-repeat: no-repeat;
          background-position: center center;
          position: relative;
          top: -6px;
          left: 15px; }
        #header #header-line-2 .search span {
          display: none; }
    #header #header-line-3 {
      background-color: #016E57;
      min-height: 20px;
      			/*-webkit-background-clip: padding-box;
          	background-clip: padding-box; */ }

  /* BODY */
  #body {
    width: 100%;
    position: relative; }
    #body #page-content-wrap {
      margin: 0 10px; }
    #body #border-green-overlay {
      width: 100%;
      height: 10px;
      opacity: .5;
      background-color: #016E57;
      position: absolute;
      top: 0;
      z-index: 10; }
    #body #body-content-home {
      padding: 60px 20%;
      color: #787878; }
      #body #body-content-home h1 {
        font-size: 24px;
        color: #787878;
        text-transform: uppercase; }
      #body #body-content-home p {
        font-size: 18px; }
    #body #section-cross {
      width: 100%;
      padding: 20px 0 20px 0;
      background-image: url("images/bg-pattern-products.png");
      background-repeat: repeat; }
      #body #section-cross .width-wrap {
        /*max-width: 900px;*/ }
    #body .produktovy-balik {
      float: left;
      width: 33%;
      padding: 0 10px;
      font-size: 18px; }
      #body .produktovy-balik h3 {
        text-transform: uppercase;
        font-size: 24px;
        margin: 0; }
      #body .produktovy-balik p {
        margin: 20px 0 40px 0; }
      #body .produktovy-balik p:last-of-type {
        margin-top: 0;
        margin-bottom: 0; }
      #body .produktovy-balik p:nth-of-type(1) {
        margin-top: 20px;
        margin-bottom: 40px; }
      #body .produktovy-balik a {
        padding: 10px 30px 10px 15px;
        border: 1px solid #000;
        border-right: 30px solid #000;
        text-decoration: none;
        overflow: visible;
        position: relative;
        display: block;
        max-width: 240px; }
        #body .produktovy-balik a img {
          position: absolute;
          right: -20px;
          top: 0;
          bottom: 0;
          margin: auto;
          width: 7px;
          height: 19px; }
      #body .produktovy-balik:nth-of-type(1) h3 {
        color: #0073E9; }
      #body .produktovy-balik:nth-of-type(1) a {
        border: 1px solid #0073E9;
        border-right: 30px solid #0073E9;
        color: #0073E9; }
      #body .produktovy-balik:nth-of-type(2) h3 {
        color: #006F57; }
      #body .produktovy-balik:nth-of-type(2) a {
        border: 1px solid #006F57;
        border-right: 30px solid #006F57;
        color: #006F57; }
      #body .produktovy-balik:nth-of-type(3) h3 {
        color: #44A0D0; }
      #body .produktovy-balik:nth-of-type(3) a {
        border: 1px solid #44A0D0;
        border-right: 30px solid #44A0D0;
        color: #44A0D0; }
    #body #body-news .home-news {
      display: flex; }
    #body #body-news .novinka {
      flex: 1;
      font-size: 18px;
      background-color: #EFEFEF;
      padding: 15px;
      width: 48%;
      float: left;
      margin: 70px 1% 35px 1%;
      border-right: 35px solid #E2E2E2;
      position: relative; }
      #body #body-news .novinka span.home-news-title {
        margin: 0;
        margin-bottom: 20px;
        font-size: 18px;
        text-transform: uppercase;
        color: #4273A5; }
      #body #body-news .novinka span.home-news-annotation {
        margin: 0; }
      #body #body-news .novinka img {
        width: 7px;
        height: 21px;
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        right: -20px; }
    #body #body-news a {
      display: block;
      text-decoration: none; }
    #body #body-news a.all-news {
      width: 98%;
      background-color: #EFEFEF;
      text-align: center;
      padding: 15px;
      margin: 0 auto 35px auto; }
      #body #body-news a.all-news img {
        margin-left: 10px;
        width: 6px;
        height: auto;
        position: relative;
        top: -1px; }

  /* BODY SUBSITE */
  #body {
    font-size: 16px;
    /* AKTUALITY */ }
    #body span.date {
      font-style: italic;
      font-size: 14px; }
    #body #body-image {
      width: 100%;
      max-height: 125px;
      overflow: hidden;
      position: relative; }
      #body #body-image > img {
        width: auto;
        max-width: 100%;
        height: auto; }
    #body #body-content {
      float: left;
      width: 55%;
      margin: 35px 0;
      padding: 0 35px;
      text-align: justify; }
      #body #body-content h1 {
        color: #FFFFFF;
        font-size: 24px;
        text-transform: uppercase;
        background-color: #016E57;
        padding: 20px 10px;
        text-align: left;
        margin-bottom: 35px; }
      #body #body-content .form-news-label {
        margin: 0 10px 20px;
        text-align: left; }
      #body #body-content .form-news-field {
        margin: 0 10px;
        text-align: left;
        position: relative; }
        #body #body-content .form-news-field label {
          margin-right: 20px;
          line-height: 31px; }
        #body #body-content .form-news-field input[type="text"] {
          height: 31px;
          line-height: 31px;
          padding: 0 5px;
          vertical-align: middle; }
        #body #body-content .form-news-field input[type="submit"] {
          background-color: #016E57;
          border: 0px solid transparent;
          padding: 7px 10px 7px 10px;
          color: #FFFFFF;
          font-size: 14px;
          height: 31px;
          overflow: hidden;
          vertical-align: middle; }
        #body #body-content .form-news-field span[id*="valid"] {
          bottom: -30px;
          left: 0;
          right: auto; }
    #body .body-content-full #body-content {
      width: 80%; }
      #body .body-content-full #body-content #article-body {
        margin: 0 10px; }
    #body #article-list {
      margin: 35px 10px 0 10px; }
      #body #article-list h2 {
        margin: 0;
        font-size: 18px; }
      #body #article-list .article-annotation {
        margin: 25px 0px; }
    #body #right-panel {
      width: 25%;
      float: left;
      margin-top: 35px; }
      #body #right-panel div {
        display: block;
        width: 100%;
        background-color: #F0F0F0;
        padding: 0;
        padding-bottom: 30px;
        overflow: hidden; }
      #body #right-panel .odkazovy-objekt {
        padding: 0 20px 20px 20px; }
        #body #right-panel .odkazovy-objekt h3 {
          margin: 0 -20px;
          color: white;
          font-size: 18px;
          padding: 20px;
          background-color: #3E997A;
          border-top: 5px solid #016E57;
          text-transform: uppercase; }
        #body #right-panel .odkazovy-objekt p {
          font-size: 15px;
          padding: 0;
          margin-bottom: 40px;
          text-align: justify; }
        #body #right-panel .odkazovy-objekt p a {
          border: 0px;
          font-size: 18px;
          background-repeat: no-repeat;
          background-position: right center;
          padding: 0 40px 0 0;
          background-image: url("images/arrow-product-4.png");
          text-decoration: none;
          overflow: visible;
          position: relative;
          display: block;
          max-width: 240px;
          color: #3E997A;
          /*img {
          	position: absolute;
          	right: -20px;
          }*/ }
      #body #right-panel .show-more-wrap {
        margin: 0;
        padding: 0;
        overflow: hidden; }
      #body #right-panel a.show-more-link {
        margin: 10px 0 10px 0;
        padding: 0;
        display: block;
        background: transparent;
        text-align: right; }
      #body #right-panel .odkazovy-objekt2 {
        padding: 0 20px 20px; }
        #body #right-panel .odkazovy-objekt2 h3 {
          margin: 0 -20px;
          color: white;
          font-size: 18px;
          padding: 20px;
          background-color: #3E997A;
          border-top: 5px solid #016E57;
          text-transform: uppercase; }
        #body #right-panel .odkazovy-objekt2 p {
          font-size: 15px;
          padding: 0;
          margin-bottom: 40px;
          text-align: justify; }
      #body #right-panel .produktovy-balik {
        padding: 0 20px 20px; }
        #body #right-panel .produktovy-balik h3 {
          color: white;
          font-size: 18px;
          padding: 20px;
          background-image: url("images/bg-pattern-products.png");
          background-repeat: repeat;
          background-color: #016E57;
          margin: 0 -20px; }
        #body #right-panel .produktovy-balik p {
          font-size: 16px; }
        #body #right-panel .produktovy-balik a {
          border: 0px;
          background-repeat: no-repeat;
          background-position: right center;
          padding: 0 40px 0 0;
          background-image: url("images/arrow-product-1.png"); }
        #body #right-panel .produktovy-balik p a {
          font-size: 18px; }
        #body #right-panel .produktovy-balik img {
          right: 0;
          display: none; }
        #body #right-panel .produktovy-balik:nth-of-type(2) h3 {
          background-color: #0097A7; }
        #body #right-panel .produktovy-balik:nth-of-type(2) a {
          background-image: url("images/arrow-product-1.png");
          color: #0097A7; }
        #body #right-panel .produktovy-balik:nth-of-type(3) h3 {
          background-color: #1565C0; }
        #body #right-panel .produktovy-balik:nth-of-type(3) a {
          background-image: url("images/arrow-product-2.png");
          color: #1565C0; }
        #body #right-panel .produktovy-balik:nth-of-type(4) h3 {
          background-color: #158BCE; }
        #body #right-panel .produktovy-balik:nth-of-type(4) a {
          background-image: url("images/arrow-product-3.png");
          color: #158BCE; }

  /* SLIDESHOW */
  body .cycle-slideshow {
    width: 100%;
    height: 350px;
    overflow: hidden;
    position: relative; }
    body .cycle-slideshow > div.s {
      width: 100%;
      height: 350px;
      position: relative;
      background-repeat: no-repeat;
      background-size: cover;
      z-index: 0 !important; }
    body .cycle-slideshow .width-wrap {
      position: relative;
      top: 20px; }
    body .cycle-slideshow .slide-caption {
      background-color: #FFFFFF;
      width: 30%;
      padding: 20px 20px 40px 20px;
      font-size: 18px;
      z-index: 200;
      opacity: .85; }
      body .cycle-slideshow .slide-caption a {
        text-decoration: none; }
      body .cycle-slideshow .slide-caption h2 {
        text-transform: uppercase;
        font-size: 24px;
        margin: 0; }
      body .cycle-slideshow .slide-caption p {
        margin-bottom: 40px; }
      body .cycle-slideshow .slide-caption a.slide-link {
        color: #FFFFFF;
        background-color: #006757;
        padding: 7px 25px;
        text-decoration: none; }

  body .slideshow-pager {
    position: absolute;
    top: 0;
    right: 0; }
    body .slideshow-pager span {
      width: 7px;
      height: 7px;
      background-image: url("images/slider-pager.png");
      background-repeat: no-repeat;
      background-position: 0% 100%;
      display: inline-block;
      font-size: 0;
      line-height: 0;
      text-indent: -9999px;
      margin: 7px 2px;
      cursor: pointer; }
    body .slideshow-pager span.cycle-pager-active {
      background-position: 0% 0%; }

  /* contact form */
  body .contact-form {
    width: 100%;
    max-width: 550px;
    margin-left: 10px;
    position: relative; }
    body .contact-form p {
      margin-bottom: 50px; }
    body .contact-form label {
      float: left; }
    body .contact-form .area {
      width: 200px;
      height: auto;
      float: right; } }
    @media screen and (max-width: 570px) {
      body .contact-form .area {
        float: left;
        display: block;
        width: 95%; } }
@media screen {
    body .contact-form input[type="submit"] {
      background-color: #527D9D;
      border: 0px solid transparent;
      padding: 7px 10px 7px 10px;
      color: #FFFFFF;
      font-size: 14px; }
    body .contact-form span[id*=valid] {
      position: relative;
      right: 0;
      bottom: 0;
      top: 3px;
      margin-left: 10px; }
    body .contact-form input[type="text"] {
      float: right; } }
    @media screen and (max-width: 570px) {
      body .contact-form input[type="text"] {
        float: left;
        display: block;
        width: 100%; } }
@media screen {
    body .contact-form table.textbox {
      border: 0px solid transparent;
      float: right;
      width: auto;
      max-width: 100%;
      margin: 10px 10px 10px 0;
      display: table; }
      body .contact-form table.textbox tbody {
        vertical-align: middle; }
      body .contact-form table.textbox td {
        vertical-align: middle;
        display: table-row; }
      body .contact-form table.textbox input[type="checkbox"] {
        vertical-align: middle;
        float: left;
        margin-right: 20px;
        position: relative;
        top: 10px; }
      body .contact-form table.textbox label {
        white-space: normal; }

  /* FOOTER */
  #footer {
    color: #BFD6EC; }
    #footer a {
      color: #BFD6EC;
      text-decoration: none; }
      #footer a:hover {
        text-decoration: underline; }
    #footer #footer-line-1 {
      position: relative;
      width: 100%;
      background-color: #274A66;
      border-top: 10px solid #385F7C; }
      #footer #footer-line-1 .width-wrap {
        position: relative; }
      #footer #footer-line-1 #footer-upside-text {
        position: relative;
        z-index: 5;
        width: 80px;
        height: 350px;
        background-color: #385F7C;
        background-image: url("images/footer-upside.png");
        background-repeat: no-repeat;
        background-position: center center; }
      #footer #footer-line-1 #newsletter {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #214460;
        color: #CDD4DE;
        padding: 35px 20px 35px 100px; }
        #footer #footer-line-1 #newsletter .newsletter-placeholder {
          display: none; }
        #footer #footer-line-1 #newsletter #newsletter-caption {
          float: left;
          text-transform: uppercase;
          width: 30%;
          font-size: 16px;
          margin-right: 20px; }
        #footer #footer-line-1 #newsletter #newsletter-description {
          float: left;
          width: 40%;
          font-size: 14px; }
        #footer #footer-line-1 #newsletter #newsletter-wrap {
          width: 65%;
          float: left;
          position: relative; }
          #footer #footer-line-1 #newsletter #newsletter-wrap a {
            display: block;
            float: right;
            width: auto;
            margin: 10px 0px 0px 0px;
            text-decoration: underline; }
          #footer #footer-line-1 #newsletter #newsletter-wrap .form-news-label {
            float: left;
            margin-right: 20px;
            margin-bottom: 20px;
            font-size: 14px; }
          #footer #footer-line-1 #newsletter #newsletter-wrap .form-news-field {
            float: right;
            position: relative; }
          #footer #footer-line-1 #newsletter #newsletter-wrap input[type="text"] {
            padding: 5px 10px;
            color: #000000;
            font-size: 14px;
            height: 31px; }
          #footer #footer-line-1 #newsletter #newsletter-wrap input[type="submit"] {
            background-color: #527D9D;
            border: 0px solid transparent;
            padding: 7px 10px 7px 10px;
            color: #BAC4D1;
            font-size: 14px;
            height: 31px;
            overflow: hidden; }
          #footer #footer-line-1 #newsletter #newsletter-wrap .newsletter-thankyou {
            font-size: 14px; }
      #footer #footer-line-1 #contact-wrap {
        max-width: 290px;
        margin: 0 auto; }
      #footer #footer-line-1 #footer-menu-wrap {
        margin: 0 auto;
        max-width: 200px; }
      #footer #footer-line-1 #footer-contact {
        position: absolute;
        top: 0;
        left: 0;
        width: 60%;
        padding: 30px 35px 0 115px; }
        #footer #footer-line-1 #footer-contact img {
          margin-right: 5px; }
        #footer #footer-line-1 #footer-contact p {
          margin: 0;
          margin-bottom: 20px;
          font-size: 13px; }
      #footer #footer-line-1 #footer-menu {
        position: absolute;
        top: 0;
        right: 0;
        width: 40%;
        background-color: #2E5370;
        height: 350px;
        padding: 30px 50px;
        text-transform: uppercase;
        font-size: 14px; }
        #footer #footer-line-1 #footer-menu .menu-footer-left {
          float: left; }
        #footer #footer-line-1 #footer-menu .menu-footer-right {
          float: right; }
    #footer #footer-line-2 {
      width: 100%;
      background-color: #213F57;
      padding: 10px 0; }
      #footer #footer-line-2 .right {
        position: relative;
        top: 10px; }
      #footer #footer-line-2 .right, #footer #footer-line-2 .left {
        opacity: .7; }

  /*general*/
  a {
    text-decoration: underline;
    color: #575757; }

  a:hover {
    text-decoration: none;
    color: #575757; }

  a:hover img.border {
    border: 1px solid #575757; }

  a img {
    border: none; }

  a:focus, a:active {
    outline: none; }

  /*headings*/
  h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: #016E57;
    padding: 0;
    line-height: 1.5em;
    margin: 1.5em 0 1em 0; }

  h1 {
    font-weight: normal;
    margin: 0;
    padding: 0.9230769231em 0 0.2692307692em 0;
    font-size: 185.7142857143%;
    line-height: 1.3846153846em; }

  h2 {
    font-size: 157.1428571429%;
    font-weight: normal; }

  h1 + h2 {
    margin: 0.5em 0 1em 0; }

  h3 {
    font-size: 142.8571428571%;
    font-weight: normal; }

  h4 {
    font-size: 114.2857142857%;
    color: #575757; }

  h5 {
    font-size: 100%;
    font-weight: normal;
    text-transform: uppercase; }

  h6 {
    font-size: 100%;
    font-weight: normal; }

  /*formatting classes*/
  .left {
    float: left; }

  .right {
    float: right; }

  body .text-right {
    text-align: right; }

  .border {
    border: 1px solid #ccc;
    padding: 3px; }

  body img.right {
    margin: 10px 0 10px 20px; }

  body img.left {
    margin: 10px 20px 10px 0; }

  body img.border {
    border: 1px solid #ccc;
    padding: 5px; }

  a.pdf {
    padding-right: 20px;
    background: transparent url(img/pdf.gif) no-repeat 100% 50%; }

  a.word {
    padding-right: 20px;
    background: transparent url(img/doc.gif) no-repeat 100% 50%; }

  a.excel {
    padding-right: 20px;
    background: transparent url(img/xls.gif) no-repeat 100% 50%; }

  a.powerpoint {
    padding-right: 20px;
    background: transparent url(img/powerpoint.gif) no-repeat 100% 50%; }

  a.packed {
    padding-right: 20px;
    background: transparent url(img/packed.gif) no-repeat 100% 50%; }

  a.zip {
    padding-right: 20px;
    background: transparent url(img/zip.gif) no-repeat 100% 50%; }

  a.jpg {
    padding-right: 20px;
    background: transparent url(img/jpg.gif) no-repeat 100% 50%; }

  a.gif {
    padding-right: 20px;
    background: transparent url(img/gif.gif) no-repeat 100% 50%; }

  a.png {
    padding-right: 20px;
    background: transparent url(img/png.gif) no-repeat 100% 50%; }

  a.more {
    display: inline-block;
    padding: 5px 15px 4px 15px;
    color: #fff;
    text-decoration: none;
    background: #016E57;
    border-radius: 5px; }

  a.more:hover {
    color: #fff;
    text-decoration: none;
    background: #015E4C; }

  a.external {
    padding-right: 12px;
    background: transparent url(img/ex.gif) no-repeat 100% 50%; }

  a.popup {
    something: something; }

  a.videopopup {
    something: something; }

  img.popup {
    something: something; }

  .phone {
    something: something; }

  .red {
    color: #de0000; }

  .blue {
    color: #0073E9; }

  .lighblue {
    color: #44A0D0; }

  .green {
    color: #006F57; }

  .lightGreen {
    color: #4C9878; }

  .orange {
    color: #F66025; }

  .texcolor {
    color: #575757; }

  .black {
    color: #000; }

  strong, .strong, b {
    font-weight: bold; }

  small, .smaller {
    font-size: 85.7142857143%; }

  .bigger {
    font-size: 114.2857142857%; }

  body .center {
    text-align: center; }

  body .justify {
    text-align: justify; }

  .clear {
    clear: both; }

  body .w30p {
    width: 28%; }

  body .w50p {
    width: 48%; }

  body .w70p {
    width: 68%; }

  body .hidden {
    display: none; }

  body .alejGmapCSS img {
    max-width: none;
    min-width: 0; }

  p {
    margin: 1em 0 1em 0;
    padding: 0; }

  ul, ol {
    padding: 0;
    margin: 1em 0 1em 1.5em; }

  ul li {
    margin: 0.1em 0 0.1em 0;
    padding: 0 0 0 15px;
    background: transparent url(img/li.gif) no-repeat 0 0.5em;
    list-style: none;
    line-height: 1.2em; }

  ol li {
    line-height: 1.2em;
    margin: 0.1em 0 0.1em 0.5em; }

  hr {
    border: 0;
    color: #ccc;
    background-color: #ccc;
    height: 1px; }

  sup {
    line-height: 1em;
    position: relative;
    top: -3px; }

  /*tables*/
  table.blackborder {
    background-color: #ccc;
    border-spacing: 1px;
    border-collapse: separate; }

  .striped tbody > tr:nth-child(odd) > td, .striped tbody > tr:nth-child(odd) > th {
    background-color: #f0f0f0; }

  table.blackborder tbody {
    background-color: #fff; }

  table.blackborder th, tr.header, td.header, body table.striped th, table.striped tr.header td, body table.striped td.header {
    background-color: #78787A;
    color: #fff;
    font-weight: bold;
    line-height: 1.3em; }

  table.blackborder th a, tr.header a, td.header a, table.striped th a, table.striped tr.header a, body table.striped td.header a {
    color: #fff; }

  tr.alt {
    background-color: #f0f0f0; }

  table.blackborder td, table.blackborder th {
    padding: 5px; }

  /* Forms - general */
  body .textbox {
    border: 1px solid #D3D4D5;
    width: 200px;
    height: 2em;
    line-height: 2em;
    margin: 0 0 5px 0;
    padding: 0 10px;
    color: #5B5B5B;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size: 100%; }

  body .button {
    border: none;
    background: #1C6087 none no-repeat 0 0;
    color: #fff;
    padding: 10px 15px;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size: 100%;
    line-height: 30px;
    cursor: pointer; }

  body .button:hover {
    background-color: #137AB5; }

  body .ddl {
    width: auto;
    height: auto;
    padding: 0 0 0 3px; }

  body .area {
    height: auto;
    width: 400px;
    overflow: auto; }

  body label.form {
    line-height: 1.5em;
    margin: 0 0 5px 0;
    padding: 0; }

  body .short {
    width: 50px; }

  body .medium {
    width: 170px; }

  body .long {
    width: 400px; }

  body span[id*=valid] {
    display: block;
    background-color: #de0000;
    color: #fff !important;
    margin-left: 5px;
    padding: 2px 7px 3px 7px;
    line-height: 1.5em;
    font-size: 90%;
    font-weight: bold;
    position: absolute;
    bottom: -30px;
    right: 15%; }

  body .AspNet-Pager {
    overflow: hidden;
    clear: both;
    padding-top: 20px; }
    body .AspNet-Pager a, body .AspNet-Pager span {
      display: inline-block;
      text-decoration: none;
      background: #F5F5F5;
      color: #737373;
      padding: 5px 13px 6px; }
    body .AspNet-Pager a:hover, body .AspNet-Pager span {
      color: #737373;
      background: #E0E0E0; }

  body .results {
    border-bottom: 1px solid #D9DDDE; }
    body .results .results-title {
      font-weight: bold;
      font-size: 128.5714285714%;
      line-height: 1.5em; }
    body .results .results-title a {
      color: #1C6087;
      text-decoration: none; }
      body .results .results-title a:hover {
        color: #1C6087;
        text-decoration: underline; }
    body .results .results-path {
      font-size: 85.7142857143%;
      line-height: 1.5em; }

  #gallery {
    overflow: hidden; }

  #gallery h1 {
    padding-bottom: 30px; }

  #gallery .gallery-grid {
    width: 33%;
    float: left;
    padding-bottom: 30px; }

  #gallery .gallery-grid-3-1 {
    clear: left; }

  #gallery .gallery-grid-3-1 .gallery-grid-padding {
    padding: 0 20px 0 0px; }

  #gallery .gallery-grid-3-2 .gallery-grid-padding {
    padding: 0 10px 0 10px; }

  #gallery .gallery-grid-3-3 .gallery-grid-padding {
    padding: 0 0px 0 20px; }

  #gallery .gallery-item {
    background: #D3DDE7;
    padding: 10px; }

  #gallery .gallery-item:hover {
    background: #A7BBCF; }

  /* 4/3 format */
  #gallery .gallery-item-position-wrap {
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 75%;
    overflow: hidden; }

  #gallery .gallery-item-position-wrap .gallery-item-img-a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }

  /* 4/3 format */
  #gallery .gallery-item-position-wrap .gallery-item-img-a {
    display: block;
    overflow: hidden;
    text-align: center; }

  #gallery .gallery-item-position-wrap .gallery-item-img-a img {
    max-width: 100%; }

  #gallery .gallery-item h3 {
    text-align: center;
    line-height: 1.1em;
    margin: 0;
    padding: 15px 0 0 0; }

  #gallery .gallery-item h3 a {
    text-decoration: none; }

  #gallery .gallery-item h3 a:hover {
    text-decoration: underline; } }
@media screen and (max-width: 559px) {
  #gallery {
    overflow: hidden; }

  #gallery .gallery-grid {
    width: 50%;
    float: left;
    padding-bottom: 30px; }

  #gallery .gallery-grid-3-1 {
    clear: none; }

  #gallery .gallery-grid-2-1 {
    clear: left; }

  #gallery .gallery-grid-2-1 .gallery-grid-padding {
    padding: 0 15px 0 0px; }

  #gallery .gallery-grid-2-2 .gallery-grid-padding {
    padding: 0 0px 0 15px; } }
@media screen and (max-width: 359px) {
  #gallery .gallery-grid {
    width: 100%;
    float: none;
    padding-bottom: 30px; }

  #gallery .gallery-grid-2-1 {
    clear: none; }

  #gallery .gallery-grid-2-1 .gallery-grid-padding {
    padding: 0 0px 0 0px; }

  #gallery .gallery-grid-2-2 .gallery-grid-padding {
    padding: 0 0px 0 0px; } }
@media screen {
  body .width-wrap {
    max-width: 1200px;
    padding: 0 0px;
    margin: 0 auto;
    position: relative;
    /*_width: $pagewidth;*/ }

  .ie7 .width-wrap, .ie8 .width-wrap {
    max-width: 960px; }

  .ie7 #container, .ie8 #container {
    min-width: 980px; }

  #container {
    min-width: 320px; }

  /* editor */
  #editor {
    margin: 0;
    padding: 10px;
    width: 760px;
    border: none;
    background: #ffffff none no-repeat 0 0; } }
/* MEDIA QUERIES */
@media screen and (max-width: 1200px) {
  body .width-wrap {
    width: 90%; }

  body .cycle-slideshow .slide-caption {
    width: 50%; }

  #footer #footer-line-1 #newsletter {
    padding: 35px 80px 35px 160px; } }
@media screen and (max-width: 1024px) {
  #body .produktovy-balik {
    display: block;
    width: 60%;
    float: none;
    margin: 35px auto; }

  #body #body-content-home {
    padding: 60px 5%; } }
@media screen and (max-width: 960px) {
  #body #body-content {
    float: none;
    width: 100%;
    margin-bottom: 70px;
    padding: 0; }

  #body #right-panel {
    float: none;
    display: block;
    width: 70%;
    margin-left: auto;
    margin-right: auto; }

  #body .body-content-full #body-content {
    float: none;
    width: 100%;
    padding: 0; } }
@media screen and (max-width: 789px) {
  body span[id*=valid] {
    right: 55%; }

  #footer #footer-line-1 #footer-upside-text {
    display: none; }

  #footer #footer-line-1 #footer-contact {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 35px 0; }
    #footer #footer-line-1 #footer-contact #contact-wrap {
      max-width: 320px; }

  #footer #footer-line-1 #footer-menu {
    position: relative;
    width: 100%;
    padding: 35px;
    height: auto; }
    #footer #footer-line-1 #footer-menu #footer-menu-wrap {
      max-width: 320px; }

  #footer #footer-line-1 #newsletter {
    position: relative;
    padding: 35px; }
    #footer #footer-line-1 #newsletter #newsletter-caption {
      float: none;
      display: block;
      width: 100%;
      text-align: center;
      margin-bottom: 35px; }
    #footer #footer-line-1 #newsletter #newsletter-wrap {
      float: none;
      margin: 0 auto;
      text-align: center; }

  #footer #footer-line-1 #newsletter #newsletter-wrap {
    width: 100%; }
    #footer #footer-line-1 #newsletter #newsletter-wrap .form-news-label {
      width: 100%; }

  #footer #footer-line-1 #newsletter #newsletter-wrap .form-news-field {
    width: 100%; }

  #footer #footer-line-2 {
    padding-top: 35px; }

  #footer #footer-line-2 .left, #footer #footer-line-2 .right {
    float: none;
    display: block;
    text-align: center;
    margin-bottom: 35px; }

  #header #header-line-2 h2 {
    margin-right: 10%; } }
@media screen and (max-width: 576px) {
  body .cycle-slideshow .slide-caption {
    width: 100%; }

  #body .produktovy-balik {
    width: 90%; }

  #body #body-news .home-news {
    display: block; }

  #body #body-news .novinka {
    flex: none;
    float: none;
    width: 100%;
    margin: 35px 1% 15px 1%; }

  #body #right-panel {
    width: 100%; }

  #header #header-line-1 .header-phone {
    float: none; }

  #header #header-line-1 #languages a {
    padding: 30px 10px; } }

/*# sourceMappingURL=main.wysiwyg.css.map */
