/* #Site Styles
================================================== */
/*header, logo, navigation*/
.lg {padding: 0; z-index: 120; display: inline-block;}
.motto {display: block; position: absolute; top: 0.5rem; left: 10.5rem; z-index: 120; opacity: 0.3; font-family: 'Halant', serif; font-size: 4.8rem; font-weight: inherit; text-transform: uppercase; color: #fff; line-height: 1; display: none;}
.gwiazda {display: block; position: absolute; top: 11rem; left: 0rem; z-index: 10; opacity: 1; text-align: right; width: 20rem; height: 20rem; background: url(images/gwiazda.png) no-repeat center top;}
.gwiazda-page {display: block; position: absolute; top: 11rem; left: 0rem; z-index: 10; opacity: 1; text-align: right; width: 20rem; height: 20rem; background: url(images/gwiazda.png) no-repeat center top;}
.gwiazda img; .gwiazda-page img {opacity: 0;}
.plakat {display: block; width: 20rem; height: 20rem;}
@keyframes ruch-gw
{
  0% { background-position:0 0; }
  100% { background-position:0 -400px; }
}
#angw {animation: ruch-gw 1.5s steps(2) infinite;}

/*.navigation {background: rgba(1, 35, 73, 0.95); position: relative;}*/
.navigation {background: url(images/top-nav.png); background-repeat: no-repeat; background-position: center -200px; position: relative; padding: 1rem 0;}
#logo1 {text-align: center;}
#logo1 img {max-width: none; width: 31rem; margin: 0rem auto 2rem; display: block;}

#nav {margin: 0; float: right; }
/* menu icon */
	#menu-icon {
		color: #ffffff;
		width: 43px;
		height: 30px;
		background: #01447A url(images/sprites.png) no-repeat 2.2rem -4rem;
		padding: 8px 10px 0 10px;
		cursor: pointer;
		display: block; /* show menu icon */
    margin: 0rem;
    float: right;
	}
	#menu-icon:hover { background: #01447A url(images/sprites.png) no-repeat 2.2rem -4rem}
	#menu-icon.active { background: #01447A url(images/sprites.png) no-repeat 2.2rem -4rem}
 /* Top menu */
  #nav ul {
	list-style: none;
  padding: 0px;
  margin: 0;
	clear: both;
	position: absolute;
	top: 12.4rem; right: 0;
	width: 20rem;
  height: auto !important;
	z-index: 100;
  text-align: left;
	display: none; /* visibility will be toggled with jquery */
	}

	#menu-top li {float: none; margin: 0; padding: 0:}

	#menu-top a {
  font-size: 1.6rem;
  font-weight: inherit;
  font-family: 'Source Sans Pro', Arial, sans-serif;
	line-height: 45px;
	color: #FEC804;
  display: block;
  padding: 0 1.5rem;
  text-decoration: none;
  text-transform: uppercase;
  background: #01447A;
  border-bottom: 1px solid #024985;}

  #menu-top li.menu-first a {}
  #menu-top li.menu-last a {}
  #menu-top li.menu-last, #menu-top li.menu-last a {border: 0;}

/* dropdown */
	#menu-top ul {
		width: 100%;
		position: static;
		display: block;
		border: none;
		background: inherit;
    padding: 0;
	}
#menu-top ul li a, #menu-top li.menu-parent ul li a { border-bottom: 1px solid #024985; line-height: 2.1rem; padding: 1.2rem 1rem 1.2rem 3.5rem; text-transform: none; font-weight: inherit; font-size: 1.4rem; font-family: 'Source Sans Pro', Arial, sans-serif;}
#menu-top a:hover, #menu-top .menu-current > a, #menu-top .menu-parent > a, #menu-top .menu-parent a:hover, #menu-top li:hover > a, #menu-top ul li:hover.menu-expand > a, #menu-top ul li a:hover, #menu-top li.menu-parent ul li a:hover {color: #fff;}

/*third level*/
#menu-top ul li ul {
	margin: 0;
  padding: 0 ;
  width: 30rem;
}
#menu-top ul li ul a {padding: 1.2rem 1.5rem 1.2rem 5.5rem; font-size: 1.3rem;}

