﻿/*
  flash_main: Główny div aktualności flash
  ustawiamy wymiary okna o 10px wiekszy niz w .slides_container, .slides_container div.slide, .flash_img, .caption
*/
#flash_main {
	padding:0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	text-align: center;
	position:relative;
	z-index:0 !important;
}
#flash_main:hover {
	background-position: 0px 0px;
}
#slides {
	top:0px;
	z-index:100;
	float: left;
   width: 100%;
   position: relative;
}
.ft-title {
	background: none !important;
	opacity: 1 !important;
	position: relative !important;
	margin: 0px auto;
	height: 0px;
	display:none;
}
.ft-title span	{
	position: absolute;
	z-index: 2;
	background: rgba(0,0,0,0.8);
	right: 0px;
	font-family: 'Open Sans';
	color: #FFFFFF;
	font-weight: 500;
	padding: 20px;
}
#ft-prev-slideshowHolder1,
#ft-next-slideshowHolder1 {
    font-family: FontAwesome;
    font-size: 0;
	font-weight:700;
    background: rgba(0,0,0,0.8)!important;
    color: #fff;
	padding:10px 15px 0px;
    position: absolute;
    text-align: center;
    text-decoration: none;
	opacity:0.9!important;
    top: calc(100vw / 5 - 100vw / 11)!important;	
	height:40px;
}

#ft-prev-slideshowHolder1 {
	left: 0!important;	
}

#ft-next-slideshowHolder1  {
	right: 0!important;
	padding:10px 15px 0px;
}

#ft-prev-slideshowHolder1:after {
   content: "\f104";
	font-size:35px;
}
#ft-next-slideshowHolder1:after {
   content: "\f105";	
	font-size:35px;
}
/*
	frame:
	grafika otaczająca aktualności
*/

#flash_frame {
	display: none;
	position:absolute;
	z-index:0;
	text-align: center;
}


/*
	Slides container:
	ustawiamy szerokość okna
*/

.slides_container {
	overflow:hidden;
	position:relative;
	display:none;
	text-align: left;
}

/*
	slides_container div.slide:
	ustawiamy szerokość i wysokość slajdu
*/

.slides_container div.slide {
	display: block;
	border: none;
}

/*
	flash_img:
	wymiar poszczególnego zdjęcia
*/

.flash_img {
	text-align: center;
}

/*
	Next/prev:
	położenie przycisków < i >
*/

#slides .next img,
#slides .prev img {
	display:none;
}

#slides .next,
#slides .prev {
    font-family: FontAwesome;
    font-size: 0;
	font-weight:700;
    background: #FBFBFB!important;
    color: #000;
	padding:10px 19px 10px 19px;
    text-align: center;
    text-decoration: none;
	position:absolute;
	bottom:0px;
	z-index:1000;
}

#slides .prev {
	right:90px;
}
#slides .next {
	right:40px;
}

#slides .prev:after {
   content: "\f104";
	font-size:27px;
}
#slides .next:after {
   content: "\f105";	
	font-size:27px;
}


/*
	Pagination:
	przyciski nawigacji pod slajdem
*/
.pagination_tlo {

}
.pagination {
	padding: 0px;
	position: relative;
	z-index: 11;
    list-style: none;
	height: 30px;
	width:45%;
	text-align:left;
}

.pagination li {
	font-family: 'Open Sans';
	font-size: 10px;
	margin: 0px 2px;
	z-index: 1000;
	list-style: none;
	display: inline-block;
}

.pagination li a.flash_nr_tlo_a {
	display: block;
	width: 6px;
	height:6px;
	padding: 0px;
	border: 1px solid #818181;
	float:left;
	overflow: hidden;
	color: #818181;
	font-size:0px;
	background: #818181;
	border-radius:50px;
}
.pagination li.current a.flash_nr_tlo_a {
	border: 1px solid #FFF;
	color: #FFF;
	background: #FFF;
}

.flash_nr, .flash_nr_a  {
	display: none
}

/*
	Caption:
	podświetlenie pod tekstem
*/

.caption {
	text-align: left;
	z-index: 500;
	position: absolute;
	text-shadow: none;
	cursor: pointer;
	border: none;
	top: 0px;
	color: #FFFFFF;
}

/*
	flash_tytul:
	Styl tytułu slajdu
*/

.flash_tytul {
	padding: 0px;
	margin: 10px 0px 6px;
	font-family: 'Open Sans', sans-serif;
	font-size: 48px;
	font-weight: 500;
	text-shadow: 1px 1px #000;
}
.flash_skrot {
	font-size: 18px;
	font-family: 'Open Sans';
	margin: 0px;
}

/*
	flash_wiecej:
	Styl tekstu czytaj wiecej
*/

.flash_wiecej_p {
display: none;
}

.flash_wiecej {
display:none;
}