@charset "utf-8";
/* CSS Document */
/* strona wlasciwa */

html { 
	margin: 0;
	padding: 0;
/*	font-size: 14px;*/
}

#strona, #kontener_baner, #kontener_menu, #kontener_tresc, #kontener_stopka, #kontener_aktualnosci {
	margin: 0px;
	padding: 0px;
}

p, h1, pre, dt {
	margin: 0px;
	padding: 5px 10px;
}

pre.blad {
	text-align: left;
}

#strona {
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	width: 960px;
}

body {
	color: #748187;
	background-color: #fff;
	font-size: 11.5pt;
	font-family: 'TeXGyrePagella', Georgia, sans-serif;
/*	font-family: 'TeXGyrePagella';*/
	font-weight: normal;
	font-style: normal;
	line-height: 1.5;
	text-align: center;
	margin: 10px;
	padding: 0px;
}

#kontener_baner { 
	margin:0px;
	padding:10px 0 3px 0;
}

#kontener_baner img {
	margin: 0px;
	padding: 0px;
}

#slider {
	float: left;
	padding-top: 25px;
}

#partner {
	float: left;
	width: 273px;
}

#kontener_aktualnosci {
	float: left;
	width: 943px;
}

#kontener_aktualnosci .naglowek {
	background:url(/grafika/tlo_powitanie.png) no-repeat bottom left;
	font-size: 13pt;
	font-weight: bold;
	font-style: italic;
	height:33px;
	text-align:left;
	padding: 25px 0px 0px 15px;
	margin: 0px 0px 15px 0px;
}

#aktualnosci{
	text-align:justify;
	padding:0 8px 15px 9px;
}

#aktualnosci .data {
	font-size: 11pt;
	font-weight:bold;
	margin-top: 10px;
}

#aktualnosci .tresc p {
	font-size: 11.5pt;
	padding:0;
	margin:0;
}

#aktualnosci .tresc .tytul {
	font-size: 11pt;
	font-weight: bold;
	font-style: italic;
	padding:0;
	margin:0;
}

#kontener_aktualnosci .tresc img {
	float: left;
/*	vertical-align: text-top;*/
	margin-right: 12px;
	margin-bottom: 3px;
}

#aktualnosci .naskroty {
	font-size: 10pt;
}

#projekty {
	text-align:justify;
	padding:0 8px 15px 9px;
}

#projekty .data {
	font-size: 11pt;
	font-weight:bold;
	margin-top: 10px;
}

#projekty .tresc p {
	font-size: 10pt;
	padding:0;
	margin:0;
}

#projekty .tresc .tytul {
	font-size: 11pt;
	font-weight: bold;
	font-style: italic;
	padding:0;
	margin:0;
}

#projekty .naskroty {
	font-size: 10pt;
}

#kontener_submenu {
	clear: left;
	float: left;
	width: 273px;
	border:#C03 solid 0px;
}

#kontener_submenu #submenu_vertical {
	font-size: 13pt;
	text-align:left;
}
#kontener_submenu #submenu_vertical ul li {
	list-style: none;
	margin: 0;
}

#kontener_submenu .naglowek {
	background:url(/grafika/tlo_powitanie.png) no-repeat bottom #FFF;
	font-size: 13pt;
	font-weight: bold;
	font-style: italic;
	height:33px;
	text-align:left;
	padding: 25px 0px 0px 15px;
	margin: 0px 0px 15px 0px;
}

#kontener_procent {
	clear: left;
	float: left;
	width: 273px;
	border:#C03 solid 0px;
	text-align:left;
}

#kontener_procent .naglowek {
	background:url(/grafika/tlo_powitanie.png) no-repeat bottom #FFF;
	font-size: 13pt;
	font-weight: bold;
	font-style: italic;
	height:33px;
	text-align:left;
	padding: 25px 0px 0px 15px;
	margin: 0px 0px 15px 0px;
}

#kontener_tresc {
	/*clear: left;*/
	float: right;
	width: 660px;
	margin-left: 27px;
}

