<style type="text/css">
@charset "utf-8";
* {
box-sizing: border-box;
}

body {
@charset "utf-8";
height:100%;
margin:0;
padding:0;
border:0;
position: relative;
background: #fff;
font-family: Tahoma, Geneva, sans-serif;
font-size: 16px;
font: inherit;
vertical-align: baseline;
max-width:1000px;

}* {
-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;
}
* {box-sizing: border-box;}

.container {
position: relative;
max-width: 1000px;
font-size:16px;
line-height:1.3;
}
.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;font-size:0.8em;}
P.red {color:#F00;}

p {width:auto;}
span {font-size:13px}

.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-left-sms{ float:left;margin:2px 3px 0px 3px 2px;width:10%;height:10%;}
.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;}


#header{ background-color: #DEFEFD;clear:both;float:left;width:100%;}
#header p,#header h1,#header h2{padding:.4em 15px 0 15px;margin:0;}
#header ul{clear:left;float:left;width:100%;list-style:none;margin:5px 0 0 0;padding:0;}
#header ul li{display:inline;list-style:none;margin:0;padding:0;}
#header ul li a{display:block;float:left;margin:2px 2px 2px 2px;padding:5px 5px;text-align:center;background:#eee;color:#000;text-decoration:none;position:relative;left:0;line-height:1.3em;}
#header ul li a:hover{background:#369;color:#33F;}
#header ul li a.active,#header ul li a.active:hover{color:#33F;background:#000;font-weight:bold;}
#header ul li a span{display:block;}
.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:#E8F8D6;}
.rightmenu .colleft{right:25%;background: #DFFAD8;}
.rightmenu .col1{width:74%;left:25%; background-color: #FFffff;}
.rightmenu .col2{width:25%;left:25%;background:#E8F8D6;}
.navbar-nav .open .dropdown-menu{position: static;float:none;width:auto;margin-top:0;padding:0px 0px 0px 0px;background-color:transparent;border:0;box-shadow:none;font-size:14px;}
.navbar-nav > li::before{content:"";}
.navbar-nav .open .dropdown-menu > li > a{line-height:20px;}
.open > .dropdown-menu{display:block;}
.navbar-btn{margin-top:8px;margin-bottom:8px;}
.hidden{display:none !important;visibility:hidden !important;}
.visible-xs{display:none !important;}tr.visible-xs{display:none !important;}th.visible-xs,td.visible-xs{display:none !important;}
#naslov {
FONT-WEIGHT: bold;
FONT-SIZE: 16px;
margin:5px 5px 5px 5px;
TEXT-TRANSFORM: uppercase;
color: #060; text-align:left
FONT-FAMILY: Arial Narrow
}
h2 {
FONT-WEIGHT: bold;
FONT-SIZE: 16px;
margin:0px 0px 15px 10px;
TEXT-TRANSFORM: uppercase;
color: #0C3; text-align:left
FONT-FAMILY: Arial Narrow
}
.header {
text-align: center;
padding: 32px;
}
#header {
clear:both;
float:left;
}

.dropbtn {
background: #fff;
color: blue;
padding: 5px 5px 5px 5px;
font-size: 14px; font-weight:600;
border: none;
}

.dropdown {
position:relative;border-radius: 30px;
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-color:  #3e8e41;
}
tabla {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

tabla caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

tabla tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

tabla th,
tabla td {
  padding: .625em;
  text-align: left;
}

tabla th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.tableTable {
BACKGROUND: #f1f3eb;
MARGIN-LEFT: 1px;
BORDER-COLLAPSE: collapse;
empty-cells: show;
}
.tableTable TD {
BORDER-RIGHT: #bbc79d 1px solid;
PADDING-RIGHT: 13px;
BORDER-TOP: #bbc79d 1px solid;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px;
BORDER-LEFT: #bbc79d 1px solid;
PADDING-TOP: 5px;
BORDER-BOTTOM: #bbc79d 1px solid;
}
.tableHeader {
FONT-SIZE: 15px;
BACKGROUND: #cfc;
COLOR:black;
FONT-FAMILY: Arial;
}
.tableTable .tableHeader TD {
BORDER-RIGHT: #8c9f59 1px solid;
BORDER-TOP: #8c9f59 1px solid;
BORDER-LEFT: #8c9f59 1px solid;
BORDER-BOTTOM: #8c9f59 1px solid;
}

.tableTable A {
COLOR: #0066ff;
TEXT-DECORATION: underline;
}

.tableTable A:hover {
TEXT-DECORATION: none;
}

.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 4px;
}

.col {
-ms-flex: 25%;
flex: 25%;
max-width: 50%;
padding: 0 4px;
}

.col img {
margin-top: 8px;
vertical-align: middle;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}
#myBtn:hover {
  background-color: #555;
}

