/* <default rules> */
/* it's recommended not to change them */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
img {vertical-align:top;}
ul,ol { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
.clearer { clear: both; height: 1px; overflow: hidden; margin-bottom: -1px; font-size: 1px; line-height: 1px; }
.replacement { position: absolute; z-index: 10; background-repeat: no-repeat; }
a:link, a:visited { text-decoration:underline; }
a:hover { text-decoration:none;}
a .replacement {	z-index: 20; cursor: hand; }
/* </default rules> */

/* elements */
body { font-family: Arial, sans-serif; font-size:12px; color:#fff; background:#121212; }
a { color:#7fc3e8; }
a:link, a:visited { text-decoration:none; }
a:hover { text-decoration:underline; color:#2481eb;}

h2 { font-size:16px; font-weight:bold; color:#7fc3e8; }

#wrapper { width:980px; margin:0 auto; }

#header { background:#000 url(../pix/header-bg.gif) repeat-x bottom left;}
#header .content { width:1000px; margin:0 auto; }
.main { height:393px;}
.page { height:271px;}

#logo { width:358px; float:left; }
#logo h1 { display:inline; position:relative; float:left; width:358px; height:96px; overflow:hidden; }
#logo h1 .replacement { left:0; top:0; width:358px; height:96px; background-image:url(../pix/logo-credo.gif); }

#navi { width:642px; float:left; }
#navi ul {background:url(../pix/navi-bg.gif) no-repeat top right; margin:30px 10px 0 0; padding:18px 11px 0 0; text-align:right;}
#navi li { display:inline; padding: 0; font-size:16px; font-weight:bold; }
#navi a:link, #navi a:visited  {padding: 0 30px 0 20px; color:#fff; text-decoration:none; background:url(../pix/navi-punktor.gif) no-repeat 0px 4px; }
#navi a:hover { text-decoration:underline; }

.main #slogan h2 { display:inline; position:relative; float:left; width:1000px; height:286px; overflow:hidden; }
.main #slogan h2 .replacement { left:0; top:0; width:1000px; height:286px; background-image:url(../pix/slogan.jpg); }

.page #slogan h2 { display:inline; position:relative; float:left; width:1000px; height:164px; overflow:hidden; }
.page #slogan h2 .replacement { left:0; top:0; width:1000px; height:164px; background-image:url(../pix/slogan-page.jpg); }

#tresc { width:980px; margin:18px auto; }
#menu { width:250px; float:left; }
#pageContent { width:710px; float:left; margin-left:0px; }

.module { background:#000 url(../pix/module-bg.gif) no-repeat bottom left; padding:0 0 45px 0;}
.module h2 { padding:20px 15px 12px 15px; background:url(../pix/module-header.gif) no-repeat; }
.module ul { padding:0 15px 20px 15px; }
.module li { padding-top:8px; }
.module ol { padding:0 15px 20px 15px; }
.module p { padding:8px 15px 20px 15px; }

#intro { background:url(../pix/intro-bg.gif) repeat-x bottom left; padding-bottom:10px; margin-bottom:20px; }
#intro p { color:#c1e1fc; font-weight:normal; margin:10px 20px; line-height:1.4; }

#news {width:460px; float:left;}
#partners {width:250px; float:left;}

#news .box { margin:0 20px;}
#news h2 { margin:20px 0; }
#news dt { font-weight:bold; margin:20px 0 0 0;}
#news dd { color:#ccc; margin:0 0 20px 0;}

#tekst .box { margin:0 20px 20px 20px; color:#eee;}
#tekst h2 { margin:20px 0; }
#tekst p { margin:10px 0; }
#tekst ul { margin:10px 0; list-style:square; }
#tekst ol { margin:10px 0; list-style:decimal; }
#tekst li { margin:0 24px; }

#footer { text-align:center; background:url(../pix/footer-bg.gif) repeat-x top left; padding:10px 0 40px 0; color:#999; height: 75px;}

#sciezka { display: none; clear:both; float:left; font-size:10px; margin-top: -10px; margin-bottom: 0px; }
#sciezka li { float:left; }
#sciezka a { padding:1px 1px 0px 6px; float:left; background:url(../pix/mainmenu-spot.gif) no-repeat left 6px; color:#6d7170;}
#sciezka .home a { background:none; }
#sciezka a:hover { text-decoration:underline; color:#f58800;}

#wydruk { float: right; font-size: 10px; }

/* ========================================= */
/* ================== v =====================  */

/*      */
html, body {}

#header {	
	display:block;
	width:100%;	
	min-width:100%;	
	max-width:100%;	
	background-image:none;	
	background-image:linear-gradient(rgba(0,0,0,1) 62%, rgba(75,75,75,1));}

#header .content {
	display:block;
	width:1000px;
	min-width:1000px;
	max-width:1000px;
	margin:0 auto;
}
#header #logo {	
	display:block;
	float:left;
	width:358px;	
	min-width:358px;	
	max-width:358px;	
}
#header #logo h1 {	
	width:100%;	
	min-width:100%;	
	max-width:100%;	
	display:block;
}
#header #logo a:link,
#header #logo a:visited {	
	display:block;	
	width:100%;	
	min-width:100%;	
	max-width:100%;}
#header #logo a:hover {}
#header #logo .replacement {	
	width:100%;	
	min-width:100%;	
	max-width:100%;
}

