﻿@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
 v2.0 | 20110126
 License: none (public domain)
 */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: "" "";
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: "";
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
/* DEFAULT STYLES */
a:hover {
	text-decoration: none;
}
a:hover * {
	cursor: pointer;
}
b, strong {
	font-weight: 600;
}
i, em {
	font-style: italic;
}
del, s, strike {
	text-decoration: line-through;
}
caption, th, td {
	text-align: left;
	font-weight: 400
}
abbr[title], acronym[title], dfn[title] {
	border-bottom: 1px dashed;
	cursor: help
}
input[type='checkbox'], input[type='radio'] {
	margin: 7px 5px 3px 0;
	padding: 0
}
input[type='button'], input[type='submit'] {
	cursor: pointer
}
html {

	min-height: 100%;
	min-width: 800px;
	overflow: auto;
	width: 100%;
}
body:before {
	content: "";
	position: fixed;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
	z-index: 100;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}
body {
	background: #434343 url('../img/layout/header_bg_dark.png') repeat-x 0 0;
	color: #383838;
	font: 400 13px/25px Verdana, Arial;
	height: 100%;
	min-width: 100%;
}
#wrapper {
	height: 100%;
	min-width: 100%;
}
#container {
	height: 100%;
	min-width: 100%;
}
h1, .h1 {
	color: #434343;
	font: 700 20px/22px Verdana, Arial;
}
h2, .h2 {
	color: #383838;
	font: 700 17px/15px Verdana, Arial;
}
h2 > span, .h2 > span {
	display: block;
	font: 400 14px/15px Verdana, Arial;
}
h3, .h3 {
	color: #383838;
	font: 400 14px/16px Verdana, Arial;
}
h2, .h2, h3, .h3 {
	margin: 4px 0 20px;
}
.h1, .h2, .h3 {
	display: block;
}
p {
	font: 400 11px/22px Verdana, Arial;
}
article p {
	margin-bottom: 18px;
}
article .txt p {
	margin: 0;
	padding: 0;
}
.hl {
	color: #7b7b7b;
}
a {
	color: #7b7b7b;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
strong {
	color: #000;
}
ul {
	list-style-type: disc;
	margin-bottom: 20px;
	padding-left: 17px;
}
ol {
	list-style-type: decimal;
	margin-bottom: 20px;
	padding-left: 25px;
}
ol ol {
	list-style-type: lower-latin;
}
ol li {
	margin-bottom: 5px;
}
dl {
	overflow: hidden;
	margin-bottom: 20px;
}
dt {
	clear: both;
	float: left;
	padding-right: 3px;
}
dd {
	font-weight: 700;
	display: block;
	overflow: hidden;
}
hr {
	background: #e5e5e5;
	border: 0;
	border-top: 1px solid #c9c9c9;
	height: 0;
	margin-bottom: 20px;
}
article hr {
	border: 0;
	border-top: 1px solid #cddbe2;
	height: 0;
	margin-bottom: 20px;
}
article h2+ hr {
	margin-top: -5px;
}
aside hr {
	background: #e5e5e5;
	border: 0;
	border-bottom: 1px solid #f9f9f9;
	border-top: 1px solid #dcdcdc;
	height: 1px;
	margin-bottom: 20px;
}
blockquote {
	padding: 22px 25px;
}
p+ blockquote {
	margin-top: -22px;
}
cite {
	border-top: 1px solid;
	display: block;
	margin-top: 5px;
	text-align: right;
}
address {
	float: left;
	padding: 0 20px;
}
address h3 {
	margin-bottom: 10px;
}
.art_img {
	float: right;
}
figure {
	margin-bottom: 18px;
}
figure img {
	display: block;
	margin-bottom: 0;
}
figure figcaption {
	font: 400 12px/18px Verdana, Arial;
	margin-top: 12px;
}
article a:hover {
}
time {
	color: #99b2c0;
	font: 400 10px/16px Verdana, Arial;
	display: block;
	float: right;
}
h2+ time {
	margin: -15px 0 15px;
}
legend {
}
.button, .more {
	background: url('../img/layout/buttonBG.png');
	border-radius: 3px;
	color: #fff;
	display: block;
	float: right;
	font: 700 11px/22px Verdana, Arial;
	height: 22px;
	padding: 0 10px;
}
.button {
	display: inline-block;
	position: relative;
}
.button+ .button {
	margin: 0 0 0 10px;
}
.button:hover {
	color: #fff;
	text-decoration: underline;
}
.button.rings:before {
	background: url('../img/layout/rings_redBG.png') no-repeat;
	content: '';
	display: inline-block;
	height: 15px;
	padding-right: 3px;
	vertical-align: middle;
	width: 18px;
}
.more {
	height: 20px;
	line-height: 18px;
}

label {
	color: #000;
	font-size: 11px;
	line-height: 11px;
	padding-right: 5px;
	vertical-align: top;
}
textarea {
	overflow: auto;
}
.aligncenter {
	display: block;
	margon-left: auto;
	margon-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
img.alignleft {
	margin: 0 12px 12px 0;
}
img.alignright {
	margin: 0 0 12px 12px;
}
.clearfix {
	clear: both;
	height: 0;
}
.clearBoth {
	clear: both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.justify {
	text-align: justify;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}

.margDown {
	margin-bottom: 20px !important;
}
.margDownNone {
	margin-bottom: 0 !important;
}
.txtCapitalize {
	text-transform: capitalize;
}
.txtUppercase {
	text-transform: uppercase;
}
.txtLowercase {
	text-transform: lowercase;
}
.txtNormal {
	text-transform: none;
}
input:focus, select:focus, textarea:focus, button:focus {
	outline: none;
}
.orange {
	color: #eb680e;
}
.arrow_right:after {
	content: " \2192";
}
.blue {
	color:#0064b2;
}
.red {
	color:red;
}
.wet {
	color:green;
}
.fx2 {
	font-size:15px;
}

input:invalid, input:-moz-ui-invalid {
	border: 0;
	outline: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
input, select, textarea {
	background: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(bottom, #ffffff 0%,  #e2e2e2 100%); /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(bottom, #ffffff 0%,  #e2e2e2 100%); /* FF3.6+ */
	background-image: -ms-linear-gradient(bottom, #ffffff 0%,  #e2e2e2 100%); /* IE10 */
	background-image: -o-linear-gradient(bottom, #ffffff 0%,  #e2e2e2 100%); /* Opera 11.10+ */
	background-image: linear-gradient(bottom, #ffffff 0%,  #e2e2e2 100%); /* W3C */
	border-radius: 3px;
	border: 1px solid #C7C7C7;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
	font-size: 13px;
	color: #222222;
	position: relative;
	height: 25px;
	padding-left: 30px;
}
select {
	padding:0px;
}
textarea {
	min-height: 100px;
}
::-webkit-validation-bubble {
}
::-webkit-validation-bubble-arrow-clipper {
}
::-webkit-validation-bubble-arrow {
}
::-webkit-validation-bubble-message {
}

input:invalid + label::after {
	content: ' ⨉';
}
input:valid + label::after {
	content: ' ✓';
}

body.white {
	background: #ebebeb url('../img/layout/header_bg.png') repeat-x 0 0;
}
body.white #mainmenu {
	background: #FBFBFB url('../img/layout/mainmenu_bg.png');
}
body.white #content {
	border:1px solid #e2e2e2;
	border-top:0px;
}

body.white #content:before,body.white #content:after {

	background: rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 19px 10px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 19px 10px rgba(0, 0, 0, 0.7);
	box-shadow: 0 19px 10px rgba(0, 0, 0, 0.7);

}
body.white footer {
	background: url('../img/layout/footer_bg.png') no-repeat;
}
/* WEB STYLE */
#container > header {
	width: 806px;
	margin: 0px auto;
}
#container > header > div.top {
	background: url('../img/layout/logo_bg.png') no-repeat 0 0;
	width: 806px;
	height: 97px;
	padding: 28px 0px 0px 25px;

}
#logo {
	background: url('../img/layout/logo.png') no-repeat;
	width: 295px;
	height: 45px;
	overflow: hidden;
	text-indent: -99999px;
	float: left;
}
div.login {
	width:410px;
	height: 45px;
	padding: 5px 0px 0px 75px;
	float: left;
	position: relative;
}
div.fb {
	position: absolute;
	left:-100px;
	top:40px;
}
div.login span {
	font: bold 11px/12px Verdana, Arial;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 4px #666;
	padding-left: 10px;
}

div.login input[type='text'], div.login input[type='password'] {
	padding-left: 25px;
	height: 25px;
	border: 0px;
	width: 110px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 1px 1px 1px 0px #bfbfbf;
	-moz-box-shadow: inset 1px 1px 1px 0px #bfbfbf;
	box-shadow: inset 1px 1px 1px 0px #bfbfbf;
}

div.login input[type='submit'] {
	background: #F3F2F1 url('../img/layout/button_bg_silver.png') repeat-x center center;
	padding: 0px 10px;
	margin: 0px 20px 0px;
	height: 26px;
	line-height: 0px;
	border: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font: bold 13px Verdana, Arial;
	color: #383838
}
div.login input[type='submit']:hover {

	text-decoration: underline;
}
div.login .rejestracja {
	font-size:9px;
	font-style: italic;
	padding:0px 33px 0px;
	margin:4px 0px 0px 16px;
	display:block;
	height:40px;
	background: url('../img/layout/arrow_register.png') no-repeat;
	text-shadow: 1px 1px 1px #333;
}
div.login .przypomnienie {
	font-size:9px;
	font-style: italic;
	position: absolute;
	bottom:2px;
	left:240px;
	text-shadow: 1px 1px 1px #333;
	color:#fff;

}
div.login .przypomnienie a {
	color: #FFFFFF
}

div.themes{
	position: relative;
	width:40px;
	height:15px;
	bottom: 28px;
	left:755px;


}
div.themes .dark {
	display:block;
	float:left;
	background: #434343;
	width: 15px;
	height: 15px;
	margin-left:1px;
}
div.themes .white {
	display:block;
	float:left;
	background: #EBEBEB;
	width: 13px;
	height: 13px;
	border:1px solid #434343
}

#mainmenu {
	margin: -28px 0px 0px;
	height: 42px;
	background: #FBFBFB url('../img/layout/mainmenu_bg_dark.png');
}
#mainmenu > ul {
	list-style-type: none;
	height: 39px;
	width: 700px;
	margin: auto;
}
#mainmenu > ul li {
	float: left;
}
#mainmenu > ul li a {
	font: normal 12px/12px Verdana, Arial;;
	color: #383838;
	padding: 0px 15px;
	display: block;
	text-decoration: none;
	line-height: 39px;
	text-transform: capitalize;
	text-shadow: 1px 1px 1px #d4d4d4;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;	
}
#mainmenu > ul li a:hover {
	background: #E07712 url('../img/layout/button_bg_orange.png') repeat-x;
	color: #fff;
	
	text-shadow: 1px 1px 1px #383838;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;	
}
#mainmenu > ul li.break {
	background: #d4d4d4;
	width: 1px;
	height: 39px;
	float: left;
	display: block;
}
#content {
	width: 800px;
	margin: 0px auto;
	padding: 10px 0px;
	border-top: none;
	background: #ffffff;
	min-height: 813px;
	position: relative;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
	color: rgba(0,0,0, .8);
	line-height: 1.5;
}

