body {
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
  font-weight: 300;
	text-align: left;
  backface-visibility: hidden;
  overflow-x: hidden;
  }



* {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }




article {
position: relative;
float: left;
padding-top: 30px;
padding-bottom: 30px;
}


article a {
color: #b7cd17;
}


article h2 {
line-height: 45px;
font-size: 20px;
text-transform: uppercase;
color: #444444;
}


div.container, div.container_two {
position: relative;
margin-left: auto;
margin-right: auto;
width: 80%;
max-width: 1300px;
}

div.container_two {
width: 90%;
max-width: 1500px;
}


div.center {
text-align: center;
}



header {
position: relative;
float: left;
min-height: 75px;
width: 100%;
background-color: black;
z-index: 99;
}


a.logo {
position: relative;
float: left;
background-size: 100%;
height: 70px;
width: 200px;
background: url(images/logo.png) no-repeat center;
margin-top: 5px;
}


a.logo:hover{
opacity: 0.8;
transition: opacity 0.3s;
}

nav {
position: relative;
float: left;
height: auto;
width: auto;
margin-top: 30px;
margin-left: 45px;
}


nav a {
position: relative;
float: left;
color: white;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
margin-right: 30px;
font-size: 14px;

z-index: 100;
}

nav a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #efff38;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

nav a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);

}

nav a:hover {
  color: #efff38;
}

a.active {
  color: #efff38;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


div.search {
position: relative;
float: right;
height: auto;
width: auto;
overflow: hidden;
}

#photo {
position: relative;
float: left;
height: auto;
width: 100%;
}

#photo div.article {
position: relative;
float: left;
width: 568px;
min-height: 582px;
margin-top: 33px;
margin-left: 45%;
margin-bottom: 30px;
}

#photo div.article:after{
    content:'';
    background-color: black;
    opacity: 0.7;
    width:100%;
    min-height: 100%;
    position:absolute;
    top:0;
    left:0;
}


#photo div.article h1 {
position: relative;
float: left;
width: 90%;
color: white;
font-size: 88px;
line-height: 90px;
margin-top: 35px;
text-transform: uppercase;
padding-left: 5%;
margin-bottom: 0;
z-index: 1;
font-weight: 800;
padding-right: 5%;
}


#photo div.article p {
color: white;
font-size: 40px;
line-height: 50px;
margin-top: 35px;
padding-left: 25px;
position: relative;
float: left;
width: 90%;
margin-bottom: 20px;
z-index: 1
}


#photo div.article a.btn {
line-height: 46px;
margin-left: 25px;
height: 46px;
width: 154px;
z-index: 1;
}


#photo div.article a.btn img{
margin-top: 18px;
}

#info {
position: relative;
float: left;
min-height: 320px;
width: 100%;
background-color: black;
text-align: center;
padding-bottom: 30px;
}

#info img {
position: relative;
height: 61px;
display: inline-block;
margin-top: 40px;
}


#info p{
position: relative;
display: inline-block;
width: 80%;
text-align: center;
color: #a5a5a5;
font-size: 20px;
margin-top: 25px;
font-weight: 300;
}

#kategorie {
position: relative;
float: left;
min-height: 1200px;
width: 100%;
text-align: center;
}

h1.headline {
position: relative;
float: left;
width: 100%;
text-align: center;
font-size: 60px;
line-height: 65px;
font-weight: 400;
background-color: white;
padding: 5px;
margin-top: 40px;
margin-bottom: 40px;
}

h1.headline b {
font-weight: 800;
}


div.box {
position: relative;
display: inline-block;
min-height: 600px;
width: 350px;
margin-left: 3%;
margin-right: 3%;
padding-bottom: 50px;
}

div.box img {
position: relative;
float: none;
margin-left: auto;
margin-right: auto;
width: 90%;
height: auto;
}


div.box h2 {
position: relative;
float: left;
width: 100%;
font-size: 30px;
text-transform: uppercase;
margin-left: 25px;
margin-top: 30px;
text-align: left;
}

div.box h2 b {
color: #efff38;
}

div.box p {
position: relative;
float: left;
font-size: 14px;
color: #545454;
width: 79%;
margin-left: 25px;
margin-top: 0;
text-align: left;
}


hr.yell {
position: relative;
float: left;
height: 2px;
width: 100%;
color: #efff38;
background-color: #efff38;
border: none;
margin-top: 8px;
margin-bottom: 8px;
}




div.vybranocont {
position: relative;
float: left;
min-height: 220px;
width: 100%;
text-align: center;
}

a.vybrano {
position: relative;
float: none;
display: inline-block;
width: 200px;
height: 150px;
margin-left: 2%;
margin-right: 2%;
padding-top: 20px;
padding-bottom: 30px;
text-decoration: none;
}


a.vybrano p {
padding: 2px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: black;
padding-top: 6px;
padding-bottom: 6px;
}

a.vybrano:hover img{
opacity: 0.7;
transition: opacity 0.3s;
}

a.vybrano:hover p {
background-color: black;
color: #efff38;
text-decoration: none;
}

a.vybrano img {
position: relative;
float: none;
margin-left: auto;
margin-right: auto;
height: 100px;
}




#proc {
position: relative;
float: left;
min-height: 400px;
width: 100%;
}


#proc h1.headline {
float: none;
width: 660px;
margin-left: auto;
margin-right: auto;
}



div.icons {
position: relative;
width: 220px;
height: 200px;
display: inline-block;
margin-top: 20px;
margin-left: 3%;
margin-right: 3%;
padding-bottom: 50px;
}

div.icons p {
color: white;
font-weight: 800;
font-size: 22px;
line-height: 25px;
float: left;
text-align: center;
width: 100%;
padding-top: 10px;
text-transform: uppercase;
margin-bottom: 0;
}


#zajimavosti {
position: relative;
float: left;
min-height: 700px;
width: 100%;
}



div.zajbox {
position: relative;
display: inline-block;
width: 23%;
max-height: 520px;
text-align: left;
margin-left: 0.5%;
margin-right: 0.5%;
padding-bottom: 15px;
vertical-align: top;
}


div.zajbox h2 {
position: relative;
float: left;
width: 100%;
height: 52px;
font-size: 24px;
font-weight: 800;
text-transform: uppercase;
line-height: 26px;
vertical-align: top;
}




div.zajbox p {
position: relative;
float: left;
width: 100%;
height: 102px;
font-size: 12px;
color: #545454;
overflow: hidden;
margin-top: 12px;
margin-bottom: 12px;
}

div.zajbox d {
position: relative;
float: left;
width: 100%;
height: 200px;
}


div.zajbox div.max {
position: relative;
float: left;
margin-top: 8px;
height: 220px;
width: 100%;
}


div.zajbox img {
width: 100%;
max-height: 200px;
}


