@charset "utf-8";

/*
    font-family: 'Noto Serif', serif;
    font-family: 'Noto Sans', sans-serif;
*/

/* CSS Mini Reset */
html, body, div, form, fieldset, legend, label, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, footer, header, nav {margin: 0; padding: 0;}
table {border-spacing: 0; border-collapse: collapse;}
li {list-style: none;}
a, a:hover {text-decoration: none; outline: none;}
th, td {text-align: left; vertical-align: top;}
img, fieldset {border: 0; height: auto;}
h1, h2, h3, h4, h5, h6, th, td, p, caption {font-weight: normal; font-size: 1em;}
footer, header, nav, section {display: block;}

#main img, #main object {max-width: 100%;}
.clear {clear:both;}
.thin {font-weight:300;}
.small {font-size:12px; line-height:16px;}
strong, .strong {font-weight:700;}
.left {float:left;}
.center {margin:0 auto; text-align:center;}
.right {float:right;}
.block {display:block;}

.left50 {width:48.72%; float:left;}
.right50 {width:48.72%; float:right;}

.txt-center {text-align:center;}
.txt-right {text-align:right;}

body {height:100%; font-family: 'Noto Sans', sans-serif; font-size:13px; line-height:18px; color:#272727; text-align:left; background:#ffffff;}
html {height:100%;}

a {color: #808040; text-decoration: none; font-weight: bold;}

.transition, a {
-webkit-transition: all 0.45s;
-moz-transition: all 0.45s;
-o-transition: all 0.45s;
transition: all 0.45s;
}

.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.alert > p,.alert > ul{margin-bottom:0;}
.alert > p + p{margin-top:5px}
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}
.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}

