html{height:130%; background-color:rgb(90,90,90); background: linear-gradient(to bottom, rgb(40,40,40),  rgb(252,252,252) ) no-repeat;
background: -webkit-linear-gradient(top, rgb(40,40,40),  white ) no-repeat; font-family:'Arial';    font-size: 11pt; }





textarea  
{  
   font-family:'Arial', sanserifserif;  
   font-size: 10pt;   
}
#trescinside ul {margin-left:25px}

#trescinside   a:link {
  color: #004735;  text-decoration: none;
   }
#trescinside  a:active {
   color: #004735; text-decoration: none; 
   }
#trescinside a:visited {
   color: #004735; text-decoration: none;
   }
#trescinside    a:hover {
  color: #004735; text-decoration:underline; 
   }
 #menu   a:link {
  color: white; text-decoration: none;
   }
#menu  a:active {
  color: white; text-decoration: none; 
   }
#menu a:visited {
  color: white;  text-decoration: none;
   }
 #menu   a:hover {
  color: white;    text-decoration: none;
   }
   dt:hover, dt:focus ,dt:active {  background-color: #004735; color: black;} 
   
      dd ul li a:hover,      dd ul li a:focus,     dd ul li a:active {
   background-color: rgb(100,100,100); 
   
   }
   
   #filtr tr td:empty {
    width: 15px;
}
 #filtr tr td {
    padding-bottom: 5px;
}
#filtr tr td:nth-child(1), tr td:nth-child(4), tr td:nth-child(7), tr td:nth-child(10) {
   text-align:right;
   font-size:9pt;
   padding-right:4px;
}


 #email td,th {
    border: 1px solid black;
    padding:5px;
    color: black;
    
}
   
    #emen td {text-align:center}
   #trescinside p {margin-bottom:15px}
   dd ul li {list-style:none}
   li:first-child a {margin-top:0px;}

g:hover dt {background: #004735;}
@media screen and (min-width:600px){ 
#postpon {
    position: absolute;
	top:40%;
    opacity: 0.8;
    font-size: 60pt;
    width: 100%;
    text-align: center;
    z-index: 1000;
color: green;

transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);


  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);


}
#textsp {display:inline-block; width:60%; text-align:justify}
#logosp {display:inline-block; width:39%; text-align:right}
#logo1 {display:inline-block; margin-right:100px;}
#logo2 {display:inline-block;}
#poster {display: block; 
width: 200px; height:253px; 
float: right; 
margin-left:30px; 
margin-bottom:12px} 
#imglogo {
    float: right;
    margin: 0 0 20px 20px;
}
html {min-width:1000px}
#menu {position: relative; top:0px; left:0px; width:200px; height:251px;   float: left;
 	color: black;
	text-decoration: none;
	text-transform: uppercase;   }    
body{height: 90%;
}
.kkk {width:40%}
.ppp {width:100%;

}
#mobile {min-width:90%; width:90%}
@keyframes aaaa {
    0%   {opacity: 0}
    25%  {opacity: .3}
    50%  {opacity: .5}
    75% {opacity:.7}
    100% {opacity:1}
}
@keyframes aa {
    0%   {opacity: 0}
    25%  {opacity: 0}
    50%  {opacity: .1}
    75% {opacity:.5}
    100% {opacity:1}
}

#obok{float:right;}

#lewy {float:left;
width:70%}

.obrazek {  
  width:790px;
  height: 168px;
  background-image: url('../images/fe.jpg');

}
#napis{    width:760px;
margin-top:-9px;
  height: 85px;
  background-image: url('../images/ban6.jpg');
  background-size:cover;
  padding-top: 7px;
  padding-right:30px;
  text-align: right;
   color:white;
 
  font-family:'Times New Roman';
   

}
#napis #n1{
  font-size:21pt;
   animation-name: aaaa; 
}
#napis #n3{
  font-size:14pt;
 
    
}

#napis #n2 {
  font-size:12pt;
   animation-name: aa;

    animation-duration: 5s;
    animation-iteration-count: 1;
}
 #contener {
  
width: 1000px;
margin: 0 auto;
margin-top:80px;
height:100%;

  
}
h5 {
margin-top:10px;
font-size:11pt;
margin-bottom:5px;
font-weight:normal;
font-style:italic
}

.bantop{ width: 94%;
height:50px;
margin: 0 auto;
background: white;

}
.bantopmob{display:none;
}
#banbot{ width: 100%;
height:251px;
margin: 0 auto;
background: #004735; 
}

.tresc {width: 94%;
min-height:400px;
margin: 0 auto;
background-color: white;
}
#trescinside
{
width:93.5%;
min-height:100%;
padding:30px;
text-align:justify;
}