a.btn, input.sendbutton, input.sendbutton_kontakt {
  position: relative;
  float: left;
  line-height: 30px;
  background: #cbd62f;
  background-image: -webkit-linear-gradient(top, #cbd62f, #76b524);
  background-image: -moz-linear-gradient(top, #cbd62f, #76b524);
  background-image: -ms-linear-gradient(top, #cbd62f, #76b524);
  background-image: -o-linear-gradient(top, #cbd62f, #76b524);
  background-image: linear-gradient(to bottom, #cbd62f, #76b524);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 0px #568f00;
  -moz-box-shadow: 0px 2px 0px #568f00;
  box-shadow: 0px 2px 0px #568f00;
  color: white;
  font-size: 14px;
  height: 30px;
  width: 58px;
  padding-left: 12px;
  text-decoration: none;
  font-weight: 700;
  margin-top: 5px;
  cursor: pointer;
}


a.btn img {
float: right;
position: relative;
height: 10px;
width: 10px;
margin-right: 13px;
margin-top: 10px;
}



a.btn:hover, input.sendbutton:hover, input.sendbutton_kontakt:hover {
opacity: 0.8;
transition: opacity 0.3s;
}




div.search a.eshop {
width: 110px;
height: 35px;
font-size: 16px;
line-height: 35px;
text-transform: uppercase;
margin-top: 20px;
}


div.search a.eshop img{
width: 28px;
height: 22px;
margin-top: 5px;
}


div.search div.searchbar {
position: relative;
float: left;
margin-top: 20px;
width: 243px;
height: 37px;
display: inline-block;
 border-radius: 3px;
 margin-left: 5px;
}


div.search div.searchbar input {
background-color: #202020;
height: 100%;
width: 100%;
border: none;
color: white;
padding-left: 40px;
 border-radius: 3px;
}


div.search div.searchbar a.icon {
background: url(images/lupa.png) no-repeat center;
width: 27px;
height: 22px;
padding-left: 10px;
margin: 0;
position: absolute;
top: 8px;
}

div.search div.searchbar a.icon:hover {
filter: brightness(5);
transition: all 0.3s ease;
}


#partner {
position: relative;
float: left;
background-color: black;
width: 100%;
min-height: 320px;
margin-top: 30px;
}


div.half {
position: relative;
float: left;
width: 50%;
min-height: 320px;
}


#partner h1.headline {
color: #b7cd17;
font-size: 80px;
text-align: left;
background-color: black;
margin-top: 25px;
margin-bottom: 15px;
}

#partner p {
position: relative;
float: left;
width: 92%;
color: #b7b7b7;
font-size: 14px;
text-align: left;
margin-top: 10px;
}


#partner p:after {
  content: "";
  display: inline-block;
  width: 100%;
}

#partner h2 {
position: relative;
float: left;
color: white;
font-size: 38px;
font-weight: 800;
margin-top: 15px;
}


#partner a.btn {
width: 148px;
height: 50px;
line-height: 50px;
margin-top: 20px;
margin-left: 5%;
}

#partner a.btn img {
margin-top: 20px;
}





div.partnerbox {
position: relative;
display: inline-block;
width: 170px;
height: 170px;
margin-left: 3%;
margin-right: 3%;
margin-top: 60px;
}

div.partnerbox h3 {
position: relative;
float: left;
font-size: 22px;
color: #b7cd17;
text-transform: uppercase;
font-weight: 800;
width: 100%;
text-align: center;
margin-top: 25px;
}

div.partnerbox img {
position: relative;
margin-left: auto;
margin-right: auto;
display: block;
}



#odkazy {
position: relative;
float: left;
width: 100%;
min-height: 120px;
text-align: center;
}

#odkazy p {
position: relative;
float: left;
width: 100%;
margin-left: 0;
margin-top: 10px;
font-size: 14px;
color: #9e9e9e;
text-align: left;
}


#odkazy a {
position: relative;
width: auto;
height: auto;
display: inline-block;
margin-left: 6%;
margin-right: 6%;
margin-top: 10px;
margin-top: 20px;
}


#odkazy a img {
max-width: 200px;
}

#odkazy a:hover {
opacity: 0.8;
transition: opacity 0.3s;
}




#footback{
background-color: black;
position: relative;
float: left;
min-height: 360px;
width: 100%;
}

#footback .left {
	width: 100% !important;
}



#bar {
position: relative;
float: left;
width: 100%;
min-height: 70px;
border-bottom: 2px solid #efff38;
background-color: black;
}



#bar div.prihlasit {
position: relative;
float: left;
height: auto;
width: 575px;
}

#bar div.prihlasit img {
position: relative;
float: left;
margin-top: 20px;
}

#bar div.prihlasit p {
position: relative;
float: left;
font-size: 12px;
color: #6fb224;
font-weight: 800;
text-align: left;
line-height: 13px;
margin-top: 18px;
padding-left: 8px;
margin-bottom: 0;
}

#bar div.prihlasit p b {
font-size: 18px;
color: #efff38;
line-height: 20px;
}

#bar input {
position: relative;
float: left;
display: block;
height: 32px;
width: 268px;
background-color: #202020;
border: none;
padding: 8px;
border-radius: 3px;
margin-top: 19px;
margin-left: 15px;
color: white;
font-size: 14px;
}





#bar nav {
margin-left: 0;
margin-top: 25px;
float: right;
text-align: right;
}





.dropbtn {
    background-color: #202020;
    color: #efff38;
    width: 97px;
    height: 37px;
    line-height: 37px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: -6px;
    padding: 0;
    border-radius: 3px;
    text-align: left;
    padding-left: 8px;
    display: none;
}


.dropdown {
    position: relative;
    display: inline-block;
    width: 97px;
    margin-left: 126px;
}


.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 97px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}


.dropdown-content a.language {
    float: none;
    margin: 0;
    color: black;
    padding: 8px 9px;
    text-decoration: none;
    display: block;
}

.dropdown-content a.language:before {
display: none;
}



.dropdown-content a:hover {
background-color: #d4d4d4;
}


.dropdown:hover .dropdown-content {
    display: block;
}



.dropbtn img {
position: absolute;
right: 12px;
top: 10px;
}

div.left {
position: relative;
float: left;
width: 69%;
min-height: 335px;
}

footer {
position: relative;
float: left;
min-height: 252px;
width: 100%;
}

footer hr {
height: 2px;
border: none;
width: 350%;
color: #efff38;
background-color: #efff38;
position: absolute;
left: -150%;
bottom: 0;
}



div.footbox {
position: relative;
float: left;
min-height: 100px;
width: auto;
margin-left: 3%;
margin-top: 20px;
}

div.footbox h3 {
font-size: 14px;
font-weight: 800;
color: #b7cd17;
margin-bottom: 8px;
text-transform: uppercase;
}