#kontener_tresc .naglowek {
	background:url(/grafika/tlo_powitanie.png) no-repeat bottom;
	height:33px;
	font-size: 13pt;
	font-weight: bold;
	font-style: italic;
	text-align:left;
	padding: 25px 0px 0px 15px;
	margin: 0px 0px 8px 0px;
}

.naglowek:first-letter {
	color:#f0730e;
}

#kontener_tresc .tresc {
	text-align: justify;
	font-size: 11.5pt;
	font-weight: normal;
	font-style: normal;
}

#kontener_tresc .tresc p {
	padding-left:15px;
}

.news .news_tytul {
	font-size: 15pt;
	font-weight: bold;
	font-style: italic;
	text-align:left;
	padding: 15px 0 0 0;
}

.news .news_data {
	font-weight: bold;
	font-style: italic;
	text-align:left;
	padding: 0 0 8px 0;
}

.news .news_tresc {
	font-weight: normal;
	font-style: normal;
	padding: 0 8px 0 8px;
	text-align: justify;
}

#kontener_tresc img, #kontener_aktualnosci img {
	float: left;
	vertical-align: text-top;
	margin-right: 20px;
	margin-bottom: 10px;
}

#kontener_projekt {
	margin-top:10px;
	margin-bottom:8px;
	float: right;
	width: 645px;
	margin-left: 42px;
	height:188px;
	text-align:justify;
	background:url(/grafika/tlo_projekt.png) no-repeat;
}

#projekt{
	padding: 0 8px 0 8px;
}

#projekt img {
	float: right;
	vertical-align: text-top;
	margin-left: 10px;
	padding: -2px 0 0 0;
}

#slider img {
	float: left;
	vertical-align: text-top;
	margin-left: 10px;
/*	padding: -2px 0 0 0;*/
}

#kontener_kontakt {
	float: left;
	width: 943px;
}

#kontener_kontakt .naglowek {
	background:url(/grafika/tlo_powitanie.png) no-repeat bottom left;
	font-size: 13pt;
	font-weight: bold;
	font-style: italic;
	height:33px;
	text-align:left;
	padding: 25px 0px 0px 15px;
	margin: 0px 0px 25px 0px;
}

#kontakt {
	text-align:justify;
}

#kontakt .tresc {
	font-size: 11.5pt;
	padding: 0 0 0 100px;
/*	border: 1px solid red;*/
}

 #kontakt .tresc p {
	font-size: 11.5pt;
	padding: 0 0 0 10px;
/*	border: 1px solid green;*/
}

#kontakt .tresc p img {
}

.caps { text-transform: capitalize; } 

.uppercase { text-transform: uppercase; }

.wyroznienie {
	color:#f0730e;
}



a {
	color:#f0730e;
	text-decoration:none;
}

a:hover, a:visited {
	font-weight:bold;
}

.cytat {
	font-size: 11pt;
	text-align:justify;
	font-weight: bold;
	font-style: italic;
}

.podpis_cytat {
	font-size: 9pt;
	text-align:right;
	font-weight: normal;
	font-style: italic;
	padding:5px 10px;
}

#pagination {
	clear:both;
	font-size: 11pt;
	font-weight: normal;
	font-style: italic;
	margin-top:0px;
	padding:10px 0 0 0;
	text-align:center;
	/*border: 1px solid red*/
}

#stopka {
	clear:both;
	background:url(/grafika/tlo_stopka.png) no-repeat bottom;
	margin-top:0px;
	padding-top:50px;
/*	border: 1px solid red*/
}

.m1_content {
	font-size: 11pt;
	text-align:justify;
	font-weight: normal;
/*	font-style: italic;*/

}

.clear_both {
	clear: both;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}

.most-slide { max-width: 640px; margin: auto }
.most-slide > div { width: 100%; height: 100% }
most-slide > img { width: 100%; height: 100% }
/*iframe,object,embed { width: 100%; height: 100% }*/
iframe {
	text-align: center;

}

.leftprocent {
	float:left;
	border: 1px solid red;
}

.procent {
	float:right;
/*	border: 1px solid red;*/
width: 130px;
/*background-color: #748187; */
background-color: #f0730e;
border-bottom: solid 1px #e3e3e3;
line-height: 1.3em;
vertical-align: middle;
color: #fff;
font-weight: bold;
font-size: 13pt;
padding: 8px 0;
}