#content:before, #content:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 20px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width: 400px;
	background: rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 25px 30px rgba(0,0,0, 0.9);
	-moz-box-shadow: 0 25px 30px rgba(0, 0, 0, 0.9);
	box-shadow: 0 25px 30px rgba(0, 0, 0, 0.9);
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);
}

#content:after {
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	transform: rotate(1deg);
	right: 10px;
	left: auto;
}

#content > header {
	margin: 10px auto;
	width: 750px;
}

#content > aside {
	float: left;
	width: 220px;

}

#content > aside .top {
	position: relative;
	z-index: 99999px;
	background: url('../img/layout/sidebar_left.png') no-repeat;
	width: 220px;
	min-height: 340px;
}

#content > aside .top > ul {
	font: normal 12px Arial, Tahoma;
	padding: 35px 40px 0px;
	margin: 0px;
}
#content > aside .top > ul a {
	color: #383838;
}
#content > aside .top > ul a:hover {
	text-decoration: none;
	color: #2A549C;
}

#content > aside .top > ul li {

	padding: 10px 0px 0px;
	color: #383838;
	margin: 0px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
#content > aside .top > ul li:hover {
	color: #2A549C;
	padding-left: 5px;
	font-weight: bold;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#content > aside .mini_logo {
	width: 100px;
	height: 50px;
	background: url('../img/layout/logo_mini.png') no-repeat center center;
	position: absolute;
	bottom: 0px;
	left: -10px;
}
#content>aside .realizacja {
	font: normal 12px/10px Calibri, Arial;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#content>aside .realizacja span {
