<style type="text/css">
@charset "utf-8";
html, body{
@charset "utf-8";
height:100%;
margin:0;
padding:0;
border:0;
}
* {
box-sizing: border-box;
}
body {
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;
/*margin: 20px;*/
/*width: 94%;*/
max-width: 800px;
font-size:16px;
line-height:1.3;
}
.content {
position: relative;
padding-top: 10px;
}
.content p {margin-bottom: 14px;}
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;}
.img-left { float:left; margin: 3px 5px 5px 3px;max-width: 50%;height: auto;}
.img-right { float: right; margin: 3px 0 5px 3px;max-width: 50%;height: auto;}
.img-left-malo{ float:left;margin:3px 5px 5px 3px;max-width:100px;height:auto;}
.img-right-malo{ float:right;margin:3px 5px 5px 3px;max-width:100px;height:auto;}
.responsive-image { max-height:150px; width: auto;}
#responsive-image { max-height:150px; width: auto;}
#responsive-image-large { max-height:250px; width: auto;}
#responsive-image-small { max-height:100px; width: auto;}


.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;}
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;
/*width:100%; background-image:url(../fajle/devojka.jpg);*/
/*	border-bottom:1px solid #000;*/
}
/*
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 4px;
}*/
/* Create four equal columns that sits next to each other */
.col {
-ms-flex: 25%; /* IE10 */
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: #0C3; text-align:center
FONT-FAMILY: Arial Narrow
}
H3.title {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-WEIGHT: bold;
FONT-SIZE: 14px;
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: #889957;*/
color: #008040;
PADDING-TOP: 8px;
FONT-FAMILY: Arial Narrow
}
H2.title{
PADDING-RIGHT:0;
PADDING-LEFT:0;
PADDING-TOP: 16px;
FONT-WEIGHT:bold;
font-size:16px; 
PADDING-BOTTOM:2px; padding-top:2px;
MARGIN:3px 0 1px;
TEXT-TRANSFORM:uppercase;
COLOR:#718e41; text-align:center}
font-family:verdana, arial, helvetica, sans-serif;
}
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:700px;
padding:16px;
}
fieldset.fild{display: inline-block;
width: 90%;
min-height: 200px; background-color: #FFFFFff; }

<!--<![endif]-->
legend.lepo
{
color:#0C3;background:#FFF;font-weight:500;
}
#sddm
{margin: 0;
padding: 0;
z-index: 30}
#sddm li
{margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial;
}
li::before {content: "";}
#sddm li a
{display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
width: 80px;
background: #9bb55c;
color: #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: 11px arial}
#sddm div a:hover
{background: #49A3FF;
color: #FFF
}

#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;}

.container{max-width:1000px;position:relative;font-family: "Nunito", sans-serif;font-size:14px;line-height:1.3;color:#222; background-color:#F4F4F4;margin:auto;}
.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;display:block;}
.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;}

.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;
}
.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;
}

@charset "utf-8";
@media (min-width: 992px) and (max-width: 1200px) {
.container{max-width:800px;}
body{font-size:14px;}
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){
.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:800px;}
body{font-size:13px;}
p{margin-left:5px;text-indent:0.2em; font-size:13px}
}
@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; font-size:12px}
.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:767px;}
.navbar-nav .open .dropdown-menu{font-size:13px;}
#pageHeader{ width:740px;}
P.malo{font-size:0.6em;}
}
@media (min-width:321px) and (max-width:480px){
.container{max-width:480px;}
body{font-size:11px;}
p{margin-left:1px;text-indent:0.1em; font-size:12px}
.navbar-nav .open .dropdown-menu{font-size:12px;}
#pageHeader{width:450px;}
P.malo{font-size:0.55em;}
}
@media (max-width:320px){
.container{width:320px;}
.navbar-nav .open .dropdown-menu{font-size:11px;}
body{font-size:11px;}
#pageHeader{width:275px;}
P.malo{font-size:0.5em;}
p{margin-left:1px;text-indent:0.1em; font-size:12px}
}


@media (min-width:321px) and (max-width:480px){
.container{max-width:480px;}
body{font-size:11px;}
p{margin-left:1px;text-indent:0.1em;}
.navbar-nav .open .dropdown-menu{font-size:12px;}
#pageHeader{width:480px;}
P.malo{font-size:0.55em;}

table {
    border: 0;
  }

  table caption {
    font-size: 1.2em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .525em;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .7em;
    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;
  }
}


@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;}
}{margin-left:4px;text-indent:0.3em;}
P.malo{font-size:0.7em;}
}
</style>