A {
COLOR: #0066ff;
TEXT-DECORATION: underline;
}
A:hover {
color: #000099;
FONT-WEIGHT: bold;
text-decoration: none;

}
.title {
FONT-WEIGHT: bold;
FONT-SIZE: 18px;
margin: 25px 0px 15px 10px;
TEXT-TRANSFORM: uppercase;
COLOR: #8c9f59; text-align:center;
FONT-FAMILY: Arial Narrow;
}
h1.title {
FONT-WEIGHT: bold;
FONT-SIZE: 15px;
margin: 25px 0px 15px 10px;
TEXT-TRANSFORM: uppercase;
COLOR: #8c9f59; text-align:center;
FONT-FAMILY: Arial Narrow;
}
h1.mob {
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
margin: 5px 0px 5px 5px;
TEXT-TRANSFORM: uppercase;
COLOR: #8c9f59; text-align:center;
FONT-FAMILY: Arial Narrow;
}
H2.title{
PADDING-RIGHT:0;
PADDING-LEFT:0;
PADDING-TOP: 16px;
FONT-WEIGHT:bold;
font-size:14px; 
PADDING-BOTTOM:2px; padding-top:2px;
MARGIN:3px 0 1px;
TEXT-TRANSFORM:uppercase;
COLOR: #8c9f59; text-align:center;
}
H2.mob{
PADDING-RIGHT:0;
PADDING-LEFT:0;
PADDING-TOP: 10px;
FONT-WEIGHT:bold;
font-size:10px; 
PADDING-BOTTOM:2px; padding-top:2px;
MARGIN:3px 0 1px;
TEXT-TRANSFORM:uppercase;
COLOR: #8c9f59; text-align:center;
}

H3.nema{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-WEIGHT: bold;
FONT-SIZE: 13px;
PADDING-BOTTOM: 2px;
MARGIN: 0px 0px 2px;
TEXT-TRANSFORM: uppercase;
COLOR: #FF0000;
PADDING-TOP: 10px;
FONT-FAMILY: Arial Narrow
}
H3.title {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-WEIGHT: bold;
FONT-SIZE: 13px;
PADDING-BOTTOM: 2px;
MARGIN: 0px 0px 2px;
TEXT-TRANSFORM: uppercase;
COLOR: #8c9f59;
PADDING-TOP: 10px;
FONT-FAMILY: Arial Narrow
}
H4.title {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
PADDING-BOTTOM: 3px;
MARGIN: 3px 0px 1px;
TEXT-TRANSFORM: uppercase;
COLOR: #8c9f59;
PADDING-TOP: 8px;
FONT-FAMILY: Arial Narrow
}

INPUT {
PADDING-RIGHT: 4px;
PADDING-LEFT: 4px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
PADDING-BOTTOM: 2px;
COLOR: #333;
PADDING-TOP: 2px;
FONT-FAMILY: Tahoma
}

TEXTAREA {
PADDING-RIGHT: 4px;
PADDING-LEFT: 4px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
PADDING-BOTTOM: 2px;
COLOR: #333;
PADDING-TOP: 2px;
FONT-FAMILY: Tahoma
}