div.footbox a{
position: relative;
float: left;
display: inline-block;
text-align: left;
font-size: 12px;
color: #b7b7b7;
margin: 0;
text-decoration: none;
}

div.footbox a:hover {
color: white;
transition: all 0.3s ease;
}


footer p{
position: relative;
float: right;
display: block;
max-width: 490px;
min-height: 200px;
font-size: 12px;
color: #b7b7b7;
text-align: justify;
margin: 0;
padding: 0;
line-height: 16px;
margin-top: 35px;
}




#copyright {
position: relative;
float: left;
width: 100%;
min-height: 65px;
}

#copyright a {
text-decoration: none;
color: #7e7e7e;
}

footer a, #copyright a:hover {
color: white;
transition: color 0.3s;
}

#copyright p {
position: relative;
float: left;
font-size: 12px;
font-weight: 300;
color: #7e7e7e;
margin-top: 34px;
margin-left: 6px;
}



#formular {
position: relative;
float: right;
width: 365px;
height: 335px;
text-align: center;
}


#formular h3 {
position: relative;
float: left;
width: 100%;
font-size: 14px;
color: white;
text-transform: uppercase;
font-weight: 700;
margin-top: 20px;
text-align: left;
margin-bottom: 14px;
}

#formular input, #formular textarea, #dotaz input, #dotaz textarea{
position: relative;
float: left;
width: 100%;
height: 32px;
background-color: #202020;
border: none;
color: white;
border-radius: 3px;
margin-bottom: 16px;
resize: none;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
padding-left: 18px;
font-weight: 400;
}


#formular textarea {
height: 90px;
padding-top: 10px;
}





#formular a.btn img {
margin-top: 19px;
}


#bottom {
position: relative;
float: left;
min-height: 60px;
width: 100%;
background-color: #b7cd17;
}

#bottom p {
position: relative;
float: left;
font-size: 12px;
line-height: 60px;
text-transform: uppercase;
margin: 0;
}

#bottom span p {
margin-left: 7.5%;
}


#bottom span a {
position: relative;
float: left;
height: 42px;
width: 91px;
background-color: black;
color: white;
text-decoration: none;
line-height: 42px;
font-weight: 800;
font-size: 16px;
margin-left: 1%;
border-radius: 5px;
padding-left: 15px;
margin-top: 9px;
margin-bottom: 0;
}

div.realhalf {
width: 50%;
position: relative;
float: left;
}

#bottom span a:hover {
color: black;
background-color: white;
transition: all 0.3s;
}


#bottom span a.google {
font-size: 30px;
padding-left: 36px;
width: 70px;
}


#bottom span a.google b {
font-size: 20px;
}

#partner div.centerbtn {
width: 100%;
text-align: center;
margin-top: -25px;
}


#partner a.vse {
position: relative;
display: inline-block;
float: none;
z-index: 30;
margin: 0;
}



h1.nadpis {
position: relative;
float: left;
font-size: 48px;
font-weight: 300;
width: 100%;
text-align: center;
text-transform: uppercase;
border-bottom: 2px solid #efff38;
padding-bottom: 30px;
padding-top: 30px;
}


#contact {
position: relative;
float: left;
min-height: 150px;
width: 100%;
}

#contact h1.nadpis {
text-transform: none;
border: none;
width: auto;
text-align: left;
margin-top: 30px;
margin-bottom: 0;
}


#contact p {
position: relative;
float: left;
font-size: 14px;
line-height: 22px;
color: #4f4f4f;
margin-top: 45px;
margin-left: 2%;
border-right: 1px solid #4f4f4f;
padding-right: 55px;
}


#contact span p {
border: none;
margin-left: 4%;
padding-right: 0;
}

#contact a {
text-decoration: none;
color: #4f4f4f;
font-weight: 800;
}


#contact a:hover {
opacity: 0.7;
transition: all 0.3s ease;
}



#map {
position: relative;
float: left;
width: 100%;
height: 340px;
margin-top: -2px;
}



#dotaz {
position: relative;
float: left;
width: 100%;
min-height: 490px;
text-align: center;
}


#dotaz h1.nadpis {
text-transform: none;
width: 100%;
margin: 0;
padding: 0;
border: none;
width: 94%;
margin-left: 3%;
padding-top: 30px;
}


#dotaz h1.nadpis strong {
font-weight: 800;
}




#dotaz input, #dotaz textarea {
background-color: white;
border: 1px solid #c7c7c7;
color: #4f4f4f;
padding-right: 18px;
margin-left: 1%;
margin-right: 1%;
}


#dotaz input {
width: 28%;
float: none;
display: inline-block;
margin-top: 30px;
}


#dotaz textarea {
width: 58.5%;
float: none;
vertical-align: top;
height: 115px;
padding-top: 8px;
}


#dotaz input.sendbutton_kontakt {
float: none;
display: inline-block;
vertical-align: top;
width: 120px;
height: 48px;
line-height: 48px;
color: white;
margin: 0;
}

#dotaz a.btn img {
margin-top: 19px;
}




#dotaz input.checkbox {
float: left;
width: 15px;
height: 15px;
margin: 0;
}


#dotaz div.terms {
width: 58.5%;
float: none;
display: inline-block;
margin-top: 10px;
}


#dotaz div.terms p {
float: left;
width: 95%;
font-size: 12px;
color: #4f4f4f;
line-height: 14px;
margin: 0;
margin-bottom: 20px;
text-align: left;
padding-left: 1%;
}



#maininfo {
position: relative;
float: left;
width: 100%;
min-height: 200px;
margin-top: 40px;
}


#maininfo p {
font-size: 14px;
color: #4f4f4f;
line-height: 22px;
border-bottom: 2px solid #efff38;
width: 100%;
padding-bottom: 25px;
}


#produkty {
min-height: 750px;
position: relative;
float: left;
width: 100%;
text-align: center;
}


#produkty div.container {
border-top: 2px solid #efff38;
}


#produkty div.box {
float: none;
position: relative;
width: 25%;
margin-left: 0%;
margin-right: 0%;
display: inline-block;
font-size: 0px;
border-bottom: 2px solid #efff38;
margin-top: 30px;
}


#produkty div.box img {
max-width: 80%;
height: 265px;
width: auto;
float: left;
display: block;
margin-left: 10%;
}


#produkty div.box h2 {
font-size: 24px;
font-weight: 800;
margin-left: 0;
text-transform: none;
width: 80%;
margin-left: 10%;
color: black;
height: 68px;
}


#produkty div.box h2 b {
font-weight: 400;
color: black;
}


