html {
    height: 100%;
    overflow-y: scroll;
    width: 100%;
}

body {
  margin: 0px;
  padding: 0px;
  font-family: Arial, sans-serif;
  background: url("../images/bg-body.png") repeat-x scroll left top #E00008;
  color: #FFFFFF;
  line-height: 120%;
  font-size: 0.8em;
  position: relative;
}

/*
div.body-bg {
  margin: 0px;
  padding: 0px;
  background: url("../images/bg-body.png") repeat-x scroll left top #E00008;
  height: 100%;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  overflow: auto;
}
*/

@font-face {
    font-family: 'Defener';
    src: url('../fonts/defender33.eot');
    src: url('../fonts/defender33.eot?#iefix') format('embedded-opentype'),
         url('../fonts/defender33.woff') format('woff'),
         url('../fonts/defender33.ttf') format('truetype'),
         url("../fonts/defender33.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Defener';
    src: url('../fonts/defender33-bold.eot');
    src: url('../fonts/defender33-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/defender33-bold.woff') format('woff'),
         url('../fonts/defender33-bold.ttf') format('truetype'),
         url("../fonts/defender33-bold.otf") format("opentype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DIN';
    src: url('../fonts/DINNextLTPro-Regular.eot');
    src: url('../fonts/DINNextLTPro-Regular?#iefix') format('embedded-opentype'),
         url('../fonts/defender33-bold.woff') format('woff'),
         url('../fonts/DINNextLTPro-Regular.ttf') format('truetype'),
         url("../fonts/DINNextLTPro-Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN';
    src: url('../fonts/DINNextLTPro-Bold.eot');
    src: url('../fonts/DINNextLTPro-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DINNextLTPro-Bold.woff') format('woff'),
         url('../fonts/DINNextLTPro-Bold.ttf') format('truetype'),
         url("../fonts/DINNextLTPro-Bold.otf") format("opentype");
    font-weight: bold;
    font-style: normal;
}

.din {
  font-family: DIN, Arial, sans-serif !important;
}

.arial {
  font-family: Arial, sans-serif !important;
}

a, a:visited {
  color: #FFFFFF;
}

a img, img {
  border: none; 
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  font-family: Defener, Arial, sans-serif;
  font-weight: normal; 
  margin: 0px; 
  line-height: 110%;
  letter-spacing: 0.05em;
}

h1 {
  font-size: 2em;
  padding: 0 0 0.4rem; 
}

.h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.9em;
  padding: 0 0 0.4rem; 
}

.h2 {
  font-size: 1.9em;
}

h2.title {
  background: none repeat scroll 0 0 #24781d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  font-size: 1.9em;
  padding: 0.4rem 0.4rem;
}

h3 {
  font-size: 1.4em;
  padding: 0 0  0.4em; 
}

.h3 {
  font-size: 1.4em;
}

h4 {
  font-size: 1.2em;
  padding: 0 0  0.4rem; 
}

.h4 {
  font-size: 1.2em;
}

p {
  margin: 0px;
  padding: 0 0 0.4rem;
}

ul {
  margin: 0px;
  padding: 0 0 0.4rem;
}

table {
  margin: 0;
  padding: 0 0 0.4rem;
}

img {
  display: inline-block;
  vertical-align: middle; }

img {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic; }


.toggle_button {
  width: 20px;
}

.info {
  margin-left: 1em;
}

/* COMMON */
.cl, .clearfix:after {
  clear: both;
}

.cright {
  clear: right;
}

.cleft {
  clear: left;
}

.left {
  display: block;
  float: left;
  text-align: left;
}

.right {
  display: block;
  float: right;
}

.center, .text-center {
  text-align: center;
/*  display: block;*/
}

.text-right {
  text-align: right;
}

.hide {
  display: none;
}

.green {
  color: #24781d!important;
}

.red {
  color: #e00008!important;
}

.blue {
  color: #3e9eb8!important;
}

.black {
  color: #000000!important;
}

.yellow {
  color: #f59a00!important;
}

table.full {
  width: 100%;
}

p.warning {
  padding: .5rem;
  color: #000000;
  background: #ffae00;
  border: 1px solid #fff;
  border-radius: 5px;
  margin-bottom: 1rem;
}

/* small displays */
@media only screen {
  .q1, .q3, .half, .t1, .t2 { width: 100%; }
}

/* medium displays */
@media only screen and (min-width: 768px) {
  .q1 { width: 100%; }
  .q3 { width: 100%; }
  .t1, .t2, .half { width: 50%; }
}
        
/* large displays */
@media only screen and (min-width: 1024px) {
  .q1 { width: 25%; }
  .q3 { width: 75%; }
  .half { width: 50%; }
  .t1 { width: 33.333%; }
  .t2 { width: 66.666%; }
}

.q1.use-for-all { width: 25% !important; }
.q3.use-for-all { width: 75% !important;}
.half.use-for-all { width: 50% !important; }
.t1.use-for-all { width: 33.333% !important; }
.t2.use-for-all { width: 66.666% !important; }


.auto {
  width: auto;
}

.nowrap {
  white-space: nowrap;
}

.full, .half.left, .half.right, .q1.left, .q1.right, .q3.left, .q3.right, .t1.left, .t1.right, .t2.left, t2.right {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0 0.4rem 0.8rem;
}



div.page {
  max-width: 1024px;
  width: 100%;
  margin: 0px auto;
  position: relative;
}

/* small displays */
@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }

  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }

  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }

  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }

  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }

  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }

  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }

  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; }
    
  ul.nav li.right-for-small {
    float: right; } }
    
