* {
font-size:17pt;
}

.left, .middle, .right{
/*font-size: 17pt;*/
  overflow-inline;
}

html{
  scroll-behavior: smooth;
}

.oplaty > div {
  padding-bottom: 10pt;
}

.checklabel{
  text-align: justify;
}

.pdf{
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #eff8db;
  text-align: center;
}

.lato-thin {
  font-family: "Lato", serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", serif;
  font-weight: 900;
  font-style: italic;
}

body {
margin: 0px;
padding: 0px;
font-family:"Gill Sans MT", "Basic Sans", "Noto Sans", "Lato", sans serif;     
}

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

#logo{
  width: 100%;
}

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

a:hover {
color:black;
}

hr  {
border: 2px solid darkgreen;
}

input{
text-transform: uppercase;
}

button{
font-size: 15pt;
}

ul{
padding-left:5px;
}

#hover{
  color:#381a68;
  font-weight: bold;
}

#hoverinfo{
  display: block;
  background-color: white;
  border-width: 2px;
  border-style: solid;
  padding: 10px;
  border-radius: 5px;
  animation-name: hoverinfo;
  animation-duration: 2s;
  margin-bottom: 15pt;
  overflow: hidden;
}

@keyframes hoverinfo {
  from {height: 0px;}
  to {height:180px;}
}



#menu{
	text-align:center;
	padding:25px;
	font-size:115%;
	background-color: #091b00;
	background:linear-gradient(90deg, rgb(56, 26, 104) 0%, rgb(111, 81, 168) 70%);
	color: white;
	-webkit-transition: padding 0.2s; /* Safari prior 6.1 */
	transition-property: padding;
	transition-duration: 0.2s;
}

#lang {
  position: absolute;
  right: 1%;
  top: 1%;
}

#lang a{
  font-size: 100%;
  color: white;
}

#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, font-size 0.2s;
padding-left:1%;
padding-right:1%;
}

#menu a:hover{
font-size:120%;
}

.spacer{
height:0.3vw;
background-color:white;
}

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

#spp-dane{
text-align: center;
color:white;
background-color:darkblue;
}


#spp a, #spp a:active, #spp a:visited{
color:white;                
}

#spp a:hover{
font-size:100%;
  color:lightblue;
}

.impcontent{
background-color: #740000;
color:white;
}

.impcontent a, .impcontent a:active, .impcontent a:visited, .impcontent a:link{
color: #f66f00;  
}

.impcontent a:hover {
color: yellow;  
}

.rejestracja, .content, .impcontent, .impheader, .header, .pdf{
  padding-left: 23%;
  padding-right: 23%;
}

.rejestracja div{
  padding:3px;
}


.content, .impcontent{
padding-top:15px;
padding-bottom:15px;
text-align:justify;
}

.content, .rejestracja, .pdf{
  color:black;
  background-color:#e8e2f0;
}

.button{
  text-align: center;
}

.check{
}


.input{
  /*width:80%;*/
}

.checklabel{
  width: 90%;
}

.checkinput{
  width:5%;
  margin-left:5%;
}

.radio{
  width:100%;
  text-align:center;
}

.impheader, .header{
padding-top:10px;
padding-bottom:10px;
font-size:120%;
font-weight:bold;
text-align:left;
}

.impheader{
color:white;
background-color: #740000;
background:linear-gradient(90deg, rgba(222,32,0,1) 0%, rgba(246,111,0,1) 100%);;
}

.header{
background-color: #091b00;
background:linear-gradient(90deg, rgb(56, 26, 104) 0%, rgb(111, 81, 168) 70%);
color: white;
}

.collapsible {
background-color:#381a68;
color:white;
cursor: pointer;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
padding-bottom: 5px;
width: 100%;
border: none;
text-align: center;
outline: none;
font-family:inherit;
font-size:13pt;
}

.button {
  text-align: center;
}

.active, .collapsible:hover {
background-color: #6f51a8;;
}
.akceptcontent {
display: none;
overflow: hidden;
font-size:70%;
} 

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

#akceptcheck{
grid-area:check;
}

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

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

.oplaty {
/*display:grid;
grid-template-columns: 70% 3% auto;*/
}

.left, .middle, .right{
display:inline-grid;	
}

.left{
	width:60%;
text-align:right;
}

.middle{
	width:3%;
text-align:center;
}

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

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

ul ul{
  margin-left:10px;
  list-style-type: disc;
}

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

ul > ul > li{
  list-style-type:circle;
}

img {
border-image-width:0px
}

#komunikat{
font-size: 120%;
background-color: #f7adfd;
color: black;
text-align: center;
}


.checkinput{
    margin-left:15%;
    margin-right:2%;
}

#logo2{
display:none;
  right: 5px;
  position:fixed;
}

@keyframes anim{
	from {bottom: -200px;}
	to {bottom: 5px;}
}

#logo2 img{
  width: 10vw;
}

.bold{
  font-weight: bold;
}


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

    .rejestracja, .content, .impcontent, .impheader, .header, .pdf{
    padding-left: 10px;
    padding-right: 10px;
    }
	
	.input > input{
	font-size:15pt;
	}

    .header{
    padding-top: 5px;
    padding-bottom: 5px;
    font-size:120%;
    }

    #menu{
    padding: 5px 0 5px 0;
    } 
	
	input[type="submit"], input[type="button"] {
	font-size: 30px;
}
} 


@media only screen and (min-width:800px) and (max-width: 1000px) and (orientation:portrait) {
    * {
    font-size:15px;
    }

    .rejestracja, .content, .impcontent, .impheader, .header, .pdf{
    padding-left:2%;
    padding-top:5px;
    padding-right:2%;
    padding-bottom:5px;
    }
	
	.input > input{
	font-size:17pt;
}

  /*
    .left, .middle, .right{
    font-size: 20pt !important;
    }

    label{
      font-size: 17pt !important;
    }
*/
	.left, .middle, .right{
	display:inline;	
	}

    .impheader, .header{
    font-size:100%;
    }

    #menu{
    font-size:120%;
    }
	
	input[type="submit"], input[type="button"] {
	font-size: 30px;
	}
}

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

    .rejestracja, .content, .impcontent, .impheader, .header, .pdf{
    padding-left:5%;
    padding-right:5%;
    }

    .header, .impheader{
    font-size:150%;
    }

    #menu{
    font-size:110%;
    }
}


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

    #menu{
    font-size:110%;
    }


    .rejestracja, .content, .impcontent, .impheader, .header, .pdf{
    padding: 10px 15% 10px 15%;
    }

    .header, .header, .impheader{
    font-size:130%;
    }
}
 
  
@media only screen and (min-width:1001px) and (orientation:portrait) {
    * {
    font-size:17pt;
    }

    #menu{
    font-size:100%;
    }
	
    .rejestracja, .content, .impcontent, .impheader, .header, .pdf{
    padding: 10px 5% 10px 5%;
    }

    .header, .header, .impheader{
    font-size:130%;
    }
  
    .left, .middle, .right{
    font-size: 17pt !important;
    }

    label{
      font-size: 17pt !important;
    }
}