@charset "utf-8";
/* CSS Document */


.leadVideo {
	width: 					900px;
	margin:					0 auto 40px auto;
	height:					auto;
	max-width: 100%;
}
.leadVideo .seealso {
	display:				flex;
	max-width:				900px;
	margin:					20px auto;
}
.leadVideo .seealso:before {
	content:				"Posłuchaj również na:";
	/*font-size:			21px;*/
	font-weight:			bold;
	margin-right:			20px;
	line-height:			60px;
	white-space:			nowrap;
}
.leadVideo .seealso:before,
.leadVideo .seealso ul,
.leadVideo .seealso li,
.leadVideo .seealso  a {
	display: 				inline-block;	
}
.leadVideo .seealso ul {
	list-style:				none;
	padding: 				0 !important;
	margin: 				0 !important;	
}
.leadVideo .seealso li a {
	margin-left:			10px;
	width:					144px;
	height:					60px;
	background:				#f1f1f1;
	border-radius:			4px;
	background-repeat:		no-repeat;
	background-position:	center;
	background-size:    	40px auto;
}
.leadVideo .seealso li.spotify a,
.leadVideo .seealso li.itunes a {
	background-size:    	80px auto;		
}
.leadVideo .seealso li.itunes a {
	background-image:		url(/images/StrefaPsyche18/channels/585bbb3acb11b227491c32b0.png);
}
.leadVideo .seealso li.spotify a {
	background-image:		url(/images/StrefaPsyche18/channels/Group_151.png);
}
.leadVideo .seealso li.soundcloud a {
	background-image:		url(/images/StrefaPsyche18/channels/Group_143.png);
}
.leadVideo .seealso li.lecton a {
	background-image:		url(/images/StrefaPsyche18/channels/lecton-logo-name-52.png);
}
.leadVideo .seealso li.empikgo a {
	background-image:		url(/images/StrefaPsyche18/channels/empikgo-logo.png);
}
.leadVideo .seealso li a:hover {
	background-color:		#fff;	
}


.highlight,
span.highlight {
	background-color: #e50581;
	color: #fff;
}
.tags.inline .pretext,
.bt-pretext {
	font-size: 30px ;
	display:inline !important;
	font-weight: 500;
}
ul.tags.inline {
	padding-left: 0;
}

ul.tags.inline li {
	display:inline-block;
}
ul.tags.inline li a {
	padding: .2em .5em;
	margin: auto .25em;
	border: 1px solid;
	background: white;
	border: 1px solid white;
	color: #666 !important;
}
ul.tags.inline li a:hover {
	border-color: 	#e50581;
	background:		#e50581;
	color:			#fff !important;
}
ul.tags.inline li.tag-899,
ul.tags.inline li.tag-898,
ul.tags.inline li.tag-897,
ul.tags.inline li.tag-896,
ul.tags.inline li.tag-895,
ul.tags.inline li.tag-894 {
	display: none;
}

.fb-comments.fb_iframe_widget {
	margin: 1em auto;
	display: block;
	max-width: 90%;
	overflow: hidden;
}

a {
	word-wrap:				break-word;
}

.hidden {
	display: 				none;
}

#content .item-page {
	/* margin-top:				140px; */

}

#content .item-page p {
	line-height:			180%;
	max-width:				900px;
	margin:					0 auto;
	/*margin-bottom:			30px;*/
	margin-top: 30px;

}
#content .item-page a{
	text-decoration:		none;
	color:					#e50581;
}

#content .item-page p,
#content .item-page h2,
#content .item-page h3,
#content .item-page h4,
#content .item-page h5,
#content .item-page ul {
	max-width:				900px;
	margin-left:			auto;
	margin-right:			auto;	
}

#content .item-page li {
	line-height:			180%;
	margin-bottom:			5px;	
}


#content .item-page.art-bg {
	background: #f8f8f8;
  	z-index: -9;
    position: relative;
}

/* header */

#content .page-header.intro-image {
	min-height: 550px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    background-color: #000;
	/*filter: 				grayscale(1);*/
}
#content .page-header {
	text-align:				center;
}
#content .page-header h2{
	font-family:			Lato;
	margin: 				0 auto;
	text-align:				center;
	max-width:				900px;
	font-weight: 			700;
	font-size:				70px;
	letter-spacing:			.2px;
	-webkit-margin-before: 	0;
    -webkit-margin-after: 	0;
	line-height:			130% !important;
	height: 				300px;

	
}
#content .page-header h2 a{

		text-align: center;
		color: #fff;
}

#content .page-header .article-lead {
	margin: 				0 auto;
	max-width:				900px;
	font-size:				24px;
	font-weight:			400;
	border-bottom: 			1px solid #000;	
	padding-bottom:			20px;
}

#content .artblog {
	background: 			#f8f8f8;
	padding:				0px 25px 25px;
}





#content .page-header h3.category {
	font-weight:			700;
     overflow: 				hidden;
     text-align: 			center;
	 border:				none;
	 font-size: 			18px !important;
	 text-shadow: 			0px 3px 5px rgba(0, 0, 0, 0.2);
 }
#content .page-header h3.category > span {
    position: 				relative;
    display: 				inline-block;
}

#content .page-header h3 > span:before{
    right: 					100%;
}
#content .page-header h3 > span:after{
    left: 					100%;
}

/*	 nagłówki	*/
#content .item-page h3 {
	font-size:				24px;
	font-family:			Lato;
	font-weight:			700;
	color:					#121212;
	text-transform:			none;
	padding-bottom:			4px;
}
#content .item-page h3.category {
	text-transform: 		uppercase;
}
#content .item-page h4 {
	font-weight:			bold;
	font-size:				24px;
}
#content .item-page h5 {
	font-weight:			bold;
	font-size:				18px;
}

#content .item-page  h1, 
#content .item-page  h2, 
#content .item-page  h3, 
#content .item-page  h4, 
#content .item-page  h5, 
#content .item-page  h6 {
	line-height:			180%;
}

