<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@import url("reset.css");
@font-face {
    font-family: 'OpenSansLight';
    src: url('OpenSans-Light-webfont.eot');
    src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Light-webfont.woff') format('woff'),
         url('OpenSans-Light-webfont.ttf') format('truetype'),
         url('OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-CondensedLight';
    src: url('opensans-condlight.eot');
    src: url('opensans-condlight.eot?#iefix') format('embedded-opentype'),
         url('opensans-condlight.woff') format('woff'),
         url('opensans-condlight.ttf') format('truetype'),
         url('opensans-condlight.svg#opensans-condlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-CondensedLightItalic';
    src: url('opensans-condlightitalic.eot');
    src: url('opensans-condlightitalic.eot?#iefix') format('embedded-opentype'),
         url('opensans-condlightitalic.woff') format('woff'),
         url('opensans-condlightitalic.ttf') format('truetype'),
         url('opensans-condlightitalic.svg#opensans-condlightitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

article, aside, footer, header, header nav, section{display: block;}
html,body{height:100%}
body {background: url(../gfx/bg_main.jpg) no-repeat top center, url(../gfx/bg.png) repeat-x top left; background-color: #0f2335; padding-top: 53px; font-family: 'OpenSansRegular', Arial, sans-serif; font-size: 14px; color:#fff;}
#wrapper {width: 800px; margin: -180px auto 0; min-height:100%; position: relative; padding-bottom: 50px;}
* html #wraper{height:100%}
header {width: 800px; height: 100px; position: relative; margin: 0 auto 21px; border-top: 180px solid transparent;}
header h1 {font-family: 'OpenSansLight', Arial, sans-serif; color: #7da5b2; font-size: 30px; text-shadow: -1px -1px 1px #000; -moz-text-shadow: 1px 1px 1px #000; text-align: right; padding: 31px 0 9px;}
header h1 span {color: #eef0f0;}
header a {position: absolute; top: 25px; left: 0;}
header p {font-family: 'OpenSans-CondensedLight', Arial, sans-serif; color: #526469; font-size: 11px; text-align: right;}
nav {}
nav ul {margin-bottom: 20px;}
nav ul li {display: inline; color: #fff; font-family: 'OpenSansRegular', Arial, sans-serif; font-size: 14px; text-shadow: -1px -1px 0 #000; }
nav a {
	-moz-transition-property: background-color, padding; -moz-transition-duration: 0.2s;
	-webkit-transition-property: background-color, padding; -webkit-transition-duration: 0.2s;
	-o-transition-property: background-color, padding; -o-transition-duration: 0.2s;
	-ms-transition-property: background-color, padding; -ms-transition-duration: 0.2s;
	transition-property: background-color, padding; transition-duration: 0.2s;
	background-color: rgba(11, 27, 38, .5); color: #fff; text-decoration: none; padding: 2px 8px;} 
nav a:hover {
	-moz-transition-property: background-color, padding; -moz-transition-duration: 0.1s;
	-webkit-transition-property: background-color, padding; -webkit-transition-duration: 0.1s;
	-o-transition-property: background-color, padding; -o-transition-duration: 0.1s;
	-ms-transition-property: background-color, padding; -ms-transition-duration: 0.1s;
	transition-property: background-color, padding; transition-duration: 0.1s; transition-delay: 0s;
	background-color: rgba(11, 27, 38, .8); padding: 4px 8px; }
nav a:active {padding: 3px 8px; background-color: rgba(11, 27, 38, 1);}
nav #nav_act {padding: 2px 8px;}


/*---------stopka---------*/
footer {background: url(../gfx/footer.jpg) repeat-x top center; width: 100%; height: 180px; position:relative;}
footer div {width: 800px; margin: 0 auto; padding-top: 22px; position: relative;}
footer div h2 {color: #3a4148; font-size: 20px; text-transform: uppercase; margin-bottom: 18px;}
footer div&gt;a {position: absolute; top: 58px; right: 0;}
#fphone, #fmail {font-family: 'OpenSans-CondensedLightItalic', Arial, sans-serif; color: #b7b9bb; font-size: 18px; padding: 5px 0 5px 38px;}
#fphone {background: url(../gfx/f_phone.png) no-repeat center left;}
#fmail {background: url(../gfx/f_mail.png) no-repeat center left;}
#legalline {font-family: 'OpenSans-CondensedLight', Arial, sans-serif; font-size: 12px; color: #363d43; margin-top: 30px;}
#legalline span {float: right; position: relative; bottom: 20px;}
#legalline span a {position: relative; top: 4px;}

/*---------glowna---------*/
#main {overflow: visible; margin-top: 280px;}
#main p {width: 230px; font-family: 'OpenSans-CondensedLightItalic', Arial, sans-serif; color: #bfc8d0; font-size: 20px; float: left; background: url(../gfx/main_p.png) no-repeat top left; padding: 9px 0; line-height: 1.2em; position: relative; z-index: 100;}
#main_p_middle {margin: 0 55px;}
#main blockquote {position: relative; top: -20px; z-index: 90; clear: both; width: 932px; padding: 0 0 0; height: 180px; margin-left: -132px; background: url(../gfx/quotes.png) no-repeat 0 -35px; font-family: 'OpenSans-CondensedLightItalic', Arial, sans-serif; font-size: 26px; text-align: right;}
#main blockquote q {display: block; color: #cfd4d8; padding: 64px 0 0 200px;}
#main blockquote cite {display: block; color: #fff; padding-top: 35px; line-height: 0.8em;}
#main blockquote cite span {color: #a2a8ae; font-size: 13px; font-family: 'OpenSans-CondensedLight', Arial, sans-serif;}

/*---------page-all---------*/
.page {background: url(../gfx/hole_line.png) 26px 0 repeat-y, url(../gfx/bg_kartka.png) repeat-x; background-color: #fafafa; border: 1px solid #fff; padding: 43px 120px 40px 80px; position: relative; line-height: 1.3em; font-size: 14px; color: #15354c;}
.page h1 {text-transform: uppercase; font-size: 24px; margin: 0 0 0.8em;}
.page p {margin: 0.5em 0;}
.page .wstep, .page #about p {font-size: 17px; line-height: 1.4em;}
.page h2 {font-size: 20px; margin: 1em 0 0.8em; line-height: 1.2em;}
.page ul {padding-left: 30px;}
.page ul li {list-style-image: url(../gfx/bullet.png); list-style-position: outside; padding-left: 10px; margin-bottom: 0.4em;}
.page a {text-decoration: none; border-bottom: 1px dotted #15354c; color: #15354c;}
.page a:hover {text-decoration: none; border-bottom: 1px solid #BE2126; color: #BE2126;}
.page a:active {text-decoration: none; border-bottom: 0px dotted #BE2126; color: #BE2126;}

/*---------o-mnie---------*/
/*#about {padding: 0 0 15px 220px;}*/
#about figure {position: absolute; top: 8px; left: 40px;}
#about figure img {-webkit-backface-visibility: hidden; /*hack na poszarpane krawędzie przy transformacji w webkitach */
	-moz-transition: -moz-box-shadow 0.5s, -moz-transform 0.5s; -moz-box-shadow: -1px 1px 3px #000; -moz-transform: rotate(-1.3deg);
	-webkit-transition: -webkit-box-shadow 0.5s, -webkit-transform 0.5s; -webkit-box-shadow: -1px 1px 3px #000; -webkit-transform: rotate(-1.3deg);
	-o-transition-property: -o-box-shadow, -o-transform; -o-transition-duration: 0.5s; -o-box-shadow: -1px 1px 3px #000; -o-transform: rotate(-1.3deg) translate(40px, 15px);
	-ms-transition: -ms-box-shadow 0.5s, -ms-transform 0.5s; -ms-box-shadow: -1px 1px 3px #000; -ms-transform: rotate(-1.3deg);
	transition: box-shadow 0.5s, transform 0.5s; box-shadow: -1px 1px 3px #000; transform: rotate(-1.3deg);
	}
#about figure img:hover {
	-moz-transition: -moz-box-shadow 1s, -moz-transform 1s; -moz-box-shadow: -1px 1px 5px #000; -moz-transform: rotate(2deg) translate(5px, 10px);
	-webkit-transition: -webkit-box-shadow 1s, -webkit-transform 1s; -webkit-box-shadow: -1px 1px 5px #000; -webkit-transform: rotate(2deg) translate(5px, 10px);
	-o-transition-property: -o-box-shadow, -o-transform; -o-transition-duration: 1s; -o-box-shadow: -1px 1px 5px #000; -o-transform: rotate(2deg) translate(45px, 25px);
	-ms-transition: -ms-box-shadow 1s, -ms-transform 1s; -ms-box-shadow: -1px 1px 5px #000; -ms-transform: rotate(2deg) translate(5px, 10px);
	transition: box-shadow 1s, transform 1s; box-shadow: -1px 1px 5px #000; transform: rotate(2deg) translate(5px, 10px);
	}

/*---------oferta------------*/
#wrapper .a4 {height: 818px;}
.fl_img {float: left; margin: 10px 20px 15px 0;}
#idea {width: 700px;}
#idea ul {padding-right: 280px;}
	
/*---------cennik------------*/
#wrapper .cennik {background: url(../gfx/hole_line_up.png) 26px 0 repeat-y, url(../gfx/bg_kartka.png) repeat-x; background-color: #fafafa; z-index: 300;
	-moz-box-shadow: 1px -1px 3px #0f2335;
	-webkit-box-shadow: 1px -1px 3px #0f2335;
	-o-box-shadow: 1px -1px 3px #0f2335;
	-ms-box-shadow: 1px -1px 3px #0f2335;
	box-shadow: 1px -1px 3px #0f2335;
	}
/*#wrapper .cennik {background: url(../gfx/hole_line_up.png) 26px 0 repeat-y, url(../gfx/bg_kartka.png) repeat-x; background-color: #fafafa; z-index: 300;
	-moz-transform: rotate(1deg) translate(-3px, 10px); -moz-box-shadow: 1px -1px 3px #0f2335;
	transform: rotate(1deg);
	} na viście fonty nie mają antyaliasingu więc lepiej nie obracać */
.cennik table {width: 520px; margin: 0px auto 15px; border: none;}
.cennik table thead th {border-bottom: 2px solid #003460;}
.cennik table thead th:first-child {border-right: 1px solid #003460;}
.cennik table thead th:last-child {border-left: 1px solid #c9d6e0;}
.cennik table tbody th {border-right: 1px solid #003460;}
.cennik td, .cennik th {text-align: center; vertical-align: middle; padding: 6px 2px;}
.cennik table .lsr td, .cennik table .lst th, .cennik table .lsc {border-bottom: 1px solid #c9d6e0;}
.cennik table tr td:nth-child(1n) {border-right: 1px solid #c9d6e0;}
.cennik table tr td:last-child {border-right: none;}
.cennik table .lsr td:first-child {border-right: 1px solid #c9d6e0;}
.cennik table tr:last-child td:first-child {border-right: 1px solid #c9d6e0;}
#wrapper .c1 {width: 600px; height: 595px; position: absolute; top: 340px;
	-moz-transform: rotate(-2deg) translate(-5px, -10px); -moz-box-shadow: 1px -1px 5px #0f2335;
	-webkit-transform: rotate(-2deg) translate(-5px, -10px); -webkit-box-shadow: 1px -1px 5px #0f2335;
	-o-transform: rotate(-2deg) translate(-5px, -10px); -o-box-shadow: 1px -1px 5px #0f2335;
	-ms-transform: rotate(-2deg) translate(-5px, -10px); -ms-box-shadow: 1px -1px 5px #0f2335;
	transform: rotate(-2deg) translate(-5px, -10px); box-shadow: 1px -1px 5px #0f2335;
	}

/*---------dla-firm---------*/
#dlafirm {padding: 10px 20px 25px 220px; margin-top: -10px; background: url(../gfx/wykres.png) no-repeat top left;}
#wrapper .df1 {background: url(../gfx/hole_line_up.png) 26px 0 repeat-y, url(../gfx/bg_kartka.png) repeat-x; background-color: #fafafa; z-index: 300; margin-bottom: 90px;
	 -moz-box-shadow: 0 -1px 12px #0f2335;
	 -webkit-box-shadow: 0 -1px 12px #0f2335;
	 -o-box-shadow: 0 -1px 12px #0f2335;
	 -ms-box-shadow: 0 -1px 12px #0f2335;
	 box-shadow: 0 -1px 12px #0f2335;
	}
#wrapper .df2 {z-index: 200; position: absolute; top: 430px; width: 598px; height: 178px; -webkit-backface-visibility: hidden;
	-moz-transform: skew(2.2deg) translate(-5px, 0); -moz-box-shadow: -1px -1px 5px #0f2335;
	-webkit-transform: skew(2.2deg) translate(-5px, 0); -webkit-box-shadow: -1px -1px 5px #0f2335;
	-o-transform: skew(2.2deg) translate(-5px, 0); -o-box-shadow: -1px -1px 5px #0f2335;
	-ms-transform: skew(2.2deg) translate(-5px, 0); -ms-box-shadow: -1px -1px 5px #0f2335;
	transform: skew(2.2deg) translate(-5px, 0); box-shadow: -1px -1px 5px #0f2335;
	}
#wrapper .df3 {z-index: 100; position: absolute; top: 430px; left: -12px; height: 280px; width: 600px; background: url(../gfx/hole_line.png) 26px 135px repeat-y, url(../gfx/bg_kartka.png) repeat-x; background-color: #fafafa;}
#wrapper .df3 p {position: relative; top: 210px; color: #003460; font-family: 'OpenSans-CondensedLightItalic', Arial, sans-serif; font-size: 36px; text-align: right;}

/*---------kontakt----------*/
.kontakt {height: 500px;}
.kontakt article p:first-child {text-align: center; border-bottom: 1px solid #003460; padding-bottom: 16px; margin-bottom: 35px;}
#smartphone {z-index: 10; width: 564px; height: 292px; background: url(../gfx/smartphone.png) no-repeat top left; position: absolute; top: 300px; right: -100px; 
	-moz-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
	}
#smartphone #glass {z-index: 1500; background: url(../gfx/glass.png) no-repeat top left; width: 564px; height: 292px; position: absolute; top: 0; left: 0;}
#map {width: 390px; height: 236px; position: absolute; top: 27px; left: 71px;}
	
/*---------dodatki-graficzne-na-stronę---------*/
.a {background:url(../gfx/a.png) no-repeat top left; width: 90px; height: 91px; position: absolute; top: 48px; right: 45px;}
.clip {background: url(../gfx/clip.png) no-repeat; width: 21px; height: 64px; position: absolute; top: -9px; left: 85px;}
.pb1 {background: url(../gfx/page_bottom1.png) no-repeat top left; height: 21px;  width: 800px; position: absolute; bottom: -21px; left: -1px;}
.r1 {background:url(../gfx/rozek1.png) no-repeat top right; width: 103px; height: 74px; position: absolute; top: -1px; right: -1px;}

/*---------logowanie-do-systemu-elerning-----------*/
#elogin {position: absolute; top: 127px; right: 0; width: 500px;}
#elogin form {background: rgba(0, 0, 0, 0.7); border-radius: 0 0 4px 4px; height: 41px;
	-moz-transition: -moz-transform 1s 2s; -moz-transform: translate(0, -41px);
	-webkit-transition: -webkit-transform 1s 2s; -webkit-transform: translate(0, -41px);
	-o-transition: -o-transform 1s 2s; -o-transform: translate(0, -41px);
	-ms-transition: -ms-transform 1s 2s; -ms-transform: -ms-translate(0, -41px);	
	transition: transform 1s 2s; transform: translate(0, -41px);
	}
#elogin:hover form {
	-moz-transition: -moz-transform 0.5s; -moz-transform: translate(0, 0px);
	-webkit-transition: -webkit-transform 0.5s; -webkit-transform: translate(0, 0px);
	-o-transition: -o-transform 0.5s; -o-transform: translate(0, 0px);
	-ms-transition: -ms-transform 0.5s; -ms-transform: -ms-translate(0, 0);
	transition: transform 0.5s; transform: translate(0, 0px);
	}
#elogin p {padding: 0 22px; font-family: 'OpenSansRegular', Arial, sans-serif; color: #fff; font-size: 14px;}
#elogin #username, #elogin #password {background: rgba(0, 0, 0, 0.5); border-radius: 5px; width: 104px; margin-left: 14px; border: none; color: #fff; padding: 6px 10px; 
	-moz-box-shadow: rgba(0,0,0,0.7) 1px 1px 3px inset, rgba(255,255,255,0.1) 1px 1px 0;
	-webkit-box-shadow: rgba(0,0,0,0.7) 1px 1px 3px inset, rgba(255,255,255,0.1) 1px 1px 0;
	-o-box-shadow: rgba(0,0,0,0.7) 1px 1px 3px inset, rgba(255,255,255,0.1) 1px 1px 0;
	-ms-box-shadow: rgba(0,0,0,0.7) 1px 1px 3px inset, rgba(255,255,255,0.1) 1px 1px 0;
	box-shadow: rgba(0,0,0,0.7) 1px 1px 3px inset, rgba(255,255,255,0.1) 1px 1px 0;
	}
#elogin #submit {margin: 0 0 0 14px; width: 24px; height: 25px; position: relative; top: 8px;}

</pre></body></html>