/*
Theme Name: Bencien
Author: Magdalena Mayer
Description: Motyw dla strony benchen.org.pl
Version: 1.0
License: GNU General Public Licence v2 or later
License URI: http://www.gnu.org/license/gpl-2.0.html
Text Domain: bencien
Domain Path: /languages
*/



@import url(https://fonts.googleapis.com/css?family=Merriweather&subset=latin,latin-ext);
@font-face
{
font-family: Roboto Light;
src:url(../czcionki/Roboto-Light.ttf);
}
@font-face
{
font-family: Lato;
src:url(../czcionki/Lato-Regular.ttf);
}
@font-face
{
font-family: Lato Light;
src:url(../czcionki/Lato-Light.ttf);
}
@font-face
{
font-family: Open Sans;
src:url(../czcionki/Open-Sans-Regular.ttf);
}
@font-face
{
font-family: Roboto Regular;
src:url(../czcionki/Roboto-Regular.ttf);
}
@font-face
{
font-family: NunitoSans Italic;
src:url(../czcionki/NunitoSans-Italic.ttf);
}
@font-face
{
font-family: NunitoSans;
src:url(../czcionki/NunitoSans.ttf);
}

.kotwica {
  scroll-margin-top: 150px;
}

html, body {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
    background-color: #fcfcfc;
   text-align: center;
   font-family: 'NunitoSans', Arial, tahoma;
   color: #2d2d2d;
   scroll-behavior: smooth;
}
.container {    
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -80px;
}
a {
text-decoration: none; color: #a31617;
}
#paginacja a {color: #901617;}
h1 {
   /*font-family: 'Lato Light', sans-serif;*/
   color: #3f3f3f;
   font-size: 26px;
   text-transform: uppercase;
   line-height: 1.3;
   margin: 0;
   font-weight: normal;
   }
h2 {
   /*font-family: 'Lato', sans-serif;*/
   color: #1a1a17;
   font-size: 29px;
   text-transform: uppercase;
   line-height: 1.3;
   margin: 10px 0 10px 0;
   }
h22 {
   /*font-family: 'Lato', sans-serif;*/
   color: #018bd2;
   font-size: 18px;
   text-transform: uppercase;
   letter-spacing: 1px;
   line-height: 1.5;
   margin: 5px 0 5px 0;
   }


/**********************************************************************************
                    RAMKA REGULUJĄCA SZEROKOŚĆ MAX ZAWARTOŚCI
***********************************************************************************/	

.frame {
    width: 100%;
    max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
    background: transparent;
}  
.frame-gallery {
    width: 100%;
    max-width: 1310px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px 0 15px;
	position: relative;
    background: transparent;
}  



/**********************************************************************************
                                  CZYSZCZENIE FLOATÓW
***********************************************************************************/

.clear {clear: both;}

/**********************************************************************************
                                  NAGŁÓWEK Z MENU
***********************************************************************************/

.streach {position: relative; padding: 0 0 100px 0; background: transparent; display: block; clear: both; aspect-ratio: 6.00;}
.elem {position: relative; display: block; }
header {
  position: fixed;
  display: block;
  top: 0;
  width: 100%;
  background-color: #901617;
  height: 100px;
  box-shadow: 0px 12px 12px rgba(189,189,189,.40);
  padding: 0px;
  z-index: 999;
  text-align: center;
}
header.sticky {
  position: fixed;
  display: block;
  top: 0;
  width: 100%;
  background-color: #901617;
  padding: 0px;
  height: 91px;
  z-index: 999;
  animation: slide-down 1s ease;
  text-align: center;
}

@keyframes slide-down {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

/*header do wszystkich innych stron poza główną*/
#header-other-sides {
  position: fixed;
  display: block;
  top: 0;
  width: 100%;
  background-color: #901617;
  padding: 0px;
  height: 91px;
  z-index: 999;
  text-align: center;
}
/**/
#obrazek-nagl {
	width:100%; 
	float:right; 
	margin: 0; 
	padding: 0; 
    }
header.sticky #obrazek-nagl {display: none;}
	
#around2 {display: none;}
#around {width: 100%; text-align: center; padding: 0;}
#around ul li {float: left; box-sizing: border-box;  list-style-type: none; display: inline-block;}
#around ul {display: inline-block;}
#logo img {width: 60px; padding: 0; display: inline-block; float: left;}
#logo-description1 {display: inline-block; color: #ffffff; padding: 30px 0 4px 0; text-transform: uppercase;
                    margin: 0 20px 0 20px; font-family: 'Merriweather'; font-size: 14px; border-bottom: 1px solid #9c3938; float: left;}
#logo-description2 {display: inline-block; color: #ffffff; padding: 30px 0 4px 0; text-transform: uppercase;
                    margin: 0 0 0 20px; font-family: 'Merriweather'; font-size: 14px; border-bottom: 1px solid #9c3938; float: left;}
header #logo-mikro img {display: none;}
header #logo-mikro-page img {width: 30px; padding: 0; margin: -4px 0 0 0; display: inline-block; float: left;}

header.sticky #logo-mikro img {width: 30px; padding: 0; margin: -4px 0 0 0; display: inline-block; float: left;}
header.sticky #logo img {display: none;}
header.sticky #logo-description1 {padding: 0 0 4px 0; margin: 0 10px 0 0;}
header.sticky #logo-description2 {padding: 0 0 4px 0; margin: 0 0 0 10px;}

/*dotyczy innych stron poza główną*/
#header-other-sides #logo-description1 {
	  padding: 0 0 4px ; 
      margin: 0 10px 0 0; 
      display: inline-block; 
      color: #ffffff; 
	  text-transform: uppercase;
      font-family: 'Merriweather'; 
	  font-size: 14px; 
	  border-bottom: 1px solid #9c3938; 
	  float: left;
	  }
#header-other-sides #logo-description2 {
	  display: inline-block; 
	  color: #ffffff;
	  padding: 0 0 4px 0; 
	  margin: 0 0 0 10px;
	  text-transform: uppercase;
	  font-family: 'Merriweather'; 
	  font-size: 14px; 
	  border-bottom: 1px solid #9c3938; 
	  float: left;
	  }
/**/

header.sticky #top-menu ul {padding: 0; margin: 0 0 0 55px; height: 33px; }
/*dotyczy innych stron poza główną*/
#header-other-sides #top-menu ul {height: 30px; width: auto; margin: 0 0 0 18px; padding: 0; display: inline-block;}
/**/
#top-menu {width: 100%; text-align: center; background-color: #901617;}
#top-menu ul {height: 43px; width: auto; margin: 0 0 0 60px;  padding: 13px 0 0 0; display: inline-block;}
#top-menu ul li {
	/*font-family: 'Lato Light';*/
	font-size: 16px;
	box-sizing: border-box;
    list-style-type: none; 
    float: left; 
    padding: 0 0 15px 0;
	height: 22px;
	margin: 0 0 0 16px;
	border-bottom: 0px solid #c87272;
	transition-property: border-bottom;
	transition-duration: 0.3s;
}
#top-menu ul li:hover{
    box-sizing: border-box;

}
#top-menu ul li a {
	color: #fff; 
	}


.kreski {display: none;}
.kreski-2 {display: none;}
.kreski-2move {display: none;}
.top-menu-mobile-hidden {display: none;}
#boczne-mobile {display: none;}