/* medium displays */
@media only screen and (min-width: 768px) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; }
    
  ul.nav li.right-for-small {
    float: left; }}
    
/* large displays */
@media only screen and (min-width: 1024px) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px; }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }
    
    

hr.full {
  color: transparent; /*used for IE, top color*/
  border: none !important;
  background: transparent url('../images/hr-full.png') center top no-repeat;
  min-height: 0.8rem;  /*required to get IE to render the top pixel color*/
  height: 0.8rem;
  margin: 0px;
  padding: 0px;
}


hr.q3, .q3 hr {
  border: 0;
  background: transparent url('../images/hr-q3.png') center top no-repeat;
  height: 1em;
  margin: 0px
  padding: 0px;
  width: 100%;
}

hr.green {
  border: 0;
  background: #24781d;
  height: 1px;
  margin: 0px
  padding: 0px;
  width: 100%;
  color: #24781d;
}

img.next{
  padding: 0 0 0 1em;
  vertical-align: middle;
}

img.prev{
  padding: 0 1em 0 0;
  vertical-align: middle;
}

div.content {
  line-height: 150%;
  padding: 0 0.4rem 0.8rem;
  box-sizing: border-box;
}

/* HEADER */
div.header {
  border-top: 12px solid #24781d;
  background: #000000 url('../images/bg-header.png') center top no-repeat;
}

div.header > div.page {
  background: #000000 url('../images/bg-header-medium.png') left top no-repeat;
}



/* MENU */

ul.nav {
  margin: 0px;
  padding: 0px;
  z-index: 99;
}

ul.nav li {
  padding: 0px;
  margin: 0;
  list-style-type: none;
}

ul.nav li:hover {
  background: #24781d;
}

ul.nav.pub li, div.show-for-small-only ul.nav li {
  background: #24781d;
  margin: 0 0 1px;
}

ul.nav li a {
  display: block;
  padding: 10px 8px;
  font-family: Defener, Arial, sans-serif;
/*  margin-bottom: 0.3em;*/
  text-decoration: none;
  font-size: 1.3em;
}

ul.nav li.yellow a {
  color: #ffec03;
}

a.nav-back {
  text-align: right;
  display: block;
  padding-right: 1rem;
}

a.nav-show {
  position: absolute;
  right: 0.4rem;
  bottom: 1.5rem;
  font-size: 2.5em;
}

/* HEADER / PUBS */

.left-off-canvas-swipe {
  width: 25%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

/* small displays */
@media only screen {
  ul.nav li a:hover {
    background: #11350f;
  }
  div.header ul.nav {
    position: fixed;
    top: 0;
    left: -100%;
    float: none;
    background: #000000;
    width: 90%;
    height: 100%;
    overflow: auto;
  }
  div.header ul.nav li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    position: relative;
    float: none;
  }
  div.header ul.nav li ul {
    padding: 10px;
    background: #24781d;
  }
  div.header ul.nav li ul li a {
    display: block;
    padding: 5px 10px;
    font-family: Arial, sans-serif;
    font-size: 0.9em;
  }
  div.header ul.nav li ul.pubs li.column p.country {
    padding: 5px 10px;
    font-family: Defener, Arial, sans-serif;
    font-size: 1.2em;
    line-height: 1.1em;
  }
  ul.nav a.pub, ul.nav a.pub:hover {
    background: #e00008;
  }
}

