* {
	margin:0;
	padding:0;
}

*, *:after, *:before {
    box-sizing: border-box;
}

.row:after,.row:before,
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.row:after,
.clearfix:after {
  clear:both;
}


body{
	font-family:arial, verdana;
	font-size:14px;
	width:100%;
	margin:0 auto;
	background:#fff;
	line-height: 1.42;
}

table, div, form {
	min-height:1px;
	margin:0 auto;
}





.col {
	float:left;
	position: relative;
}

.col-width-12 {
  width: 100%;
}
.col-width-11 {
  width: 91.66666667%;
}
.col-width-10 {
  width: 83.33333333%;
}
.col-width-9 {
  width: 75%;
}
.col-width-8 {
  width: 66.66666667%;
}
.col-width-7 {
  width: 58.33333333%;
}
.col-width-6 {
  width: 50%;
}
.col-width-5 {
  width: 41.66666667%;
}
.col-width-4 {
  width: 33.33333333%;
}
.col-width-3 {
  width: 25%;
}
.col-width-2 {
  width: 16.66666667%;
}
.col-width-1 {
  width: 8.33333333%;
}

.col-width-10proc {
	width:10%;
}

.col-width-20proc {
	width:20%;
}

.col-width-30proc {
	width:30%;
}

.col-width-40proc {
	width:40%;
}

.col-width-50proc {
	width:50%;
}

.col-width-60proc {
	width:60%;
}

.col-width-70proc {
	width:70%;
}

.col-width-80proc {
	width:80%;
}

.col-width-90proc {
	width:90%;
}

.col-width-100proc {
	width:100%;
}

.col-offset-12 {
  margin-left: 100%;
}
.col-offset-11 {
  margin-left: 91.66666667%;
}
.col-offset-10 {
  margin-left: 83.33333333%;
}
.col-offset-9 {
  margin-left: 75%;
}
.col-offset-8 {
  margin-left: 66.66666667%;
}
.col-offset-7 {
  margin-left: 58.33333333%;
}
.col-offset-6 {
  margin-left: 50%;
}
.col-offset-5 {
  margin-left: 41.66666667%;
}
.col-offset-4 {
  margin-left: 33.33333333%;
}
.col-offset-3 {
  margin-left: 25%;
}
.col-offset-2 {
  margin-left: 16.66666667%;
}
.col-offset-1 {
  margin-left: 8.33333333%;
}

td {
	padding:5px;
}

h1, h2, h3, h4, h5, h6 {
	clear:both;
	padding:5px 0;
	margin:5px 0;
}

h1 {
	font-size:2em;
}

h2, h3{
	font-size:1.75em;
}

h4, h5, h6 {
	font-size:1.5em;
}

p, a, li{
	line-height:1.6;
}


hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #eeeeee;
  clear:both;
  width:100%;
  display:inline-block;
}

ul, ol {
	padding:0 20px;
}

/* Linki */
a {
	color:#1f76ac;
	text-decoration:none;
}

a:hover{
	color:#1f76ac;
	text-decoration:none;
}

a img {
	border:0;
	margin:0 auto;
}

a .raquo{
	color:#e68a01;
}

img {
	max-width:100%;
	margin:auto;
	line-height:1;
	vertical-align:middle;
}

img.thumbnail {
	background: #fff;
    border: 1px solid #e5e5e5;
    padding: 5px;
}

img.thumbnail-grey {
	filter:grayscale(100%);
	-webkit-filter: grayscale(100%); 
    -webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */
    transition: 0.5s;
}

img.thumbnail-grey:hover {
	filter:grayscale(0%);
	-webkit-filter: grayscale(0%); 
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color:inherit !important;
	text-decoration:none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
	color:inherit;
	text-decoration:none;
}

/* Przydatne */
strong.mykeyword {
	/*font-weight:lighter;	*/
}

.ukryty {
	display:none;
}

.widoczny {
	display:block;
}

.red {
	color:#E83B2D;
}

.orange {
	color:#F98F39;
}

.green {
	color:#7eaf39;
}

.blue {
	color:#3C5A98;
}

.grey-light {
	color:#DDD;
}

.grey {
	color:#CCC;
}

.grey-strong {
	color:#777;
}

.color-ok {
    color: #3c763d;
}

.color-alert {
    color: #8a6d3b
}

.color-error {
    color: #a94442;
}

.color-info {
    color: #31708f;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-strong, .text-bold {
	font-weight:bold;
}

.left {
	float:left;
}

.right {
	float:right;
}

.p-0 {
	padding:0;
}

.p-5 {
	padding:5px;
}

.p-10 {
	padding:10px;
}

.p-15 {
	padding:15px;
}

.pl-0 {
	padding-left:0;
}

.pl-5 {
	padding-left:5px;
}

.pl-10 {
	padding-left:10px;
}

.pl-15 {
	padding-left:15px;
}

.pr-0 {
	padding-right:0;
}

.pr-5 {
	padding-right:5px;
}

.pr-10 {
	padding-right:10px;
}

.pr-15 {
	padding-right:15px;
}

.pt-0 {
	padding-top:0;
}

.pt-5 {
	padding-top:5px;
}

.pt-10 {
	padding-top:10px;
}

.pt-15 {
	padding-top:15px;
}

.pb-0 {
	padding-bottom:0;
}

.pb-5 {
	padding-bottom:5px;
}

.pb-10 {
	padding-bottom:10px;
}

.pb-15 {
	padding-bottom:15px;
}

.m-0 {
	margin:0px;
}

.m-5 {
	margin:5px;
}

.m-10 {
	margin:10px;
}

.m-15 {
	margin:15px;
}

.ml-0 {
	margin-left:0;
}

.ml-5 {
	margin-left:5px;
}

.ml-10 {
	margin-left:10px;
}