#top-menu .languages ul{margin: 0 !important;}
.languages {float: left; margin: 2px 0 0 10px;}
.languages ul {list-style-type: none; margin: 0; padding: 0;}
.languages li {float: left;}
.languages img {margin: 0; width: 20px;}
.languages .menu-jezyki-container img {margin: 0; width: 20px;}
.languages .menu-jezyki-container ul li:a img {margin: 0; width: 20px;}
.languages .menu-jezyki-container ul li img {margin: 0; width: 20px !important; height: auto !important;}

.search-form {margin: 8px 20px 0 0; padding: 0 0 0 0; float:right;}
header.sticky .search-form {margin: -13px 25px 0 0;}
/*dotyczy innych stron poza główną*/
#header-other-sides .search-form {margin: -13px 20px 0 0;}
/**/
.field {
	box-sizing: border-box; 
	float: left; 
	border: 1px solid #9c3938; 
	padding: 6px; 
	width: 120px; 
    margin: 0;
	background: #a62e2c; 
	}
.submit {
	box-sizing: border-box; 
	padding: 6px; 
	width: 38%; 
	border-radius: 2px; 
	background: #ab3332; 
	border: 1px solid #e08181; 
	color: #2d2d2d; 
	margin: 0; 
	font-size: 12px; 
	text-transform: uppercase; 
	/*font-family: 'Open Sans';*/
	}
#ikonka-search {
	width: 22px;
    padding: 3px 0 0 5px;
	color: #e3a6a6 !important; 
	background: transparent; 
	display: block;
    float: left;
	border-top: 0px solid #98bed1; 
	border-bottom: 0px solid #98bed1; 
	border-left: 0px solid #98bed1; 
	border-right: 0px solid #98bed1; 
	}


#breadcrumbs {margin: 0; padding: 6px 0 6px 0; background: #fcfcfc;}
#breadcrumbs a {color: #7e0f10; font-size: 14px;}
#breadcrumbs {color: #7e0f10; font-size: 14px;}

#breadcrumbs .post-wpis_bibl-archive {display: none !important;}
#breadcrumbs .post-galeria_zdjec-archive {display: none !important;}
	
/****************************************************************************
                          TREŚĆ Z MENU BOCZNYM
*****************************************************************************/			

/*LEWA STRONA, STRONA GŁÓWNA*/
	
#content3 {
	width: 100%; text-align: center; 
	position: relative;
    box-sizing: border-box;
    background: transparent;
}	
#content3-other-sides {
	width: 100%; 
	position: relative;
    box-sizing: border-box;
    background: transparent;
	padding: 170px 0 0 0;
}	

.content3-1 {margin: -150px 0 0 0;}
.content3-2 {margin: 80px 0 0 0;}
		
.content3-left {position: relative; display: block; box-sizing: border-box; float: left; width: 330px; margin: 0 0 0 20px; text-align: left; }



.content3-menu {
	position: relative;
	z-index: 10; 
	display: block; 
	box-sizing: border-box; 
	margin: 0; 
	background: transparent; 
	border-left: 0px solid #a7c8d9; 
	border-right: 0px solid #a7c8d9; 
	border-bottom: 0px solid #a7c8d9; 
	padding: 0; 
	}

		
/* Styl menu boczne*/

.archive-title-bibl {
color: #901617;  
display: inline; 
font-size: 20px; 
/*font-weight: normal;*/
margin: 0 0 0 3px;  
padding: 0; 
font-family: 'Merriweather'; 
line-height: 1.1; 
text-transform: uppercase;
}




#menu-boczne-rozsuwane ul {margin: 0; padding: 0;}

#menu-boczne-rozsuwane {
  border: 1px solid #e0cece;
  background: #ffffff;
  padding: 20px;
  width: 360px;
}
#menu-menu-boczne {padding: 0; margin: 0;}

#menu-boczne-rozsuwane .menu-menu-boczne-container {
  width: 350px;
  margin: 0 0 0 30px;
  padding: 10px 15px 10px 15px;
}

#menu-boczne-rozsuwane .menu-item {
  
  margin: 0;
  list-style: none;
  background: transparent;
}

#menu-boczne-rozsuwane .menu-item a {
  color: #901617;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  padding: 10px 10px 10px 0;
  text-align: left;
  position: relative;
  border-bottom: 1px solid #e0cece;
  /*border-bottom: 1px solid #af6b6a;*/
}

/* Styl podmenu */
#menu-boczne-rozsuwane .sub-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  padding-left: 20px;
}

#menu-boczne-rozsuwane .sub-menu .menu-item {
  border-bottom: 0px solid #e8e8e8;
  margin: 0;
  list-style: none;
  padding: 7px 0;
}

/* Ukryj plus w zasuniętych elementach */
#menu-boczne-rozsuwane .menu-item:not(.active) .toggle-icon {
  display: none;
}

/* Pokaż plus tylko w rozwiniętych elementach */
#menu-boczne-rozsuwane .menu-item.active > .toggle-icon {
  display: inline;
}

/* Styl aktywnej pozycji */
#menu-boczne-rozsuwane .menu-item.active > .sub-menu {
  max-height: 1000px; /* Dostosuj wartość do maksymalnej wysokości podmenu */
}

#menu-boczne-rozsuwane .menu-item.active > a {
  color: #fff;
}

/* Styl ikony rozwijania/zamykania */
#menu-boczne-rozsuwane .menu-item.menu-item-has-children.active > a::before {
  content: '-';
  position: absolute;
  right: 10px;
}

#menu-boczne-rozsuwane .menu-item.menu-item-has-children:not(.active) > a::before {
  content: '+';
  position: absolute;
  right: 10px;
}






/*PRAWA STRONA*/

.content3-right {
	display: block;
    margin: 0 0 0 450px; 
	padding: 0 0 0 0;
    box-sizing: border-box;
	text-align: left;
	}	
.content3-right-gallery {
	display: block;
    margin: 0; 
	padding: 0 0 0 0;
    box-sizing: border-box;
	text-align: left;
	}	
.content3-right-gallery .wp-element-caption {margin: 0 0 30px 0; color: #000; background: #fff; display: block;  padding: 6px 4px 6px 4px;  text-align: center; box-shadow: 0px 8px 12px rgba(214,214,214,.40); }	
.content3-right h1{
display: inline-block; 
font-size: 23px; 
font-weight: normal; 
color: #3f3f3f;  
margin: 0 0 12px 0;  
padding: 0; 
/*font-family: 'Open Sans';*/
text-transform: uppercase;
line-height: 5px;
border-bottom: 0px solid #5e5941;
width: 100%;
}	

.content3-right-inside {
	float: right;
	width: 100%;
	font-size: 16px;
	background: transparent;
	margin: 0 0 100px 0;
	padding: 0 20px 50px 0;
	box-sizing: border-box;
	text-align: left;
    }	
.content3-right-inside iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 1.78;
}
	
.c3ri-box {
	/*font-family: 'Open Sans';*/
    width: 30%; 
	height: 390px; 
	background: #fff; 
    float: left; 
	margin: 0 2% 36px 0; 
	box-shadow: 0px 8px 12px rgba(214,214,214,.40); 
    border-radius: 6px 6px 6px 6px; 
	text-align: center; 
	color: #2d2d2d;
	}
.c3ri-box-gallery {
    /*font-family: 'Open Sans';*/
	width: 26%;
	height: auto; 
	background: #fff; 
    float: left; 
	margin: 0 2% 36px 0; 
	box-shadow: 0px 8px 12px rgba(214,214,214,.40); 
    border-radius: 6px 6px 6px 6px; 
	text-align: left; 
	color: #2d2d2d;
	}