/* medium displays */
@media only screen and (min-width: 768px) {
  ul.nav li a:hover {
    background: #24781d;
  }
  ul.nav.pub li {
    margin: 0;
    float: left;
    background: transparent;
  }
  
  div.header ul.nav {
    width: 80%;
    position: relative;
    left: 0;
    float: right;
    background: transparent;
    overflow: visible;
  }
  div.header ul.nav li {
    float: left;
  }
  div.header ul.nav li ul {
    margin-top: 0.3em;
    position: absolute;
    top: 2.3em;
    left: 0px;
    z-index: 100;
  }
  div.header ul.nav li ul.pubs {
    width: 510px;
  }
  div.header ul.nav li ul.pubs li.column {
    width: 33.333%;
  }
  div.header ul.nav li ul li a {
    width: 150px;
  }
  div.header ul.nav li ul.pubs li.column p.country {
    color: #000;
  }
}
        

div.header ul.nav li ul.pubs li.column p {
  padding: 0;
  line-height: 1.2em;
}

div.header ul.nav li ul li a:hover {
  background: #11350f;
}


div.header ul.nav li ul li a span {
  color: #11350f;
  margin-left: 5px;
  font-size: 0.9em;
  display: none;
}

div.header ul.nav li ul li a:hover span {
  color: #fff;
}

div.nav {
  background: transparent url('../images/bg-nav.png') center top no-repeat;
}

ul.nav a.preparing {
  color: #3e9eb8 !important;
}

ul.nav-menu, ul.nav-more {
  margin: 0 0 5px !important;
  border-top: 1px solid #000000;
}

ul.nav-menu li, ul.nav-more li {
  background: #3FD339 !important;
}

/* HEADER / LNG */

div.header ul.lng {
  padding: 0px;
  margin: 25px 0.4rem 0;
  max-width: 50%;
}

div.header ul.lng li{
  padding: 0px 0px 0px 6px;
  margin: 0px 0 15px;
  float: left;
  list-style-type: none;
}


/* BREADCRUMBS */

ul.breadcrumb {
  margin: 1em;
  padding: 0 0 2.5em;
}

ul.breadcrumb li{
  padding: 0 1em 0 0;
  float: left;
  list-style-type: none;
  margin: 0;
}

ul.breadcrumb li img{
  vertical-align: middle;
  margin-right: 0.5em;
}

ul.breadcrumb li img.separator{
  margin-right: 1em;
}

ul.breadcrumb li:last-child{
  padding: 0;
}


/* BANNERS */
div.banners {
  position: relative;
  margin: 0 -0.5em;
}

div.banners span.left, div.banners div.left {
  padding: 0 0.5em 1em;
  position: relative;
}

div.banners span.right, div.banners div.right {
  padding: 0 0.5em 1em;
  position: relative;
}

.fixed {
  position: fixed !important;
  top: 20px;
  z-index: 1;
}


/* small displays */
@media only screen {
  .q1 .banners div {
    width: 100%;
  }

}

/* medium displays */
@media only screen and (min-width: 768px) {
  .banners.mainpage div.half {
    width: 100%;
  }
  .banners.mainpage div.q1 {
    width: 50%;
  }

  .q1 .banners div {
    width: 50%;
  }
  .bottom {
    position: absolute !important;
    bottom: 0;
  }
}

/* large displays */
@media only screen and (min-width: 1024px) {
  .banners.mainpage div.half {
    width: 50%;
  }
  .banners.mainpage div.q1 {
    width: 25%;
  }
  .half .banners.mainpage div.half {
    width: 100%;
  }
  .half .banners.mainpage div.q1 {
    width: 50%;
  }
  .q1 .banners div {
    width: 100%;
  }
  div.right div.banners {
    margin: 0 -1em 0 0;
  }
}