#header #navi {	
	display:block;
	float:right;
	width:405px;	
	min-width:405px;	
	max-width:405px;
}
#header #navi ul {	
	background-image:linear-gradient(rgba(70,70,70,1), rgba(0,0,0,1) 50%);	
	border-top-left-radius:16px;
	border-top-right-radius:16px;	
	float:right;	
	width:395px;
	margin-right:10px;
	padding-right:0px;
}
#header #navi li {
	display:block;
	float:left;
	width:33%;
	text-align:center;
	
}
#header #navi a:link,
#header #navi a:visited {
	display:block;
	padding-right:0px;
	padding-left:0px;
	width:100%;
	text-align:center;
	background: url(../pix/navi-punktor.gif) no-repeat 16px 5px;
}
#header #navi li:nth-of-type(2) a:link,
#header #navi li:nth-of-type(2) a:hover {
	background: url(../pix/navi-punktor.gif) no-repeat 8px 5px;
}
#header #navi a:hover {}
#header #navi .clearer {}

#header > .clearer {}

#header #slogan {
	display:block;
	width:100%;
	min-width:100%;
	max-width:100%;
}
#header #slogan h2 {
	display:block;
	position:static;
	width:100%;
	min-width:100%;
	max-width:100%;
}
#header #slogan a:link,
#header #slogan a:visited {
	display:block;
	width:100%;
	min-width:100%;
	max-width:100%;
	color:transparent;
	font-size:0px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px;
}
#header #slogan a:hover {}
#header #slogan .replacement {
	display:block;
	position:static;
	width:976px;
	min-width:976px;
	max-width:976px;
	top:auto;
	left:auto;
	
	background-image:url(../pix/slogan2.png);
	background-position:top center;
	
	height:262px;
	border:1px solid rgba(18,18,18,1);
	background-image:
	url(../pix/kontakt2.png),
	url(../pix/zegar2.png),
	url(../pix/tlo.png);
	background-position:bottom 0px right 40px, top left, top center; 
	box-shadow:0px 2px 10px rgba(18,18,18,1);
}


#tresc {
	display:block;
	clear:both;
	padding-top:20px;
}
#tresc #menu {
	display:block;
	width:26%;
}
#tresc #menu .module {
	display:block;
	background:none;
	background-image:
	linear-gradient(to top, rgba(0,0,0,0) 42px, rgba(0,0,0,1) 42px, rgba(0,0,0,1) 43px,rgba(0,0,0,0) 43px),
	linear-gradient(to top, rgba(19,19,19,0.95) 1px, rgba(19,19,19,0.75) 8px, rgba(19,19,19,0.65) 15px,rgba(0,0,0,0.45) 25px, rgba(0,0,0,0.15) 41px, rgba(0,0,0,0) 42px),
	radial-gradient(ellipse 85% 40% at 15% 83%, rgba(45,72,91,1), rgba(1,2,3,1));
	/* background-image:url("../pix/module-bg.gif"),
	linear-gradient(to top, rgba(0,0,0,0) 42px, rgba(0,0,0,1) 42px, rgba(0,0,0,1) 43px,rgba(0,0,0,0) 43px),
	linear-gradient(to top, rgba(19,19,19,1) 1%, rgba(0,0,0,0.7) 35%, rgba(0,0,0,0) 50%); */
}
#tresc #menu .module h2 {
	display:block;
	width:88%;
	padding-right:6%;
	padding-left:6%;
	background:none;
	background-image:linear-gradient(rgba(70,70,70,1), rgba(0,0,0,1) 50%);
}
#tresc #menu .module ul {
	display:block;
	width:88%;
	padding-right:6%;
	padding-left:6%;
}
#tresc #menu .module li {
	display:block;
	width:100%;
}
#tresc #menu .module .first {}
#tresc #menu .module a:link,
#tresc #menu .module a:visited {

}
#tresc #menu .module a:hover {}