/* kolumny */
.dwiekolumny, .dwiekolumnystatyczne {
	margin: 				0px auto;
	max-width:				900px;
	-webkit-columns: 		1;
	-moz-columns: 			1;
    columns: 				1;
	-webkit-column-gap: 	150px;
    -moz-column-gap: 		150px;
    column-gap: 			150px;	
	/*
	-webkit-column-rule: 	1px solid #ddd;	
    -moz-column-rule: 		1px solid #ddd;	
    column-rule: 			1px solid #ddd;	
	*/	
}
.dwiekolumny h3 {
	font-family: 			Lato;
	color: 					#121212;
	letter-spacing:			.2px;
	font-weight:			500;
}
.dwiekolumny p {
	text-align:				justify;
}
.dwiekolumny > :first-child {
	margin-top:				0;
}

/* paragraf wyróżniony ala lead szary*/

.wyrozniony {
	background: 			#f2f2f2;
	width:					100%;
	border-top: 			1px solid #e1e1e1 !important;
	border-bottom: 			1px solid #e1e1e1;	
	margin-bottom:			80px;
	margin-top:				40px;
}


.wyrozniony-wrapper {
	max-width:				900px;
	margin:					0px auto;
	text-align:				left;
	display:				table;
}


.wyrozniony-image {
	max-width:				300px;
	padding-right:			40px;	
	font-size:				24px;
}
.wyrozniony-image img {
	width:					100%;
	height:					auto;
	opacity:				1 !important;
}
.wyrozniony-text {
	top:					30%;
	position:				relative;
	display:				table-cell;
	vertical-align:			middle;
}
.wyrozniony-text p {
	font-size:				14px !important;
	border-left:			1px solid #e1e1e1;
	padding-left:			40px;
}

.wyrozniony p:first-of-type {
	margin:					0px auto !important;
}

/* paragraf wyróżniony na obrazku */

.obrazkowy {
	width:					100%;
	border: 				none;
	padding:				25px 0;
	/*background-attachment:  fixed;*/
	background-size:		100% 100%;
	background-repeat:		no-repeat;
}
.obrazkowy p,
.obrazkowy p:first-of-type {
	font-size:				24px;
	margin-top:				25px !important;
	padding-top:			25px !important;	
	max-width:				900px;
	color:					#fff;
	text-align:				center;	
}
.obrazkowy h3 {
	margin:					0;
	font-size:				60px !important;
	font-weight:			100 !important;
	border-bottom:			1px dashed #fff !important;
	text-align: 			center;
	color:					#fff;
}


	/*		logotypy	*/
	
.logotypy {
	margin:					10px auto !important;
	max-width:				900px;	
	text-align:				center;
	display:				table;
}
.logotypy h3,
.logotypy div {
	display:				table-cell;
	text-align:				center;
	vertical-align:			middle;
}
.logotypy h3 {
	font-size:				60px !important;
	font-weight:			200 !important;
	border:					none !important;
}
	/* 		cytaty  	*/



/*cytat w lewej kolumnie */
.cytatwlewejkolumnie {
	margin: 				0px auto;
	max-width:				900px;
  position: relative;
  margin-top:110px;

}
.cytatwlewejkolumnie .cytat,
.cytatwlewejkolumnie .tresc {
	vertical-align: 		top;	
	display: 				table-cell;
}
.cytatwlewejkolumnie .cytat {
	width: 					auto;
	padding-bottom:			40px;
      position: absolute;
    right: 0px;
    top: 50px;
    transform: translate(70px, -90px);
}
.cytatwlewejkolumnie .cytat > p {
      text-align: right;
    display: inline-block;
    border:20px solid #0000000f;
    border-radius: 50%;
    padding: 15px;
}
.cytatwlewejkolumnie .tresc {
	    padding-left: 0;
    float: left;
    width: 100%;
}
.cytatwlewejkolumnie .tresc img{
	width: 				100%;
	height:				auto;
}
.cytatwlewejkolumnie .tresc > :first-child {
	margin-top:				0;
}
.cytatwlewejkolumnie .cytat img {
	max-width:				100%;
	border-radius:			50%;
  height:160px;
}
.cytatwlewejkolumnie .cytat p {
	font-family: 			Caveat;
	font-size: 				30px;
	letter-spacing:			-2px;
	text-transform: 		none;
	line-height:			36px !important;
}
.cytatwlewejkolumnie .cytat p.podpis {
	text-align:				right;
	font-weight:			bold;
}

/*	cytat 100% z małym obrazkiem i tłem mono z niego zrobionym */

.cytat100mono {
	width: 					100%;
	background: 			#ccc;
	padding:				60px 0;
	margin-top: 			250px;
	position:				relative;
	background-position: 	top;
	background-size:		100% ;
	background-repeat:		no-repeat;	
	background-attachment: 	fixed;	
	
   
}
.cytat100mono p {	
	padding-top:			50px !important;	
	max-width:				900px;
	color:					#fff;
	text-align:				center;	
	font-family: 			Caveat;
	font-size: 				30px;
	letter-spacing:			-2px;
	text-transform: 		none;
	line-height:			36px !important;	
	margin:					0 auto;
	text-shadow: 			2px 2px 2px rgba(0, 0, 0, 1);	
}
.cytat100mono p.podpis {
	padding-top:			0px !important;
	font-weight:			bold;
}
.cytat100mono p.foto {
	position:				absolute;
	top:					-200px;
	left:					40%;
	height: 				300px !important;
	width: 					300px !important;
	display:				block;
	margin:					0 auto;
	border-radius:			100%;	
	padding:				0 !important;
	overflow:				hidden;
	
}
.cytat100mono p.foto img{
	height: 				auto;
	width: 					100%;
}

	
/*	cytat 100% z małym obrazkiem i drugim w tle	 */

