
/**
 * Author: Marcin "MiGoo" Gębski
 */

/* boxes */
section + .box {margin-top:20px;}

	/* header */
	.box > header, .box > h3 {font-size:20px;font-weight:700;position:relative;}

		/* head */
		.box > header > h1, .box > header > h2, .box > h3 {line-height:22px;padding:19px 20px;}
			.box > header > h1 a, .box > header > h2 a, .box > h3 a {color:inherit;}

		.box > header > h2, .box > h3 {display:inline-block;padding-left:0;padding-right:0;border-bottom:2px solid;margin-left:20px;}

		.box > header > h1 {color:#FFF;background:#007CC3;}
		.box > header > h2, .box > header > h2 + a {color:#007CC3;}
		.box > header > h2 {border-bottom-color:#007CC3;}
		.box > h3 {color:#FFF;border-bottom-color:#FFF;}

		/* tabs */
		.box > header .jtabs {height:62px;list-style:none;line-height:18px;background:#FFF;padding:2px 20px;margin:0;overflow:hidden;}
			.box > header .jtabs li {float:left;cursor:pointer;}
			.box > header .jtabs li + li {margin-left:40px;}
				.box > header .jtabs a {display:inline-block;color:#B4B4B4;text-decoration:none;padding:19px 0;}
				.box > header .jtabs .active a {color:#007CC3;border-bottom:2px solid #007CC3;}

		/* more anchor */
		.box > header > a {display:none;position:absolute;top:50%;right:15px;font-size:13px;color:#FFF;line-height:14px;margin-top:-7px;}
			.box > header > a span {position:absolute;clip:rect(1px,1px,1px,1px);}

		/* resize */
		.box .resize {display:none;position:absolute;top:16px;right:15px;cursor:pointer;}
			.box .resize * {font-weight:600;color:#FFF;margin-left:2px;}
			.box .resize .small {font-size:13px;}
			.box .resize .normal {font-size:17px;}
			.box .resize .big {font-size:21px;}
				.box .resize span {position:absolute;clip:rect(1px,1px,1px,1px);}

	/* content */
	.box > *:not(header):not(h3):not(footer) {background:#FFF;padding:20px;}

/* banner-animation */
.animation {position:relative;}
	.animation .cycle {margin:0 auto;overflow:hidden;}
		.animation .item {position:relative;}
			.animation .item > a {float:left;z-index:0!important;}

/* navigation (banner-animation,scrollable) */
ul.nav {list-style:none;position:absolute;margin-left:0;z-index:300;}
	ul.nav li {float:left;}
	ul.nav li + li {margin-left:10px;}
		ul.nav a {display:block;width:20px;height:20px;text-indent:100%;white-space:nowrap;background:#FFF;border-radius:4px;overflow:hidden;}
		ul.nav .active a {background:#007CC3;}

/* main content */
#main-content {float:left;width:855px;}
#main-content.wide {width:1140px;margin:0;}

	/* pdf */
	#pdf #main-content {width:auto;}

	/* preview */
	#main-content.preview {float:none;font:12px/1.231;font-family:Tahoma,Helvetica,Arial,sans-serif!important;color:#5C5C5C;margin:0 auto;}
		#main-content.preview .box .resize, #main-content.preview p:last-child {display:none;}

	/* boxes */
		/* article - wysisyg */
		.wysiwyg {line-height:18px;}

			/* default formatting */
			.wysiwyg > h2 {font-size:26px;color:#007CC3;position:relative;}
			.wysiwyg > h2::before {position:absolute;bottom:-10px;left:0;right:0;content:"";height:2px;background:#007CC3;}

			.wysiwyg p + p {margin-top:10px;}
			.wysiwyg a {color:blue;}

			.wysiwyg table:not(.google-visualization-table-table) {table-layout:fixed;}
				.wysiwyg table:not(.google-visualization-table-table) td {padding:5px;border:1px solid #BBB;}

			/* charts */
			.charts {width:700px;height:400px;margin:0 auto 20px;}
			.wide .charts {width:950px;}

			.charts-table {margin-bottom:20px;overflow:hidden;}
				.charts-table .google-visualization-table-table {margin:0 auto;}

			/* forms */
			.forms {padding:10px;border:1px solid #BBB;border-radius:5px;margin:10px 0;}
				.forms > header h2 {font-size:17px;font-weight:bold;padding-top:0;margin-bottom:10px;}
				.forms > div > p {margin-bottom:15px;}
				.forms form p:not(:last-child) {margin:0 0 20px 0;}
					.forms form p:not(:last-child) > * {display:block;}
					.forms form strong, .forms form em {margin-bottom:5px;}
					.forms p.required > span {display:inline;}
					.forms form span + span {margin-top:4px;}

					.forms form input.text, .forms form textarea {width:400px;border:1px solid #CCC;}
					.forms form textarea {height:80px;}

					.forms form p:last-child .more {float:right;}
					.forms form p:last-child .ajaxstatus {padding-left:10px;}

			/* galleries (slider) */
			.gallery {width:815px;margin:20px auto;position:relative;}
				.gallery .browse.prev {left:0;}
				.gallery .browse.next {right:0;}
				.gallery .scrollable {width:694px;height:149px;padding:2px 0;margin:0 auto;}
					.gallery .item {width:696px;padding-left:2px;}
						.gallery .scrollable a {float:left;height:145px;}
						.gallery .scrollable a + a {margin-left:24px;}
							.gallery .scrollable img {width:215px;border-radius:5px;}

			.gallery-mobile {display:none;}

			/* highlight */
			.wysiwyg .highlight {background:#E5F2F9;padding:10px;border:1px solid #8EC0DD;border-radius:5px;}

			/* multimedia */
			.wysiwyg .multimedia {width:700px;margin:20px auto;}
				.wysiwyg .multimedia object {width:inherit;height:400px;}

		/* footer */
		#main-content footer {clear:both;height:42px;line-height:20px;background:#FFF;padding:10px 15px;border-top:2px solid #E0E0E0;overflow:hidden;}
			#main-content footer > * {float:left;}
			#main-content footer a {color:inherit;}

			/* history-back */
			#main-content:not(.error) .history-back {width:70px;padding-left:12px;position:relative;}
			#main-content:not(.error) .history-back::after {position:absolute;top:50%;left:0;content:"";width:7px;height:14px;background:url(images/sprite.png) -336px -10px;margin-top:-7px;}

			/* per-page, pagination */
			.per-page span, .pagination span {float:left;}
			.per-page span::after, .pagination span::after {content:":";}
			.per-page ul, .pagination ul {display:inline-block;margin:0 0 0 10px;}
				.per-page li, .pagination li {float:left;}
					.per-page a, .pagination a {display:block;}
					.per-page .active a, .pagination .active a {color:#FFF!important;text-decoration:none;background:#007CC3;padding:1px 6px;border-radius:4px;}

			/* per-page */
			.per-page {width:350px;margin-left:180px;}
				.per-page ul {list-style:none;}
					.per-page li + li {margin-left:20px;position:relative;}
					.per-page li + li::after {position:absolute;top:3px;bottom:3px;left:-10px;content:"";width:1px;background:#404040;}
						.per-page li span {position:absolute;clip:rect(1px,1px,1px,1px);}

			/* pagination */
			.pagination {float:right!important;}
				.pagination li + li {margin-left:5px;}
				.pagination .prev, .pagination .next {position:absolute;clip:rect(1px,1px,1px,1px);}
					.pagination a {font-weight:inherit;position:relative;}
					.pagination .prev a {padding-left:7px;}
					.pagination .next a {padding-right:7px;}
					.pagination .prev a::before, .pagination .next a::after {position:absolute;top:50%;content:"";width:5px;height:9px;background:url(images/sprite.png);margin-top:-3px;}
					.pagination .prev a::before {left:0;background-position:0 0;}
					.pagination .next a::after {right:0;background-position:0 0;}
						.pagination a span {position:absolute;clip:rect(1px,1px,1px,1px);}

			/* print */
			.print {float:right!important;}
				.print a {font-weight:inherit;position:relative;}
				.print a + a {margin-left:40px;}
				.print a::before {position:absolute;top:50%;content:"";height:16px;background-image:url(images/sprite.png);margin-top:-8px;}
				.print a:first-child::before {left:-23px;width:16px;background-position:-112px -10px;}
				.print a.pdf::before {left:-18px;width:12px;background-position:-162px -10px;}

	/* form */
	.form fieldset {width:90%;margin:0 auto;}
		.form fieldset > * {padding:3px 0;overflow:hidden;position:relative;}
		.form fieldset > .info + * {padding-top:10px;}
			.form fieldset > * > * {float:left;}

			.form label {width:32%;text-align:right;padding-right:8px;margin-top:7px;}
			.form label::after {content:":";}
			.form label.short {width:30px!important;}
			.form img + label.short {margin-left:5px;}

			.form input.text, .form textarea, .form select, .form .select2-container {width:66%;text-transform:lowercase;}

			.form input.text.jqdate {float:left;}
			.form input.text.jqdate + img {position:relative;top:7px;left:4px;}
			.form input.text.short {width:220px!important;}

			.form span.required {position:absolute;right:0;font-size:20px;color:#172983;}
			.form p.required {padding-top:11px;}
				.form p.required span {font-size:20px;color:#172983;margin:0 5px 0 0;}

			.form .antyspam {padding-bottom:20px;position:relative;}
				.form .antyspam .question {position:absolute;bottom:0;left:32%;}

			.form [placeholder]::-moz-placeholder {color:#808080;}
			.form [placeholder]::-webkit-input-placeholder {color:#808080;}
			.form [placeholder]:-ms-input-placeholder {color:#808080;}
			.form [placeholder]::placeholder {color:#808080;}

			.form input[type="checkbox"] {margin:4px 5px 0 0;}
			.form input[type="checkbox"] + label {width:400px;}
			.form input[type="checkbox"] + label::after {content:none;}

			.form a {text-decoration:underline;}
			.form a.fancybox {float:none;color:blue;text-decoration:none;text-transform:lowercase;}
			.form a.fancybox::before, .form a.fancybox::after {color:#545454;}
			.form a.fancybox::before {content:"(";}
			.form a.fancybox::after {content:")";}

		.form fieldset:last-child > *:last-child {text-align:right;padding-top:20px;overflow:hidden;}
			.form fieldset:last-child > *:last-child > .more.input {float:right;}
			.form fieldset:last-child > *:last-child > .ajaxstatus {float:right;padding:5px 10px 0 0;}

		.form fieldset > div.fancybox {display:none;padding:0;}

	/* contents */
		/* content */
			/* boxes */
				/* map */
				#main-content.contents .map .gmaps {height:500px;border:1px solid #0688CF;}

				/* tags */
				#main-content.contents .tags {overflow:hidden;}
					#main-content.contents .tags ul {float:left;list-style:none;margin:0;}
						#main-content.contents .tags li {float:left;position:relative;}
						#main-content.contents .tags li:first-child::after {position:absolute;top:0;right:-3px;content:":";}
						#main-content.contents .tags li + li {margin-left:6px;}
						#main-content.contents .tags li + li::before {position:absolute;top:0;left:-5px;content:",";}
						#main-content.contents .tags li:first-child + li::before {display:none;}

	/* contents - calendar */
		/* content */
		#main-content.calendar > article .details {padding:0 15px 15px;border-bottom:1px solid #D7D7CC;margin:0 -20px 20px;}
			#main-content.calendar > article .details p {line-height:12px;}
				#main-content.calendar > article .details span:first-child::after {content:":";}
				#main-content.calendar > article .details span:last-child a {color:#4291CC;}
