/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 13, 2015 */
@font-face {
	font-family: 'ralewaybold';
	src: url('/fonts/raleway-bold-webfont.eot');
	src: url('/fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),           url('/fonts/raleway-bold-webfont.woff') format('woff'),           url('/fonts/raleway-bold-webfont.ttf') format('truetype'),           url('/fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewaybold_italic';
	src: url('/fonts/raleway-bolditalic-webfont.eot');
	src: url('/fonts/raleway-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),           url('/fonts/raleway-bolditalic-webfont.woff') format('woff'),           url('/fonts/raleway-bolditalic-webfont.ttf') format('truetype'),           url('/fonts/raleway-bolditalic-webfont.svg#ralewaybold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewayextrabold';
	src: url('/fonts/raleway-extrabold-webfont.eot');
	src: url('/fonts/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),           url('/fonts/raleway-extrabold-webfont.woff') format('woff'),           url('/fonts/raleway-extrabold-webfont.ttf') format('truetype'),           url('/fonts/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewayextrabold_italic';
	src: url('/fonts/raleway-extrabolditalic-webfont.eot');
	src: url('/fonts/raleway-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),           url('/fonts/raleway-extrabolditalic-webfont.woff') format('woff'),           url('/fonts/raleway-extrabolditalic-webfont.ttf') format('truetype'),           url('/fonts/raleway-extrabolditalic-webfont.svg#ralewayextrabold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewayitalic';
	src: url('/fonts/raleway-italic-webfont.eot');
	src: url('/fonts/raleway-italic-webfont.eot?#iefix') format('embedded-opentype'),           url('/fonts/raleway-italic-webfont.woff') format('woff'),           url('/fonts/raleway-italic-webfont.ttf') format('truetype'),           url('/fonts/raleway-italic-webfont.svg#ralewayitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewaymedium';
	src: url('/fonts/raleway-medium-webfont.eot');
	src: url('/fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),           url('/fonts/raleway-medium-webfont.woff') format('woff'),           url('/fonts/raleway-medium-webfont.ttf') format('truetype'),           url('/fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewaymedium_italic';
	src: url('/fonts/raleway-mediumitalic-webfont.eot');
	src: url('/fonts/raleway-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),           url('/fonts/raleway-mediumitalic-webfont.woff') format('woff'),           url('/fonts/raleway-mediumitalic-webfont.ttf') format('truetype'),           url('/fonts/raleway-mediumitalic-webfont.svg#ralewaymedium_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ralewayregular';
	src: url('/fonts/raleway-regular-webfont.eot');
	src: url('/fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),           url('/fonts/raleway-regular-webfont.woff') format('woff'),            url('/fonts/raleway-regular-webfont.ttf') format('truetype'),            url('/fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* INIT-----------------------------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt {
	margin: 0;
	padding: 0;
	border: 0;
	outline-style: none;
	outline-width: 0;
}
a, a:visited {
	text-decoration: none;
}
a {
	color: #555;
	outline-style: none;
	outline-width: 0;
  font-size: 14px;
}
a:hover {
	color: #000;
}
a:focus {
	outline: 2px solid;
}
ol, ul {
list-style: none;
}
legend {
	display: none;
}
body, input, textarea, select, option, optgroup, button {
}
input, textarea, select, option, optgroup, button {
	font-size: 14px;
}
p {
	line-height: 1.6;
  font-size: 14px;
}
/* LAYOUT-----------------------------------------------------------------------------*/
html {
}
body {
	font-family: 'ralewayregular';
	color: #003469;
	font-size: 14px;
}
#container {
	min-height: 100%;
	background: url("../../images/bg.png") repeat top left;
	float: left;
	width: 100%;
}
.wrapper {
}
.wrap {
	margin: 0 auto;
	width: 1150px;
}
/* HEADER-----------------------------------------------------------------------------*/
.header {
	min-height: 200px;
	background-color: #fff;
	width: 100%;
	float: left;
}
.logo1 {
 background: rgba(0, 0, 0, 0) url("../../images/logo.svg") no-repeat scroll left top; 
 background-size: 64px 71px;
    float: left;
    height: 71px;
    margin-top: 12px;
    width: 64px;
}
.logo {
	float: left;
	height: auto;
	margin-bottom: 13px;
	margin-top: 18px;
	width: 100%;
}
.obrazek {
	float: right;
}

#nazwa {
    color: #002f5f;
    float: left;
    font-family: "ralewayextralight";
    font-size: 70px;
    letter-spacing: -1px;
    margin-left: 15px;
    margin-top: 5px;
}
.top-nav {
	border-bottom: 1px solid #f0f0f0;
	box-sizing: border-box;
	float: left;
	height: 40px;
	width: 100%;
}
.top-nav ul {
	float: right;
	width: auto;
}
.top-nav ul li {
	float: left;
	height: 30px;
	margin-left: 20px;
	padding-top: 10px;
	width: auto;
}
.path {
	float: left;
	height: auto;
	margin-top: 20px;
	padding-bottom: 13px;
	width: 100%;
   font-size: 10px; 
}
.path a {
	color: #666;
	font-size: 12px;
	text-transform: lowercase;
}
.home-icon {
	background: url("../../images/home.svg") no-repeat scroll center center rgba(0, 0, 0, 0);
	float: left;
	height: 18px;
	margin-right: 6px;
	width: 16px;
  text-indent: -9999px;
	background-size: 16px 18px;
   font-size: 12px;
}
.spacer {
	color: #666;
    font-size: 14px;
}
.path a.active {
	font-family: 'ralewaybold';
	color: #002f5f;
}
.path a:hover {
	color: #002f5f;
}
.search {
	background: #00baff;
	float: right;
	width: 300px;
	height: 50px;
}
.input-search {
	border: medium none;
	box-sizing: border-box;
	height: 50px;
	padding: 8px 15px;
	width: 85%;
	color: #002f5f;
	background: none repeat scroll 0 0;
	font-size: 14px;
	float: left;
}
.btn-search {
	background: url("../../images/lupa.svg") no-repeat scroll center center rgba(0, 0, 0, 0);
	border: medium none;
	box-sizing: border-box;
	cursor: pointer;
	float: right;
	height: 50px;
	padding: 7px 5px;
	width: 15%;
	text-indent: -9999px;
    background-size: 25px 26px; 
}
.btn-search:hover {
	background: #65c7ed url("../../images/lupa.svg") no-repeat scroll center center;
    background-size: 25px 26px; 
}
.lang {
	font-size: 10px;
	margin-bottom: 10px;
	width: 100%;
	height: 20px;
}
.lang li {
	width: auto;
	float: left;
}
/* MENU-----------------------------------------------------------------------------*/
.menu-bg {
	background-color: #002f5f;
	width: 100%;
	min-height: 50px;
	float: left;
}
.menu {
	display: block;
	float: left;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	width: 850px;
}
.menu li {
	float: left;
	text-align: center;
	position: relative;
}
.menu li a {
	box-sizing: border-box;
	float: left;
	height: 50px;
	line-height: 52px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	font-family: 'ralewaybold';
	color: #fff;
	padding: 0 13px;
	width: auto;
}
.menu li.item-0 a {
	background: url("../../images/home2.svg") no-repeat scroll center;
	background-size: 21px 23px;
	text-indent: -9999px;
	width: 40px;
	float: left;
	overflow: hidden;
}
.menu .item-0.active a {
	background: #00baff url("../../images/home.svg") no-repeat scroll center;
	background-size: 21px 23px;
}
.menu li.active a {
	background: #00baff;
	color: #002f5f;
}
.menu li:hover {
	background: #00baff;
	color: #002f5f;
}
.menu li a:hover {
}
.submenu li.item-0 a {
	background: none!important;
	text-indent: 0px;
	width: 100%;
}
.submenu li a {
	box-sizing: border-box;
	color: #002f5f;
	float: left;
	font-family: "ralewaybold";
	font-size: 13px;
	height: auto;
	line-height: 40px;
	padding: 0 20px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
}
.submenu li a:hover {
	background: #65c7ed!important;
	color: #002f5f;
}
/* CONTENT-----------------------------------------------------------------------------*/
.content {
	float: left;
	height: auto !important;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.main {
	float: left;
	min-height: 300px;
	padding-right: 20px;
	padding-top: 20px;
	width: 830px;
}
h1 {
	font-family: 'ralewaybold';
	font-size: 32px;
	width: 100%;
	float: left;
	color: #002f5f;
	text-transform: capitalize;
}
h2 {
	font-size: 24px;
	color: #002f5f;
}
h3 {
	font-size: 20px;
	color: #002f5f;
	margin-bottom: 10px;
	margin-top: 10px;
}
h4 {
	font-size: 16px;
	color: #002f5f;
	margin-bottom: 10px;
	margin-top: 10px;
}
h5 {
	font-size: 14px;
	color: #002f5f;
}
h6 {
	font-size: 12px;
	color: #002f5f;
}
.article h1,.article h2, .article h3, .article h4, .article h5, .article h6 {

margin-top: 10px;
margin-bottom: 10px;
}
.art-h1 {
	float: left;
	margin-bottom: 5px;
	margin-top: 18px;
	width: 100%;
}
/* ARTICLE-----------------------------------------------------------------------------*/
.article {
	padding: 20px 20px 30px 0px;
	min-height: 300px;
	color: #555555;
  font-size: 14px;
}
.index .article {
	display: none;
}
.article h1 {
	float: none;
}
.article h2 {
}
.art-content {
}
.art-body {
	margin-bottom: 15px;
  font-size: 14px;
}
.article ul {
	list-style-image: url('/images/submenu-a.svg');
	list-style-position: inside;
	margin: 0;
}
.article li {
	font-size: 14px;
	font-family: 'ralewayregular';
}
.article ol {
	box-sizing: border-box;
	font-size: 14px;
	list-style: inside none decimal;
	width: 100%;
}
.article ol li {
	font-family: 'ralewayregular';
}
.art-date {
}
.art-author {
}
/* galeria artykulu */
.art-gallery {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.art-gallery h3, .art-files h3 {
	background: #002f5f;
	font-family: 'ralewaymedium';
	box-sizing: border-box;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 5px 16px;
	width: 100%;
	border-radius: 3px;
}
.art-gallery .thumb, .art-gallery .thumb a {
	float: left;
}
.art-gallery .thumb a img {
	display: block;
	border: 1px solid #ddd;
	padding: 5px;
}
/* za��czniki artykulu */
.art-files {
	display: inline-block;
	width: 100%;
}
.files-item {
	line-height: 22px;
	padding-left: 20px;
	font-size: 12px;
	float: left;
	width: 100%;
	box-sizing: border-box;
}
.files-item a {
	float: left;
}
/* FILE ICONS-----------------------------------------------------------------------------*/
.ico-doc {
	background: url(/images/filetypes/document-word.png) no-repeat left 2px;
}
.ico-xls {
	background: url(/images/filetypes/document-excel.png) no-repeat left 2px;
}
.ico-ppt {
	background: url(/images/filetypes/document-powerpoint.png) no-repeat left 2px;
}
.ico-pdf {
	background: url(/images/filetypes/document-pdf.png) no-repeat left 2px;
}
.ico-image {
	background: url(/images/filetypes/document-image.png) no-repeat left 2px;
}
.ico-archive {
	background: url(/images/filetypes/document-zipper.png) no-repeat left 2px;
}
/* ASIDE-----------------------------------------------------------------------------*/
.aside {
	width: 300px;
	float: right;
	background: transparent;
	min-height: 300px;
	padding-top: 20px;
}
/* SUBMENU-----------------------------------------------------------------------------*/
.submenu-body {
	background: none repeat scroll 0 0 #00baff;
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.submenu-top {
	background: none repeat scroll 0 0 #00baff;
	font-size: 24px;
	font-family: 'ralewaybold';
	color: #002f5f;
	padding: 15px 30px;
	text-transform: uppercase;
	border-bottom: 1px solid #299ecb;
}
.submenu-foot {
}
/* level-0 */
ul.level-0 {
	width: 100%;
}
li.level-0 {
}
li.level-0:last-child a {
	border-bottom: 0;
}
li.level-0 a {
	border-bottom: 1px solid #299ecb;
	box-sizing: border-box;
	color: #002f5f;
	float: left;
	font-family: "ralewaybold";
	font-size: 14px;
	padding: 8px 30px 8px 45px;
	text-transform: uppercase;
	width: 100%;
	background: url("../../images/submenu.svg") no-repeat;
	background-position: left 30px center;
}
li.level-0.active a {
	background: #002f5f url("../../images/submenu-a.svg") no-repeat;
	background-position: left 30px center;
	border-bottom: none;
	color: #fff;
}
li.level-0 a:hover {
	background: #65c7ed url("../../images/submenu.svg") no-repeat;
	background-position: left 30px center;
}
/* level-N */
li.level-1 a {
	font-size: 12px;
	padding: 3px 30px 3px 50px;
	color: #002f5f!important;
	text-transform: capitalize;
	background: #fff url("../../images/submenu.svg") no-repeat!important;
	background-position: left 30px center!important;
	border-bottom: none!important;
}
ul.level-1 {
	background: none repeat scroll 0 0 #fff;
	box-sizing: border-box;
	float: left;
	border-bottom: 1px solid #299ecb;
	padding: 12px !important;
	width: 100%;
}
li.level-1.last a {
}
li.level-1 a:hover, li.level-1.active a {
	color: #299ecb!important;
}
/* ANIM-----------------------------------------------------------------------------*/
.anim-wrap {
}
.anim {
	float: left;
  width: 300px;
  height: 180px;

}
.anim slides {
}
.anim slides img {
}
ul.anim-nav {
}
ul.anim-nav li {
}
ul.anim-nav li a {
}
/* NEWS-LISTING-----------------------------------------------------------------------------*/
.news-listing {
}
.news-item {
	border-bottom: 1px dashed #00baff;
	margin-bottom: 20px;
	padding-bottom: 25px;
}
.news-item h2 {
	background: #002f5f none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 5px 10px;
	box-sizing: border-box;
  margin-top: 0;
}
.news-item h2:hover {
	background: #004489 none repeat scroll 0 0;
}
.news-item h2 a {
	color: #fff;
}
.news-item-content {
}
.news-item-info {
	display: inline-block;

	position: relative;
}
.news-item-date {
	background: #00baff none repeat scroll 0 0;
	color: #000;
float: left;
	font-family: "ralewaymedium";
	font-size: 14px;
	height: 19px;

	padding: 5px 16px;

}
.news-item-author {
}
.news-item-detail {
}
.news-item-intro {
font-size: 14px;
}
.news-item-more {
	float: right;
	display: none;
}
/* NEWS-----------------------------------------------------------------------------*/
.news {
}
.news-info {
}
.news-date {
}
.news-author {
}
.news-content {
	display: inline-block;
	margin-bottom: 15px;
	width: 100%;
}
.news-thumb, .art-thumb {
	background: #002f5f none repeat scroll 0 0;
	float: left;
	margin: 0 15px 5px 0;
	padding: 5px;
}
.news-intro {
	color: #002f5f;
	font-family: "ralewaybold";
	font-size: 16px;
	margin-bottom: 15px;
}
.news-body {
font-size: 14px;
}
a.news-back {
	background: #002f5f none repeat scroll 0 0;
	border: medium none;
	border-radius: 30px;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	font-family: "ralewaymedium";
	font-size: 14px;
	padding: 10px 20px;
	text-transform: uppercase;
	float: right;
}
a.news-back:hover {
	background: #00baff none repeat scroll 0 0;
	color: #000;
}
/* PAGINATION-----------------------------------------------------------------------------*/
.pagination {
	height: 30px;
	padding-top: 10px;
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.pagination .pages {
}
.pagination a {
	background: none repeat scroll 0 0 #f1f1f1;
	font-size: 14px;
	float: left;
	margin-right: 5px;
	padding: 5px 9px;
	text-decoration: none;
}
.pagination span {
	float: left;
	margin-right: 5px;
}
.pagination a.active {
	background: #002f5f;
	color: #fff;
}
.pagination a:hover {
	background: #00baff;
	color: #000;
}
.disabled {
	background: #f1f1f1 none repeat scroll 0 0;
	opacity: 0.4;
	float: left;
	margin-right: 5px;
	padding: 5px 9px;
	text-decoration: none;
}
/* GALLERY-----------------------------------------------------------------------------*/
.gallery {
/* tylko jesli kontener galerii jest inny niz artykulu */
}
.gallery-item {
	display: block;
}
.gallery .thumb, .art-gallery .thumb {
	margin: 0 20px 20px 0;
}
.gallery .thumb, .gallery .thumb a {
	float: left;
}
.gallery .thumb a img {
	display: block;
	border: 1px solid #ddd;
	padding: 5px;
}
.thumb-desc {
	clear: both;
	display: block;
	float: left;
	margin: 6px 0 0;
	text-align: center;
	width: 100%;
}
.gallery .thumb.gallery-cat {
}
.gallery-cat-name {
}
/* FORM-----------------------------------------------------------------------------*/
.form-data {
	margin: 20px 0 0 0;
	display: inline-block;
}
.form-elem-group {
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
.form-elem-name {
	box-sizing: border-box;
	float: left;
	padding: 4px;
	width: 25%;
	color: #002f5f;
  font-size: 14px;
}
.form-elem-input {
	float: left;
	width: 50%;
}
.form-elem-input input[type=text], .form-elem-input select, .form-elem-input textarea {
	border: 1px solid #bfbfbf;
	float: left;
	font-size: 14px;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
}
.form-elem-input input[type=text]:focus, .form-elem-input select:focus, .form-elem-input textarea:focus {
	border: 1px solid #000;
}
.form-elem-input select {
}
.form-data textarea {
	height: 150px;
	resize: none;
}
.form-elem-input input[type=radio], .form-elem-input input[type=checkbox] {
	font-size: 12px !important;
	margin: 0 6px !important;
	vertical-align: middle;
}
.form-btn-send {
	float: right;
	background-color: #000;
	color: #fff;
	border: 0;
	padding: 4px 8px;
	cursor: pointer;
}
.captcha-code {
}
.captcha-input {
}
/* SEARCH RESULT -->> tylko jesli lista ma byc inna ni� lista aktualnosci-----------------------------------------------------------------------------*/
.search-result .news-item {
	border-bottom: 1px dashed #00baff;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 25px;
	width: 100%;
}
.search-result .news-item img {
	background: #002f5f none repeat scroll 0 0;
	float: left;
	margin: 0 15px 5px 0;
	padding: 5px;
}
/* SITEMAP-----------------------------------------------------------------------------*/
.site-map {
}
.site-map ul.level-0 {
	list-style: outside none none;
}
.site-map ul.level-1 {
	margin: 3px 24px;
}
.site-map ul.level-0 li {
	list-style: outside none none;
	margin-bottom: 4px;
  background: none;
}
.site-map ul.level-0 li a {
	font-size: 16px;
	font-weight: 600;
}
.site-map ul.level-1 {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	padding: 0 !important;
}
.site-map ul.level-1 li a {
	color: #00587A;
	font-size: 14px;
	font-weight: 300;
}
.site-map ul.level-2 {
	margin: 5px 15px;
}
/* FOOTER-----------------------------------------------------------------------------*/
.footer {
	height: auto;
	width: 100%;
	float: left;
	margin-top: 50px;
	margin-bottom: 40px;
	min-height: 50px;
}
ul.foot-nav {
	float: left;
	margin-top: 9px;
	width: 80%;
}
ul.foot-nav li {
	float: left;
	margin-right: 15px;
}
ul.foot-nav li a {
	font-size: 12px;
	font-family: 'ralewaybold';
	color: #05325f;
}
ul.foot-nav li a:hover {
	color: #00baff;
}
.to-top:hover .up-arrow {
	background: #002f5f url("../../images/up-arrow.png") no-repeat scroll center;
}
.up-arrow {
	background: #00baff url("../../images/up-arrow.png") no-repeat scroll center;
	color: #002f5f;
	float: right;
	height: 40px;
	width: 40px;
}
.to-top {
	float: right;
	height: 40px;
	overflow: hidden;
	text-indent: -9999px;
	width: 40px;
}
.to-top-box {
	float: left;
	margin-bottom: -13px;
	width: 20%;
}
.gora-strony {
	color: #002f5f;
	float: left;
	font-family: "ralewaybold";
	font-size: 11px;
	line-height: 38px;
	text-align: right;
	text-transform: capitalize;
	width: 80%;
}
.kambit span {
    float: left;
    font-size: 11px;
    text-align: left;
    width: 20%;
}
.kambit a {
	color: #707070;
   font-size: 11px;
}
.kambit {
	border-top: 1px solid #00baff;
	color: #707070;
	float: left;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 45px;
	padding-top: 13px;
	margin-top: 13px;
	text-align: right;
	width: 100%;
}
.baner-unia {
	float: left;
	text-align: center;
	width: 100%;
}
/* LOGIN-----------------------------------------------------------------------------*/
.login-wrap {
	position: relative;
}
.login-panel {
	margin-top: -38px;
	color: #fff;
	background-color: #000;
	padding: 10px;
}
/************ <<< STANDARD CLASSES >>> ************/
/* TABLE-----------------------------------------------------------------------------*/
table {
}
table thead tr th {
}
table tfoot tr th {
}
table tr {
}
table tr td {
}
table tr.odd td {
}
table tr.even td {
}
table tr:hover {
}
table tr:hover td {
}
table tr:hover td:hover {
}
/* DEFAULTS-----------------------------------------------------------------------------*/
.w100p {
	width: 100%!important;
}
.w50p {
	width: 48%!important;
}
.w30p {
	width: 28%!important;
}
.dn {
	display: none!important;
}
.db {
	display: block!important;
}
.dib {
	display: inline-block!important;
}
.di {
	display: inline!important;
}
.fl {
	float: left!important;
}
.fr {
	float: none!important;
}
.cl {
	clear: left!important;
}
.cr {
	clear: right!important;
}
.cb {
	clear: both!important;
}
.debug {
	text-align: center;
	background-color: yellow;
	color: #000;
	font-weight: bold;
}
/************ <<< === FUTURE CLASSES === >>> ************/
/* MODULE BOX-----------------------------------------------------------------------------*/
.module-box-top {
}
.module-box-body {
}
.module-box-foot {
}
/* SUPERNEWS-----------------------------------------------------------------------------*/
/* ANIMATIONS -->> klasy dziedziczone z .anim + $id-----------------------------------------------------------------------------*/
.wrapIE {
	width: 900px;
	margin: 0 auto;
	position: relative;
}
.ieElder {
	position: absolute;
	top: -300px;
	left: 200px;
	height: 287px;
	width: 500px;
	border: 5px solid #8ABEF1;
	z-index: 99999999999;
	background: url(/images/browsers.jpg) no-repeat 0 0;
}
.ieElder-close {
	bottom: 0;
	cursor: pointer;
	height: 20px;
	left: 0;
	position: absolute;
	width: 76px;
}
.ieElder-later {
	bottom: 0;
	cursor: pointer;
	height: 20px;
	position: absolute;
	right: 0;
	width: 54px;
}
.get-chrome {
	height: 176px;
	left: 56px;
	position: absolute;
	top: 76px;
	width: 150px;
}
.get-ff {
	height: 176px;
	left: 290px;
	position: absolute;
	top: 76px;
	width: 150px;
}
/*cookies--------------------------------------*/
#coocies_warning {
	font-family: 'ralewaybold';
	background: none repeat scroll 0 0 #efefef;
	box-sizing: border-box;
	color: #002f5f;
	float: left;
	font-size: 11px;
	padding: 20px;
	width: 100%;
}
#coocies_warning_close a {
	font-size: 39px;
	line-height: 30px;
	text-decoration: none;
	font-family: 'ralewaybold';
}
#coocies_warning_close {
	background: #980000;
	border-radius: 50%;
	color: #fff;
	float: right;
	height: 30px;
	margin: 0 auto;
	text-align: center;
	width: 30px;
}
#coocies_warning_info {
	float: left;
	text-align: left;
	width: 87%;
  font-size: 11px;
}
#coocies_accept {
	background: none repeat scroll 0 0 #002f5f;
	border-radius: 30px;
	color: #fff;
	float: left;
	font-family: ralewaybold;
	font-size: 12px;
	padding: 7px 21px;
	text-transform: uppercase;
}
.buttons-cookies {
	width: 13%;
	float: left;
}
#coocies_warning_info a {
	font-family: 'ralewayextrabold';
	color: #002f5f;
	text-decoration: underline;
  font-size: 11px;
}
#coocies_warning_info a:hover {
	color: #00baff;
}
#coocies_accept:hover {
	background: #00baff;
	color: #002f5f;
}
.alternatywna, .mobilna, .mapa, .fonts-header, .lang, .bip {
	color: #333333;
	font-size: 12px;
	line-height: 22px;
	text-align: right;
	text-transform: uppercase;
}
.alternatywna a, .mobilna a, .mapa a, .fonts-header a, .lang a, .bip a {

	font-size: 12px;

}
.alternatywna span {
	background: url("../../images/kontrast.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	float: right;
	height: 20px;
	width: 20px;
	margin-left: 5px;
}
.mobilna a {
	float: left;
	width: 100px;
}
.mobilna span {
	background: url("../../images/mobilna.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	float: right;
	height: 20px;
	width: 25px;
}
.bip span {
	background: url("../../images/bip.svg") no-repeat scroll center center rgba(0, 0, 0, 0);
	float: left;
	height: 20px;
	width: 20px;
	margin-right: 5px;
	background-size: 20px 20px;
}
.bip a {
	color: #002f5f;
	font-family: 'ralewaymedium';
}
.fonts-header a {
	font-size: 18px;
	color: #000;
	font-family: 'ralewaymedium';
}
.lang-flag {
	float: left;
	height: 20px;
	margin-right: 7px;
	width: 31px;
}
.lang-pl {
	background: url("../../images/pl.svg") no-repeat scroll center center rgba(0, 0, 0, 0);
	background-size:  31px 20px;
}
.lang-en {
	background: url("../../images/en.svg") no-repeat scroll center center rgba(0, 0, 0, 0);
	background-size:  31px 20px;
}
.menu .submenu {
	display: none;
	position: absolute;
	top: 50px;
	width: 300px;
	background: #00baff;
	z-index: 5;
}
.menu .submenu li {
	float: none !important;
}
.animation-nav {
	border-radius: 50%;
	width: 14px;
	height: 14px;
	background-color: #00baff;
	float: left;
	margin: 0 3px 0 0;
	list-style: none;
	cursor: pointer;
}
.animation-nav.activeSlide {
	background-color: #fff !important;
}
.slider-nav {
	overflow: auto;
}
.slider-nav a {
	width: 15px;
	height: 15px;
}
#main_cycle {
	position: relative;
	width: 100% !important;
}
#main_cycle_nav {
	position: absolute;
	bottom: 20px;
	right: 85px;
	z-index: 30;
}
#main_cycle .main_cycle_box {
	height: 100%;
	width: 100%;
}
#main_cycle .main_cycle_img {
	float: left;
	height: 330px;
	width: 605px;
}
#main_cycle .main_cycle_text {
	box-sizing: border-box;
	color: #fff;
	float: left;
	padding: 10px;
	width: 220px;
}
#main_cycle .main_cycle_text h1 {
	font-size: 24px;
}
#main_cycle .main_cycle_text h1 a {
	color: #fff;
	float: left;
	font-size: 24px;
	margin-bottom: 12px;
}
#main_cycle .main_cycle_text p {
	color: #00baff;
	float: left;
	font-size: 14px;
	line-height: 17px;
}
#lang-box {
	float: left;
	width: 105px;
}
#lang-box .nav-item {
	float: left;
	text-align: left;
}
.lang-combo {
	border: 1px solid #ddd;
	background: #fff;
	float: left;
	width: 100%;
	display: none;
}
.lang-current a {
	cursor: pointer;
}
.lang-combo a {
	background: #fff none repeat scroll 0 0;
	box-sizing: border-box;
	float: left;
	padding: 5px;
	position: relative;
	text-align: left;
	width: 100%;
	z-index: 1;
}
#lang-box .lang-combo .current {
	display: none;
}
#lang-box.closed .lang-combo {
	display: none;
}
#lang-box.open .lang-combo {
	display: block;
}
.lang-current {
	display: block;
	float: left;
	width: 100%;
	height: 29px;
}
.icon-chevron-down {
	background: url("../../images/lang-arrow-down.svg") no-repeat scroll center center;
	float: left;
	height: 8px;
	width: 7px;
}
.icon-chevron-up {
	background: url("../../images/lang-arrow-up.svg") no-repeat scroll center center;
	float: left;
	height: 8px;
	width: 7px;
}
#lang-arrow {
	float: right;
	height: 22px;
	width: 15px;
}
.answer_graph {
	height: 5px;
	background: #00baff;
	float: left;
	margin: 8px 5px 10px 0;
}
.answer_percent::before {
	content: "%";
	float: right;
}
.answer_text {
	color: #545454;
	float: left;
	font-size: 12px;
	margin-top: 10px;
	width: 100%;
}
.answer_percent {
	float: left;
	font-family: "ralewaymedium";
	color: #002f5f;
   font-size: 14px;
}
.news-cycle {
	background: #002f5f none repeat scroll 0 0;
	float: left;
	height: 330px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.news_main_page {
	float: left;
	width: 100%;
	margin-top: 25px;
}
.news_main_page li {
	float: left;
	height: 235px;
	margin-bottom: 16px;
	margin-right: 17px;
	position: relative;
	width: 265px;
}
.news_main_page li a {
	background: #fff none repeat scroll 0 0;
	float: left;
	height: 100%;
	overflow: hidden;
	width: 100%;
}
.news_main_page li a:hover .bg-news {
	height: 115px;
	background-color: rgba(0, 47, 95, 1)
}
.news-date {
	background: #00baff;
	box-sizing: border-box;
	padding: 3px 6px;
	position: absolute;
	top: 0;
	color: #002f5f;
	font-family: 'ralewaybold';
	font-size: 12px;
}
.bg-news {
	background-color: rgba(0, 47, 95, 0.93);
	bottom: 0;
	box-sizing: border-box;
	height: 100px;
	padding: 5px 15px;
	position: absolute;
	width: 100%;
	z-index: 2;
	transition: height 0.3s ease;
}
.news_main_page li:nth-child(3n) {
	margin-right: 0px;
}
.news_main_page li a .title-news h2 {
	color: #fff;
	font-family: "ralewaymedium";
	font-size: 12px;
	margin-bottom: 5px;
	text-transform: uppercase;
	padding-top: 3px;
}
.news_main_page li p {
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	padding-bottom: 3px;
}
.right-box {
	float: left;
	width: 100%;
	color: #fff;
	box-sizing: border-box;
}
.kontakt-box h3 {
	border-bottom: 1px solid;
	box-sizing: border-box;
	color: #00baff;
	float: left;
	font-family: "ralewaymedium";
	font-size: 16px;
	margin-bottom: 16px;
	padding: 0 0 8px;
	text-transform: uppercase;
	width: 100%;
}
.kontakt-box {
	background: #002f5f;
	min-height: 211px;
	margin-bottom: 26px;
	padding: 20px 25px;
}
.news_main_page li a:hover img {
}
.imieniny {
	float: left;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	background: #002f5f;
	margin-bottom: 26px;
}
.imieniny h3 {
	color: #00baff;
	font-size: 16px;
	margin-bottom: 5px;
}
.imieniny p {
	background: url("../../images/kalendarz.png") no-repeat scroll left center;
	color: #fff;
	font-size: 12px;
	font-family: 'ralewaybold';
	padding-left: 25px;
}
#na_skroty, #galeria {
	margin: 0 auto;
}
.na_skroty, .galeria {
	padding: 0;
	min-height: 280px;
	background: #002f5f;
	margin-bottom: 26px;
}
.na_skroty a img, .galeria a img {
	width: 300px;
	height: 180px;
     overflow: hidden;
}
#na_skroty a, #galeria a {
	width: 300px!important;
	height: 180px!important;
}
.na_skroty  h3, .galeria h3 {
	box-sizing: border-box;
	color: #00baff;
	float: left;
	font-family: "ralewaymedium";
	font-size: 16px;
	padding: 5px 20px;
	text-transform: uppercase;
	width: 100%;
}
#na_skroty_nav, #galeria_nav {
	box-sizing: border-box;
	float: left;
	padding: 18px 25px;
	width: 100%;
}
#na_skroty_nav .animation-nav, #galeria_nav .animation-nav {
	margin: 0 3px 6px 0;
}
.ankieta {
	margin-bottom: 26px;
	padding: 0px;
	background: #002f5f;
}
.ankieta h3 {
	background: #002f5f;
	box-sizing: border-box;
	color: #00baff;
	float: left;
	font-family: "ralewaymedium";
	font-size: 16px;
	padding: 5px 20px;
	text-transform: uppercase;
	width: 100%;
}
#pool {
	border: 1px solid #ddd;
	box-sizing: border-box;
	float: left;
	padding: 10px 25px;
	width: 100%;
	background: #fff none repeat scroll 0 0;
	color: #003469;
}
.pool_question {
	font-family: "ralewaybold";
	font-size: 16px;
	margin-bottom: 10px;
}
.newsletter {
	background: #002f5f;
	margin-bottom: 26px;
	padding: 20px 25px;
}
.newsletter h3 {
	box-sizing: border-box;
	color: #00baff;
	float: left;
	font-family: "ralewaymedium";
	font-size: 16px;
	margin-bottom: 13px;
	text-transform: uppercase;
	width: 100%;
}
#newsletterEmail {
	border: medium none;
	border-radius: 30px;
	color: #000;
	font-family: "ralewaymedium";
	float: left;
	font-size: 15px;
	padding: 5px 15px;
	width: 70%;
	box-sizing: border-box;
	height: 100%;
}
.btn {
	color: #002f5f;
	background: #00baff;
	border-radius: 30px;
	border: none;
	font-size: 11px;
	padding: 5px 15px;
	cursor: pointer;
	width: 30%;
	box-sizing: border-box;
	font-family: 'ralewaybold';
	height: 100%;
}
.btn:hover {
	background: #4bceff;
}
#pool_answer {
	font-size: 12px;
}
#pool_answer label {
	font-size: 12px;
}
.get_vote {
	float: left;
	color: #002f5f;
	margin-top: 10px;
	font-family: 'ralewaybold';
}
.bg-inputs {
	background: #fff none repeat scroll 0 0;
	border-radius: 30px;
	float: left;
	width: 100%;
	height: 26px;
   font-size: 0px;
}
a.link-news {
	text-transform: uppercase;
	font-family: 'ralewaybold';
	color: #002f5f;
	float: left;
	width: 100%;
	margin-top: 10px;
   font-size: 14px;
}
.hide {
	clip: rect(1px, 1px, 1px, 1px);
	display: block;
	position: absolute;
  font-size: 12px;
}

