/*-----------------------------------------------------------------------------------*/
/*	GENERAL
/*-----------------------------------------------------------------------------------*/
ul#strankovani {  
  float: right;
  list-style: none;
  margin: 10px 5px 0px 0px;
  padding: 0px;
  clear: left; 
}
ul#strankovani li {
  float: left;
  width: auto;  
  font-size: 0.85em;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-weight: bold;
  background: none;
  list-style-type: none;
}
ul#strankovani li.next a {
  border-right: 1px solid #fff;
}
ul#strankovani li.next a:hover {
  border-right: 1px solid #fff;
}
ul#strankovani li a {  
  float: left;
  color: #fff;
  min-width: 30px;
  background: #a6ce38;
  text-decoration: none;
  text-align: center; 
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  border-left: 0px solid #fff;
  padding: 5px 5px 5px 5px;
}
ul#strankovani li a:hover {
  color: #fff;
  padding: 5px 5px 5px 5px;
  background: #000;
  border-top: 1px solid #fffde9;
  border-bottom: 1px solid #fffde9;
  border-right: 1px solid #fffde9;
  border-left: 0px solid #fffde9;
}
ul#strankovani li.active a {  
  background: #000;
  color: #fff;
  //border: 1px solid #fff;
}
ul#strankovani li.active a:hover {
  color: #fff;
  background: #a6ce38;
}

/*-----------------------------------------------------------------------------------*/
/*	OBECNE
/*-----------------------------------------------------------------------------------*/
.full {
  float: left;
  width: 100%;
}
.half {
  float: left;
  width: 50%;
}
.col40 {
  float: left;
  width: 40%;
}
.col30 {
  float: left;
  width: 30%;
}
.imgleft {
  float: left;
  margin: 0px 10px 20px 0px;
}
.imgright {
  float: right;
  margin: 0px 0px 10px 20px;
}
img.resp {
  width: 100%;
  height: auto;
}
img.superb {
  float: right;
  width: 50%;
  max-width: 500px;
  height: auto;
  margin: 0px 0px 10px 20px;
}
img.intrlogo {
  float: right;
  width: 100%;
  max-width: 320px;
  height: auto;
  margin: 0px 0px 10px 20px;
}
a {
  color: #a6ce39;
  text-decoration: none; 
}
a:hover {
  color: #000;
  text-decoration: underline; 
}
.content ol {
  padding: 10px 0px 20px 25px;
}
.content ol li {
  padding: 3px 0px 3px 0px;
}



/*-----------------------------------------------------------------------------------*/
/*	NADPISY
/*-----------------------------------------------------------------------------------*/
h1 {
  float: left;
  width: 100%;
  font-family: 'montserratregular', Tahoma, Arial, sans-serif;
  font-size: 1.6em;
  font-weight: normal;
  color: #000;
  padding: 0px 0px 12px 0px;
  margin: 10px 0px 20px 0px;
  background: url('../../images/bgr-hx.png') bottom left no-repeat;
}
h2 {
  float: left;
  width: 100%;
  font-family: 'montserratregular', Tahoma, Arial, sans-serif;
  font-size: 1.6em;
  font-weight: normal;
  color: #000;
  background: url('../../images/bgr-hx.png') bottom left no-repeat;
  margin: 0px 0px 12px 0px;
  padding: 15px 0px 20px 0px;
}
h3 {
  font-family: 'montserratregular', Tahoma, Arial, sans-serif;
  font-size: 1.4em;
  line-height: 1.1em;
  font-weight: normal;
  color: #000;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
}
h4 {
  font-family: 'montserratregular', Tahoma, Arial, sans-serif;
  font-size: 1.0em;
  line-height: 1.1em;
  font-weight: normal;
  color: #000;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
  background: none;
}
p {
  font-size: 0.85em;
  padding: 0px 0px 10px 0px;
}


