/* start */

/* http://www.responsivegridsystem.com */

/* html5reset.css - 01/11/2011 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-weight:normal;
}





body {
    line-height: 1;
}

strong {font-weight:bold;}



article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display: block;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000; 
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration:  line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;   
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 800 PIXELS */

@media only screen and (max-width: 800px) {
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
}

/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}


/*  GO FULL WIDTH AT LESS THAN 800 PIXELS */

@media only screen and (max-width: 800px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}



/*  GRID OF FOUR   ============================================================================= */

	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}


/*  GO FULL WIDTH AT LESS THAN 730 PIXELS */

@media only screen and (max-width: 730px) {
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}
}

/*  GRID OF FIVE   ============================================================================= */

	
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%; 
}

.span_3_of_5 {
  	width: 59.36%; 
}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	width: 18.72%;
}


/*  GO FULL WIDTH AT LESS THAN 730 PIXELS */

@media only screen and (max-width: 730px) {
	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%; 
	}
}

/*  GRID OF SIX   ============================================================================= */


.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}


/*  GO FULL WIDTH AT LESS THAN 730 PIXELS */

@media only screen and (max-width: 730px) {
	.span_6_of_6 {
		width: 100%; 
	}
	.span_5_of_6 {
		width: 100%; 
	}
	.span_4_of_6 {
		width: 100%; 
	}
	.span_3_of_6 {
		width: 100%; 
	}
	.span_2_of_6 {
		width: 100%; 
	}
	.span_1_of_6 {
		width: 100%; 
	}
}


/*  GRID OF SEVEN   ============================================================================= */


.span_7_of_7 {
	width: 100%;
}

.span_6_of_7 {
	width: 85.48%;
}

.span_5_of_7 {
  	width: 70.97%;
}

.span_4_of_7 {
  	width: 56.45%;
}

.span_3_of_7 {
  	width: 41.94%;
}

.span_2_of_7 {
  	width: 27.42%;
}

.span_1_of_7 {
  	width: 12.91%;
}


/*  GO FULL WIDTH AT LESS THAN 730 PIXELS */

@media only screen and (max-width: 730px) {
	.span_7_of_7 {
		width: 100%; 
	}
	.span_6_of_7 {
		width: 100%; 
	}
	.span_5_of_7 {
		width: 100%; 
	}
	.span_4_of_7 {
		width: 100%; 
	}
	.span_3_of_7 {
		width: 100%; 
	}
	.span_2_of_7 {
		width: 100%; 
	}
	.span_1_of_7 {
		width: 100%; 
	}
}

/*  GRID OF EIGHT   ============================================================================= */

	
.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
	width: 87.3%; 
}

.span_6_of_8 {
	width: 74.6%; 
}

.span_5_of_8 {
	width: 61.9%; 
}

.span_4_of_8 {
	width: 49.2%; 
}

.span_3_of_8 {
	width: 36.5%;
}

.span_2_of_8 {
	width: 23.8%; 
}

.span_1_of_8 {
	width: 11.1%; 
}


/*  GO FULL WIDTH AT LESS THAN 730 PIXELS */

@media only screen and (max-width: 730px) {
	.span_8_of_8 {
		width: 100%; 
	}
	.span_7_of_8 {
		width: 100%; 
	}
	.span_6_of_8 {
		width: 100%; 
	}
	.span_5_of_8 {
		width: 100%; 
	}
	.span_4_of_8 {
		width: 100%; 
	}
	.span_3_of_8 {
		width: 100%; 
	}
	.span_2_of_8 {
		width: 100%; 
	}
	.span_1_of_8 {
		width: 100%; 
	}
}

/*  GRID OF NINE   ============================================================================= */


.span_9_of_9 {
	width: 100%;
}

.span_8_of_9 {
	width: 88.71%;
}

.span_7_of_9 {
	width: 77.42%; 
}

.span_6_of_9 {
	width: 66.13%; 
}

.span_5_of_9 {
	width: 54.84%; 
}

.span_4_of_9 {
	width: 43.55%; 
}

.span_3_of_9 {
	width: 32.26%;
}

.span_2_of_9 {
	width: 20.97%; 
}

.span_1_of_9 {
	width: 9.68%; 
}


/*  GO FULL WIDTH AT LESS THAN 730 PIXELS */

@media only screen and (max-width: 730px) {
	.span_9_of_9 {
		width: 100%; 
	}
	.span_8_of_9 {
		width: 100%; 
	}
	.span_7_of_9 {
		width: 100%; 
	}
	.span_6_of_9 {
		width: 100%; 
	}
	.span_5_of_9 {
		width: 100%; 
	}
	.span_4_of_9 {
		width: 100%; 
	}
	.span_3_of_9 {
		width: 100%; 
	}
	.span_2_of_9 {
		width: 100%; 
	}
	.span_1_of_9 {
		width: 100%; 
	}
}


/*  GRID OF TEN   ============================================================================= */


.span_10_of_10 {
	width: 100%;
}

.span_9_of_10 {
	width: 89.84%;
}

.span_8_of_10 {
	width: 79.68%;
}

.span_7_of_10 {
	width: 69.52%; 
}

.span_6_of_10 {
	width: 59.36%; 
}

.span_5_of_10 {
	width: 49.2%; 
}

.span_4_of_10 {
	width: 39.04%; 
}

.span_3_of_10 {
	width: 28.88%;
}

.span_2_of_10 {
	width: 18.72%; 
}

.span_1_of_10 {
	width: 8.56%; 
}


/*  GO FULL WIDTH AT LESS THAN 730 PIXELS */

@media only screen and (max-width: 730px) {
	.span_10_of_10 {
		width: 100%; 
	}
	.span_9_of_10 {
		width: 100%; 
	}
	.span_8_of_10 {
		width: 100%; 
	}
	.span_7_of_10 {
		width: 100%; 
	}
	.span_6_of_10 {
		width: 100%; 
	}
	.span_5_of_10 {
		width: 100%; 
	}
	.span_4_of_10 {
		width: 100%; 
	}
	.span_3_of_10 {
		width: 100%; 
	}
	.span_2_of_10 {
		width: 100%; 
	}
	.span_1_of_10 {
		width: 100%; 
	}
}




/*  GRID OF ELEVEN   ============================================================================= */

.span_11_of_11 {
	width: 100%;
}

.span_10_of_11 {
	width: 90.76%;
}

.span_9_of_11 {
	width: 81.52%;
}

.span_8_of_11 {
	width: 72.29%;
}

.span_7_of_11 {
	width: 63.05%; 
}

.span_6_of_11 {
	width: 53.81%; 
}

.span_5_of_11 {
	width: 44.58%; 
}

.span_4_of_11 {
	width: 35.34%; 
}

.span_3_of_11 {
	width: 26.1%;
}

.span_2_of_11 {
	width: 16.87%; 
}

.span_1_of_11 {
	width: 7.63%; 
}


/*  GO FULL WIDTH AT LESS THAN 730 PIXELS */

@media only screen and (max-width: 730px) {
	.span_11_of_11 {
		width: 100%; 
	}
	.span_10_of_11 {
		width: 100%; 
	}
	.span_9_of_11 {
		width: 100%; 
	}
	.span_8_of_11 {
		width: 100%; 
	}
	.span_7_of_11 {
		width: 100%; 
	}
	.span_6_of_11 {
		width: 100%; 
	}
	.span_5_of_11 {
		width: 100%; 
	}
	.span_4_of_11 {
		width: 100%; 
	}
	.span_3_of_11 {
		width: 100%; 
	}
	.span_2_of_11 {
		width: 100%; 
	}
	.span_1_of_11 {
		width: 100%; 
	}
}


/*  GRID OF TWELVE   ============================================================================= */

.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
	width: 91.53%;
}

.span_10_of_12 {
	width: 83.06%;
}

.span_9_of_12 {
	width: 74.6%;
}

.span_8_of_12 {
	width: 66.13%;
}

.span_7_of_12 {
	width: 57.66%; 
}

.span_6_of_12 {
	width: 49.2%; 
}

.span_5_of_12 {
	width: 40.73%; 
}

.span_4_of_12 {
	width: 32.26%; 
}

.span_3_of_12 {
	width: 23.8%;
}

.span_2_of_12 {
	width: 15.33%; 
}

.span_1_of_12 {
	width: 6.86%; 
}


/*  GO FULL WIDTH AT LESS THAN 730 PIXELS */

@media only screen and (max-width: 730px) {
	.span_12_of_12 {
		width: 100%; 
	}
	.span_11_of_12 {
		width: 100%; 
	}
	.span_10_of_12 {
		width: 100%; 
	}
	.span_9_of_12 {
		width: 100%; 
	}
	.span_8_of_12 {
		width: 100%; 
	}
	.span_7_of_12 {
		width: 100%; 
	}
	.span_6_of_12 {
		width: 100%; 
	}
	.span_5_of_12 {
		width: 100%; 
	}
	.span_4_of_12 {
		width: 100%; 
	}
	.span_3_of_12 {
		width: 100%; 
	}
	.span_2_of_12 {
		width: 100%; 
	}
	.span_1_of_12 {
		width: 100%; 
	}
}


/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 730 PIXELS */

