html { overflow-y: scroll; }
body { font: 0.69em/1.8 Arial, Helvetica, sans-serif ; color: #b29fb1;
background: #010001 url(../gfx/bg.png) repeat-x; }
a:link { color: #75617c; text-decoration: underline; }
a:visited { color: #635061; }
a:hover, a:active { text-decoration: none; }
a.more { padding: 0 28px 0 0; height: 20px; line-height: 20px;
background: url(../gfx/more_arrow.png) no-repeat 100% 50%; }
h1, h2 { line-height: 1.5; background: url(../gfx/h_line.png) repeat-x 0 100%; }
h1 { margin: 0; }
h3, h4 { color: #c3b4c2; }
h4 { margin: 0; }
img { display: inline; border: none; }
p { text-align: justify; }
#wrapper-outer { width: 100%; background: url(../gfx/wrapper_outer.jpg) no-repeat center 0; }
#wrapper { margin: 0 auto; width: 960px; background: url(../gfx/wrapper.jpg) no-repeat center 0; }
/* --- Forms --- */
textarea, input.text { padding: 4px 3px 4px 12px; border: 1px solid #3f253f; color: #c1b6c1; }
textarea { height: 156px; *height: 148px; background: #443144 url(../gfx/textarea_bg.png) repeat-x 0 0;
resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
fieldset { overflow: hidden; margin: 0 0 5px; }
form p { position: relative; margin: 0 0 12px; }
input.text { height: 20px; font-size: 1em; background: #443144 url(../gfx/text_bg.png) repeat-x 0 0; }
label { display: block; }
label.infield { margin: 6px 0 0 12px; }
.error { display: block; margin: 0; padding: 0 12px 0 0; height: 31px; color: #fff;
background: url(../gfx/error_right.png) no-repeat scroll top right; }
.error span { display: block; padding: 2px 0 0 12px; height: 29px;
background: url(../gfx/sprite.png) no-repeat 0 -589px; }
/* --- Header --- */
#header { position: relative; }
.logo { display: block; margin: 0 auto; padding: 35px 0 0; width: 257px; height: 71px; }
/* Language */
#language { position: absolute; top: 54px; left: 18px; margin: 0; }
#language li { float: left; margin-right: 10px; }
#language a { float: left; width: 31px; height: 32px; text-indent: -999em; outline: none;
background: url(../gfx/sprite.png) no-repeat; }
#language .pl a { background-position: 0 -38px; }
#language .en a { background-position: -36px -38px; }
#language .pl a.active { background-position: 0 0; }
#language .en a.active { background-position: -36px 0; }
/* Social */
#social { position: absolute; top: 66px; right: 16px; margin: 0; }
#social li { position: relative; float: left; margin-left: 18px; }
#social a { float: left; height: 16px; text-indent: -999em; outline: none;
background: url(../gfx/sprite.png) no-repeat; }
#social .facebook a { width: 63px; background-position: 0 -75px; }
#social .twitter a { width: 60px; background-position: -68px -75px; }
#social em { position: absolute; top: -50px; left: 0px; z-index: 2; display: none; height: 37px;
text-align: center; text-indent: -9999px; background: url(../gfx/sprite.png) no-repeat; }
#social .facebook em { left: -5px; width: 156px; background-position: 0 -95px; }
#social .twitter em { left: -65px; width: 131px; background-position: -161px -95px; }
.en #social .facebook em { left: -5px; width: 133px; background-position: -296px -95px; }
.en #social .twitter em { left: -65px; width: 131px; background-position: -433px -95px; }
/* Menu */
#menu { overflow: hidden; margin: 28px 0 30px; padding:0; width:960px; height:79px;
background: url(../gfx/sprite.png) no-repeat 0 -347px; }
#menu li { float:left; }
#menu a { position:relative; display: block; height: 79px;
background: url(../gfx/sprite.png) no-repeat scroll top left; }
#menu span { position:absolute; top: -79px; left: 0; z-index: 100; display: block; height: 100%; width: 100%; text-indent: -999em;
background:url(../gfx/sprite.png) no-repeat scroll bottom left; opacity: 0; }
#menu a.home { margin-left: 124px; width: 130px; background-position: -124px -189px; }
#menu a.aboutus { width: 128px; background-position: -254px -189px; }
#menu a.offer { width: 137px; background-position: -382px -189px; }
#menu a.portfolio { width: 166px; background-position: -519px -189px; }
#menu a.contact { width: 137px; background-position: -685px -189px; }
#menu a.home span { background-position: -124px -268px; }
#menu a.aboutus span { background-position: -254px -268px; }
#menu a.offer span { background-position: -382px -268px; }
#menu a.portfolio span { background-position: -519px -268px; }
#menu a.contact span { background-position: -685px -268px; }
/* EN */
.home #menu a.home { background-position: -124px -268px; }
.aboutus #menu a.aboutus { background-position: -254px -268px; }
.offer #menu a.offer { background-position: -382px -268px; }
.portfolio #menu a.portfolio { background-position: -519px -268px; }
.contact #menu a.contact { background-position: -685px -268px; }
.en #menu a.home { background-position: -124px -426px; }
.en #menu a.aboutus { background-position: -254px -426px; }
.en #menu a.offer { background-position: -382px -426px; }
.en #menu a.portfolio { background-position: -519px -426px; }
.en #menu a.contact { background-position: -685px -426px; }
.en #menu a.home span { background-position: -124px -505px; }
.en #menu a.aboutus span { background-position: -254px -505px; }
.en #menu a.offer span { background-position: -382px -505px; }
.en #menu a.portfolio span { background-position: -519px -505px; }
.en #menu a.contact span { background-position: -685px -505px; }
.en .home #menu a.home { background-position: -124px -505px; }
.en .aboutus #menu a.aboutus { background-position: -254px -505px; }
.en .offer #menu a.offer { background-position: -382px -505px; }
.en .portfolio #menu a.portfolio { background-position: -519px -505px; }
.en .contact #menu a.contact { background-position: -685px -505px; }
/* --- Slider --- */
#slider { overflow: hidden; margin-bottom: 30px; height: 294px; }
#ft-prev-slider, #ft-next-slider { display: none; }
#ft-buttons-slider { position: absolute; right: 18px; bottom: 13px; z-index: 1001; }
#ft-buttons-slider a { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;
margin: 0 0 0 6px; width: 14px; height: 15px; line-height: 15px;
text-align: center; text-decoration: none; outline: none;
background: url(../gfx/sprite.png) no-repeat; }
#ft-buttons-slider .ft-button-slider { color: #858599; background-position: -136px -137px; }
#ft-buttons-slider .ft-button-slider-active { background-position: -106px -137px; }
#ft-title-slider { display: block; padding: 12px 18px 0; width: 918px; height: 32px; line-height: 24px; text-transform: uppercase; }
#ft-title-slider a { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;
margin: 0 0 0 10px; width: 102px; height: 24px; text-indent: -999em; outline: none;
background: url(../gfx/sprite.png) no-repeat 0 -137px; }
.en #ft-title-slider a { width: 68px; height: 24px; text-indent: -999em; outline: none;
background: url(../gfx/sprite.png) no-repeat -210px -137px; }
/* --- Clients --- */
#clients h3 { margin: 0 0 0 15px; font-size: 1.64em; font-weight: normal; }
#clients .logos { overflow: hidden; width: 960px; height: 93px; padding: 1px 0;
background: url(../gfx/bg_dotted_line.png) repeat-x;}
#clients .clients { margin: 0; padding: 0; }
/* --- Keywords --- */
#keywords { overflow: hidden; margin-top: .5em; padding: 1px 0;
background: url(../gfx/h_line.png) 0 100% repeat-x; }
#keywords h3 { float: left; margin: 0 0 0 15px; width: 230px; font-size: 1.64em; font-weight: normal; line-height: 1; }
#keywords ul { overflow: hidden; margin: 0; padding: 2px 0 0 15px; }
#keywords li { float: left; margin: 0 1em 0 0; }
#keywords a { text-decoration: none; }
#keywords a:hover { text-decoration: underline; }
/* --- Footer --- */
#footer { overflow: hidden; padding: 2em 0; color: #635061; }
#footer a { color: #635061; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer ul { margin: 0 0 0 10px; }
#footer li, #footer ul a { float: left; }
#footer ul a { margin: 0 0 0 15px; padding: 0 15px 0 0; background: url(../gfx/p2x2.png) no-repeat 100% 50%; }
#footer ul a.last { background: none; }
#footer .contact { float: left; margin: 0 0 0 65px; }
#footer .contact a { margin: 0 15px; padding: 0 0 0 18px; background: url(../gfx/sprite.png) no-repeat; }
#footer a.email { background-position: -947px -72px; }
#footer a.phone { background-position: -947px -98px; }
#footer a.phone:hover { text-decoration: none; }
.copyright { float: right; margin: 0 30px 0 0; }
/* --- Gallery --- */
#main .gallery { overflow: hidden; margin: 4em 0 1em; }
#main .gallery ul { overflow: hidden; }
#main .gallery li { position: relative; float: left; margin: 0 15px 30px 15px; padding: 0; border: none; border: 2px solid #6c5d6c; }
#main .gallery a { overflow: hidden; float: left; width: 114px; height: 114px; }
/*
#main .gallery li.h { margin: 30px 10px 91px 0; }
#main .gallery li.v { margin: 0 43px 46px 43px; }
#main .gallery li.h { margin: 0 10px 35px 0; }
#main .gallery li.v { margin: 0 17px 35px 17px; }
#main .gallery li.last { margin-right: 0; }
*/
#main .gallery img { float: left; }
#main .h img { width: 189px; height: 114px; }
#main .v img { width: 114px; height: 189px; }
/* --- Content --- */
#content { overflow: hidden; margin-bottom: 1em; }
#main { float: left; margin: 0 0 30px 18px; width: 606px; }
#sidebar { overflow: hidden; position: relative; float: right; margin-right: 18px; width: 286px; }
.contact #main, .portfolio #main { overflow: hidden; margin: 0 18px 20px; width: 924px; }
.home #main { overflow: hidden; margin: 0; width: 100%; }
/* --- Nav --- */
.nav { margin: 0; }
.nav li { display: block; height: 38px; line-height: 38px;
background: url(../gfx/h_line.png) repeat-x 0 100%; }
.nav a { display: block; padding: 0 0 0 27px; height: 37px; color: #b29fb1; text-decoration: none;
background: transparent url(../gfx/li_arrow.png) no-repeat 4% 50%; }
.nav a:hover, .nav a.active { padding: 0 15px 0 10px; color: #937c92;
background: #200c20 url(../gfx/li_arrow.png) no-repeat 95% 50%; }
/* --- Path --- */
#main .path { overflow: hidden; margin: 0 0 10px 0; color: #816680; padding: 9px 0 5px 0;
background: url(../gfx/h_line.png) repeat-x 0 100%; }
#main .path li { float: left; padding: 0 0 0 10px; background: none; }
#main .path li.first { padding: 0; }
.path a { padding: 0 10px 0 0; color: #816680; text-decoration: none;
background: url(../gfx/path_arrow.png) no-repeat 100% 50%; }
.path a:hover { text-decoration: underline; }
/* --- Quotes --- */
.scrollable { overflow: hidden; position: relative; width: 286px; height: 380px; }
.scrollable .items { position: absolute; top: 0; left: 0; width: 20000em; }
.items .item { float:left; padding: 0 2px 0 3px; width: 281px; }
.navi { position: absolute; top: 9px; right: 0; }
.navi a { float: left; margin: 0 3px 0 0; width: 14px; height: 14px;
background: url(../gfx/sprite.png) no-repeat -168px -142px; }
.navi a.active { background-position: -189px -142px; }
.quote { margin: 0 auto; padding: 5px 0 0; width: 281px;
background: url(../gfx/q_top.png) no-repeat 0 0; }
q { display: block; margin: 0; padding: 5px 10px; width: 261px;
background: url(../gfx/q_mid.png) repeat-y; }
cite { display: block; text-align: right; margin: 0 0 2em; padding: 2em 0 0;
background: url(../gfx/q_bot.png) no-repeat 0 0; }
/* Person Box */
.person_box { overflow: hidden; margin: 10px 0 0; padding: .5em; width: 50%; border: 1px solid #332233; background: #170918;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.person_box img { float: left; margin: 7px 15px 7px 7px; }
.person_box p { padding-top: 15px; }
/* --- Home --- */
.home h1 { margin-bottom: 15px; }
.home .box { position: relative; overflow: hidden; float: left; margin: 0 18px 2em; width: 283px; height: 360px; }
.home .more { position: absolute; bottom: 0; right: 0; }
.home .thumb { display: block; margin: 0 0 1.5em; width: 277px; height: 79px;
text-decoration: none; border: 3px solid #312731; }
.home .thumb span { overflow: hidden; display: block; width: 277px; height: 79px; }
.home #offer { margin: 0 20px 2em 19px; }
.home #news h3 { margin: 0; }
#clients ul { overflow: hidden; margin: 0; padding: 0; }
#clients .thumb { overflow: hidden; float: left; display: block; width: auto; height: 91px; border: none; cursor: default; }
#clients .thumb span { overflow: hidden; display: block; width: auto; height: 91px; }
/* --- Contact --- */
.contact a { color: #846082; text-decoration: none; }
.contact a:hover { text-decoration: underline; }
.address { overflow: hidden; width: 300px; float: left; }
.address h3 { margin: 0 0 8px; }
.address span { display: block; color: #644e63; font-weight: bold; }
.form { float: right; width: 585px; }
.form textarea { width: 282px; *width: 268px; }
.form input.text { width: 268px; }
.form .checkbox { overflow: hidden; clear: both; *padding-bottom: 10px; }
.form .checkbox p { overflow: hidden; float: left; width: 33%; }
.form .checkbox input { float: left; }
.form .checkbox label { padding: 0 0 0 23px; }
.form .submit, .en .form .submit { overflow: hidden; margin: 0; padding: 0; border: none; width: 101px; height: 24px; cursor: pointer; text-indent: -999em;
background: url(../gfx/sprite.png) no-repeat 0 0;
font-size: 0; display: block; line-height: 0; }
.form .submit { background-position: -283px -137px; }
.en .form .submit { background-position: -389px -137px; }
/* --- Portfolio --- */
.work { overflow: hidden; margin: 0 0 1.5em 0; padding: 0 0 2.5em 0;
background: url(../gfx/h_line.png) repeat-x 0 100%; }
.work img { float: left; margin: 0 24px 0 0; border: 3px solid #6c5d6c; }
.work .links { overflow: hidden; margin: 0 0 1em; }
.work .links a { float: left; margin: 0 10px 0 0; padding: 0 15px 0 0; height: 38px; color: #fff; text-decoration: none; }
.work .links a:hover { text-decoration: underline; }
.work .links span { display: block; padding: 5px 0 0 15px; height: 33px; }
.links a.date { background: url(../gfx/bszary_right.png) no-repeat scroll top right; }
.links a.online { background: url(../gfx/bfiol_right.png) no-repeat scroll top right; }
.links a.date span { background: url(../gfx/sprite.png) no-repeat 0 -625px; }
.links a.online span { background: url(../gfx/sprite.png) no-repeat 0 -667px; }
#main .tech { overflow: hidden; margin: 0 0 1.5em 0; }
#main .tech li { margin: 0 4px 0 0; padding: 0; float: left; width: 43px; height: 43px; text-indent: -999em;
background: url(../gfx/sprite.png) no-repeat -709px -2px; }
#main .tech li.projekt { background-position: -709px -2px; }
#main .tech li.flash { background-position: -759px -2px; }
#main .tech li.cms { background-position: -808px -2px; }
#main .tech li.xml { background-position: -858px -2px; }
#main .tech li.js { background-position: -908px -2px; }
#main .pagination { overflow: hidden; margin: 0; padding: 0 0 2em 0;
background: url(../gfx/h_line.png) repeat-x 0 100%; }
#main .pagination a { text-decoration: none; width: 100%; height: 100%; color: #858599;
display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
#main .pagination a:hover { text-decoration: underline; }
#main .pagination { overflow: hidden; text-align: center; }
#main .pagination li { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;
margin: 0 0 0 6px; padding: 5px; width: 14px; height: 15px; line-height: 15px;
text-align: center; text-decoration: none; outline: none;
background: url(../gfx/sprite.png) no-repeat; }
#main .pagination li { color: #858599; background-position: -136px -137px; }
#main .pagination li.active { background-position: -106px -137px; }
/* --- Inne --- */
#main ul { margin: 0; }
#main ul li { margin: 0 0 5px 0; padding: 0 0 0 18px; background: url(../gfx/li_arrow.png) no-repeat 0 50%; }
#main ol li { list-style-type: decimal; }
.date { color: #785a77; }
.dp { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
.m0 { margin: 0; }
.fleft { float: left; }
.fright { float: right; }
#keywords { padding-bottom: 15px; }