.cytat100duo {
	width: 					100%;
	background: 			#ccc;
	padding:				60px 0;
	margin-top: 			250px;
	position:				relative;
	background-position: 	top;
	background-size:		100% ;
	background-repeat:		no-repeat;	
	background-attachment: 	fixed;	
	
	
   
}
.cytat100duo p {	
	padding-top:			50px !important;	
	max-width:				900px;
	color:					#fff;
	text-align:				center;	
	font-family: 			Caveat;
	font-size: 				30px;
	letter-spacing:			-2px;
	text-transform: 		none;
	line-height:			36px !important;	
	margin:					0 auto;
	text-shadow: 			2px 2px 2px rgba(0, 0, 0, 1);		
}
.cytat100duo p.podpis {
	padding-top:			0px !important;
	font-weight:			bold;
}
.cytat100duo p.foto {
	position:				absolute;
	top:					-200px;
	left:					40%;
	height: 				300px !important;
	width: 					300px !important;
	display:				block;
	margin:					0 auto;
	border-radius:			100%;	
	padding:				0 !important;
	overflow:				hidden;
	
}
.cytat100duo p.foto img{
	height: 				auto;
	width: 					100%;
}	

	
/*	apla z efektem multiply */
.apla {
	background-blend-mode: 			multiply;
	-webkit-background-blend-mode:	multiply;

}




/*		prelegenci 		*/
.prelegenci {
	width:					100%;
	background: 			#dce1e4;

}
.prelegenci h3 {
	margin:					0;
	font-size:				60px !important;
	font-weight:			100 !important;
	text-align: 			center;
	border:					none !important;
}
.prelegenci .listaprelegentow {
	max-width:				900px;
	margin:					0 auto;
	overflow:				auto;	
	padding-bottom:			60px;
}
.prelegenci .prelegent {
	display: 				table;
	background:				#fff;
	max-width:				45%;	
	width:					45%;		
	height:					250px;
	overflow:				hidden !important;
	border:					1px solid #fff;
	-webkit-box-shadow: 	10px 10px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 		10px 10px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 			10px 10px 5px 0px rgba(0,0,0,0.1);
	margin-bottom:			50px;
	text-align:				center;
}
.prelegent:nth-child(odd) {
	float: 					left;
	margin-right:			100px;
}
.prelegent:nth-child(even) {
	float: 					right;
	margin-right:			15px;
}
.prelegenci .prelegent .foto,
.prelegenci .prelegent .info {
	display:				table-cell;
	vertical-align:			top;
}
.prelegenci .prelegent .foto {
	width: 					250px;
}
.prelegenci .prelegent .foto img {
	height:					100%;
	width:					auto;
}	
.prelegenci .prelegent .info {
	padding:				10px 25px;
}
.prelegenci .prelegent .info * {
	margin:					0;
}
.prelegenci .prelegent .tytul {
	font-size:				14px;
}
.prelegenci .prelegent .nazwisko {
	line-height:			100% !important;	
	font-size:				24px;
	font-weight:			400;
}
.prelegenci .prelegent .nazwisko:after {
	content:				"";
	padding-top:			10px;
	display:				block;
	background:				url(../images/prelegent-cwiwc.jpg) no-repeat center;
	height:					19px;
}
.prelegenci .prelegent .opis {
	color:					#868686;
	font-size:				14px;
}
.prelegenci .prelegent p.nazwisko {
	margin-bottom: 			10px !important;
}
.prelegenci .prelegent p.opis {
	margin-bottom: 			0 !important;
}
/*		program 		*/

.program {
	width:					100%;
	background: 			#dce1e4;

}
.program h3 {
	margin:					0;
	font-size:				60px !important;
	font-weight:			100 !important;
	text-align: 			center;
	border:					none !important;
}
.program  .listapunktowprogramu {
	max-width:				900px;
	margin:					0 auto;
	overflow:				auto;	
	padding-bottom:			60px;
}
.program .punktprogramu {
	display: 				table;
	background:				#fff;
	max-width:				45%;
	width:				45%;	
	height:					250px;
	overflow:				hidden !important;
	border:					1px solid #fff;
	-webkit-box-shadow: 	10px 10px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 		10px 10px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 			10px 10px 5px 0px rgba(0,0,0,0.1);
	margin-bottom:			50px;
	text-align:				center;
}
.punktprogramu:nth-child(odd) {
	float: 					left;
	margin-right:			100px;
}
.punktprogramu:nth-child(even) {
	float: 					right;
	margin-right:			15px;
}
.program .punktprogramu .termin,
.program .punktprogramu .info {
	display:				table-cell;
	vertical-align:			top;
}
.program .punktprogramu .termin {
	width: 					250px;
	color:					#fff;
	background:				#5a6b7b;
}
.program .punktprogramu .info {
	padding:				10px 25px;
}
.program .punktprogramu .termin *,
.program .punktprogramu .info * {
	margin:					0;
}
.program .punktprogramu .termin .data {
	margin-top:				10px;
	font-size:				14px;
	font-weight:			bold;
}
.program .punktprogramu .termin .godziny {
	margin-top:				60px;
	line-height:			200% !important;	
	font-size:				30px;
	font-weight:			300;
}
.program .punktprogramu .nazwa {
	line-height:			100% !important;	
	font-size:				24px;
	font-weight:			400;
}
.program .punktprogramu .nazwa:after {
	content:				"";
	padding-top:			10px;
	display:				block;
	background:				url(../images/prelegent-cwiwc.jpg) no-repeat center;
	height:					19px;
}
.program .punktprogramu .opis {
	color:					#868686;
	font-size:				14px;
}

	
/*	nagłówek programu z zobrazkiem w tle i datą z lewej strony */

.program-naglowek {
	width: 					100%;
	background: 			#ccc;
	padding:				40px 0 0;
	position:				relative;
	background-position: 	top;
	background-size:		100% ;
	background-repeat:		no-repeat;	
	background-attachment: 	fixed;	
	background: none !important;  
}

