@media screen, print { html { font-size: 16px; }
  body { background: #fff none no-repeat 50% 0; color: #000; font-size: 87.5%; padding: 0; margin: 0; line-height: 1.5em; font-weight: 300; }
  body, body .pure-g-r, body .pure-g-r [class*="pure-u"], body .pure-g, body .pure-g [class*="pure-u"] { font-family: "Open Sans", sans-serif; }
  /*general*/
  a { text-decoration: underline; color: #000; }
  a:hover { text-decoration: none; color: #000; }
  a:hover img.border { border: 1px solid #000; }
  a img { border: none; }
  a:focus, a:active { outline: none; }
  /*headings*/
  h1, h2, h3, h4, h5, h6 { font-weight: 300; color: #000; padding: 0; line-height: 1.5em; margin: 1.5em 0 1em 0; }
  h1 { margin: 0 0 28px 0; padding: 0.88889em 0 0.7037em 0; font-size: 192.85714%; line-height: 1.33333em; border-bottom: 1px solid #E4E4E4; }
  h2 { font-size: 157.14286%; font-weight: normal; }
  h1 + h2 { margin: 0.5em 0 1em 0; }
  h3 { font-size: 142.85714%; font-weight: normal; }
  h4 { font-size: 114.28571%; color: #000; }
  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: #000; border-radius: 5px; }
  a.more:hover { color: #fff; text-decoration: none; background-color: #1E1E1E; }
  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: #1278ba; }
  .green { color: #4B9327; }
  .orange { color: #F66025; }
  .texcolor { color: #000; }
  .black { color: #000; }
  strong, .strong, b { font-weight: bold; }
  small, .smaller { font-size: 85.71429%; }
  .bigger { font-size: 114.28571%; }
  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.5em 0 0.5em 0; padding: 0 0 0 15px; background: transparent url(img/li.gif) no-repeat 0 0.5em; list-style: none; line-height: 1.5em; }
  ol li { line-height: 1.5em; margin: 0.25em 0 0.25em 0.5em; }
  hr { border: 0; color: #E4E4E4; background-color: #E4E4E4; 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 th, table.blackborder td { 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: "Open Sans", sans-serif; font-size: 100%; }
  body .button { border: none; background: #1C6087 none no-repeat 0 0; color: #fff; padding: 10px 15px; font-family: "Open Sans", 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: inline-block; width: 6px; background-color: #de0000; color: #fff !important; margin-left: 5px; padding: 2px 7px 3px 7px; line-height: 1.5em; font-size: 90%; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; top: 0px; }
  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.57143%; line-height: 1.5em; }
  body .results .results-title a { color: #000; text-decoration: none; }
  body .results .results-title a:hover { color: #000; text-decoration: underline; }
  body .results .results-path { font-size: 85.71429%; 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, print { img { max-width: 100%; }
  body .width-wrap { max-width: 960px; padding: 0 15px; margin: 0 auto; _width: 930px; }
  #container { min-width: 320px; }
  #header-wrap { height: 351px; background: transparent url(img/header-cut.jpg) no-repeat center 0; background-size: cover; }
  #header { padding-top: 98px; font-size: 114.28571%; line-height: 1.875em; }
  #header-left { float: left; padding-right: 1px; width: 33.87097%; }
  #header-right { float: left; background: #000; background-color: rgba(0, 0, 0, 0.9); width: 66.12903%; color: #fff; padding: 18px 33px 19px; } }
@media screen and (max-width: 767px) { #header { padding-top: 15px; font-size: 100%; line-height: 1.5em; }
  #header-left { float: none; max-width: 314px; padding: 0; margin: 0 auto; width: auto; }
  #header-right { float: none; width: auto; margin: 15px auto 0; padding: 5px 33px 5px; } }
@media screen and (min-width: 1400px) { #header-wrap { background-size: cover; background-position: center bottom; } }
@media screen, print { #menuline-wrap { background: transparent url(img/bg.jpg) repeat-x center top; }
  #body-wrap { background: transparent url(img/peticka_bg.jpg) repeat-x center bottom; padding-bottom: 100px; padding-top: 36px; } }
@media screen and (max-width: 640px) { body br.home-img-br { clear: both; } }
@media screen, print { #copyright-wrap { font-size: 85.71429%; line-height: 1.16667em; color: #97979F; padding-top: 14px; padding-bottom: 20px; }
  #copyright-wrap a { color: #97979F; text-decoration: underline; }
  #copyright-wrap a:hover { color: #97979F; text-decoration: none; }
  #copyright-left { float: left; width: 66%; }
  #copyright-right { float: right; width: 33%; text-align: right; padding-top: 6px; } }
@media screen and (max-width: 767px) { #copyright-left { float: none; width: 100%; text-align: center; }
  #copyright-right { float: none; width: 100%; text-align: center; } }
@media screen, print { /* editor */
  #editor { margin: 0; padding: 10px; width: 760px; border: none; background: #ffffff none no-repeat 0 0; } }