@font-face {
	font-family: Segoe UI Web Light;
	src: local("Segoe UI Light"), local("Segoe UI"), local("Helvetica Neue"), local("Verdana"), local("sans-serif");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Segoe UI Web;
	src: local("Segoe UI Semilight"), local("Segoe UI"), local("Helvetica Neue"),local("Verdana"),local("sans-serif");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Segoe UI Web Regular;
	src: local("Segoe UI"), local("Helvetica Neue"),local("Verdana"),local("sans-serif");
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: Segoe UI Web Semibold;
	src: local("Segoe UI Semibold"), local("Segoe UI Bold"), local("Segoe UI"), local("Helvetica Neue"),local("Verdana"),local("sans-serif");
	font-weight: bold;
	font-style: normal;
}

body {
    color: #000000;
    text-align: center;
    font-family: "Segoe UI Web", "Segoe UI Semilight", "Verdana", "sans-serif";
    letter-spacing:  normal;
    font-weight: normal;
    font-style: normal;
    page-break-after: left;
 }

nav{
    text-align: left;
}

.dropdown-item {
    white-space: pre-wrap;
    width: 320px;
  }

.align_left{
    text-align: left;
}

.align_cener{
    text-align: center;
}

.align_right{
    text-align: right;
}

.align_just{
    text-align: justify;
}

.clear{
    clear: both;
}

.czysc{
	font-size: 0;
	line-height: 0;
	clear: both;
}


#DivLogo{
    text-align: left;
    background-color: #e9e3d5;    
}
   
.menu{
    text-align: center;
    background-color: #EAEAEA!important;
    border-top: 1px solid #BABABA;
    border-bottom: 1px solid #BABABA;
    color: #000000!important;
}

.card-img-top{
    width: auto;
}

footer{
    background-color: #202020 ;
    height: 2rem;
}

footer p{
    margin: 0.1em;
    font-size: 0,7rem;
    color: #afafaf;
}


#DivMain .DivIcon{
    margin: 2px;
    margin-bottom: 20px;
	padding: 5px;
	width: 320px;
	height: 260px;
	float: left;
	text-align: center;
	transition: box-shadow 2s, border-radius 1s;
	background-color: transparent;
	display: table-cell;
	border: solid 1px #cccccc;
	border-radius: 5px;
   -moz-border-radius: 5px;
	 z-index: 10;
	 cursor: pointer;
}

#DivMain .DivIcon img{
    margin: 5px;
    margin-bottom: 1px;
     height: 200px;
    width: auto;
    padding:0;
     border-radius: 5px;
    -moz-border-radius: 5px;
}

#DivMain .DivIcon:hover{
    box-shadow: 15px 15px 15px #bbbbbb;
	border-radius: 10px;
   -moz-border-radius: 10px;
	z-index: 20;
}   

#DivMain .DivIcon p{
	text-align: center;
}

#DivMain .DivDesc{
	text-align: center;
	font-weight: normal;
	width: 0 auto;
	height: 30px;
	margin: 5px;
	background-color:#EAEAEA;
	border-radius: 5px;
   -moz-border-radius: 5px;
}

#DivMain .DivDesc p{
	text-align: center;
    font-size: 0.8em;
}


#DivMain .DivGaleria {
    width: 98%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    float : left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;    
}
   
#DivMain .galeria_ikona{
	float: left;
	margin: 5px;
	padding: 10px;
	width: 330px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-color: transparent;
	border: solid 1px #cccccc;
	border-radius: 5px;
   -moz-border-radius: 5px;
	transition: box-shadow 2s;

}

#DivMain .galeria_ikona *{
  vertical-align: middle;
}

#DivMain .galeria_ikona span {
	display: inline-block;
	height: 100%;
	width: 1px;
}

#DivMain .galeria_ikona:hover{
   box-shadow: 15px 15px 15px #bbbbbb;
	z-index: 20;
}


#DivMain .galeria_ikona a:link, .galeria_ikona a:visited{
 text-align: center;
 color: #0000D8;
 text-decoration: none;
 background-color: transparent;
 margin: 0 auto;
}

#DivMain .galeria_ikona a:hover{
 color: #329AA3;
}

#DivMain .galeria_ikona img{
 text-align: center;
 margin: 0 auto;
 border: none;
 padding: 0;
 display: block;
 max-height: 200px;
 max-width: 100%;
 border-radius: 5px;
 -moz-border-radius: 5px;
}


#DivMain .galeria_wykaz{
	float: left;
	margin: 5px;
	padding: 10px;
	width: 300px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-color: transparent;
}

