* {padding: 0; margin: 0;}
html {font-family: 'Montserrat', sans-serif; font-weight:500; color:#000; font-size:12pt; height: 100%; margin: 0px; padding: 0px;}
body {height: 100%; width: 100%; margin: 0 auto; padding: 0px; }             

.clear-b{clear: both;}
.clear-l{clear: left;}
.clear-r{clear: right;}                 

hr.dark {text-align: center; width:95%; background-color:#ff7900; height:3px; border: 0px; margin: 0 auto;}
hr.small-dark {text-align: center; background-color:#000; height:3px; border: 0px; margin: 30px auto;}

img {border:0px;}
iframe {border:0px;}

a {text-decoration: none; color: #242424;}
a.menu {margin-right:50px;}
a.underline {text-decoration: underline;}
a:hover {text-decoration: none;}  
a.blank:hover {text-decoration: none;}

h1, h2, h3 {margin:0;	color: #ff7900; font-weight: 600;}

h2 {font-size: 3.5vw;}
	
h3 {font-size: 28pt;}

h4 {font-size: 16pt; font-weight: 600;}

p {margin:5px 0 10px 0;}
.claim {line-height: 22pt;}
.story {line-height: 18pt;}

.spacer-200{height:200px; clear:both;}
.spacer-100{height:100px; clear:both;}
.spacer-80{height:80px; clear:both;}
.spacer-60{height:60px; clear:both;}
.spacer-50{height:50px; clear:both;}
.spacer-40{height:40px; clear:both;}
.spacer-30{height:30px; clear:both;}
.spacer-20{height:20px; clear:both;}
.spacer-15{height:15px; clear:both;}
.spacer-10{height:10px; clear:both;}
.spacer-5{height:5px; clear:both;}
.spacer-0{height:0px; clear:both;}

.fll {float:left}
.flr {float:right;}
.hidden {display: none;}
.noborder {border: 0px;}

.text-normal {font-weight: 500;}
.text-medium {font-weight: 600;}
.text-semibold {font-weight: 700;}
.text-bold {font-weight: 800;}
.text-alt {font-family: 'Montserrat Alternates', sans-serif;}


.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.text-justify {text-align: justify;}

.text-shadow {text-shadow: 2px 2px 10px #555;}

.text-white {color:#FFF;}
.text-grey {color:#a0a0a0;}
.text-dark {color: #242424;}

.text-6 {font-size:6pt;}
.text-8 {font-size:8pt;}
.text-10 {font-size:10pt;}
.text-11 {font-size:11pt;}
.text-12 {font-size:12pt;}
.text-13 {font-size:13pt;}
.text-14 {font-size:14pt;}
.text-16 {font-size:16pt;}
.text-18 {font-size:18pt;}                                                                          
.text-20 {font-size:20pt;}
.text-22 {font-size:22pt;}
.text-24 {font-size:24pt;}
.text-26 {font-size:26pt;}
.text-30 {font-size:30pt;}
.text-40 {font-size:40pt;}
.text-50 {font-size:50pt;}
.text-60 {font-size:60pt;}
.text-big {font-size: 6vw;}

.m0 {margin:0;}

.mt-5 {margin-top: 5px;}
.mt-7 {margin-top: 7px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-50 {margin-top: 50px;}


.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-60 {margin-bottom: 60px;}

.ml-5 {margin-left: 5px;}
.ml-10 {margin-left: 10px;}
.ml-15 {margin-left: 15px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.ml-50 {margin-left: 50px;}

.mr-5 {margin-right: 5px;}
.mr-10 {margin-right: 10px;}
.mr-20 {margin-right: 20px;}
.mr-30 {margin-right: 30px;}
.mr-50 {margin-right: 50px;}

.mauto {margin:0 auto; width:1000px;}

.w50 {width:50%;}
.w33 {width:33%;}
.w25 {width:25%;}

.op-50 {opacity: 0.5; filter: alpha(opacity = 30);}

.over-hide {overflow: hidden;}

.pointer {cursor: pointer;}
.table {display: table;}
.tcm {display: table-cell; vertical-align: middle;}
.tcb {display: table-cell; vertical-align: bottom;}

dd {margin: 10px;}

.bg {background-color: #555;}
.bg-white {background-color: #FFF;}
.bg-yellow {background-color: #f8b601;}
.bg-orange {background-color:#f07d00;}

.round {
  border: 0;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  }

.posrel { position: relative;}  
.bgb {background-color: #000;}

/*------------------------------------------------------------------------------*/

#content {	
	width:95%;
	margin: 0 auto;
	height: 100%;
	}

#top {
	height: 150px;
	margin: 0 auto;
	}

#top-sep {
	margin: 12px 0 12px 0;
	background-color: #ff7900;
	width: 400px;        
	height: 2px; 
	}	

#top-logo {

  }

#top-slide {
  width: 100%;
  height: 100%;
  margin:0 auto;
  background-color: #000;
  position: relative;
  background-position: center;
  }

.slide-buttons {
	width: 240px;
  position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto; 
  margin-right: auto;
	}
  
.slide-box-active {	
	width: 60px;
	height: 60px;
	background-color: #FFF;
	}
	
.slide-box {	
	width: 60px;
	height: 60px;
	background-image: url(../gfx/dot.png);
	}
  
#top-slogan {
  color:#FFF;
  font-size: 6vw;
  letter-spacing: 0.3vw;
  line-height: 8vw;
  }  
  
.slogan {
  letter-spacing: 0.3vw;
  line-height: 3vw;
  }                
  
.slogan-box {
  width: 100%;
  //height: 310px;
  letter-spacing: 5px;
  font-size: 55pt;
  background-color: #FFF;
  }

.sep-image {
  width: 100%;
  height: 80%;
  margin:0 auto;
  background-color: #000;
  }

.inl {
 	width: 95%;
 	}
  
.sep25 {
	margin: 30px 0 30px 0;
	background-color: #ff7900;
	width: 90%;        
	height: 2px; 
	}	  

#reference {
  width: 100%;
  }
  
.ref-box {
  width: 25%;
  padding-top: 19%;
  position: relative;
  margin-bottom: 60px;
}

.ref-box-in-f {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto; 
  width: 90%;
  height: 100%;
  border-bottom: 2px solid #ff7900;
}

.ref-box-in-l {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto; 
  width: 90%;
  height: 100%;
  border-bottom: 2px solid #ff7900;
}

.ref-box-in-r {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto; 
  width: 90%;
  height: 100%;
  border-bottom: 2px solid #ff7900;
}

.ref-box-img {
  width: 100%;
  height: 83%;
  background-color: #000; 
  }
  
.ref-box-text {
  height: 17%;
  display: table;
  }
  
.ref-box-text-in {
  display: table-cell;
  vertical-align: middle;
  }
  
.ref-box-info {
  margin-left: 5%;
  margin-top: 5%; 
  width: 90%;
  height: 73%;
  background-color: #FFF; 
  position: absolute;
  }

.ref-nazev {
  margin-left: 15px;
  line-height: 16pt;
  height: 60%;
  margin-bottom: 5%;
  position: relative;
  }
  
.ref-nazev-in {
  position: absolute;
  bottom: 0;
  }
  
.ref-datum {
  margin-left: 15px;
  height:25%;
  margin-bottom: 10%;
  position: relative;
  }

.ref-datum-in {
  position: absolute;
  bottom: 0;
  }