/* 3 COLUMNS */
ul.three_columns {
  margin: 0;
  padding: 0;
}

ul.three_columns > li {
  margin: 0;
  padding: 0 0.4rem;
  list-style-type: none;
  box-sizing: border-box;
}

/* small displays */
@media only screen {
  ul.three_columns > li {
    width: 100%;
  }

}

/* medium displays */
@media only screen and (min-width: 768px) {
  ul.three_columns > li {
    width: 50%;
    float: left;
  }
}
        
/* large displays */
@media only screen and (min-width: 1024px) {
  ul.three_columns > li {
    width: 33.333%;
    float: left;
  }
}


ul.three_columns > li a {
  text-decoration: none;
}

ul.three_columns > li a.button {
  margin: 10px 10px 0 0;
}

ul.three_columns > li div.fb-box {
/*  background: transparent url('../images/bg-light.png') left top;*/
  max-height: 313px;
  width: 315px;
  padding: 10px;
  overflow: hidden;
}

ul.three_columns > li div.fb-box body span {
  color: #fff !important;
}

ul.three_columns ul:not(.tab) {
  margin: 0 -0.4rem;
}



/* 2 COLUMNS */
ul.two_columns {
  margin: 0;
  padding: 0;
}

ul.two_columns > li {
  margin: 0;
  padding: 0 0.4rem;
  box-sizing: border-box;
  list-style-type: none;
  float: left;
}

ul.two_columns ul:not(.tab) {
  margin: 0 -0.4rem;
}

/* small displays */
ul.two_columns > li {
  width: 50%;
  float: left;
}


@media only screen {
  ul.two_columns:not(.all) > li {
    width: 100%;
    float: none;
  }

  ul.two_columns ul .half {
    width: 50%;
  }
}

/* medium displays */
@media only screen and (min-width: 768px) {
  ul.two_columns > li, ul.two_columns:not(.all) > li {
    width: 50%;
    float: left;
  }
}


ul.two_columns > li a {
  text-decoration: none;
}

ul.two_columns > li > ul > li a.button {
  margin: 10px 10px 0 0;
}


/* BUTTONS */
.buttons, p.buttons {
    margin: 1.4em 0 0;
    padding: 0;
}