.c3ri-box-tekst{text-align: left; }
.c3ri-box p {margin:0; padding: 0;}	
.c3ri-box a {color: #2d2d2d;}
.c3ri-box-img img {width: auto; max-width: 100%; height: auto; max-height: 100%;  border-radius: 6px 6px 0 0; }
.c3ri-box-date {color: #464646; font-size: 13px; padding: 5px 0 12px 10px; }
.c3ri-box-title {color: #464646; padding: 8px 0 5px 10px;  width: 100%; font-size: 14px; font-weight: bold;}
.c3ri-box-description {color: #464646; padding: 4px 0 5px 10px; font-size: 13px;}
.c3ri-box-read-more {color: #2d2d2d; position: absolute; padding: 360px 0 12px 10px; font-size: 14px; /*text-transform: uppercase; */}

.c3ri-box:hover {box-shadow: 0px 8px 12px rgba(173,173,173,.40);}

.c3ri-search-title {color: #565656; text-transform: uppercase; padding: 0; font-family: 'Merriweather'; }
.c3ri-search-description {color: #2d2d2d; padding: 0; font-size: 14px; }



/*******************************************************************************
                                    STOPKA
********************************************************************************/
footer {
    box-sizing: border-box;
	width: 100%; 
	height: 80px; 
    background: #901617;
	color: #ffffff;
    padding: 0;
	margin: 0; 
	text-align: left;
	}

#footer1 {
    box-sizing: border-box;
    background: #901617;
	color: #ffffff;
	font-family: 'Merriweather';
	text-transform: uppercase;
	font-size: 12px;
	padding: 35px 0 0 25px;
	float: left;

	}
#social {float: right; margin: 0; padding: 33px 25px 0 0 ;}
#social a {float: left;}
#social img {float: left; height: 18px; width: auto; margin: 0 12px 0 0;}
	
	

/*#######################################################################

                           TABLETY
						   
########################################################################*/		
				   
@media (min-width: 850px) and (max-width: 1200px) {
	
html, body {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
   background-color: #fcfcfc;
   text-align: center;
   /*font-family: 'Lato', Arial, tahoma;*/
   color: #2d2d2d;
}
.container {    
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -80px;
}
a {
text-decoration: none;
}
h1 {
   /*font-family: 'Lato', sans-serif;*/
   color: #1a1a17;
   font-size: 29px;
   text-transform: uppercase;
   line-height: 1.3;
   margin: 10px 0 10px 0;
   }
h2 {
   /*font-family: 'Lato', sans-serif;*/
   color: #1a1a17;
   font-size: 29px;
   text-transform: uppercase;
   line-height: 1.3;
   margin: 10px 0 10px 0;
   }
h22 {
   /*font-family: 'Lato', sans-serif;*/
   color: #018bd2;
   font-size: 18px;
   text-transform: uppercase;
   letter-spacing: 1px;
   line-height: 1.5;
   margin: 5px 0 5px 0;
   }


/**********************************************************************************
                    RAMKA REGULUJĄCA SZEROKOŚĆ MAX ZAWARTOŚCI
***********************************************************************************/	

.frame {
    width: 100%;
    max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
    background: transparent;
}  



/**********************************************************************************
                                  CZYSZCZENIE FLOATÓW
***********************************************************************************/

.clear {clear: both;}

/**********************************************************************************
                                  NAGŁÓWEK Z MENU
***********************************************************************************/

.streach {position: relative; padding: 0 0 100px 0; background: transparent; display: block; clear: both; aspect-ratio: 6.00;}
.elem {position: relative; display: block; }
header {
  position: fixed;
  display: block;
  top: 0;
  width: 100%;
  background-color: #901617;
  height: 140px;
  box-shadow: 0 0 0 rgba(189,189,189,.40);
  padding: 0px;
  z-index: 999;
  text-align: center;
}
header.sticky {
  position: fixed;
  display: block;
  top: 0;
  width: 100%;
  background-color: #901617;

  padding: 0px;
  height: 91px;
  z-index: 999;
  animation: slide-down 1s ease;
  text-align: center;
}

@keyframes slide-down {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

#obrazek-nagl {
	width:100%; 
	float:right; 
	margin: 0; 
	padding: 0; 
    }
header.sticky #obrazek-nagl {display: none;}

#around {display: none;}
#around ul li {float: left; box-sizing: border-box;  list-style-type: none; display: inline-block;}
#around ul {display: inline-block;}
#logo img {width: 60px; padding: 0; display: inline-block; float: left;}
#logo-description1 {display: inline-block; color: #e2c3c3; padding: 30px 0 4px 0; text-transform: uppercase;
                    margin: 0 20px 0 20px; font-family: 'Merriweather'; font-size: 14px; border-bottom: 1px solid #9c3938; float: left;}
#logo-description2 {display: inline-block; color: #e2c3c3; padding: 30px 0 4px 0; text-transform: uppercase;
                    margin: 0 0 0 20px; font-family: 'Merriweather'; font-size: 14px; border-bottom: 1px solid #9c3938; float: left;}
					
#around2 {float: none; display: block; width: 100%; text-align: center; padding: 0;}

#logo img {float: left; width: 40px; padding: 10px 0 10px 20px; display: inline-block;}
#logo-description3 {display: block; color: #e2c3c3; padding: 10px 0 5px 0; text-transform: uppercase;
                    margin: 0; font-family: 'Merriweather'; font-size: 12px; }
#logo-description4 {display: inline-block; color: #e2c3c3; padding: 0 0 5px 0; text-transform: uppercase;
                    margin: 0 0 12px 0; font-family: 'Merriweather'; font-size: 12px; border-bottom: 1px solid #9c3938; }
					
header #logo-mikro img {display: none;}
header.sticky #logo-mikro img {display: none;}

header.sticky #logo img {display: none;}
header.sticky #logo-description1 {padding: 0 0 4px 0; margin: 0 10px 0 0;}
header.sticky #logo-description2 {padding: 0 0 4px 0; margin: 0 0 0 10px;}

header.sticky #top-menu ul {padding: 0; margin: 0;}
/*dotyczy innych stron poza główną*/
#header-other-sides #logo-mikro img {display: none;}
#header-other-sides #logo img {display: none;}
#header-other-sides #logo-description1 {padding: 0 0 4px 0; margin: 0 10px 0 0;}
#header-other-sides #logo-description2 {padding: 0 0 4px 0; margin: 0 0 0 10px;}
#header-other-sides #top-menu ul {padding: 0; margin: 0;}
/**/
#top-menu {width: 100%; text-align: left; background-color: #901617;}
#top-menu ul {height: 33px; margin: 0;  padding: 15px 0 0 0; display: inline-block;}
#top-menu ul li {
	/*font-family: 'Lato Light';*/
	font-size: 16px;
	box-sizing: border-box;
    list-style-type: none; 
    float: left; 
    padding: 0;
	height: 22px;
	margin: 0 0 0 16px;
	border-bottom: 0px solid #c87272;
	transition-property: border-bottom;
	transition-duration: 0.3s;
}
#top-menu #main {display: none;}
#top-menu ul li:hover{
    box-sizing: border-box;
    border-bottom: 0px solid #c87272;
}
#top-menu ul li a {
	color: #fff; 
	}
.kreski {
	cursor: pointer; 
	font-size: 35px; 
	width: 43px; 
	height: 43px; 
	border-radius: 25px;
	color: #fff; 
	background: #901617; 
	border: 1px solid #c87272;
	display: inline-block; 
	text-align: center; 
    position: relative;
	margin: 6px 0 6px 18px; 
	z-index: 500;
    }
.kreski-2 {
    cursor: pointer; 
	font-size: 35px; 
	width: 43px; 
	height: 43px; 
	border-radius: 25px;
	color: #fff; 
	background: #901617;  
	border: 1px solid #c87272;
	display: inline-block; 
	text-align: center; 
    position: fixed;
	margin: -100px 0 0 -100px;
    }
.kreski-2move {
	cursor: pointer; 
	font-size: 35px; 
	width: 43px; 
	height: 43px; 
	border-radius: 25px;
	color: #fff; 
	background: #901617;  
	border: 1px solid #c87272;
	display: inline-block; 
	text-align: center; 
    position: fixed;
	margin: 6px 0 0 18px; 
	z-index: 1000;
    }
header.sticky .kreski {margin: -54px 0 6px 18px; position: fixed;}	
header.sticky .kreski-2 {margin: -54px 0 6px 18px; }	
header.sticky .kreski-2move {margin: -54px 0 6px 18px; }	
/*dotyczy innych stron poza główną*/
#header-other-sides .kreski {margin: -54px 0 6px 18px; position: fixed;}	
#header-other-sides .kreski-2 {margin: -54px 0 6px 18px; }	
#header-other-sides .kreski-2move {margin: -54px 0 6px 18px; }	
/**/
.top-menu-mobile-hidden {position: absolute; visibility: hidden;}
#boczne-mobile {display: none;}

.top-menu-mobile {
	position: absolute; 
	box-sizing: border-box;
	display: block; 
	margin: 10px 20px 0 20px; 
	text-align: left; 
	background: #901617; 
	visibility: visible;
	border: 1px solid #9c3938;
    width: 50%; 
	}  
.top-menu-mobile ul {z-index: 1000; margin: 0; padding: 0; width: 100%; }

.top-menu-mobile ul li {list-style: none;}

.top-menu-mobile ul li a {
	z-index: 1000;  
	box-sizing: border-box;
	display: inline-block; 
    position: relative; 
	padding: 10px 10px 10px 10px; 
	width: 100%; 
	border-bottom: 1px solid #9c3938;
	color: #fff;
    }


.languages {float: right; margin: 2px 20px 20px 0; display: inline-block;}
.languages ul {list-style-type: none; margin: 0;  padding: 0;}
.languages li {float: left;}
.languages li img {margin: 0; width: 20px;}
header.sticky .languages {margin: -15px 40px 0 0;}
/*dotyczy innych stron poza główną*/
#header-other-sides .languages {margin: -15px 47px 0 0;}
/**/
.search-form {margin: 8px 10px 0 0; padding: 0 0 0 0; float:right; display: inline-block;}
header.sticky .search-form {margin: -55px 10px 0 0;}
/*dotyczy innych stron poza główną*/
#header-other-sides .search-form {margin: -55px 10px 0 0;}
/**/
.field {
	box-sizing: border-box; 
	float: left; 
	border: 1px solid #9c3938; 
	padding: 6px; 
	width: 120px; 
    margin: 0;
	background: #a62e2c; 
	}
.submit {
	box-sizing: border-box; 
	padding: 6px; 
	width: 38%; 
	border-radius: 2px; 
	background: #ab3332; 
	border: 1px solid #e08181; 
	color: #2d2d2d; 
	margin: 0; 
	font-size: 12px; 
	text-transform: uppercase; 
	/*font-family: 'Open Sans';*/
	}
#ikonka-search {
	padding: 7px; 
	color: #e3a6a6; 
	background: transparent; 
	display: block;

	float: left;
	border-top: 0px solid #98bed1; 
	border-bottom: 0px solid #98bed1; 
	border-left: 0px solid #98bed1; 
	border-right: 0px solid #98bed1; 
	}


#breadcrumbs {margin: 15px 0 0 0;}

	
/****************************************************************************
                          TREŚĆ Z MENU BOCZNYM
*****************************************************************************/			

/*LEWA STRONA, STRONA GŁÓWNA*/
	
#content3 {
	width: 100%; text-align: center; 
	position: relative;
    box-sizing: border-box;
    background: transparent;
}	
#content3-other-sides {padding: 140px 0 0 0;}	

.content3-1 {margin: -150px 0 0 0;}
.content3-2 {margin: 80px 0 0 0;}
		
.content3-left {position: relative; display: block; box-sizing: border-box; float: left; width: 330px; margin: 0 0 0 20px; }



.content3-menu {
	position: relative;
	z-index: 10; 
	display: block; 
	box-sizing: border-box; 
	margin: 0; 
	background: transparent; 
	border-left: 0px solid #a7c8d9; 
	border-right: 0px solid #a7c8d9; 
	border-bottom: 0px solid #a7c8d9; 
	padding: 0; 
	}
	#menu-boczne-rozsuwane {width: 350px;}
.accordion {
            width: 300px; border: 1px solid #e8e8e8; background: #fff; margin: 0 0 0 30px; padding: 10px 15px 10px 15px;
        }
.accordion ul {margin: 0; padding: 0;}		
        
.accordion li {
            border-bottom: 1px solid #e8e8e8;
            margin: 0 0 5px 0;
            list-style: none;
			background: transparent;
        }
.accordion li a {color: #5d455d;}
        
.accordion-title {
            cursor: pointer;
            padding: 10px;
            background: transparent;
            text-align: left;
            display: flex;
            justify-content: space-between;
        }
        
.accordion-title.active {
	color: #a70407;
        }
        
.sub-accordion {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-in-out;
        }
        
.sub-accordion li {
            border-bottom: 1px solid #e8e8e8;
            margin-bottom: 0;
            list-style: none;
			padding: 7px 0 7px 20px;
        }


/*PRAWA STRONA, STRONA GŁÓWNA*/
	
.content3-right {
	display: block;
    margin: 0 0 0 430px; 
	box-sizing: border-box;
	}	
.content3-right-gallery {
	display: block;
    margin: 0; 
	box-sizing: border-box;
	}	
.content3-right-inside {
	float: right;
	width: 100%;
	font-size: 16px;
	background: transparent;
	margin: 22px 0 70px 0;
	padding: 0 20p 100px 0;
	box-sizing: border-box;
    }	
	
.c3ri-box {
	/*font-family: 'Open Sans';*/
    width: 45%; 
	height: 370px; 
	background: #fff; 
    float: left; 
	margin: 0 2% 40px 0; 
	box-shadow: 0px 8px 12px rgba(214,214,214,.40); 
    border-radius: 6px 6px 6px 6px; 
	text-align: left; 
	color: #2d2d2d;
	}
.c3ri-box-gallery {
	/*font-family: 'Open Sans';*/
    width: 24%; 
	height: auto; 
	background: #fff; 
    float: left; 
	margin: 0 2% 40px 0; 
	box-shadow: 0px 8px 12px rgba(214,214,214,.40); 
    border-radius: 6px 6px 6px 6px; 
	text-align: left; 
	color: #2d2d2d;
	}
.c3ri-box a {}
.c3ri-box-img img {width: auto; max-width: 100%; height: auto; max-height: 100%; border-radius: 6px 6px 0 0;}
.c3ri-box-date { font-size: 13px;  padding: 5px 0 5px 10px; }
.c3ri-box-title {  padding: 8px 0 5px 10px;  width: 100%; font-size: 15px;   }
.c3ri-box-description { padding: 0 0 5px 10px; font-size: 14px; }
.c3ri-box-read-more { padding: 10px 0 12px 10px;  font-size: 13px; }

.c3ri-box:hover {box-shadow: 0px 8px 12px rgba(173,173,173,.40);}

/*******************************************************************************
                                    STOPKA
********************************************************************************/
footer {
    box-sizing: border-box;
	width: 100%; 
	height: 80px; 
    background: #a70407;
	color: #ffffff;
    padding: 0;
	margin: 0; 
	text-align: left;
	}

#footer1 {
    box-sizing: border-box;
    background: #a70407;
	color: #e2c3c3;
	font-family: 'Merriweather';
	text-transform: uppercase;
	font-size: 12px;
	padding: 35px 0 0 20px;
	float: left;

	}
#social {float: right; margin: 0;  padding: 33px 20px 0 0;}
#social a {float: left;}
#social img {float: left; height: 18px; width: auto; margin: 0 12px 0 0;}
		
	

	


}