div.gal ul.foto {
  float: left;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  list-style: none;
  overflow: hidden;
}
div.gal ul.foto li {
  position: relative;
  float: left;
  height: auto;
  padding: 0px 20px 0px 0px;
  margin: 0px 0px 20px 0px;
  background: none;
}
div.gal ul.foto.main li {
  width: 25%;
}
div.gal ul.foto.norm li {
  width: 16.66%;
}
ul.foto li img {
  display: block;
  width: 100%;
  height: auto;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
ul.foto.main li img {
  max-width: 300px; 
}
ul.foto.norm li img {
  max-width: 200px; ;
}
div.gal ul.foto li a {
  position: relative;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
ul.foto li a div.zoom {
  position: absolute;
  bottom: 0px; 
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 30%; 
}
ul.foto li a div.zoom i {
  font-size: 2.5em;
  color: #fff;
}
ul.foto li a:hover div.zoom i {
  color: #23ce6b;
}
ul.foto li a div.show {
  display: none;
  position: absolute;
  bottom: 0px; 
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(35,206,107, .8);
}
ul.foto li a div.show p {
  font-size: 3em;
  color: #fff;
  padding: 35% 0px 0px 0px;
  text-align: center;
}
ul.foto li a:hover div.show {
  display: block;
}
div.gal ul.foto li p {
  float: left;
  height: 50px;
  width: 100%;
  text-align: center;
  padding: 5px 0px 5px 0px;
  font-size: 1.2em;
}

div.form-group {
  display: table;
  width: 100%;
  padding: 0px 0px 5px 0px;
}
div.form-group .col-md-3 {
  display: table-cell;
  width: 25%;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  text-align: right;
}
div.form-group .col-md-7 {
  display: table-cell;
  width: 70%;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
div.form-group .col-md-10 {
  display: block;
  width: 100%;
  margin: 15px auto 0px auto;
  padding: 0px;
  text-align: center;
}
div.form-group label {
  float: right;
  height: 100%;
  line-height:28px;
  font-size: 0.85em;
  padding: 0px 10px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: right;
  font-weight: bold;
  color: #000;
}
div.show-group label.detail {
  float: left;
  width: 20%;
  height: 100%;
  line-height:28px;
  padding: 0px 10px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  font-weight: bold;
}
button.detail {
  width: 20%;
  font-family: 'montserratbold', Tahoma, Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  padding: 5px 15px 5px 15px;
  background: #87cc00;
  border: none;
  cursor: pointer;
}
div.form-group label.high {
  height: 60px;
}
div.form-group label.radio {
  float: left;
  height: 28px;
  line-height: 28px;
  padding: 0px 30px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
}
div.form-group label.err {
  float: left;
  width: 100%;
  height: auto;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  font-weight: bold;
  color: red;
  font-size: 0.9em;
}
div.form-group div input, div.form-group div select {
  float: left;
  width: 100%;
  height: 28px;
  padding: 3px 5px 3px 5px;
  font-size: 0.8em;
  line-height: 1.4em;
  font-family: Tahoma, Arial, sans-serif;
  color: #555555; 
  border: 1px solid #cccccc;
}
div.form-group div textarea {
  float: left;
  width: 100%;
  height: 60px;
  padding: 3px 5px 3px 5px;
  line-height: 1.4em;
  font-size: 0.8em;
  color: #555555;
  font-family: Tahoma, Arial, sans-serif;
  border: 1px solid #cccccc;
}
div.form-group div input.date-pick {
	background: url('../../images/calendar.gif') right top no-repeat; 
}
div.form-group div input.time {
	background: url('../../images/time.gif') right top no-repeat; 
}
div.form-group div input[type=number] {
  float: left;
  width: 30%;
  height: 28px;
  padding: 3px 5px 3px 5px;
  margin: 0px 5% 0px 0px;
  font-size: 0.8em;
  line-height: 1.4em;
  font-family: Tahoma, Arial, sans-serif;
  color: #555555; 
  border: 1px solid #cccccc;
}
div.form-group div input.short {
  float: left;
  width: 65%;
  height: 28px;
  padding: 3px 5px 3px 5px;
  font-size: 0.8em;
  line-height: 1.4em;
  color: #555555; 
  border: 1px solid #cccccc;
  font-family: Tahoma, Arial, sans-serif;
}
div.form-group div input.date-pick {
  width: 60%;
  padding: 3px 5px 3px 5px;
  margin-right: 5%;
  font-size: 0.8em;
  font-family: Tahoma, Arial, sans-serif;
}
div.form-group div input.time {
  width: 35%;
  padding: 3px 5px 3px 5px;
  margin-right: 0%;
  font-family: Tahoma, Arial, sans-serif;
}
div.form-group div input[type=checkbox], div.form-group div input[type=radio] {
  float: left;
  width: auto;
  height: 28px;
  padding: 3px 5px 3px 5px;
  margin-right: 10px;
}
button.submit {
  font-family: 'montserratbold', Tahoma, Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 15px 10px 15px;
  background: #87cc00;
  border: none;
  cursor: pointer;
}
button.submit:hover {
  color: #87cc00;
  background: #000;
}
button.submit a {
  border: 1px solid red;
}

div.form-group a.submit {
  float: left;
  font-family: 'montserratbold', Tahoma, Arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 15px 10px 15px;
  background: #87cc00;
  border: none;
  cursor: pointer;
  text-decoration: none;
}
div.form-group a.submit:hover {
  color: #87cc00;
  background: #000;
  text-decoration: none;
}
p.btncont {
  float: right;
  width: 100%;
}
.btn {
  font-size: 1.0em;
  font-family: 'montserratbold', Tahoma, Arial, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  padding: 8px 20px 7px 20px;  
}
.btn i {
  color: #fff;
  padding: 0px 0px 0px 10px; 
}
.btn.light {
  color: #000;
  background: #a6cf39;
}
.btn.light:hover {
  color: #a6cf39;
  background: #000;
  text-decoration: none;
}
.btn.dark {
  color: #fff;
  background: #082e4e;
}
.btn.dark:hover {
  color: #fff;
  background: #f79433;
  text-decoration: none;
}
.danger {
  padding: 5px 5px 5px 0px;
  margin: 0px 0px 10px 0px;
  color: #fff;
  font-family: 'montserratregular', Tahoma, Arial, sans-serif;
  font-size: 1.0em;
  text-align: center;
  background: red;
}
#success_page p {
  color: #fff;
  font-family: 'montserratregular', Tahoma, Arial, sans-serif;
  font-size: 1.0em;  
  padding: 5px;
  background: #bbd700;
}
#success_page p strong {
  font-family: 'montserratbold', Tahoma, Arial, sans-serif;
  font-weight: 600;
}
ul strong, p strong {
  font-family: 'montserratbold', Tahoma, Arial, sans-serif;
  font-weight: 600;
}

.section ul {
  list-style: none;
  padding: 0px 0px 0px 0px;
}
.section ul li {
  font-size: 0.85em;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 5px 0px;
  background: url('../../images/bgr-li.png') no-repeat top 4px left;
}

div#timeline {
  float: left;
  width: 100%;
  background: url('../../images/bgr-timeline.png') top center repeat-y;
  margin: 20px 0px 20px 0px;
  padding: 20px 0px 20px 0px;
}
div#timeline div.timerow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  padding: 0px 0px 30px 0px;
}
div#timeline div.timerow div.lside {
  float: left;
  width: 44%;
  text-align: right;
  padding: 0px 0px 0px 40px;
}
div#timeline div.timerow div.centr {
  position: relative;
  float: left;
  width: 12%;
  text-align: center;
}
div#timeline div.timerow div.rside {
  float: left;
  width: 44%;
  text-align: left;
  padding: 0px 40px 0px 0px;
}
div#timeline div.timerow div h3 {
  font-size: 1.1em;
  font-family: 'montserratbold', Tahoma, Arial, sans-serif;
  text-transform: uppercase;
  padding: 20px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