input[type="text"], select, input[type="password"], input[type="search"], input[type="email"], textarea {width:100%; box-sizing:border-box; padding:8px 12px; border:1px solid #c4c4c4; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-top:3px; margin-bottom:8px;}

.wrapper {width:1140px; margin:0 auto;}

#header {height:133px; border-bottom:1px solid #dedede;}

.navbar-container {border-bottom:1px solid #dedede; margin-bottom:30px;}

.slider {height:262px; border-bottom:1px solid #dedede; margin-bottom:14px; display:none;}
.slider2 {border-top:1px solid #dedede; margin-top:14px; margin-bottom:-1px;}

.logo {display:inline-block; margin-top:20px;}

.top-right {text-align:right; font-size:12px; color:#370000; font-family: 'Noto Serif', serif; padding-top:28px;}
.top-right a {color:#370000;}
.top-right strong {font-size:20px; color:#370000; display:block; margin-top:22px; font-weight:normal;}
.sep {display:inline-block; margin:0 12px;}
.top-right img {margin-right:8px; vertical-align: bottom;}

.column-right {width:100%;}

.nav-nag {font-size:15px; font-weight:bold; background:#b58700; height:44px; padding-left:22px; color:#ffffff; line-height:44px; font-family: 'Noto Serif', serif;}

#main .navbar-main {position:relative; text-align:center; padding:12px 0 15px 0;}
#main .navbar-main li {display:inline-block; padding-right:20px; position:relative;}
#main .navbar-main > li > a {display:block; line-height:28px; font-size:14px; color:#000; font-weight:bold;}
/* #main .navbar-main > li > a:before {content: "\00BB"; display:inline-block; margin-right:10px;} */
#main .navbar-main > li > a:hover, #main .navbar-main > li.active > a {text-decoration:underline;}

.box img {display:block;}
.box {margin-top:12px;}

#footer {background:#CC9900; padding:28px 0 38px 0;}
.footer-left {color:#ffffff; font-size:12px; color:#ffffff;}
.footer-left a {color:#ffffff;}
.footer-left strong {font-size:20px; color:#ffffff; display:block; margin-top:22px; font-weight:normal;}
.footer-left img {display:none;}

.footer-right {color:#b2b1b1; font-size:12px;}
.footer-right a {color:#b2b1b1;}


.parallax {background-repeat: no-repeat; background-position: 50% center; -webkit-background-size: cover; background-size: cover;}

.ad {/* background:#f4f4f4; padding:16px 0; */ margin-bottom:20px; text-align: center !important; display:block; /* min-height:200px; */}

h1 {font-size:22px; line-height:24px; color:#2a2a2a; font-weight:bold; font-family: 'Noto Serif', serif; background:#ffffff; display:inline-block;}
h2 {font-size:20px; line-height:22px; font-weight:bold;}
h3 {font-size:20px; line-height:22px; font-weight:normal;}
h4 {font-size:18px; line-height:20px; font-weight:bold; font-family: 'Noto Serif', serif;}
h5 {font-size:16px; line-height:20px; font-weight:normal; font-family: 'Noto Serif', serif;}

.title {display:block; /* border-bottom:1px solid #e8e8e8; */ margin:0 0 18px 0; /* height:20px; */}
.title h1 {/* float:left; */ padding-right:15px;}



/* SUBMENU */
/*
#main .navbar-main ul {display:none; position:absolute; top:100%; left:-80px; background:#004c66; padding:0; z-index:100; text-align:left; padding:4px 0;}
#main .navbar-main ul li {display:block; width:250px; height:auto; padding:0;}
#main .navbar-main ul li a {color:#ffffff; display:block; font-size:12px; line-height:15px; font-weight:700; padding:10px 18px; text-transform:uppercase;}
#main .navbar-main ul li a:hover, #main .navbar-main ul li.active a {background:#008c74;}
#main .navbar-main li:hover > ul {display:block}
*/

.column1-3 {float:left; width:32%;}
.column1-3 + .column1-3 {margin-left: 2%;}

.column-right ul {}
.column-right ul li {padding-left:30px; background-image:url(img/ico-li.png); background-repeat:no-repeat; background-position:left 4px; margin-bottom:20px; font-size: 14px; color: #660;}



.home-ul ul {float:left; width:32%;}
.home-ul ul + ul {margin-left: 2%;}

.nav-nag {display:none;}


.advantage {position:absolute; background:#004c66; padding:10px 15px; border-radius:3px; color:#ffffff; text-transform:uppercase; font-size:14px; line-height:17px;}
.advantage strong {font-weight:900; display:block;}
.advantage-left {text-align:right; left:0;}
.advantage1 {top:42px; left:-60px; font-size:15px;} .advantage1 strong {display:inline;}
.advantage2 {top:120px; left:-140px;}
.advantage3 {top:346px; left:-20px;}
.advantage-right {text-align:left; right:0;}
.advantage4 {top:62px; right:-40px; font-size:13px;}
.advantage5 {top:270px; right:-100px; font-size:13px;} .advantage5 strong {font-size:14px;}
.advantage6 {top:350px; right:-20px; font-size:14px;} .advantage6 strong {font-size:15px;}
.advantage-left:before {content:" "; width:99px; height:19px; background:url(img/shadow-left.png) no-repeat left top; position:absolute; left:-6px; bottom:-19px;}
.advantage-right:before {content:" "; width:99px; height:19px; background:url(img/shadow-right.png) no-repeat left top; position:absolute; right:-6px; bottom:-19px;}





.btn {background:#370000; padding:10px 16px; font-family: 'Noto Sans', sans-serif; color:#ffffff; text-transform:uppercase; font-weight:bold; border:0; font-size:14px; margin:10px 0; display:inline-block; border-radius:2px;}
.btn2 {background:#004c66; padding:8px 14px; font-size:13px; font-weight:bold; color:#f6f9fa;}
.btn:hover {background:#000000;}
.btn2:hover {background:#370000;}

.lng {}

iframe {box-shadow:0px 0px 13px rgba(32,33,34,0.32);}



.copyright {background:#008c74; font-size:12px; line-height:15px; padding:16px 0;}
.copyright .left, .copyright .left a {color:#e9eae2;}
.copyright .right, .copyright .right a {color:#d0d8dc;}


.txt-center *, [align="center"] * {text-align:center;}
.txt-left *, [align="left"] * {text-align:left;}
.txt-right *, [align="right"] * {text-align:right;}
table {margin:0 auto; /* width:100%; */}
.column-right table tr:first-child td {vertical-align:middle;}
.column-right table td {padding:1px 0;}

.txt-center, td[align="center"], div[align="center"], table[align="center"], p[align="center"], div[align="center"] table  {margin:0 auto !important; text-align:center;}

/* ??? */
div[align="center"] * {text-align:center; margin:0 auto;}



th {color: #2A3F55;background-color: #D1D1D1;}



/* OLD STYLES */
.style1{font-size:10px;color:#FFA;background-color:#600}
.style3{font-size:17px;color:maroon;background-color:#FFF}
.style4{font-size:10px;color:#2A3F55;background-color:#FFF}
.style5{font-size:14px;color:#660;background-color:#FFF}
.style6{font-size:17px;color:#000;background-color:#FFF}
.style7{font-size:10px;color:#660;background-color:#FFF}
.style8{font-size:14px;color:red;background-color:#FFFFE1}
.style9{font-size:14px;color:#090;background-color:#FFFFE1}
.style2{font-size:10px;color:#2A3F55;background-color:#FFFFE1}
.style10{font-size:14px;color:#660;background-color:#FFFFE1}
.style10a{font-size:12px;color:#660;background-color:#FFFFE1}
.style11{font-size:10px;color:#900;background-color:#FFF}
.style12{font-size:12px;color:#FFA;background-color:#600}
.style13{font-size:12px;color:maroon;background-color:#FFFFE1}
.style14{font-size:17px;color:#660;background-color:#FFF}
.style15{font-size:16px;color:#660;background-color:#FFF}
.style16{font-size:12px;color:red;background-color:#FFF}
.style17{font-size:12px;color:maroon;background-color:#FFFFE1}
.style18{font-size:15px;color:#660;background-color:#FFF}
.style19{font-size:16px;color:#660;background-color:#FFFFE1}
.style20{font-size:15px;color:#660;background-color:#FFFFE1}
.style21{font-size:16px;color:#FF9;background-color:#666}
.style22{font-size:13px;color:#FF9;background-color:#333}
.style23{font-size:11px;color:#660;background-color:#FFF; font-weight:normal}
.style24{font-size:11px;color:#090;background-color:#FFF; font-weight:normal}
.style25{font-size:11px;color:red;background-color:#FFF; font-weight:normal}


.table520, .table520-6 {width:520px; margin:0 auto;}
.table520, .table520-6 {width:100%;}
.table520 td {width:16.666%;}

.table520-7 {width:520px; margin:0 auto;}
.table520-7 {width:100%;}
.table520-7 td {width:14.28571428571429%;}

.table700 {width:700px; margin:0 auto;}
.table700 {width:100%;}
.table700 td {width:50%; border:1px solid #000000;}
.table700 tr td:first-child {text-align:left;}
.table700 tr td:last-child {text-align:center;}

.table800 {width:800px; margin:0 auto;}
.table800 {width:100%;}
.table800 td {width:50%;}
.table800 tr td:first-child {text-align:left;}
.table800 tr td:last-child {text-align:right;}

.table450-5, .table450-3, .table450-4, .table450-6, .table450-2 {width:450px; margin:0 auto;}
.table450-5, .table450-3, .table450-4, .table450-6, .table450-2 {width:100%;}

.table450-5, .table450-5 td, .table450-3, .table450-3 td, .table450-4, .table450-4 td, .table450-6, .table450-6 td, .table520-6 td, .table520-7 td {border:1px solid #000000;}
.table450-5 td {width:21%; text-align:center;}
.table450-5 tr td:last-child {width:16%;}

.table450-3 td {width:33.33%; text-align:center;}

.table450-2 td {width:50%; text-align:center;}

.table450-4 td {width:26%; text-align:center;}
.table450-4 tr td:last-child {width:22%;}

.table450-6 td, .table520-6 td {width:16.66666666666667%}
.table520-6 td, .table450-6 td {text-align:center;}

.border1, .border1 td {border:1px solid #000000;}

.div450 {width:450px; margin:0 auto; text-align:left; font-size:11px;color:#660;background-color:#FFF;}

.content .wrapper .column-right .txt-left {text-align:left;}

.img-table td {width:250px; margin:0 auto; text-align:center;}
							

/* Źródło */					
.table520-1 {margin:0 auto; border:0; width:520px; margin:0 auto; text-align:left;}
.table450-1 {margin:0 auto; border:0; width:450px; margin:0 auto; text-align:left;}
.table175-1 {margin:0 auto; border:0; width:175px; margin:0 auto; text-align:left;}


.copyrights p {margin:0; padding:0; color:#ffffff;}


/* ########### */
@media only screen and (max-width: 1200px) {

.wrapper {width:960px; /* max-width:960px; */}
.column-right div, .column-right table {max-width:960px;}

.column-left {width:180px; float:left;}
.column-right {width:760px; float:right;}

#header {height: 120px;}
.logo img {width:430px;}


#main .navbar-main li {padding-left:20px; margin-bottom:10px;}
#main .navbar-main > li > a {line-height:18px; color:#ffffff;}
#main .navbar-main > li > a:before {margin-right:10px;}

.table800 {width:700px;}

}

/* ########### */
@media only screen and (max-width: 1000px) {
	
.nomobile {display:none;}
	
.content .wrapper {position:relative;}

.wrapper {width:728px; /* max-width:960px; */}
.column-right div, .column-right table {max-width:728px;}

.slider {height: 162px;}

.right.top-right, .left.footer-left, .right.footer-right {float:none; clear:both; padding-top:8px;}
.mobile-left {float:left; text-align:left;}
.mobile-right {float:right; text-align:right;}
.mobile-right strong {font-weight:bold; font-size:12px; margin-top:0;}

.column-right {width:728px; float:none; clear:both;}

#footer {padding: 18px 0 28px 0;}

#header {height: auto;}
.logo img {width:430px; margin-bottom:20px;}


#main .navbar-main li {padding-left:20px; margin-bottom:10px;}
#main .navbar-main > li > a {line-height:18px; color:#ffffff;}
#main .navbar-main > li > a:before {margin-right:10px;}

table {max-width:100% !important;}

.ad {/* background:#ffffff; padding:8px 0; */ margin-bottom:20px; text-align: center !important;}

.nav-nag {position: absolute; right: 0px; top: 100px; cursor: pointer; text-align: center; padding: 0 20px; display:block;}

#main .navbar-main {height:0; overflow:hidden; position:absolute; left:0; top:140px; right:0; padding:0; background:#660000; text-align:center; z-index:200;}
#main .navbar-main li, #main .navbar-main li:hover {display: block; width:100%; text-align:center; border:0; background:#660000; padding-left:0;}
#main .navbar-main > li > a:before {display:none;}
#main .navbar-main li a, #main .navbar-main li a:hover, #main .navbar-main li:hover a, #main .navbar-main li.active a {display: block; width:100%; text-align:center; padding:10px 0; height:auto; border:0; font-size:14px; line-height:16px; background:#660000;}
#main .navbar-main li ul {display:none !important;}

}













/* ########### */
@media only screen and (max-width: 758px) {

.wrapper {width:320px; /* max-width:960px; */}
.column-right div, .column-right table {max-width:320px;}
/* .ad {display:none;} */

table.special,table.special tr,table.special td {display: block; float: left; clear: both; width: 320px; height: 100%; /* text-align:left !important; */}

table.special:before, table.special:after, table.special tr:before, table.special tr:after, table.special td:before, table.special td:after {content: " "; display: table;}
table.special:after, table.special tr:after, table.special td:after {clear: both;}
table.special {*zoom: 1;}

.slider {height: 162px;}
.logo img {margin-bottom: 20px;}
.nav-nag {top: 100px; left:0;}

.footer-left, .footer-right {text-align:center; display:block;}
.footer-left a {display:block; text-align:center;}
.footer-left .sep {display:none;}
.mobile-left, .mobile-right {float:none; clear:both; display:block; /* margin-bottom:10px; */ text-align:center;}

#main .navbar-main {top:140px;}
.column-right {width:320px; float:right;}

.right.top-right {display:none;}
.mobile-right strong {font-weight:bold; font-size:12px; margin-top:0;}

.column-right ul li {font-size:13px;}

.column1-3, .home-ul ul {float:none; width:100%; clear:both; margin-left:0; margin-bottom:20px;}
.column1-3 + .column1-3, .home-ul ul + ul {margin-left: 0;}



.mobile-center {text-align:center !important;}

	p {max-width:100%;}

h1 {font-size:18px; line-height:20px;}
h2 {font-size:16px; line-height:18px;}
h3 {font-size:16px; line-height:18px;}
h4 {font-size:15px; line-height:17px;}
h5 {font-size:14px; line-height:16px;}

.title {border-bottom:1px solid #e8e8e8; margin:0 0 18px 0; height:auto; padding-bottom:10px;}
.title h1 {float:none; padding:0; clear:both;}



table {max-width:320px !important;}








/* OLD STYLES */
.style1{font-size:10px;}
.style3{font-size:15px;}
.style4{font-size:10px;}
.style5{font-size:13px;}
.style6{font-size:15px;}
.style7{font-size:10px;}
.style8{font-size:13px;}
.style9{font-size:13px;}
.style2{font-size:10px;}
.style10{font-size:11px;}
.style11{font-size:10px;}
.style12{font-size:11px;}
.style13{font-size:11px;}
.style14{font-size:15px;}
.style15{font-size:13px;}
.style16{font-size:11px;}
.style17{font-size:11px;}
.style18{font-size:11px;}
.style19{font-size:15px;}
.style20{font-size:14px;}
.style21{font-size:15px;}
.style22{font-size:12px;}
.style23{font-size:10px;}
.style24{font-size:10px;}
.style25{font-size:10px;}

table td {font-size:11px !important;}

}


td p {margin:0; padding:0;}











  .grid-2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
    margin-bottom: 24px;
  }

  .grid-3col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
    align-items: start;
    margin-bottom: 24px;
  }

  .grid-cell {
    min-width: 0;
  }

  .grid-cell table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .grid-cell img {
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
    display: block;
  }

  @media (max-width: 767px) {
    .grid-2col,
    .grid-3col {
      grid-template-columns: 1fr;
    }
  }