#nazwa_szkoly_l1 {
	font-size: 42px;
	color: #002f5f;
	font-family: 'ralewaymedium';
}
#nazwa_szkoly_l2 {
	font-size: 20px;
	color: #002f5f;
	font-family: 'ralewaymedium';
	margin-bottom: 5px;
}
#kontakt_l1 {
	float: left;
	font-size: 18px;
	margin-bottom: 10px;
	width: 100%;
}
#kontakt_l2 {
	float: left;
	font-size: 14px;
	font-family: "ralewaybold";
	width: 100%;
	word-wrap: break-word;
}
.nav_tab a {
	display: inline;
	font-size: 1.2em;
	left: -9000em;
	padding: 5px 10px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 150px;
	z-index: 2;
}
.nav_tab a:hover, .nav_tab a:focus, .nav_tab a:active {
	background: #002f5f none repeat scroll 0 0;
	border: 1px solid #555;
	color: #fff;
	font-weight: normal;
	left: 5px;
	position: absolute;
	top: 10px;
}
.menu-bg2 {
	display: none;
}
.slideout-menu {
	position: fixed;
	left: auto;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 0;
	width: 256px;
	overflow-y: scroll;
/* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
	display: none;
	background: #002f5f;
}
.slideout-panel {
	position: relative;
	z-index: 1;
}
.slideout-open, .slideout-open body, .slideout-open .slideout-panel {
	overflow: hidden;
}
.slideout-open .slideout-menu {
	display: block;
}
.slideout-menu {
	display: none;
}
.btn-hamburger {
	display: none;
	text-indent: -9999px;
}
.cmn-toggle-switch {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	box-shadow: none;
	color: #00175a;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 18px;
	font-weight: 300;
	height: 34px;
	margin: 0;
	overflow: hidden;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	position: relative;
	text-align: left;
	width: 40px;
	outline: none;
}
.cmn-toggle-switch:focus {
	outline: none;
}
.cmn-toggle-switch span {
	background: #002f5f none repeat scroll 0 0;
	display: block;
	height: 3px;
	position: absolute;
	right: 0;
	top: 13px;
	width: 100%;
}
.cmn-toggle-switch span::before, .cmn-toggle-switch span::after {
	position: absolute;
	display: block;
	right: 0px;
	width: 100%;
	height: 3px;
	background-color: #002f5f;
	content: "";
}
.cmn-toggle-switch span::before {
	top: -8px;
}
.cmn-toggle-switch span::after {
	bottom: -8px;
}
.cmn-toggle-switch__htx {
	background-color: rgba(0,0,0,0);
}
.cmn-toggle-switch__htx.active span {
	background: none;
}
.menu-btn {
	display: none;
}
.btn2 {
	background: #002f5f none repeat scroll 0 0;
	border: medium none;
	border-radius: 30px;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	font-family: "ralewaymedium";
	font-size: 14px;
	padding: 10px 20px;
	text-transform: uppercase;
	float: right;
}
.btn2:hover {
	background: #00baff none repeat scroll 0 0;
	color: #000;
}
.serwis-txt {
width: 60%!important;
text-align: center!important;
}
/* art tools */
.tools {
	border-bottom: 1px solid #ddd;
	display: block;
	float: left;
	font-size: 11px;
	height: 20px;
	margin-bottom: 23px;
	padding: 9px 0;
	width: 100%;
}
.ico {
	float: right;
	height: 30px;
	margin: 0;
	width: 163px;
}
.ico a {
	height: 24px;
}
.ico .send a {
	float: right;
	background: url(/images/ico/wyslij.svg) no-repeat center top;
	width: 24px;
	margin-right: 8px;
	text-indent: -9999px;
	overflow: hidden;
	background-size: 24px 24px;
}
.ico .facebook a {
	float: right;
	background: url(/images/ico/face-ico.svg) no-repeat center top;
	width: 24px;
	margin-right: 8px;
	text-indent: -9999px;
	overflow: hidden;
	background-size: 24px 24px;
}
.ico .print a {
	float: right;
	background: url(/images/ico/druk.svg) no-repeat center top;
	width: 24px;
	margin-right: 8px;
	text-indent: -9999px;
	overflow: hidden;
	background-size: 24px 24px;
}
.ico .pdf a {
	background: url(/images/ico/pdf.svg) no-repeat center top;
	width: 24px;
	margin-right: 8px;
	text-indent: -9999px;
	float: right;
	margin-top: -3px;
	overflow: hidden;
	background-size: 24px 24px;
}
.ico .report-issue a {
	background: url(/images/ico/zglos.svg) no-repeat center top;
	width: 24px;
	margin-right: 1px;
	text-indent: -9999px;
	float: right;
	margin-top: -3px;
	overflow: hidden;
	background-size: 24px 24px;
}

.zobacz-online  {
  background: rgba(0, 0, 0, 0) url("/images/ico/eye.svg") no-repeat scroll center top;

    float: right;
    height: 18px;
    margin-left: 6px;

   background-size:  24px 18px; 
    width: 24px;


} 
.files-item span {
float: left;
color: #00baff;
margin-left: 4px;


}
.faq {
	margin: 15px 0;
	border: 1px solid #d7d7d7;
	border-radius: 4px;
	padding-bottom: 10px;
}
.ask-dialog {
	position: absolute;
	top: -12px;
	right: -1px;
	padding: 3px 5px;
	border-radius: 3px;
	color: #fff;
	font-size: 11px;
}
.ask-dialog:hover {
	color: #fff;
}
.faq .row {
	padding: 10px 10px 0 10px;
}
.faq .row.odd {
}
.faq .row:hover {
}
.faq .que {
	color: #3737A1;
	margin-bottom: 3px;
}

#webreaderContainer {
    display: block;
    float: right;
    height: 40px;
    overflow: hidden;
    position: relative !important;
    text-align: right;
    z-index: 1;
}
#webreaderContainer_container a #webreaderContainer_stbutton {
	background: #002f5f;
	font-family: "ralewaymedium";
	border: none;
	border-radius: 0;
}
#webreaderContainer_container a #webreaderContainer_stbutton #webreaderContainer_text #webreaderContainer_accessibility {
	margin: 5px 0 0 !important;
}
#webreaderContainer_container a #webreaderContainer_stbutton #webreaderContainer_text {
	line-height: 24px !important;
}
.en .news-cycle, .en .link-news {
	display: none;
}
.en.index .tools {
	display: none;
}
.en .article {
	display: block;
}
#wyslij-link {
color: #002f5f;
font-family: "ralewaybold";

}
.ui-dialog .ui-dialog-buttonpane button  {
	background: #002f5f none repeat scroll 0 0;
	border: medium none;
	border-radius: 30px;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	font-family: "ralewaybold";
	font-size: 14px;
	padding: 5px 5px;
	text-transform: uppercase;

}
.latest-news-box-list {

  width: 100%;
  float: left;

}
.latest-news-box-list li {

  border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    float: left;
    padding: 10px 0;
    width: 100%;
    font-size: 0;
}
.latest-news-box-list li a {
  font-size: 14px;
  color: #002f5f;
 	font-family: "ralewaybold";  
}
.latest-news-box-list li a:hover {

text-decoration: underline; 
}
.latest-news-box h3 {
  background: #00baff; 
    color: #002f5f;
    padding: 10px;
    text-transform: uppercase;
   	font-family: "ralewaymedium";

}
.font {
font-size: 14px;

}
.art-content a {
text-decoration: underline;

}

