/** newsbox **/

.component.newsbox {
    width: 1200px;
}

.newsbox-container {
    position:relative;
    background-color:transparent;
    margin: 20px 0 52px 0;
    min-height:  378px !important;
	max-width: none !important;
	background: #f3f3f3;
}


.newsbox-container .slide-shaper { 
	display: block;
} 


.newsbox-container .zaj-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 0px !important;
}


.newsbox-container .pager-button .borders_title{
	height:2px;
	width:100px;	
	background: #ed1c21 !important;
	margin-bottom: 10px;
}



.newsbox-container .zaj-wrapper.active {
    z-index:10;
    animation: 0.35s fadeIn 1 forwards;
    -webkit-animation: 0.35s fadeIn 1 forwards;
}

@keyframes fadeIn {
    100% {opacity:1}
}



.newsbox-container .zaj-wrapper:not(.active) {
    animation: 0.35s fadeOut 1 forwards;
    -webkit-animation: 0.35s fadeOut 1 forwards;
}

@keyframes fadeOut {
    0%{opacity:1}
    100% {opacity:0}
}



.newsbox-container .nb-shaper-image {
    width:100%;
    padding-bottom:43.5%; /* definiuje aspect ratio - dla szeroko�ci 100 px wysoko�� to warto�� padding-bottom - przeliczy� dla ka�dego newsboxa */
    display:block;
}



.newsbox-container .nb-shaper-text {
    width:100%;
    padding-bottom:20%;
    display:block;
}


.newsbox-container .timer {
    display:block;
    width:100%;
    height:5px;
    background:#ccc;
    position:relative;
    float:left;
    margin-bottom:10px;
    margin-top:5px;
}



.newsbox-container .pager {
    width: 297px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    overflow: hidden;
    display: flex;
    flex-flow: column nowrap;
    border-left: 1px solid #dadada;
    padding-left: 28px;
    box-sizing: border-box;
	margin-top: 0px;
    margin-bottom: 23px;
}

.newsbox-container .pager-button {
    height: auto;
    padding: 0 0px 0px 0px;
    margin: 0;
    display: block;
    color: #000;
    background: #fff;
    cursor: pointer;
	position: absolute;   
}



.newsbox-container .kali_box .borders_title{
	display:block !important;
}


.newsbox-container .borders_title+.borders_title {
    display: none !important;
}


.newsbox-container .kali_title,
.newsbox-container .title{
	font-size: 24px;
}



.newsbox-container .pager-button .kali_box .borders_title {
    margin-left: 21px;
}



.newsbox-container > ul.zaj-list .borders_title {
    display: block;
    height: 4px;
    width: 100px;
	background: #ed1c21 !important;
	margin-bottom: 20px !important;
}


.newsbox-container .pager-button .tresc,
.newsbox-container .kali_info{
	display:none !important;
}



.newsbox-container > .zaj-list .box-right .tresc{
	display:block !important;
	margin-top: 17px;
}



.newsbox-container .box-left .tresc{
	display:none !important;
}



.newsbox-container .zajawka > a .title_wrapper .title {
    line-height: 26px;
}



.newsbox-container .pager-button.animated {
    transition: transform .3s;
}



.newsbox-container .pager-con .but1 {
    z-index: 5;
}



.newsbox-container .pager-con .pager > .pager-button{
	background:white;
}







.newsbox-container .zajawka > a {
    padding-bottom: 0px !important;
	z-index: 2;
}



.newsbox-container .zajawka.in-column > a > .box-left,
.newsbox-container .zajawka.in-column > .box-left {
    margin-bottom: 0px;
}



.newsbox-container .zajawka .tresc,
.newsbox-container .zajawka .title{
	color:black;
	position: relative;
}



.newsbox-container .pager-button .box-left

{/* display: none; */}



.newsbox-container .pager-button .box-right{ 
    display: block; 
    position: static !important;
    padding-bottom: 0px !important;
    margin-top: 0 !important;
}



.newsbox-container .pager-button .box-left{
    height: 165px;
    width: 325px !important;
    display: block;
    overflow: hidden;
    text-align: center;
    margin-bottom: 3px;
	display: none;
}



.newsbox-container .pager-button .box-left img{
	transition: transform .3s;
}



.newsbox-container .pager-button:hover .box-left img {
    transform: scale3d(1.1,1.1,1);	
}



.component.newsbox {
    background: transparent;
	margin-bottom: 0px;
}





.newsbox-container .pager span.etykieta_zajawka {
    display: block;
}



