@font-face {
  font-family: 'PTSans';
  src: url("../fonts/pts55f-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pts55f-webfont.woff") format("woff"), url("../fonts/pts55f-webfont.ttf") format("truetype"), url("../fonts/pts55f-webfont.svg#PTSans") format("svg");
  font-style: normal !important;
  font-weight: normal !important; }
@font-face {
  font-family: 'PTSansBold';
  src: url("../fonts/pts75f-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pts75f-webfont.woff") format("woff"), url("../fonts/pts75f-webfont.ttf") format("truetype"), url("../fonts/pts75f-webfont.svg#PTSansBold") format("svg");
  font-style: normal !important;
  font-weight: normal !important; }
h1, h2 {
  font-family: "PTSansBold", Arial, Helvetica, sans-serif; }

h3, h4, h5, h6,
#main-nav ul li a {
  font-family: "PTSans", Arial, Helvetica, sans-serif; }

html {
  margin: 0;
  padding: 0;
  background: #e0e0e0 url(../images/pozadi.jpg) 50% 0 no-repeat fixed;
  min-height: 100%; }

body {
  width: 980px;
  margin: 0 auto;
  padding-top: 121px;
  /*position: relative;*/
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5625em;
  color: #333;
  min-height: 100%; }

body.admin{
  width: 1280px;
}

.admin #main-nav{
  width: 1280px;
}

#page-header {
  position: fixed;
  top: 0;
  z-index: 150;
  background-color: #E6E6E6;
  background: linear-gradient(to right, #DDDDDD, #E6E6E6);
  /*padding-bottom: 20px;*/ }

#page-header #logo {
  float: left;
  margin: 11px 0px 5px 11px;
  /* text-align: left; */ }

#page-header #logo-portal {
  float: left;
  margin: 11px 0px 5px 11px;
  /* text-align: left; */ }

#page-header:after {
  content: '';
  display: block;
  clear: both; }

#main-nav, #page-body, #system-message .alert, img.image-Right, #banner {
  border-radius: 4px; }

#main-nav {
  clear: both;
  background: #0a4d9c url(../images/menu.png) 0 0 repeat-x;
  height: 40px;
  width: 980px; }

#main-nav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  float: left; }
  #main-nav ul li {
    float: left; }
    #main-nav ul li:first-child a {
      border-left: none; }
    #main-nav ul li:last-child a {
      border-right: none; }
    #main-nav ul li a {
      font-family: "PTSans", Arial, Helvetica, sans-serif;
      display: block;
      text-decoration: none;
      color: white;
      font-size: 17px;
      padding: 10px 33.3px 5px;
      border-right: 1px solid #125aae;
      border-left: 1px solid #003c82; }
    #main-nav ul li:hover a {
      color: #b5c9de; }
    #main-nav ul li.active a {
      color: #b5c9de; }

#banner {
  margin-top: 20px;
  background: white; }

#page-body {
  background: white;
  padding: 22px 40px 40px 50px;
  margin-top: 20px;
  /* min-height: 550px; */ }

#system-message .alert {
  background: #eaf3fd;
  padding: 5px;
  margin-bottom: 20px; }
  #system-message .alert .close {
    float: right;
    cursor: hand;
    cursor: pointer;
    text-decoration: none;
    color: #000; }
  #system-message .alert .alert-heading {
    margin: 0px;
    border-bottom: solid 1px; }
  #system-message .alert.alert-error p {
    margin: 0;
    color: red; }
  #system-message .alert.alert-message p {
    margin: 0;
    color: green; }

fieldset {
  border: none; }

.control-label {
  display: block;
  font-weight: bold;
  padding-bottom: 7px;
  line-height: 16px; }

input, button {
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px; }

input, textarea {
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  background: #eaf3fd;
  border: solid 1px #d3dee5;
  border-top-color: #b3bec6;
  border-left-color: #b3bec6;
  font-size: 1em;
  padding: 9px 10px 8px;
  margin: 0;
  position: relative; }

textarea {
  border-radius: 18px; }

input[type=checkbox] {
  margin-right: 1em; }

button {
  padding: 12px 56px 9px;
  cursor: pointer;
  color: white;
  border: none;
  font-size: 1em;
  font-weight: normal;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  background: #0a4d9c url(../images/menu.png) 0 0 repeat-x; }

button:hover {
  background: #ed1c24; }

.control-group {
  margin-bottom: 10px; }

aside + #body-content {
  overflow: hidden; }

#page-body:after {
  content: '';
  display: block;
  clear: both; }
