body{background-repeat: no-repeat; background-position: center top; background-attachment:fixed;background-color:#48c4c0;text-align:center; font-family:'Roboto Condensed', 'Arial Narrow', Helvetica, sans-serif;color:#2f2f2f;font-size:16px}
.inbody{padding:0 20px;}
#page{background-repeat:no-repeat; background-position:top center; background-attachment:fixed;}
#page,#links,#copyright .in, #footer .in{text-align:left;margin:0 auto;max-width:1200px;width:100%;min-width:300px;padding:20px 20px 30px 20px;}
/*tmavý stín text-shadow: 1px 1px 0 rgba(28,52,103,0.5)
svetly stín text-shadow: 1px 1px 0 rgba(255,255,255,0.75)*/

.m-b{margin-bottom:30px}

@media screen and (max-width:767px){
body{background-color:#48c4c0;}
#page{ background-image:url(../_img/bg-v01-sm-blur.jpg);background-size:cover}
}

@media screen and (min-width:768px) and (max-width:991px){
body{background-image:url(../_img/bg-v02-sm.jpg);background-size:cover}
#page{ background-image:url(../_img/bg-v02-sm-blur.jpg);background-size:cover}
}

@media screen and (min-width:992px) and (max-width:1100px){
body{background-image:url(../_img/bg-v02-sm.jpg);background-size:cover}
#page{ background-image:url(../_img/bg-v02-sm-blur.jpg);background-size:cover}
}

@media screen and (min-width:1101px){
body{background-image:url(../_img/bg-v02-lg.jpg);background-size:cover}
#page{ background-image:url(../_img/bg-v02-lg-blur.jpg); background-size:cover}
}

@media screen and (min-width:2000px){
body{background-image:url(../_img/bg-v02-xlg.jpg);background-size:cover}
#page{ background-image:url(../_img/bg-v02-lg-blur.jpg); background-size:cover}
}

.inv{display:none}

/*#header*/
#header {margin-bottom:20px}
#header h1, #header p.h1{margin:0 0 0 10px;padding:0;font-size:28px;text-shadow: 1px 1px 0 rgba(255,255,255,0.75);font-weight:bold}
#header h1 .small, #header p.h1 .small{font-size:45%;display:block; text-transform:uppercase;margin-top:5px}

#header nav{font-size:16px;float:right;margin-top:20px}
.nav > li > a, .nav > li > a  span.caret{color:#2f2f2f;text-shadow: 1px 1px 0 rgba(255,255,255,0.5)}
.nav > li > a:hover  span.caret{color:#fff;text-shadow: 1px 1px 0 rgba(28,52,103,0.5)}
#header .nav .active > a{background-color:#3a91bb;  color:#fff;  text-shadow: 1px 1px 0 rgba(28,52,103,0.5)}
#header nav .dropdown-menu{font-size:14px}

#header .col-md-4{padding-right:0}
#header .col-md-8{padding-left:0}

main{margin:0 20px}

#data-kontakt-mi{display:none}
.data-jboxtip h2{margin:10px 0;font-size:22px;}
.data-jboxtip li{line-height:28px}
.data-jboxtip address{margin:0}

/* modrý box */
.heading{background:#3a92bb url(../_img/heading.png) no-repeat left top;color:#fff;border:1px solid #286ba0;-webkit-border-radius: 2px;border-radius: 2px;-webkit-box-shadow:inset 0 0 25px 25px rgba(27,52,103,0.25);
box-shadow:inset 0 0 25px 25px rgba(27,52,103,0.25);padding:20px 15px 10px;margin-bottom:30px;text-align: center}
.heading p{font-size:16px;text-shadow: 1px 1px 0 rgba(28,52,103,0.5);margin-bottom:0;font-weight:200;}
.heading p.subheading {font-size:14px;margin: 0 0 10px 0}
.heading h2{font-size:28px;text-shadow: 1px 1px 0 rgba(28,52,103,0.5);margin-top:20px}
.heading ul{font-size:18px;text-shadow: 1px 1px 0 rgba(28,52,103,0.5);font-weight:200;padding-left:0;margin-bottom:0}
.heading li{padding:5px 0;list-style-type:none;}
.heading .heading-btn{margin:20px 0}

.menu-mushroom {padding:0 50px;clear:both;text-align:center}
.menu-mushroom ul li{display:inline}
.menu-mushroom ul li a{float:left;width:62px;height:62px;overflow:hidden;margin:0 5px}
.menu-mushroom ul li a:hover,.menu-mushroom ul li.active a{-webkit-border-radius: 2px;border-radius:2px;border:1px solid rgba(255,255,255,0.25);-webkit-box-shadow:0 0 1px rgba(28,52,103,0.5);
box-shadow:0 0 1px rgba(28,52,103,0.5);}

.item-menu{background:#3a92bb;border:1px solid #286ba0;-webkit-border-radius: 0 0 2px 2px;border-radius: 0 0 2px 2px;-webkit-box-shadow:inset 0 0 25px 25px rgba(27,52,103,0.25);
box-shadow:inset 0 0 25px 25px rgba(27,52,103,0.25);}

.heading-produkty{text-align:center}
.heading-produkty ol{text-shadow: 1px 1px 0 rgba(28,52,103,0.5);}
.heading-produkty h1{text-shadow: 1px 1px 0 rgba(28,52,103,0.5);font-size:60px;font-weight:bold;margin:15px 0 0 0}
.heading-produkty dt, .heading-produkty dd{display:inline-block}
.heading-produkty dd{margin-right:30px;font-weight:bold}
.heading-produkty dt{font-weight:normal}
.heading-produkty dl{font-size:18px;text-shadow: 1px 1px 0 rgba(28,52,103,0.5);}



.arrow-lg-left,.arrow-lg-right{width:35px;padding:0;top:60px;z-index:999}
.arrow-lg-left a,.arrow-lg-right a{display:inline-block;width:30px;height:54px}

.item-box{padding:30px;position:relative}
.item-box *{text-shadow: 1px 1px 0 rgba(255,255,255,0.75)}
.item-box h2{margin:0 0 30px 0;font-weight:bold}

.anotace,.item-anotace p {text-shadow: 1px 1px 0 rgba(255,255,255,0.75);font-size:18px}
.item-anotace{padding:0 30px 30px;}
.item-anotace p{font-size:18px;color:#1c3468;text-align:center}
#anotace{font-weight:bold}

.item-picture{text-align:center;margin-top:-230px;}

.item-pack{clear:both;background:#e1ebd0;}
.item-pack *{color:#1c3468}
.item-pack h2{text-align:center;margin:0}
.item-pack h3{margin-bottom:0;font-weight:bold;font-size:20px}
.item-pack div{padding:0 30px}
.item-pack a {}
.item-pack span.btn{color:#fff;text-shadow: 1px 1px 0 rgba(28,52,103,0.5)}
.item-pack .item-button{text-align:center;padding:30px 0 0 0}
.item-pack .item-pack-img{text-align: center;padding: 0}


.item-pack .item-pack-table{clear:both;padding-top:40px;width:50%;margin:0 auto}
.item-pack .table th{vertical-align:middle;font-weight:normal;font-size:17px;width:80%;padding:25px 0}
.item-pack .table td{text-align:right;padding:25px 0}


.item-chembio{clear:both;background:rgba(255,255,255,0.75)}
.item-chembio h2 .small{font-weight:200}
.item-chembio h3{margin:0 0 10px 7px;font-size:16px; font-weight:bold}
.item-chembio th{font-weight:normal}

.item-pictures{background:#fff;padding-bottom:0}
.item-pictures .owl-img{display:block;margin:0 60px;width:250px}

/*položky produktů na homepage section#produkty*/
.items{padding:0;text-align:center}
.item-product {text-align:center;-webkit-border-radius: 2px;border-radius:2px;border:1px solid transparent;padding:20px;height:360px;position:relative}
.item-product:hover{-webkit-border-radius: 2px;border-radius:2px;border:1px solid #ececec;
-webkit-box-shadow: 0 0 0 1px rgba(28,52,103,0.25);
box-shadow: 0 0 0 1px rgba(28,52,103,0.25); background:rgba(255,255,255,0.35)}
.item-product h3{color:#1c3468;text-shadow: 1px 1px 0 rgba(255,255,255,0.75); font-weight:bold;margin:0;padding:0 0 20px 0}
.item-product .item-product-img{text-align:center;height:220px;overflow:hidden;margin:0}
.item-product .item-product-btn{margin:0;text-align:center}
.item-product .btn{}
.item-product h3 a{text-decoration:none;color:#1c3468}

.item-text{border-top:1px solid #fff;background:rgba(255,255,255,0.75);padding:50px}
.item-text h2{text-align:center}
.item-text [class*="col-"]{padding:0 50px}

.well2{margin-top:20px;background:#3a91bb;color:#fff;text-shadow: 1px 1px 0 rgba(28, 52, 103, 0.5);}
.well2 a{color:#fff;}
.well2 p{margin:20px 0}
.well2 + .item-box{padding-top:0}

.glyphicon-download-alt{border:1px solid #3a91bb;-webkit-border-radius: 2px;border-radius: 2px;padding:5px}

/*odkazy na partnery*/
#links{background:rgba(255,255,255,0.90);text-align:center;font-size:16px;padding:30px 20px}
#links h3{font-weight:bold; text-shadow: 1px 1px 0 rgba(255,255,255,0.75)}
#links p{text-shadow: 1px 1px 0 rgba(255,255,255,0.75)}
#links .link a{font-style:italic;color:#333}

#footer{background:#0078d1}
#footer h2{color:#fff;font-size:18px;margin-top:0;text-shadow: 1px 1px 0 rgba(28,52,104,0.5)}
#footer #kontakt{text-align:left;margin:0 auto;max-width:1200px;width:100%;min-width:300px;padding:30px 20px 30px 20px; }
#footer #kontakt a,#footer #kontakt p,#footer #kontakt address,#footer #kontakt ul{color:#fff;text-shadow: 1px 1px 0 rgba(28,52,104,0.5)}
#footer #kontakt #o-spolecnosti a:hover,#footer #kontakt #souvisejici-odkazy a:hover{color:#afe2e0}
#footer #kontakt #o-spolecnosti [class^="col-"]{padding:0;margin-bottom:10px}
#footer #kontakt #o-spolecnosti #email-telefon{padding-right:50px;text-align:right}
#footer #email-telefon address{margin-bottom:0}
#footer #kontakt #o-spolecnosti p{clear:both}
#footer #souvisejici-odkazy ul{margin:0;padding:0}
#footer #souvisejici-odkazy li{padding:3px 0;list-style-type:none}

#copyright{background:#1c3468}
#copyright a,#copyright p{text-shadow: 1px 1px 0 rgba(0,0,0,1)}
#copyright #webdesign{text-align:right}

.scroll-to-top{width:25px;height:30px;text-align:center; position:fixed;bottom:40px;right:0;display:none;overflow:hidden;text-indent:-999px;background:#000 url(../_img/sprites.png) no-repeat -35px 5px;-webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;background-color: rgba(0, 0, 0, 0.5);}

.my-ico {position: relative;top: 1px;display: inline-block;margin-right:10px;background-image:url(../_img/sprites.png); background-repeat:no-repeat;}
.my-ico-arrow-small-right{background-position:0 0;width:15px;height:16px}
.my-ico-polygon-green{background-position:0 -100px;width:10px;height:10px}
.my-ico-arrow-lg-right{background-position:-150px 0;width:30px;height:54px}
.my-ico-arrow-lg-left{background-position:-100px 0;width:30px;height:54px}
.my-ico-arrow-lg-light-right{background-position:-150px -200px;width:30px;height:54px}
.my-ico-arrow-lg-light-left{background-position:-100px -200px;width:30px;height:54px}

/* responzivní navigační menu */
#responsive-menu {
	display: none;
}

/* .col-xs; min-width: -; max-width: 767 px*/
@media screen and (max-width:767px){
	#responsive-menu {display: block;position:absolute;top:-41px;right:15px;margin-top:0;z-index:50}
	#responsive-menu a, #responsive-menu span{color:#fff}
	#responsive-menu a	{padding:5px 15px}
	#menu{display:none}
	.inbody{padding:0}
	#header h1,#header p.h1{margin-left:10px;font-size:22px}
	#header h1 .small,#header p.h1 .small{font-size:50%;}
	.heading{padding:10px 0;}
	.heading h2.logo-mrl{background:url(../_img/logo-mrl-xs.png) no-repeat;width:200px;height:34px;position:relative}
	.heading h2{font-size:22px;margin-top:10px}
	.heading #o-houbach h2{margin-top:20px}
	.heading ul{font-size:16px;padding:0}
	.heading .menu-mushroom{display:none}	
    .heading .my-ico-arrow-small-right{top:3px}
	.heading-produkty{margin-bottom:15px}
	.heading-produkty h1{font-size:43px}
	.heading-produkty dt, .heading-produkty dd { display:-block;}
	.heading-produkty dd{margin-right:0}
	.heading-produkty dl{font-size:16px}
	.item-anotace p{font-size:14px}
	.item-box{font-size:14px;padding:15px}
	.item-picture{margin-top:0;padding:0}
	.item-pack .item-pack-t90{padding:0;margin-bottom:30px}
	.item-pack .item-pack-p250{padding:0;}
	.item-pack h3 {font-size: 18px;}
	.item-chembio h2{font-size:20px}
	.item-chembio .col-xs-12{padding:0}
	.item-pictures {padding:30px 0}
	.item-pictures .owl-img{margin:0px}
    .owl-pagination{display:none}
	#footer #kontakt #o-spolecnosti #email-telefon {padding-right: 0px;text-align:left}
	#footer section{margin-bottom:20px}
	#footer #kontakt{padding-bottom:0}
	#links .row div{padding-bottom:40px}
	#links{padding-bottom:0}
	.item-product {border:1px solid #ececec;margin-top:-1px}
	.item-text [class*="col-"]{padding:0 0px}	
	.item-text ul{padding-left:10px}
	}

@media screen and (min-width:420px) and (max-width: 767px){
		.item-pictures .owl-img{margin:0 auto}
}

@media screen and (min-width:768px) and (max-width: 879px){
	.item-pictures .owl-img{margin:0 20px}
}

@media screen and (min-width:880px) and (max-width: 991px){
	.item-pictures .owl-img{margin:0 60px}
}


/* .col-sm; min-width:768px; max-width:991px*/
@media screen and (min-width:768px) and (max-width: 991px){
	#responsive-menu {display: block;position:absolute;top:-41px;right:15px;margin-top:0;z-index:50}
	#responsive-menu a, #responsive-menu span{color:#fff}
	#responsive-menu a	{padding:5px 15px}
	#menu{display:none}
	.heading h2.logo-mrl{background:url(../_img/logo-mrl-sm.png) no-repeat;width:280px;height:49px;position:relative}
	.heading li{font-size:16px}	
	.heading .menu-mushroom{display:none}	
    .heading .my-ico-arrow-small-right{top:3px}
	.heading-produkty{max-height:250px}
	footer{font-size:14px}
	#footer #kontakt #o-spolecnosti #email-telefon {padding-right: 0px;}
	#footer section{margin-bottom:20px}
	#footer #kontakt{padding-bottom:0}
	.item-product {border:1px solid #ececec;margin-top:-1px}
	.item-picture{margin-top:0}	
	.item-pack .item-pack-t90 {margin-bottom: 30px;}
	.heading-produkty .col-sm-10{left:9%}	
	
}

@media screen and (max-width: 1024px){
.item-product h3 {font-size:20px}
	
}


@media screen and (min-width:992px) and (max-width: 1100px){ 
	#header h1, #header p.h1{margin-left:10px}


}

@media screen and (max-width: 1199px){
	#header h1{margin-left:10px;}
}

@media screen and (min-width: 1199px){
	.heading-produkty {max-height: 230px}	
	.heading-produkty-triton {max-height: 270px}
	.heading-produkty-hericor {max-height: 270px}

}