color:#0065b2;
}

#content > section {
	float: left;
	width: 580px;
}

#content > section .top {
	background: url('../img/layout/sidebar_right.png') 0px 0px no-repeat;
	width: 580px;
	min-height: 340px;
}
#content > section > div.box {
	border-left: 1px solid #e8e8e8;
	margin-left: -2px;
	min-height: 870px;
}

footer {
	background: url('../img/layout/footer_bg_dark.png') no-repeat;
	margin: 30px auto 0px auto;
	width: 800px;
	height: 3px !important;
}

div.box {
	padding: 25px 26px 0px;
	line-height: 30px;
	font: normal 11px/25px Verdana, Arial;
}

div.box > h2 {
	font: 700 15px/25px Verdana, Arial;
	text-shadow: 1px 1px 2px #bfbfbf;
	
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
}

div.box > h3 {
	font: 700 15px/25px Verdana, Arial;
}
div.linki {
	font-size:11px;
	line-height: 20px;
}
.linki > h2 span {
	float: left;
	width: 28px;
	height: 21px;
	background: url('../img/layout/linki_bg.png') no-repeat left bottom;
}
.linki2 {
	margin-bottom: 80px;
}
.last_fora > h2 span {
	float: left;
	width: 24px;
	height: 21px;
	background: url('../img/layout/last_fora_bg.png') no-repeat left center;
}
.last_fora>a {
	font-size:11px;
}
.last_fora>.odp{
	display: block;
	font-size:xx-small;
	font-style: italic;
	padding:0px;
	margin:-10px 0px -30px;
}
div.fora {
	font-size: 11px;
	line-height: 20px;
}
.fora > h2 span {
	float: left;
	width: 32px;
	height: 21px;
	background: url('../img/layout/ostatnie_fora_bg.png') no-repeat left 4px;
}
.news > h2 span {
	float: left;
	width: 35px;
	height: 26px;
	background: url('../img/layout/news_bg.png') no-repeat left;
}
.sb > h2 span {
	float: left;
	width: 29px;
	height: 26px;
	background: url('../img/layout/shout_bg.png') no-repeat left;
}
div.sb {
font-size:11px;
line-height: 16px;
}