/*#######################################################################

                 POMIĘDZY 480 a 800px
						   
########################################################################*/						   
@media (min-width: 480px) and (max-width: 850px) {
	
	html, body {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
   background-color: #fcfcfc;
   text-align: center;
   /*font-family: 'Lato', Arial, tahoma;*/
   color: #2d2d2d;
}
.container {    
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -80px;
}
a {
text-decoration: none;
}
h1 {
   /*font-family: 'Lato', sans-serif;*/
   color: #1a1a17;
   font-size: 29px;
   text-transform: uppercase;
   line-height: 1.3;
   margin: 10px 0 10px 0;
   }
h2 {
   /*font-family: 'Lato', sans-serif;*/
   color: #1a1a17;
   font-size: 29px;
   text-transform: uppercase;
   line-height: 1.3;
   margin: 10px 0 10px 0;
   }
h22 {
   /*font-family: 'Lato', sans-serif;*/
   color: #018bd2;
   font-size: 18px;
   text-transform: uppercase;
   letter-spacing: 1px;
   line-height: 1.5;
   margin: 5px 0 5px 0;
   }


/**********************************************************************************
                    RAMKA REGULUJĄCA SZEROKOŚĆ MAX ZAWARTOŚCI
***********************************************************************************/	

.frame {
    width: 100%;
    max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
    background: transparent;
}  



/**********************************************************************************
                                  CZYSZCZENIE FLOATÓW
***********************************************************************************/

.clear {clear: both;}

/**********************************************************************************
                                  NAGŁÓWEK Z MENU
***********************************************************************************/

.streach {position: relative; padding: 0 0 100px 0; background: transparent; display: block; clear: both; aspect-ratio: 6.00;}
.elem {position: relative; display: block; }
header {
  position: fixed;
  display: block;
  top: 0;
  width: 100%;
  background-color: #901617;
  height: 140px;
  box-shadow: 0px 12px 12px rgba(189,189,189,.40);
  padding: 0px;
  z-index: 999;
  text-align: center;
}
header.sticky {
  position: fixed;
  display: block;
  top: 0;
  width: 100%;
  background-color: #901617;

  padding: 0px;
  height: 130px;
  z-index: 999;
  animation: slide-down 1s ease;
  text-align: center;
}

@keyframes slide-down {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
/*dotyczy innych stron poza główną*/
#header-other-sides {  position: fixed;
  display: block;
  top: 0;
  width: 100%;
  background-color: #901617;

  padding: 0px;
  height: 130px;
  z-index: 999;
  animation: slide-down 1s ease;
  text-align: center;}
/**/
header.sticky #obrazek-nagl {display: none;}
/*dotyczy innych stron poza główną*/
#header-other-sides #obrazek-nagl {display: none;}
/**/
#obrazek-nagl {
	width:100%; 
	float:right; 
	margin: 0; 
	padding: 0; 
    }

