/*
 * Start Bootstrap - Heroic Features (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
#verPhone {
	display: none !important;
}
.floater {
	width: 12.5%;
	float: left;
	height: 200px;
	background: transparent !important;
	cursor: pointer;
}
.floater.active {
	background: rgba(255,255,255, 0.1) !important;
}
.reproBg {
	background: url('../img/repr_03.jpg') no-repeat top center;
	height: 200px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
.banners h2 {
	margin-top: 70px;
	margin-bottom: 30px;
	font-size: 24px;
	font-weight:400;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
.morein {
	background: #000;
	padding: 8px 15px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	margin-top: 5px;
	display: inline-block;margin-bottom: 20px;
}
.morein:hover {
	color: #fff;
	text-decoration: underline;
}
@media (min-width: 991px){
	.posun{
		margin-top: 90px;
	}
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}


body {
	font-size: 15px;
	color: #333;
	font-family: "Roboto";
	font-weight: 300;
	line-height: 1.3;
    padding-top: 180px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
.clr {
	clear: both;
}
.pdetail {
	background: #000;
	padding: 10px;
	font-size: 18px;
	color: white;
	margin: 0;
}
img, iframe, object {
	max-width: 100%;
}
@media(min-width: 991px){
	.vertical-align {
	    display: flex;
	    align-items: center;
	}
}
.subphotos {
	margin-top: 10px;
	text-align: center;
}
.subphotos img {
	height: 78px;
	margin-right: 20px;
}
.reference  {
	background: #f6f6f6;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 30px;
}
.reference .subphotos img {
	height: 52px;
}
.produkt {
	border: 1px solid #ccc;
	text-align: center;
	padding: 25px;
	margin-top: 20px;
	min-height: 270px;
}
.produkt strong {
	font-size: 18px;
	display: block;
}
.produkt img {
	height: 150px;
}

.nav li {
	text-transform: uppercase;
}
.relative {
	position: relative;
}
.relative .flags {
	position: absolute;
	right: 15px;
	top: 12px;
}
footer {
	background: #1b1b1b;
	color: #fff;
	text-align: center;
	font-size: 14px;
	margin-top: 80px;
	padding: 20px 0;
}
header {
	background: #fff;
}
.topbar {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
.aboutxt p {
	margin-top: 20px;
}
.menubar {
	margin: 20px 0 10px 0;
}
.nav>li>a {
    position: relative;
    display: block;
    font-weight: 400;
    padding: 10px 0px;
    margin-right: 23px;
    font-size: 13px;
    color: #000;
}
.nav>li.active>a, .nav>li>a:hover {
   	font-weight: 900;
    color: #31989f;
    background: transparent;
}
.novinka {
	background: #fff;
	border: 1px solid #ccc;
	margin-top: 20px;

}

.novinka .tips-date {
	background: #000;
	float: left;
	padding: 25px 20px;
	font-weight: 300;
	width: 100px;
	color: #fff;
	text-align: center;
	font-size: 17px;
}
.novinka .tips-text {	
	float: left;
	padding: 10px 15px;
	width: calc(100% - 120px);
	font-size: 15px;
	font-weight: 500;
}
.novinka .tips-text a {
	display: block;
	margin-top: 16px;
	font-weight: 300;
	color: #000;
	font-size: 14px;
	text-decoration: underline;
}
h2 {
	font-size: 28px;
	font-weight: 400;
}
.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}
.aboutst h1 {
	text-align: center;
	margin-top: 0;
	font-size: 28px;
	font-weight: 400;
}
.aboutst {
	margin: 60px 0;
}
.aboutst p {
	text-align: justify;
	font-size: 18px;
	line-height: 1.3;
	margin-top: 20px;
}
.box1 {
	text-align: center;
}
.box1 img {
	margin-bottom: 30px;
}
.box1 p {
	text-align: justify;
	margin-bottom: 26px;
}
.separator {
	border-bottom: 1px solid #ccc;
	margin: 50px 0;
}
.shadow {
	box-shadow: 0 10px 12px rgba(0,0,0,0.1);
    -webkit-transition: 0.5s box-shadow;
    -moz-transition: 0.5s box-shadow;
    -ms-transition: 0.5s box-shadow;
    transition: 0.5s box-shadow;
}
.sep2 {
	border-bottom: 1px solid #241f20;
	margin: 3px 0;
}
.search {
	text-align: right;
	padding-top: 5px;
}
.search input[type="submit"] {
	background: #000;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	border: 0;
	padding: 6px 12px;
	cursor: pointer;
}
.search input[type="text"] {
	font-size: 12px;
	font-weight: 600;
	padding: 5px;
}
.categories {
	margin: 0 0 80px 0;
}
.nopad {
	padding: 0;
}
.imageo {
	min-height: 200px;
}
.produktcat {
	background: #282829;
	padding: 0;
	text-align: center;
	color: #fff;
	position: relative;
}
.produktcat a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.produktcat a:hover {
	background: rgba(255,255,255,0.1);
}
.produktcat h3, .produktcat h2 , .produktcat .produktcatNazev {
	font-size: 16px;
	font-weight: 300;
	margin-top: 20px;
	text-transform: uppercase;
}
.produktcat img {
	margin: 20px 0;
}
.continue {
	background: url('../img/sth_11.jpg') top center no-repeat #000;
	padding: 12px 0 12px 0;
	font-weight: 600;
	font-size: 13px;
	color: #66d1d8;
	text-transform: uppercase;
}
.navbar-toggle {
	border: 1px solid #000;
}
.navbar-toggle .icon-bar {
	border-bottom: 1px solid #000;
}




.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
#formpop {
	padding: 20px 0;
}
#formpop p {
	font-weight: 600;
	margin-bottom: 20px;
	font-size: 18px;
}
#formpop span {
	display: block;
	margin-top: 20px;
	display: none;
}
#formpop input[type="text"] {
  display: block;
  padding: 10px;  
  width: 100%;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box; 
  font-size: 14px;
  background: transparent;
    font-family: 'Open Sans';
  border: 1px solid #000;
  color: #000;
}
#formpop .btn1 {
  float: left;
  width: 32%;
  margin-right: 2%;
}

#formpop .btn2 {
  float: left;
  width: 32%;  
  margin-right: 2%;
}

#formpop .btn3 {
  float: left;
  width: 32%;  
}
@media(max-width: 650px) {
	#formpop .btn1 {
	  float: none;
	  width: 100%;
	  margin-right: 0;
	}

	#formpop .btn2 {
	  float: none;
	  width: 100%;
	  margin-top: 10px;
	  margin-right: 0;
	}

	#formpop .btn3 {
	  float: none;
	  margin-top: 10px;
	  width: 100%;  
	}
}
#formpop textarea {
  display: block;
  color: #000;
  width: 100%;
  max-height: 100px;
  resize: vertical;
  padding: 10px;
  font-size: 14px;
  background: transparent;
  border: 1px solid #000;
  font-family: 'Open Sans';
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box; 
  margin: 15px 0;
}

#formpop input[type='submit'] {
  padding: 8px 29px;
  font-size: 15px;
  text-transform: uppercase;
  background: transparent;
  color: #000;
  font-family: Arial;
  font-weight: bold;
  border: 2px solid #000;
  transition: all 1s;
}
#formpop input[type='submit']:hover {
  color: #fff;
  background: #000;
  cursor: pointer;
}




.category {
	padding: 10px;
	margin-top: 8px;	
	background: #222;
	color: white;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}
.category-data {
	display: none;
}

.aproduct {
	margin-left: 20px;
	padding: 10px;
	margin-top: 8px;	
	background: #fff;
	color: black;
	border: 1px solid #000;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}

.download-file {
	padding: 10px 6px;
	margin-top: 8px;
	width: 98%;
	position: relative;
	background: url('../img/prd_05.jpg') no-repeat 10px 8px #c9c9c9;
}
.download-file .s-icon {
	position: absolute;
	top: 4px;
	left: 5px;
}
.product-downloads {
    margin-left: 40px;
    display: none;
}
.download-file .s-name {
	float: left;
	width: 64%;
	margin-left: 1%;
}
.download-file a {
	color: #222;
}
.download-file .s-type {
	float: left;
	width: 15%;
}
.download-file .s-big {
	float: left;
	width: 20%;
}

@media (min-width: 992px) {
	.vcenter > img {
		margin-top: 80px;
	}
}
@media (max-width: 991px) {
	.centmob > img {
		margin: 0 auto;
	}

	.centmob {
		text-align: center;
	}
}

@media (min-width: 1200px) {
    .container{
        max-width: 1070px;
    }
}
@media (max-width: 1199px) {
	.reproBg {
		display: none;
	}
	.search input[type="text"] {
		width: 108px;
	}
}

@media (max-width: 767px) {
	.navbar-nav {
	    margin: 0;
	    clear: both;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
	.search {
		padding-top: 9px;
		float: right;
	}
}


@media (max-width: 767px) {
	 .navbar-header {
        float: left;
    }.search {
    	padding-top: 9px;
    	float: right;
    }
    .produktcat h3 {
        padding-top: 30px;
    }
    .centmob {
    	text-align: center;
    }
}

footer a, footer a:hover {
	color: white;
}