@font-face {
	font-family: 'Calibri-bold';
	src: local('?'), url('fonts/calibrib.eot') format('embedded-opentype'), url('fonts/calibrib.woff') format('woff'), url('fonts/calibrib.ttf') format('truetype'), url('fonts/calibrib.svg') format('svg');
}

@font-face {
	font-family: 'Calibri';
	src: local('?'), url('fonts/calibri.eot') format('embedded-opentype'), url('fonts/calibri.woff') format('woff'), url('fonts/calibri.ttf') format('truetype'), url('fonts/calibri.svg') format('svg');
}

body {
  background-color: #f2f2f2;
  font-family:'Calibri';
  font-weight:400;
  color: #fff;
  overflow-x:hidden;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-family:Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #333;
}


/* Paragraph & Typographic */
p {
    line-height: 28px;
    margin-bottom: 25px;
}

.centered {
    text-align: center;
}

/* Links */
a {
    color: #fff;
    word-wrap: break-word;

    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
}


.img-produkt {
-webkit-transform:scale(0.9); /*Webkit: Scale down image to 0.6x original size*/
-moz-transform:scale(0.9); /*Mozilla scale version*/
-o-transform:scale(0.9); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
}

.img-produkt:hover {
-webkit-transform:scale(1); /*Webkit: Scale up image to most of the original size*/
-moz-transform:scale(1); /*Mozilla scale version*/
-o-transform:scale(1); /*Opera scale version*/
}

#cf {
  position:relative;
  height:366px;
  width:152px;
  margin:0 auto;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transform:scale(0.9); /*Webkit: Scale down image to 0.6x original size*/
  -moz-transform:scale(0.9); /*Mozilla scale version*/
  -o-transform:scale(0.9); /*Opera scale version*/
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;  
}

#cf img.top:hover {
  opacity:0;
}

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


/* ==========================================================================
   Wrap Sections
   ========================================================================== */

#headerwrap {
	background: url(../images/background.jpg) no-repeat center top fixed;
	margin-top: -10px;
	padding-top:20px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 690px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='http://www.markpjetri.cz/tiger/images/bg.jpg',
	sizingMethod='scale');
	
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='http://www.markpjetri.cz/tiger/images/bg.jpg',
	sizingMethod='scale')"; 
}

#headerwrap h1 {
	margin-top: 100px;
	color: white;
	font-size: 70px;
	font-weight: 700;
}

#headerwrap h3 {
	color: white;
	font-size: 30px;
	font-weight: 100;
    font-family: Helvetica, serif;
    font-style: oblique;
}

#headerwrap .logo {
	text-align: center;
	margin-top: 20px;
}

#maintext {
  position:absolute;
  z-index:300;
  width:520px;
  padding:15px;
  margin-top:180px;
  margin-left:15px;
  font-size:20px;
  text-align:justify;
}

.logo {
  position:absolute;
  left:30px;
  top:10px;
  z-index:2000;
  margin:0 auto;
}

#vizual-mobile {
  display: none;
}

#vizual-max {
  display: none;
}

#vizual {
  right:0;
  margin-top:90px;
  position:absolute;
  z-index:200;
}


.nadpis {
  font-family:Calibri;
  font-size:55px;
  text-align:left;
  padding-left:40px;
  padding-top:37px;
}

.menu-con {
  position:absolute;
  width:100%;
  background-image:url(../images/menu-background.png);
  height:110px;
  font-family:Calibri;
  font-size:19px;
  color:#fff;
  top:0;
  padding-top:5px;
  z-index:1000;
}

.menu-con-mobile {
  display:none;
}

.menu {
  width:400px;
  margin-top:45px;
}

.polozka {
  float:left;
}

.menu2-con {
  position:absolute;
  top:690px;
  width:100%;
  background-image:url(../images/menu2-background.png);
  height:35px;
  font-family:Calibri;
  font-size:19px;
  color:#fff;
  padding-top:5px;
  z-index:1000;
}

.menu2 {
  float:left;
  width:220px;
  text-align:left;
  margin-top:-12px;
}

#produkt {
  float:left;
  margin-left:6%;
  bottom:0;
}

.hrozny {
  text-align:center;
  margin-top:-12px;
}

.box {
	width:1050px;
	margin:0 auto;
	position:relative;
}