.form-error {

color: red;
font-size: 16px;
 	font-family: "ralewaybold"; 

}
.zielony {

 color: green;
font-size: 16px;
 	font-family: "ralewaybold"; 

}
table.border {
	border-collapse: collapse;
}
table.border tr td {
	border: 1px solid #ddd;
	padding: 5px;
	box-sizing: border-box;
}

 .rsbtn .rsbtn_settings.rsimg, .rsbtn .rsbtn_dl.rsimg {
display: none;
}

.rsbtn .rsbtn_volume.rsimg {
display: none;
}
.rsbtn .rsbtn_powered .rsbtn_btnlabel{
display: none!important;
}
.rsbtn a:focus {
outline: none;
}
      /* deklaracja ---------------------------*/
.deklaracja_icon .icon-dekl {
	background: url("../../images/dekl-icon.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	float: right;
	height: 23px;
	width: 18px;
}
.deklaracja_icon .small-txt {
	font-size: 11px !important;
	display: inline-block;
	text-align: right;
	margin-right: 7px;
	line-height: 1;
	text-transform: uppercase;
}
.baner-unia {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-flow: row wrap;
}
@media all and (min-width:483px) and (max-width:1149px) {
.baner-unia {
	justify-content: center;
	flex-flow: row wrap;
}
.deklaracja_icon {
	margin-right: 10px;
}
}
@media all and (max-width:482px) {
.baner-unia {
	justify-content: center;
	flex-flow: row wrap;
}
.deklaracja_icon {
	margin-right: 10px;
}