#produkty div.box p {
margin-left: 0;
width: 80%;
color: #313131;
line-height: 22px;
margin-left: 10%;
height: 132px;;
border-bottom: 2px solid #efff38;
padding-bottom: 20px;
margin-bottom: 20px;
overflow: hidden;
}


#produkty div.box span {
width: 100%;
height: auto;
overflow: hidden;
display: inline-block;
float: left;
position: relative;
}


#produkty div.box span:after {
content: '';
width: 100%;
height: 20px;
position: absolute;
top: 116px;
left: 0;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 100)));
}



#produkty div.box a.btn {
width: 200px;
height: 48px;
margin-left: 10%;
font-size: 18px;
line-height: 48px;
text-align: left;
}


#produkty div.box a.btn:after {
content: 'Více';
display: none;
}


#produkty div.box a.btn img {
height: auto;
width: auto;
position: absolute;
top: 11px;
right: 0;
}




#mereni {
position: relative;
float: left;
min-height: 600px;
width: 100%;
text-align: center;
}


#mereni div.container {
border-top: 2px solid #efff38;
margin-top: -2px;
}


#mereni h2 {
position: relative;
width: 78%;
float: left;
margin-left: 11%;
font-weight: 300;
font-size: 48px;
text-align: center;
line-height: 52px;
margin-top: 40px;
margin-bottom: 40px;
}


#mereni p {
position: relative;
float: left;
width: 100%;
font-size: 14px;
color: #4f4f4f;
line-height: 22px;
text-align: left;
}

#mereni p strong {
font-weight: 800;
}


#mereni img {
margin-left: 1%;
margin-right: 1%;
display: inline-block;
margin-top: 20px;
}





#zapojeni {
position: relative;
float: left;
min-height: 220px;
width: 100%;
}




#zapojeni h2 {
float: left;
font-weight: 800;
font-size: 65px;
line-height: 71px;
background:  linear-gradient(61deg, rgba(0,160,166,1) 0%, rgba(180,204,27,1) 100%);
-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  width: 40%;
  min-height: 150px;
  padding-bottom: 10px;
  margin-bottom: 0;
  margin-top: 54px;
}



#zapojeni a.btn {
float: left;
display: block;
width: 160px;
height: 48px;
background-color: #efff38;
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
background-image: none;
line-height: 45px;
padding-left: 40px;
margin-top: 100px;
margin-left: 5%;
}


#zapojeni img {
position: absolute;
right:0;
top: 0;
height: 220px;
z-index: 0;
}







#menu {
position: relative;
float: left;
min-height: 185px;
z-index: 3;
width: 100%;
box-shadow: 0px 0px 26px 0px #898989;
text-align: center;
}



#menu a.product {
position: relative;
float: none;
display: inline-block;
height: 185px;
width: auto;
padding-left: 40px;
padding-right: 40px;
text-decoration: none;
background-color: white;
border-radius: 40px;
vertical-align: bottom;
}

#menu a.product:hover {
-webkit-transform: translateY(8px);
transform: translateY(8px);
transition: all 0.3s ease;
}


#menu a.product img {
height: 100px;
width: auto;
margin-left: auto;
margin-right: auto;
float: none;
display: block;
margin-top: 35px;
}

#menu a.product p.product_name {
font-size: 12px;
color: black;
text-transform: uppercase;
font-weight: 700;
width: 100%;
text-align: center;
margin-top: 15px;
text-decoration: none;

}





#formular input.sendbutton {
position: relative;
float: left;
width: 120px;
height: 47px;
line-height: 47px;
padding-left: 0;
cursor: pointer;
}




#bar input.submit {
position: relative;
float: left;
width: 98px;
height: 30px;
line-height: 30px;
padding: 0;
  background: #cbd62f, url(images/arrow.png);
  background-image: -webkit-linear-gradient(top, #cbd62f, #76b524);
  background-image: -moz-linear-gradient(top, #cbd62f, #76b524);
  background-image: -ms-linear-gradient(top, #cbd62f, #76b524);
  background-image: -o-linear-gradient(top, #cbd62f, #76b524);
  background-image: linear-gradient(to bottom, #cbd62f, #76b524);
  text-align: left;
  padding-left: 10px;
  color: white;
font-size: 14px;
text-decoration: none;
font-weight: 700;
margin: 0;
}

#bar div.submit {
position: relative;
float: left;
width: 98px;
height: 30px;
margin-top: 20px;
margin-left: 7px;
}

#bar div.submit img {
    width: 10px;
    height: 10px;
    background: url("images/arrow.png") no-repeat;
    top: -9px;
    right: 10px;
    position: absolute;
    display: inline-block;
}




#bar input.submit:hover {
opacity: 0.8;
transition: all 0.3s ease;
cursor: pointer;
}





div.product_detail {
position: relative;
float: left;
}

div.product_detail p {
font-size: 14px;
color: #4f4f4f;
line-height: 22px;
}


div.product_detail p strong {
font-size: 18px;
font-weight: 800;
padding-bottom: 30px;
}

div.product_detail div.half p strong  {
font-size: 14px;
font-weight: 700;
}


div.product_detail hr {
position: relative;
float: left;
height: 2px;
width: 100%;
color: #efff38;
background-color: #efff38;
border: none;
margin-top: 30px;
margin-bottom: 8px;
}




div.product_detail img.main_image {
position: relative;
float: left;
max-width: 544px;
max-width: 85%;
height: auto !important;
margin-top: 50px;
}



div.product_detail div.half p {
margin-top: 50px;
}


div.product_detail h1 {
position: relative;
float: left;
width: 100%;
font-weight: 300;
font-size: 48px;
line-height: 52px;
color: black;
margin-top: 30px;
}



div.product_detail a.mini img {
height: 230px !important;
width: auto;
}


div.center_mini {
float: left;
position: relative;
text-align: center;
height: auto;
width: 100%;
}


div.center_mini a.mini {
float: none;
display: inline-block;
height: 200px !important;
margin-top: 30px;
margin-left: 1%;
margin-right: 1%;
}

div.center_mini a.mini img {
margin: 0;
height: 100% !important;
width: auto;
max-width: 100%;
}


div.normal_font {margin-top: 30px; position: relative;
float: left;}

div.normal_font p strong {font-size: 14px;}

div.info_box {
position: relative;
float: left;
width: 46%;
min-height: 420px;
margin-top: 20px;
}

div.green {
float: right;
}

div.green h3 {
background: url(images/green.jpg) 100% 100% !important;
}


div.black h3 {background: none !important; background-color: black !important; color: #efff38 !important;}

div.black h3 strong {color: white !important;}




div.info_box h3 {
position: relative;
float: left;
width: calc(100% - 15px);
font-size: 30px;
line-height: 32px;
font-weight: 400;
color: white;
padding-left: 15px;
text-shadow: 0px 1px black;
background: url(images/red.jpg) 100% 100%;
text-transform: uppercase;
height: 85px;
padding-top: 15px;
}

div.info_box h3 strong {
font-weight: 800;
font-size: 22px;
}

div.info_box div.typ {
position: relative;
float: left;
width: 100%;
height: 50px;
}

div.info_box div.typ p {
line-height: 50px;
font-size: 18px;
margin-top: 0;
float: left;
position: relative;
color: black;
padding-left: 5px;
}

div.info_box div.typ p strong {
font-weight: 800;
font-size: 18px;
padding-bottom: 0;
}

table, th, td {
    border: none;
    border-collapse: collapse;
}


div.info_box td {
height: 40px;

margin: 0;
}


div.info_box a.btn {
width: 160px;
height: 30px;
margin-top: 20px;
}


div.product_detail div.half td p {
font-size: 12px;
color: #909090;
line-height: 40px;
margin: 0;
padding-left: 20px;
}

table {
width: 100%;
}

tr:nth-child(odd) {background: #f1f1f1}
tr:nth-child(even) {background: white}

table td:nth-child(2) {
width: 43%;
border-left: 1px solid #e3e3e3;
}

table td:nth-child(2) p {
padding-left: 30px;
font-weight: 700;
}



div.product_detail div.hide h3 {
display: none;
}



div.videonavod {
float: left;
position: relative;
height: auto;
width: 100%;
text-align: center;
}



div.videonavod div.video {
position: relative;
float: left;
height: auto;
width: 100%;
background: url(images/speedarr.png), url(images/speedarr.png);
background-position: right top, right bottom;
background-repeat: no-repeat;
margin-top: 30px;
}

div.videonavod div.video p {
font-size: 60px;
float: right;
background: -webkit-linear-gradient(38deg, #73b524, #c2d017);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 60px;
margin-top: 150px
}



div.videonavod strong {
font-weight: 800;
}


div.videonavod iframe {
width: 850px;
height: 500px;
}




#contact_sub {
position: relative;
float: left;
width: 100%;
}


#contact_sub h1 {
font-size: 48px;
font-weight: 300;
width: auto;
margin-bottom: 30px;
}


#contact_sub div.text {
position: relative;
float: left;
text-align: left;
width: auto;
height: auto;
}


#contact_sub p {
position: relative;
float: left;
font-size: 48px;
color: #4f4f4f;
font-weight: 100;
line-height: auto;
margin-top: 37px;
margin-left: 50px;
}