#around {display: none;}
#around ul li {float: left; box-sizing: border-box;  list-style-type: none; display: inline-block;}
#around ul {display: inline-block;}
#logo img {width: 60px; padding: 0; display: inline-block; float: left;}
#logo-description1 {display: inline-block; color: #e2c3c3; padding: 30px 0 4px 0; text-transform: uppercase;
                    margin: 0 20px 0 20px; font-family: 'Merriweather'; font-size: 14px; border-bottom: 1px solid #9c3938; float: left;}
#logo-description2 {display: inline-block; color: #e2c3c3; padding: 30px 0 4px 0; text-transform: uppercase;
                    margin: 0 0 0 20px; font-family: 'Merriweather'; font-size: 14px; border-bottom: 1px solid #9c3938; float: left;}
					
#around2 {float: none; display: block; width: 100%; text-align: center; padding: 0;}

#logo img {float: left; width: 40px; padding: 10px 0 10px 20px; display: inline-block;}
#logo-description3 {display: block; color: #e2c3c3; padding: 10px 0 5px 0; text-transform: uppercase;
                    margin: 0; font-family: 'Merriweather'; font-size: 12px; }
#logo-description4 {display: inline-block; color: #e2c3c3; padding: 0 0 5px 0; text-transform: uppercase;
                    margin: 0 0 12px 0; font-family: 'Merriweather'; font-size: 12px; border-bottom: 1px solid #9c3938; }
					
header #logo-mikro img {display: none;}
header.sticky #logo-mikro img {display: none;}

header.sticky #logo img {display: none;}
header.sticky #logo-description1 {padding: 0 0 4px 0; margin: 0 10px 0 0;}
header.sticky #logo-description2 {padding: 0 0 4px 0; margin: 0 0 0 10px;}

header.sticky #top-menu ul {padding: 0; margin: 0;}
/*dotyczy innych stron poza główną*/
#header-other-sides #logo-mikro img {display: none;}

#header-other-sides #logo img {display: none;}
#header-other-sides #logo-description1 {padding: 0 0 4px 0; margin: 0 10px 0 0;}
#header-other-sides #logo-description2 {padding: 0 0 4px 0; margin: 0 0 0 10px;}

#header-other-sides #top-menu ul {padding: 0; margin: 0;}
/**/
#top-menu {width: 100%; text-align: left; background-color: #901617;}
#top-menu ul {height: 33px; margin: 0;  padding: 15px 0 0 0; display: inline-block;}
#top-menu ul li {
	/*font-family: 'Lato Light';*/
	font-size: 16px;
	box-sizing: border-box;
    list-style-type: none; 
    float: left; 
    padding: 0;
	height: 22px;
	margin: 0 0 0 16px;
	border-bottom: 0px solid #c87272;
	transition-property: border-bottom;
	transition-duration: 0.3s;
}
#top-menu #main {display: none;}
#top-menu ul li:hover{
    box-sizing: border-box;
    border-bottom: 0px solid #c87272;
}
#top-menu ul li a {
	color: #fff; 
	}


.kreski {
	cursor: pointer; 
	font-size: 35px; 
	width: 43px; 
	height: 43px; 
	border-radius: 25px;
	color: #fff; 
	background: #901617; 
	border: 1px solid #c87272;
	display: inline-block; 
	text-align: center; 
    position: relative;
	margin: 8px 0 10px 18px; 
	z-index: 500;
    }