.procent a:link,
.procent a:visited { color: #ffffff; text-decoration: none; }
.procent a:hover,
.procent a:active	{ color: #748187; }

//.pomoc-ua .column *{ padding: 5px; }
.pomoc-ua .column > *{ margin-right:15px; }
.pomoc-ua .column .last > *{ margin-right:0px; }

/*
Link Facebook
*/

.containerfb{
    position: fixed;
    top: 35vh;
}

.containerfb .icon{
    margin:0 5px;
    text-align: center;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    transition: 0.4s cubic-bezier(0.52, -0.50, 0.212, 1.45);
}

.containerfb .icon span{
    position: relative;
    display: block;
    height: 60px;
    width: 60px;
    background: #fff;
    border-radius: 0%;
    z-index: 2;
    transition: 0.4s cubic-bezier(0.52, -0.50, 0.212, 1.45);
    box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
}

.containerfb .icon span i{
    line-height: 60px;
    font-size: 25px;
    color: #fff;
}

.containerfb .icon .tooltip{
    position: absolute;
    background: #fff;
    color: #fff;
    padding: 10px 18px;
    font-size: 20px;
    font-weight: 800;
    border-radius: 0px;
    top:20px;
    left: 80px;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
    transition: 0.4s cubic-bezier(0.52, -0.50, 0.212, 1.45);
}

.containerfb .icon:hover .tooltip{
    top: -0px;
    opacity: 1;
    margin-top: 10px;
    pointer-events: auto;
}

.icon .tooltip:before{
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    background: #fff;
    left: 3px;
    bottom: 15px;
    transform: translate(-50%) rotate(45deg);
    transition: 0.4s cubic-bezier(0.52, -0.50, 0.212, 1.45);
}

.containerfb .facebook span,
.containerfb .facebook .tooltip,
.containerfb .facebook .tooltip:before{
    background: #3b5999;
    color: #fff;
}

/* Stylesheet: Kanon: Main Modified On 2022-12-20 18:05:50 */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 22, 2011 */

@font-face {
    font-family: 'TeXGyrePagella';
    src: url('/czcionki/texgyrepagella-regular-webfont.eot');
    src: url('/czcionki/texgyrepagella-regular-webfont.eot?iefix') format('eot'),
          url('/czcionki/texgyrepagella-regular-webfont.woff') format('woff'),
          url('/czcionki/texgyrepagella-regular-webfont.ttf') format('truetype'),
          url('/czcionki/texgyrepagella-regular-webfont.svgz#webfontiS3ZOPNB') format('svg'),
          url('/czcionki/texgyrepagella-regular-webfont.svg#webfontiS3ZOPNB') format('svg');
    font-weight: normal;
    font-style: normal;
/*    unicode-range: U+0025-00FF;*/
}

@font-face {
    font-family: 'TeXGyrePagella';
    src: url('/czcionki/texgyrepagella-bold-webfont.eot');
    src: url('/czcionki/texgyrepagella-bold-webfont.eot?iefix') format('eot'),
          url('/czcionki/texgyrepagella-bold-webfont.woff') format('woff'),
          url('/czcionki/texgyrepagella-bold-webfont.ttf') format('truetype'),
          url('/czcionki/texgyrepagella-bold-webfont.svgz#webfontedTZHVA2') format('svg'),
          url('/czcionki/texgyrepagella-bold-webfont.svg#webfontedTZHVA2') format('svg');
    font-weight: bold;
    font-style: normal;
/*    unicode-range: U+0025-00FF;*/
}

@font-face {
    font-family: 'TeXGyrePagella';
    src: url('/czcionki/texgyrepagella-bolditalic-webfont.eot');
    src: url('/czcionki/texgyrepagella-bolditalic-webfont.eot?iefix') format('eot'),
          url('/czcionki/texgyrepagella-bolditalic-webfont.woff') format('woff'),
          url('/czcionki/texgyrepagella-bolditalic-webfont.ttf') format('truetype'),
          url('/czcionki/texgyrepagella-bolditalic-webfont.svgz#webfontiVpRbHd7') format('svg'),
          url('/czcionki/texgyrepagella-bolditalic-webfont.svg#webfontiVpRbHd7') format('svg');
    font-weight: bold;
    font-style: italic;
/*    unicode-range: U+0025-00FF;*/
}

@font-face {
    font-family: 'TeXGyrePagella';
    src: url('/czcionki/texgyrepagella-italic-webfont.eot');
    src: url('/czcionki/texgyrepagella-italic-webfont.eot?iefix') format('eot'),
          url('/czcionki/texgyrepagella-italic-webfont.woff') format('woff'),
          url('/czcionki/texgyrepagella-italic-webfont.ttf') format('truetype'),
          url('/czcionki/texgyrepagella-italic-webfont.svgz#webfontu3qG1y1e') format('svg'),
          url('/czcionki/texgyrepagella-italic-webfont.svg#webfontu3qG1y1e') format('svg');
    font-weight: normal;
    font-style: italic;
/*    unicode-range: U+0025-00FF;*/
}
/* Stylesheet: Kanon: Czcionki Modified On 2022-03-14 22:32:53 */
/*---.dropdown menu start--*/
.dropdown ul,
.dropdown ul li,
.dropdown ul ul {
list-style: none;
margin: 0;
padding: 0;
}

.dropdown ul {
position: relative;
z-index: 597;
float: left;
}

.dropdown ul li {
float: left;
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
}

.dropdown ul li.hover,
.dropdown ul li:hover {
position: relative;
z-index: 599;
cursor: default;
}

.dropdown ul ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}

.dropdown ul ul li {
float: none;
}

.dropdown ul ul ul {
top: 1px;
left: 99%;
}

.dropdown ul li:hover > ul {
visibility: visible;
}


.dropdown-linear ul {
width: 100%;
}

.dropdown-linear ul ul li {
float: left;
}

.dropdown-linear ul li.hover,
.dropdown-linear ul li:hover {
position: static;
}

.dropdown-linear ul ul ul {
display: none !important;
}

.dropdown ul {
font-weight: bold;
font-size: 13pt;
}

.dropdown ul li {
padding: 8px 10px;
border-right: solid  2px #fff;
background-color: #748187;
color: #fff;
}

.dropdown ul li.hover,
.dropdown ul li:hover {
/*background-color: #eee;*/
color: #f0730e;
}

.dropdown ul a:link,
.dropdown ul a:visited { color: #ffffff; text-decoration: none; }

.dropdown ul ul li a:link,
.dropdown ul ul li a:visited { color: #748187; text-decoration: none; }

.dropdown ul a:hover,
.dropdown ul ul li a:hover { color: #f0730e;  }

.dropdown ul a:active,
.dropdown ul ul li a:active { color: #f0730e; }


/* -- level mark -- */

.dropdown ul ul {
width: 150px;
margin-top: 1px;
}

/*.dropdown ul ul li {
font-weight: normal;
}*/

.dropdown ul *.parent {
padding-right: 20px;
background-image: url(/grafika/nav-arrow-down.png);
background-position: 100% 50%;
background-repeat: no-repeat;
}


.dropdown ul {
width: 830px;
background-color: #748187;
border-bottom: solid 1px #e3e3e3;
}

.dropdown ul li {
border: none;
background-color: #748187;
}

.dropdown ul li.hover,
.dropdown ul li:hover {
/*background-color: #fff;*/
color: #f0730e;
}

.dropdown ul ul {
width: 958px;
margin-top: 0;
border-top: solid 1px #ccc;
border-bottom: solid 1px #748187;
border-left:  solid 1px #748187;
border-right:  solid 1px #748187;
background-color: #fff;
/*border: none;*/
}

.dropdown ul ul li {
background-color: #fff;
}


.dropdown ul ul li.hover {
margin: 0;
/*background-color: #5d5d5d;*/
border: none;
}

.dropdown ul ul *.parent {
padding-right: 7px;
background-image: none;
}
/* Stylesheet: Kanon: Menu Modified On 2022-11-25 12:15:39 */