#contact_sub div.text p {
font-size: 14px;
}


#contact_sub p strong {
font-size: 14px;
}

div.lomitko {
position: relative;
float: left;
background-color: #4f4f4f;
height: 32px;
width: 1px;
margin-top: 42px;
margin-left: 50px;
}


#contact_sub p a {
font-weight: 800;
color: #4f4f4f;
text-decoration: none;
}

#contact_sub p a:hover {
opacity: 0.8;
transition: all 0.3s ease;
}



#photo ul {
min-height: 308px;
}


.bx-wrapper .bx-pager {
display: none;
}


div.bx-wrapper {
box-shadow: none;
border: none;
margin: 0;
background: none;
}


a.bx-prev {
background: url(images/prev.png) no-repeat top !important;
}

a.bx-next {
background: url(images/next.png) no-repeat top !important;
}


a.bx-prev, a.bx-next {
 height: 45px !important;
background-size: 100% 100% !important;
width: 50px !important;
margin-left: 20px;
margin-right: 20px;
}



#akrylovateraria {
position: relative;
float: left;
height: 780px;
width: 100%;
}


div.akrylheadline {
position: relative;
float: left;
width: 100%;
height: 250px;
background-color: rgba(0,0,0,0.6);
margin-top: 250px;
}


div.akrylheadline h1 {
float: left;
opacity: 1;
z-index: 10;
color: white;
font-size: 88px;
text-transform: uppercase;
text-align: center;
width: 100%;
margin: 0;
line-height: 80px;
margin-top: 60px;
}

div.akrylheadline p {
color: white;
float: left;
width: 100%;
text-align: center;
font-size: 31px;
margin: 0;
}


#akrylobsah {
position: relative;
float: left;
height: auto;
width: 100%;
}


#akrylobsah h1 {
float: left;
width: 100%;
font-size: 50px;
color: black;
font-weight: 400;
text-align: center;
text-transform: uppercase;
margin-bottom: 50px;
}

#akrylobsah h1 strong {
font-weight: 700;
}


#akrylobsah h1, #akrylobsah h1 strong {
z-index: 50;
}


#akrylobsah > div {
position: relative;
float: left;
height: auto;
width: 100%;
padding-bottom: 40px;
border-bottom: solid #efff38 2px;
padding-top: 40px;
}


#akrylobsah div.container_two {
padding-top: 0;
}


div.unique img {
float: left;
height: auto;
width: 35.8%;
}

div.unique h2 {
float: left;
width: 60.2%;
color: black;
margin-left: 4%;
font-size: 30px;
margin-bottom: 40px;
}

div.unique h2 strong {
color: #efff38;
font-size: 32px;
}


div.unique p {
float: left;
width: 45.2%;
margin-left: 4%;
font-size: 14px;
line-height: 22px;
color: #545454;
}

div.unique p strong {
color: black;
font-weight: 800;
}


div.videonavod {
text-align: left;
}


div.videonavod p, div.rozmery p {
float: left;
font-size: 14px;
line-height: 22px;
color: #545454;
}



div.rozmery table {
position: relative;
float: left;
margin-top: 30px;
width: 100%;
}


div.rozmery table th {
text-align: left;
color: black;
font-weight: 800;
text-transform: uppercase;
font-size: 22px;
background-color: #efff38;
height: 55px;
line-height: 55px;
padding-left: 23px;
}

div.rozmery table tr, div.rozmery table td {
font-size: 18px;
font-weight: 700;
color: #4f4f4f;
vertical-align: top;
line-height: 48px;
padding-left: 23px;
padding-right: 10px;
border: 0;
}

div.rozmery table th {
padding-right: 10px;
}


div.rozmery table tr {
width: calc(100% - 100px);
border: 0;
border-bottom: solid white 5px;
}


div.rozmery table th:nth-child(2) {
text-align: center;
}


div.rozmery table td:nth-child(2) {
background-color: white;
width: 92px;
}


div.rozmery table tbody {
padding-left: 10px;
padding-right: 10px;
}


