@charset "UTF-8";@-ms-viewport{width: device-width; }
body {background:linear-gradient(white, #aed033, white); margin:0px;font-family: Arial;color: #4B4B4B;} a {text-decoration:none;color:#4B4B4B;font-weight: bold;}a:hover {color: #003366;}
.art_left{ width:80%; float:left;}
.art_pic{ width:48%; padding-left: 15px;padding-top: 15px; float:right;font-size: 12px;text-align: center;}
.art_pic_l{ width:48%; padding-left: 15px;padding-top: 15px; float:left;font-size: 12px;text-align: center;}
.art_right { width:17%; float:right; margin-top: 0px; background-color: #c0d6e4; padding-left: 15px;}
.art_right_wh { width:20%; float:right;}
.avatar { vertical-align: middle; border-radius: 10%;}
.cert {width:70%;   display: block;  margin-left: auto;  margin-right: auto;}
.dodano { text-align: left; font-size: 13px; color: #909791; margin-left: 20px; padding-bottom: 6px; }
.glowny100 {width: 100%;min-width:300px;margin-left: auto; margin-right: auto; }
.glowny { font-size: 18px; width: 100%;  display: inline-block; clear:left;}
.glowny60 {width: 60%;min-width:300px;margin-left: auto; margin-right: auto; }
.glowny_srodek90 {width: 90%;margin-left: auto; margin-right: auto;}
.gl_prof {width: 20%;max-width:350px;min-width:255px;text-align:center;margin-left: auto;margin-right: auto;display: inline-block;}
.glowny_galeria { text-align: center;	width: 95%; margin-top: 10px;margin-left: auto;	margin-right: auto;	margin-bottom: 30px;}
.glowny_galeria1 { background-color: #ffffff; border-radius: 20px; text-align: center;	width: 95%; margin-top: 10px;margin-left: auto;	margin-right: auto;	padding-bottom: 25px;}
.galeria-mob {display: none;}
h1 { font-size: 22px;color: #003366;text-align: center;font-weight: bold;}
h2 {font-size: 17px;text-align: center;}
h3 {font-size: 19px;font-weight: bold; color: #003366;}
h4 {font-size: 15px;text-align: center;}
h6 {font-size: 11px;text-align: center;}
.header {width: 100%;clear:left;background-color:#ffffff;}
.header_logo { 	width: 100%; clear: left; 	}
.header_logo_lewy { float: left; width: 50%; margin-left: 15px; padding-top: 10px}
.header_logo_media { float: left; padding-top: 20px; width: 35%; text-align:right; 	}
.header_logo_prawy {float: right; width: 10%; clear: right; }
.l_r { width:14%; float:right; margin-top: 0px; background-color: #c0d6e4; padding-left: 17px;}
.links { display:inline; font-size: 13px; line-height:3}
.nawigacja {float: left; width: 100%;clear: left;}
.pic {width:18%; text-align: center; margin-left: auto; margin-right: auto;display: inline; }
.pic:hover {opacity: 0.5; }.pasek { width: 100%; height:1px; clear:both; background-color:#909791;margin-bottom:10px;margin-top:10px}
.pic_prof{ width:25%; float:right;font-size: 12px; }
.profil_link {text-align:right;font-size:40px;}
.profil_link a { color: #003366;}
.profil_link a:hover { color: #c0d6e4;}
p.notka{font-size: 17px;padding-left:20px;padding-right:20px;}
p.notka_news {padding-left:20px;padding-right:20px;}
p.notka_news a{font-family:"Tahoma"; font-size: 11px; text-decoration:none; color:#016D0D; font-weight:normal; padding-left:30px;padding-right:30px}
p.notka_r{font-size: 17px;padding-left:2px;padding-right:2px;}
p.notka_indent{ font-size: 17px; padding-left:20px; padding-right:20px; text-indent: 50px; }
p.notka_c{text-align: center;font-size: 17px;}

.space_vis{ width: 100%; height:20px; clear:both;}
.space_video{ width: 100%; text-align: center; margin-left: auto; margin-right: auto;}
.sticky{width:100%;position:fixed;left:auto;top:0;z-index:100}
.spolecznosciowe{text-align: center; width: 100%;  clear: both; overflow: auto;}
.spolecznosciowe_srodek{width: 33%;	float: left ; padding-bottom: 7px;	padding-top: 7px;}
 .spolecznosciowe_srodek:hover {opacity: 0.5;}
.stopka{width:100%;font-family:Impact,Haettenschweiler,"Franklin Gothic Bold","Arial Black",sans-serif;color:#ffffff; background-color: #003366;text-align:center;margin-left:auto;margin-right:auto;border-bottom-width:0px;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;clear:left}
.top_3l {width: 18%;margin-top:20px;margin-bottom:30px; margin-left:7%;   float: left;display: inline;}
.top_3s {width: 45%; margin-top:20px;margin-bottom:30px;display: inline; text-align: center;float: right; margin-right:5%;}
.top_3p {width: 18%;margin-top:20px;margin-bottom:30px;margin-right:7%;  float: right;display: inline;text-align: center; }
.center {width: 90%;margin-top:20px;margin-bottom:30px;margin-right:7%;  float: right;display: inline;text-align: center; }
.top_pc {width: 17%; margin-top:20px;margin-bottom:30px;  display: inline; padding: 2%; float: right; margin-right:5%; background-color: #003366;line-height:2}
.top_pc a {color: #fff;} .top_pc a:hover { color: #c0d6e4;}
.top_lc {width: 60%; margin-top:20px;margin-bottom:30px;margin-left:5%;  float: left;}
.top_lc2 {width: 50%; margin-top:20px;margin-bottom:30px;margin-left:5%;  float: left;}
.top_pc2 {width: 30%; margin-top:20px;margin-bottom:30px;margin-right:5%;  float: right;text-align: center;}
ul {font-size: 17px;}
.video{ width:400px; height:225px;text-align: center; padding:20px;}
.wiecej {width: 100%;font-size: 17px; padding-top:10px;}
.wiecej a { background-color: #003366; color: #fff; }
.wiecej a:hover { color: #c0d6e4;}
.wrapper { width: 100%;	margin-left: auto;margin-right: auto;}
		#fb{width: 15%;}#gplus {width: 15%;}#tw {width: 15%;}#yt {width: 15%;}

#formularz {
        width:260px; /* ustawiamy szerokość formularza */
        margin:0 auto; /* jeżeli nasz formularz ma ustawioną szerokość wyśrodkowujemy go */
        background-color:#fff; /* dodajemy kolor tła naszemu formularzowi */
        border:2px solid #ccc; /* dodajemy obramowanie o szerokości 2px */
        border-radius:10px; /* zaokrąglamy tło naszego formularza */
		padding:20px; /* dodajemy margines wewnątrz naszego formularza */
        margin-top:20px; /* dodajemy margines górny naszego formularza */}
#formularz label {
    display:block;/* ustawiamy by label rozpoczynał się od nowej linii*/
    margin-bottom:5px;/* dodajemy margines dolny */
    font-weight:bold; /* pogrubiamy czcionkę */
    text-transform: uppercase; /* zamieniamy wszystkie litery na duże */
    font-size:12px; /* ustawiamy wielkość czcionki */
    color:#555555; /* ustawiamy kolor czcionki */
}#formularz textarea,
#formularz input {
	padding:5px; /* dodajemy margines wewnątrz naszego pola */
	border-radius:3px; /* dodajemy zaokraglone rogi */
	border:1px solid #ccc; /* dodajemy obramowanie */
	margin-bottom:25px; /* dodajemy margines dolny */
	width:245px; /* ustalamy szerokość */}

#formularz input#submit {
	width:255px; /* ustalamy szerokość */
	cursor:pointer; /* zmieniamy kursor */
	margin-bottom:0px;/* resetujemy margines dolny */
}

#formularz p.copy {
	color:#555555; /* ustawiamy kolor czcionki */
	margin-bottom:0px; /* resetujemy margines dolny */
	font-size:12px; /* ustawiamy rozmiar czcionki */
	text-align: center; /* wyśrodkowywujemy tekst */
}

#formularz p.copy a {
	color:#555555;/* ustawiamy kolor czcionki */
	text-decoration: none; /* usuwamy podkreślenie linku */
	font-weight:bold; /* pogrubiamy czcionkę */
}

@media (max-width:1024px){
    .header_logo_lewy {width: 65%;margin-left: auto;margin-right: auto;} 	.header_logo_media { float: left; width: 35%; text-align:right;} 	#fb_m {width: 24%;} #tw_m {width: 24%;} #gplus_m {width: 24%;} 	#yt_m {width: 24%;} .header_logo_prawy { display:none;}
.art_right { width:24%; padding-left: 17px;font-size: 12px;}
.art_left{ width:72%;}
.art_right_wh { width:27%;}
.l-r { width:24%; padding-left: 17px;font-size: 12px;}
.pic_prof{ padding-right: 35px;}
.stopka p{font-size: 14px;}}
@media (max-width:967px){ .sticky {display: none;} .wrapper {width: 95%;} .glowny { padding-top: 0px;} .glowny_srodek90 {width: 98%;}
.art_right { float:none; width: 98%; margin-top: 0px; text-align:center;}
.art_left{ width:90%; text-align:center}
.art_pic{ width:55%; padding-left: 13px;padding-top: 13px; }
.art_pic_l{ width:55%; padding-left: 13px;padding-top: 13px; }
.art_right_wh { width: 90%; margin-top: 10px; margin-left: 20px; margin-right: 20px; text-align:center;}
.l_r { float:none; width: 94%; margin-top: 0px; text-align:center;}
#ps {max-width:300px;}
#more_p {width: 50%; max-width:180px;}
.pic_prof{ padding-right: 1px;}
p.notka_news { font-size: 10px;padding-left:10px;padding-right:10px;text-align: center;}
#logo {width:70%;}#poster {width:90%;}
.top_3p {width: 40%;display:inline;margin-top:20px;}
.top_3l {width: 40%;display:inline; text-align: center;margin-top:10px;}
.top_3s {width: 90%; text-align: center;margin-top:0px;}
.video{  padding:5px;}
@media (max-width: 420px) {.sticky {display: none;} .musli {display: none;}
.art_pic { width:100%; margin-left: auto; margin-right: auto; display:block; text-align:center;}
.art_pic_l { width:100%; margin-left: auto; margin-right: auto; display:block; text-align:center;}
.art_right {padding-left:0px; width:100%;}
.avatar {width:95%;height:95%}
#cer1 {width: 90%; height:90%}#cer2 {width: 90%;}
.glowny_srodek90 {padding-right:10px;padding-left:10px;}
.glowny60 {width: 98%;float: left;}
.glowny h1 {padding-left:auto;padding-right:auto;}
 .pasek { width: 100%; height:1px; clear:both; background-color:#e1daf6;margin-bottom:2px;margin-top:2px} .stopka p{color: #FFFFFF;font-size: 13px;text-align: center;padding-left: 15px;	padding-right: 15px;}
 .pic {width:98%; display:block }
 .top_lc {width: 90%;float: left;}
.top_lc2 {width: 90%;display:inline;}
.top_pc2 {width: 100%;display:inline;margin-right:0px;text-align: center;}
.top_pc {display: none}
  .wrapper {width: 100%;margin-left: auto;margin-right: auto;border-bottom-width: 0px;} .header_logo_lewy {float: left;text-align:center;width: 100%;margin-left: auto;margin-right: auto;} .header_logo_media {display:none;}
	#fb{width: 30%;}#gplus {width: 30%;}#tw {width: 30%;}#yt {width: 30%;}
	#sl1 {width: 85%;}#sl2 {width: 85%;}#sl3 {width: 85%;}#sl4 {width: 85%;}#sl5 {width: 85%;}#sl6 {width: 85%;} #th1 {width:85%;}#th2 {width: 85%;}#th3 {width: 85%;}#th4 {width: 85%;}#th5 {width: 85%;}
 	.header_logo_prawy {display: none;}
.wiecej {width: 100%;font-size: 14px; padding-top:10px;padding-bottom:10px; text-transform: lowercase}
  .video{ width:95%; text-align: center;} #gallnoshow {display: none;} .galeria-mob {display:block; width:90%;margin-left: auto;margin-right: auto; text-align:center} .pic_prof{ width:97%;padding-left:1px}