#DivMain .galeria_wykaz img{
    text-align: center;
    margin: 0 auto;
    border: none;
    padding: 0;
    display: block;
    max-height: 200px;
    max-width: 100%;
    border-radius: 5px;
    -moz-border-radius: 5px;
   }
   

.DivGaleriaGrey {
    width: 230px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    float : left;
    background: #f3f3f3;
    border-radius: 5px;
   }
   
   #DivMain Div.DivGaleriaGrey h2{
     padding: 5px;
     padding-top:0;
     margin-top:0;
   }


#DivMain {
    top:0;
    left:0;
    font-family: "Segoe UI Web", "Segoe UI SemiLight", "Verdana", "sans-serif";
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    letter-spacing:  normal;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 2.5em;
    line-height: normal;
    position: relative;

   }

#DivMain p{
    margin: 0.6rem;
    text-align: justify;
}

#DivMain ul{
    background-color: transparent;
    text-align: left;
    list-style-position: inside;
    list-style-type: inherit;
    margin: 2px;
    margin-left: 10px;
    padding: 0;
    line-height: normal;
}
   
   
   #DivMain ol{
    margin: 2px;
    margin-left: 10px;
    margin-top: 5px;
    padding: 5px;
    background-color: transparent;
    text-align: justify;
    list-style-position: inside;
    list-style-type: decimal;
    line-height: normal;
   }
   
   #DivMain ul li{
    padding: 0;
    margin: 5px;
    padding-left: 5px;
    text-indent: 0;
    color: #000000;
    line-height: normal;
   
   }
   
   #DivMain ul li.bold{
    font-weight: bold;
   }
   
   #DivMain ul li.inline{
    display : inline;
    display : inline;
    text-align: justify;
    text-decoration: none;
    margin: 2px;
    padding: 0;    
   }
   
   #DivMain ul li ul{
    margin: 10px;
    margin-top: 0;
    padding: 1px;
    padding-left: 25px;
    list-style-type: disc;
    text-align: left;
    list-style-position: inside;
    list-style-type: inherit;
    line-height: normal;
   
   }
   
   #DivMain ul li ul li{
    margin: 5px;
    text-indent: 0;
    padding: 0;
    padding-left: 5px;
    line-height: normal;
   }
   
   
   #DivMain ul li ul li ul{
    margin: 10px;
    margin-top: 0;
    padding: 1px;
    padding-left: 25px;
    list-style-type: square;
    text-align: left;
    list-style-position: inside;
    list-style-type: inherit;
    line-height: normal;
   
   }
   
   #DivMain ul li ul li ul li{
    margin: 5px;
    text-indent: 0;
    padding: 0;
    padding-left: 5px;
    line-height: normal;
   }
   
   
   
   #DivMain ol li{
    padding: 0;
    margin: 5px;
    padding-left: 5px;
    text-indent: 0;
    color: #000000;
    line-height: normal;
   
   }
   
   #DivMain ol li ol{
    margin: 10px;
    margin-top: 0;
    padding: 1px;
    padding-left: 25px;
    list-style-type: disc;
    text-align: left;
    list-style-position: inside;
    list-style-type: inherit;
    line-height: normal;
    list-style-type: lower-alpha;
   }
    #DivMain li.li70{
	    list-style-image: url(/grafika/tarczamap70.png);
    }

    #DivMain li.li75{
	    list-style-image: url(/grafika/tarczamap75.png);
    }

   #DivMain h1{
    overflow: hidden;
    margin: 0.6rem;
    margin-top: 0;
    margin-bottom: 1.5rem;
    padding-top: 1.2rem;
    clear: both;
    text-align: left;
    font-size: 2rem;
    font-family: "Segoe UI Web", "Segoe UI SemiLight", "Verdana", "sans-serif";
    border-bottom: 1px solid #C0C0C0;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
   }
   
   #DivMain h2{
    overflow: hidden;
    display: block;
    margin: 0.6rem;
    margin-top: 1rem;
    font-size: 1.6rem;
    font-family: "Segoe UI Web", "Segoe UI SemiLight", "Verdana", "sans-serif";
    font-weight: normal;
    font-style: normal;
    color: #000000;
    text-align: left;
    padding-top: 10px;
    line-height: normal;
   }
   
   #DivMain h2.wykaz{
    clear: both;
    color: #38471F;
   }
   
   #DivMain h2.wykaz a{
    color: #38471F;
    text-decoration: none;
   }
   
   #DivMain h2.wykaz a:hover{
    text-decoration: underline;
   }
   
   #DivMain h2.clear{
    clear: both;
   }
   
   #DivMain h3{
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 0.6rem;
    margin-top: 1rem;
    margin-bottom: 0;
    font-size: 1.4rem;
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Verdana", "sans-serif";
    color: #000000;
    text-align: left;
    border: none;
    line-height: normal;
   }
   
   
   #DivMain h3.wykaz a{
    color: #38471F;
    text-decoration: none;
    text-anchor: start;
   }

   #DivMain h3.wykaz a:hover{
    text-decoration: underline;
   }
   
   #DivMain h3.clear{
    clear: both;
   }

   #DivMain h4{
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 0.6rem;
    margin-top: 1rem;
    margin-bottom: 0;
    font-size: 1.2rem;
    font-family: "Segoe UI Web Light", "Segoe UI Light", "Verdana", "sans-serif";
    font-weight: normal;
    color: #000000;
    text-align: left;
    border: none;
    line-height: normal;
   }
   
   
   #DivMain h4.clear{
    clear: both;
   }
   
   #DivMain h5{
    overflow: hidden;
    display: block;
    padding:0 ;
    margin: 0.6rem;
    margin-top: 1rem;
    font-size: 1.1rem;
    font-family: "Segoe UI Web SemiBold", "Segoe UI SemiBold", "Verdana", "sans-serif";
    color: #909090;
    text-align: left;
    font-weight: bold;
    border: none;
   }
   
   
  
   #DivMain th{
    text-align: center;
    font-weight: lighter;
    padding: 0.3rem;
   }
   
   #DivMain td{
    padding: 0.3rem;
   }
   
   
   #DivMain tr{
    text-align: left;
   }


   #DivMain img.left{
    margin: 5px;
    padding: 5px;
    float: left;
   }
   
   #DivMain img.right{
    float: right;
   }
   
   #DivMain img.center{
    clear: both;
    float: none;
    text-align: center;
    margin: 0 auto;
   }
   
   
   #DivMain img.centernoframe{
    clear: both;
    float: none;
    text-align: center;
    border: none;
   }
   
   #DivMain img.leftnoframe{
    float: left;
    text-align: center;
    border: none;
   }
   
   #DivMain img.osoby{
    float: left;
    text-align: center;
    border: none;
    height: 200px;
   }
   
   #DivMain img.rightnoframe{
    float: right;
    text-align: center;
    border: none;
   }
   
   
   #DivMain img{
    margin: 5px;
    display: inline;
   }


   #DivMain h4.card-title{
    margin: 0;
    margin-bottom: 1rem;
    text-align: left;
   }

   #DivMain *.card-text{
    margin: 0;
    margin-bottom: 1rem;
    text-align: left;
   }


   #DivMain table.intencje{
    margin: 0 auto;
    max-width: 900px;
    table-layout: fixed;
    border: darkgray solid 1px;
   }
   
   #DivMain td.intencje{
    text-align: left;
    border: darkgray solid 1px;
   }
   
   #DivMain td.intencjegodzina{
    width: 100px;
    border: darkgray solid 1px;
    text-align: center;
   }