#page-body #body-content {
  /*        ul.contact-list {
              list-style: none;
              padding: 0;
  
              li{
                  margin: 0;
                  padding: 6px 10px;
                  padding: 6px 10px;
                  border-bottom: solid 1px #eaf3fd;
                  display: inline-block;
                  width: 315px;
                  width: 425px;
  
                  p{
                      $margin-sides: 50px;
                      margin-left: $margin-sides;
                      margin-right: $margin-sides;
                  }
              }
  
          }*/ }
  #page-body #body-content .breadcrumbs {
    margin: 0 0 24px;
    font-size: 13px;
    color: #767676; }
    #page-body #body-content .breadcrumbs a {
      color: #767676; }
    #page-body #body-content .breadcrumbs .breadcrumbs-separator {
      margin: 0 10px; }
  #page-body #body-content ul {
    list-style-image: url(../images/li.gif);
    margin: 0 0 1.5em 0;
    padding: 0 0 0 17px; }
    #page-body #body-content ul li {
      padding-left: 13px;
      margin-left: 0;
      margin-bottom: 10px; }
  #page-body #body-content li ul {
    margin: 0; }
  #page-body #body-content ul.no-decor {
    list-style: none;
    list-style-image: none; }
  #page-body #body-content table.contact-list {
    border: 1px solid;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px; }
    #page-body #body-content table.contact-list tr:nth-child(even) {
      background: #eaf3fd; }
    #page-body #body-content table.contact-list tr, #page-body #body-content table.contact-list th, #page-body #body-content table.contact-list td {
      border-bottom: 1px solid; }
    #page-body #body-content table.contact-list td {
      padding: 8px 10px; }
    #page-body #body-content table.contact-list thead {
      background: #eaf3fd; }
      #page-body #body-content table.contact-list thead th {
        background: #eaf3fd;
        height: 17px; }
#page-body aside#body-right {
  margin-left: 40px;
  float: right;
  width: 210px;
  padding-top: 50px; }
  #page-body aside#body-right .moduletable {
    border-radius: 4px;
    background: #0b50a1 url(../images/menu2.jpg) no-repeat; }
  #page-body aside#body-right ul.nav {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0; }
    #page-body aside#body-right ul.nav li a {
      display: block;
      color: #fff;
      text-transform: uppercase;
      font-size: 18px;
      line-height: 22px;
      text-decoration: none;
      border-top: 1px solid #003c82;
      padding: 7px 30px 9px 20px;
      background: url(../images/menu_arrow.png) 179px 50% no-repeat; }
    #page-body aside#body-right ul.nav li.active a {
      border-top: 1px solid #ed1c24;
      color: #fff;
      background: #ed1c24; }
    #page-body aside#body-right ul.nav li:not(.active):hover a {
      color: #ed1c24; }
  #page-body aside#body-right h3 {
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    padding: 16px 20px 9px 20px;
    color: white;
    border-bottom: 1px solid #003c82; }

.items-leading > div, .sub {
  background-color: #b9d7f8;
  padding: 8px 10px;
  margin-bottom: 12px;
  border-radius: 4px; }
  .items-leading > div h2, .sub h2 {
    margin-bottom: 11px;
    font-size: 20px;
    font-family: "PTSans", Arial, Helvetica, sans-serif;
    font-weight: bold; }
  .items-leading > div img, .sub img {
    float: right;
    border-radius: 4px; }
  .items-leading > div p, .sub p {
    margin: 0; }
  .items-leading > div:after, .sub:after {
    content: '';
    display: block;
    clear: both; }
  .items-leading > div .read-more, .sub .read-more {
    font-size: 12px; }

#page-footer {
  padding: 33px 0 34px; }
  #page-footer p {
    text-align: center;
    font-size: 11px;
    line-height: 18px;
    margin: 0;
    color: #7c7c7c; }
  #page-footer a {
    color: #7c7c7c; }
    #page-footer a:hover {
      color: #222; }

.gallery img {
  margin: 5px 8px;
  border-radius: 4px; }

ul + h2, p + h3, .space-top {
  margin-top: 1.5em; }

h1 {
  font-size: 2.25em;
  line-height: 1.2em;
  color: #000;
  margin: 0 0 0.5em;
  font-weight: normal; }

h2 {
  font-size: 1.5625em;
  line-height: 1.1538em;
  color: #777;
  margin: 0 0 0.5em;
  font-weight: normal; }

h3 {
  font-size: 1.375em;
  line-height: 1.1904em;
  color: #777;
  margin: 0 0 0.5em;
  font-weight: normal; }

p {
  margin: 0 0 1em;
  text-align: justify; }

a {
  color: #0b50a1;
  text-decoration: underline; }

