body { padding:0; 
margin:0; 
font-family: Arial;
} 
    
p {
text-align: justify;
margin: 0;
}
	
b {
font-family: Arial;
color: #357eb3;
font-weight: 600;
}

a {
color: #009900;
}

h1 {
color: #009900;
font-size: 2em;
text-align: center;
margin-top: 0.25em;
margin-bottom: 0.5em;
}

h3 {
color: #009900;
font-size: 1.25em;
text-align: center;
margin-top: 0.75em;
margin-bottom: 0.5em;
}

h5 {
color: #357eb3;
font-size: 1.05em;
text-align: center;
margin-top: 0.75em;
margin-bottom: 0.5em;
}

.podpis {
font-size: 0.8em;
text-align: center;
}

.blockq {
padding-left: 7.5%;
padding-right: 7.5%;
}

.main {
display: flex;
justify-content: center;
}

.center {
text-align:center;
}

.col1 {
margin-top: 158px;
width: 184px;
padding-right: 40px;
font-size: 0.9em;
text-align: right;
}

.col1 p {
text-align: justify;
} 

.col1 a{
text-decoration: none;
color:#000;
}

.col1 a b:hover {
color: #000;
}   
   
.col1 a:hover {
font-weight: 600;
}    
   
   
.col2 {
max-width: 520px;
min-width: 288px;
font-size: 1em;
}

.col2 ul, .col2 ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 7.5%;
text-align: justify;
}

.head {
display: block;
text-align: center;
}
.nav-container {
margin-right: auto;
margin-left: auto;
}
nav {
display: inline-block;
}
.head ul {
list-style: none;
margin: 0;
padding: 0;
}
.menu > li {
float: left;
font-size: 1em;
font-weight: 600;
position: relative;
}
.menu > li:last-child {
margin-right: 0;
}
.menu > li > a, .menu > li > .head12 > a {
display: inline-block;
color: #000;
line-height: 30px;
}
.submenu {
display: none;
background: #fff;
position: absolute;
left: 0;
top: 100%;
z-index: 10;
width: 188px;
}
.submenu a {
color: #000;
text-align: left;
display: block;
padding: 12px 12px;
font-size: 1em;
font-weight: 600;
line-height: 20px;
border-bottom: 1px solid #000;
}

.menu li:hover .submenu {
display: block;
}


.ad1 {
margin-bottom: 1em;
}
.ad2 {
margin-top: 1em;
}
.ad520 {
margin-top: 1em;
}
.butt {
margin-top: 1em;
text-align:center;
font-size: 0.9em;
}

.emp {
text-align:center;
line-height: 2em;
}
.emp h3{
margin-bottom:0
}
.emp a {
white-space:nowrap;
margin-left: 3.5%;
margin-right: 3.5%;
}

.col3 {
width: 240px;
padding-left: 40px;
font-size: 0.9em;
}

.col3 p {
text-align: justify;
} 

.col3 a{
text-decoration: none;
color:#000;
}

.col3 a:hover {
text-decoration: underline;
}

.col3 ul {
padding-left: 12px;
}    



.niz {
min-height: 75px;
max-width: 440px;
}	

.nizzz {
min-height: 75px;
}



@media screen and (min-width: 1024px){ 
.ad1 { display: none }
.ad2 { display: none }
.col1 { padding-left: 2.5%;}
.col2 {width:520px;}
.col3 { 
margin-top: 158px;
padding-right: 2.5%;}
.mine { display: none }
.head1 { display: none }
.menu > li { margin-right: 30px }
}

@media screen and (min-width: 901px) and (max-width: 1023px){
.ad1 { display: none }
.ad520 { display: none }
.col1 { display: none }
.head1 { display: none }
.menu > li { margin-right: 30px }
}

@media screen and (min-width: 768px) and (max-width: 900px){
.ad1 { display: none }
.ad520 { display: none }
.col1 { display: none }
.col2 { 
padding-left: 3.3%;
}
.col3 { 
padding-right: 3.3%;
}
.head1 { display: none }
.menu > li { margin-right: 30px }
}

@media screen and (min-width: 581px) and (max-width: 767px){ 
.ad520 { display: none }
.col1 { display: none }
.col3 { display: none } 
.head12 { display: none }
.menu > li { margin-right: 19px }
 }

@media screen and (max-width: 580px){ 
.ad520 { display: none }
.col1 { display: none }
.col2 { 
padding-left: 5%;
padding-right: 5%;
}
.col3 { display: none } 
.head12 { display: none }
.menu > li { margin-right: 19px }
}