.newsbox-container .pager-button .box-right .title{ 
    display: block;
    position: relative;
    color: #00779E;
    padding: 17px 0 16px 0px !important;
    margin: 0px !important;
    background: #f3f3f3 !important;
    text-transform: none;
    font: normal normal 400 19px/107% 'Roboto Condensed',Arial;
    letter-spacing: -0.5px;
    width: 250px;
    text-transform: uppercase;
}



.newsbox-container .pager-button:hover,
.newsbox-container .pager-button,
.newsbox-container .pager-button.active {
    background: transparent !important;
}



.newsbox-container .pager-button:not(.active) .box-right .title:before{
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: -19px;
    bottom: 0;
    background: #fff;
    width: 4px;
	display:none;
}



.newsbox-container .pager-button .box-right{
    position: absolute;
    bottom: 0px;
}



.newsbox-container .pager span.etykieta_zajawka {

    border-top: none;

}





.newsbox-container span.etykieta_zajawka .label,

.newsbox-container .pager span.etykieta_zajawka .label {
    height: 3px;
    margin-top: 0px;
    border-right: none !important;
    box-shadow: none;
    margin: 0px;
    float: left;
    width: 50px;
    margin-right: 10px;
    height: 3px;
    margin-left: 0px;
	position:relative;
}

.newsbox-container .pager span.etykieta_zajawka .label:after {
    content: '';
    display: block;
    background: white;
    width: 5px;
    height: 3px;
    right: -5px;
    top: 0px;
    z-index: 22;
    position: absolute;
}


.newsbox-container .pager-button .box-right .tresc,

.newsbox-container .pager-button .box-right .link,

.newsbox-container .pager-button .box-right .info,

.newsbox-container .pager-button .box-right .box-iobiekt

{ display: none; }



.newsbox-container span.etykieta_zajawka .label+.label {

   

}



span.etykieta_zajawka .label:first-child {
    position: relative !important;
}



.newsbox-container .zaj-list span.etykieta_zajawka .label:first-child {

	margin-left: 0px !important;

}



.newsbox-container .pager-button:hover,

.newsbox-container .pager-button:focus

{

/*    background: rgba(152, 42, 65, 0.35);

    color: #fff;

    transition: all 0.35s ease;*/

}



.newsbox-container .nav-arrow 

{

    display: block;

    position: absolute;

    z-index: 10;

    width: 35px;

    height: 85px;    

    cursor: pointer;   

    font-size: 0;    

}



.newsbox-container span.nav-arrows {

    position: absolute;

    width: 100%;

    top: 40%;

    transform: translateY(-50%);

}



.newsbox-container .nav-arrow.disabled{

	opacity:0.3;

} 



.newsbox-container .zajawka.in-column:not(.non_tresc) > a:focus .box-left .tresc,

.newsbox-container .zajawka.in-column:not(.non_tresc) > a:hover .box-left .tresc {

    position: static;

}



.newsbox-container .nav-arrow.prev

{

    left: -65px;
    background: url(/themes/skin_01/images/left.png) no-repeat center center;

}

.newsbox-container .nav-arrow.prev:hover{
	background: #008000 url(/themes/skin_01/images/lefth.png) no-repeat center center;
}



.newsbox-container .nav-arrow.next

{

    right: -65px;    

	background:url(/themes/skin_01/images/right.png) no-repeat center center;

}



.newsbox-container .nav-arrow.next:hover

{

	background: #008000 url(/themes/skin_01/images/righth.png) no-repeat center center;

}



.newsbox-container > .zaj-list span.etykieta_zajawka {
    margin-bottom: 8px;
    margin-left: 0px;
    position: absolute;
    bottom: -23px;
    height: 1px;
    background: black;
    width: 100%;
}





.newsbox-container .nb-title {

    font-weight: bold;

    margin-bottom:1em;

}

.newsbox-container .nb-excerpt {

    margin-bottom:1em;

}



.nb-read-more {}





.newsbox-container .zajawka .link{
    display: inline-block !important;
    float: left;
    background: #E21219;
    color: white;
    width: auto;
    right: auto;
    bottom: 0px;
    font-family: 'Roboto Condensed',Arial;
    font-weight: 300;
    letter-spacing: 0px;
    word-spacing: 0px;
    padding: 5px 14px 3px 15px;
	margin-top: 40px;
}

.newsbox-container .zajawka .link:hover{
	background: #0099CC;
	color:black;
}



body .newsbox-container .zajawka > a .title_wrapper:hover,

body .newsbox-container .zajawka > a .title_wrapper:hover .title {

    background: red !important;

}




.newsbox-container .zaj-list

{

    overflow: visible;

}



.newsbox-container .pager-button img {

    width: 100%;

    height: 172px;

	max-width: 100%;

}



.newsbox-container .zajawka .info strong.date:before,

.newsbox-container .zajawka .info strong{

	display:none;

}