@media only screen and (max-width: 730px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}
/* Generated by Glyphter (http://www.glyphter.com) on  Fri Mar 04 2016*/
@font-face {
    font-family: 'standard';
    src: url('../fonts/standard.eot');
    src: url('../fonts/standard.eot?#iefix') format('embedded-opentype'),
         url('../fonts/standard.woff') format('woff'),
         url('../fonts/standard.ttf') format('truetype'),
         url('../fonts/standard.svg#standard') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
	display: inline-block;
   font-family: 'standard';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-znakzapytania:before{content:'\0041';}
.icon-dom:before{content:'\0042';}
.icon-info:before{content:'\0043';}
.icon-kartakred:before{content:'\0044';}
.icon-kolko:before{content:'\0045';}
.icon-koperta1:before{content:'\0046';}
.icon-koperta2-malpa:before{content:'\0047';}
.icon-kropka:before{content:'\0048';}
.icon-login:before{content:'\0049';}
.icon-apartment:before{content:'\004a';}
.icon-malpa:before{content:'\004b';}
.icon-menuresp:before{content:'\004c';}
.icon-pin:before{content:'\004d';}
.icon-pobierz:before{content:'\004e';}
.icon-pobierz-doc:before{content:'\004f';}
.icon-pobierz-obrazek:before{content:'\0050';}
.icon-pobierz-pdf:before{content:'\0051';}
.icon-pobierz-plik:before{content:'\0052';}
.icon-pobierz-xls:before{content:'\0053';}
.icon-buildings:before{content:'\0054';}
.icon-clock:before{content:'\0055';}
.icon-strzalka-cienka-prawa:before{content:'\0056';}
.icon-strzalka-transport:before{content:'\0057';}
.icon-strz-dol:before{content:'\0058';}
.icon-strz-podw-dol:before{content:'\0059';}
.icon-strz-podw-gora:before{content:'\005a';}
.icon-strz-podw-lewa:before{content:'\0061';}
.icon-strz-podw-prawa:before{content:'\0062';}
.icon-strz-prawa:before{content:'\0063';}
.icon-tel:before{content:'\0064';}
.icon-telkom:before{content:'\0065';}
.icon-tick:before{content:'\0066';}
.icon-wcag-czcionka:before{content:'\0067';}
.icon-wcag-kontrast:before{content:'\0068';}
.icon-www:before{content:'\0069';}
.icon-wykrzyknik:before{content:'\006a';}
.icon-zegar:before{content:'\006b';}
.icon-lupa:before{content:'\006c';}
.icon-pauza1:before{content:'\006d';}
.icon-pauza2:before{content:'\006e';}
.icon-laduje:before{content:'\006f';}
.icon-wozek:before{content:'\0070';}
.icon-info2:before{content:'\0071';}
.icon-globe:before{content:'\0072';}
.icon-fax:before{content:'\0073';}
.icon-galeria:before{content:'\0074';}
.icon-drukarka:before{content:'\0075';}
.icon-niepelnosprawny:before{content:'\0076';}
.icon-responsywny:before{content:'\0077';}
.icon-plus:before{content:'\0078';}
.icon-plus-kolko:before{content:'\0079';}
.icon-plus-lupa:before{content:'\007a';}
.icon-paper:before{content:'\0030';}
.icon-map:before{content:'\0033';}
.icon-people:before{content:'\0034';}/* animowane */
.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 


@-webkit-keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-30px);} 
    60% {-webkit-transform: translateY(-15px);} 
} 

@keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-30px);} 
    60% {transform: translateY(-15px);} 
} 

.bounce { 
    -webkit-animation-name: bounce; 
    animation-name: bounce; 
}




@-webkit-keyframes bounceIn { 
    0% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.05); 
    } 

    70% { 
        -webkit-transform: scale(.9); 
    } 

    100% { 
         -webkit-transform: scale(1); 
    } 
} 

@keyframes bounceIn { 
    0% { 
        opacity: 0; 
        transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        transform: scale(1.05); 
    } 

    70% { 
        transform: scale(.9); 
    } 

    100% { 
        transform: scale(1); 
    } 
} 

.bounceIn { 
    -webkit-animation-name: bounceIn; 
    animation-name: bounceIn; 
}/* klasy pomocnicze */
/* podpowiedź: 
jeśli nie pamiętasz wszystkich rodzajów właściwości css np text-align, to napisz błędną właściwość a z boku wyświetli sie pomoc z wszystkimi właściwościami,
np.
.klasa {text-align:glupota;}
*/
.dn {display:none;}


.inf { animation-iteration-count:infinite;  -webkit-animation-iteration-count:infinite; }

.op01 {opacity:0.1;}
.op02 {opacity:0.2;}
.op03 {opacity:0.3;}
.op04 {opacity:0.4;}
.op05 {opacity:0.5;}
.op06 {opacity:0.6;}
.op07 {opacity:0.7;}
.op08 {opacity:0.8;}
.op09 {opacity:0.9;}
.op10 {opacity:1;}
.op01 {opacity:1;}

.cb {clear:both;}

/* wymagane gdy używamy skryptu responsywnego */
img {max-width:100%}
/* podpowiedź: 
jeśli nie pamiętasz wszystkich rodzajów właściwości css np text-align, to napisz błędną właściwość a z boku wyświetli sie pomoc z wszystkimi właściwościami,
np.
.klasa {text-align:glupota;}
*/


.clearfix:before,.clearfix:after,.container:before,.container:after {clear:both}

.sp {clear: both; display:block;  width:100%;  height:1px;}
.sp1{clear: both; display:block;  width:100%;  height:1px;}
.sp5{clear: both; display:block;  width:100%;  height:5px;}
.sp10{clear: both; display:block;  width:100%;  height:10px;}
.sp15{clear: both; display:block;  width:100%;  height:15px;}
.sp20{clear: both; display:block;  width:100%;  height:20px;}


/* wymagane gdy używamy skryptu responsywnego */
img {max-width:100%}