fieldset
{
border:#bbc79d 1px solid;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
background-color:#f1f3eb;
/*max-width:1000px;*/
padding:3px;
}
.field
{
border: #00CC33 2px solid;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
background-color:#f1f3eb;
/*max-width:1000px;*/
padding:3px;
}
legend.lepo
{
color:#0C3;background:#FFF;font-weight:500;
}

#sddm li a
{display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
/*width: 80px;*/
background: #cfc; /*#9bb55c;*/
color: #000; /*#FFF;*/
text-align: center;
text-decoration: none}

#sddm
{margin: 0;
padding: 0;
z-index: 30}

#sddm li
{margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 12px arial;
}

li::before {content: "";}
#sddm li a
{display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
/*width: 80px;*/
background: #cfc; /*#9bb55c;*/
color: #000; /*#FFF;*/
text-align: center;
text-decoration: none}
#sddm li a:hover
{background: #49A3FF}
#sddm div
{position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;
border: 1px solid #5970B2}
#sddm div a
{position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #EAEBD8;
color: #2875DE;
font: 12px arial}
#sddm div a:hover
{background: #49A3FF;
color: #FFF
}
li .bez{content:""}

@media (min-width: 992px) and (max-width: 1200px) {
body{font-size: 16px;}
.container{max-width:1000px;}
p{margin-left:4px;text-indent:0.3em;}
.visible-xs.visible-md {
display: block !important;
}
tr.visible-xs.visible-md {
display: table-row !important;
}
th.visible-xs.visible-md,
td.visible-xs.visible-md {display: table-cell !important;}
}
@media (min-width: 768px) and (max-width:991px){
body{font-size: 14px;}
.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:14px;}
}
@media (min-width: 481px) and (max-width:767px){
body{font-size:12px;}
.navbar-form .form-group{margin-bottom:5px;}
p{margin-left:3px;text-indent:0.2em;}
.visible-xs{display:block !important;}
tr.visible-xs{display:table-row !important;}
th.visible-xs, td.visible-xs{display:table-cell !important;}
.container{max-width:766px;}
.navbar-nav .open .dropdown-menu{font-size:12px;}
#pageHeader{ width:766px;}
P.malo{font-size:12px;}
}
@media (min-width:321px) and (max-width:480px){
body{font-size: 10px;}
.container{max-width:480px;}
#pageHeader{ width:480px;}
body{font-size:11px;}
p{margin-left:1px;text-indent:0.1em;}
.navbar-nav .open .dropdown-menu{font-size:10px;}
P.malo{font-size:10px;}
span {font-size:10px}
tabla {
border: 0;
}
tabla caption {
font-size: .8em;
}
tabla thead {
border: thin;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
tabla tr {
border-bottom: 5px solid #ddd; border-bottom-style:solid;
display: block;
margin-bottom: .5em;
}
tabla td {
border-bottom: 2px solid #ddd; border-bottom-style:solid;
display: block;
font-size: 1em;
text-align: left;
}
tabla td::before {
content: attr(data-label);
float: left;
font-weight: bold;
text-transform: uppercase;
}
tabla td:last-child {
border-bottom: 0;
}
.product-title {
font-size: 10px;
margin:20px auto;
}
ul, ol {
  padding: 3px;
  margin-left: 3px;
}
li {padding: 3px;
margin-left: 2px;}
}
@media (max-width:320px){
body{font-size: 9px;}
.container{width:320px;}
.navbar-nav .open .dropdown-menu{font-size:9px;}
#pageHeader{width:320px;}
.container{max-width:320px;}
P.malo{font-size:9px;}
span {font-size:9px}
tabla {
border: thin;
}
tabla caption {
font-size: .8em;
}
tabla thead {
border: thick;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
tabla tr {
border-bottom: 5px solid #ddd;
display: block;
margin-bottom: .5em;
}
tabla td {
border-bottom: 2px solid #ddd;
display: block;
font-size: 1em;
text-align: left;
}
tabla td::before {
content: attr(data-label);
float: left;
font-weight: bold;
text-transform: uppercase;
}
tabla 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>