.program-naglowek .info {	
	display:				block;
	float:					left;
	background:				#fff;
	color:					#000;
	padding:				20px;
	text-align:				center;
}
.program-naglowek .info * {	
	margin:					0;
}
.program-naglowek .info .rodzaj {	
	margin:					0;
	font-size:				14px;
	border-bottom:			1px solid #ccc;
	margin-bottom:			10px;
	padding-bottom:			10px;			
}
.program-naglowek .info .data {	
	margin:					0;
}
.program-naglowek .info .data .dzien {
	display:				block;
	font-weight:			300;
	font-size:				48px;
}
.program-naglowek .info .miejsce {	
	border-top:				1px solid #ccc;
	margin-top:				10px;	
	padding-top:			10px;		
	font-weight:			900;
	font-size:				14px;	
}

.program-naglowek .wypowiedz {
	margin:					10px auto;
	background-color:		rgba(46, 46, 46, 0);
	border-top: 			none;
	border-bottom: 			none;
	max-width:				600px;
	padding:				0px;
}
.program-naglowek .wypowiedz p {	
	max-width:				900px;
	color:					black;
	text-align:				left;	
	font-weight: 			600;
	font-size: 				24px;
  font-style: italic;
	text-transform: 		none;
	line-height:			170% !important;	
	margin:					0 auto;
	text-shadow: 			none !important;		
  font-family: 'Montserrat'!important;
}
.program-naglowek .wypowiedz p:before {
	content:				'“';
	font-family:			'Lily Script One';
	font-size:				120px;
	position:				absolute;
	z-index:				999;
	color:					black;
	margin-top:				-25px;
	font-weight:			400;	
	font-style:				normal;
}
.program-naglowek .wypowiedz  p.podpis {
	padding-top:			0px !important;
	letter-spacing:			-2px;
	font-family:			Caveat;
	font-size:				36px;
}
.program-naglowek .wypowiedz  p.podpis:before {
  content:none;
}

/*  cytat Nowości Wydawnicze z okładką  */

.cytatnowosciwydawnicze {
	background: 			#f2f2f2;
	width:					100%;
	border: 				1px dashed #c2c2c2;
	margin-top:				150px;
	margin-bottom:			100px;
	font-style:				italic;
	box-sizing: 			border-box;
}
.cytatnowosciwydawnicze p,
.cytatnowosciwydawnicze p:first-of-type {
	font-size:				24px;
	margin:					50px auto !important;
	max-width:				900px;
	position:				relative;	
	padding-left:			350px;
}
.cytatnowosciwydawnicze img {
	position:				absolute;
	left: 					0;
	top:					-200px;
}
.cytatnowosciwydawnicze .fa-quote-left {
	margin-right: 			10px;
	color: 					#ccc;
	display:				inline-block;
}
.cytatnowosciwydawnicze .fa-quote-right {
	margin-left: 			10px;
	color: 					#ccc;
	display:				inline-block;
}
/*  bez cytatu ala cytat Nowości Wydawnicze z okładką  */
.alacytatnowosciwydawnicze img {
  float:none;
  max-width:100%;
}
.alacytatnowosciwydawnicze {
	background: 			#f2f2f2;
	width:					100%;
	border: 				1px dashed #c2c2c2;
	margin-top:				20px;
	margin-bottom:			20px;
}
.alacytatnowosciwydawnicze p,
.alacytatnowosciwydawnicze p:first-of-type {
	font-size:				24px;
	margin:					0 auto !important;
	max-width:				900px;
  font-size: 12px;
    color: #666;
    text-align: right;
}
.alacytatnowosciwydawnicze .fa-quote-left {
	display:				none;
}
.alacytatnowosciwydawnicze .fa-quote-right {
	display:				none;
}
/* pływająca data */

.floatinginfo {
	position: 				fixed;
	top:					200px;
	background:				#fff;	
	display:				block;
	color:					#000;
	padding:				20px;
	text-align:				center;
	z-index:				1000;
	-webkit-box-shadow: 	10px 10px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 		10px 10px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 			10px 10px 5px 0px rgba(0,0,0,0.1);
	border:					1px solid #F2F2F2;	
} 
.floatinginfo * {	
	margin:					0;
}
.floatinginfo  .rodzaj {	
	margin:					0;
	font-size:				14px;
	border-bottom:			1px solid #ccc;
	margin-bottom:			10px;
	padding-bottom:			10px;			
}
.floatinginfo  .data {	
	margin:					0;
}
.floatinginfo .data .dzien {
	display:				block;
	font-weight:			300;
	font-size:				48px;
}
.floatinginfo  .miejsce {	
	border-top:				1px solid #ccc;
	margin-top:				10px;	
	padding-top:			10px;		
	font-weight:			900;
	font-size:				14px;	
}
/*  konferencja  nagłowek   */

.konferencja-naglowek {
	width:					100%;
	max-height:				950px;
	background-size: 		100%;
	background-repeat:		no-repeat;
	background-position:	top center;
	text-align:				center;
	color:					#fff;
	display:				table;
	vertical-align:			middle;
	padding:				100px 0;
	text-shadow: 			2px 2px 2px rgba(0, 0, 0, 1);		
}
.konferencja-naglowek p,
.konferencja-naglowek h2 {
	max-width:				900px;
	margin:					0 auto !important;
}
.konferencja-naglowek.dlugitytul p {
	text-transform:			none;
	font-size:				25px;
	line-height:			100% !important;
}
.konferencja-naglowek p.rodzaj {
	text-transform:			uppercase;
	font-size:				24px;
	font-weight:			300;
}
.konferencja-naglowek h2 {
	text-transform:			uppercase;
	font-size:				72px;
	font-weight:			900;
	line-height:			100% !important;	
}



