*{
  margin:0; padding:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#fancybox-wrap *, #fancybox-wrap{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  }
	
body{margin:0; padding:0; font-family: 'PT Sans', sans-serif; font-weight:bold; line-height:26px; font-size:18px; background:url(images/struktura_dreva.jpg);
-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -moz-text-size-adjust:100%; text-size-adjust:100%; text-align:justify;}
img{max-width:100%; height: auto; vertical-align:middle;}
.md{display:none;}

.flags{position:absolute; top:44px; left:122px;}
.flags li{list-style:none; float:left; margin:0 5px 0 0;}
.flags li a{display:block; width:97px; height:20px; padding-top:58px; background-repeat:no-repeat; background-position:0 0; color:#FFF; text-decoration:none; font-size:15px; text-align:center;}
.flags li a:hover{color:#3f6f49; text-decoration:none;}
.flags li.en a{background-image:url(images/en.jpg);}
.flags li.en a:hover{background-image:url(images/en_h.jpg);}

.upper{text-transform:uppercase;}
.green{color:#004413;}
h1,h2,h3,h4{color:#004413;text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.45); font-weight:bold; line-height: normal; text-align:left;}
h1{text-align:center; font-size:36px; margin:0 0 20px 0; text-transform:uppercase;} 
h2{font-size:22px; margin-bottom:10px;}
p{margin:0 0 20px 0;}
hr{height:0; border:0; border-bottom:1px solid #a6967e; margin:35px 0 50px 0;}
ul, ol{margin:0 0 25px 20px;}
a{color:#000; text-decoration: underline;}
a:hover{color:#000; text-decoration: none;}
.under{text-decoration:underline;}
.aparat{position:absolute; right:10px; top:50%; margin-top:-30px; padding:30px 0 0 0; background:url(images/photo.png) no-repeat center top; font-size:12px; font-weight:normal;text-shadow:none; color:#000; cursor:pointer;}
.aparat span{display:block;}

#head{
	text-align:center;
	padding-top:18px;
}


footer{background:#004413;}
#footer{max-width:100%; width:1100px; margin:0 auto; padding:20px 0 40px 0; color:#fff;}
.copy{background:#7db956; color:#fff; margin:0; padding:0; text-align:center; height:50px; line-height:50px; font-size:16px; font-weight:normal;}
#content{padding:40px 0 20px 0; max-width:100%; width:1100px; margin:0 auto;}
#content.about{width:100%; padding-bottom:0;}
#content.tree, #content.home{width:1600px;}
.inner{width:1100px; margin:0 auto; max-width:100%;}
#logo{margin:0 0 20px 0;}
.scrolling  #logo{margin-bottom:70px;}
.f22{font-size:22px;}
.tribox > li.text-right, .text-right{text-align:right;}
.text-center{text-align:center;}

.bb{
	border-left: 1px solid #cfbc9d;
	border-right: 1px solid #cfbc9d;
}

#footer a{color:#FFF; text-decoration:none;}
#footer span{font-weight:normal;}
#footer ul{margin:0; padding:0; font-size:20px; line-height:30px;}
#footer ul li{float:left; width:33.33%; list-style:none; margin:0; padding:0;}
#footer ul li:first-child,#footer ul li:last-child{border-bottom:1px solid #fff; padding-bottom:15px; padding-top:25px;}
#footer ul li:last-child{text-align:right;}
#footer ul li:nth-child(2){text-align:center;}

#menu{height:50px; background:#004413;}
.scrolling  #menu{position:fixed; top:0; left:0; width:100%; z-index:1000;}
#menu ul{margin:0 auto; width:1080px; max-width:100%; list-style:none;}
#menu ul li{display:inline; margin-right:1px; float:left;}
#menu ul li a{display:inline-block; height:50px; line-height:50px; text-decoration:none; color:#FFF; font-size:18px; text-transform:uppercase; font-weight:bold;text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.75); text-align:center; padding: 0 20px;}
#menu ul li a:hover, #menu ul li.selected a{background:#5cc151;}
/*
#menu ul li:nth-child(1) a{width:80px;}
#menu ul li:nth-child(2) a{width:115px;}
#menu ul li:nth-child(3) a{width:165px;}
#menu ul li:nth-child(4) a{width:235px;}
#menu ul li:nth-child(5) a{width:125px;}
#menu ul li:nth-child(6) a{width:130px;}
#menu ul li:nth-child(7) a{width:80px;}
#menu ul li:nth-child(8) a{width:140px;}
*/

.clear{clear:both;}
.right{float: right;}
.left{float:left;}

.reference .left, .reference .right{width:48%;}

.about a{color:#000; text-decoration: underline;}
.about a:hover{color:#000; text-decoration: none;}
.products .left, .products .right{width:50%;}
.about .right, .products .right{padding-left:20px;}
.rightbox{float:right; color:#004413;}
.rightbox p{margin:0 0 5px 0;}

.about .kruh img{-webkit-border-radius: 300px;-moz-border-radius: 300px;border-radius: 300px; overflow:hidden;}
.about .kruh{width:30%;}
.about .right{width:70%;}

.tri, .tri li, .tribox, .tribox > li{margin:0; padding:0; list-style:none;}
.tri li{float:left; width:33%;}
.tri li:nth-child(2){padding:0 0.5%; width:34%;}

.tribox > li{float:left; width:33%; text-align:left;}
.tribox > li:nth-child(2){margin:0 0.5%;}

.tree .tribox > li:nth-child(1){padding:0 15px 0 0;}
.tree .tribox > li:nth-child(2){padding:0 15px;}
.tree .tribox > li:nth-child(3){padding:0 0 0 15px;}

.tribox.confck > li:nth-child(1){}
.tribox.confck > li:nth-child(2){width:26%;}
.tribox.confck > li:nth-child(3){width:40%;}
.aud{padding-left:66px;}
.bank{padding-left:48px;}

.tri-izmus > li{text-align:left;}
/*.tri-izmus > li:nth-child(2){padding-right:50px !important; margin:0 !important;}*/
.tri-izmus > li:nth-child(2){margin:0 !important;}
.tri-izmus > li:nth-child(1){padding-right:50px !important;}
.tri-izmus li li{list-style:disc;}

.biela{padding:40px 0; background:rgba(255,255,255,0.3);}
.in{width:1100px; margin:0 auto; max-width:100%; padding:40px 0;}
.in:first-child{padding-top:0;}
.biela .in{padding:0;}


.contact .tribox li:nth-child(2){padding-left:95px;}
.contact .tribox strong{font-size:24px;}
.tree strong{text-decoration:underline;}

.cert{position:fixed; left:0; top:50%; z-index:999;}
.fuc{list-style:none; margin:0; position:relative; margin-bottom:30px;}
.fuc li{position:relative; padding-left:30px; margin-bottom:10px;}
.fuc li span{position: absolute; left:0;}
dl{margin-bottom:20px; overflow:hidden;}
dt{float: left; clear:left; width:110px;}
dd{float: left;}
.products h2{font-size:34px;}
.pdf{text-align:center;}
.pdf a{background:url(images/pdf.png) no-repeat left center; padding:20px 0 20px 60px; color:#000; text-decoration:none; display:inline-block;}
.pdf a:hover{color:#000; text-decoration:underline;}

.image{padding:5px; background:#fff; text-align:center;}
.image span{display:block; padding:10px; text-align:center;}

#top-products{margin-bottom:50px;}
#top-products a{position:relative; display:block;}
#top-products a span{position:absolute; top:2px; left:2px; font-size:11px; color:#fff; padding:2px 10px; background:rgba(0,0,0,0.5); white-space:nowrap;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;}
#top-products a img{border:2px solid rgba(0,0,0,0);}
#top-products a:hover img,
#top-products img.selected{border:2px solid #fff;}

#galeria{margin-bottom:20px; padding:0 25px;}
#galeria .slick-slide{padding:0 1px;}
#galeria .slick-slide img{border:2px solid rgba(0,0,0,0);}
#galeria .slick-slide:hover img{border:2px solid #fff;}
#top-products{padding:0 10px 0 0;}

iframe, object{max-width:100% !important;}
#menu .title{display:none;}
#container .nivo-caption{background:#ffffff; text-align:center; font-size:25px; padding:15px 10px;color:#004413;text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.45); font-weight:bold; line-height: normal; opacity:1;}

#fancybox-title-over{background:rgba(255,255,255,0.9) !important; color:#000;}

body.intro{background:url(images/bg_intro.jpg) no-repeat center center/100% auto;height:100%; width:100%; position:absolute; top:0; left:0;}
body.intro{}
html.intro{background:url(images/struktura_dreva.jpg)}

.articles{}
.articles .clanok{border-bottom:5px solid rgba(255, 255, 255, 0.3); padding-bottom:15px; margin-bottom:15px;}
.articles .clanok:afer{content:''; clear:both; display:block;}
.articles .clanok .art-image{float:left; padding:5px; background:#fff; margin-right:20px;}
p.readmore{margin:0; padding:0; text-align:right;}
p.readmore a{display:inline-block; padding:5px 15px; background:#5cc151; color:#fff; text-decoration:none;}
p.readmore a:hover{background:#004413;}

@media screen and (max-width: 1100px) {

	#content.about .in, #content, #footer{padding-left:15px; padding-right:15px;}
	#content.about{padding-left:0; padding-right:0;}
	
	 
	.cert{top:auto; bottom:10%;}
	#top-products{margin-left:30px; margin-right:30px; padding-right:25px;}
	#menu ul{text-align:center;}
	#menu ul li{float:none; display:inline-block;}
	#menu ul li a{width:auto !important; font-size:16px; padding:0 15px;}
}
@media screen and (max-width: 980px) {
	#menu ul li a{padding:0 10px;}	
}
	
@media screen and (max-width: 940px) {

	#container .nivo-caption{font-size:22px;}
}

@media screen and (max-width: 895px) {
	#menu ul li a{padding:0 7px; font-size:14px;}
}

@media screen and (max-width: 860px) {
	body, #footer ul{font-size:16px;}
	.contact .tribox strong, .f22, .products h2{font-size:18px;}
	
	.about .left{width:30%;}
	.about .right{width:70%;}
	
	#container .nivo-caption{font-size:20px;}
}

@media screen and (max-width: 767px) {
	#head{border-bottom:1px solid #004413; padding:10px 5px 0 5px;}
	
	.mh{display:none !important;}
	.md{display:block;}	
	
	#container .nivo-caption{padding:6px; font-size:12px; text-shadow:none;}
	body{min-width:320px;}
	
	
	.flags{top:20px; left:0; margin:0; width:100%; text-align:center; margin:0;}
	.flags li{display:inline-block !important; float:none;}
	
	#menu{height:auto;}
	#menu ul{display:none;}
	#menu .title{display:block;}
	#menu .title a{color:#FFF; text-decoration:none; display:block; text-align:center; padding:5px;}
	#menu li{display:block !important; margin:0 !important; padding:0 !important;}
	#menu li a{display:block !important; padding:10px !important; height:auto !important; line-height:normal !important; border-top:1px solid #fff;}
	#flashContent{margin-bottom:20px;}
	
	
	#content{padding-top:20px;}
	.rightbox{float:none; margin-bottom:15px;}
	h1{font-size:22px;}
	
	.aud, .bank{padding:0;}
	#top-products{margin-left:20px; margin-right:0;}
	#galeria > div{text-align:center; margin-bottom:5px;}
	
	.tribox > li,
	.tri > li,
	.reference .left, .reference .right,
	#footer ul li,
	.about .left, .about .right, .products .left, .products .right{float:none !important; width:auto !important; text-align:left; margin:0 0 15px 0 !important; padding:0 !important;}
	.contact .tribox li:nth-child(1){margin-bottom:0 !important;}
	#footer ul li:nth-child(2){display:none;}
	#footer ul li{padding-bottom:10px !important;}
	#footer ul li:last-child{text-align:left;}
	
	.cert{position:static; width:auto; text-align:center;}
	.cert br{display:none;}
	
	.tribox > li.text-right, .text-right{text-align:left;}
	
	.aparat{position:static; display: block; padding:10px 0 10px 35px; background-position:left center; text-align:left; width:160px; margin:0 auto;}
	.aparat span{display:inline;}
	/* #fancybox-right, #fancybox-left{display:block !important;} */
	#fancybox-left-ico{left:20px !important;}
	#fancybox-right-ico{left:auto !important; right:20px !important;}
	
	.bb{border: 0;}
}

@media screen and (max-width: 600px) {
	.articles .clanok h2{font-size:18px;}
	.articles .clanok .art-image{ width:80px; display:none;}
	p.readmore{text-align: center;}
}