.tabulka {
	position:absolute;
	height:272px;
	width:226px;
	top:55px;
	right:100px;
}

#sortiment {
	position:relative;
	background: url(../images/background.jpg) no-repeat center top fixed;
	margin-top: 0px;
	padding-top:20px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 610px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='http://www.markpjetri.cz/tiger/images/bg.jpg',
	sizingMethod='scale');
	
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='http://www.markpjetri.cz/tiger/images/bg.jpg',
	sizingMethod='scale')"; 
}

.sortline {
	position:absolute;
	background-image:url(../images/sortiment-line-back.jpg);
	background-repeat:repeat-x;
	background-position:center;
	height:46px;
	width:100%;
	top:610px;
}

.produktmargin {
 padding-top:30px;
}

#social {
	background: url(../images/background.jpg) no-repeat center top fixed;
	margin-top: -10px;
	padding-top:20px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 620px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.produkt-nadpis {
  width:180px;
  font-size:17px;
  padding-top:10px;
}

#yt-logo {
  float:left;
  width:280px;
  text-align:left;
  padding-left:40px;
  padding-top:55px;
}


#yt-video {
  margin:0 auto;
  margin-top:40px;
  background-color:#316c31;
  padding:8px;
  width:656px;
}

#video-mobile {
  display:none;
}

.video-left {
	float:none;
  width:100%;
}

.video-left .nadpis {
  text-align:center !important;
  margin-left:-25px;
}

.video-right {
	float:right;
	width:250px;
}

.video {
   width:640px;
   height:400px;
}


#kontakt {
	background: url(../images/background.jpg) no-repeat center top fixed;
	margin-top: -10px;
	padding-top:20px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 720px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='http://www.markpjetri.cz/tiger/images/bg.jpg',
	sizingMethod='scale');
	
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='http://www.markpjetri.cz/tiger/images/bg.jpg',
	sizingMethod='scale')"; 
}

.kontakt-con {
  /*float:left;*/
  /*width:48%;*/
  margin:0 auto;
  width:480px;
  text-align:center;
}

.kontakt-center {
 margin:0 auto;
 width:480px;
}

.kontakt-left {
  width:150px;
  margin:0 auto;
  /* margin-left:116px; */
  margin-top:25px;
  text-align:center;
}

.kontakt-right {
  width:250px; /* 190 */
  font-size:16px;
  margin:0 auto;
  padding-left:46px;
  /* margin-left:120px; */
  margin-top:10px;
}

#vizual2 {
 padding-top:65px;
}

.napiste-con {
  float:left;
  width:52%;
}

#napiste-box {
  position:relative;
  background-color:#316c31;
  margin-top:45px;
  text-align:left;
  padding:20px;
}

.decor2 {
 position:absolute;
 top:5px;
 right:7px;
}

.podminky {
	float:left;
	width:470px;
}

.napiste-input {
  border-style:none;
  width:245px;
  height:30px;
  margin-top:3px;
  color:#000;
  padding:3px;
}

.napiste-textarea {
  border-style:none;
  width:100%;
  height:250px;
  margin-top:3px;
  color:#000;
  padding:4px;
}

.napiste-button {
  background-color:#194319;
  padding:5px;
  border-style:none;
  color:#fff;
  width:120px;
  height:30px;
  margin-top:8px;
}

#footer {
	background-color:#316c31;
	margin-top: -10px;
	padding-top:15px;
	text-align:center;
	min-height: 100px;
	width: 100%;
	
}

.footer1 {
  float:left;
  width:20%;
  text-align:left;
}

.footer2 {
  float:left;
  width:42%;
}

.footer3 {
  float:left;
  width:34%;
  font-size:13px;
  text-align:justify;
  margin-left:40px;
}

.footer-logo {
	margin-top:-10px;
	margin-left:40px;
}
  

.marka15 {
	margin-top:17px;
}
.marka05 {
	margin-top:99px;
}
.marka02 {
	margin-top:154px;
}

#preloader {
	background: #316c31;
	position:fixed;
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	text-align:center;
	color:#fff;
	z-index:3500;
}
.preloder-div {
	width:290px;
	text-align:center;
	margin:auto;
	height: 400px;
	text-align:center;
	overflow:hidden;
	margin-top:-100px;
	z-index:3500;
}