.stopka{
width: 100%;
margin: 0 auto;
font-size:9pt;

color:white; text-align:right;
background: rgb(40,40,40);
height: 60px;

}
 .left
 {width:150px;
 height:25px;
 vertical-align: top;
padding-top: 20px;
 
 }
 .right {
  padding-top: 20px;
 
 
 }

 * { margin: 0; padding: 0; } 

  dl, dd {   background-color: #004735;  }                   
.non {
position: absolute; top:0; left:0; display:block; width: 200px;height:30px;padding-top:11px;
     padding-right:10px;
}
 
 dt { color: black;
  background-color: rgb(127,127,127); 
    height:30px;
    font-size: 9pt; 
    display: block; width: 200px;  margin-top:1px;
    line-height: 18px;
      text-align:right;
    padding-top:11px;
     padding-right:10px;
     font-weight: normal;
    text-decoration: none; 
    position:relative;
    z-index:100;
   
  }
   
 dd ul li a { color: black;
  background-color: rgb(80,80,80); 
    height:30px;
    font-size: 9pt; 
    display: block; width: 200px;  
    margin-top:1px;
    line-height: 18px;
      text-align:right;
    padding-top:11px;
     padding-right:10px;
     font-weight: normal;
    text-decoration: none; 
    position:relative;
    z-index:100;

  } 


   dd[id="1"] {  width: 210px;  position: absolute; left: 210px; top: 42px; 
     } 
      dd[id="2"] {  width: 210px;  position: absolute; left: 210px; top: 84px; 
     } 
     dd[id="3"] {  width: 210px;  position: absolute; left: 210px; top: 126px; 
     } 

      dd[id="4"] {  width: 210px;  position: absolute; left: 210px; top: 168px; 
     } 
  

  
  }
  
  
  
  
  
  
  
  
  @media screen and (max-width:599px){ 
  #postpon {
    position: absolute;
	top:30%;
    opacity: 0.8;
    font-size: 45pt;
    width: 100%;
    text-align: center;
    z-index: 1000;
color: green;

transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);


  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);


}
  #textsp {width:100%; text-align:justify}
#logosp { width:100%; margin-top:30px}
  
  #lewy {
width:100%;}

  #poster {display: block; 
width: 100%; height:283px;  
 margin: 0 auto;
margin-bottom:12px;
} 
  #logo1 {margin-bottom:30px;}

  #imglogo {
    display: none
}
  #menu {position: relative; top:0px; left:0px; width:100%; height:251px; 
 	color: white;
	text-decoration: none;
	text-transform: uppercase;   }

.obrazek {  display:none;

}

.kkk {width:100%}
.ppp {width: 100%;
}
#mobile {width:90%}
#mobile td {display:block}
 #contener {
width: 100%;
margin: 0 auto;
background-color: white;
}
  .non {
display:block; width: 100%;height:30px
}

h5 {
margin-top:10px;
font-size:11pt;
margin-bottom:5px;
font-weight:normal;
font-style:italic
}

.bantop{display:none
}
#obok {display:none
}
.bantopmob{ 
  background-color: #004735;
  width:100%;
padding-top:20px;
  color:black;
  padding-bottom:20px;
  text-align:center;
  font-size:18pt;
  font-family:'Times New Roman';

}
 #n3{
  font-size:15pt;
 
    
}

#banbot{ width: 100%;
height:251px;
margin: 0 auto;
background: #004735; 
}

.tresc {width: 100%;
min-height:200px;
margin: 0 auto;
background-color: white;
}
#trescinside
{
width:90%;
margin:20px;
background-color: white;
text-align:justify;
}

.stopka{
width: 100%;
margin: 0 auto;
font-size:9pt;

color:white; text-align:right;
background: rgb(40,40,40);
height: 60px;

}
 .left
 {width:150px;
 height:25px;
 vertical-align: top;
padding-top: 20px;
 
 }
 .right {
  padding-top: 20px;
 
 
 }

 * { margin: 0; padding: 0; } 

  dl, dd {   background-color: #004735;  }                   

 
 dt { color: black;
  background-color: rgb(127,127,127); 
    height:30px;
    font-size: 9pt; 
    display: block; width: 100%;  margin-top:1px;
    line-height: 18px;
      text-align:center;
    padding-top:11px;
    
     font-weight: normal;
    text-decoration: none; 
    position:relative;
    z-index:100;
   
  }
   
 dd ul li a { color: white;
  background-color: rgb(80,80,80); 
    height:30px;
    font-size: 9pt; 
    display: block; width: 100%;  
    margin-top:1px;
    line-height: 18px;
      text-align:center;
    padding-top:11px;
     
     font-weight: normal;
    text-decoration: none; 
    position:relative;
    z-index:100;
    color: white;
  } 
   
#logomin {width:80%}
  
  }