div.staty {
	display: none;
}
.staty > h2 span {
	float: left;
	width: 28px;
	height: 21px;
	background: url('../img/layout/staty_bg.png') no-repeat left center;
}
.big_btn {
	display: block;
	width: 168px;
	height: 39px;
	background: #E07712 url('../img/layout/button2_bg_orange.png') repeat-x top;
	border: 1px solid #B34612;
	color: #fff;
	font: bold 22px/18px Calibri, Arial;
	text-shadow: 1px 1px 4px #A24E11;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	line-height: 35px;
	text-align: center;
	position: relative;
	top: 182px;
	left: 28px;
}
.big_btn:hover {
	color: #383838;
}
.reg {
	display: block;
	position: relative;
	top: 300px;
	left: 28px;
	color: #383838;
	font-weight: bold;
	font-style: italic;
}

div.box input[type='text'], div.box input[type='password'], div.box textarea {

	padding: 0px 10px;
	margin: 4px 0px;
}

div.box input[type='submit'], div.box input[type='reset'] {
	display: inline;
	padding: 0px 10px;
	height: 32px;
	background: #E07712 url('../img/layout/button2_bg_orange.png') repeat-x top;
	border: 1px solid #B34612;
	color: #fff;
	font: bold 18px/18px Calibri, Arial;
	text-shadow: 1px 1px 4px #A24E11;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;

}
div.box input[type='submit']:hover,div.box input[type='reset']:hover{

	color:#383838;
}