.kreski-2 {
    cursor: pointer; 
	font-size: 35px; 
	width: 43px; 
	height: 43px; 
	border-radius: 25px;
	color: #fff; 
	background: #901617;  
	border: 1px solid #c87272;
	display: inline-block; 
	text-align: center; 
    position: fixed;
	margin: -100px 0 0 -100px;
    }
.kreski-2move {
	cursor: pointer; 
	font-size: 35px; 
	width: 43px; 
	height: 43px; 
	border-radius: 25px;
	color: #fff; 
	background: #901617;  
	border: 1px solid #c87272;
	display: inline-block; 
	text-align: center; 
    position: fixed;
	margin: 8px 0 0 18px; 
	z-index: 1000;
    }
header.sticky .kreski {margin: 4px 0 6px 18px; position: fixed;}	
header.sticky .kreski-2 {margin: 4px 0 6px 18px; }	
header.sticky .kreski-2move {margin: 4px 0 6px 18px; }	
/*dotyczy innych stron poza główną*/
#header-other-sides .kreski {margin: 4px 0 6px 18px; position: fixed;}	
#header-other-sides .kreski-2 {margin: 4px 0 6px 18px; }	
#header-other-sides .kreski-2move {margin: 4px 0 6px 18px; }	
/**/
#boczne-mobile {display: inline-block;}
.top-menu-mobile-hidden {position: absolute; visibility: hidden;}

.top-menu-mobile {
	position: absolute; 
	box-sizing: border-box;
	display: block; 
	margin: 18px 20px 0 20px; 
	text-align: left; 
	background: #901617; 
	visibility: visible;
	border: 0px solid #9c3938;
	border-radius: 5px;
    width: 60%; 
	}  
.top-menu-mobile ul {z-index: 1000; margin: 0; padding: 0; width: 100%; border-bottom: 6px solid #9c3938; }

.top-menu-mobile ul li {list-style: none;}

.top-menu-mobile ul li a {
	z-index: 1000;  
	box-sizing: border-box;
	display: inline-block; 
    position: relative; 
	padding: 10px 10px 10px 10px; 
	width: 100%; 
	border-bottom: 1px solid #9c3938;
	color: #fff;
    }
.top-menu-mobile ul li ul li {padding: 0 0 0 12px;}

.languages {float: right; margin: 2px 20px 20px 0; display: inline-block;}
.languages ul {list-style-type: none; margin: 0;  padding: 0;}
.languages li {float: left;}
.languages li img {margin: 0; width: 20px;}
header.sticky .languages {margin: 20px 15px 0 0; float: right; display: inline-block;}
/*dotyczy innych stron poza główną*/
#header-other-sides .languages {margin: 20px 15px 0 0; float: right; display: inline-block;}
/**/
.search-form {margin: 8px 10px 0 0; padding: 0 0 0 0; }
header.sticky .search-form {margin: 15px 10px 0 0; float:right; display: inline-block;}
/*dotyczy innych stron poza główną*/
#header-other-sides .search-form {margin: 15px 10px 0 0; float:right; display: inline-block;}
/**/
.field {
	box-sizing: border-box; 
	float: left; 
	border: 1px solid #9c3938; 
	padding: 6px; 
	width: 120px; 
    margin: 0;
	background: #a62e2c; 
	}
.submit {
	box-sizing: border-box; 
	padding: 6px; 
	width: 38%; 
	border-radius: 2px; 
	background: #ab3332; 
	border: 1px solid #e08181; 
	color: #2d2d2d; 
	margin: 0; 
	font-size: 12px; 
	text-transform: uppercase; 
	/*font-family: 'Open Sans';*/
	}
#ikonka-search {
	padding: 7px; 
	color: #e3a6a6; 
	background: transparent; 
	display: block;

	float: left;
	border-top: 0px solid #98bed1; 
	border-bottom: 0px solid #98bed1; 
	border-left: 0px solid #98bed1; 
	border-right: 0px solid #98bed1; 
	}

#breadcrumbs {margin: 60px 0 0 0;}
	
/****************************************************************************
                          TREŚĆ Z MENU BOCZNYM
*****************************************************************************/			

/*LEWA STRONA, STRONA GŁÓWNA*/
	
#content3 {
	width: 100%; text-align: center; 
	position: relative;
    box-sizing: border-box;
    background: transparent;
}	

.content3-1 {margin: -150px 0 0 0;}
.content3-2 {margin: 80px 0 0 0;}
		
.content3-left {position: relative; display: block; box-sizing: border-box; float: left; width: 330px; margin: 9px 0 0 0; }

.archive-title-bibl {display: none; }

.content3-menu {display: none; }
.accordion {
            display: none; width: 300px; border: 1px solid #e8e8e8; background: #fff; margin: 0 0 0 30px; padding: 10px 15px 10px 15px;
        }
.accordion ul {margin: 0; padding: 0;}		
        
.accordion li {
            border-bottom: 1px solid #e8e8e8;
            margin: 0 0 5px 0;
            list-style: none;
			background: transparent;
        }
.accordion li a {color: #5d455d;}
        
.accordion-title {
            cursor: pointer;
            padding: 10px;
            background: transparent;
            text-align: left;
            display: flex;
            justify-content: space-between;
        }
        
.accordion-title.active {
	color: #a70407;
        }
        
.sub-accordion {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-in-out;
        }
        
.sub-accordion li {
            border-bottom: 1px solid #e8e8e8;
            margin-bottom: 0;
            list-style: none;
			padding: 7px 0 7px 20px;
        }


/*PRAWA STRONA, STRONA GŁÓWNA*/
	
.content3-right {
	display: block;
    margin: 0 0 0 40px; 
	box-sizing: border-box;
	}	
.content3-right-gallery {
	display: block;
    margin: 0 0 0 10px; 
	box-sizing: border-box;
	}	
.content3-right-inside {
	float: right;
	width: 100%;
	font-size: 16px;
	background: transparent;
	margin: 9px 0 70px 0;
	padding: 0 0 20px 0;
	box-sizing: border-box;
    }	
	
.c3ri-box {
	/*font-family: 'Open Sans';*/
    width: 45%; 
	height: 383px; 
	background: #fff; 
    float: left; 
	margin: 0 2% 40px 0; 
	box-shadow: 0px 8px 12px rgba(214,214,214,.40); 
    border-radius: 6px 6px 6px 6px; 
	text-align: left; 
	color: #2d2d2d;
	}
.c3ri-box-gallery {
	/*font-family: 'Open Sans';*/
    width: 24%; 
	height: auto; 
	background: #fff; 
    float: left; 
	margin: 0 2% 40px 0; 
	box-shadow: 0px 8px 12px rgba(214,214,214,.40); 
    border-radius: 6px 6px 6px 6px; 
	text-align: left; 
	color: #2d2d2d;
	}
.c3ri-box a {}
.c3ri-box-img img {width: auto; max-width: 100%; height: auto; max-height: 100%; border-radius: 6px 6px 0 0;}
.c3ri-box-date { font-size: 13px; padding: 5px 0 5px 10px; }
.c3ri-box-title { padding: 6px 0 5px 10px;  }
.c3ri-box-description { padding: 0 0 5px 10px; font-size: 14px; }
.c3ri-box-read-more { padding: 355px 0 12px 10px; font-size: 13px; }

.c3ri-box:hover {box-shadow: 0px 8px 12px rgba(173,173,173,.40);}

/*******************************************************************************
                                    STOPKA
********************************************************************************/
footer {
    box-sizing: border-box;
	width: 100%; 
	height: 80px; 
    background: #a70407;
	color: #ffffff;
    padding: 0;
	margin: 100px 0 0 0; 
	text-align: left;
	}

#footer1 {
    box-sizing: border-box;
    background: #a70407;
	color: #e2c3c3;
	font-family: 'Merriweather';
	text-transform: uppercase;
	font-size: 12px;
	padding: 35px 0 0 20px;
	float: left;

	}