#tresc #pageContent {
	display:block;
	float:left;
	width:74%;
}
#tresc #pageContent #intro {
	display:block;
	width:100%;
}
#tresc #pageContent #intro p {}

#tresc #pageContent #news {
	display:block;
	width:63%;
	float:left;
}
#tresc #pageContent #news .box {}
#tresc #pageContent #news .box h2 {}
#tresc #pageContent #news .box p {}
#tresc #pageContent #news .box a:link,
#tresc #pageContent #news .box a:visited {}
#tresc #pageContent #news .box a:hover {}
#tresc #pageContent #news .box #doc_gallery {}
#tresc #pageContent #news .box #doc_gallery #galeria {}

#tresc #pageContent #partners {
	display:block;
	width:37%;
	float:left;
	background:none;
	background-image:
	linear-gradient(to top, rgba(0,0,0,0) 42px, rgba(0,0,0,1) 42px, rgba(0,0,0,1) 43px,rgba(0,0,0,0) 43px),
	linear-gradient(to top, rgba(19,19,19,0.95) 1px, rgba(19,19,19,0.75) 8px, rgba(19,19,19,0.65) 15px,rgba(0,0,0,0.45) 25px, rgba(0,0,0,0.15) 41px, rgba(0,0,0,0) 42px),
	radial-gradient(ellipse 85% 40% at 15% 83%, rgba(45,72,91,1), rgba(1,2,3,1));
	/* background-image:url("../pix/module-bg.gif"),
	linear-gradient(to top, rgba(0,0,0,0) 42px, rgba(0,0,0,1) 42px, rgba(0,0,0,1) 43px,rgba(0,0,0,0) 43px),
	linear-gradient(to top, rgba(18,18,18,1), rgba(0,0,0,0.7) 30%); */
}
#tresc #pageContent #partners h2 {
	background:none;
	background-image:linear-gradient(rgba(70,70,70,1), rgba(0,0,0,1) 50%);
}
#tresc #pageContent #partners ul {}
#tresc #pageContent #partners li {}

#tresc #pageContent .clearer {}

#tresc #footer {
	display:block;
	width:100%;
	
	background-color:rgba(18,18,18,1);
	background-image:
	url("../pix/stopka1.png"),
	linear-gradient(
	rgba(50,50,50,1) 1px,
	rgba(18,18,18,1) 1px,
	rgba(18,18,18,1) 2px,
	rgba(40,40,40,0.9) 2px, 
	rgba(18,18,18,1) 50px,
	rgba(18,18,18,1)
	);
	background-position:top 20px center, top center;
	background-repeat:no-repeat;
	
	background-position-x:center;
	height:150px;
}
#tresc #footer p {}

#tresc #wrapper {}
/* ------------------------------------------------------------------------ */
@media (max-width:1024px) {	

#header {}
#header .content {
	width:100%;
	min-width:100%;
	max-width:100%;
}
#tresc {
	width:100%;
	min-width:100%;
	max-width:100%;
}

#header #slogan a:link,
#header #slogan a:visited {
	padding-left:0;
	padding-right:0;
}
#header #slogan .replacement {
	width:100%;
	min-width:100%;
	max-width:100%;
	background-size:334px 199px, 390px 261px, 1020px 262px;
}


}
/* ------------------------------------------------------------------------ */
@media (max-width:960px) {

body {
	font-size:13px;
}
#header {}
#header .content {}
#tresc {}
#tresc #menu {
	width:28%;
}
#tresc #pageContent {
	width:72%;
}



}
/* ------------------------------------------------------------------------ */
@media (max-width:880px) {

body {
	font-size:14px;
}
#header {}
#header .content {}
#tresc {}
#tresc #menu {
	width:32%;
}
#tresc #pageContent {
	width:68%;
}
#tresc #pageContent #news {
	width:100%;
}
#tresc #pageContent #partners {
	width:100%;
}
#tresc #pageContent #partners li {
	float:left;
	width:44%;
	padding-left:6%;
}


}