input.password {

	background: #fff;
	background-image: url('../img/layout/lockIcon.png'); /* fallback */
	background-image: url('../img/layout/lockIcon.png'), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2)); /* Saf4+, Chrome */
	background-image: url('../img/layout/lockIcon.png'), -webkit-linear-gradient(bottom, #ffffff 0%,  #e2e2e2 100%); /* Chrome 10+, Saf5.1+ */
	background-image: url('../img/layout/lockIcon.png'), -moz-linear-gradient(bottom, #ffffff 0%,  #e2e2e2 100%); /* FF3.6+ */
	background-image: url('../img/layout/lockIcon.png'), -ms-linear-gradient(bottom, #ffffff 0%,  #e2e2e2 100%); /* IE10 */
	background-image: url('../img/layout/lockIcon.png'), -o-linear-gradient(bottom, #ffffff 0%,  #e2e2e2 100%); /* Opera 11.10+ */
	background-image: url('../img/layout/lockIcon.png'), linear-gradient(bottom, #ffffff 0%,  #e2e2e2 100%); /* W3C */
	background-position: 6% center;
	background-repeat: no-repeat;
	border-radius: 3px;
	border: none;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
	font-size: 13px;
	color: #222222;
	position: relative;
	height: 32px;
	padding-left: 30px;
}

input.login {

	background: #fff;
	background-image: url('../img/layout/userIcon.png'); /* fallback */
	background-image: url('../img/layout/userIcon.png'), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2)); /* Saf4+, Chrome */
	background-image: url('../img/layout/userIcon.png'), -webkit-linear-gradient(bottom, #ffffff 0%,  #e2e2e2 100%); /* Chrome 10+, Saf5.1+ */
	background-image: url('../img/layout/userIcon.png'), -moz-linear-gradient(bottom, #ffffff 0%,  #e2e2e2 100%); /* FF3.6+ */
	background-image: url('../img/layout/userIcon.png'), -ms-linear-gradient(bottom, #ffffff 0%,  #e2e2e2 100%); /* IE10 */
	background-image: url('../img/layout/userIcon.png'), -o-linear-gradient(bottom, #ffffff 0%,  #e2e2e2 100%); /* Opera 11.10+ */
	background-image: url('../img/layout/userIcon.png'), linear-gradient(bottom, #ffffff 0%,  #e2e2e2 100%); /* W3C */
	background-position: 6% center;
	background-repeat: no-repeat;
	border-radius: 3px;
	border: none;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
	font-size: 13px;
	color: #222222;
	position: relative;
	height: 32px;
	padding-left: 30px;
}

div.box textarea {
	min-height: 200px;
	min-width: 500px;
}

div.login .hello {
	font-size:20px;
}
div.panel {
margin:0px -15px;
}

div.blink {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;     
    }
}
.info {
font:bold 18px/20px Verdana;
color:green;
}