#social {float: right; margin: 0;  padding: 33px 20px 0 0;}
#social a {float: left;}
#social img {float: left; height: 18px; width: auto; margin: 0 12px 0 0;}
		
	

	
	

	
}

/*#######################################################################

                           KOMÓRKI
						   
########################################################################*/						   
@media (min-width: 1px) and (max-width: 480px) {
	
html, body {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
   background-color: #fcfcfc;
   text-align: center;
   /*font-family: 'Lato', Arial, tahoma;*/
   color: #2d2d2d;
}
.container {    
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -80px;
}
a {
text-decoration: none;
}
h1 {
   /*font-family: 'Lato', sans-serif;*/
   color: #1a1a17;
   font-size: 29px;
   text-transform: uppercase;
   line-height: 1.3;
   margin: 10px 0 10px 0;
   }
h2 {
   /*font-family: 'Lato', sans-serif;*/
   color: #1a1a17;
   font-size: 29px;
   text-transform: uppercase;
   line-height: 1.3;
   margin: 10px 0 10px 0;
   }
h22 {
   /*font-family: 'Lato', sans-serif;*/
   color: #018bd2;
   font-size: 18px;
   text-transform: uppercase;
   letter-spacing: 1px;
   line-height: 1.5;
   margin: 5px 0 5px 0;
   }


/**********************************************************************************
                    RAMKA REGULUJĄCA SZEROKOŚĆ MAX ZAWARTOŚCI
***********************************************************************************/	

.frame {
    width: 100%;
    max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
    background: transparent;
}  



/**********************************************************************************
                                  CZYSZCZENIE FLOATÓW
***********************************************************************************/

.clear {clear: both;}

/**********************************************************************************
                                  NAGŁÓWEK Z MENU
***********************************************************************************/

.streach {position: relative; padding: 0 0 100px 0; background: transparent; display: block; clear: both; aspect-ratio: 6.00;}
.elem {position: relative; display: block; }
header {
  position: relative;
  display: block;
  top: 0;
  width: 100%;
  background-color: #901617;
  height: 155px;
  box-shadow: 0px 12px 12px rgba(189,189,189,.40);
  padding: 0px;
  z-index: 999;
  text-align: center;
}
header.sticky {
  position: relative;
  display: block;
  top: 0;
  width: 100%;
  background-color: #901617;

  padding: 0px;
  height: 155px;
  z-index: 999;
  animation: slide-down 1s ease;
  text-align: center;
}

@keyframes slide-down {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
/*dotyczy innych stron poza główną*/
#header-other-sides {  position: relative;
  display: block;
  top: 0;
  width: 100%;
  background-color: #901617;

  padding: 0px;
  height: 155px;
  z-index: 999;
  animation: slide-down 1s ease;
  text-align: center;}
/**/
header.sticky #obrazek-nagl {display: none;}
/*dotyczy innych stron poza główną*/
#header-other-sides #obrazek-nagl {display: none;}
/**/
#obrazek-nagl {
	width:100%; 
	float:right; 
	margin: 0; 
	padding: 0; 
    }

#around {display: none;}
#around ul li {float: left; box-sizing: border-box;  list-style-type: none; display: inline-block;}
#around ul {display: inline-block;}
#logo img {display: none;}
#logo-description1 {display: inline-block; color: #e2c3c3; padding: 30px 3px 4px 3px; text-transform: uppercase;
                    margin: 0 20px 0 20px; font-family: 'Merriweather'; font-size: 14px; border-bottom: 1px solid #9c3938; float: left;}
#logo-description2 {display: inline-block; color: #e2c3c3; padding: 30px 3px 4px 3px; text-transform: uppercase;
                    margin: 0 0 0 20px; font-family: 'Merriweather'; font-size: 14px; border-bottom: 1px solid #9c3938; float: left;}
					
#around2 {float: none; display: block; width: 100%; text-align: center; padding: 0;}

#logo img {float: left; width: 40px; padding: 10px 0 10px 20px; display: inline-block;}
#logo-description3 {display: block; color: #e2c3c3; padding: 10px 3px 5px 3px; text-transform: uppercase;
                    margin: 0; font-family: 'Merriweather'; font-size: 12px; }
#logo-description4 {display: inline-block; color: #e2c3c3; padding: 0 3px 5px 3px; text-transform: uppercase;
                    margin: 0 0 12px 0; font-family: 'Merriweather'; font-size: 12px; border-bottom: 1px solid #9c3938; }
					
header #logo-mikro img {display: none;}
header.sticky #logo-mikro img {display: none;}

header.sticky #logo img {display: none;}
header.sticky #logo-description1 {padding: 0 0 4px 0; margin: 0 10px 0 0;}
header.sticky #logo-description2 {padding: 0 0 4px 0; margin: 0 0 0 10px;}

header.sticky #top-menu ul {padding: 0; margin: 0;}
/*dotyczy innych stron poza główną*/
#header-other-sides #logo-mikro img {display: none;}

#header-other-sides #logo img {display: none;}
#header-other-sides #logo-description1 {padding: 0 0 4px 0; margin: 0 10px 0 0;}
#header-other-sides #logo-description2 {padding: 0 0 4px 0; margin: 0 0 0 10px;}

#header-other-sides #top-menu ul {padding: 0; margin: 0;}
/**/
#top-menu {width: 100%; text-align: left; background-color: #901617;}
#top-menu ul {height: 33px; margin: 0;  padding: 15px 0 0 0; display: inline-block;}
#top-menu ul li {
	/*font-family: 'Lato Light';*/
	font-size: 16px;
	box-sizing: border-box;
    list-style-type: none; 
    float: left; 
    padding: 0;
	height: 22px;
	margin: 0 0 0 16px;
	border-bottom: 0px solid #c87272;
	transition-property: border-bottom;
	transition-duration: 0.3s;
}
#top-menu #main {display: none;}
#top-menu ul li:hover{
    box-sizing: border-box;
    border-bottom: 0px solid #c87272;
}
#top-menu ul li a {
	color: #fff; 
	}


.kreski {
	cursor: pointer; 
	font-size: 35px; 
	width: 43px; 
	height: 43px; 
	border-radius: 25px;
	border: 1px solid #c07879;
	color: #fff; 
	background: #901617; 
	display: block; 
	text-align: center; 
    position: absolute;
	margin: 2px 0 0 12px; 
	z-index: 500;
}
.kreski-move {display: none;}

.kreski-2 {
    cursor: pointer; 
	font-size: 35px; 
	width: 43px; 
	height: 43px; 
	border-radius: 25px;
	border: 1px solid #c07879;
	color: #fff; 
	background: #901617;  
	display: block; 
	text-align: center; 
    position: absolute;;
	margin: -150px 0 0 0;
}


	.kreski-2move {
	cursor: pointer; 
	font-size: 35px; 
	width: 43px; 
	height: 43px; 
	border-radius: 25px;
	border: 1px solid #c07879;
	color: #fff; 
	background: #901617;  
	display: block; 
	text-align: center; 
    position: absolute;
	margin: 2px 0 0 12px; 
	z-index: 1000;
    }