.newsbox-container .zajawka .info strong.date{

    display: inline-block;

	color: white;

	border-bottom: 1px solid white;

	padding: 0px;

    margin: 0px;	

    font-family: 'Titillium Web', Arial;

    font-weight: normal;

    font-size: 18px;

    letter-spacing: 0px;

    padding-bottom: 3px;

}



.newsbox-container .zaj-list {

    float: left;

}



span.info_newsbox > span {

    float: left;

    margin-right: 10px;

    vertical-align: top;

}





.newsbox-container .zajawka .info {

    padding: 0px;

    margin: 0px;

	font-size: 0px;

}



.newsbox-container .zajawka {

    margin: 0 0 0px 0;

}



.newsbox-container .zajawka > a {

	height:auto !important;

}



span.info_newsbox {

    text-shadow: 1px 2px black;

}



.newsbox-container .zajawka > a .box-right {

	position: relative;

	top: 0px;

    z-index: 1;

    float: left;

    clear: none;

}



.newsbox-container .zajawka.in-column > a:focus {

    display: block;

    box-shadow: none;

    padding: 0px;

    width: 100%;

    position: relative;

    top: auto;

    left: auto;

}



.newsbox-container:hover span.nav-arrows {

    display: block;

}




.newsbox-container .box-left{
	position:relative;
}