.ml-15 {
	margin-left:15px;
}

.mr-0 {
	margin-right:0;
}

.mr-5 {
	margin-right:5px;
}

.mr-10 {
	margin-right:10px;
}

.mr-15 {
	margin-right:15px;
}

.mt-0 {
	margin-top:0;
}

.mt-5 {
	margin-top:5px;
}

.mt-10 {
	margin-top:10px;
}

.mt-15 {
	margin-top:15px;
}

.mb-0 {
	margin-bottom:0;
}

.mb-5 {
	margin-bottom:5px;
}

.mb-10 {
	margin-bottom:10px;
}

.mb-15 {
	margin-bottom:15px;
}

/*
 * Struktura
 */
#wrapper {
	width:100%;
	margin:0 auto;
}

#wrapper-header, #wrapper-content, #wrapper-footer, #wrapper-stopka {
    width: 100%;
    margin: 0 auto;
}

#header, #content, #footer, #stopka {
	width:100%;
	min-height:30px;
}

.container {
	width:1000px;
	margin:0 auto;
	display:table;
	padding:0;
}

.container::after {
	clear:both;
}

#content-left-column {
	float:left;
}

#content-left-column .box-standard, #content-left-column .box-standard-bez-dopelnienia,
#content-left-column .box-standard > .box-standard-text, #content-left-column .box-standard-bez-dopelnienia > .box-standard-text,
#content-left-column .box-standard > p.tytul-boxu, #content-left-column .box-standard-bez-dopelnienia  > p.tytul-boxu {
	clear:both;
}

#content-text-column {

}

#content-text-column .box-standard, #content-text-column .box-standard-bez-dopelnienia,
#content-text-column .box-standard > .box-standard-text, #content-text-column .box-standard-bez-dopelnienia > .box-standard-text
#content-text-column .box-standard > p.tytul-boxu, #content-text-column .box-standard-bez-dopelnienia > p.tytul-boxu {
	clear:both;
}

#content-right-column {
	float:right;
}

#content-right-column .box-standard, #content-right-column .box-standard-bez-dopelnienia,
#content-right-column .box-standard > .box-standard-text, #content-right-column .box-standard-bez-dopelnienia > .box-standard-text,
#content-right-column .box-standard > p.tytul-boxu, #content-right-column .box-standard-bez-dopelnienia > p.tytul-boxu	{
	clear:both;
}

#content-bottom {
	width:100%;
	padding:10px 0;
	clear:both;
}

/* Stopka */
#stopka {
	width:100%;
}

#stopka .stopka-copyright {
	display:table-cell;
	vertical-align:middle;
	width:50%;
	text-align:left;
}

#stopka .stopka-wykonawca {
	display:table-cell;
	vertical-align:middle;
	width:50%;
	text-align:right;
}

/* Tabelki */
table.table {
    border: 0 none;
    margin: 5px 0;
    padding: 0;
    width: 100%;
	border-spacing: 0px;
}

table.table th ,table.table td{
	padding:8px;
	text-align:left;
	vertical-align:middle;
	border-top: 1px solid #ddd;
} 

ttable.table th{
	font-weight:bold;
} 

table.table > tbody > tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}


/* Komunikaty */
div.komunikat {
	width:100%;
	padding:10px;
	margin:0 auto 10px;
	border:1px solid;
	border-radius:4px;
}

div.komunikat > p.komunikat-tytul {
	font-size:16px;
	font-weight:bold;
	padding:0 0 10px;
}

div.komunikat > p.komunikat-tresc{
	font-size:14px;
}

div.komunikat-ok {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

div.komunikat-alert {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

div.komunikat-error {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

div.komunikat-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

/*RESPONSYWNOSC*/
@media (max-width: 767px) {
	/* ust. standardowe */
	.container {
		width:100% !important;
		padding:0px 15px;
	}
	
	.col {
		width:100% !important;
	}
	
	.box-standard > .box-standard-text, 
	.box-standard-bez-dopelnienia > .box-standard-text{
		font-size:16px !important;
	}
	
	#header-navigation .respond-group.off {
		display:none;
	}
	
	#header-navigation .respond-group.on {
		display:block;
	}
	
	#header-navigation .respond-group li {
		display:block;
		width:100%;	
		border-bottom:1px solid #ccc;
	}	
	
	#header-navigation .button-display-respond-group {
		display: block !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	/* ust. standardowe */
	.container {
		width:750px !important;
		padding:0px 15px;
	}
	
	.box-standard > .box-standard-text, 
	.box-standard-bez-dopelnienia > .box-standard-text{
		font-size:16px !important;
	}
	
	#header-navigation .respond-group.off {
		display:none;
	}
	
	#header-navigation .respond-group.on {
		display:block;
	}
	
	#header-navigation .respond-group li {
		display:block;
		width:100%;	
		border-bottom:1px solid #ccc;
	}	
	
	#header-navigation .button-display-respond-group {
		display: block !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px){
	/* ust. standardowe */
	.container {
		width:970px !important;
		padding:0px 15px;
	}
	
	.box-standard > .box-standard-text, 
	.box-standard-bez-dopelnienia > .box-standard-text{
		font-size:14px !important;
	}
	
	#header-navigation .respond-group {
		display:block !important;
	}
	
	#header-navigation .button-display-respond-group {
		display: none !important;
	}
}
			
@media (min-width:1200px) {
	/* ust. standardowe */
	.container {
		width:1170px !important;
	}
	
	.box-standard > .box-standard-text, 
	.box-standard-bez-dopelnienia > .box-standard-text{
		font-size:14px !important;
	}
	
	#header-navigation .respond-group {
		display:block !important;
	}
	
	#header-navigation .button-display-respond-group {
		display: none !important;
	}	
	
}
		