header.sticky .kreski {margin: 4px 0 6px 18px; position: absolute;}	
header.sticky .kreski-2 {margin: 4px 0 6px 18px; }	
header.sticky .kreski-2move {margin: 4px 0 6px 18px; }	
/*dotyczy innych stron poza główną*/
#header-other-sides .kreski {margin: 0px 0 6px 18px; position: absolute;}	
#header-other-sides .kreski-2 {margin: 0px 0 6px 18px; }	
#header-other-sides .kreski-2move {margin: 0px 0 6px 18px; }	
/**/
#boczne-mobile {display: inline-block;}
.top-menu-mobile-hidden {position: absolute; visibility: hidden;}

.top-menu-mobile {
	position: absolute; 
	box-sizing: border-box;
	display: block; 
	margin: 18px 20px 0 20px; 
	text-align: left; 
	background: #901617; 
	visibility: visible;
	border: 0px solid #9c3938;
	border-radius: 5px;
    width: 60%; 
	}  
.top-menu-mobile ul {z-index: 1000; margin: 0; padding: 0; width: 100%; border-bottom: 6px solid #9c3938; }

.top-menu-mobile ul li {list-style: none;}

.top-menu-mobile ul li a {
	z-index: 1000;  
	box-sizing: border-box;
	display: inline-block; 
    position: relative; 
	padding: 10px 10px 10px 10px; 
	width: 100%; 
	border-bottom: 1px solid #9c3938;
	color: #fff;
    }
.top-menu-mobile ul li ul li {padding: 0 0 0 12px;}

.languages {float: right; margin: 2px 20px 20px 0; display: inline-block;}
.languages ul {list-style-type: none; margin: 0;  padding: 0;}
.languages li {float: left;}
.languages li img {margin: 0; width: 20px;}
header.sticky .languages {margin: 20px 15px 0 0; float: right; display: inline-block;}
/*dotyczy innych stron poza główną*/
#header-other-sides .languages {margin: 16px 15px 0 0; float: right; display: inline-block;}
/**/
.search-form {margin: 8px 10px 0 0; padding: 0 0 0 0; }
header.sticky .search-form {margin: 15px 10px 0 0; float:right; display: inline-block;}
/*dotyczy innych stron poza główną*/
#header-other-sides .search-form {margin: 11px 10px 0 0; float:right; display: inline-block;}
/**/
.field {
	box-sizing: border-box; 
	float: left; 
	border: 1px solid #9c3938; 
	padding: 6px; 
	width: 120px; 
    margin: 0;
	background: #a62e2c; 
	}
.submit {
	box-sizing: border-box; 
	padding: 6px; 
	width: 38%; 
	border-radius: 2px; 
	background: #ab3332; 
	border: 1px solid #e08181; 
	color: #2d2d2d; 
	margin: 0; 
	font-size: 12px; 
	text-transform: uppercase; 
	/*font-family: 'Open Sans';*/
	}
#ikonka-search {
	padding: 7px; 
	color: #e3a6a6; 
	background: transparent; 
	display: block;

	float: left;
	border-top: 0px solid #98bed1; 
	border-bottom: 0px solid #98bed1; 
	border-left: 0px solid #98bed1; 
	border-right: 0px solid #98bed1; 
	}

#breadcrumbs {margin: 60px 0 0 0;}
	
/****************************************************************************
                          TREŚĆ Z MENU BOCZNYM
*****************************************************************************/			

/*LEWA STRONA, STRONA GŁÓWNA*/
	
#content3 {
	width: 100%; text-align: center; 
	position: relative;
    box-sizing: border-box;
    background: transparent;
}	

.content3-1 {margin: -150px 0 0 0;}
.content3-2 {margin: 80px 0 0 0;}
		
.content3-left {position: relative; display: block; box-sizing: border-box; float: left; width: 330px; margin: 9px 0 0 0; }

.archive-title-bibl {display: none; }

.content3-menu {display: none; }
.accordion {
            display: none; width: 300px; border: 1px solid #e8e8e8; background: #fff; margin: 0 0 0 30px; padding: 10px 15px 10px 15px;
        }
.accordion ul {margin: 0; padding: 0;}		
        
.accordion li {
            border-bottom: 1px solid #e8e8e8;
            margin: 0 0 5px 0;
            list-style: none;
			background: transparent;
        }
.accordion li a {color: #5d455d;}
        
.accordion-title {
            cursor: pointer;
            padding: 10px;
            background: transparent;
            text-align: left;
            display: flex;
            justify-content: space-between;
        }
        
.accordion-title.active {
	color: #a70407;
        }
        
.sub-accordion {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-in-out;
        }
        
.sub-accordion li {
            border-bottom: 1px solid #e8e8e8;
            margin-bottom: 0;
            list-style: none;
			padding: 7px 0 7px 20px;
        }


/*PRAWA STRONA, STRONA GŁÓWNA*/
	
.content3-right {
	display: block;
    margin: 30px 0 0 40px; 
	box-sizing: border-box;
	}	
.content3-right-gallery {
	display: block;
    margin: 0 0 0 10px; 
	box-sizing: border-box;
	}
.content3-right-inside {
	float: right;
	width: 100%;
	font-size: 16px;
	background: transparent;
	margin: 9px 0 70px 0;
	padding: 0 0 20px 0;
	box-sizing: border-box;
    }	
	
.c3ri-box {
	/*font-family: 'Open Sans';*/
    width: 90%; 
	height: 400px; 
	background: #fff; 
    float: left; 
	margin: 0 2% 40px 0; 
	box-shadow: 0px 8px 12px rgba(214,214,214,.40); 
    border-radius: 6px 6px 6px 6px; 
	text-align: left; 
	color: #2d2d2d;
	}
.c3ri-box-gallery {
	/*font-family: 'Open Sans';*/
    width: 90%; 
	height: auto; 
	background: #fff; 
    float: left; 
	margin: 0 2% 40px 0; 
	box-shadow: 0px 8px 12px rgba(214,214,214,.40); 
    border-radius: 6px 6px 6px 6px; 
	text-align: left; 
	color: #2d2d2d;
	}
.c3ri-box a {}
.c3ri-box-img img {border-radius: 6px 6px 0 0;}
.c3ri-box-date { font-size: 13px; padding: 5px 0 5px 10px; }
.c3ri-box-title { padding: 0 0 5px 10px; font-size: 16px;  }
.c3ri-box-description { padding: 0 0 5px 10px; font-size: 14px; }
.c3ri-box-read-more { padding: 365px 0 12px 10px; font-size: 13px; }

.c3ri-box:hover {box-shadow: 0px 8px 12px rgba(173,173,173,.40);}

/*******************************************************************************
                                    STOPKA
********************************************************************************/
footer {
    box-sizing: border-box;
	width: 100%; 
	height: 80px; 
    background: #a70407;
	color: #ffffff;
    padding: 0;
	margin: 100px 0 0 0; 
	text-align: left;
	}

#footer1 {
    box-sizing: border-box;
    background: #a70407;
	color: #e2c3c3;
	font-family: 'Merriweather';
	text-transform: uppercase;
	font-size: 12px;
	padding: 35px 0 0 20px;
	float: left;

	}
#social {float: right; margin: 0;  padding: 33px 20px 0 0;}
#social a {float: left;}
#social img {float: left; height: 18px; width: auto; margin: 0 12px 0 0;}
		
	

	
	

		
}