.newsbox-container .box-left:after{

	/*

	content:'';

	display:block;

	width:100%;

	height:100%;

	position: absolute;

    bottom: 0px;

	left:0px;

	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.65) 91%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.65) 91%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.65) 91%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



}









.newsbox-container .pager-button .box-left:after {

    content: '';

    display: block;

    width: calc(100% - 0px);

    height: 100%;

    position: absolute;

    bottom: 0px;

    left: 0px;   

    right: auto;

}



.newsbox-container .kali_box,

.newsbox-container .kali_zajawka > a:focus .kali_box,

.newsbox-container .kali_zajawka > a:hover .kali_box {

    padding: 0px;

}



.newsbox-container .pager-button .box-right .kali_title {

    margin: 0 0 26px 21px !important;

    font-family: 'PT Sans Narrow',Arial;

    font-size: 20px;

}

.newsbox-container > ul.zaj-list .zajawka > a .title:hover{
	color:red !important;	
}

.newsbox-container > ul.zaj-list .zajawka > a .title:hover .label{
	background:red !important;
}



.newsbox-container .zajawka.empty > a:focus .box-right .borders_title,

.newsbox-container .zajawka.empty > a:hover .box-right .borders_title {

    background: #ed1c21 !important;

}





.newsbox-container .zajawka > a:hover .box-left {

    box-shadow: none !important;

}



.newsbox-container .kali_title,

.newsbox-container .zajawka .box-right .tresc {

    color: black;

}



.newsbox-container > .zaj-list > li .box-left:after{

	content: '';

    display: block;

    width: calc(100% - 0px);

    height: 100%;

    position: absolute;

    bottom: 0px;

    left: 0px;

    right: auto;

	background: linear-gradient(to bottom, rgba(0,0,0,0) 6%,rgba(0,0,0,0) 53%,rgba(0,0,0,0) 59%,rgb(0, 0, 0) 100%);

	display:none;

}



.newsbox-container > .zaj-list > li .zajawka > a .title_wrapper .title {

    padding: 0px 21px 0px 12px;

}



.newsbox-container > .zaj-list > li .zajawka > a .title_wrapper {

    padding: 19px 0px 12px 0px;

}



.newsbox-container > ul.zaj-list .zajawka > a > .box-right,
.newsbox-container > ul.zaj-list .zajawka > .box-right {
	width: 309px !important;
    box-sizing: border-box;
	padding: 31px 20px 0px 33px;
    height: 378px;
    background: #f3f3f3;
    color: black;
}

.newsbox .zaj-wrapper .zajawka.in-column > a > .box-right, 
.newsbox .zaj-wrapper .zajawka.in-column > a .box-right {
    padding: 26px 25px 30px 32px;
    box-sizing: border-box;
}


.newsbox-container .kali_zajawka span.box-right {

    background-color: transparent;

	color: white;

}



.newsbox-container .aside{

    display: none !important;

}





.newsbox-container .zajawka.non_tresc.in-column > a:hover .box-right .title {

    color: white;

}

span.pager2-con {
    position: absolute;
    bottom: 0px;
    right: 314px;
    z-index: 2;
	display: none;
}


span.pager-button2 {
    display: block;
    width: 20px;
    height: 20px;
    background: #e1e1e1;
    float: left;
    margin: 0px 0px 0px 15px;
	cursor:pointer;
}



body .newsbox-container .zajawka > a:hover .box-right .tresc {

    color: black !important;

}



body .newsbox-container .zajawka > a .box-right .tresc:hover {

    color: red !important;

}



/* end newsbox */





/**   1210px  ******************************************************************/

@media screen and (min-width: 1210px){

	.newsbox-container .zajawka > a,

	.newsbox-container .zajawka > a .box-left {

		height: auto !important;

		min-height: 378px;

		float: left;

	}

}



/**   1210px  ******************************************************************/

@media screen and (max-width: 1210px)

{

	.newsbox-container .zaj-list {

		width: 100%;

		float: none;

	}

	

	body .newsbox-container .zajawka > a:hover .box-right .tresc,

	body .newsbox-container .zajawka > a:hover .box-right .title {

		color: black !important;

	}

	

	.newsbox-container {	

		height: 100%;

		max-height: none !important;

		padding-top: 60px;

	}

	

	.newsbox-container {

		min-height: 0 !important;

	}

	

	.newsbox-container .kali_title, .newsbox-container .zajawka .box-right .tresc,

	.newsbox-container .zajawka .tresc,

	.newsbox-container .zajawka .title {

		color: black;

		text-shadow: none !important;

	}

	

	.newsbox-container .kali_title, .newsbox-container .zajawka .box-right .tresc{

		margin-bottom:30px;	

	}

	

	.newsbox-container > .zaj-list > li .box-left:after,

	.newsbox-container .nav-arrows {

		display: none;

	}

	

	.newsbox-container .pager {

		display: none;		

	}

	

	.component.newsbox .pager2-con {

		display:block;

		position: absolute;

		top: 0px;

		width: 100%;

		left: 0px;

		right: 0px;

	}

	

	.component.newsbox .pager2-con > span{
		display:block;
		width:100%;
		text-align:center;
	}

	

	.component.newsbox span.pager-button2 {
		width: 20px;
		height: 20px;
		display: inline-block;
		margin: 10px;
		float: none;
	}

	

	.component.newsbox span.pager-button2:hover,
	.component.newsbox span.pager-button2.active{
		background:#fe0000;
	}

	

	.component.newsbox .pager-button {

		display: inline-block;

		float: none;

	}

	

	.newsbox-container .zajawka.in-column:not(.non_tresc) > a:focus .box-right,

	.newsbox-container .zajawka.in-column:not(.non_tresc) > a:hover .box-right {

		display: block;

		position: static;

		top: 0px;

		bottom: 0px;

		left: auto;

		right: 0px;

		background: white;

		box-sizing: border-box;

		padding: 0px;

	}

	

	

	.newsbox-container .zajawka > a{

		height:auto !important;	

	}

	

	.newsbox-container .zaj-list > .zaj-wrapper .zajawka .box-right {

		position: static;

		right: 0px !important;

		top: 0px !important;

		left: auto !important;

		width: 100% !important;

		height: auto !important;

		line-height: 21px;

		margin-top: 20px;

	}

	

}







.newsbox-container .pager-button span.etykieta_zajawka{
    left: 0px;
    margin: 0px;
    float: left;
    bottom: 3px;
    height: 1px;
    position: absolute;
    width: 100%;
    background: black;
}







.newsbox-container .etykieta_zajawka{
	position:relative;
}



.newsbox-container > .zaj-list span.etykieta_zajawka > span:last-child:after {
    content: '';
    display: block;
    background: white;
    width: 5px;
    height: 3px;
    right: -5px;
    top: 0px;
    z-index: 22;
    position: absolute;
}

.newsbox-container span.etykieta_zajawka .label{
	width:60px;
	background: #E21219 !important;
}



.newsbox-container > .zaj-list .info_newsbox{

	display:block !important;

	padding-bottom: 12px;

}





.newsbox-container .zajawka > a .box-right .tag {

    border-bottom: 3px solid;

    font-family: 'Titillium Web', Arial;

    font-weight: bold;

    font-size: 18px;

    letter-spacing: 1px;

    padding-bottom: 3px;

	display: block;

    float: left;

}



span.kategoria_newsbox > .tag+.tag {

    margin-left: 6px !important;

}


.newsbox-container .zajawka .box-right .tresc {
    color: black;
    font: normal normal 300 16px/153% 'Roboto Condensed',Arial;
    text-shadow: 0px 0px;
	margin-bottom: 0px;
    padding-bottom: 3px;
}


.newsbox-container .pager-button .box-right .title:hover{
	color:red !important;
}

.newsbox-container .pager-button .box-right .title:hover .label{
	background:red !important;
}

.newsbox-container .pager-button .box-right .title:hover {
    text-decoration: none !important;
}