:root {
	--menu-primary-color:#E8F0FE;
	--menu-bk-primary-color:#1E3A8A;
	--menu-second-color:#E8F0FE;
	--menu-bk-second-color:#2563EB;
	--menu-thrid-color:#E8F0FE;
	--menu-bk-thrid-color:#60A5FA;
	--menu-fourth-color:#7b96ab;
	--menu-bk-fourth-color:#E8F0FE;
}

html, body 
{ 
	height:calc(100% - 130px);
	background-color: #F8F9FA; 
 }
#wrapper { 
    width:calc(100% - 130px); 
   margin-top:130px;
   background-color: #F8F9FA; 
}

header {  
    position: fixed;
    top: 0; 
    background-color: #FFF; 
    width: 100%;
	    z-index: 10;
}

.head-form {  
    position:absolute;
    top: 0; 
    background-color: #FFF; 
    width: 100%;
}

section { 
    
    margin-left:210px;
	height:100% 
}

footer { 
    
    position: fixed;
     display:block;
    width: 100%;
     margin-left: 0;
	 margin-right: 0;
     
    bottom: 0; 
    height: 0.4in; 
    color: #7b96ab; 
    text-align: center; 
    padding-top: 30px; 
   
    
    
}

footer:before {
    all:initial;
    display:table-cell;
    vertical-align:middle;
    width: 100%;
    position: fixed;
	bottom: 0; 
    height: 0.3in; 
    text-align: center; 
	margin-left: auto;
	margin-right: auto;
    background-color: #FFF; 
    border-top: 3px solid #7b96ab;
	content: "Copyright © 2022 Ruch Światło-Życie Diecezji Zamojsko-Lubaczowskiej | autor: plutex";
    white-space: pre;
	font-family: Quicksand;
    color: #7b96ab; 
	font-size: 0.15in;
	padding-top: 10px;
}
th {
    color:#FFF;
    font-size: 0.15in;
    height:0.16in;
    text-align: center;
    line-height:0.1in;
    background-color:#7b96ab;
}
h3 {
    font-size: 0.18in;
    color:#7b96ab;
    line-height:0.1in;
}

h4 {
    color:#2d2d2d;
    font-size: 0.15in;
    line-height:0.1in;
}

h5 {
    color:#2d2d2d;
    font-size:10px;
    line-height:10px;
}
h6 {
    color:#7b96ab;
    font-size:12px;
    line-height:12px;
}



aside {width: 200px;
    position: fixed;
    top:1.5in;
    bottom: 0;
    margin:0 0 0;
    background:#E8F0FE;
}

aside#helper {
    font-family: Quicksand;
    width: 300px;
    position: fixed;
    top:1.5in;
    bottom: 0;
    margin:0 0 0;
    background:#E8F0FE;
}

