* {
font-size:17pt;
}

body {
background-repeat: no-repeat;        
background-attachment: fixed;     
background-position: bottom right;
margin: 0px;
font-family:"Bahnschrift", "Basic Sans", "Noto Sans", sans serif;
color:white;     
}

hr  {
border: 2px solid #34a;
}

table{
border-collapse: collapse;
padding:0px;
}

td{ 
padding:0px;
transition: background-color 1s;
}

.t1{
color:white;    
background-color:#00199a;
}

input{
text-transform: uppercase;
font-size:80%;
}

#temat{
background-color:white;
color:#03a;
font-style: italic;
font-size: 180%;
padding-top:30px;
}

#miejsce{
font-size:150%;
font-weight:bold;
padding-bottom:25px;
background-color:white;
color:#03a;
}

#menu{
padding:25px;
font-size:115%;
}

#menu a{
font-style:italic;
font-size:115%;
color:white;
-webkit-transition: color 1s, weight 2s; /* Safari prior 6.1 */
transition: color 2s, weight 2s;
}

#menu a:hover{
color:#fc2;
font-weight:initial;
}

.spacer{
height:3px;
background-color:white;
}

#spp{
color:#00199a;
background-color:white;
-webkit-transition: size 1s, color 1s; /* Safari prior 6.1 */
transition: size 1s, color 1s;
}

#spp-dane{
color:#00199a;
background-color:white;
}

#spp a:hover{
color:#00199a;            
}

#spp a, a:active, a:visited, a:link {
color:#00199a;                
}

.impcontent{
background-color: #c22;
padding-top:25px;
padding-left:15px;
padding-right:15px;
padding-bottom:25px;
color:white;
text-align:justify;
}

.impcontent2{
background-color: #282;
padding-top:25px;
padding-left:15px;
padding-right:15px;
padding-bottom:25px;
color:white;
text-align:justify;
}

.content{
padding-top:25px;
padding-left:15px;
padding-right:15px;
padding-bottom:25px;
color:white;
text-align:justify;
}

.contentw{
padding-top:25px;
padding-left:15px;
padding-right:15px;
padding-bottom:25px;
color:#3ad;
text-align:justify;
background-color: white;
}

.impheader{
color:#fca;
background-color: #a22;
padding-top:25px;
padding-bottom:25px;
padding-left:25px;
font-size:150%;
font-weight:bold;
text-align:left;
}

.impheader2{
color:#cfa;
background-color: #162;
padding-top:25px;
padding-bottom:25px;
padding-left:25px;
font-size:150%;
font-weight:bold;
text-align:left;
}


.header{
color:#acf;
padding-top:25px;
padding-bottom:25px;
padding-left:25px;
font-size:150%;
font-weight:bold;
text-align:left;
background-image: linear-gradient(to right,#34a, #34a, #acf);
}

.headerw{
color:#00199a;
padding-top:25px;
padding-bottom:25px;
padding-left:25px;
font-size:150%;
font-weight:bold;
text-align:left;
background-color: #a1c1f7;
}

.collapsible {
background-color:#00199a;
color:white;
cursor: pointer;
padding: 5px;
width: 100%;
border: none;
text-align: center;
outline: none;
font-style:italic;
font-family:inherit;
font-size:85%;
}

.active, .collapsible:hover {
background-color: #06f;
}

.rodocontent {
display: none;
overflow: hidden;
font-size:70%;
} 

.rodogrid {
display:grid;
grid-gap: 10px;
grid-template-areas:
'check info';
}

#rodocheck{
grid-area:check;
}

#rodoinfo{
grid-area:info;
text-align:justify;
margin-right:10px;
font-size: 90%;
}

.smalltext{
font-style: italic;
font-size: 80%;
}

.oplaty {
display:grid;
grid-template-columns: 60% 3% auto;
}

.left{
margin-left:15px;
margin-right:5px;
text-align:right;
}

.middle{
text-align:center;
}

.right{
text-align:left;
font-weight:bold;
}

ul{
list-style-position: inside;
margin-top:0;
margin-bottom:0;
}

li{
list-style-type: square;
text-align:left;
}

a {
text-decoration:none;
-webkit-transition: size 1s, color 1s; /* Safari prior 6.1 */
transition: size 1s, color 1s;
}

a:active, a:visited, a:link {
color:#fc2;
font-weight:bold;
}

a:hover {
color:white;
}

img {
border-image-width:0px
}

#col1, #col3{
width:22%;
}

#col2{
width:56%;
}

@media only screen and (max-width: 600px) {
* {
font-size:10pt;
}

.content, .contentw{
padding: 5px 5px 5px 5px;
}

.impheader{
}

.header, .headerw{
padding: 5px 10px 5px 10px;
font-size:120%;
}

#menu{
font-size:80%;
padding: 5px 0 5px 0;
}

#col1, #col3{
width:0%;
}

#col2{
width:100%;
}
}

@media only screen  and (min-width:601px) and (max-width: 800px) {
* {
font-size:12pt;
}

#temat{
padding-top:0px;
}

.impcontent, .impcontent2{
padding: 5px 5px 5px 5px;
}

.content, .contentw{
padding: 5px 5px 5px 5px;
}

.impheader, .impheader2{
padding: 10px 10px 10px 10px;
font-size:120%;
}

.header, .headerw{
padding: 10px 10px 10px 10px;
font-size:120%;
}

#menu{
font-size:80%;
}

#col1, #col3{
width:5%;
}

#col2{
width:90%;
}
}

@media only screen and (min-width:801px) and (max-width: 1200px) {
* {
font-size:16pt;
}

#temat{
padding-top:5px;
}

.impcontent, .impcontent2{
padding: 5px 5px 5px 5px;
}

.impheader, .impheader2{
padding: 10px 10px 10px 10px;
font-size:150%;
}
.content, .contentw{
padding: 5px 5px 5px 5px;
}

.header, .headerw{
padding: 10px 10px 10px 10px;
font-size:150%;
}

#menu{
font-size:90%;
}

#col1, #col3{
width:10%;
}

#col2{
width:80%;
}
}


@media only screen and (min-width:1201px) and (max-width:1700px) {
* {
font-size:16pt;
}

#temat{
padding-top:10px;
}

#menu{
font-size:100%;
}

.impcontent, .impcontent2{
padding: 10px 10px 10px 10px;
}

.impheader, .impheader2{
padding: 10px 10px 10px 10px;
font-size:150%;
}

.content, .contentw{
padding: 10px 10px 10px 10px;
}

.header, .header{
padding: 10px 10px 10px 10px;
font-size:150%;
}

#col1, #col3{
width:20%;
}

#col2{
width:60%;
}
}