div.rozmery table a {
position: relative;
width: 92px;
height: 48px;
line-height: 50px;
padding: 0;
    padding-left: 0px;
background: #cbd62f, url(images/arrow.png);
background-image: -webkit-linear-gradient(top, #cbd62f, #76b524);
background-image: -moz-linear-gradient(top, #cbd62f, #76b524);
background-image: -ms-linear-gradient(top, #cbd62f, #76b524);
background-image: -o-linear-gradient(top, #cbd62f, #76b524);
background-image: linear-gradient(to bottom, #cbd62f, #76b524);
text-align: center;
color: white;
font-size: 14px;
text-decoration: none;
font-weight: 700;
margin: 0;
display: inline-block;
float: right;
border-radius: 5px;
}


div.rozmery table a:hover {
opacity: 0.8;
transition: all 0.3s ease;
}



div.rozmery table a img {
margin-left: 10px;
}






div.terariatyp {
position: relative;
float: left;
width: 100%;
height: auto;
text-align: center;
margin-top: 20px;
}

div.terariatyp a {
position: relative;
float: none;
color: black;
text-decoration: none;
font-size: 40px;
text-align: center;
line-height: 38px;
display: inline-block;
background-size: 100%;
margin-left: 4%;
margin-right: 4%;
}


div.terariatyp a:hover {
-ms-transform: scale(0.95, 0.95); /* IE 9 */
    -webkit-transform: scale(0.95, 0.95); /* Safari */
    transform: scale(0.95, 0.95);
    opacity: 0.8;
    transition: all 0.3s ease;
}


div.terariatyp a strong {
font-weight: 800;
}


div.terariatyp a.vysoka {
background: url(images/typ1.jpg) no-repeat top;
padding-top: 580px;
width: 350px;
}


div.terariatyp a.siroka {
background: url(images/typ2.jpg) no-repeat top;
padding-top: 460px;
width: 600px;
}


#infoakryl {
display: none;
}


#infoakryl p {
width: 100%;
text-align: left;
}

#infoakryl p img {
height: 420px;
float: left;
}









#cojeto img.main {
position: absolute;
left: 0;
top: 120px;
width: 52%;
z-index: 10;
}


#cojeto p {
float: right;
width: 48%;
font-size: 14px;
color: #545454;
line-height: 22px;
margin-top: 20px;
}



#cojeto div.sec {
position: relative;
float: left;
width: 100%;
height: auto;
text-align: center;
margin-top: 50px;
}

#cojeto div.sec img {
float: none;
display: inline-block;
height: 240px;
}



#map iframe {
width: 100%;
height: 340px;
}






@media screen and (max-width: 1650px) {
header {min-height: 60px;}
a.logo {width: 130px; height: 60px; background-size: 100%;}
header nav a {font-size: 12px;}
header nav {margin-top: 26px;}
div.search a.eshop {width: 90px; height: 28px; font-size: 14px; line-height: 28px; margin-top: 18px;}
div.search a.eshop img {width: 20px; height: 17px}
div.search div.searchbar {height: 32px; width: 200px; margin-top: 17px;}
div.search div.searchbar a.icon { width: 40px; height: 22px; margin: 0; padding-left: 0px; top: 6px;}
button.dropbtn {width: 80px; height: 32px; margin-top: -9px; font-size: 14px; line-height: 32px; padding-left: 5px;}
div.dropdown {width: 80px; }
button.dropbtn img {right: 8px; top: 5px;}
div.dropdown-content {min-width: 80px; font-size: 12px;}
div.dropdown-content a { padding-top: 6px; padding-bottom: 6px;}
#info {min-height: 260px;}
#info img {height: 50px;}
#info p {font-size: 17px;}
h1.headline, #partner h1.headline  {font-size: 50px;}
div.box {width: 280px; margin-left: 3%; margin-right: 3%; padding-bottom: 30px;}
div.box p {width: 92%;}
a.vybrano {width: 160px;}
a.vybrano p {font-size: 12px;}
#proc h1.headline {width: 570px; height: 60px; line-height: 60px;}
div.icons {width: 170px; height: 180px; padding-bottom: 30px;}
div.icons img {width: 95px;}
div.icons p {font-size: 15px; line-height: 20px;}
div.zajbox h2 {font-size: 20px;}
#partner p {margin-top: 0px;}
#partner h2 {margin-top: 30px; font-size: 30px;}
#partner a.btn {height: 43px; line-height: 43px;}
#partner a.btn img {margin-top: 17px;}
div.partnerbox {width: 140px; margin-top: 60px;}
div.partnerbox img {width: 95px;}
div.partnerbox h3 {font-size: 18px;}
#odkazy a {width: 200px; margin-top: 10px;}
#bar nav {margin-top: 27px;}
#bar nav a {font-size: 12px;}
#bar input {width: 240px; height: 30px; margin-top: 21px;}
#bar div.dropdown {margin-left: 60px; width: 80px;}
#bar div.submit {margin-top: 21px; width: 90px; }
#bar div.submit img {right: 5px;}
footer p {width: 41%; padding-bottom: 30px; }
#formular {width: 350px;}
#formular h3 {margin-top: 36px;}
#copyright p {margin-top: 27px;}
#bottom span a {width: 80px; height: 35px; line-height: 35px; font-size: 15px; margin-top: 12px; padding-left: 8px;}
#bottom span a.google {padding-left: 30px; width: 58px; font-size: 26px;}
#photo div.article {height: auto; width: 450px; padding: 0; min-height: 500px;}
#photo div.article:after {min-height: 480px;}
#photo div.article h1 {font-size: 68px; line-height: 73px;}
#photo div.article p {font-size: 25px; line-height: 30px;}
h1.nadpis {font-size: 42px; line-height: 47px;}
#contact p {font-size: 13px; margin-top: 38px;}
#dotaz div.terms p {font-size: 11px;}
#produkty div.box p {font-size: 13px; width: 86%; margin-left: 7%;}
#produkty div.box h2 {font-size: 20px; line-height: 25px; margin-left: 7%; width: 86%;}
#produkty div.box img {width: 86%; margin-left: 7%;}
#produkty div.box a.btn {width: 160px; height: 43px; line-height: 43px; font-size: 15px; margin-left: 7%;}
#produkty div.box a.btn img {top: 8px;}
#mereni img {vertical-align: center; height: 200px; width: auto; }
#zapojeni h2 {font-size: 55px; line-height: 60px;}
#zapojeni a.btn {font-size: 15px; padding-left: 30px; width: 130px; margin-top: 90px;}
#zapojeni img {height: 170px; bottom: 0;}
#menu a.product p {font-size: 11px;}
#odkazy a {margin-left: 3%; margin-right: 3%;}
div.info_box h3 {font-size: 22px; height: 80px;}
div.info_box h3 strong {font-size: 18px}
}





@media screen and (max-width: 1500px) {
div.videonavod iframe {width: 650px; height: 382px;}
div.videonavod div.video p {font-size: 50px; line-height: 50px; margin-top: 115px;}
div.videonavod div.video {background-size: 250px, 250px;}
}