.konferencja-naglowek .readon {
	color:					#fff;
	border-color:			#fff;
	/*background-color: 	rgba(255, 255, 255, 0.3);*/
	background-color: 		rgba(0, 0, 0, 0.3);
}
/*	duży nagłówek h3	*/
h3.duzy {
	margin:					0;
	font-size:				60px !important;
	font-weight:			300 !important;
	text-align: 			center;
	border:					none !important;
	color:					#444;
	letter-spacing:			.3px;
}

/* "duży" paragraf	*/
.intro {
	margin: 0px auto;
	max-width: 900px;
	font-size: 20px!important;
	font-weight: 600;
	padding-bottom: 20px;
	padding-top: 50px;
}
.item-page.art-bg .intro {
	padding-top:			40px;
}
.item-page.art-bg .intro:before {
	content: 				'';
	float: 					none;
	clear: 					both;
	width: 					20%;
	border-top: 			1px solid #666;
	display: 				block;
	margin-top: 			0px;
	margin-bottom:			20px;
	margin-left: 			auto;
	margin-right: 			auto;
}

/*	projekt naukowy -- info */

.konferencja-naglowek .attrs {
	width: 100%;
	display: table;
	margin: 50px auto 40px auto;
}
.konferencja-naglowek .attrs .attr {
	display: table-cell;
	width: 20%;
	text-align: center;
	vertical-align: top;
	text-shadow: 2px 2px 2px #000000;
}
.konferencja-naglowek .attrs .attr .val{
	padding-top: 20px;
	clear: left;
	display: block;
	font-size: 36px;
	font-weight: 500;
	text-shadow: 2px 2px 2px #000000;
}
.konferencja-naglowek .attrs .attr .val img {
  -webkit-filter: drop-shadow(2px 2px 4px #000);
  filter: drop-shadow(2px 2px 4px #000);
	
}

/*		*/
.obrazek_link_apla {
	position:				relative;	
	max-width:				900px;
	margin:					0 auto;	
	
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-o-column-break-inside: avoid;
	-ms-column-break-inside: avoid;
	column-break-inside: avoid;
	-webkit-backface-visibility: hidden;
}
.apla_obrazek_link_apla {
	opacity:				0.7;
	background:				#000;
	height:					100%;
	width:					100%;
	left:					100%;
	top:					0;
	position:				absolute;
	transition:				all 300ms ease 0s;
}

.obrazek_link_apla:hover .apla_obrazek_link_apla {
	left:					0;

}
.apla_obrazek_link_apla div {
	position:				relative;
	display: 				table !important; 
    vertical-align:			middle !important;
	text-align:				center;
	height:					100%;
	width:					100%;		
}
.apla_obrazek_link_apla a {
	display: 				table-cell !important; 
    vertical-align:			middle !important;
	color: 					#fff !important;
	font-weight:			900;
	text-transform:			uppercase;
}


.obrazek_link_apla img {
	/*display:		none !important;*/
}


/* strona podzięowania za wypełnienie formularza kontaktowego - wyłączenie treści */
.thx-page .item-page {
	display: 				none;
}
/* w liczbach */
.DepInt {
}
.DepInt div {
	display: 				inline-block;
	width: 					19% !important;
	font-size: 				13px;
	text-align: 			center;
	color: 					#888;
	margin: 				0;
}
.DepInt div .counter {
	font-family: 			Rosario;
	font-weight: 			900;
	font-size: 				56px;
	text-align: 			right;
	display:				block;
	width: 					50%;
	float: 					left;
}
.DepInt div .legend {
	padding-top:			20px;
	padding-left: 			2%;
	display:				block;	
	width: 					48%;
	float: 					left;
	text-align: 			left;
}
/* w liczbach bez ikon */
.inNumbers {
}
.inNumbers div {
	display: 				inline-block;
	width: 					19% !important;
	font-size: 				20px;
	text-align: 			center;
	color: 					#888;
	margin: 				0;
}
.inNumbers div .counter {
	font-family: 			Rosario;
	font-weight: 			900;
	font-size: 				76px;
	text-align: 			right;
	display:				block;
	width: 					50%;
	float: 					left;
}
.inNumbers div .legend {
	padding-top:			20px;
	padding-left: 			2%;
	display:				block;	
	width: 					48%;
	float: 					left;
	text-align: 			left;
}
/* struktura */
/* backup 11 02 2016  */
/*
.struktura {
	border-top: 			1px solid #cacaca;
	border-bottom: 			1px solid #cacaca;		
	padding: 				40px 0;
	float: 					none;
	clear: 					both;
	overflow:				auto;
}
.struktura .opis {
	max-width: 				64%;
}
.struktura .jednostki {
	float: 					left;
	padding-left: 			10px;
	max-width: 				35%;
}
.struktura .opis {
	float: 					left;
}
.struktura .opis .nazwa {
	font-size: 				48px;
	font-weight: 			900;
}
.struktura  .jednostka .nazwa {
	font-size: 				24px;
	font-weight: 			900;
}
.struktura .kierownik {
	display: 				table;
	background:				#fff;		
	height:					50px;
	overflow:				hidden !important;
	text-align:				left;
	font-size:				24px;
	margin-top: 			20px;
	margin-bottom: 			20px;
}
.struktura .kierownik .foto,
.struktura .kierownik .info {
	display:				table-cell;
	vertical-align:			top;
}
.struktura .kierownik .info { 
	padding-left:			20px;
}
.struktura .jednostki .kierownik .info { 
	padding-left:			10px;
}
.struktura .kierownik .foto img {
	border-radius:			100%;		
}
.struktura .opis .kierownik .foto img {
	width: 					100px !important;
}
.struktura .jednostki .jednostka {
	border-bottom:			1px solid #cacaca;
	margin-bottom:			20px;
}
.struktura .jednostki .jednostka:last-child {
	border-bottom:			none;
	margin-bottom:			20px;
}
.struktura .jednostki .kierownik {

}
.struktura .jednostki .kierownik .foto img {
	width: 					50px;
}
.struktura .kierownik .foto img {
	height:					auto;
	width:					50px;
}	
.struktura .kierownik p {
	font-size:				24px;
}
.struktura .jednostki .kierownik p {
	font-size:				14px;
}
.struktura .kierownik p {
	margin: 				0 !important;
	margin-left: 			10px  !important;
}
.struktura .kierownik .nazwisko {
	font-weight:			900;
}
*/


.struktura {
	padding: 				20px 0;
	float: 					none;
	clear: 					both;
	overflow:				auto;
	border-top: 			1px solid #cacaca !important;
}
.struktura .jednostki .jednostka {
	padding-top:			20px;
	width: 					30%;
	float:					left;
}
.struktura .opis .nazwa {
	font-size: 				36px;
	font-weight: 			900;
}
.struktura  .jednostka .nazwa {
	font-size: 				20px;
	font-weight: 			900;
}
.struktura .kierownik {
	display: 				table;
	background:				#fff;		
	height:					50px;
	overflow:				hidden !important;
	text-align:				left;
	font-size:				20px;
	margin-top: 			20px;
	margin-bottom: 			20px;
}
.struktura .kierownik .foto,
.struktura .kierownik .info {
	display:				table-cell;
	vertical-align:			top;
}
.struktura .kierownik .info { 
	padding-left:			20px;
}
.struktura .jednostki .kierownik .info { 
	padding-left:			10px;
}
.struktura .kierownik .foto img {
	border-radius:			100%;		
}
.struktura .opis .kierownik .foto img {
	width: 					100px !important;
}
.struktura .jednostki .jednostka {
	border-top:				1px solid #cacaca;
	height:					150px;
	margin-left: 			1%;	
}
.struktura .jednostki .kierownik .foto img {
	width: 					50px;
}
.struktura .kierownik .foto img {
	height:					auto;
	width:					50px;
}	
.struktura .kierownik p {
	font-size:				20px;
}
.struktura .jednostki .kierownik p {
	font-size:				14px;
}
.struktura .kierownik p {
	margin: 				0 !important;
	margin-left: 			10px  !important;
}
.struktura .kierownik .nazwisko {
	font-weight:			900;
}


.struktura.plaska .jednostki  {

}

.struktura.plaska.dwieszpalty,
.struktura.plaska.trzyszpalty  {
	overflow:				hidden;	
}

.struktura.plaska.dwieszpalty .jednostki {
	float: 					left;
	padding-left: 			10px;
	max-width: 				100% !important;
	width: 					48%;
}
.struktura.plaska.trzyszpalty .jednostki {
	float: 					left;
	padding-left: 			10px;
	max-width: 				100% !important;
	width: 					30%;
}
.struktura.plaska.trzyszpalty .jednostki:nth-child(2),
.struktura.plaska.trzyszpalty .jednostki:nth-child(3),
.struktura.plaska.dwieszpalty .jednostki:nth-child(2) {
	margin-left: 20px;
}
.struktura.plaska .jednostki .jednostka {
	width:					100% !important;	
}


.struktura.centra {
	border-top: 			1px solid #cacaca;
	padding: 				40px 0;
	float: 					none;
	clear: 					both;
	overflow:				auto;
}
.struktura.centra .opis {
	max-width: 				64%;
}
.struktura.centra .jednostki {
	float: 					right;
	padding-left: 			20px;
	width: 					30%;

}
.struktura.centra .jednostki .jednostka {
	padding-left:			20px;
	float:					none;
	width:					90%;
	border-top:				none;
}
.struktura.centra .opis {
	float: 					left;
}
.struktura.centra .opis .nazwa {
	font-size: 				48px;
	font-weight: 			900;
}
.struktura.centra  .jednostka .nazwa {
	font-size: 				24px;
	font-weight: 			900;
}
.struktura.centra .kierownik {
	display: 				table;
	background:				#fff;		
	height:					50px;
	overflow:				hidden !important;
	text-align:				left;
	font-size:				24px;
	margin-top: 			20px;
	margin-bottom: 			20px;
}
.struktura.centra .kierownik .foto,
.struktura.centra .kierownik .info {
	display:				table-cell;
	vertical-align:			top;
}
.struktura.centra .kierownik .info { 
	padding-left:			20px;
}
.struktura.centra .jednostki .kierownik .info { 
	padding-left:			10px;
}
.struktura.centra .kierownik .foto img {
	border-radius:			100%;		
}
.struktura.centra .opis .kierownik .foto img {
	width: 					100px !important;
}
.struktura.centra .jednostki .jednostka {
	border-bottom:			1px solid #cacaca;
	margin-bottom:			20px;
}
.struktura.centra .jednostki .jednostka:last-child {
	border-bottom:			none;
	margin-bottom:			20px;
}
.struktura.centra .jednostki .kierownik {

}
.struktura.centra .jednostki .kierownik .foto img {
	width: 					50px;
}
.struktura.centra .kierownik .foto img {
	height:					auto;
	width:					50px;
}	
.struktura.centra .kierownik p {
	font-size:				24px;
}
.struktura.centra .jednostki .kierownik p {
	font-size:				14px;
}
.struktura.centra .kierownik p {
	margin: 				0 !important;
	margin-left: 			10px  !important;
}
.struktura.centra .kierownik .nazwisko {
	font-weight:			900;
}

.page-header-container {
	position: relative !important;
	min-height: 700px;
}

.page-header.intro-image {
	position: absolute;
	z-index: -9;
	
}
.page-header-container .page-header {
	position:				absolute !important;
	width:					100%;
	padding-top:			150px;
}
.page-header-container .page-header.intro-image {
	position: absolute !important;
	width: 100%;
}
.page-header-container .page-header h2 {
	color: 					rgb(255, 255, 255);
	text-shadow: 			1px 1px 1px rgb(75, 75, 75);
}

.page-header h3.category {
	font-family: 			Lato;
	font-weight: 			300 !important;
	letter-spacing:			.2px;
	color:					#fff !important;
}

.page-header h3:after {
	content: 				'';
	float:					none;
	clear:					both;
	width: 					3%;
	border-bottom: 			3px solid #fff;
	display:				block;
	margin-bottom:			20px;
	margin-top: 			2px;
	margin-left:			auto;
	margin-right:			auto;		
	box-shadow:				0px 3px 3px rgba(0, 0, 0, 0.2);
}

/*  bez cytatu ala cytat Nowości Wydawnicze z okładką  */

.alacytatnowosciwydawnicze {
	background: 			none;
	width:					100%;
	border: 				none;
	margin: 40px 0
}
.alacytatnowosciwydawnicze .fa-quote-left {
	display:				none;
}
.alacytatnowosciwydawnicze .fa-quote-right {
	display:				none;
}


/* dwie kolumny statyczne */

.dwiekolumnystatyczne {
	overflow: 				auto;
	float: 					none;
	clear: 					both;
}
.dwiekolumnystatyczne div {
	float: 					left;
	margin: 				0;
	padding: 				0;
}
.dwiekolumnystatyczne > div:nth-child(1) {	
	margin-right: 			0;
	width:					100%		
}
.dwiekolumnystatyczne > div:nth-child(2) {
	margin-left: 			0px;
	width:					100%;
	max-width: 				100%;

}
.dwiekolumnystatyczne div p {
	max-width: 				100%;
}

h3.duzy + .dwiekolumnystatyczne {
	margin-top: 			30px !important;
}
.dwiekolumnystatyczne h3 {
	/* margin-bottom: 50px; */
}

.dwiekolumnystatyczne.kontakt {
	width: 					900px;
}
.dwiekolumnystatyczne.kontakt a {
	color: 					#fff;
}
.dwiekolumnystatyczne.kontakt a:hover {
	color: 					#ccc;
}
.dwiekolumnystatyczne.kontakt li {
	list-style: 			none;
	margin-bottom: 			20px !important;
}
.dwiekolumnystatyczne.kontakt {
	text-align: 			left;
}

.dwiekolumnystatyczne {
	max-width:				900px;
	margin-left:			auto;
	margin-right:			auto;	
}

/* Nadpisanie stylu z biogramów artice.css */
.wyrozniony {
	padding:				20px !important;
}

/* Nadpisanie stylu z template_960 */
#content .item-page h3 {
	text-align:				left !important;
}
#content .item-page h3.category {
	text-align:				center !important;
  padding: 0;
}
h3 {
	font-size:				30px !important;
}
.cytatwlewejkolumnie img {
	width:					auto !important;
}
.wyrozniony img {
	margin:					0 20px 0 0!important;
}
.wyrozniony {
	width:					auto !important;
}