/* ------------------------------------------------------------------------ */
@media (max-width:768px) {

body {
	font-size:15px;
}
#header {
	height:470px;
}
#header .content {}
#header .content #logo {
	float:none;
	margin:0px auto;
}
#header .content #navi {
	float:none;
	margin-right:auto;
	margin-left:auto;
}
#header .content #navi a:link,
#header .content #navi a:visited {
	padding-bottom:10px;
}
#header #slogan .replacement {
	background-position:bottom 0px right 40px, top left -10px, top center; 
}

#tresc {}
#tresc #menu {
	width:100%;
}
#tresc #pageContent {
	width:100%;
}

#tresc #footer {
	background-image:
	url("../pix/stopka2.png"),
	linear-gradient(
	rgba(50,50,50,1) 1px,
	rgba(18,18,18,1) 1px,
	rgba(18,18,18,1) 2px,
	rgba(40,40,40,0.9) 2px, 
	rgba(18,18,18,1) 50px,
	rgba(18,18,18,1)
	);
	height:300px;
}

}
/* ------------------------------------------------------------------------ */
@media (max-width:640px) {


body {
	font-size:16px;
}
#header #slogan .replacement {
	background-position:bottom 0px right 40px, top left -20px, top center; 
}

#tresc #pageContent #news {
	width:100%;
}
#tresc #pageContent #partners {
	width:100%;
}
#tresc #pageContent #partners li {
	float:left;
	width:40%;
	padding-left:10%;
}





}
/* ------------------------------------------------------------------------ */
@media (max-width:560px) {

#header .content #navi {
	display:block;
	width:100%;
	min-width:100%;
	max-width:100%;
}
#header .content #navi ul {
	border-radius:0px 0px;
	width:100%;
	min-width:100%;
	max-width:100%;
	float:left;
	margin-right:0;
}
#header #slogan .replacement {
	background-position:bottom 0px right 40px, top left -30px, top center; 
}

#tresc #pageContent #news {
	width:100%;
}
#tresc #pageContent #partners {
	width:100%;
}
#tresc #pageContent #partners li {
	float:left;
	width:44%;
	padding-left:6%;
}





}
/* ------------------------------------------------------------------------ */
@media (max-width:480px) {


#tresc #pageContent #partners li {
	width:48%;
	padding-left:2%;
}
#header #slogan .replacement {
	background-position:bottom 0px right 40px, top left -40px, top center; 
	background-size:280px 167px, 390px 261px, 1000px 262px;
}




}
/* ------------------------------------------------------------------------ */
@media (max-width:425px) {

#header .content #navi a:link,
#header .content #navi a:visited {
	background-position-x:8px;
}
#header #navi li:nth-of-type(2) a:link,
#header #navi li:nth-of-type(2) a:visited {
	background-position-x:4px;
}
#header #slogan .replacement {
	background-position:bottom 0px right 20px, top left -50px, top center; 
	background-size:280px 167px, 390px 261px, 1000px 262px;
}

#tresc #pageContent #partners li {
	width:85%;
	padding-left:15%;
}
#tresc #footer {
	background-image:
	url("../pix/stopka3.png"),
	linear-gradient(
	rgba(50,50,50,1) 1px,
	rgba(18,18,18,1) 1px,
	rgba(18,18,18,1) 2px,
	rgba(40,40,40,0.9) 2px, 
	rgba(18,18,18,1) 50px,
	rgba(18,18,18,1)
	);
	height:610px;
}


}
/* ------------------------------------------------------------------------ */
@media (max-width:360px) {

#logo h1 a {
	font-size:0px;
	color:black;
}
#logo h1 .replacement {
	background-size:340px auto;
}
#header #navi li:nth-of-type(2) a:link,
#header #navi li:nth-of-type(2) a:visited {
	background-position-x:-1px;
}
#header #slogan .replacement {
	background-position:bottom 0px right 10px, top left -60px, top center; 
	background-size:280px 167px, 390px 261px, 1000px 262px;
}

#tresc #pageContent #partners li {
	width:90%;
	padding-left:10%;
}
}


/* ------------------------------------------------------------------------ */
@media (max-width:320px) {
	
#header {}
#tresc {
	width:320px;
	min-width:320px;
	max-width:320px;
}
	
	
	
}



/*  */


/* ---------------------------------------------------------------- */