/* #Page Styles
================================================== */
.wrap {width: 100%; margin: 0 auto; clear: both; height: auto; z-index: 20;}
.white {background: #ffffff;}
.blue {background-color: #01447A; color: #fff; padding: 10rem 0 3rem;
background-image: url(images/blue-top-ukos.png), url(images/blue-bottom-ukos.png); background-position: center top, center bottom; background-repeat: no-repeat; color: #ccc;}
.blue h2, .blue h3 {color: #fff;}
.blue a {color: #FEC804;}
.page-full {overflow-x: hidden; padding: 0;}
.content {padding: 0rem 0; background: #fff; }

p.patronat img {margin: 1rem 0.5rem; border: 0px solid #eee;}
p.patronat a:hover img {opacity: 0.8;}

/*top bg image */
.top {padding: 0rem 0 0; max-width: 104rem;}
.top p img, .top-page p img {display: block; margin: 0 auto;}

/*tables*/
table.cookies {border-collapse : separate; border-spacing: 3px;}
table.cookies td {padding: 5px 10px;}

/*side nav*/
#sidenav  {list-style: none; text-align: left; width: 100%; margin: 0 0 2.5rem;  padding: 0; border-top: 1px solid #dedede;}
#sidenav li {padding: 0; margin: 0 ; list-style: none;}
#sidenav a {display: block; padding: 1.4rem 0rem 1.4rem 3rem; border-bottom: 1px solid #dedede; color: #333; background: url(images/sprites.png) no-repeat left -13.7rem;}
#sidenav a:hover, #sidenav li.menu-current a {text-decoration: none; color: #009aff;}
#sidenav li ul {margin: 0; padding: 0; width: 100%;}
#sidenav li ul a {padding: 1.4rem 1rem 1.4rem 3rem; font-size: 1.3rem;}
#sidenav li ul li a, #sidenav li.menu-current li a, #sidenav li.menu-parent ul li a {text-transform: none; }

/*gallery*/
.gallery  {list-style: none; text-align: center; margin: 0;  padding: 0;}
.gallery li {padding: 0; margin: 0.5rem 1rem; list-style: none; float: left; }
.gallery img {margin:0 0 5px 0 ; webkit-transition: -.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; border-bottom: 4px solid #FEC804;}
.gallery a:hover img {opacity: 0.8; border-bottom: 4px solid #009aff;}

 /*gwiazdy*/
.gwiazdy  {list-style: none; text-align: center; margin: 0;  padding: 0;}
.gwiazdy li {padding: 0; margin: 0.5rem 1%; list-style: none; float: left; width: 48%;}
.gwiazdy li:nth-child(2n+1) {clear: left;}
.gwiazdy img {margin:0 0 5px 0 ; webkit-transition: -.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; border-bottom: 4px solid #FEC804;}
.gwiazdy a:hover img {opacity: 0.8; border-bottom: 4px solid #009aff;}


/*footer*/
.footer {background: #012349; padding: 0 0 2rem; color: #bcbcbc; font-size: 1.4rem;}
.footer h4 {color: #eee; margin: 1rem 0; font-size: 2rem; font-family: 'Source Sans Pro',Arial,sans-serif; font-weight: inherit; text-transform: uppercase;}
.footer p {margin-bottom: 1rem;}
.footer hr {border-color: #02355c; margin-top: 2rem; margin-bottom: 2rem;}
.footer ul {list-style: none; margin: 0; padding:0;}
.footer ul li {background: none; display: inline; padding: 0 4rem 0 0;}
.footer a {color: #FFAC00;}
.footer-top {height: 25px; width: 100%; background: url(images/footer-ukos.png) no-repeat right top; }

/*mapa Google*/
#mapa {
  background: url(images/loading.gif) no-repeat center center;
  text-align: center;
}
#mapa img {box-shadow: none;}
#info{margin:0;padding: 0; font-family: Arial, sans-serif; font-size: 12px !important; width: 200px;}

#mapa img { max-width: none; }

/*contact form*/
.required { color :#ff0000; }
.frm-required { color :#ff0000; }

.frm-nixhier {display :none; }
.frm-submission {margin:0 auto; position: relative; width: auto;}
tr.nl_submit td {padding-top: 14px;}
label.frm-checkbox_label {font-weight: inherit;}
.frm-field_title {padding-top: 10px;}

td.post-short img {width: 130px; margin: 1rem 3rem 0px 0; float: left;}
td.post-short a img {opacity: 0.8;}
.post-title h3, .post-title h2 {margin-bottom: 8px;font-size: 2rem;}
td.post-date {font-size: 1em; color: #888;}
td.post-short {padding: 0.8rem 0 2rem 0;}
.public-info b {color: #888; font-weight: normal;}

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 1.6rem; color: #208DCB;}
	blockquote { margin: 0 0 2rem; padding: 0.9rem 2rem 0px 2rem; border-left: 0.5rem solid #208DCB; }
	blockquote cite { display: block; font-size: 1.6rem; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

.block {width: 100%; float: left; height: auto; position: relative;}
.block p {margin-bottom: 1.5rem; text-align: center;}
.block img {display: block; margin: 0 auto 1rem; border-bottom: 4px solid #FEC804;}
.block p:first-child {margin-top: 2rem;}

.breadcrumb {font-size: 1.4rem; margin-bottom: 0;}


/* #Misc
================================================== */
.remove-bottom { margin-bottom: 0 !important; }
.add-top { margin-top: 2.5rem !important; }
.add-bottom { margin-bottom: 2.5rem !important; }
.float-left  {float: left; display: inline; overflow: hidden;}
.float-right {float: right; display: inline; overflow: hidden;}
.align-left  {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}
.align-justify {text-align: justify;}
.clear {clear:both; width:100%;line-height:0;font-size:0;height:0;overflow:hidden; border: none;}
.italic {font-style: italic;}
.uppercase {text-transform: uppercase;}

/* #Media Queries
================================================== */
/* Larger than mobile */
@media (min-width: 400px) {
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
.top .container {display: block;}
.gwiazdy li {margin: 0.5rem 1%; width: 31%;}
.gwiazdy li:nth-child(2n+1) {clear: none;}
.gwiazdy li:nth-child(3n+1) {clear: left;}
.gwiazda {top: 18rem;}
.gwiazda-page {top: 15rem;}
}

/* Larger than tablet */
@media (min-width: 750px) {
.content {padding: 0rem 0;}
.block {width: 31.3%; margin: 0 1%; min-height: 610px;}
.lg {text-align: right; display: block; padding: 1rem 0 0.6rem;}
#nav ul {top: 9.7rem;}
#logo1 img {width: 31.7rem; margin-top: 1.5rem; margin-left: 0;}
#sidenav {margin-top: 7.7rem;}
.footer-top {height: 75px;}
.motto {font-size: 2.6rem; display: block; top: 1rem; opacity: 0.3;}
.gwiazda {top: 23rem;}
.gwiazda-page {top: 18rem;}
}

  /* Larger than desktop */
@media (min-width: 1090px) {
.page-full {padding-top: 9.5rem; position: relative;}
.navigation {position: fixed; background-position: center bottom; z-index:100; height: 16rem;}
.top {padding: 3rem 0 0;}
#logo1 img {margin-top: 3.9rem;}
.motto {font-size: 4.9rem; top: 0.3rem; opacity: 0.3;}
.gwiazdy li {width: 19%; margin: 0.5rem 0.5%;}
.gwiazdy li:nth-child(3n+1) {clear: none;}
.gwiazdy li:nth-child(5n+1) {clear: left;}
.gwiazda {top: 38rem; left: 9rem;}
.gwiazda-page {top: 24rem; left: 7rem;}

/*top navigation*/
#nav {padding: 0; margin: 0;}
#nav ul {position: relative; top: 0; height: 45px; 	list-style: none; width: auto; border: none;}
#menu-top {display: block !important;}
#menu-icon {display: none;}
#menu-top li {float: left; margin: 0; padding: 0; position: relative; z-index: 100;}
#menu-top a {background: none; border-bottom: 0; padding: 0 0.8rem; line-height: 4.5rem; color: #FEC804;}

/* nav dropdown #4d083a*/
#menu-top ul {
	position: absolute;
	display: none; /* hide dropdown */
	width: 220px;
  height: auto;
	background: #01447A;
  text-align: left;
  left: 0;
  top: 44px; 	z-index: 110;
}
/*#menu-top ul li {
 float: left;
	margin: 0;
	padding: 0;
	background: none;
  border: 0;
} */

#menu-top ul li a, #menu-top li.menu-parent ul li a {padding-left: 1.1rem; color: #FFAC00;}
#menu-top ul li a:hover, #menu-top li.menu-parent ul li a:hover {color: #fff;}
#menu-top li:hover > ul {display: block; /* show dropdown on hover */}

/*third level*/
#menu-top ul li ul {display: none; /* hide dropdown */}
#menu-top ul li:hover > ul {
	margin: 0;
	padding: 0;
	position: absolute; z-index: 120;
	display: block; /* show dropdown */
	left: 218px;
	top: 0px;
  top: 0px\9;
  width: 230px;
}
#menu-top ul li:hover > ul a {padding-left: 1.1rem; font-size: 1.4rem;}

}