a:hover {
  color: #ed1c24; }

hr {
  height: 1px;
  border: none;
  clear: both;
  color: #eaf3fd;
  background: #eaf3fd;
  margin-bottom: 1em; }

img.image-Right {
  float: right;
  margin: 0.25em 0 1em 1.5em; }

img.image-Left {
  float: left;
  margin: 0.25em 1.5em 1em 0; }

img.frame {
  border: solid 16px #eaf3fd;
  border-radius: 4px;
  background: #eaf3fd;
  margin-top: 0; }

.label-warning {
  font-style: italic;
  color: red; }

.table {
  display: table;
  width: 100%; }
  .table.empty-head::before {
    content: '';
    height: 38px;
    display: table-caption;
    background-color: #eaf3fd; }
  .table p {
    display: table-row-group; }
  .table .row {
    display: table-row; }
    .table .row .cell {
      display: table-cell;
      border-bottom: solid 1px #eaf3fd;
      padding: 6px 10px; }

.form-search {
  float: right;
  margin-top: 20px;
  position: relative; }
  .form-search button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 15px;
    border-radius: 0;
    padding: 0;
    background: url(../images/search_submit.png); }

.highlight {
  margin: 0 0 1.5em;
  padding: 10px 14px;
  background: #eaf3fd;
  border-radius: 4px; }
  .highlight p {
    margin: 0; }

span.cisla {
  background: #004289;
  font-weight: bold;
  color: white;
  padding: 5px 10px;
  border-radius: 14px;
  margin: 0 10px 0 0; }

table.standard {
  margin-bottom: 1.4em; }
  table.standard td {
    border-bottom: solid 1px #eaf3fd;
    padding: 6px 10px; }

.file img {
  margin-right: 5px; }
.file span {
  vertical-align: super; }

form.service-report {
  font-size: 15px; }
  form.service-report div.field {
    margin-bottom: 1.5em;
    line-height: 1.5em; }
    form.service-report div.field.textarea {
      width: 100%; }
    form.service-report div.field > label {
      display: block;
      font-weight: bold;
      padding-bottom: 7px;
      line-height: 16px; }
      form.service-report div.field > label span {
        color: #666;
        font-weight: normal; }
      form.service-report div.field > label small {
        font-size: 12px;
        color: #666;
        font-weight: normal; }
      form.service-report div.field > label .required {
        color: red;
        padding: 0 0.2em; }
    form.service-report div.field input[type=text], form.service-report div.field input[type=file], form.service-report div.field input[type=email], form.service-report div.field input[type=password] {
      width: 92.7%; }
    form.service-report div.field textarea {
      width: 96.6%; }
    form.service-report div.field .radio input[type=radio], form.service-report div.field .radio label {
      vertical-align: middle; }
  form.service-report div.left {
    float: left;
    width: 48%;
    clear: left; }
  form.service-report div.right {
    float: right;
    width: 48%;
    clear: right; }
  form.service-report .note {
    clear: both; }

input.invalid, textarea.invalid {
  border: solid 1px #DE0000; }

@media (max-width: 1024px) {
  body, body.admin {
    width: 750px; }
    body .service-event {
      text-align: center;
      line-height: 30px; }
      body .service-event .phone {
        padding: 5px 10px; }
      body .service-event a {
        padding: 5px 10px;
        margin-left: 0; }
    body #main-nav, body.admin #main-nav{
      width: 750px; }
      body #main-nav li a {
        padding: 10px 17px 5px; }
    body .front-page .service {
      width: 374px;
      height: 544px;
      margin-right: 0;
      margin-bottom: 20px;
      background-size: contain; }
      body .front-page .service:last-child {
        width: 374px; }
        body .front-page .service:last-child .bubble {
          width: 374px; }
      body .front-page .service .bubble {
        width: 374px;
        height: 224px;
        background-size: contain; }
      body .front-page .service h2 {
        font-size: 30px; }
      body .front-page .service p {
        font-size: 22px;
        line-height: 30px; }
      body .front-page .service .more {
        font-size: 22px;
        width: 182px;
        left: 81px;
        bottom: -6px;
        padding: 13px 15px; }
    body .front-page .service:nth-child(odd) {
      margin-right: 2px;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
      body .front-page .service:nth-child(odd) .bubble {
        border-top-left-radius: 4px; }
    body .front-page .service:nth-child(even) {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
      body .front-page .service:nth-child(even) .bubble {
        border-top-right-radius: 4px; }
    body .front-page .service:nth-last-child(-n+2) {
      margin-bottom: 0px; }
    body .contact-list td:nth-child(3) {
      width: 130px; }

  #page-body aside#body-right {
    margin: 0 0 20px 0;
    padding: 0;
    width: auto;
    float: none; }
    #page-body aside#body-right .moduletable {
      background: url(../images/menu2.jpg) no-repeat, url(../images/menu2-2.jpg); }
      #page-body aside#body-right .moduletable h3 {
        cursor: pointer;
        background: url(../images/menu_arrow_down.png) 627px 50% no-repeat; }
    #page-body aside#body-right ul.nav {
      display: none; }
    #page-body aside#body-right ul.nav li a {
      background-position-x: 629px; } }
/*
@media(max-width: 780px){
    #page-header #logo{
        float:right;
    }
    body .service-event{
        float:right;
        margin-right: 40px;
    }

    .form-search{
        clear: both;
        float: none;

        .finder{
            margin: 0 10px 10px 10px;

            input{
                width: calc(100% - 20px);
            }
        }
    }

    body #main-nav{ 
        background:#f6f1f1;
        width: 80%;
        position: absolute;
        height: 100%;
        top: 0;
        border-right: 1px solid;
        border-radius: 0;
        z-index: 15;
        
        ul li{
                //width: 33.33%;
                //text-align: center;
                float: none; 
        }

        ul li a{
            background: #eaf3fd;
            border: none;
            color: #ed1c24;

            &:hover{
                background: #ed1c24;
            }
        }
            
        ul li.active a{
                background: #ed1c24;
            }
        
    }
}*/

/*# sourceMappingURL=template.css.map */