@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,500,500italic,700,700italic&subset=latin,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i&subset=latin-ext');
@import url('basic.css');
@import url('normalize.css');
@import url('growl.css');
@import url('font.css');
@import url('qtip.css');
@import url('galeria.css');
@import url('facebox.css');
@import url('switch.css');
@import url('slider.css');
@import url('carousel.css');

body {margin:0 auto;padding:0;font-family:'Ubuntu',sans-serif;color:#292929;}

header#logo {position:absolute;top:20px;left:45%;margin-left:-600px;z-index:20;transition:all 1s ease;}

nav#menu {display:inline-block;width:100%;height:40px;margin-top:40px;}
nav#menu ul {margin:0 auto;text-align:right;}
nav#menu ul li {display:inline-block;margin:0 0 0 25px;list-style:none;}
nav#menu ul li a {color:#292929;text-transform:uppercase;font-size:14px;font-weight:500;}
nav#menu ul li a.border {border:2px solid #ed1c24;border-radius:5px;padding:10px 14px;}
nav#menu ul li a.border.red {background-color:#ed1c24;color:#fff;}
nav#menu ul li a:hover, nav#menu ul li a.active {color:#ed1c24;}
nav#menu ul li a.border:hover, nav#menu ul li a.border.active {background-color:#ed1c24;color:#fff;text-decoration:none;}
nav#menu ul li a.border.red:hover, nav#menu ul li a.border.red.active {background-color:#292929;border:2px solid #292929;}
nav#menu ul li.login, nav#menu ul li.fb {margin-left:10px;}
nav#menu ul li.fb a {border-radius:50%;background-color:#dbdbdb;color:#4a4a4a;width:36px;height:36px;display:block;text-align:center;line-height:36px;}
nav#menu ul li.fb a:hover {background-color:#ed1c24;color:#fff;}
nav#menu ul li.rwd {display:none;}

a#openmenu {position:absolute;top:40px;right:0;display:none;text-transform:uppercase;color:#ed1c24;font-size:16px;line-height:32px;font-weight:500;z-index:1006;transition:all 0.5s ease;}
a#openmenu.active {right:0;top:0;}
a#openmenu i {font-size:32px;line-height:32px;vertical-align:text-bottom;margin-left:8px;}
a#openmenu:hover {color:#292929;}

section#header {width:100%;display:block;min-height:110px;border-bottom:1px solid rgba(255,255,255,0.2);z-index:10;position:relative;}

section#slider {background-color:#3c6c8c;width:100%;height:auto;margin:0px 0 0 0;display:inline-block;position:relative;z-index:1;overflow:hidden;}
section#slider img.resize {width:auto;height:100%;z-index:-10;}
section#slider img.slide-logo {position:relative;z-index:1000;margin:150px auto 0 auto;display:table;}

section#banner {background-color:#3c6c8c;width:100%;height:400px;margin:0;display:inline-block;position:relative;z-index:1;overflow:hidden;text-align:center;background-image:url('../gfx/bg/banner.jpg');background-position:center top;background-attachment:fixed;background-size:contain;background-repeat:no-repeat;padding:140px 0;}
section#banner.czlonkostwo {background-image:url('../gfx/bg/czlonkostwo.jpg');padding:140px 0;}
section#banner.admin {height:110px;padding:40px 0 0 0;box-sizing:content-box;overflow:visible;border-bottom:65px solid #f3f5f9;}
section#banner aside.admin {top:120px;}
section#banner .justify {height:100%;}
section#banner h2 {font-family:"Merriweather",serif;font-size:60px;line-height:72px;color:#fff;}
section#banner.admin h2 {font-size:40px;text-align:left;}

nav#submenu {width:100%;height:auto;overflow:visible;min-height:80px;display:block;padding-top:30px;background-color:#fff;font-size:0;border-bottom:1px solid #dbdbdb;}
nav#submenu ul {margin:0 auto;text-align:center;}
nav#submenu ul li {display:inline-block;margin:0 25px 0 25px;list-style:none;}
nav#submenu ul li a {color:#292929;text-transform:uppercase;font-size:13px;font-weight:500;padding-bottom:29px;border-bottom:1px solid rgba(255,255,255,0);}
nav#submenu ul li a:hover, nav#submenu ul li a.active {color:#292929;border-bottom:1px solid #ed1c24;text-decoration:none;}
nav#submenu ul li.submenu i {color:#04a3e3;margin-left:6px;}

section#main {width:100%;height:auto;overflow:visible;min-height:300px;display:inline-block;background-color:#fff;font-size:0;}

section#welcome {}
section#welcome .box {cursor:pointer;min-height:300px;border:10px solid #ececec;padding:3% 3% 0 3%;transition:all 1s ease;}
section#welcome .box:hover {border-color:#abadb5;}
section#welcome .box img {margin-top:0;transition:all 0.3s ease;}
section#welcome .box:hover img {padding-top:10px;}
section#welcome .box p.title {margin-top:0.8em;margin-bottom:0.6em;transition:all 0.3s ease;}
section#welcome .box:hover p.title {margin-top:0.4em;}

section#about {background-image:url('../gfx/bg/about.jpg');background-position:center top;background-attachment:fixed;background-size:cover;background-repeat:no-repeat;}

section#register {background-image:url('../gfx/bg/register.jpg');background-position:center top;background-attachment:fixed;background-size:cover;background-repeat:no-repeat;}

section#rules {text-align:justify;}
section#rules ol {list-style:lower-alpha;margin:0 0 30px 30px;}

section#posts {}
section#posts .box {text-align:left;margin-bottom:50px;}
section#posts .box .thumb {width:100%;height:200px;position:relative;background-color:#f3f5f9;margin-bottom:20px;overflow:hidden;transition:all 0.3s ease;}
section#posts .box:hover .thumb {background-color:#000;}
section#posts .box .thumb img {min-width:100%;max-width:none;min-height:100%;transition:all 0.3s ease;}
section#posts .box:hover .thumb img {transform:scale(1.1);opacity:0.7;}
section#posts .box .thumb span.date {position:absolute;top:0;right:0;width:auto;height:auto;background-color:#fff;display:block;font-size:14px;text-align:center;padding:15px 20px;transition:all 0.3s ease;}
section#posts .box .thumb span.date span.day {color:#b2b2b2;font-size:50px;line-height:50px;display:block;width:100%;}
section#posts .box p {min-height:80px;}
section#posts .box p.title {font-size:22px;min-height:auto;margin-bottom:0;}
section#posts .box p.title a {color:#292929;}

section#icons {height:auto;min-height:450px;background-image:url('../gfx/bg/icons.jpg');background-position:center top;background-attachment:fixed;background-size:cover;background-repeat:no-repeat;}
section#icons p.title {font-size:30px;line-height:36px;}
section#icons .box {margin-top:30px;text-align:center;}
section#icons .box .circle {position:relative;}
section#icons .box .circle img {transition:all 0.3s ease;}
section#icons .box:hover .circle img {transform:rotate(180deg);}
section#icons .box .circle span {position:absolute;left:0;top:0;width:100%;line-height:156px;font-size:36px;font-weight:500;color:#fff;text-align:center;}
section#icons .box p {color:#fff;font-family:'Merriweather',serif;font-size:16px;margin-top:15px;}

section#opinions .item {padding-left:5%;padding-right:5%;}

div.thumb {margin:4px 0 0 0;width:100%;}
div.thumb img {max-width:100%;}

aside.social {float:right;max-width:50%;}
div#onenews aside.social {float:none;}
aside.social ul {text-align:right;list-style:none;margin-top:6px;}
div#onenews aside.social ul {text-align:left;}
aside.social ul li {display:inline-block;margin:0 3px;}
aside.social ul li a {display:block;width:40px;height:40px;line-height:40px;border-radius:5px;color:#919191;border:1px solid #d8d8d8;text-align:center;}
aside.social ul li a:hover {color:#fff;background-color:#ed1c24;border-color:#ed1c24;}

div.galeria {border-top:1px solid #ededed;margin-top:40px;}

div.slide {width:100%;max-width:600px;margin:20px auto;display:block;height:auto;overflow:visible;position:relative;border-bottom:1px solid #ededed;padding:50px 0 20px;}

div#onenews .thumb img {min-width:100%;}
div#onenews .rest p.title {font-size:14px;border-bottom:1px solid #ececec;}
div#onenews .rest p.title a {color:#292929;}
div#onenews p.grey {color:#9a9a9a;}

ul {list-style:none;}

div.photo {position:relative;width:46%;max-height:240px;margin:2% 2%;overflow:hidden;border-radius:5px;}
div.photo-4 {width:21%;}

ul.tabs{margin: 0 auto;width:1200px;padding: 0px;list-style: none;}
ul.tabs li{background: #fff;color: #18244a;font-size:24px;display: inline-block;padding: 20px 30px;margin:0 4px 0 0;cursor: pointer;border:1px solid #f5f5f5;transition:all 0.5s ease;}
ul.tabs li:before {content:'' !important;paddin:0 !important;}
ul.tabs li.current{background: #f5f5f5;color: #709ecf;}
.tab-content{min-height:500px;display:none;padding: 60px 30px;background-color:#f5f5f5;transition:all 0.5s ease;}
.tab-content.current{display: inherit;}
.tab-content div.box {width:31%;margin:1%;height:auto;overflow:visible;display:inline-block;position:relative;cursor:pointer;}
.tab-content div.box img {max-width:100%;}
.tab-content div.box div.info {position:absolute;top:0;bottom:0;left:0;right:0;padding:20px 20px;background-color:#6f9ece;color:#fff;opacity:0;transition:all 0.5s ease;}
.tab-content div.box:hover div.info {opacity:1;}
.tab-content div.box div.info h4 {font-size:24px;line-height:80px;position:relative;vertical-align:text-top;}
.tab-content div.box div.info h4 img {float:left;margin-right:10px;}
.tab-content div.box div.info p {}

.accordion {margin:50px auto;}
.accordion, .accordion * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.accordion {overflow:hidden;}
.accordion-section-title {position:relative;width:100%;padding:15px;color:#2d2d2d;display:inline-block;line-height:80px;border-top:1px solid #ededed;font-size:18px;line-height:23px;text-transform:uppercase;font-weight:600;transition:all linear 0.15s;}
.accordion-section-title.active, .accordion-section-title:hover {text-decoration:none;}
.accordion-section:last-child .accordion-section-title {border-bottom:none;}
.accordion-section-content {padding:15px 15px 50px 15px;display:none;}
.accordion-section-content a.button {border:1px solid #709ecf;background-color:#709ecf;color:#fff;margin-top:20px;}
.accordion-section-content a.button:hover {background-color:#18244a;border:1px solid #18244a;}

input[type=text], input[type=email], input[type=password], textarea, select {width:70%;border:1px solid #dbdbdb;padding:10px 16px;border-radius:5px;margin:0 0 20px 0;font-family:'Ubuntu',sans-serif;color:#18244a;font-size:16px;line-height:22px;}
input.nomrg {margin-bottom:4px;}
input[type=password] {display:block;margin:0 auto 20px;}
textarea {width:100%;height:120px;}
label.checkbox {color:#8a8a8a;font-size:13px;padding-left:36px;}
label.checkbox input {vertical-align:top;margin-left:-36px;margin-top:0;margin-right:10px;}
input[type=submit] {background-color:#ed1c24;color:#fff;display:inline-block;font-family:'Ubuntu',sans-serif;font-size:16px;border:0;padding:10px 42px;border-radius:4px;transition:all 0.3s ease;}
input[type=submit].right {float:right;}
input[type=submit]:hover {cursor:pointer;background-color:#292929;}
form.login input[type=submit], form.newsletter input[type=submit] {vertical-align:top;margin-left:30px;}
form.newsletter input[type=submit] {margin-left:10px;}
form.admin input[type=submit] {margin-top:30px;}

form.register {display:table;margin:0 auto;max-width:650px;text-align:left;}
form.register input {width:48%;display:inline-block;margin-left:1%;margin-right:1%;}
form.register label.checkbox {margin:15px 0 20px 0;padding-left:5px;}
form.register input[type=checkbox], form.register input[type=radio] {width:auto;margin-left:0;}
form.register input[type=submit] {margin-top:15px;}

div.checkboxes {width:100%;height:600px;overflow-y:auto;}
div.checkboxes label.checkbox {display:inline-block;vertical-align:top;width:25%;}

form label {font-size:15px;margin-bottom:15px;font-weight:500;width:100%;display:inline-block;}
form span {color:#C00;display:inline-block;width:100%;vertical-align:top;margin:-10px 0 15px;font-size:13px;}
form a.button {display:table;}

span.info {color:#999;font-size:12px;display:inline-block;margin:0 0 20px 0;line-height:18px;}

aside.admin {position:absolute;top:0;right:0;text-align:right;}
section#main aside.admin {top:-60px;}
section#main .photo aside.admin {top:10px;background-color:#fff;padding:10px;}
aside.admin a {margin-left:6px;}
aside.admin a i {font-size:16px;margin:6px;}
section#main.banner aside.admin a i {margin:0;}
aside.admin a.button.icon {padding:8px 16px;color:#fff;}

aside.settings {position:fixed;top:240px;left:0;width:48px;height:auto;overflow:visible;z-index:2000;}
aside.settings a {width:68px;height:58px;display:block;margin:5px 0;padding-left:25px;padding-right:10px;text-align:center;vertical-align:middle;font-size:24px;line-height:58px;background-color:#2a2a2a;color:#fff;margin-left:-20px;border-radius:10px;box-shadow:0 0 1px rgba(0,0,0,0.4);}
aside.settings a:hover {background-color:#2a2a2a;margin-left:-10px;}

aside.flags {position:fixed;top:240px;right:-30px;width:60px;height:auto;overflow:visible;z-index:2000;}
aside.flags a {width:60px;height:36px;display:block;margin:0 0 15px 0;text-align:center;vertical-align:middle;font-size:24px;line-height:36px;margin-left:0;border-radius:10px;box-shadow:0 0 1px rgba(0,0,0,0.4);}
aside.flags a img {max-width:100%;border-radius:3px;}
aside.flags a:hover {margin-left:-20px;}

table.dane {width:100%;display:table;}
table.dane th {padding:15px;font-weight:400;font-size:14px;background-color:#f3f5f9;color:#2a2a2a;text-align:left;border:1px solid #fff;}
table.dane tr:first-child th:first-child {border-top-left-radius:10px;}
table.dane tr:first-child th:last-child {border-top-right-radius:10px;}
table.dane tr:last-child td:first-child {border-bottom-left-radius:10px;}
table.dane tr:last-child td:last-child {border-bottom-right-radius:10px;}
table.dane td {padding:15px;text-align:left;color:#2a2a2a;background-color:#fff;border:1px solid #fff;vertical-align:top;font-size:13px;transition:all 0.5s ease;}
table.dane td p {font-size:14px;}
table.dane td em {color:#9a9a9a;}
table.dane td strong {font-weight:500;color:#000;}
table.dane tr:nth-of-type(odd) td {background-color:#f3f5f9;}
table.dane td img {max-width:60px;}
table.dane td.nowrap {white-space:nowrap;}
table.dane td a.icon {margin-left:6px;}
table.dane td a {color:#222;}
table.dane td a:hover {color:#F90;}
table.dane td.nowrap em {color:#dbdbdb;}
table.dane th.lp {width:50px;}
table.dane td.right, table.dane th.right {text-align:right;}
table.dane td.settings {white-space:nowrap;padding-top:15px;text-align:right;}
table.dane td.settings a {margin:0 4px;}
table.dane td.settings a:hover {}
section#main td.settings aside.admin {position:relative;top:0;}
table.dane tr:hover td {background-color:#e7efee;}
table.dane tr.red td {background-color:rgba(207,4,4,0.5);}
table.dane tr.green td {background-color:rgba(25,146,50,0.5);}
table.dane tr.blue td {background-color:rgba(102,153,255);}
table.dane tr.black td {background-color:rgba(0,0,0,0.5);}
table.dane tr.red td em, table.dane tr.green td em, table.dane tr.blue td, table.dane tr.black td em {color:#FFF;}
table.dane tr.red:hover td {background-color:rgba(207,4,4,0.6);}
table.dane tr.green:hover td {background-color:rgba(25,146,50,0.6);}
table.dane tr.blue:hover td {background-color:rgba(56, 78, 245, 0.87);}
table.dane tr.black:hover td {background-color:rgba(0,0,0,0.6);}
table.dane tr.deactivated {background-image:url('../gfx/icon/deactivated.png');background-position:center center;background-repeat:no-repeat;}
table.dane tr.deactivated td {opacity:0.8;}
table.dane tr.deactivated td.settings {opacity:1;}
table.dane td img.thumb {max-width:80px;max-height:80px;}
table.dane td a.underline {font-weight:600;color:#000;border-bottom:1px solid #000;}
table.dane td a.underline:hover {color:#0066ad;border-color:#0066ad;}

div.pagination {width:100%;margin-top:30px;text-align:right;height:40px;}
div.pagination a {background-color:#FFF;}
div.pagination a, div.pagination strong {font-size:14px;margin:0 2px;border:1px solid #efefef;border-radius:5px;padding:3px 10px;}
div.pagination strong {border:1px solid #dbdbdb;}

#filtr div.form {width:50%;height:90px;padding:0 10px 20px;display:inline-block;vertical-align:top;position:relative;}
#filtr div.form label {width:100%;display:block;text-align:left;font-weight:300;line-height:28px;margin-bottom:0;transition:all 0.5s ease;}
#filtr div.form input, #filtr div.form select {border-radius: 5px;width:100%;border:1px solid #dbdbdb;padding:8px 12px;line-height:36px;height:36px;font-size:14px;font-family:Arial, Helvetica, sans-serif;}
#filtr div.form input:focus, #filtr div.form select:focus {border:1px solid #ed1c24;box-shadow:1px 1px 0.6em #ed1c24;}
#filtr div.form input.error, #filtr div.form select.error {border:1px solid #900;box-shadow:1px 1px 0.2em #a00;}
#filtr div.form label.error {color:#C00;position:absolute;top:5px;right:10px;width:auto;font-size:13px;font-family:Arial, Helvetica, sans-serif;line-height:19px;z-index:10;background-color:#FFF;padding:0 10px;}
#filtr div.form span {width:10%;display:inline-block;line-height:30px;position:absolute;top:31px;right:15px;transition:all 0.5s ease;}
#filtr div.form div.checkbox {position:absolute;top:31px;right:10px;width:160px;}
#filtr div.form div.checkbox input[type=checkbox] {width:auto;float:left;margin-top:-2px;margin-right:6px;}
#filtr div.form:hover span {right:25px;}
#filtr input[type=submit] {background-color:#ed1c24;color:#FFF;display:block;text-transform:uppercase;width:auto;border:0;margin:30px auto;padding:10px 30px;font-weight:400;cursor:pointer;transition:all 0.3s ease;}
#filtr input[type=submit]:hover {background-color:#2a2a2a;}

div#filtr {width:800px;font-size:0;height:auto;padding:30px;overflow:visible;background-color:#f3f5f9;position:fixed;top:-480px;left:50%;margin-left:-400px;border:5px solid #ed1c24;border-radius:10px;z-index:1000;transition:all 0.8s ease;}
#ui-datepicker-div {z-index:1001 !important;}
div#filtr a {font-size:initial;color:#2a2a2a;float:right;margin-left:10px;position:relative;top:15px;right:-15px;}
div#filtr a i {margin-right:4px;}
div#filtr.active {top:-15px;}
div#filtr div.form {padding-bottom:8px;height:65px;}
#filtr div.form label {font-size:16px;}
#filtr div.form input, #filtr div.form select {padding:4px 6px;line-height:32px;height:32px;}
#filtr div.form input[type=submit] {border:0;padding:0 30px;height:33px;margin:27px 0 0 0;background-color:#ed1c24;}
#filtr div.form input[type=submit]:hover {background-color:#111;}

ul.filters {list-style:none;margin-bottom:15px;}
ul.filters li {display:inline-block;font-size:14px;margin:5px 5px;padding:6px 4px 6px 10px;color:#FFF;background-color:#ed1c24;border-radius:5px;line-height:19px;transition:all 0.5s ease;}
ul.filters li:before {display:none;}
ul.filters li span {font-size:14px;color:#fafdfb;}
ul.filters li:hover {background-color:#698ca6;}
ul.filters li a i {color:#FFF;margin:0 5px;}
ul.filters li a:hover i {color:#b8e1c7;}

.ui-widget select {font-size:13px !important;font-weight:300;}

footer#bottom {width:100%;display:block;font-size:0;padding:0;background-color:#233277;}
footer#bottom .box {padding-right:5%;}
footer#bottom img {margin-bottom:25px;}
footer#bottom p {color:#fff;line-height:24px;font-size:14px;}
footer#bottom p a {color:#fff;}
footer#bottom p i {color:#ed1c24;font-size:24px;display:inline-block;vertical-align:bottom;margin-right:12px;}
footer#bottom h4 {color:#fff;font-size:14px;font-weight:500;text-transform:uppercase;padding-bottom:25px;border-bottom:1px solid #4f5b92;margin-bottom:25px;}
footer#bottom ul {}
footer#bottom ul li {display:block;margin:6px 0;}
footer#bottom ul li a {color:#a8aaad;font-size:14px;}
footer#bottom ul li a:hover {text-decoration:underline;color:#fff}

footer#bottom section.rights {width:100%;display:block;font-size:0;margin:0;padding:12px 0;background-color:#171824;}
footer#bottom section.rights p {width:50%;display:inline-block;vertical-align:middle;font-size:13px;line-height:19px;margin:0;color:#dbdbdb;}
footer#bottom section.rights p.design {text-align:right;}
footer#bottom section.rights a {color:#a8aaad;}
footer#bottom section.rights a:hover {color:#ed1c24;}