﻿/*
  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 {
	flex: 1 1;
	height: 50vw;
	max-height: 260px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	position:relative;
	z-index:0;
}

#slides {
	top:0px;
	z-index:100;
  width: 100%;
  position: relative;
}

/*
	Slides container:
	ustawiamy szerokość okna
*/

.slides_container {
	width:100%;
	overflow:hidden;
	position:relative;
	display:none;
	text-align: center;
}

/*
	slides_container div.slide:
	ustawiamy szerokość i wysokość slajdu
*/

.slides_container div.slide {
	width: 760px;
	height:260px;
	display:block;
	text-align: center;
}

/*
	flash_img:
	wymiar poszczególnego zdjęcia
*/

.flash_img {
	max-width: 760px;
	text-align: center;
}

/*
	Next/prev:
	położenie przycisków < i >
*/
#slides .prev {
	position:absolute;
 	background-image:url(../grafika/rotator_p_n.png);
	background-position: -4px -1px;
	width: 26px;
	height: 26px;
	top: 225px;
	left: 18px;
	display:block;
	z-index:5;
}
#slides .prev:hover {
	position: absolute;
 	background-image:url(../grafika/rotator_p_n.png);
	background-position: -4px -33px;
}
#slides .prev img {
	display: none;
}

#slides .next {
	position:absolute;
 	background-image:url(../grafika/rotator_p_n.png);
	background-position: -50px -1px;
	width: 26px;
	height: 26px;
	top:225px;
	right:18px;
	display:block;
	z-index:5;

}
#slides .next:hover {
	position: absolute;
 	background-image:url(../grafika/rotator_p_n.png);
	background-position: -50px -33px;
}
#slides .next img {
	display: none;
}

/*
	Pagination:
	przyciski nawigacji pod slajdem
*/

.pagination {
	margin: -30px 0px 0px 0px;
	position: relative;
	z-index: 1000;
	clear: left;
   float: left;
   list-style: none;
   padding: 0;
   left: 50%;
   text-align: center;
	z-index:5;
/*
	position: relative;
	z-index: 120;
	margin:-52px 0px 0px 12px;
	padding: 12px 12px 12px 12px;
	background:#000;
	background-color:rgba(0,0,0,0.9);
	opacity:0.7;
*/
}

.pagination li {
	margin: 0 6px;
	float:left;
	z-index: 1000;
	list-style:none;
	font-size: 0px;
	display: block;
   padding: 0;
   position: relative;
   right: 50%;
}

.pagination li a.flash_nr_tlo_a {
	display:block;
	width:20px;
	height:0px;
	padding-top:20px;
	color: #fff;
	background: #000;
	border-radius: 3px;
	float:left;
	overflow:hidden;
}

.pagination li.current a.flash_nr_tlo_a {
	background: #125C05;
}

.flash_nr {
	margin: 2px 0px 0px 7px;
	position: absolute;
	z-index: 1000;
	font-size: 12px;
	color: #FFF !important;
}

.pagination li a.flash_nr_a {
	background: #000;
	color: #FFF !important;
}
.pagination li.current a.flash_nr_a {
	background: #125C05;
}

/*
	Caption:
	podświetlenie pod tekstem
*/

.caption {
	text-align: left;
	z-index:500;
	position:absolute;
	bottom:0px;
	left:0;
	height:70px;
	padding:5px 0px 0 20px;
	background:#000;
	background-color:rgba(0,0,0,0.9);
	opacity:0.7;
	width:760px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
	cursor: pointer;
}

/*
	flash_tytul:
	Styl tytułu slajdu
*/

.flash_tytul {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:12px;
	font-family: Verdana;
	vertical-align:baseline;
	width: 500px;
}

/*
	flash_wiecej:
	Styl tekstu czytaj wiecej
*/

.flash_wiecej_p {
	display: none;
}

.flash_wiecej {
	display: none;
}

a.flash_wiecej:link,a.flash_wiecej:visited {
	display: none;
}

a.flash_wiecej:hover,a.flash_wiecej:active {
	display: none;
}