/* Nadpisanie stylu z template-override.css */
.bt-social-share {
	max-width:					900px !important;
	text-align:				left !important;
}


/*
@media (min-width: 1280px) {
	.intro,
	.dwiekolumny {
		max-width: 1200px;
	}
}

@media (max-width: 1279px) {
	.dwiekolumny {
		-webkit-columns: 1;
		-moz-columns: 1;
		-moz-column-count: 1;
		-moz-column-width: auto;
		columns: 1;
		-webkit-column-gap: 150px;
		-moz-column-gap: 150px;
		column-gap: 150px;
		max-width: 1200px;
	}
}
*/


/* Artykuł eventowy - data, godzina, zapisy */
	.event-info-wrapper {
		margin:					0px auto;
		display:				grid;
		/*grid-gap:				10px;*/
		grid-template-columns:	repeat(4, [col] 150px ) ;
		grid-template-rows:		repeat(2, [row] auto  );
		/*border:					1px solid green;*/
		color:					#121212;
		grid-template-rows:		auto;
	}
	.event-info-wrapper .box {
		padding:				8px 0px;
		font-size:				18px;	
	}
	
	.event-info-wrapper .details {
		grid-column:			1 / 5;
		grid-row:				2 / 3;
		display:				grid;
		padding-left:			20px;
		padding-bottom:			10px;
	/*	grid-gap:				10px;*/
		background-color:		#ededed;
		border:					1px solid #e1e1e1;
	/*	grid-template-columns:	1fr 1fr;*/
	
	}
	.event-info-wrapper .form {
		grid-column:			6 / 7;
		grid-row:				2 / 3;
		/*background-color:		#e50581;*/
      background-color:black;
	}
	.event-info-wrapper .calendar {
		grid-column:			1;
		grid-row:				3;
	}
	.event-info-wrapper .clock {
		grid-column:			2;
		grid-row:				3;
	}
	.event-info-wrapper .micro {
		grid-column:			3;
		grid-row:				3;
	}
	.event-info-wrapper i {
		padding-right:			10px;
		vertical-align:			bottom;
		font-size:				24px;
		font-family:			FontAwesome;
		opacity:				.7;
	}
	.event-info-wrapper .button {
		grid-column:			1;
		grid-row:				3;
		color:					#ededed;
		text-align:				center;
	}
	.event-info-wrapper .button a {
		color:					#ededed !important;
	}
	.event-info-wrapper .form:hover {
		background-color:		#e81e8c;
		transotion:				ease-in-out .2s;
	}
	.event-info-wrapper .form i {
		vertical-align:			top;
		color:					#ededed;
	}
	.event-info-wrapper .calendar,
	.event-info-wrapper .clock,
	.event-info-wrapper .micro {
		padding:				0;
	}

