/*	AnythingSlider v1.7+ Default (base) theme	By Chris Coyier: http://css-tricks.com	with major improvements by Doug Neiner: http://pixelgraphics.us/	based on work by Remy Sharp: http://jqueryfordesigners.com/*//*****************************  SET DEFAULT DIMENSIONS HERE *****************************//* change the ID to match your slider */#slider {	margin: 0 auto;	width:900px;	list-style: none;}@media all and (max-width: 599px) {	#slider img{		width:300px;/*szerokość zdjęć jest teraz faktycznie ustawiana przez funkcję slider (w pliku functions.php) po stwierdzeniu, czy zdjęcie ma proporcje poziome, czy pionowe*/	}}@media all and (min-width: 600px) and (max-width: 899px) {	#slider img{		width:600px;/*szerokość zdjęć jest teraz faktycznie ustawiana przez funkcję slider (w pliku functions.php) po stwierdzeniu, czy zdjęcie ma proporcje poziome, czy pionowe*/	}}@media all and (min-width: 900px) {	#slider img{		width:900px;/*szerokość zdjęć jest teraz faktycznie ustawiana przez funkcję slider (w pliku functions.php) po stwierdzeniu, czy zdjęcie ma proporcje poziome, czy pionowe*/	}}#startSlider {	margin: 0 auto;	width:900px;	list-style:none;}@media all and (max-width: 599px) {	#startSlider img{		width:300px;/*szerokość zdjęć jest teraz faktycznie ustawiana przez funkcję slider (w pliku functions.php) po stwierdzeniu, czy zdjęcie ma proporcj poziome, czy pionowe*/	}}@media all and (min-width: 600px) and (max-width: 899px) {	#startSlider img{		width:600px;/*szerokość zdjęć jest teraz faktycznie ustawiana przez funkcję slider (w pliku functions.php) po stwierdzeniu, czy zdjęcie ma proporcj poziome, czy pionowe*/	}}@media all and (min-width: 900px) {	#startSlider img{		width:900px;/*szerokość zdjęć jest teraz faktycznie ustawiana przez funkcję slider (w pliku functions.php) po stwierdzeniu, czy zdjęcie ma proporcje poziome, czy pionowe*/	}}/* Opera width restriction */.anythingBase { max-width: 32766px; }/*****************  SET COLORS HERE *****************//**** Default state (no keyboard focus) ****//* slider window - top & bottom borders, default state */div.anythingSlider .anythingWindow {	/*border-top: 3px solid #777;	border-bottom: 3px solid #777;*/}/* Navigation buttons, default state */div.anythingSlider .anythingControls ul a {	/*background:#FFF;*/	color:rgb(255,255,255);}/* Navigation buttons, current state */div.anythingSlider .anythingControls ul a.cur{	/*background:#FFF;*/	color:rgb(20,20,20);}/* start-stop button, stopped, default state */div.anythingSlider .start-stop {	/*background-color:#FFF;*/	color:rgb(255,255,255);}/* start-stop button, playing, default state */div.anythingSlider .start-stop.playing {	/*background-color:#FFF;*/}/* start-stop button, default hovered text color (when visible) */div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {	color:rgb(255,255,255);}/**** Active State (slider has keyboard focus) ****//* slider window - top & bottom borders, active state */div.anythingSlider.activeSlider .anythingWindow {	/*border-color:rgb(65,70,75);*/}/* Navigation buttons, active state */div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a {	/*background-color:#FFF;*/}/* start-stop button, stopped, active state */div.anythingSlider .start-stop {	/*background-color:#FFF;*/	color:rgb(255,255,255);}/* start-stop button, playing, active state */div.anythingSlider .start-stop.playing {	color:rgb(20,20,20);	/*background-color:#FFF;*/}/* start-stop button, active slider hovered text color (when visible) */div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {	color:rgb(20,20,20);}/***********************  COMMON SLIDER STYLING ***********************//* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */div.anythingSlider {	display: block;	/*margin: 0 auto;*/	overflow: visible !important; /* needed for Opera and Safari */	position: relative;	padding: 0 0 30px 0;}.categoryGallery div.anythingSlider {	padding: 0 0 30px 0;}/* anythingSlider viewport window */div.anythingSlider .anythingWindow {	overflow: hidden;	position: relative;	width: 100%;	height: 100%;}/* anythingSlider base (original element) */.anythingBase {	background: transparent;	list-style: none;	position: absolute;	top: 0;	left: 0;	margin: 0;	padding: 0;}/* all panels inside the slider */.anythingBase .panel {	background: transparent;	display: block;	overflow: hidden;	float: left;	padding: 0;	margin: 0;}.anythingBase .panel.vertical {	float: none;}/* Navigation Arrows */div.anythingSlider .arrow {	top: 50%;	position: absolute;	display: block;}div.anythingSlider .arrow a {	display: block;	height: 140px;	margin: -80px 0 0 0; /* half height of image */	width: 45px;	text-align: center;	outline: 0;	background: url(images/default.png) no-repeat;}/* hide text, target the span so IE7 doesn't text-indent the link */div.anythingSlider .arrow a span { display: block; text-indent: -9999px; }/* back arrow */div.anythingSlider .back { left: 0; }div.anythingSlider .back a { background-position: left top; }div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: left -140px; }div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); *//* forward arrow */div.anythingSlider .forward { right: 0; }div.anythingSlider .forward a { background-position: right top; }div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: right -140px; }div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); *//* Navigation Links */div.anythingSlider .anythingControls { outline: 0; display: none; }div.anythingSlider .anythingControls ul { margin: 0; padding: 0; float: left; }.categoryGallery div.anythingSlider .anythingControls ul {display:none;}div.anythingSlider .anythingControls ul li { display: inline; }div.anythingSlider .anythingControls ul a {	font-size: 14px;	font-weight:bold;	line-height:30px;	display: inline-block;	text-decoration: none;	padding: 2px 8px;	height: 30px;	margin: 0;	text-align: center;	outline: 0;	/*border-radius: 0 0 5px 5px;	-moz-border-radius: 0 0 5px 5px;	-webkit-border-radius: 0 0 5px 5px;*/}div.anythingSlider .anythingControls ul a:hover {	color:rgb(20,20,20);	/*background-image: none;*/}/* Navigation size window */div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; }/* slider autoplay right-to-left, reverse order of nav links to look better */div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */div.anythingSlider.rtl .anythingControls ul { float: left; }    /* move nav link group to left */div.anythingSlider.rtl .anythingWindow {	direction: ltr;	unicode-bidi: bidi-override;}/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides *//* Autoplay Start/Stop button */div.anythingSlider .start-stop {	font-size: 14px;	font-weight:bold;	line-height:30px;	padding: 2px 5px;	width: 40px;	text-align: center;	text-decoration: none;	float: right;	z-index: 100;	outline: 0;	/*border-radius: 0 0 5px 5px;	-moz-border-radius: 0 0 5px 5px;	-webkit-border-radius: 0 0 5px 5px;*/}/* hide cell shading on hover - makes the button appear to come forward */div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {	/*background-image: none;*/	color:rgb(20,20,20);}/* probably not necessary, but added just in case */div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {	transition-duration: 0;	-o-transition-duration: 0;	-moz-transition-duration: 0;	-webkit-transition-duration: 0;}