body {  margin:0; padding:0; font-size:100%;  line-height:1;  background: #fff; font-family: "Segoe UI", Arial Narrow, sans-serif, Times Roman; }
img {max-width: 100%;     }
.resp {  max-width: 95%;   margin: 0 auto;   position: static;  }
.resp_total {   max-width: 100%;   margin: 0 auto;   position: static;  }
header { height: 80px; background: #273a60; }
header .logo { float: left;  margin-top: 0.5%; }
.menu button { background: #DBDBDB;  border: 0;  color: #002054;  font: 2.00em Times Roman;   display: none; }
.menu.display ul {display: block;}
.menu  { width:50%;  display: inline-block;   margin: 0%;    padding: 0.5%;}
.menu ul {    list-style: none;    }
.menu ul li {  float: left;  margin-left: 2%;  font: 1.40em Segoe UI;  padding: 0.00% 2.10% 0.05% 0.00%; }
.menu  ul li a {  text-decoration: none;  color: #fff;   font-weight: bold; }
.menu  ul li a:hover {   color: #ff8a00;  font-weight: bold;}
.font1 {   color: #ff8a00; }
.image {width: 100% ;  height: 520px;  background: url("../img/3.jpg") no-repeat center;     background-size: cover; }
.image .hgroup { margin-left: 37.5%; margin-top: 0.1%;  }
.image .hgroup h1  {  display: inline-block;  color: #fff;  font-weight: lighter;  font: 1.35em Segoe UI;  padding: 2.05%;   background: #273a60;  margin: 1.0%;  }
.image .hgroup h2 {  display: inline-block;  color: #fff;   font-weight: lighter; font: 1.35em Segoe UI;  padding: 1.55%;   background: #273a60;  margin: 0.8%;  }
.image .hgroup h3 {  display: inline-block;  color: #ff8a00;  font-weight: bold;   padding: 1.55%;   background: #273a60;  margin: 0.8%;  }
.image .hgroup a { color: #ff8a00; }
.konec1 {clear: both;}
.produkty { overflow: hidden; padding-top: 2%;  padding-left: 1.50%;   background: #fff; padding: 0 0 2% 0;}
.produkty .article {   display: block;  margin-bottom: 0px; width: 45%;  height: auto;   float: left;  margin-right: 5%;  }
.produkty .article h3 {   padding: 0%;  margin-bottom: 0px; background: #fff; color: #0890ff;  font: 1.25em Segoe UI;   font-weight: bold; }
.produkty .article h4 { padding: 0%;  margin-bottom: 0px; background: #fff; color: #f27900;  font: 1.20em Times Roman;   font-weight: bold; }
.produkty .article img { max-width: 100%;  float: right; margin: 0%;  padding: 0px 10px 0px 0px;}
.produkty .article p { padding: 0%; color: #273a60;  font: 0.95em Segoe UI; }
.produkty .article ul {  padding: 0 0 0 4%;  }
.produkty .article ul li {  color: #757575;  font-size: 16px;  font: 0.95em Segoe UI; line-height: 22px; }
.produkty .article .font2 {   color: #0890ff;  font: 1.00em Segoe UI; text-decoration: underline;  float: left;}
.produkty .article .font2 img {  float: left;}
.produkty .article .font3 {   color: #0890ff;  font: 1.00em Segoe UI; text-decoration: underline;  float: right; }
.produkty .article .font3 img {  float: left;  }
.kontakty { overflow: hidden; padding-top: 20px;  border-top: 1px #4B4B4B solid;   background: #273a60;}
.kontakty .article {   display: block;  margin-bottom:2%; width: 22%;  height: auto;   float: left;  margin-right: 3%;  }
.kontakty .article h3 { padding: 0px;  background: #273a60; color: #fff; font: 1.25em Times Roman;  font-weight: bold; }
.kontakty .article p { color: #c3d7ff; font: 1.15em STimes Roman; }
.kontakty .article a { color: #c3d7ff;   font: 1.00em Times Roman; text-decoration: none; }
.kontakty .article .font5 {   color: #fff;  font: 0.75em Segoe UI; text-decoration: underline;  float: left;}
.kontakty .article .font5 img {  float: left; max-width: 100%;  margin: 0%;  padding: 0px 10px 0px 0px;}
footer { background: #fff; padding: 10px;   border-top: 1px #4B4B4B solid;   text-align: center; }
footer p { margin-bottom: 1%; color: #767575; font: 0.75em Times Roman; line-height: 18px; }
footer a { color: #767575; }
a.tlacitko {  padding: 0.5em; background: #273a60; border: 1px solid #13264c; color: #fff; cursor: default; text-decoration: none; border-radius: 5px; }
a.tlacitko:hover {background: #6d7ea2; }
a.tlacitko:active {  top: 1px; left: 1px; }
img {max-width: 100% !important; height: auto !important; }
@media (max-width:1200px)  {     .resp {  padding: 0 8px;   }  }
@media (max-width:1024px) {     .image .hgroup {  text-align: center;  margin-left: 0;  }   }
@media (max-width:768px) {     header .logo {  float: none;  }   
.menu button {    display: block;   position: absolute;   top: 25px;    right: 10px;   }
.menu.display button { display: block;  position: absolute;   top: 25px;  right: 10px;    }
.menu ul  {  display: none;   position:  absolute; top:55px; right:0px;  width: 100%;     background: #273a60;  padding-top: 2em;  list-style: none;  opacity: 0.90; filter:alpha (opacity=90); }
.menu ul li { float:none; height: 100%; padding: 12px 0 0 0;}
.menu  ul li a:hover {   color: #ff8a00; }
.produkty .article { width: 45%;   }
.typy .article { width: 45%;  }
.kontakty .article { width: 22%;   }
footer .resp div { width: 100%;   } }
@media (max-width:726px) {
.kontakty .article { width: 100%;  } 
.produkty .article { width: 100%;  } 
footer .resp div { width: 100%;   } } 
@media (max-width:401px) {header { height: 120px;  } .menu button {    display: block;   position: absolute;   top: 75px;    right: 10px;   }
.menu.display button { display: block;  position: absolute;   top: 75px;  right: 10px;    } .menu ul  {  display: none;   position:  absolute; top:105px; right:0px;  width: 100%;     background: #273a60;  padding-top: 2em;  list-style: none;  opacity: 0.90; filter:alpha (opacity=90); }
 }