@media only screen and (min-width: 320px) {
	.event-info-wrapper {
		grid-template-columns:	auto;
		display:				block;
		margin:					0;
	}
}

@media only screen and (min-width: 460px) {
	.event-info-wrapper {
		grid-template-columns:	auto;
		display:				block;
	}
	.event-info-wrapper .button {
		margin:					0px auto;
		max-width:				270px;
		padding-right:			4px;
	}
	.event-info-wrapper .box.details .box {
		font-size:						16px;
	}
}

@media only screen and (min-width: 700px) {
	.event-info-wrapper {
		grid-template-columns:			20% 5% auto;
		grid-template-rows:				auto;
		display:						grid;
		width:							100%;
		margin:							0;
	}
	.event-info-wrapper .details {
		grid-column:			1 / 6;
		grid-row:				2 / 3;
		display:				grid;
		margin-right:			20px;
	/*	grid-gap:				10px;*/
		background-color:		#ededed;
	/*	grid-template-columns:	1fr 1fr;*/
	
	}
}
@media only screen and (min-width: 980px) {
	.event-info-wrapper {
		grid-template-columns:			auto;
		grid-template-rows:				auto;
		max-width:						900px;
	}
}
@media only screen and (max-width: 700px) {
	.event-info-wrapper .details {
		padding-top:					20px;
		padding-bottom:					15px;
		margin-bottom:					1px;
	}
}
@media only screen and (max-width: 479px) {
	.event-info-wrapper .details i {
		display:						block;
		padding-bottom:					10px;
	}
	.event-info-wrapper .box {
		text-align:						center;
	}
	.event-info-wrapper .details {
		padding-left:					0;
	}
	.event-info-wrapper .box.details .box {
		font-size:						14px;
	}
	.event-info-wrapper .box.details {
		border: 						none;
	}
}