/*kolory czcionki lub ikonek*/
.bialy {color:#ffffff;}
.czarny {color:#000000;}

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%; }

th, td, caption {padding : .25em 10px .25em 5px; }

.srodkuj-wr {text-align:center}
.srodkuj-it {margin: 0 auto; display:inline-block; }
.justifyright {text-align:right}




.center {text-align:center}
.centrowanie-pion  {vertical-align:middle}
/* KLASY - SKRÓTY   - stopniowo uzupełniać */
.fl {float:left;}
.fr {float:right;}
.fn {float:none}

.di {display:inline}
.dib {display:inline-block}
.db {display:block}
.dt {display:table}
.dtc {display:table-cell}

.ov {overflow:visible;}
.oh {overflow:hidden;}

.pr {position:relative}
.pa {position:absolute}

.tac {text-align:center}
.vam {vertical-align: middle;}


.ttupp {text-transform: uppercase;}
.ttlow {text-transform: lowercase;}
.ttcap {text-transform: capitalize;}

.fsi {font-style:italic}
.fwb {font-weight:bold}
.fwl {font-weight:lighter}


sup {vertical-align: super}
sub {vertical-align: sub}

.tdu {text-decoration:underline}

.p0 {padding:0}
.p5 {padding:5px;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.p40 {padding:40px;}
.p50 {padding:50px;}
.p60 {padding:60px;}
.p70 {padding:70px;}
.p80 {padding:80px;}
.p90 {padding:90px;}
.p100 {padding:100px;}

.pb0 {padding-bottom:0}
.pb5 {padding-bottom:5px}
.pb10 {padding-bottom:10px}
.pb20 {padding-bottom:20px}
.pb30 {padding-bottom:30px}
.pb40 {padding-bottom:40px}
.pb50 {padding-bottom:50px}
.pb60 {padding-bottom:60px}
.pb70 {padding-bottom:70px}
.pb80 {padding-bottom:80px}
.pb90 {padding-bottom:90px}
.pb100 {padding-bottom:100px}

.pt0 {padding-top:0}
.pt5 {padding-top:5px}
.pt10 {padding-top:10px}
.pt20 {padding-top:20px}
.pt30 {padding-top:30px}
.pt40 {padding-top:40px}
.pt50 {padding-top:50px}
.pt60 {padding-top:60px}
.pt70 {padding-top:70px}
.pt80 {padding-top:80px}
.pt90 {padding-top:90px}
.pt100 {padding-top:100px}

.pl0 {padding-left:0}
.pl5 {padding-left:5px}
.pl10 {padding-left:10px}
.pl20 {padding-left:20px}
.pl30 {padding-left:30px}
.pl40 {padding-left:40px}
.pl50 {padding-left:50px}
.pl60 {padding-left:60px}
.pl70 {padding-left:70px}
.pl80 {padding-left:80px}
.pl90 {padding-left:90px}
.pl100 {padding-left:100px}

.pr0 {padding-right:0}
.pr5 {padding-right:5px}
.pr10 {padding-right:10px}
.pr20 {padding-right:20px}
.pr30 {padding-right:30px}
.pr40 {padding-right:40px}
.pr50 {padding-right:50px}
.pr60 {padding-right:60px}
.pr70 {padding-right:70px}
.pr80 {padding-right:80px}
.pr90 {padding-right:90px}
.pr100 {padding-right:100px}

.m0{margin:0;}
.m10 {margin:10px;}
.m20 {margin:20px;}
.m30 {margin:30px;}
.m40 {margin:40px;}
.m50 {margin:50px;}
.m60 {margin:60px;}
.m70 {margin:70px;}
.m80 {margin:80px;}
.m90 {margin:90px;}
.m100 {margin:100px;}

.m0 {margin-top:0}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.mt60 {margin-top:60px}
.mt70 {margin-top:70px}
.mt80 {margin-top:80px}
.mt90 {margin-top:90px}
.mt100 {margin-top:100px}

.mb0{margin-bottom:0}
.mb10 {margin-bottom:10px}
.mb20 {margin-bottom:20px}
.mb30 {margin-bottom:30px}
.mb40 {margin-bottom:40px}
.mb50 {margin-bottom:50px}
.mb60 {margin-bottom:60px}
.mb70 {margin-bottom:70px}
.mb80 {margin-bottom:80px}
.mb90 {margin-bottom:90px}
.mb100 {margin-bottom:100px}


.ml0 {margin-left:0}
.ml10 {margin-left:10px}
.ml20 {margin-left:20px}
.ml30 {margin-left:30px}
.ml40 {margin-left:40px}
.ml50 {margin-left:50px}
.ml60 {margin-left:60px}
.ml70 {margin-left:70px}
.ml80 {margin-left:80px}
.ml90 {margin-left:90px}
.ml100 {margin-left:100px}



.mr0 {margin-right:0}
.mr10{margin-right:10px}
.mr20 {margin-right:20px}
.mr30 {margin-right:30px}
.mr40 {margin-right:40px}
.mr50 {margin-right:50px}
.mr60 {margin-right:60px}
.mr70 {margin-right:70px}
.mr80 {margin-right:80px}
.mr90 {margin-right:90px}
.mr100 {margin-right:100px}

.mt-10 {margin-top:-10px}
.mt-20 {margin-top:-20px}
.mt-30 {margin-top:-30px}
.mt-40 {margin-top:-40px}
.mt-50 {margin-top:-50px}
.mt-60 {margin-top:-60px}
.mt-70 {margin-top:-70px}
.mt-80 {margin-top:-80px}
.mt-90 {margin-top:-90px}
.mt-100 {margin-top:-100px}

.mb-10 {margin-bottom:-10px}
.mb-20 {margin-bottom:-20px}
.mb-30 {margin-bottom:-30px}
.mb-40 {margin-bottom:-40px}
.mb-50 {margin-bottom:-50px}
.mb-60 {margin-bottom:-60px}
.mb-70 {margin-bottom:-70px}
.mb-80 {margin-bottom:-80px}
.mb-90 {margin-bottom:-90px}
.mb-100 {margin-bottom:-100px}

.ml-10 {margin-left:-10px}
.ml-20 {margin-left:-20px}
.ml-30 {margin-left:-30px}
.ml-40 {margin-left:-40px}
.ml-50 {margin-left:-50px}
.ml-60 {margin-left:-60px}
.ml-70 {margin-left:-70px}
.ml-80 {margin-left:-80px}
.ml-90 {margin-left:-90px}
.ml-100 {margin-left:-100px}

.mr-10 {margin-right:-10px}
.mr-20 {margin-right:-20px}
.mr-30 {margin-right:-30px}
.mr-40 {margin-right:-40px}
.mr-50 {margin-right:-50px}
.mr-60 {margin-right:-60px}
.mr-70 {margin-right:-70px}
.mr-80 {margin-right:-80px}
.mr-90 {margin-right:-90px}
.mr-100 {margin-right:-100px}


.fs05  {font-size:0.5em;}
.fs06  {font-size:0.6em;}
.fs07  {font-size:0.7em;}
.fs08  {font-size:0.8em;}
.fs09  {font-size:0.9em;}

.fs10 {font-size:1.0em;}

.fs11  {font-size:1.1em;}
.fs12  {font-size:1.2em;}
.fs13  {font-size:1.3em;}
.fs14  {font-size:1.4em;}
.fs15  {font-size:1.5em;}
.fs16  {font-size:1.6em;}
.fs17  {font-size:1.7em;}
.fs18  {font-size:1.8em;}
.fs19  {font-size:1.9em;}

.fs20 {font-size:2.1em;}
.fs21 {font-size:2.1em;}
.fs22 {font-size:2.2em;}
.fs23 {font-size:2.3em;}
.fs24 {font-size:2.4em;}
.fs25 {font-size:2.5em;}
.fs26 {font-size:2.6em;}
.fs27 {font-size:2.7em;}
.fs28 {font-size:2.8em;}
.fs29 {font-size:2.9em;}


.fs30 {font-size:3.0em;}
.fs35 {font-size:3.5em;}

.fs40 {font-size:4.0em;}
.fs45 {font-size:4.5em;}

.fs50 {font-size:5.0em;}
.fs55 {font-size:5.5em;}

.fs60 {font-size:6.0em;}
.fs65 {font-size:6.5em;}

.fs70 {font-size:7.0em;}
.fs75 {font-size:7.5em;}

.fs80 {font-size:8.0em;}
.fs85 {font-size:8.5em;}

.fs90 {font-size:9.0em;}
.fs65 {font-size:9.5em;}

.fs100 {font-size:10.0em;}


.lh10 {line-height:1.0;}
.lh15 {line-height:1.5;}
.lh20{line-height:2.0;}
.lh25 {line-height:2.5;}
.lh30 {line-height:3.0;}
.lh35 {line-height:3.5;}


.mh100 {min-height:100px;}
.mh200 {min-height:200px;}
.mh300 {min-height:300px;}
/* strona */

/*
ccc
UWAGI DO KODU CSS:
- w miarę możliwości wielkości czcionek wyrażamy w "em" z wyjątkiem wielkości czcionki body który jest w px - responsywny design

- w formularzach styli CSS można używać koloru z zakładki Pola danych w formacie:
.klasa { color:#061857 };
.klasa2 { background-color:#061857 }
Uwaga: kolory z zakładki Pola danych obowiązują tylko w tym formularzu - przekopiuj kolory pomiędzy poszczególnymi stylami w celu utrzymania kolorystyki(np. strona, menu, pozostałe elementy)

- można  używać ustawień systemowych PULPIT-> Ustawienia Strony -> kod CSS
.klasa3 {padding-top:150px;[[++border1]]margin-bottom:150px;}

jeśli nie pamiętasz wszystkich rodzajów właściwości css np text-align, to napisz błędną właściwość a z boku okna z kodem wyświetli sie pomoc z wszystkimi właściwościami,
np. 
.klasatest {text-align:glupota; background: url('/tpl/images/obrazek.png') repeat;}
*/

html {height: 100%;} 
 
body {
background: #fff;
color:#333333;
font-size: 18px;
} 



.proj {

} 

body .kontrastwcag {
background: #000;
color:#ffff00;    
}

html, body, div, input,span, object, iframe,
p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, sub, sup, var,
i,h1, h2, h3, h4, h5, h6,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video  {
font-family: 'Lato', sans-serif;
/* UWAGA: trzeba zmineić font weight stosownie do czcionki jaką się zaimportowało z google... */


}


html ul, html ol{
  margin: 1em 0;
  padding: 0 0 0 20px;
  line-height:1.5;
}

p {line-height:1.5; padding-bottom:1em;}


/*
.tlo-nakladka{
width:100%; height:100%; position: fixed; top:0; left:0;
background : url('/[[*cssobrazek1]]') repeat;
z-index:3;
}
`]]
*/


:focus {outline:2px solid red}
input:focus, button:focus{outline:none;border:2px solid red}
hr {margin-top:5px; margin-bottom:5px; padding-top:5px; padding-bottom:5px}


li {padding-bottom:5px;}

.kolor1 {color:#061857}
.kolor2 {color:#111111}
.kolor3 {color:#cccccc}
.kolor4 {color:#061857}
.kolor5 {color:#061857}
.kolor6 {color:#061857}
.kolor7 {color:#f6f432}
.kolor8 {color:#e8e8e8}
.kolor9 {color:#061857}
.kolor10 {color:#edeff5}
.kolor11 {color:#236840}
.kolor12 {color:#efefef}


.bgkolor1 {background-color:#061857}
.bgkolor2 {background-color:#111111}
.bgkolor3 {background-color:#cccccc}
.bgkolor4 {background-color:#061857}
.bgkolor5 {background-color:#061857}
.bgkolor6 {background-color:#061857}
.bgkolor7 {background-color:#f6f432}
.bgkolor8 {background-color:#e8e8e8}
.bgkolor9 {background-color:#061857}
.bgkolor10 {background-color:#edeff5}
.bgkolor11 {background-color:#236840}
.bgkolor12 {background-color:#efefef}


.tlo90 {background: url('/tpl/images/tlo90.png') repeat;}
.tlo80 {background: url('/tpl/images/tlo80.png') repeat;}
.tlo70 {background: url('/tpl/images/tlo70.png') repeat;}
.tlo60 {background: url('/tpl/images/tlo60.png') repeat;}
.tlo50 {background: url('/tpl/images/tlo50.png') repeat;}

/* UWAGA: trzeba zmineić font weight stospownie do czcionki jaką się zaimportowałeo z google... */
h1, h2, h3, h4, h5 {
font-family: 'Lato', sans-serif;
font-weight:bold;
}

h1 {font-size:2em; color:#164194; padding-bottom:20px}
h2 {font-size:1.4em;color:#164194; padding-bottom:20px}
h3 {font-size:1.17em;color:#164194; padding-bottom:20px}
h4 {font-size:1.12em;color:#164194; padding-bottom:20px}



/* "strzępki" CSS czyli kod np. -webkit-box-shadow:  1px 1px 5px 0px #000000; box-shadow:  1px 1px 5px 0px #000000; można edytować oraz dodawać nowe w Ustawieniach strony (link na pulpicie) */
/*  dodaje do klasy kod skryptu css3 pie pomagającego wyświetlić css3 w starszych przeglądarkach */

.czcionka1 { font-family: 'Lato', sans-serif; }

.zaokraglenie1 { -webkit-border-radius: 8px 8px  8px 8px ;-moz-border-radius:  8px 8px  8px 8px ; border-radius: 8px 8px  8px 8px ;  }
.zaokraglenie2 {  -webkit-border-radius: 0px 0px  12px 12px ;-moz-border-radius:  0px 0px  12px 12px ; border-radius: 0px 0px  12px 12px ;  }
.zaokraglenie3 { -webkit-border-radius: 5px 5px  5px 5px ;-moz-border-radius:  5px 5px  5px 5px ; border-radius: 5px 5px  5px 5px ; }

.cien1{ -webkit-box-shadow:  1px 1px 5px 0px #000000; box-shadow:  1px 1px 5px 0px #000000; }
.cien2{ -webkit-box-shadow: inset 20px 20px 20px 10px #0a0a0a; box-shadow: inset 20px 20px 20px 10px #0a0a0a; }
.cien3{ -webkit-box-shadow:  0px 10px 10px -10px #000000; box-shadow:  0px 10px 10px -10px #000000; }

.cientekst1 { text-shadow: 1px 1px 1px #222; }

/* 
http://css3generator.com/
*/

.gradient1 {
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	
	
}
.gradient3{background:linear-gradient(0deg,#fefefe 0%,#ececec 50%,#f7f7f7 51%,#fefefe 100%);}

.przejscie1 {
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.transformacja1 {
-moz-transform: scale(1) rotate(5deg) translateX(5px) translateY(5px) skewX(5deg) skewY(5deg);
-webkit-transform: scale(1) rotate(5deg) translateX(5px) translateY(5px) skewX(5deg) skewY(5deg);
-o-transform:scale(1) rotate(5deg) translateX(5px) translateY(5px) skewX(5deg) skewY(5deg);
-ms-transform: scale(1) rotate(5deg) translateX(5px) translateY(5px) skewX(5deg) skewY(5deg);
transform: scale(1) rotate(5deg) translateX(5px) translateY(5px) skewX(5deg) skewY(5deg);
}
.border1 {border: solid 1px #061857;}

.tlo1{
background-attachment: scroll;
background-color : #061857;
background-repeat: no-repeat;
}

.lista1 ul {list-style: none;}
.lista1 ul li {  padding-left: 1.2em;} 
.lista1 ul li:before {
list-style:none;
font-family: standard;
content: '\0066';
font-size:0.5em;
display: inline-block;
margin-left: -1.2em; 
width: 1.2em; 
} 
.lista1 ul ul li{  padding-left: 2.2em;} 
.lista1 ul ul li:before {
list-style:none;
content: '\0066';
font-size:0.5em;
font-family: standard;
display: inline-block;
margin-left: -1.2em; 
width: 1.2em; 
} 


/* TABELA */

.tabela1  table{ width:100%; border-collapse:collapse; }
.tabela1 table td { padding:8px; border:0; }
.tabela1 table th {background:#061857; color:#fefefe;}
.tabela1 tr:nth-child(even) { /*(even) or (2n 0)*/}
.tabela1 table tr:nth-child(odd) { /*(odd) or (2n 1)*/background: #e8e8e8;}
.tabela1 table tr:last-child {border-bottom:solid 1px #061857 }


@media screen and (max-width: 760px) {
   .tabela1 tbody,.tabela1 thead { float: left;display: block; width:100% }
   .tabela1 tr {display: block; width:100% }
   .tabela1 thead { min-width: 360px; display: block; width:100% }
   .tabela1 td, .tabela1 th { display: block; width:100% }
}


.iko1 {}
.iko1:before {content: 'a' ;  font-family: standard;  display: inline-block;margin-right: 3px;}


/* LINKi */
main a:link, main a:visited, aside a:link, aside a:visited {
	color: #061857;
	outline:0;
	-webkit-transition:background-color .25s linear;
    transition:background-color .25s linear;
}

main a:active, main a:focus, main a:hover, aside a:active, aside a:focus, aside a:hover {
	background:#dbd8d8;
	color: #111111;
	outline:none;
}



#maingl {}
@media only screen and (max-width:768px){
#maingl {}
}

.tlogl1 {background:#e8e8e8}


.przycisk1:link{
font-size: 0.9em;
background-color: #061857;
color:#fefefe;
padding:10px 20px 10px 20px;
text-decoration:none;
color:#fefefe;
font-weight:300;
} 

.przycisk1:after {  content: '\0056' ;  font-family: standard; font-size:0.8em; display: inline-block;margin-left: 3px;vertical-align:middle;}
.przycisk1:link {color:#fefefe;}
.przycisk1:visited {color:#fefefe;}
.przycisk1:hover{
background-color: #111111 ;
border:none;
border-radius: 0px;
	-webkit-animation: bg-pan-left 1s both;
	        animation: bg-pan-left 1s both;
}

.przycisk1:focus {
background-color: #061857 !important;
border:none;
border-radius: 0px;
outline:2px solid red

}

.przycisk1.kolorykontrast {border: solid 1px #ffff00;}

.przycisk2{
font-size: 0.8em;
text-transform:uppercase;
color:#061857;
padding:8px 15px 8px 15px;
text-decoration:none; background:none;border: solid 1px #061857;

} 
.przycisk2:after {  content: '\0046' ;  font-family: standard;  display: inline-block;margin-left: 3px;}
.przycisk2:link {color:#0a3f52;}
.przycisk2:visited{color:#0a3f52;}
.przycisk2:hover{
color:#cccccc;
background: #111111;
cursor:pointer; border-style:solid; border-width:1px; border-color:transparent;
}


.przycisk3{
font-size: 0.8em;
text-transform:uppercase;
color:#061857;
padding:8px 15px 8px 15px;
text-decoration:none; background:none;border: solid 1px #061857;

} 
/*.przycisk3:after {  content: '\0046' ;  font-family: standard;  display: inline-block;margin-left: 3px;} */
.przycisk3:link {color:#0a3f52;}
.przycisk3:visited{color:#0a3f52;}
.przycisk3:hover{

background: #cccccc;
cursor:pointer; border-style:solid; border-width:1px; 
}



.przycisk-pobierz{
font-size: 0.8em;
border: solid 1px #061857;
padding:10px 20px 10px 20px;
text-decoration:none;

margin-left:50px;
} 

.przycisk-pobierz:after {  content: 'k' ;  font-family: standard;  display: inline-block;margin-left: 3px;}
.przycisk-pobierz:link {color:#333;}
.przycisk-pobierz:visited {color:#333;}
.przycisk-pobierz:hover{color:#333;
background: #061857;
cursor:pointer;
}


.przycisk-acc{font-size:13pt;background:#061857;color:#ffffff;padding:3px 10px 3px 10px; text-decoration:none;}
.przycisk-acc:link{color:#ffffff;}
.przycisk-acc:visited{color:#ffffff;}
.przycisk-acc:hover{color:#ffffff;background:#061857;}


.pliki {background:#eee;padding-bottom: 10px;}
.pliki-grupa-naglowek {font-size:2.0em;padding:10px 20px 10px 20px;}
.plik-grupa {display:block; width:100%;}
.plik {display:block;  width:100%; padding:10px 20px 10px 20px;}
.plik-nazwa {font-size:1.2em}
.plik-ikona {font-size:2em; vertical-align:middle;margin-right:10px;}

#skipto{position:absolute;z-index:-999999;top:312px;}
#mainwrapper{width:100%;position:relative;text-align:left;}


.wrap80{width:85%; max-width:1500px;margin:0 auto;}


.wrapproc {width:85%; max-width:1200px; margin:0 auto;}
.wrapproc-aktualnoscigl {width:85%; max-width:1160px; margin:0 auto; }

@media only screen and (max-width:1400px){
.wrapproc {width:95%}

}

p{padding-bottom:7px}




/* wyszukiwanie */
#wyszukiwanie {float:right; position:relative; z-index:999;}
@media only screen and (max-width:768px){
#wyszukiwanie {padding-top:10px;}
}
#wyszukiwanie-formularz {
float:right;
}

.wyszukiwanie-input  {
display:inline-block;  
color:#061857;
border:solid 1px #236840;
background: #fefefe; 
font-size: 1.1em;
-webkit-transition:all 0.35s ease-in-out;
transition:all 0.35s ease-in-out;
width:180px;
margin:0;
padding: 5px 5px 6px 10px;/* padding wyrównujący przycisk z formularzem */

}

.wyszukiwanie-input:focus  {
background: #ffffff; 
width:250px;
}

.wyszukiwanie-przycisk {
font-size:1.0em;
border:solid 0px #e8e8e8;
background: #e8e8e8;
color:#333;
} 



.wyszukiwanie-przycisk:link {color:#eee;}
.wyszukiwanie-przycisk:visited {color:#eee;}
.wyszukiwanie-przycisk:hover{color:#061857;
background: #e8e8e8;
cursor:pointer;
}



#headcontainerwr{}
#headcontainer {
position:relative;
}


/*
#headcontainer.przewin {
clear:both;
padding-bottom:0;
position:fixed;
top:0; left:0;
width:100%;
z-index:500; 

}
*/


#menutech{} /* div fla logo bip*/
.biplogo {float: right; margin-top:60px;width:140px; height: 50px;}
@media only screen and (max-width:768px){
.biplogo {float: left;width:100px; height: 36px;margin-top:40px; padding-left:50px;}
}


#herb{float: left; padding-top:10px; padding-bottom:10px;} /* div fla loga strony*/
.logostrony{width:200px; height: 111px;}
@media only screen and (max-width:768px){
    #herb{float: left; padding-top:10px; padding-bottom:10px;}
	.logostrony {width:120px; height: 67px;}
}	
	
	
#tytulstrony {float:left; padding-left:20px; padding-top:40px; position:relative;font-size:3.5em; color:#ffffff; text-shadow: 1px 1px 1px #222;}
@media only screen and (max-width:768px){
#tytulstrony {font-size:2.0em}
}

#headerwr {position:relative;
background : url('/tpl/images/baner1920.jpg') no-repeat top right;
height:264px;
}

@media only screen and (max-width:768px){
#headerwr {position:relative;
background : url('/tpl/images/baner980.jpg') no-repeat top center;}
}

@media only screen and (max-width:768px){
#headerwr {position:relative;
background : url('/tpl/images/baner720.jpg') no-repeat top left;}
}




#kontaktgorny { font-size:0.8em; background:#061857; color:#fefefe;padding:2px 10px 2px 10px ; -webkit-border-radius: 8px 8px  8px 8px ;-moz-border-radius:  8px 8px  8px 8px ; border-radius: 8px 8px  8px 8px ; }

#kontaktgorny a:link {color:#fefefe;}
#kontaktgorny a:visited {color:#fefefe;}
#kontaktgorny a:hover{color:#fefefe;}



#podtytul {position:absolute; top:33px; left:140px}
  
#maincontentcontainer{width:100%;}
.w100 {width:100%;}
.pt100 {padding-top:100px}


#maincontent{clear:both;line-height:1.2;position:relative;padding-top:0px;padding-bottom:20px;}



.naglowek-glowna {display:block; z-index:1; float:left; position:relative; color:#ffffff; padding: 20px 0 20px 30px; margin: 0 0 50px 15px; font-size: 1.2em; border-left: solid 2px #fff; text-transform:uppercase;}
.naglowek-glowna2 {display:block; z-index:1; float:left; position:relative; color:#061857; padding: 20px 0 20px 30px; margin: 0 0 50px 0; font-size: 1.5em; border-left: solid 2px #b90f0f; text-transform:uppercase;}
.naglowek-glowna3 {  color:#061857; padding: 20px 0 20px 30px; margin: 0 0 50px 0; font-size: 1.5em; text-transform:uppercase;}


.naglowek-boczny { display:block; z-index:1; float:left; position:relative; color:#236840; padding: 20px 0 20px 30px; margin: 0 0 50px 15px; font-size: 1.0em; border-left: solid 2px #236840; text-transform:uppercase;}
.naglowek-aktualnosci { display:block; z-index:1; float:left; position:relative; color:#061857; padding: 20px 0 20px 30px; margin: 0 0 50px 15px; font-size: 2.5em; border-left: solid 2px #b90f0f; text-transform:uppercase;}


.naglowek-podstrony-wrap {  min-height:190px;  position:relative;clear:both; background:#236840 url("../images/banerpodstr.jpg") no-repeat top center; margin-top:20px;}

.naglowek-podstrony { display:inline-block;  z-index:1;  position:relative;  padding: 10px 0 20px 30px; margin: 0 0 50px 0; font-size: 1.2em; border-left: solid 2px #fff; text-transform:uppercase;color:#fff;}


#breadcrumbwrap {padding: 20px 0 20px 0}

@media only screen and (max-width:1120px){ 
#podstronanaglowek {padding-top:100px;}
}
@media only screen and (max-width:950px){ 
#podstronanaglowek {padding-top:60px;}
}
@media only screen and (max-width:540px){ 
#podstronanaglowek {padding-top:100px;}
}

.button {

  background: url("../images/button.jpg") no-repeat scroll 0 0 transparent;
  color: #636363;
  float: left;
  font-family: Arial;
  font-size: 14px;
  height: 50px;
  text-decoration: none;
  
  width: 237px;
  display:table;
}

a.button:hover, a.button:focus {background: url("../images/buttonh.jpg") no-repeat scroll 0 0 transparent;}

a.button p {
  float: left;
  width: 173px;
}
a.button span {
  display: table-cell;
  vertical-align: middle;
 
}

a.button img {
  padding-top:4px;
}
.image_right {
  width: 77px;
  text-align:center;
}


#linki-boczne {
margin: 0;
padding: 0;
}

#linki-boczne li {
margin: 0;
padding: 0;
list-style:none;
width:100%;
display:block;
}

#linki-boczne li a:link, #linki-boczne li a:visited {
width:100%;
display:block;
margin-top:3px;
border: solid 1px #e8e8e8;
background: #efefef;

color:#111111;
outline:0;
text-decoration:none;

}

#linki-boczne li a:active, #linki-boczne li a:focus, #linki-boczne li a:hover {
background:#ccc;
color:#111111;
outline:none;
border-radius:0px;
-webkit-transition:none;
transition:none;
}

#linki-boczne li a:focus {
background:#ccc;
border:none;
border-radius: 0px;
outline:2px solid red

}

/* Linki boczne kwadratowe png */


#linki-boczne-wewn {display:block; float:left;  width:100%; padding:0; margin:0;}
#linki-boczne-wewn ul {float:left;}
#linki-boczne-wewn li { display:block; width:45%;  list-style:none; text-align:center;float:left;margin:2%; border: 1px solid #dedede; background:#eee }
#linki-boczne-wewn li a { height:130px; display:block; font-size:0.9em; padding:35px 0 10px 0; }
@media only screen and (max-width:1000px){ 
#linki-boczne-wewn li {height:130px;}
}
@media only screen and (max-width:768px){ 
#linki-boczne-wewn li {height:90px;}
}
#linki-boczne-wewn li:last-child {}



#linki-boczne-wewn li a:hover {background:#dedede; }
#linki-boczne-wewn li a:focus {}


#linki-boczne-wewn li a:link, #linki-boczne-wewn li a:visited {
text-decoration: none;
text-transform: uppercase;
outline:0;
width:100%; height:100%;
color:#555;
}

#linki-boczne-wewn li a:active, #linki-boczne-wewn li a:focus, #linki-boczne li a:hover {
background:none;
outline:none;
border-radius:0px;

}


#linki-boczne-wewn li a:focus {
display:block;
border:none;
border-radius: 0;
outline: solid 1px red;

}



/* Linki na skróty */


#linki-na-skroty {display:block; margin:0 auto; float:left;  width:100%; padding:0; }
#linki-na-skroty ul {float:left;}
#linki-na-skroty li { display:table-cell; width:20.5%;  list-style:none; text-align:center;float:left;margin:2%; border: 1px solid #dedede;  }
#linki-na-skroty li a { display:block; font-size:0.9em; padding:35px 0 10px 0; background:#dedede;}
@media only screen and (max-width:1000px){ 
#linki-na-skroty li {width:41%;margin:4%;}
#linki-na-skroty li a {padding:20px 0 0px 0; margin:0; }
}
@media only screen and (max-width:768px){ 
#linki-na-skroty li {width:90%; margin:5%;}
#linki-na-skroty li a { height:150px;  }
}
#linki-na-skroty li:last-child {}



#linki-na-skroty li a:hover {background:#cdcaca; }
#linki-na-skroty li a:focus {}


#linki-na-skroty li a:link, #linki-na-skroty li a:visited {
text-decoration: none;
text-transform: uppercase;
outline:0;
width:100%; height:100%;
color:#555;
}

#linki-na-skroty li a:active, #linki-na-skroty li a:focus, #linki-boczne li a:hover {
background:none;
outline:none;
border-radius:0px;

}


#linki-na-skroty li a:focus {
display:block;
border:none;
border-radius: 0;
outline: solid 1px red;

}



/* linki boczne graf */


#linki-boczne-graf {display:block; float:left; width:100%; padding:0; margin:0;}
#linki-boczne-graf ul {float:left;}
#linki-boczne-graf li { display:block;  width:100%;   list-style:none; text-align:center;float:left;}
#linki-boczne-graf li:last-child {border: none;}

#linki-boczne-graf li {border-top:0px; padding-top:1px; }
#linki-boczne-graf li:hover {border-top:1px solid #777; padding-top:0px;}
#linki-boczne-graf li:focus {outline:1px solid red}



#linki-boczne-graf li a:link, #linki-boczne li a:visited {
text-decoration: none;
text-transform: uppercase;
outline:0;
width:100%; height:100%;
}


#linki-boczne-graf li a:active, #linki-boczne li a:focus, #linki-boczne li a:hover {
background:none;
outline:none;
border-radius:0px;
-webkit-transition:none;
transition:none;

}

#linki-boczne-graf li a:focus {
display:block;
border:none;
border-radius: 0;
outline: solid 1px red;
}




.linki-boczne-zaw {display:table;}

.linki-boczne-ikonka-obr {display:table-cell;   vertical-align: middle; width:50px;font-size:0.8em; }

.linki-boczne-ikonka-font {
display:table-cell;
padding-left:10px; padding-top:5px; padding-right:10px;
border-right:solid 1px #061857;
vertical-align:middle;
font-size:1.8em;
background:#061857;
text-shadow: 1px 1px 1px #222;;
color:#edeff5;
}


.linki-boczne-nazwa-linku {display:table-cell;font-size:0.7em; padding-left:50px;  vertical-align: middle;}

.tresc-1-2 {width:45%; display:inline-block}

.bloktresci { background:#fff;  border:solid 1px #e8e8e8;  padding-left: 20px; padding-right:20px; padding-bottom:30px;padding-top:20px; display:block; }
.bloktrescigl {width: 90%;  display: table-cell; background:#fff;  border:solid 1px #e8e8e8; float:left;  padding:5%; }
.trescstrglramka { border:solid 1px #eee;}
.trescstrgl {padding:30px;}

#trescwrap {margin-bottom:10px; position:relative; }
.tresc {margin-top:50px;}

@media only screen and (max-width:768px){
.tresc {margin: 0}
}



.bottomcontainer {background:#236840; color:#fff; padding:50px;font-size:0.8em}
.bottomcontainer a:link {color:#fff}
.bottomcontainer a:visited {color:#fff}
.bottomcontainer a:hover {color:#fff}

.bottomcontainer h1, .bottomcontainer h2, .bottomcontainer h3, .bottomcontainer h4 {color:#fefefe} 
.bottomcontainer hr {border-top: 1px solid #2a5fa9;}

.godziny-dzien {padding-right:20px; border-right: solid 1px #2a5fa9;display:inline-block; width:40%;}
.godziny-godz {padding-left:20px; display:inline-block;}
@media only screen and (max-width:1260px){
.godziny-dzien { width:30%;}
}


.stopka{padding:10px}


#goracontainer{width:100%; position:relative; display:block; z-index:0;margin-bottom:-90px;}
#goracontent{padding:0;color:#333;position:relative;z-index:0}
#banergora{}

#gorapas{}

#banerglprawa{}
.cookiesinfo{font-size:0.8em;}

#slajdwr{min-width:480px;padding-right:20px}
.opis{font-size:0.8em;}




.iko{float:left;padding-right:10px;color:#00ac49;display:inline-block;}
#banergllewa{padding-top:40px}
#licznik{font-size:0.8em;}

.kolumnabanerpr{text-align:center;padding:0 0 30px 0;clear:both;z-index:10}
#banery-flash{display:inline-block;width:250px;height:auto;margin:0;padding:0}
#banery-flash2{display:inline-block;width:250px;height:auto;margin:0;padding:0}
#banery-jpg{display:inline-block;width:250px;height:auto;margin:0;padding:0}
#baner-flash{}


#gorawstawka{position:absolute;left:220px;top:-40px;width:75px;height:131px;}

#gorakontakt{display:block; height:60px; position:absolute;right:5px;top:-22px; padding-top:38px; background:url("../images/kontaktg.png") no-repeat bottom right;padding-right:90px}
#gorakontakt-opis {}
#gorakontakt-tel {}



#slogan {color: #023968; font-size:2.6em; padding-left:30px;padding-top:20px}
.slogan2 {font-size:0.7em}

.powrot, .powrot:hover  { float:left; clear:both; text-decoration:none; margin-top:30px; margin-bottom:30px;}

.powrot:before { content: '\0061' ;  font-family: standard; font-size:0.8em; vertical-align:middle;}

.ramka {border: solid 1px #5f5f5f; padding:5px; margin:5px} 
.sp {clear: both; width:100%; height:5px; display:block;}


#tlostrony {position:fixed; bottom:0; left:0; width:100%; height:100%;z-index:-2;}
.tlostrony-img {position:fixed; bottom:0; left:0; width:100%; height:100%;z-index:-2;}

.glowna-tlo {background: #fff; }


.tlo-nakladka {
width:100%; height:100%; position: fixed; bottom:0; left:0;
background:url("../images/dot.png") repeat;
z-index:-1;
}

.tlokomunikaty {background:#fff; border:solid 1px #ddd; margin-bottom:20px;}


#home,#ofertawrap,#galeriawrap,#kontaktwrap, #paketywrap  {position:relative; visibility:visible}


#ofertawrap {background:#cccccc}
#kontaktwrap {background:#061857}
#kontakt-tresc {color:#fefefe;line-height:1.2 }

#o-nas-tresc {color:#fefefe;line-height:1.2 }
#o-nas-tresc h1,#o-nas-tresc h2,#o-nas-tresc h3,#o-nas-tresc h4  {color:#ccc; }

#kontaktwrap h1, #kontaktwrap h2, #kontaktwrap h3, #kontaktwrap h4  {color:#fefefe; }

#kontakt-tresc {text-transform:uppercase}

#kontakt-tresc h1, #kontakt-tresc h2, #kontakt-tresc h3, #kontakt-tresc h4 {font-weight:400} 
#kontakt-tresc h1:before, #kontakt-tresc h2:before, #kontakt-tresc h3:before,#kontakt-tresc h4:before {content: '\0050' ;  font-family: standard; font-size:0.15em; vertical-align:middle;}
#kontakt-tresc h1:after, #kontakt-tresc h2:after, #kontakt-tresc h3:after,#kontakt-tresc h4:after  {content: '\0050' ;  font-family: standard; font-size:0.15em; vertical-align:middle;}

#kontakt-tresc a:link {
text-decoration : none;
color :#fefefe;
}

#kontakt-tresc a:visited {
text-decoration : none;
color : #fefefe;;
}
#kontakt-tresc a:hover {
text-decoration : none;
color : #fefefe;;
}
#kontakt-tresc a:active {
text-decoration : none;
color : #fefefe; ;
} 


.obrazekokr {
-moz-border-radius: 50%; 
-webkit-border-radius: 50%; 
border-radius: 50%;
border:solid 5px #fefefe;
-webkit-box-shadow:  0px 10px 10px -10px #000000; box-shadow:  0px 10px 10px -10px #000000;; 
}


#w-dol {position:absolute;bottom:4%; right:49%; color:#fefefe;}
.linkbialy:link {color:#fefefe;}
.linkbialy:hover {color:#fefefe;}
.linkbialy:active {color:#fefefe;}
.linkbialy:visited {color:#fefefe;}

.podstrony-lista-rzad {padding:10px; margin-bottom:10px;border:solid 1px #e8e8e8;border-left:solid 3px #061857; -webkit-box-shadow:  0px 10px 10px -10px #000000; box-shadow:  0px 10px 10px -10px #000000;}



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

}

@media only screen and (max-width:1320px){
.wrap80{width:95%;}
}

@media only screen and (max-width:1100px){
.naglpodstrony{max-width:300px;}
}

@media only screen and (max-width:990px){
}

@media only screen and (max-width:768px){
body  {font-size : 16px;} 
}

@media only screen and (max-width:480px){

h1 {font-size:1.3em;}
h2 {font-size:1.2em;}
h3 {font-size:1.15em;}
h4 {font-size:1.12em;}
span.kolko {	font-size:2em; border-radius: 1.2em;  -moz-border-radius: 1.2em;  -webkit-border-radius: 1.2em;  line-height: 2.4;  width: 2.5em;}



.naglpodstrony{
margin-top:-40px;
padding: 10px 40px 10px 10px;
-webkit-border-radius: 4px 30px 0 0;
border-radius: 4px 30px 0 0;}
#goracontainer{margin-bottom:20px;}
#podtytul {font-size:0.9em}
.pakiet_kol {float:left; max-width:98%}
}


.oferta-ikona  {font-size:5.0em;color:#cccccc; }
.oferta-ikona-kolko  {
display:inline-block;
    height:5.0em;
	width:5.0em;
	padding:1.0em;
    -moz-border-radius: 5.5em;
    -webkit-border-radius:5.5em;
    border-radius:5.5em;
	background:#061857;
	
}

#brandwrap {float:right}
#brand {}
#hostingnapis {}
#hostinglogo {}


#galeria-lista-kat {
display:block; text-align:center; width:100%; float:left;
}


.galeria-lista-kat-wpis {
padding:0 30px 10px 30px;
float:left;
width:300px; /* taka jak szer. obrazka */
padding-bottom:5px;
 display:inline-block;
 
}


#galeria-lista-kat {
display:block; text-align:center; width:100%; float:left;
}

.galeria-lista-wpis {
padding:0 20px 10px 20px;
float:left;
width:200px; /* taka jak szer. obrazka */
padding-bottom:5px;
 display:inline-block;
}


@media only screen and (max-width:768px){

}


#panelboczny h3 { font-weight:bold; color:#111111; padding: 10px 0 10px 0; }

#panelboczny h3 span { font-weight:normal;  color:#061857 } 




#pasek-gorny {float:left; width:100%;  position:relative; display:block; padding:15px 0 15px 0; background:#e8e8e8;color:#061857;}


#pasek-gorny a:link, #pasek-gorny a:hover,#pasek-gorny a:visited,#pasek-gorny a:focus {color:#061857; text-decoration:none}
#pasek-gorny a:hover {text-decoration:none}
.infogora {display:block; float:right; padding:10px; max-width:900px;font-size:0.8em;}


#menugora {clear:both;display:block; padding: 0 20px  0 0; text-transform:uppercase; background:#236840;}
@media screen and (max-width: 768px) {
	
	#menugora {padding: 0; float:none;}
}

.tlopasekmenu {display:block;background:#236840;}

@media screen and (max-width: 768px) {
#main-menu {clear:both; display:none;}
}
@media screen and (min-width: 768px) {
#main-menu { clear:none; }
}

#menurespznaczek {z-index:1000; float:right; display:block; padding:40px 20px 20px 20px; }
@media only screen and (min-width:768px){
#menurespznaczek {display:none;}
}
@media only screen and (max-width:768px){
#menurespznaczek {display:block;}
}
#menurespznaczek:hover {cursor:pointer}
/* menu smartmenus.org */

/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;-webkit-tap-highlight-color:rgba(0,0,0,0);

}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}


/* TEMAT GRAFICZNY (temat ustawia się w szablonie snippetu pdomenu jako klasę) + kod ze strony smartmenus.org */

.sm-blue {
  background: transparent;
  /*
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  */

}
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
  padding:5px;
  /* make room for the toggle button (sub indicator) */
  padding-right: 8px;
  /*
  background: #061857;
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #061857), color-stop(100%, #061857));
  background-image: -webkit-linear-gradient(to bottom, #061857, #061857);
  background-image: -moz-linear-gradient(to bottom, #061857, #061857);
  background-image: -o-linear-gradient(to bottom, #061857, #061857);
  background-image: linear-gradient(to bottom, #061857, #061857);
     color: #061857;
  */
  color: #fff;
 
  font-size: 1.2em;
  line-height: 1.5;
  text-decoration: none;


}


.sm-blue a.current {
  background: #061857;
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #061857), color-stop(100%, #061857));
  background-image: -webkit-linear-gradient(to bottom, #061857, #061857);
  background-image: -moz-linear-gradient(to bottom, #061857, #061857);
  background-image: -o-linear-gradient(to bottom, #061857, #061857);
  background-image: linear-gradient(to bottom, #061857, #061857);
  color: white;
}
.sm-blue a.disabled {
  color: #b3b3b3;
}





.sm-blue a span.sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 0.8em/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.sm-blue a.highlighted span.sub-arrow:before {
  display: block;
  content: '-';
}
.sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
/*
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  */
}
.sm-blue > li:last-child > a, .sm-blue > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
/*
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  -o-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  */
}
.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}




  .sm-blue > li {
    border-left: 1px solid #eee;
  }
  .sm-blue > li:first-child {
    border-left: 0;
  }
  .sm-blue ul {

    background: white;

  }








.sm-blue ul ul {
  background: rgba(102, 102, 102, 0.1);
}
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
  background: transparent;
  color: #061857;

  text-shadow: none;
  border-left: 8px solid transparent;
}
.sm-blue ul a.current {
  background: #061857;
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #061857), color-stop(100%, #061857));
  background-image: -webkit-linear-gradient(to bottom, #061857, #061857);
  background-image: -moz-linear-gradient(to bottom, #061857, #061857);
  background-image: -o-linear-gradient(to bottom, #061857, #061857);
  background-image: linear-gradient(to bottom, #061857, #061857);
  color: white;
}
.sm-blue ul a.disabled {
  color: #f6f432;
}
.sm-blue ul ul a,
.sm-blue ul ul a:hover,
.sm-blue ul ul a:focus,
.sm-blue ul ul a:active {
  border-left: 16px solid transparent;
}
.sm-blue ul ul ul a,
.sm-blue ul ul ul a:hover,
.sm-blue ul ul ul a:focus,
.sm-blue ul ul ul a:active {
  border-left: 24px solid transparent;
}
.sm-blue ul ul ul ul a,
.sm-blue ul ul ul ul a:hover,
.sm-blue ul ul ul ul a:focus,
.sm-blue ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.sm-blue ul ul ul ul ul a,
.sm-blue ul ul ul ul ul a:hover,
.sm-blue ul ul ul ul ul a:focus,
.sm-blue ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}
.sm-blue ul li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-blue ul li:first-child {
  border-top: 0;
}

@media (min-width: 520px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-blue ul {
    position: absolute;
  }

  .sm-blue li {
    float: left;
  }

  .sm-blue.sm-rtl li {
    float: right;
  }

  .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li {
    float: none;
  }

  .sm-blue a {
    white-space: nowrap;
  }

  .sm-blue ul a, .sm-blue.sm-vertical a {
    white-space: normal;
  }

  .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  /* ...end */
  .sm-blue {
  /*
    background: #061857;
	background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #061857), color-stop(100%, #061857));
    background-image: -webkit-linear-gradient(to bottom, #061857, #061857);
    background-image: -moz-linear-gradient(to bottom, #061857, #061857);
    background-image: -o-linear-gradient(to bottom, #061857, #061857);
    background-image: linear-gradient(to bottom, #061857, #061857);
	*/
	/*
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
	*/

  }
  .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    padding: 15px 8px;
	color: #fff;
	font-weight:bold;
	font-size: 0.7em;
	
  }
  .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {

    color: #eee;
  }
  .sm-blue a.current {

    color: #061857;
  }
  .sm-blue a.disabled {

   color: #061857;
  }
  

  
  .sm-blue a span.sub-arrow {
    top: auto;
    margin-top: 0;
    bottom: 2px;
    left: 50%;
    margin-left: -5px;
    right: auto;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #b3b3b3 transparent transparent transparent;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .sm-blue a.highlighted span.sub-arrow:before {
    display: none;
  }
  .sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
  /*
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -ms-border-radius: 8px 0 0 8px;
    -o-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
	*/
  }
  .sm-blue > li {
   
  }
  .sm-blue > li:first-child {
    border-left: 0;
  }
  .sm-blue ul {
    border: 1px solid #061857;
    padding: 7px 0;
    background: white;

    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
  }
  .sm-blue ul ul {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: white;
  }
  .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    border: 0 !important;
    padding: 9px 23px;
    font-weight:normal;
    background: transparent;
    color: #061857;
    font-size:0.7em;
  }
  .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    background: #b3b3b3;

  }
  .sm-blue ul a.current {
    background: #b3b3b3;
  }
  .sm-blue ul a.disabled {
    background: white;

  }
  
  
.sm-blue ul a:hover, .sm-blue ul  a:focus, .sm-blue ul a.current {}
  
  
  
  .sm-blue ul a span.sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #b3b3b3;
  }
  .sm-blue ul li {
    border: 0;
  }
  .sm-blue span.scroll-up,
  .sm-blue span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: white;
    height: 20px;
  }
  .sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #061857 transparent;
  }
  .sm-blue span.scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #061857 transparent transparent transparent;
  }
  .sm-blue.sm-rtl.sm-vertical a span.sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #b3b3b3 transparent transparent;
  }
  .sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a {
  /*
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -ms-border-radius: 0 8px 8px 0;
    -o-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
	*/
  }
  .sm-blue.sm-rtl > li:first-child {
    border-left: 1px solid #061857;
  }
  .sm-blue.sm-rtl > li:last-child {
    border-left: 0;
  }
  .sm-blue.sm-rtl ul a span.sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #b3b3b3 transparent transparent;
  }
  .sm-blue.sm-vertical {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  }
  .sm-blue.sm-vertical a {
    padding: 9px 23px;
  }
  .sm-blue.sm-vertical a span.sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #b3b3b3;
  }
  .sm-blue.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a {
  /*
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
	*/
  }
  .sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a {
  /*
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
	*/
  }
  .sm-blue.sm-vertical > li {
    border-left: 0 !important;
  }
  .sm-blue.sm-vertical ul {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
  }
  .sm-blue.sm-vertical ul a {
    padding: 9px 23px;
  }
}

/*koniec tematu gaficznego*/

/* ustawienia dla RWD */

@media (min-width: 520px) {
		#main-menu {
			position: relative;
			z-index: 9999;
		}
		#main-menu ul {
			width: 12em; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
		}
	}

.listaaktualnosci{float:left; width:100% }


#aktualnosc-artykul {
float:left;
background-color:#d53476;
color:#ffffff;
display:block;
padding:10px;
border:solid 2px #ffffff;
 -moz-box-shadow: 0 0 5px #999; /* Firefox */
 -webkit-box-shadow: 0 0 5px  #999; /* Safari and Chrome */
  box-shadow: 0 0 5px  #999; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  margin-bottom:5px;
  min-width:440px;
 }
 



 
.streszczenia-podstrony-wpis{
	width:98%;
	overflow:hidden;
	position:relative;
	margin-top:20px;

margin-bottom:5px;
background:#e8e8e8;
padding:5px;
}

.streszczenia-podstrony-wpis-tytul {font-weight:bold; font-size:1.1em;float:left;padding-top:10px; padding-left:20px;}

.streszczenia-podstrony-wpis a:link, .streszczenia-podstrony-wpis a:visited  {text-decoration: none; }
.streszczenie {display:table-cell;}
.streszczenia-obrazek {float:left; margin-right:15px}

.streszczenia-podstrony-obrazek {float:left; margin-right:15px}
.streszczenia-podstrony-wiecej{ float:right}
.streszczenie-podstrony {padding-left:120px}



.czasopismo-wydania-numer {
	width:98%;
	overflow:hidden;
	position:relative;
	padding-bottom:5px;
	-webkit-box-shadow:  0px 10px 10px -10px #000000; box-shadow:  0px 10px 10px -10px #000000;
}

.czasopismo-kol1 {width:170px;display:table-cell; float:left; display:block; height:100%}
.czasopismo-kol2 {   width:100%;display:table-cell;height:100%}


.aktualnosci-wpis {
	display:block;
	overflow:hidden;
	position:relative;
	padding:20px;
	border:solid 1px #dddddd;
	background: #f2f2f2;
}

.streszczenie-obrazek {padding-right:30px; float:left}
.tytulaktualnosci { font-weight:bold; color:#061857; }
.dataaktualnosci{font-size:0.9em;padding:20px 10px 5px 0;text-decoration:none;}
.aktualnosci-wpis a:link, .aktualnosci-wpis a:visited {text-decoration: none;}
.streszczenie {padding:20px 10px 20px 0;}
.wiecej-info{float:right; margin-top:10px}

.aktualnosci-lata {float:left; padding-left:20px}
.aktualnosci-rok {  display: inline-block;	}
	
.aktualnosci-rok a {
padding: 0.8em 1.4em;
display: block;
margin-right: 1px;
color: #105cb6;
border: 1px solid #9aafe5;
}



.aktualnosci-obr-wrapper {position:relative; width:auto; height:auto;display:block; float:left; margin-right:10px}

.aktualnosci-obr-nakladka {
z-index:20;
/*
 position: absolute;
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
*/	

    opacity: 0;
	position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	
 background: rgba(0, 0, 0, 0.50); 
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
	text-align: center;

	-webkit-transition: all 100ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
	
}

.aktualnosci-obr-nakladka:hover {opacity: 0.70;
	border-top: 0px;
	border-bottom:0px;
}

.aktualnosci-obr-wrapper:focus{
	border-top: 0;
	border-bottom:0;
	outline:2px solid red
}

.aktualnosci-obr-nakladka span { width:100% ;color:#fff;}


@media only screen and (max-width:730px){


}

@media only screen and (max-width:480px){


}


/*   aktualności pagination  */


.pagination{
  cursor: default;
 }
  
 .pagination li {list-style:none; padding:0; margin:0;}
 
 .pagination li:before {display:none}
  .pagination a, .pagination span, .pagination em {
    padding: 0.8em 1.4em;
    display: block;
    float: left;
    margin: 0 2px 2px 0; }
	.pagination span{
    color: #999999;
    border: 1px solid #dddddd; }

  .pagination a {
    text-decoration: none;
    color: #105cb6;
    border: 1px solid #9aafe5; }
	.pagination .active a:link {
    font-style: normal;
    font-weight: bold;
    background: #023968;
    color: #ffffff;
	
    border: 1px solid #023968; }
	
	.pagination .active a:visited{
    font-style: normal;
    font-weight: bold;
    background: #023968;
    color: #ffffff;
    border: 1px solid #023968; }

	.pagination a:hover, .pagination a:focus {
    color: #000033;
    border-color: #000033; }
  
  .pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .pagination {
    height: 1%; }
  *:first-child + html .pagination {
    overflow: hidden; }
.pagination li.control span {color:#000;}
.pagination li.control span.page-link {color:#000;}
.pagination li.page-item.disabled {color:#000;}

/* mapa-google */
#gmap{width:100%;height:300px; 
}
#gmap img{max-width:none}



/* Skip nav styles from Liam */

.skipnav {position: absolute; display: none; text-align: left; margin: 0; padding: 0} /*For all, including Opera. Display:none used to switch off the skip links for Opera users (it's redundant, Opera has excellent keyboard navigation)*/
* html .skipnav {display: block} /*Switch on for IE6 and below*/
*+html .skipnav {display: block} /*Switch on for IE7*/
:root .skipnav {display: block} /*Switch on for Moz, FF and Safari*/
.skipnav p {margin: 5px 0 0 0; padding: 0; position: absolute; font-size: 2em}
.skipnav a {width: 26em; display:block; color: #fff; background: #333; text-decoration: none; padding: 5px; position: absolute; left: -1000em; top: 0; font-weight: bold}
.skipnav a:visited {color: #fff}
.skipnav a:focus, .skipnav a:active {z-index: 99; top: 3em; left: 0; border: solid #777 2px; color: #fff; background: #333 !important} /*Note IE bug that requires use of :active to mimic effect of :focus*/

.skipnav a:hover {cursor: default}  


.skiptarget {width: 1px; height: 1px; overflow: hidden; float: right} /*this seems to be the optimum implementation of a target*/	

	/* color: #164194; */
#breadcrumb { 
	color: #fff;
	list-style: none; 
	overflow: hidden; 
	margin:10px 0 10px 0;
	font-size:0.9em
}
#breadcrumb li { 
	float: left; 
}
#breadcrumb li + li:before{
  content:  '>';
  margin:   0 2px;
}


#breadcrumb a:link, #breadcrumb a:visited{
	color: #fff;
	outline:0;
	-webkit-transition:none;
    transition:none;
}

#breadcrumb a:active, #breadcrumb  a:focus, #breadcrumb  a:hover {
	background-color:transparent;
	color: #fff;
	outline:none;
	
}


	

/* formularz kontaktowy - klasy  spform i formit */

.formularz-tekst-info {padding:2px 10px 2px 10px; color:#fefefe; background:#3b202a;-webkit-border-radius: 8px 8px  8px 8px ;-moz-border-radius:  8px 8px  8px 8px ; border-radius: 8px 8px  8px 8px ; } 
.formularz-tekst-info a:link, .formularz-tekst-info a:visited, .formularz-tekst-info a:hover, .formularz-tekst-info a, .formularz-tekst-info h1, .formularz-tekst-info h2, .formularz-tekst-info h3, .formularz-tekst-info h4 {color:#fefefe}

.formularz-tekst-info2 {float:left;padding:2px 10px 2px 10px; color:#fefefe; background:#f3f0ea;-webkit-border-radius: 8px 8px  8px 8px ;-moz-border-radius:  8px 8px  8px 8px ; border-radius: 8px 8px  8px 8px ; ; margin-bottom:20px;border:solid 1px #fefefe; } 

/*
.formularz-tekst-info2 a:link, .formularz-tekst-info a:visited, .formularz-tekst-info a:hover, .formularz-tekst-info a, .formularz-tekst-info h1, .formularz-tekst-info2 h2, .formularz-tekst-info h3, .formularz-tekst-info h4 {color:#fefefe}
*/

.przyciskform {margin-top:10px; }
.przyciskform:hover {cursor:pointer}		
.spf_recipient {
margin-top:0px;
margin-bottom:20px;
font-size:larger;
}

.spform_input {
position:absolute;
text-decoration:underline;
background-color:#CC0000;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;

}
.spf_input_pair{
display:block;
margin-bottom: 10px;
}

/* folmularz label */
.spf_block_prompt, .formularz-tekst-label {
display:block;
padding-right:10px;
color:#111111; margin:0; padding:0;letter-spacing:1px;
font-size:0.9em;
text-transform: uppercase;
}
.spf_inline_prompt {
display:inline;
padding-right:10px;
font-weight:bold;
}


/* form input */
.spf_normal_input input, .formularz-input input {
margin-top:6px;
font-weight:normal;
padding: 5px 7px 5px 7px;
width:100%;
background-color:#eeeeee;
border:solid 1px #cccccc;
-webkit-border-radius: 8px 8px  8px 8px ;-moz-border-radius:  8px 8px  8px 8px ; border-radius: 8px 8px  8px 8px ; 
}
.spf_normal_input input:focus, textarea:focus, .formularz-input input:focus {
background-color:#ffffff;
}



.spf_cookie_msg {
font-weight:normal;
color:#ff0000;
margin-top:20px;
margin-bottom:0px;
}
.spf_captcha_instructions {
font-weight:normal;
margin-top:10px;
margin-bottom:10px;
}
.spf_captcha_image {
margin: 20px 0px 20px 0px;
}
.spf_textarea textarea {
font-weight:normal;
}
.spf_buttons {
margin: 15px 0px 20px 20px;
}

#spf_errors {
margin-left: 0px;
margin-bottom: 20px;
}

#spf_errors ul li{
color:red;
}

#comments {
margin-top:6px;
font-weight:normal;
padding: 5px 7px 5px 7px;
width:100%;
background-color:#eeeeee;
border:solid 1px #cccccc;
-webkit-border-radius: 8px 8px  8px 8px ;-moz-border-radius:  8px 8px  8px 8px ; border-radius: 8px 8px  8px 8px ; 
}

.formularz-poletekstowe {
margin-top:6px;
font-weight:normal;
padding: 5px 7px 5px 7px;
width:100%;
background-color:#dddddd;
border:solid 1px #cccccc;
-webkit-border-radius: 8px 8px  8px 8px ;-moz-border-radius:  8px 8px  8px 8px ; border-radius: 8px 8px  8px 8px ; 
}
.formularz-input input {background-color:#dddddd;}

#comments:focus{background-color:#ffffff;}


.formularz-poletekstowe:focus{background-color:#ffffff;}


/* styled radio button 
http://www.designcouch.com/home/why/2013/05/13/styling-form-radio-buttons/
*/
#spf_form input[type="radio"] {
   position:absolute;
   opacity: 0;
   -moz-opacity: 0;
   -webkit-opacity: 0;
   -o-opacity: 0;
}

#spf_form input[type="radio"] + label {
   position:relative;
   padding: 0 0 0 20px;

}

#spf_form input[type="radio"] + label:before {
   content:"";
   display:block;
   position:absolute;
   top:2px;
   height: 14px;
   width: 14px;
   background: white;
   border: 1px solid #3b202a;
   box-shadow: inset 0px 0px 0px 2px white;
   -webkit-box-shadow: inset 0px 0px 0px 2px white;
   -moz-box-shadow: inset 0px 0px 0px 2px white;
   -o-box-shadow: inset 0px 0px 0px 2px white;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -o-border-radius: 8px;
   border-radius: 8px;
   
   
}

#spf_form input[type="radio"]:checked + label:before {
   background: #3b202a;
}


/* */
#formit_form input[type="radio"] {
   position:absolute;
   opacity: 0;
   -moz-opacity: 0;
   -webkit-opacity: 0;
   -o-opacity: 0;
}

#formit_form input[type="radio"] + label {
   position:relative;
   padding: 0 0 0 20px;

}

#formit_form input[type="radio"] + label:before {
   content:"";
   display:block;
   position:absolute;
   top:2px;
   height: 14px;
   width: 14px;
   background: white;
   border: 1px solid #3b202a;
   box-shadow: inset 0px 0px 0px 2px white;
   -webkit-box-shadow: inset 0px 0px 0px 2px white;
   -moz-box-shadow: inset 0px 0px 0px 2px white;
   -o-box-shadow: inset 0px 0px 0px 2px white;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -o-border-radius: 8px;
   border-radius: 8px;
   
   
}

#formit_form input[type="radio"]:checked + label:before {
   background: #3b202a;
}






.form_1_of_2 {float:left; width:48%;display:block; margin-bottom: 10px;}
.form_1_of_1 {float:left; width:100%;display:block; margin-bottom: 10px;}
.pr2proc {padding-right:2%}
.pr4proc {padding-right:4%}



/* ACCORDION */
.acc-click {cursor:pointer;}
				.example .acc-row {width: 100%; clear: both; display:block; }
				.example .acc-nagl {float:left; display:block;  width:100%}
				.example .acc-nagl.open {}
				.example .acc-click {cursor:pointer;}
				.example .open .acc-click { }
				.example .open .wid-zam {display:none}
				.example .wid-otw {display:none}
				.example .open .wid-otw {display:inline}
				.example .acc-click:hover { }
				.example .acc-cont {display: none;overflow: auto;clear:both;}
	
	/* style akordeonu ZAKŁADKI ROZWIJANE  */
	.accordion-zakladki-rozwijane  {float:left;display:block; width: 98%; }
	.accordion-zakladki-rozwijane .acc-row { float:left;display:block; width: 100%;  }
	.accordion-zakladki-rozwijane .acc-nagl {float:left; width: 100%; display:block; width:100%; margin-bottom:2px; padding:10px;border:solid 1px #b4b3b3}
	.accordion-zakladki-rozwijane .acc-nagl.open {}
	
	.accordion-zakladki-rozwijane .acc-nagl.open .acc-click { }
	.accordion-zakladki-rozwijane .acc-nagl.open .wid-zam {display:none}
	.accordion-zakladki-rozwijane .acc-nagl .wid-otw {display:none}
	.accordion-zakladki-rozwijane .acc-nagl.open .wid-otw {display:inline}
	.accordion-zakladki-rozwijane .acc-click:hover { }
	.accordion-zakladki-rozwijane .acc-cont {display: none;overflow: initial;clear:both;}
	
	

	
	

.accordionvamkontener{padding: 2% 0;}
.accordionvamelement {}


/* GALERIA  - wyświetlanie listy obrazków na stronie*/


.galeria-wrapper {width:100%; display:block; text-align:center;padding-top:10px; float:left;}

.galeria-obr-wrapper {
position:relative;
float:left;
width:auto;
height:auto;
display: inline-block;
}

.galeria-obr-nakladka {
z-index:20;
/*
 position: absolute;
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
*/	

    opacity: 0;
	position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	
 background: rgba(0, 0, 0, 0.50); 
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
	text-align: center;

	-webkit-transition: all 100ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
	
}

.galeria-obr-nakladka:hover {opacity: 0.70;
	border-top: 0px;
	border-bottom:0px;
}

.galeria-obr-wrapper:focus{
	border-top: 0;
	border-bottom:0;
	outline:2px solid red
}

.galeria-obr-nakladka span { width:100% ;color:#fff;}
	
	
		
	
/* GALERIA  - css sryptu PrettyPhoto.js*/
	
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}	/*
oficjalne strony:
http://kenwheeler.github.io/slick/
https://github.com/kenwheeler/slick
inny opis:
http://www.jqueryscript.net/slider/Fully-Responsive-Flexible-jQuery-Carousel-Plugin-slick.html
dodatkowy przycisk
http://jsfiddle.net/j8vxd2py/1/
*/


#slajdwr{min-width:480px;padding-right:2px;
  
}
.opis{font-size:0.8em;}



#slajd-karuzela-kontener {position:relative;  margin:0 auto; display:block; height:80px; overflow:hidden;}
#slajd-karuzela2-kontener {position:relative;  margin:0 auto; display:block; height:120px; overflow:hidden;}
.slajd-karuzela { }
.slajd-karuzela2 {}
.karuzela2obiekt {}
/* DODATKOWY CSS TEMPLATKI POJEDYNCZEGO SLAJDU  */

/* KONIEC -  DODATKOWY CSS TEMPLATKI POJEDYNCZEGO SLAJDU -KONIEC */

/* PRAKTYCZNIE CAŁY WYGLĄD ZMIENIA SIE W KONFIGURACJI SKRYPTU, poniższy kod zapewnia 2 konfiguracje: dla .slajd-glowny i .slaj-karuzela */

.slick-slider
{

    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
width:100%;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;

}

/* Pochylony obrzekk slajd */
/*
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
*/
.slick-slider .slick-track,
.slick-slider .slick-list {}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
/* Pochylony obrzekk slajd */
/*
.slick-slide
{
    display: none;
    float: left;
    height: 100%;

    min-height: 1px;
    margin: 0px 1px;
	-moz-transform: skewX(-4deg);
-webkit-transform: skewX(-4deg);
-o-transform: skewX(-4deg);
-ms-transform: skewX(-4deg);
transform: skewX(-4deg);
}
*/
.slick-slide
{
    display: none;
    float: left;
    height: 100%;

    min-height: 1px;
    margin: 0px 1px;

}




[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    width:100%;
}
.slick-slide.slick-loading img
{
    display: none;
}
/*.slick-slide.dragging img
{
    pointer-events: none;
}
*/
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}


/* Slider */

.slick-loading .slick-list{background: #fff url('/tpl/images/ajax-loader.gif') center center no-repeat;}

/* Icons */

/* DODATKOWE PRZYCISKI (button) PAUZY i ODTWARZANIA */

/* slajd-glowny */

.slajdimg {width:450px; height:250px}

#slajd-glowny-kontener {position:relative;  margin:0 auto; margin-top:20px; border-top:solid 10px #ddd; border-bottom:solid 10px #ddd; width:100%; height:250px; overflow:hidden; }


.slajd-glowny-pauza {
position:absolute; bottom:5px; left:5px; z-index:999;padding:10px;
background:#000000;border:none; 
}

.slajd-glowny-pauza:before {
    font-family: 'standard';
    font-size: 20px;
    line-height: 1;
    color: #ffffff;
/* znaczek z własnej czcionki: */
content: '\006E';
}
.slajd-glowny-pauza:hover, .slajd-glowny-pauza:hover:before  {cursor:pointer}
.slajd-glowny-pauza:focus:before,.slajd-glowny-pauza:active:before, .slajd-glowny-pauza:hover:before {opacity: 1;}

.slajd-glowny-odtwarzaj {
position:absolute; bottom:5px; left:40px; z-index:999; padding:10px;
/* ukrycie grafiki przycisku */
background:#000000;border:none; 
}
.slajd-glowny-odtwarzaj:before {
    font-family: 'standard';
    font-size: 20px;
    line-height: 1;
    color: #ffffff;
/* znaczek z własnej czcionki: */
content: '\0063';
}
.slajd-glowny-odtwarzaj:hover, .slajd-odtwarzaj:hover:before  {cursor:pointer; color:#ddd;}


.slajd-glowny-odtwarzaj:focus:before,.slajd-glowny-odtwarzaj:focus:before, .slajd-glowny-odtwarzaj:hover:before {opacity: 1;}
/* koniec- slajd-glowny -koniec */

/* slajd-karuzela */

.slajd-karuzela-slide { padding:0 30px;}

.slajd-karuzela-pauza {
position:absolute; bottom:-25px; left:5px; z-index:999;padding:0;
/* ukrycie grafiki przycisku */

 background:none;border:none; 
}

.slajd-karuzela-pauza:before {
    font-family: 'standard';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: #ffffff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	text-shadow: 1px 1px 1px #222;;
	/* standardowy znaczek */
/*     content: 'zatrzymaj'; */
/* znaczek z własnej czcionki: */
content: '\006E';
}
.slajd-karuzela-pauza:hover, .slajd-karuzela-pauza:hover:before  {cursor:pointer}
.slajd-karuzela-pauza:focus:before,.slajd-karuzela-pauza:active:before, .slajd-karuzela-pauza:hover:before {opacity: 1;}

.slajd-karuzela-odtwarzaj {
position:absolute; bottom:-25px; left:40px; z-index:999; padding:0;
/* ukrycie grafiki przycisku */
background:none;border:none; 
}

.slajd-karuzela-odtwarzaj:before {
    font-family: 'standard';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: #ffffff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	text-shadow: 1px 1px 1px #222;;
	/* standardowy znaczek */
/*     content: 'zatrzymaj'; */
/* znaczek z własnej czcionki: */
content: '\0063';
}

.slajd-karuzela-odtwarzaj:hover, .slajd-odtwarzaj:hover:before  {cursor:pointer}


.slajd-karuzela-odtwarzaj:focus:before,.slajd-karuzela-odtwarzaj:focus:before, .slajd-karuzela-odtwarzaj:hover:before {opacity: 1;}
/* koniec- slajd-karuzela -koniec */




/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;												
    display: block;
    width: 50px;
    height: 50px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index:999;
}



.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}


.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'standard';
    font-size: 30px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	text-shadow: 1px 1px 1px #222;;
	z-index:2000;

}

.slick-prev
{
    left: 25px;
}
[dir='rtl'] .slick-prev
{
    right: 25px;
    left: auto;
}

.slajd-karuzela .slick-prev {top: 20%;left: -60px;}
.slajd-karuzela .slick-next {top: 20%;right: -60px;}

.slajd-karuzela2 .slick-prev {top: 20%;left: 0px;}
.slajd-karuzela2 .slick-next {top: 20%;right: 0px;}

.slick-prev:before
{
/* standardowy znaczek */
/*     content: '‹'; */
/* znaczek z własnej czcionki: */
content: '\0061';
}

[dir='rtl'] .slick-prev:before
{
/* standardowy znaczek */
/*   content: '›'; */
/* znaczek z własnej czcionki: */
    content: '\0062';
}

.slick-next
{
    right: 25px;
}

[dir='rtl'] .slick-next
{
    right: auto;
    left: 25px;
}
.slick-next:before
{
/* standardowy znaczek */
/*   content: '›'; */
/* znaczek z własnej czcionki: */
    content: '\0062';
}

[dir='rtl'] .slick-next:before
{
/* standardowy znaczek */
/*     content: '‹'; */
/* znaczek z własnej czcionki: */
content: '\0061';
}

/* Dots */
.slick-dots
{
 color: transparent;
  background: transparent;
    position: absolute;
    bottom: 15px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button
{
  font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}

.slick-dots li button:before
{
font-family: 'standard';
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    /* content: '•'; */
	content: '\0045';
    text-align: center;
    opacity: .25;
    color: #fefefe;
	text-shadow: 1px 1px 1px #222;;


}

.slick-dots li.slick-active button:before
{
text-shadow: 1px 1px 1px #222;;
    opacity: .75;
    color: #fefefe;
	
}