@media screen and (max-width: 1450px) {
#contact_sub h1 {font-size: 38px;}
#akrylovateraria {height: 500px;}
div.akrylheadline {height: 180px; margin-top: 150px;}
div.akrylheadline h1 {font-size: 62px; line-height: 55px; margin-top: 50px;}
div.akrylheadline p {font-size: 22px;}
div.unique p {font-size: 13px; width: 60.2%;}
div.unique h2 {margin-bottom: 10px;}
div.terariatyp a {font-size: 30px; line-height: 30px;}
div.terariatyp a.vysoka {padding-top: 450px; width: 280px; background-size: 100%;}
div.terariatyp a.siroka {padding-top: 330px; width: 450px; background-size: 100%;}
#cojeto div.sec img {height: 200px;}
#cojeto p {font-size: 13px;}
}


@media screen and (max-width: 1340px) {
#bar nav {width: 100%; padding-bottom: 20px; text-align: center;}
#bar div.dropdown {margin-left: 0; float: right;}
#contact_sub h1 {width: 100%; text-align: center;}
div.lomitko {display: none;}
#contact_sub {text-align: center;}
#contact_sub div.text p {margin: 0;}
#contact_sub div.text {float: none; display: inline-block; margin-left: 30px; margin-right: 30px; margin-bottom: 30px; text-align: center;}
}

@media screen and (max-width: 1320px) {
#odkazy a {margin-left: 4% !important; margin-right: 4% !important;padding-bottom: 20px;}
div.left {width: 100%;}
#bar {z-index: 10;}
#formular {float: none; margin-left: auto; margin-right: auto; overflow: hidden;}
#formular input.sendbutton {margin-bottom: 30px;}
#formular h3 {margin-top: 15px;}
footer hr {width: 100%; left: 0;}
div.center {float: left; width: 100%;}
header nav {margin-left: 0; padding-bottom: 20px;}
div.product_detail div.half {width: 100%; text-align: center;}
div.product_detail div.center {width: 100%; text-align: center;}
div.product_detail div.half img.main_image {width: 50%; display: inline-block; float: none;}
div.product_detail div.half a.mini img.main_image {width: auto; display: inline-block; float: none; margin-left: 3%; margin-right: 3%;}
}


@media screen and (max-width: 1280px) {
#partner h2 {width: 100%;}
#partner a.btn {margin-left: 0; margin-bottom: 10px;}
#contact span p {margin-left: 2%; margin-top: 10px; width: 50%;}
#contact p {border: none;}
#produkty div.box a.btn {width: 60px; height: 35px; line-height: 35px; font-size: 13px;}
#produkty div.box a.btn span {display: none;}
#produkty div.box a.btn:after {display: inline-block;}
#produkty div.box a.btn img {top: 4px;}
#menu a.product{width: 12%; margin-left: 0.5%;}
#cojeto {text-align: center;}
#cojeto p { float: left;  width: 100%;}
#cojeto img.main { position: relative;;margin-bottom: 10px; display: inline-block; top: 0; width: 60%;}
article {width: 100%;}
}


@media screen and (max-width: 1200px) {
header div.search {width: 480px; padding-bottom: 20px; margin-top: 0px; float: left;}
div.zajbox {width: 260px; padding-bottom: 20px;}
#bottom span {position: relative; float: left; width: 100%; height: auto; text-align: center; }
#bottom p {line-height: 20px; padding-top: 20px; padding-bottom: 20px;}
#bottom span a, #bottom span a.google {padding: 0; width: 80px; margin-top: 0;}
#bottom span p {margin-left: 0; padding-top: 10px;}
#partner h1.headline {padding-top: 20px;}
#dotaz h1.nadpis {font-size: 35px; line-height: 40px;}
#produkty {text-align: center;}
#produkty div.box {width: 280px; display: inline-block; float: none; border: none;}
#produkty div.box a.btn {text-align: left;}
#zapojeni img {display: none;}
#zapojeni h2 { width: 70%; }
#zapojeni a.btn {float: right;}
#menu {display: none;}
div.videonavod iframe {width: 600px; height: 350px;}
div.terariatyp {margin-top: 80px;}
div.terariatyp a {margin-bottom: 60px;}
div.terariatyp a.vysoka {padding-top: 320px; width: 200px; background-size: 100%;}
div.terariatyp a.siroka {padding-top: 240px; width: 320px; background-size: 100%;}
div.videonavod iframe {width: 500px; height: 294px;}
div.videonavod div.video {background-size: 200px, 200px;}
div.videonavod div.video p {font-size: 35px; line-height: 35px; margin-top: 100px;}
}

@media screen and (max-width: 1000px) {
#photo div.article {float: none; margin-left: auto; margin-right: auto;}
footer {text-align: center;}
footer div.footbox {height: 220px; float: none; margin-left: 5%; margin-right: 5%; display: inline-block; vertical-align: top;}
footer p {width: 490px;; float: none; margin: 0; display: inline-block; padding-top: 30px;}
footer div.footbox h3 {text-align: left; padding-top: 20px;}
#contact h1.nadpis {font-size: 35px; margin-top: 20px; width: 100%; text-align: center;}
#contact p, #contact span p {width: 100%; padding: 0; margin-left: 0;}
#contact p {margin-top: 0px;}
#contact {text-align: center; margin-bottom: 20px;}
#dotaz input {width: 35%;}
#dotaz textarea, #dotaz div.terms {width: 72.5%}
div.product_detail div.half img.main_image {width: 50%; margin-left: 25%;}
div.product_detail div.half a.mini img.main_image {height: 140px;}
#akrylovateraria {height: 400px;}
div.akrylheadline {height: 140px;}
div.akrylheadline h1 {font-size: 45px; line-height: 45px; margin-top: 35px;}
div.akrylheadline p {font-size: 16px;}
div.unique {text-align: center;}
div.unique img {float: none; display: inline-block; margin: 0; margin-bottom: 20px;}
div.unique p, div.unique h2 {width: 100%; margin-left: 0;}
#akrylobsah div.container_two {margin-left: 0;}


}



@media screen and (max-width: 900px) {
div.videonavod iframe {width: 400px; height: 235px;}
div.videonavod div.video {background-size: 160px, 160px;}
div.videonavod div.video p {font-size: 30px; line-height: 30px; margin-top: 70px;}
}


@media screen and (max-width: 820px) {
div.half {width: 100%;}
#mereni h2 {font-size: 40px; line-height: 45px;}
#zapojeni h2 {width: 100%; text-align: center;}
#zapojeni a.btn {margin-left: 0; float: none; display: inline-block; padding-left: 0; margin-top: 10px;}
#zapojeni {text-align: center;}
div.product_detail div.half img.main_image {width: 80%; margin-left: 10%;}
div.unique img {width: 50%;}
#akrylobsah h1 {font-size: 40px;}
#cojeto div.sec img {width: 80%; margin-left: 10%; margin-bottom: 10px; height: auto;}
}