/* Koniec - Artykuł eventowy - data, godzina, zapisy */

@media (max-width: 1000px) {
	.intext-ad .row-ad {
		display:		block;
	}
	.intext-ad .col-ad-01 {
		padding-bottom:			20px;
	}
	.intext-ad .col-ad-01 p {
		text-align:				left !important;
	}
	.cytatnowosciwydawnicze {
		margin-top:				100px;
	}
	.cytatnowosciwydawnicze img {
		top:					-140px;
	}
	.wyrozniony {
		border-left: 			1px dashed #c2c2c2;
		border-right: 			1px dashed #c2c2c2;	
	}
	
	.item-page .video-intro .leadVideo .seealso {
		display: 			block;
		text-align: 		center;
		margin-top: 		0px;
	}
	.leadVideo .seealso {
	}
	.leadVideo .seealso ul {	
		justify-content: 	center;
	}
	.cykle-apla  .video-intro .leadVideo {
		background:  		#fff;
		margin-top: 		0px;
	}
	
		.leadVideo .seealso,
	.leadVideo .seealso:before {
		display:	block;
		text-align:center;
	}
	.leadVideo .seealso ul {
		text-align:center !important;	
	}
	.leadVideo .seealso li a {
		margin-bottom: 			calc(var(--main-space)*.33);
	}
}

@media (max-width: 960px) {
	#content .page-header h3.category span{
		font-size: 18px !important;
	}
	.cytatnowosciwydawnicze img {
	position:			relative;
	top: 				0;
	display:			block;
	clear: 				both;
	margin: 			0 auto;
	/*width:				100%;*/
	}
	.cytatnowosciwydawnicze .fa {
		display: 			none;
	}

	div[itemprop=articleBody] {
		max-width:				100%;
		padding:				0 10px;
	}
	.cytatwlewejkolumnie .cytat,
	.cytatwlewejkolumnie .tresc {
		display: 				block;
	}
	.cytatwlewejkolumnie .cytat {
		/*width:					80%;
		margin:					0px auto;*/
	}
	
	.cytatwlewejkolumnie .tresc {
		padding-left:			0px;
	}
	
	
	#content .artblog,
	#content .alacytatnowosciwydawnicze {
		padding:				0px;	
	}
	.alacytatnowosciwydawnicze img {

		display:				block;
		width:					100%;
		
	}
	.moduletable.pseudobc {
		display:				none;
	}
	
	.program-naglowek {
		background-size:		cover;
	}
	.cytatnowosciwydawnicze {
		margin-top:			40px;
	}
	
	.program-naglowek .wypowiedz p::before {	
		display:			block;
		position:			relative;
		margin-left:		-20px;
		margin-bottom:		20px;
	}
}
@media (max-width: 480px) {
	.cytatnowosciwydawnicze img {
		width:				100%;
		padding-bottom:		30px;
	}
	.cytatnowosciwydawnicze {
		margin-bottom:		40px;
	}
	.cytatwlewejkolumnie .cytat {
		width:				auto;
	}
	/* Nadpisanie stylu z template_960.css */
	.cytatnowosciwydawnicze p {
		padding:			0 20px !important;
	}
	.program-naglowek {
		padding:			20px 0;
	}
	.wyrozniony-wrapper {
		display:			block;
	}
	.wyrozniony-image {
		padding-right:		0;
		padding-bottom:		20px;
	}
	.wyrozniony-text p {
		border-left:		none;
		padding-left:		0;
	}
	.wyrozniony {
		padding:			40px 20px !important;
	}
	.program-naglowek .wypowiedz p::before {
		margin-left:		0px;
	}
}


@media (max-width: 460px) {
	.intext-ad {
		padding:				20px;
	}
	.intext-ad .row-ad {
		display:				table;
	}
}
#content .item-page .tagsWrapper ul  {
	width: 100%;
}
	.moduletable.socialchannels {
		
	}
	.moduletable.socialchannels .socialchannel-items {
		display: flex;
		justify-content: space-around;
	}
	.moduletable.socialchannels .socialchannel-items .socialchannel-item img {
		max-width: 150px;
		width: 100%;
		height: auto;
	}
@media (max-width: 600px) {
	.moduletable.socialchannels .socialchannel-items {
		flex-wrap: wrap !important;
	}
	.moduletable.socialchannels .socialchannel-items .socialchannel-item {
		max-width: 30% !important;
		width: 100%;
		height: auto;
		margin: 5px;
	}
}
.channels-wrapper .box.details {
width: 100% !important;

display: flex !important;

justify-content: space-around !important;
}
.channels-wrapper .box {
	width: 100% !important;
    margin: 10px !important;

}
}