div#timeline div.timerow div p {
  padding: 5px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
}
div#timeline div.timerow div.centr img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
}
div#timeline div.timerow div.lside img, div#timeline div.timerow div.rside img {
  width: 100%;
  height: auto;
  max-width: 450px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  /* Safari only override */
  ::i-block-chrome,div#timeline div.timerow div.centr img {
    position: relative;
    top: 0%;
    left: 0%;
    width: 80px;
    height: 80px;
    margin: 0px 0 0 0px;
  }
}

div#cart_tab {
  float: left;
  width: 100%;
  padding: 30px 0px 30px 0px;   
}
div#cart_tab div.step {
  float: left;
  width: 33%;
  height: 50px;  
  background: url('../../images/tab-cart-wizard.gif') no-repeat bottom left; 
}
div#cart_tab div.step h3 {
  font-family: 'montserratbold', Tahoma, Arial, sans-serif;
  font-size: 1.2em;
  font-weight: normal;
  padding: 0px;  
  margin: 0px;
  background: none;  
}
div#cart_tab div.step.finish {   
  background: url('../../images/tab-wizard-finish.gif') no-repeat bottom left; 
}
div#cart_tab div.step.active { 
  background: url('../../images/tab-wizard-active.gif') no-repeat bottom left; 
}
div#cart_tab div.step.notact { 
  background: url('../../images/tab-wizard-notact.gif') no-repeat bottom left; 
}
div#cart_tab div.step h2 {
  float: left;
  width: 100%;
  height: 50px;
  background: none;  
}
div#cart_tab div.step.finish h3 {
  color: #00b7f2;  
}
div#cart_tab div.step.active h3 {
  color: #000;  
}
div#cart_tab div.step.notact h3 {
  color: #c0c0c0;
}
div#cart_tab div.step a:hover h3 {
  color: #000;
  text-decoration: none; 
}
div.half-group {
  float: left;
  width: 50%;
  padding: 0px 0px 0px 0px;
}
div.show-group {
  display: table;
  width: 100%;
  padding: 0px 0px 5px 0px;
}
div.show-group .col-md-3 {
  display: table-cell;
  width: 35%;
  margin: 0px 0px 0px 0px;
  padding: 0px 5% 0px 0px;
  text-align: right;
}
div.show-group .col-md-7 {
  display: table-cell;
  width: 60%;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  font-weight: bold;
}
div.show-group .col-md-10 {
  display: block;
  width: 100%;
  margin: 15px auto 0px auto;
  padding: 0px;
  text-align: center;
}
div.show-group .col-full {
  display: block;
  width: 100%;
  margin: 15px 0px 0px 0px;
  padding: 0px;
}
div.show-group label.detail {
  float: left;
  width: 20%;
  height: 100%;
  line-height:28px;
  padding: 0px 10px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  font-weight: bold;
}
div.show-group input.detail {
  float: left;
  width: 55%;
  height: 28px;
  padding: 3px 5px 3px 5px;
  margin-right: 5%;
  font-size: 1em;
  line-height: 1.4em;
  color: #555555; 
  border: 1px solid #cccccc;
}

div.downloads {
  float: left;
  width: 100%;
  margin: 0px 0px 20px 0px;
}
div.downloads div.drow, div.downloads div.hrow {
  float: left;
  width: 100%;
  padding: 5px 0px 5px 0px;
  font-size: 0.9em;
}
div.downloads div.drow div {
  float: left;
  padding: 0px 20px 0px 0px;
}
div.downloads div.drow div p {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}