@media screen and (max-width: 730px) {
div.videonavod iframe {width: 100%; height: 300px;}
div.videonavod div.video {background: none;}
div.videonavod div.video p {display: none;}
}


@media screen and (max-width: 700px) {
header {padding-bottom: 20px;}
header a.logo {float: none; display: inline-block;}
header nav {width: 100%; margin: 0;}
header nav a {width: 100%; text-align: center; margin: 0; padding: 10px; padding-left: 0; padding-right: 0;}
header div.search {width: 308px; float: none; text-align: center; margin-left: auto; margin-right: auto;}
header div.dropdown {display: none;}
#proc h1.headline {height: auto; width: auto; display: block;}
div.partnerbox {height: 150px; padding-bottom: 30px;}
#bar div.prihlasit {width: 100%; text-align: center;}
#bar div.prihlasit img, #bar div.prihlasit p, #bar input, #bar div.submit {display: inline-block; float: none; margin-left: 0; margin-top: 10px;}
#bar div.submit img {top: 0px;}
#dotaz textarea, #dotaz div.terms {width: 100%}
#dotaz input {width: 47.5%;}
#dotaz h1.nadpis {font-size: 30px; line-height: 35px;}
#photo div.article h1 {font-size: 60px; line-height: 65px;}
#bar nav a {float: none; display: inline-block; margin-left: 2.5%; margin-right: 2.5%;}
div.product_detail div.half {text-align: center;}
div.info_box {width: 300px; float: none; display: inline-block; margin-left: 0; margin-right: 0;}
div.info_box h3 {font-size: 30px; text-align: left;}
div.info_box h3 strong {font-size: 22px;}
div.product_detail div.hide h3 {display: block;}
a.bx-prev, a.bx-next {display: none !important;}
}


@media screen and (max-width: 600px) {
#bar nav {width: 100%; margin: 0; margin-top: 20px; min-height: 180px;}
#bar nav a {width: 100%; text-align: center; margin: 0; padding: 0px; padding-top: 10px; padding-bottom: 10px;}
#bar {text-align: center;}
#bar div.dropdown {float: none; display: inline-block; margin-top: 15px; padding: 0; margin-left: 0; padding-left: 5px; height: 32px;}
#bar button.dropbtn { padding: 0; margin-left: 0; padding-left: 5px; height: 32px;}
#bar div.dropdown-content {width: 75px;}
#bar a.language { padding-left: 5px; text-align: left; width: 75px;}
footer p {width: 100%;}
#dotaz h1.nadpis {font-size: 25px; line-height: 30px;}
div.product_detail div.half img.main_image {width: 100%; margin-left: 0%;}
div.product_detail div.half a.mini img.main_image {height: 100px;}
div.videonavod iframe {height: 270px;}
#akrylovateraria {height: 300px;}
div.akrylheadline {height: 100px; margin-top: 100px;}
div.akrylheadline h1 {font-size: 37px; line-height: 40px; margin-top: 22px;}
div.akrylheadline p {font-size: 13px;}
div.rozmery table th {font-size: 15px;}
div.rozmery table td, div.rozmery table tr {font-size: 13px; height: 38px; line-height: 38px;}
div.rozmery table td a {height: 38px; line-height: 38px;}
}


@media screen and (max-width: 540px) {
#dotaz h1.nadpis {padding-bottom: 20px;}
#dotaz input {width: 100%; margin-top: 0;}
#dotaz div.terms p {max-width: 90%; padding-left: 10px;}
#produkty div.box p, #produkty div.box h2, #produkty div.box img {width: 100%; margin-left: 0;}
#produkty div.box a.btn {margin-left: 0;}
#mereni h2 {font-size: 35px; line-height: 40px; width: 100%; margin-left: 0;}
div.product_detail h1 {font-size: 40px;}

}



@media screen and (max-width: 510px) {
div.container, div.container_two {width: 90%; margin-left: 5%;}
header div.search div.searchbar {display: none;}
div.dropdown, button.dropbtn, div.dropdown-content {width: 102px;}
#photo {height: 550px;}
#photo div.article {width: 90%;}
#photo div.article h1 {font-size: 45px; line-height: 50px;}
#photo div.article p {font-size: 20px; line-height: 25px;}
#info img {height: 40px;}
div.box p, div.box h2 {margin-left: 0;}
footer div.footbox {width: 100%; height: auto; text-align: center; margin: 0;}
footer div.footbox h3 {text-align: center;}
footer div.footbox a  {width: 100%; text-align: center;}
#copyright {text-align: center;}
#copyright p {width: 100%; margin-top: 0px;}
#copyright a.logo {display: inline-block; float: none; }
#formular {width: 100%;}
#produkty div.box {width: 90%;}
#zapojeni h2 {font-size: 35px; line-height: 40px; margin-top: 50px; min-height: 120px;}
#zapojeni a.btn {margin-top: 0;}
#dotaz div.terms {width: 100%;}
header div.search a.btn {float: none; display: inline-block;}
header div.search {width: 100%;}
div.product_detail div.info_box {width: 100%;}
div.product_detail div.info_box h3 {font-size: 20px; line-height: 24px; height: 65px;}
div.product_detail div.info_box h3 strong {font-size: 17px;}
div.videonavod iframe {height: 230px;}
div.center_mini a.mini {width: 100% !important; height: auto !important; margin-left: 0; margin-right: 0;}
div.center_mini a.mini img {height: auto !important; width: 100%;}
h1.headline {padding: 0;}
#akrylovateraria {height: auto; padding-top: 15px; padding-bottom: 15px;}
div.akrylheadline {height: auto; margin-top: 50px; margin-bottom: 50px;}
div.akrylheadline h1 {margin-bottom: 5px;}
div.akrylheadline p {padding-bottom: 25px;}
div.unique img {width: 80%;}
#akrylobsah h1 {font-size: 35px;}
div.unique h2 {font-size: 23px;}
div.unique h2 strong {font-size: 25px;}
div.terariatyp a.vysoka {padding-top: 230px; width: 150px; background-size: 100%;}
div.terariatyp a.siroka {padding-top: 150px; width: 220px; background-size: 100%;}
}


@media screen and (max-width: 450px) {
div.videonavod iframe {height: 180px;}
}



#odkazy a {width: auto; background-image: none; float: left; position: relative; margin-left: 0%; margin-right: 9%; height: auto;}
#odkazy a img {height: 55px;}
#produkty div.box p {overflow: hidden;}
#kategorie h2 a {text-decoration: none;}

div.blackmenu {background-color: black;}
div.blackmenu a.product {background-color: black !important;}
div.blackmenu a.product p {color: white !important;}