#DivCcookiesMessage{
    padding: 10px 0px;
     font-size: 14px;
     line-height: 22px;
     border-bottom: 1px solid rgb(211, 208, 208);
     text-align: center;
     position: fixed; top: 0px;
     background-color: #efefef;
     width: 100%;
     z-index: 999;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    border-radius: 10px;
    transition: opacity 2s;
}
 
 Div#DivCcookiesMessage:hover{
     opacity: 1.0;
     filter: alpha(opacity=100); /* For IE8 and earlier */
 }
 
 
 A#IDAcceptCookies{
   background-color:#26A0DA;
   padding: 5px 10px;
   color: #FFF;
   border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     display: inline-block;
     margin-left: 10px;
     text-decoration: none;
     cursor: pointer;
    transition: box-shadow 1.5s;
 }
 
 A#IDAcceptCookies:hover{
     box-shadow: 10px 10px 10px #bbbbbb;
 }
 
 
 a#IDPolicyCookies{
  text-align: justify;
  color: steelblue;
 }
 
 a#IDPolicyCookies:hover{
  color: #25BBC4;
 }   


 @media only screen and (max-width: 768px) {
    /* For mobile phones: */
    #DivMain {
        text-align: center;
    }
 }

@media only screen and (max-width: 564px) {
    .DivIcon {
        text-align: center;
        align-items: center;
    }

}