<style type="text/css">
@charset "utf-8";
html,body{
@charset "utf-8";
height:100%;
margin:0;
padding:0;
border:0;
max-width:1200px;
font-size:13px;
background-color: #DEFEFD;
font-family: 'Open Sans', sans-serif;
line-height: 1.5;
color: #5e5e5e;
letter-spacing: .03em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position:relative;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.clearfix:before,
.clearfix:after {
display:table;
content:'';
}
.clearfix:after {
clear:both;
}
.hidden {
display:none;
}
.container {
max-width: 1200px;

position: relative;
/*
margin:0 auto;
padding:5px 5px 5px 5px;
*/
}
a, button, .btn {
outline:none !important;
text-decoration:none;
}
a {padding-top:5px; padding-bottom:5px; font-weight:400;
color:#09c;/*#96b613;*/
}
a:hover {
color: #00F;/*#c2d501;*/
text-decoration:none;
}
.meni a { padding-top:5px; padding-bottom:5px; font-weight:400;}
h1 {
padding-top:10px; padding-bottom:10px;
margin: 0;
line-height:1.3;
font-size:20px;
font-weight:700;
position: relative;
width: 100%;
text-align: left;
color: #003300;
}
h2 {
padding-top:10px; padding-bottom:10px;
margin: 0;
line-height:1.2;
font-size:18px;
font-weight:700;
position: relative;
width: 100%;
text-align: left;
color: #003300;
}
h3 {
padding-top:8px; padding-bottom:8px;
margin: 0; 
margin-top:10px;
line-height:1.15;
font-size:15px;
font-weight:700;
position: relative;
width: 100%;
text-align: left;
color: #003300;
}
h4 {
font-size:14px;
line-height: 1.15;
font-weight:700;
color: #003300;
text-align: left;
}
h1.title {font-size:16px;line-height:18px; color:#718e41; line-height:110%;TEXT-TRANSFORM:uppercase;margin:0.8em 0.2em 0.2em 0.2em;padding:5 15 50 15; text-align:center}
h2.title {font-size:14px;line-height:16px; color:#718e41; line-height:100%;TEXT-TRANSFORM:uppercase;margin:0.8em 0.2em 0.2em 0.2em;padding:5 10 5 10; text-align:center}
h2.vazno {font-size:14px;line-height:16px; color:#718e41; line-height:100%;margin:0.8em 0.2em 0.2em 0.2em;padding:0 5 0 5;}
h3.title {font-size:12px;line-height:14px; color:#FF0000; line-height:100%;TEXT-TRANSFORM:uppercase;padding:0 5 0 5;}
h4.title {font-size:12px;line-height:12px; color:#718e41; line-height:100%;TEXT-TRANSFORM:uppercase;padding:0 5 0 5;}
h1 .pageTitle {font-size:1.3em;line-height:18px; color:#718e41; line-height:120%; azimuth:center;padding:0 5 0 5;}
h2 .pageTitle {font-size:14px;line-height:16px; color:#718e41; line-height:100%;TEXT-TRANSFORM:uppercase;margin:0.8em 0.2em 0.2em 0.2em;padding:0 5 0 5;}
ul { padding 0 0 0 2px; margin: 0; list-style-type:disc;list-style-position: outside;}
ol { padding 0 0 0 2px; margin: 0; list-style-type:decimal;list-style-position: outside;}
li{padding-left:1px; padding-top:5px;}
li:before{padding-right:1px; color:black;}


.scrollToTop{
width: 51px;
height: 51px;
border-radius: 50%;
color: #fff;
/*font-size: 2em;*/
text-decoration: none;
background-color: #f8a51b;
position:fixed;
z-index: 25;
bottom:29px;
right:25px;
display:none;
}
.scrollToTop span {
display: flex;
width: 100%;
height: 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.scrollToTop span:before {  
/* Make a CSS Chevron */
border-style: solid;
border-width: 0.18em 0.18em 0 0;
content: '';
height: 0.45em;
position: relative;
transform: rotate(-45deg);
width: 0.45em;
color: white;
top: 0.09em;
/* If you have Font Awesome */
/*font-family: "Font Awesome 5 Free"; 
font-weight: 600;
content: "\f062";*/
color: white;
}
.scrollToTop:hover {
background: #4d6af9; 
}
.scrollToTop span:hover:before {
color: white; 
}
ul { padding 0 0 0 2px; margin: 0; list-style-type:disc;list-style-position: outside;}
ol { padding 0 0 0 2px; margin: 0; list-style-type:decimal;list-style-position: outside;}
li{padding-left:1px; padding-top:5px;}
li:before{padding-right:1px; color:black;}
/* Responsive Adjustments */ 
@media screen and (max-width: 767px) {
.scrollToTop{bottom: 47px;}
}  
@media screen and (max-width: 479px) {
.scrollToTop{bottom: 15px;}
}  

.img-left { float:left; margin: 6px 10px 10px 6px;max-width: 50%;height: auto;}
.img-right { float: right; margin: 6px 0 15px 10px;max-width: 50%;height: auto;}
.img-left-malo{ float:left;margin:3px 5px 5px 3px;max-width:30%;height:auto;}
.img-right-malo{ float:right;margin:3px 0 5px 5px;max-width:30%;height:auto;}
.img-left-sms{ float:left;margin:2px 3px 0px 3px 2px;max-width:100%;height:auto;}
.img-right-sms{ float:right;margin:2px 3px 3px;max-width:100%;height:auto;}
.responsive-image {width: 100%; height: auto;}
#responsive-image { max-height:150px; width: auto;}
#responsive-image-large { max-height:250px; width: auto;}
#responsive-image-small { max-height:100px; width: auto;}
.img-resp{ max-height:150px; width: auto;}

.content {
position: relative;
padding-top: 10px;
}
.content p {margin-bottom: 10px;}
p.text{margin-left:25px;}
p {padding:5px 0px 5px 0px;}
P.malo {padding:0.1em;}
P.red {color:#F00;}
p {width:auto;}

fieldset
{
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
/*background-color:#ffffff;*/
background: #FFFFFF;/*  #D8F3BA;*/
/*max-width:1000px;*/
padding:1px;
}

.tTable{BACKGROUND:#f1f3eb;MARGIN-LEFT:1px;BORDER-COLLAPSE:collapse;empty-cells:show;}
.tTable TD{BORDER-RIGHT:#bbc79d 2px solid;PADDING-RIGHT:5px;BORDER-TOP:#bbc79d 2px solid;PADDING-LEFT:5px;PADDING-BOTTOM:5px;BORDER-LEFT:#bbc79d 2px solid;PADDING-TOP:5px;BORDER-BOTTOM:#bbc79d 2px solid;}
.tTable A{COLOR:#0066ff;TEXT-DECORATION:blink;}
.tTable A:hover{TEXT-DECORATION:none;}
.colmask{position:relative;clear:both;float:left;width:100%;overflow:hidden;}
.colright,.colmid,.colleft{float:left;width:100%;position:relative;}
.col1,.col2,.col3{float:left;position:relative;padding:0 0 1em 0;overflow:hidden;}
.rightmenu{background: #DCFDD9;}
.rightmenu .colleft{right:25%;background:#DCFDD9;}
.rightmenu .col1{width:74%;left:25%;background:#DCFDD9;}
.rightmenu .col2{width:25%;left:25%;background:#DCFDD9;}

p {margin-top:5px; margin-bottom:5px; font-size-adjust:inherit;}
.foot1{
display:inline-block; 
vertical-align: middle;
position:relative;
padding:5;
padding-bottom:5;
padding-top:5;
padding-left:5;
margin:0;
width: 100%;
background-color:#6fc; border-radius: 4px; text-align:center;
}
.foot2{
display:inline-block; 
vertical-align: middle;
position:relative;
padding:5;
padding-bottom:5;
padding-top:5;
padding-left:5;
margin:0;
width: 100%;
background-color:#ccc; border-radius: 4px; text-align:center;
}
.index-page .main-nav > li > a,
.index-page  .user-nav > a {
color:#fff;
}
.main-nav > li > a:hover,
.user-nav > a:hover,
.main-nav > li.active > a {
color:#00f !important;
}
.opis {
line-height:1.2;
/*font-size:14px;*/
float:left;
padding:2px 2px 2px 2px;
margin:2px;
width: !important;
/*font-size: 12px;*/
font-weight:500;
letter-spacing:1.1px;
background: #ffffff; /*#D8F3BA;*/
text-decoration:none !important;
display:inline-block;
border-color:#000; border-width:4px;
position:relative;border-radius: 4px;
}
.opis-nav {
float:left;
padding:2px 2px 2px 2px;
margin:3px;
width: !important;
/*font-size: 12px;*/
font-weight:800;
letter-spacing:1.1px;
text-transform:uppercase;
background: #D8F3BA;/*background: #0C6;*/
text-decoration: none !important;
color: #000;/* #006600;*/
display: inline-block;
border-color:#063; border-width:4px;
vertical-align: middle;
position:relative;border-radius: 4px;
line-height:1.2;
}
.opis-nav > li {
display:inline-block;
margin:0;
line-height:1.2;
}
.opis-nav > li > a {
/*font-size: 12px;*/
font-weight:800;
letter-spacing:1.1px;
text-transform:uppercase;
background: #D8F3BA;
text-decoration:none !important;
color: #000;
display:inline-block;
vertical-align:top;
position:relative;
}
.opis-nav > li > a:hover,
.opis-nav > li.active > a {
color: #00F;/* !important;*/
}
.title {
margin: 0;
position: relative;
width: 100%;
text-align: center;
}
.product-title {
font-size: 20px;
margin:20px auto;
}

.dropbtn {
background: #3C9;
color: black;
padding: 5px 5px 5px 5px;
font-size: 12px; font-weight:800;
border: none;
}
.dropdown {
position:relative;border-radius: 4px;
padding: 6px 8px;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #ffffff;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 6px 8px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #ddd}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background: #D8F3BA;
/*background-color: #3c9;/* #3e8e41;*/
}
.dropbtn2 {
background-color:#3c9;/* #4CAF50;*/
color: black;/*white;*/
padding: 5px 5px 5px 5px;
font-size: 12px; font-weight:800;
border:#none;
position:relative;border-radius: 20px;
}
.dropbtn1 {
background-color: #D8F3BA;/*#3c9;/* #4CAF50;*/
color: black;/*white;*/
padding: 5px 5px 5px 5px;
font-size: 12px; font-weight:800;
border:#none;
position:relative;border-radius: 4px;
}
.dropdown-content1 {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content1 a {
color: black;
padding: 6px 8px;
text-decoration: none;
display: block;
}
.dropdown-menu{position:relative;/* static;*/float:none;width:auto;margin-top:0;padding:0px 0px 0px 0px;background-color:transparent;border:0;box-shadow:none;font-size:14px;}
.dropdown-content1 a:hover {background-color: #009}
.dropdown1:hover .dropdown-content {
display: block;
}
.dropdown1:hover .dropbtn {
background-color: #CF3;
}

@media (min-width: 768px) and (max-width:991px){
.visible-xs.visible-sm {
display: block !important;
}
tr.visible-xs.visible-sm {
display: table-row !important;
}
th.visible-xs.visible-sm,
td.visible-xs.visible-sm {
display: table-cell !important;
}
.container{max-width:990px;}

p{margin-left:4px;text-indent:0.3em;}
P.malo{font-size:0.7em;}
}

@media (min-width: 481px) and (max-width:767px){
.container {
max-width: 767px;
margin:0 auto;
position: relative;
padding:2px 2px 2px 2px;

}
p{margin-left:3px;text-indent:0.2em;}

.product-title {
font-size: 16px;
margin: 10px auto 20px;
}

.main-nav {
left:5px;
right:5px;
float:none;
position:static;
margin-top:1px;
text-transform:uppercase;
background: #D8F3BA; /*background:#CEEACF;*/
text-decoration:none !important;
color:#000;
}
.main-nav > li > a {
font-size: 12px;
margin-right: 5px;
letter-spacing: 1.2px;
font-weight: 400;
}
}

@media (min-width:321px) and (max-width:480px){
.opis-nav {
float:left;
padding:2px 2px 2px 2px;
margin:3px;
width: !important;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
background: #D8F3BA;/*background: #0C6;*/
text-decoration: none !important;
color: #000;/* #006600;*/
display: inline-block;
border-color:#063; border-width:3px;
vertical-align: middle;
position:relative;border-radius:3px;
}
.container {max-width: 480px;
margin:0 auto;
position: relative;
padding:2px 2px 2px 2px;
}
p{margin-left:1px;text-indent:0.1em;}
table {
border: 0;
}
table caption {
font-size: .8em;
}
table thead {
border: thin;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
table tr {
border-bottom: 5px solid #ddd; border-bottom-style:solid;
display: block;
margin-bottom: .5em;
}
table td {
border-bottom: 2px solid #ddd; border-bottom-style:solid;
display: block;
font-size: 1em;
text-align: left;
}
table td::before {
content: attr(data-label);
float: left;
font-weight: bold;
text-transform: uppercase;
}
table td:last-child {
border-bottom: 0;
}
.product-title {
font-size: 14px;
margin:20px auto;
}
ul, ol {
  padding: 3px;
  margin-left: 3px;
}
li {padding: 3px;
margin-left: 2px;}

}

@media (max-width:320px){

.container {
max-width: 320px;
margin:0 auto;
position: relative;
padding:2px 2px 2px 2px;

}
ul, ol {padding: 2px;
  margin-left: 2px;
}
li {padding: 2px;
margin-left: 2px;
}
.opis-nav {
float:left;
padding:2px 2px 2px 2px;
margin:3px;
width: !important;

font-weight:500;
letter-spacing:0.9px;
text-transform:uppercase;
background: #D8F3BA;/*background: #0C6;*/
text-decoration: none !important;
color: #000;/* #006600;*/
display: inline-block;
border-color:#063; border-width:2px;
vertical-align: middle;
position:relative;border-radius: 2px;
}
table {
border: thin;
}
table caption {
font-size: .8em;
}
table thead {
border: thick;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
table tr {
border-bottom: 5px solid #ddd;
display: block;
margin-bottom: .5em;
}
table td {
border-bottom: 2px solid #ddd;
display: block;
font-size: 1em;
text-align: left;
}
table td::before {
content: attr(data-label);
float: left;
font-weight: bold;
text-transform: uppercase;
}
table td:last-child {
border-bottom: medium;
}
}

@media print{h1{page-break-before:always;}
.visible-print{display:block !important;}tr.visible-print{display:table-row !important;}
th.visible-print,td.visible-print{display:table-cell !important;}
.hidden-print{display:none !important;}
tr.hidden-print{display:none !important;}
th.hidden-print,td.hidden-print{display:none !important;}
}

</style>