option {
    font-family: Quicksand;
	font-size: 0.15in;
}
	
    aside nav ul {list-style:none;}
	aside nav ul li {
        margin-bottom:5px;
        margin-left:-0.4in; 
        margin-right:5px;
        font-family: Quicksand;
		font-size: 0.15in;
        font-weight: bold;
        
		}
   
    aside nav ul li#helper {
        margin-bottom:5px;
        margin-left:-0.4in; 
        margin-right:5px;
        font-family: Quicksand;
		font-size: 0.15in;
        font-weight: bold;
       
		}
    aside nav ul li#submenu1 {
        margin-bottom:5px;
        margin-left:-0.3in; 
        margin-right:5px;
        font-family: Quicksand;
		font-size: 0.15in;
        font-weight: bold;
        
		}

     aside nav ul li#submenu2 {
        margin-bottom:5px;
        margin-left:-0.2in; 
        margin-right:5px;
        font-family: Quicksand;
		font-size: 0.15in;
        font-weight: bold;
        
		}

     aside nav ul li#submenu3 {
        margin-bottom:5px;
        margin-left:-0.1in; 
        margin-right:5px;
        font-family: Quicksand;
		font-size: 0.15in;
        font-weight: bold;
         
		}
	aside nav ul li a {display:block;text-decoration:none;color:#FFF;background:#7b96ab;padding: 3px 3px 3px 3px; margin-left:0px;}
	aside nav ul li a:hover{background:#7b96ab;color:#000;}
    aside nav ul li#helper a {display:block;text-decoration:none;color:#7b96ab;background:#E8F0FE;;padding: 3px 3px 3px 3px; margin-left:0px;}
    aside nav ul li#helper a:hover{background:#E8F0FE;color:#000;}

 


textarea {
  resize:none;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  padding-bottom:5px;
}

label {
    font-family: Quicksand;
	font-size: 0.15in;
    color:#7b96ab;
}


.pxinput{
	 margin-top:0.05in;
	 margin-bottom:0.05in;
     padding-left:5px;
     padding-right:5px;
	 border:1px solid #7b96ab;
	 
	 width:98%;
	 height: 20px;
     border-radius: 5px;
    font-family: Quicksand;
	font-size: 0.15in;
    color:#2d2d2d;
}

.pxbutton{
 	background-color:#7b96ab;
    height:30px;
	padding:5px;
	font-family: Quicksand;
	font-size: 0.14in;
	margin-top:0.05in;
	color:#ffffff;
	border-radius:5px;
	border-color:#7b96ab;
}

.pxbutton:disabled{
 	background-color: #cccccc;
    color: #666666;
    height:30px;
	padding:5px;
	font-family: Quicksand;
	font-size: 0.14in;
	margin-top:0.05in;
	border-radius:5px;
	border-color:#7b96ab;
}

.pxselect {
    background-color:#ffffff;
    height:30px;
	padding:5px;
	font-family: Quicksand;
	font-size: 0.14in;
	margin-top:0.05in;
	color:#2d2d2d;
	border-radius:5px;
	border-color:#7b96ab;
     
}
	
.block-title{
	 padding-top:0.2in;
	 padding-bottom:0.2in;
	 line-height:0.1in;
	 background-image:url(https://www.zamlub.pl/wp-content/uploads/2022/09/LOGO.jpg);
	 background-repeat:no-repeat;
	 background-size:0.8in 0.8in;
	 background-position:0 0.2in;
	 width:6in;
	 height:0.7in;
	 margin-left: auto;
	 margin-right: auto;
	 text-align:center;
}

.block-title-mini{
	 padding-top:0.2in;
	 padding-bottom:0.2in;
	 line-height:0.1in;
	 background-image:url(https://www.zamlub.pl/wp-content/uploads/2022/09/LOGO.jpg);
	 background-repeat:no-repeat;
	 background-size:0.4in 0.4in;
	 background-position:0 0.2in;
	 width:6in;
	 height:0.7in;
	 margin-left: auto;
	 margin-right: auto;
	 text-align:center;
}

.text-title{
	 height:0.8in;
}

.site-title{
	 font-family: Quicksand;
	 font-size: 0.30in;
	 text-align: center;
}

.site-description{
	 font-family: Quicksand;
	 font-size: 0.20in;
	 text-align: center;
}

.bar-title{
	 background-color:#7b96ab;
	 height:0.4in;
   
	
}
.bar-info{
	 background-color:#7b96ab;
	 height:0.4in;
	 display: flex;
	 justify-content: flex-end;
	 
}

.icoUser{
	 
	 order: 1;
     float:right;
	 background-image:url(https://www.zamlub.pl/wp-content/uploads/2026/06/user.png);
	 background-repeat:no-repeat;
	 background-size:0.4in 0.3in;
	 background-position:center;
     width:40px;
	 height:20px;
	
	 padding-top:0.1in;
	 padding-bottom:0.1in;
     padding-right:0.05in;
	 
}
.pxMail{
	 
	 order: 1;
     float:right;
	 background-image:url(https://www.zamlub.pl/wp-content/uploads/2026/06/email.png);
	 background-repeat:no-repeat;
	 background-size:0.4in 0.3in;
	  background-position:center;
     width:40px;
	 height:20px;
	 text-align: right;
	 color:#FFFFFF;
	 font-family: Quicksand;
	 font-size: 0.15in;
	 padding-top:0.1in;
	 padding-bottom:0.1in;
     padding-right:0.05in;
	 cursor: pointer;
}
.aMail{
	 
	 order: 1;
	 display: block;
	 text-decoration: none;
     float:right;
	 width:40px;
	 
	 padding-top:0;
	 padding-bottom:0;
     padding-right:0;
	 padding-left:0;
	 
}

.pxUser{
	
	
	 order: 2;
     float:right;
     width:fit-content;
	 text-align: right;
	 color:#FFFFFF;
	 font-family: Quicksand;
	 font-size: 0.15in;
	 padding-top:0;
	 padding-bottom:0;
     padding-right:0;
	 padding-left:0;
	 display:flex;
}

.icoUser{
	 
	 order: -11;
     float:right;
	 background-image:url(https://www.zamlub.pl/wp-content/uploads/2026/06/user.png);
	 background-repeat:no-repeat;
	 background-size:0.4in 0.3in;
	 background-position:center;
     width:40px;
	 height:20px;
	 display:block;
	 padding-top:0.1in;
	 padding-bottom:0.1in;
     padding-right:0.05in;
	 
}

.nameUser{
	 
	 
     float:left;
	 
	 padding-top:0.1in;
	 padding-bottom:0.1in;
     padding-right:0.05in;
	 
}

.pxTitle{
     float:left;
     width:30%;
	 text-align: left;
	 color:#FFFFFF;
	 font-family: Quicksand;
	 font-size: 0.17in;
	 padding-top:0.08in;
	 padding-bottom:0.08in;
     padding-left:0.5in;
}

.login_panel{
	 font-family: Quicksand;
	 font-size: 0.15in;
	 padding-top:0.2in;
	 padding-left:0.2in;
	 padding-right:0.2in;
	 padding-bottom:0.2in;
     
	 box-shadow:10px 10px 8px #7b96ab;
	 width:3in;
     border-radius: 6px;
     border:3px solid #7b96ab;
	 position: fixed; left: calc(50% - 1.7in); top: calc(50% - 98px);
}

.helper_panel{
	 font-family: Quicksand;
	 font-size: 0.15in;
	 padding-top:0.2in;
	 padding-left:0.2in;
	 padding-right:0.2in;
	 padding-bottom:0.2in;
     
	 
	 width:800px;
    
	 position: fixed; left: calc(50% - 1.7in - 300px); top:200px;
}



.pulpit{
	margin-left: auto;
	margin-right: auto;
    position: fixed; left: calc(50% - 437px); top: calc(50% - 98px);
}

.text-pulpit{
    font-family: Quicksand;
	font-size: 0.2in;
    color:#7b96ab;
}

.tile-pulpit
	{
	display: inline;
    font-family: Quicksand;
    width:30%; 
    
 	float:left;
    padding: 10px 10px 10px 10px;
    
 	border-radius: 10px;
 	border: 1px solid #EDEDED;
    margin-left:10px;
    margin-top:10px;
	background-color: #FFF;
	box-shadow:2px 2px 3px #EDEDED;
	cursor: pointer;
    
    }
.title-pulpit:hover
	{
	transform: translate(-2px, -2px);
	}

.kalendar-pulpit{
    display: inline;
    font-family: Quicksand;
    width:25%;
    height:30%;
    
 	float:left;
    padding: 10px 10px 10px 10px;
    
 	border-radius: 10px;
 	border: 1px solid #7b96ab;
    margin-right:10px;
    margin-bottom:10px;
    
    }

/*.2tile-pulpit{
	font-family: Quicksand;
   
 	float:center;
    padding: 10px 10px 10px 10px;
 	border-radius: 10px;
 	border: 1px solid #7b96ab;
    
    }*/

.formularzDK{
    all:initial;
    
   display:inline;
    width:850px;
    margin-top:150px;
	
	}



.modalDialog {
    	position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0; 
		z-index: 99999;
		background: rgba(0,0,0,0.2);
    	
		
	}

	.modalDialog:target {
		
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 400px;
        
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		
       
        border:3px solid #7b96ab;
	}

	.close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: #00d9ff; }

	/* Kolory menu */

	.menu_rekoForm
	{
		all: unset;
		margin-bottom: 5px;
    	margin-right: 5px;
    	font-family: Quicksand;
    	font-size: 0.14in;
    	font-weight: bold;
		display: block;
    	text-decoration: none;
       	padding: 3px 3px 3px 3px;
		border: 2px solid var(--menu-bk-primary-color);
  		border-radius: 5px;
		cursor: pointer;
    	
		color:var(--menu-primary-color);
		background-color: var(--menu-bk-primary-color);

	}
	.menu_rekoForm:hover
	{
		all: unset;
		margin-bottom: 5px;
    	margin-right: 5px;
    	font-family: Quicksand;
		font-size: 0.14in;
    	font-weight: bold;
		display: block;
    	text-decoration: none;
       	padding: 3px 3px 3px 3px;
		border: 2px solid var(--menu-bk-primary-color);
  		border-radius: 5px;
		cursor: pointer;

		color:var(--menu-bk-primary-color);
		background-color: var(--menu-primary-color);

	}

	.menu_rekoOM
	{
		all: unset;
		margin-bottom: 5px;
    	margin-right: 5px;
    	font-family: Quicksand;
		font-size: 0.14in;
    	font-weight: bold;
		display: block;
    	text-decoration: none;
       	padding: 3px 3px 3px 3px;
		border: 2px solid var(--menu-bk-second-color);
  		border-radius: 5px;
		cursor: pointer;

		color: var(--menu-second-color);
		background-color: var(--menu-bk-second-color);
	}

	.menu_rekoOM:hover
	{
		all: unset;
		margin-bottom: 5px;
    	margin-right: 5px;
    	font-family: Quicksand;
		font-size: 0.14in;
    	font-weight: bold;
		display: block;
    	text-decoration: none;
       	padding: 3px 3px 3px 3px;
		border: 2px solid var(--menu-bk-second-color);
  		border-radius: 5px;
		cursor: pointer;

		color:var(--menu-bk-second-color);
		background-color: var(--menu-second-color);
	}

	.menu_rekoTheam
	{
		all: unset;
		margin-bottom: 5px;
    	margin-right: 5px;
    	font-family: Quicksand;
		font-size: 0.14in;
    	font-weight: bold;
		display: block;
    	text-decoration: none;
       	padding: 3px 3px 3px 3px;
		border: 2px solid var(--menu-bk-thrid-color);
  		border-radius: 5px;
		cursor: pointer;
    	
		color:var(--menu-thrid-color);
		background-color: var(--menu-bk-thrid-color);
	}

	.menu_rekoTheam:hover
	{
		all: unset;
		margin-bottom: 5px;
    	margin-right: 5px;
    	font-family: Quicksand;
		font-size: 0.14in;
    	font-weight: bold;
		display: block;
    	text-decoration: none;
       	padding: 3px 3px 3px 3px;
		border: 2px solid var(--menu-bk-thrid-color);
  		border-radius: 5px;
		cursor: pointer;
    	
		color:var(--menu-bk-thrid-color);
		background-color: var(--menu-thrid-color);
	}
	

	.menu_reko
	{
		z-index:1;
		position: absolute;
		margin-bottom: 5px;
    	margin-right: 5px;
		margin-left: 0.2in;
    	font-family: Quicksand;
		font-size: 0.13in;
    	font-weight: bold;
		display: none;
    	text-decoration: none;
       	padding: 3px 3px 3px 3px;
		border: 1px solid var(--menu-bk-fourth-color);
  		border-radius: 5px;
		cursor: pointer;

		color:var(--menu-fourth-color);
		background-color: var(--menu-bk-fourth-color);
	}

	.menu_reko:hover
	{
		all: unset;
		margin-bottom: 5px;
    	margin-right: 5px;
		margin-left: 0.2in;
    	font-family: Quicksand;
		font-size: 0.13in;
    	font-weight: bold;
		display: block;
    	text-decoration: none;
       	padding: 3px 3px 3px 3px;
		border: 1px solid var(--menu-fourth-color);
  		border-radius: 5px;
		cursor: pointer;

		color:var(--menu-fourth-color);
		background-color: var(--menu-bk-fourth-color);
	}

	.menu_sys
	{
		all: unset;
		margin-bottom: 5px;
    	margin-right: 5px;
		font-family: Quicksand;
		font-size: 0.14in;
    	font-weight: bold;
		display: block;
    	text-decoration: none;
       	padding: 3px 3px 3px 3px;
		border: 2px solid var(--menu-fourth-color);
  		border-radius: 5px;
		cursor: pointer;

		color:var(--menu-bk-fourth-color);
		background-color: var(--menu-fourth-color);
	}

	.menu_sys:hover
	{
		all: unset;
		margin-bottom: 5px;
    	margin-right: 5px;
    	font-family: Quicksand;
		font-size: 0.14in;
    	font-weight: bold;
		display: block;
    	text-decoration: none;
       	padding: 3px 3px 3px 3px;
		border: 2px solid var(--menu-fourth-color);
  		border-radius: 5px;
		cursor: pointer;

		color:var(--menu-fourth-color);
		background-color: var(--menu-bk-fourth-color);
	}

	.title-rekoForm
	{
		all: unset;
		display: flex;
  		align-items: center; 
    	font-family: Quicksand;
    	font-size: 0.14in;
    	font-weight: bold;
		
    	text-decoration: none;
       	padding: 2px 2px 2px 2px;
		min-height: 40px;
		border: 2px solid;
  		border-radius: 5px;
		
    	
		color:var(--menu-primary-color);
		

	}

	.blok-link {
  		display: block; /* Zamienia link w element blokowy */
  		text-decoration: none; /* Usuwa podkreślenie linku */
  		color: inherit; /* Zachowuje domyślne kolory tekstu */
	}