a.button {
  font-size: 0.9em;
  line-height: 1.3em;
  color: #FFF !important;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.5em 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
  background: #37bb2c; /*fallback for non-CSS3 browsers*/
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#37bb2c) to(#24791d)); /*old webkit*/
  background: -webkit-linear-gradient(top, #37bb2c, #24791d); /*newer webkit*/
  background: -moz-linear-gradient(top, #37bb2c, #24791d); /*old gecko*/
  background: -o-linear-gradient(top, #37bb2c, #24791d); /*opera 11.10+*/
  background: linear-gradient(to bottom, #37bb2c, #24791d); /*firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers*/

  position: relative;
  behavior: url(/templates/jsp/PIE/PIE.htc);
}

a.button:hover {
  background: #24791d; 
}

a.back {
  line-height: 1.3em;
  color: #FFF !important;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.4em 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
  background: #929592; /*fallback for non-CSS3 browsers*/
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#393939) to(#929592)); /*old webkit*/
  background: -webkit-linear-gradient(top, #393939, #929592); /*newer webkit*/
  background: -moz-linear-gradient(top, #393939, #929592); /*old gecko*/
  background: -o-linear-gradient(top, #393939, #929592); /*opera 11.10+*/
  background: linear-gradient(to bottom, #393939, #929592); /*firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers*/

  position: relative;
  behavior: url(/templates/jsp/PIE/PIE.htc);
}

a.back:hover {
  background: #393939; 
}

a.redbutton {
  font-size: 0.9em;
  line-height: 1.3em;
  color: #FFF !important;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.4em 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
  background: #e00008; /*fallback for non-CSS3 browsers*/
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#e00008) to(#970005)); /*old webkit*/
  background: -webkit-linear-gradient(top, #e00008, #970005); /*newer webkit*/
  background: -moz-linear-gradient(top, #e00008, #970005); /*old gecko*/
  background: -o-linear-gradient(top, #e00008, #970005); /*opera 11.10+*/
  background: linear-gradient(to bottom, #e00008, #970005); /*firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers*/

  position: relative;
  behavior: url(/templates/jsp/PIE/PIE.htc);
}

a.redbutton:hover {
  background: #970005; 
}

a.close {
  line-height: 1.3em;
  color: #FFF !important;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.4em 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
  background-color: #e00008; 
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e00008), to(#970005));
  background: -webkit-linear-gradient(top, #e00008, #970005);
  background: -moz-linear-gradient(top, #e00008, #970005);
  background: -ms-linear-gradient(top, #e00008, #970005);
  background: -o-linear-gradient(top, #e00008, #970005); 

  position: relative;
  behavior: url(/templates/jsp/PIE/PIE.htc);
}

a.close:hover {
  background: #970005; 
}

a.yellowbutton {
  font-size: 0.9em;
  line-height: 1.3em;
  color: #000 !important;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.4em 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
  background: #ffec00; /*fallback for non-CSS3 browsers*/
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffec00) to(#ffd900)); /*old webkit*/
  background: -webkit-linear-gradient(top, #ffec00, #ffd900); /*newer webkit*/
  background: -moz-linear-gradient(top, #ffec00, #ffd900); /*old gecko*/
  background: -o-linear-gradient(top, #ffec00, #ffd900); /*opera 11.10+*/
  background: linear-gradient(to bottom, #ffec00, #ffd900); /*firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers*/

  position: relative;
  behavior: url(/templates/jsp/PIE/PIE.htc);
}

a.yellowbutton:hover {
  background: #ffd900; 
}


.topright {
  position: absolute!important;
  right: 1em;
  top: -2.8em;
}

a.bottomleft {
  position: absolute;
  bottom: 1.8em;
  left: 1.4em;
  white-space: nowrap;
/*  z-index: 100;*/
}


/* FORMS */
fieldset {
  border: none;
  padding: 0px 1em 1em;
  margin: 0;
  position: relative;
}

legend {
  margin: 0;
  font-size: 1.4em;
  font-family: Defener, Arial, sans-serif;
  padding: 0 0 0.8em; 
  color: #fff;
}

label, div.label {
  display: block;
  line-height: 150%;
  margin-top: 0.3em;
  padding-bottom: 0 !important;
}
/*
label.half {
  width: 48%;
}

label.t1, .lt1 {
  width: 33.333%;
  padding-right: 1em;
}

label.t2, .lt2 {
  width: 66.6666%;
  padding-right: 1em;
}

label.t3 {
  width: 100%;
  padding-right: 1em;
}
*/
div.label label {
  font-size: 1em;
  margin: 0.2em 0 0;
}

input, select, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0.2rem !important;
}

input[type="text"], input[type="number"], input[type="password"], select, textarea {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  font-family: Arial, sans-serif;
/*  font-size: 1em;*/
  font-size: 16px;
  border: 1px solid #fff;
  background: #fff;
  padding: 0.3em;
  width: 100%;

  position: relative;
  behavior: url(/templates/jsp/PIE/PIE.htc);
}

label input[type="text"], input[type="number"], input[type="password"], input[type="button"], label select, label textarea {
  margin: 0 0.5em 0 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield;
}

label input[type="checkbox"], input[type="radio"] {
}

input[type="button"], input[type="submit"] {
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.4em !important;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.9em;
  
  background: #37bb2c; /*fallback for non-CSS3 browsers*/
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#37bb2c) to(#24791d)); /*old webkit*/
  background: -webkit-linear-gradient(top, #37bb2c, #24791d); /*newer webkit*/
  background: -moz-linear-gradient(top, #37bb2c, #24791d); /*old gecko*/
  background: -o-linear-gradient(top, #37bb2c, #24791d); /*opera 11.10+*/
  background: linear-gradient(to bottom, #37bb2c, #24791d); /*firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers*/

  position: relative;
  behavior: url(/templates/jsp/PIE/PIE.htc);
}

input[type="button"]:hover, input[type="submit"]:hover  {
  background: #24791d; 
}

input.date {
  width: 7em;
  text-align: center;
}

input.pocet {
  width: 2em;
  text-align: right;
}

button.ui-datepicker-trigger {
  float: right;
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.4em;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.9em;
  
  background: #37bb2c; /*fallback for non-CSS3 browsers*/
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#37bb2c) to(#24791d)); /*old webkit*/
  background: -webkit-linear-gradient(top, #37bb2c, #24791d); /*newer webkit*/
  background: -moz-linear-gradient(top, #37bb2c, #24791d); /*old gecko*/
  background: -o-linear-gradient(top, #37bb2c, #24791d); /*opera 11.10+*/
  background: linear-gradient(to bottom, #37bb2c, #24791d); /*firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers*/
  
  cursor: hand;
  cursor: pointer;

  position: relative;
  behavior: url(/templates/jsp/PIE/PIE.htc);
}

/* RESULT */
div#result-bg {
	background: #000000;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.40;
	opacity: 0.4;
	width: 100%;
	height: 100%;
	z-index: 999;
	position: absolute;
}

div#result-box {
	z-index: 1000;
	position: absolute; 
	background: #FFFFFF;
	padding: 3em 0 6em 3em;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .50);
  -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .50);
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .50);
  color: #e00008; 
/*  text-align: center;*/
  font-size: 1.1em;
  max-width: 600px;
  min-width: 300px;
  width: 100%;

  behavior: url(/templates/jsp/PIE/PIE.htc);
}

div#result {
	position: relative;
	padding: 0 3em 0 0;
}

div#result-box div.buttons-container {
position: absolute;
left: 0;
bottom: 2em;
margin: 0;
width: 100%;
padding: 0;
}

div#result-box div.buttons {
  margin: 0;
  padding: 0 3em;
}

div#result-box input[type="text"], div#result-box input[type="password"] {
	border: 1px solid #000;
}

div#result-box input[type="button"], div#result-box input[type="submit"], div#result-box a.button {
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.3em;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 1em;
  margin-top: 1em;
  
  background: #e00008; /*fallback for non-CSS3 browsers*/
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#e00008) to(#970005)); /*old webkit*/
  background: -webkit-linear-gradient(top, #e00008, #970005); /*newer webkit*/
  background: -moz-linear-gradient(top, #e00008, #970005); /*old gecko*/
  background: -o-linear-gradient(top, #e00008, #970005); /*opera 11.10+*/
  background: linear-gradient(to bottom, #e00008, #970005); /*firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers*/

  position: relative;
  behavior: url(/templates/jsp/PIE/PIE.htc);
}


div#result-box a.button {
  padding: 0.4em 1em;
  margin-top: 0;
}

div#result-box a, div#result-box legend {
	color: #E00008;
}

div#result-box input.green, div#result-box a.green {
  background-color: #24781d; 
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#24791d), to(#37bb2c));
  background: -webkit-linear-gradient(top, #37bb2c, #24791d);
  background: -moz-linear-gradient(top, #37bb2c, #24791d);
  background: -ms-linear-gradient(top, #37bb2c, #24791d);
  background: -o-linear-gradient(top, #37bb2c, #24791d);
  margin-left: 2em;
}

div#result-box input.gray, div#result-box a.gray {
  background: #929592; /*fallback for non-CSS3 browsers*/
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#393939) to(#929592)); /*old webkit*/
  background: -webkit-linear-gradient(top, #393939, #929592); /*newer webkit*/
  background: -moz-linear-gradient(top, #393939, #929592); /*old gecko*/
  background: -o-linear-gradient(top, #393939, #929592); /*opera 11.10+*/
  background: linear-gradient(to bottom, #393939, #929592); /*firefox 16+, chrome 26+, IE10+, opera 12.10+, future browsers*/
  margin-left: 2em;
}

div#result-box span.gray {
  color: #929592; /*fallback for non-CSS3 browsers*/
  line-height: 2em;
}


div#result-box label {
	text-align: left;
}

div#result-box label.half:nth-of-type(1) {
  margin-right: 4%;
}

div#result-box fieldset {
  padding: 0 0 1em;
}

div#result-box h1, div#result-box h2, div#result-box h3, div#result-box p {
	padding-left: 0;
	padding-right: 0;
}

div#result-box a.remove {
  margin-left: 5px;
}

/* FOOTER */
div.footer {
  background: #000;
  color: #FFFFFF;
  padding: 20px 0px;
}

div.footer p {
  font-size: 0.9em;
}

div.footer img.left {
  margin: 0 1em 2em 0;

}

div.footer label {
  padding: 0 1em;
}

div.footer label input.t1 {
  width: 33.333%!important;
}

#cookie-notice {
  padding: 5px 0;
  background-color: #24781d;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10000;
}

#cookie-notice p {
    line-height: 2;
    padding: 0;
  }

 /* SCROLL BUTTON */
a.scrollup{
  width:40px;
  height:40px;
  opacity:0.5;
  position:fixed;
  bottom:40px;
  right: 40px;
  display:none;
  text-indent:-9999px;
  background: url('../images/icon-top.png') no-repeat scroll center center #000;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;

}

a.scrollup:hover {
    background-color: #24781d;
    opacity:1;
}

/* TOOLTIP */
.toolTip {
	position: absolute;
	display: none;
  background: #24781d;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .50);
  -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .50);
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .50);   
  padding: 1em 0 0;
  max-width:200px;
  display:none;
  text-align:left;
	z-index: 1000;

  behavior: url(/templates/jsp/PIE/PIE.htc);
} 

.toolTip p {
  padding: 0 1em 1em;
} 

.toolTip p.free {
  padding: 0.5em;
  background: #11350e;
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
} 

.toolTip p.reserved {
  padding: 0.5em;
  background: #ff0000;
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
} 

.toolTip p.buttons {
  margin: 0;
  padding: 0;
} 

.toolTip p.buttons a {
  display: block;
  padding: 0.5em;
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
  text-transform: uppercase;
  text-decoration: none;
} 

.toolTip p.buttons a.touch-close {
  border: none;
  text-transform: uppercase;
  text-decoration: none;
  background: #ff0000;
} 


.error {
  border: 1px solid #fff !important;
  background: #e00008 !important;
  color: #fff !important;
}

/* REZERVACE */
div.banner_rezervace {
  padding: 0;
  position: relative;
}

div.banner_rezervace p {
  position: absolute;
  top: 1em;
  left: 1.4em;
  padding: 0;
}


div.banner_rezervace .h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2.2em;
}

div.rezervace_pubs {
  background: #24781d;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .50);
  -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .50);
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .50);   
  padding: 10px;
  margin: 0px;
  z-index: 100;
  left: 120px;
  position: absolute;
  display: none;  
}

/* small displays */
@media only screen {
  div.rezervace_pubs {
    width: auto !important;
  }
}

/* medium displays */
@media only screen and (min-width: 768px) {
  div.rezervace_pubs {
    width: 510px;
  }
}


div.rezervace_pubs ul li.column {
  width: 170px;
}

div.rezervace_pubs ul li.column p {
  padding: 0;
  line-height: 1.2em;
}

div.rezervace_pubs ul li.column p.country {
  padding: 5px 10px;
  font-family: Defener, Arial, sans-serif;
  font-size: 1.2em;
  line-height: 1.1em;
  color: #000;
}

div.rezervace_pubs ul {
  padding: 0px;
  margin: 0px;
}

div.rezervace_pubs ul li {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

@media only screen and (min-width: 768px) {
  float: left; 
}

div.rezervace_pubs li a {
  display: block;
  padding: 5px 10px;
  font-family: Arial, sans-serif;
  width: 150px;
  font-size: 0.9em;
  text-decoration: none;
  
}

div.rezervace_pubs li a:hover {
  background: #11350f;
}

div.rezervace_pubs li a span {
  color: #11350f;
  margin-left: 5px;
  font-size: 0.9em;
}

div.rezervace_pubs li a:hover span {
  color: #fff;
}

/* CLUB */
div.banner_club {
  padding: 0;
  position: relative;
}

div.banner_club p {

}

div.banner_club p.club_banner_card {
  position: absolute;
 top: 1em;
 left: 1.4em; 
}

div.banner_club .club_banner_pubs {
    box-sizing: border-box;
    left: 0.4rem;
    padding: 0 1.8rem 0 1rem;
    position: absolute;
    bottom: 3.6rem;
    width: 100%;
}

div.banner_club .club_banner_buttons {
    bottom: 1.8rem;
    box-sizing: border-box;
    left: 0.4rem;
    padding: 0 1.8rem 0 1rem;
    position: absolute;
    width: 100%;
}

div.club_countries {
  z-index: 100;
  display: none;
}

div.banner_club form {
  padding: 0;
  margin: 0;
}

table.club {
  margin: 0 auto;
  padding: 0;
  border-collapse: collapse;
}

table.club td {
  padding: 0 0.5em;
}

div.pivni_kreditka img {
  margin: 0.5em;
}

div.voucher {
	position: relative;
	height: 179px;
  width: 280px;
	margin: 0 auto;
  
}

div.voucher span {
	position: absolute;
	bottom: 0px;
	right: 10px;
	font-family: Defener, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
  color: #000;
  line-height: 40px;
  font-weight: bold;
}

div.club_countries {
  position: absolute;
  background: #24781d;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .50);
  -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .50);
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .50);   
  padding: 10px;
  margin: 0px;
  z-index: 100;
  left: 120px;
  width: 170px;

}

div.club_countries ul {
  padding: 0px;
  margin: 5px 0px 0px;
}

div.club_countries ul li {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

div.club_countries li a {
  display: block;
  padding: 5px 10px;
  font-family: Arial, sans-serif;
  width: 150px;
  font-size: 0.9em;
  text-decoration: none;
  
}

div.club_countries li a:hover {
  background: #11350f;
}


div.content.narozeniny {
  background: url("../images/club/bg-narozeniny.png") no-repeat scroll center top transparent;
  min-height: 579px;
}

/* medium displays */
@media only screen and (max-width: 768px) {
  div.content.narozeniny {
    background: transparent;
    min-height: 0;
  }
}

/* ESHOP */
div.box_cart ul {
  position: absolute;
  width: 100%;
  padding: 0 1.8rem 0 1rem;
  margin: 0;
  box-sizing: border-box;
}

div.box_cart ul.box_cart_content {
  top: 1em;
  left: 0.4em;
}


div.box_cart ul.box_cart_buttons {
  bottom: 1.8rem;
  left: 0.4rem;
  line-height: 2.3em;
}


div.box_cart ul li {
  list-style-type: none;
  padding: 0;
}



div.box_cart ul.box_cart_buttons li {
  width: 33.3333%;
  float: left;
}

div.box_cart ul li h3 {
  margin: 0;
  padding: 0;
}

div.box_cart ul li a {
  font-size: 0.9em;
}

div.box_cart ul li a.button, div.box_cart ul li a.back {
  padding-left: 0.4em;
  padding-right: 0.4em;
}

div.box_cart ul li a.cart_link {
  text-transform: uppercase;
}

div.box_cart ul li a img{
  margin: 0 0.2em 0 0;
  vertical-align: middle;
}

ul.cart, ul.cart h3 {
  min-width: 500px;
}


ul.cart, ul.cart h3, ul.cart p {
  margin: 0;
  padding: 0;
}

ul.cart li {
  list-style-type: none;
  text-align: left;
  margin: 0 0 0.5em;
  padding: 0 0 0.5em;
  position: relative;
}

ul.cart li .price_total {
  font-size: 1.2em;
  position: absolute;
  bottom: 0.5em;
  right: 0;
  margin: 0;
}

ul.cart li .price_per_item, ul.cart li .price_total span {
  display: none;
}

ul.cart li a.right {
  margin-left: 1em;
}

ul.cart p, div#eshop_order p, ul.cart h1 {
  margin: 0;
}

div#eshop_order h3 {
    line-height: 1.6em;
    padding-bottom: 0;
    padding-left: 0;
}

div#result-box ul.cart li {
  border-bottom: 1px solid #24781d;
}

div#eshop_cart ul.cart li a.remove {
  display: none;
}

#eshop_shipping_price, #eshop_payment_price {
  font-size: 1.2em;
  line-height: 1.6em;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

#eshop_total_price {
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

div#eshop_order p.left {
  margin-left: 0;
  padding-left: 0;
}

div#eshop_order p.right {
  margin-right: 0;
  padding-right: 0;
}


div#eshop_order .input_terms {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* ROZVOZ */
div#result-box table.price {
  display: none;
}


div.order a.remove {
  display: none;
}

/* KONTAKTY */
div.contacts-images {
    margin-top: 10px;
    text-align: center;
    width: 300px;
}

/* EVENTS */
#events-pub h3 {
    padding-top: 0;
}

#events input.half {
    width: 50%;
    margin: 0;
}