@font-face {
    font-family: 'CuprumBold';
    src: url('../font/cuprum-bold-webfont.eot');
    src: url('../font/cuprum-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/cuprum-bold-webfont.woff') format('woff'),
         url('../font/cuprum-bold-webfont.ttf') format('truetype'),
         url('../font/cuprum-bold-webfont.svg#CuprumBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cuprum';
    src: url('../font/cuprum-regular-webfont.eot');
    src: url('../font/cuprum-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/cuprum-regular-webfont.woff') format('woff'),
         url('../font/cuprum-regular-webfont.ttf') format('truetype'),
         url('../font/cuprum-regular-webfont.svg#CuprumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@import url(http://fonts.googleapis.com/css?family=Cuprum&subset=latin,latin-ext);
body { width: 100%; margin: 0; padding: 0; font: 14px 'Cuprum'; }
#loader { width: 100%; height: 100%; text-align: center; top: 45%; position: absolute; }
#kontener { display: none; width: 100%; height: 100%; position: absolute; background: url(../images/bg-top.jpg) center top no-repeat; }
img { border: 0; }
#wrapper-top { width: 100%; float: left; background: url("../images/bg-top-banner.jpg") repeat-x; margin-top: 42px; height: 74px; position: relative; z-index: 1000; }
#wrapper-top-inner { width: 980px; margin: 0 auto; }
.cookie-alert { background: none repeat scroll 0 0 #332f2e; color: #E2E2E2; font: 14px "Cuprum"; height: 29px; margin: 0 auto; padding: 20px 40px; text-align: center; width: 900px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 15px; }
.cookie-alert a { color: #D72073; }
.cookie-alert .close a { color: #fff; text-decoration: none; font: 13px "Cuprum"; }
.cookie-alert .close { background: none repeat scroll 0 0 #D72073; color: #FFFFFF; font: bold 13px "cuprum"; height: 17px; margin-left: 870px; margin-right: 0; margin-top: -63px; padding-top: 1px; position: absolute; text-align: center; width: 76px; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#logo { float: left; margin-top: -22px; }
#main-menu { float: right; margin-top: 18px; }
#main-menu ul { margin: 0; padding: 0; float: right; }
#main-menu ul li { list-style: none; display: inline; margin-left: 35px; }
#main-menu ul li a { font: 22px "Cuprum"; color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#main-menu ul li a.active { color: #d30e72; font-weight: bold; }
#main-menu ul li a:hover { color: #d30e72; }
#wrapper { width: 100%; float: left; }
#content { margin: 0 auto; width: 980px; }
/* SLIDER */
.slider-wrapper { float: left; width: 980px; margin-bottom: 0px; margin-top: -30px; position: relative; z-index: 10; }
#slider { position: relative; z-index: 100; float: left; width: 980px; /* change this to your images width */ height: 326px; /* change this to your images height */ background: url(images/loading.gif) no-repeat 50% 50%; }
#slider img { position: absolute; top: 0px; left: 0px; display: none; }
#slider a { border: 0; display: block; }
div.slider_plansza a { display: block; float: left; height: 50px; margin-left: 740px; margin-top: 240px; width: 180px; }
.nivoSlider { position: relative; background: url(images/loading.gif) no-repeat 50% 50%; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }
.nivoSlider a { border: 0; display: block; }
.nivo-controlNav { text-align: left; padding: 20px 0; float: left; position: relative; z-index: 1000; margin-left: 66px; margin-top: -127px; }
.nivo-controlNav a { display: inline-block; width: 17px; height: 16px; background: url("../images/bullets.png") no-repeat; text-indent: -9999px; border: 0; margin: 0 0px; }
.nivo-controlNav a.active { background-position: 0 -22px; }
#slider img { border: 0; }
#facebook { float: left; width: 100%; margin-top: 0px; margin-left: 9px; }
.fb-like { float: left; }
#facebook p { float: left; width: 173px; font: 11px Arial; color: #3b5998; margin-top: -3px; margin-left: 18px; }
#facebook p a { font: 11px Arial; color: #3b5998; text-decoration: none; }
#box { width: 1014px; float: left; background: url("../images/bg-bottom.jpg") repeat scroll -386px -172px transparent; height: 591px; margin-top: 0px; padding-bottom: 0px; }
#box-1, #box-2, #box-3, #box-4 { }
#box-co-oferujemy { display: none; }
.box-mp { width: 213px; height: 229px; float: left; background: url("../images/bg-box.png"); margin-top: 50px; padding: 20px; }
.header-box-mp { font: bold 28px "Cuprum"; margin: 0; padding: 0; color: #d72073; height: 36px; padding-left: 44px; padding-top: 1px; text-shadow: 2px 2px 0px #fff; }
.header-box-mp a { font: bold 28px "Cuprum"; color: #3e3e3e; text-decoration: none; text-shadow: 2px 2px 0px #fff; }
h3.box-1 { background: url("../images/box-1.png") no-repeat; }
h3.box-2 { background: url("../images/box-2.png") no-repeat; }
h3.box-3 { background: url("../images/box-3.png") no-repeat; }
h3.box-4 { background: url("../images/box-4.png") no-repeat; }
#fav-pakiet { background: url("../images/fav-pakiet.png"); width: 95px; height: 95px; position: absolute; z-index: 999999; margin-left: 131px; margin-top: -15px; }
.list-box-mp { list-style: url("../images/tick.png"); font: 14px "Cuprum"; padding-left: 25px; margin-top: 15px; height: 140px; width: 172px; margin-left: 0; margin-right: 0; }
.list-box-mp li { border-bottom: 1px dashed #d6d6d6; margin-bottom: 5px; padding-bottom: 5px; }
.box-mp-price { text-align: center; font: bold 24px "Cuprum"; color: #eead43; text-shadow: 0px 0px 15px #ffcf80; margin-bottom: 15px; }
.link-box-mp-detail { display: block; float: left; font: bold 16px "Cuprum"; color: #494949; text-decoration: none; text-align: center; width: 50%; margin-left: 8px; margin-top: 6px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.link-box-mp-detail:hover { color: #3a8e2e; }
.link-box-mp-order { display: block; background: url("../images/btn-box-hover.png"); float: right; font: bold 16px "Cuprum"; color: #fff; text-shadow: 1px 1px 0px #3a8e2e; text-decoration: none; height: 23px; padding-left: 13px; padding-top: 5px; width: 74px; margin-right: 8px; }
.link-box-mp-order:hover { background: url("../images/btn-box.png"); text-shadow: 1px 1px 0px #af8400; }
#contact-panel-mp { width: 980px; float: left; color: #d72073; margin-left: 27px; margin-top: -136px; }
#contact-panel-mp a { color: #d72073; text-decoration: underline; }
#contact-panel-left { float: left; width: 50%; text-align: center; font: 20px "Cuprum"; }
#contact-panel-right { float: left; width: 50%; text-align: center; font: 20px "Cuprum"; }
#footer { float: left; width: 100%; height: 74px; background: url("../images/bg-footer.jpg") repeat-x; font: 13px "Cuprum"; color: #fff; }
#footer a { text-decoration: none; color: #fff; }
#footer a.active { color: #d72073; }
#footer-inner { width: 980px; margin: 0 auto; }
#footer-left { float: left; width: 50%; margin-top: 18px; }
#footer-right { float: right; text-align: right; width: 50%; margin-right: -25px; margin-top: 30px; }
#footer-left p { margin: 0; float: left; margin-left: 20px; margin-top: 14px; }
.dst { display: block; float: left; }
/***** LOGOWANIE DO KAMER **************/
#login-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11111; overflow: hidden; display: none; }
#login-overlay { position: fixed; top: 0; left: 0; background: #000; width: 100%; height: 100%; z-index: 11111; -moz-opacity: 0.70; opacity: 0.70; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
#login-layer-box { position: relative; top: 20%; padding: 40px; z-index: 111111; margin: 0 auto; background: url("../images/bg-form.png") repeat-x; overflow: hidden; opacity: 1.0; width: 620px; height: 320px; display: none; }
h3.header-left { font: bold 26px "Cuprum"; background: url("../images/bg-header.png") no-repeat scroll 0 3px transparent; color: #1f1d1d; height: 43px; margin-top: 0; padding-left: 21px; padding-top: 0; }
#login-layer-box h5 { font: 15px "Cuprum"; color: #1f1d1d; margin-top: 0; margin-top: -28px; padding-left: 21px; }
#form-order-left { width: 50%; float: left; }
#form-order-right { width: 50%; float: left; }
.form-order-row { margin-left: 10px; margin-bottom: 5px; width: 300px; height: 62px; float: left; }
.form-order-row label { font-size: 15px; }
.form-order-row-right { margin-left: 10px; margin-bottom: 5px; width: 300px; float: left; }
.text-input, .select { border: 1px solid #d4d4d4; width: 90%; height: 20px; font: 13px "Cuprum"; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.error { font: 11px "Cuprum"; color: red; display: none; float: left; }
#wiadomosc { height: 100px; width: 289px; }
.form-order-btn { width: 300px; float: left; margin-top: 30px; text-align: right; }
#reset_btn { background: none; border: 0; font: 14px "Cuprum"; color: #817f7f; cursor: pointer; }
#submit_btn { background: #da106b; border: 0; width: 100px; height: 35px; font: 14px "Cuprum"; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#submit_btn:hover { box-shadow: 0px 0px 8px #da106b; }
#message { font: 14px "Cuprum"; margin-left: 18px; }
#message h2 { font: 18px "Cuprum"; }
#linki { position: absolute; top: -10000px; }
#kontener_portfolio { float: left; min-height: 100px; width: 980px; margin-top: 30px; }
.portfolio_panel { background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 1px #c3afb9; color: #fff; float: left; font: 13px 'Cuprum', sans-serif; height: 318px; margin-bottom: 10px; margin-right: 7px; margin-left: 7px; margin-top: 15px; overflow: hidden; padding: 10px; text-align: center; width: 456px; -webkit-transition: box-shadow 0.2s ease-out; -moz-transition: box-shadow 0.2s ease-out; -o-transition: box-shadow 0.2s ease-out; transition: box-shadow 0.2s ease-out; -webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; -o-transition: background 0.5s ease-out; transition: background 0.5s ease-out; }
.portfolio-details { background: url("../images/bg-portfolio-details.png"); float: left; height: 277px; position: absolute; width: 415px; margin-top: -311px; padding: 20px; color: #fff; text-align: center; font: 15px "Cuprum"; display: none; }
.portfolio-description { font: 18px "Cuprum"; line-height: 21px; padding-bottom: 15px; margin-bottom: 15px; height: 63px; }
.technologie { font: 16px "Cuprum"; line-height: 21px; padding-bottom: 15px; margin-bottom: 45px; margin-top: 25px; border-bottom: 1px dashed #858585; display: none; }
.portfolio-img { border: 0 solid #505050; border-radius: 5px 5px 5px 5px; height: auto; margin-top: 0; padding-bottom: 10px; width: auto; }
.btn-zobacz-online { float: left; margin-top: 120px; }
.btn-zamow-podobna { float: right; margin-top: 120px; }
.portfolio { float: left; width: 980px; min-height: 1200px; margin-bottom: 120px; }
.floatRight { float: right; }
.floatLeft { float: left; }
/************* OFERTA ****************/
#column-left { width: 340px; float: left; margin-top: 50px; }
#column-right { width: 640px; float: left; min-height: 550px; margin-top: 50px; margin-bottom: 80px; }
.header { font: bold 29px 'Cuprum', sans-serif; text-transform: uppercase; background: url("../images/bg-header.png") no-repeat scroll 0 0px transparent; color: #d72678; margin-top: 0; padding-left: 21px; height: 35px; padding-top: 4px; margin-bottom: 20px; }
.list-left-menu { list-style: url("../images/arrow.jpg"); margin: 0; padding-left: 40px; font: 18px 'Cuprum', sans-serif; color: #2c2929; line-height: 30px; }
#most-popular { float: right; margin-left: 10px; margin-top: 6px; position: absolute; }
#content .list-left-menu a { color: #2c2929; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#content .list-left-menu a:hover { color: #cf2569; }
#content .list-left-menu a.active { color: #cf2569; font-weight: bold; }
.list-left-menu li { border-bottom: 1px dashed #c2c2c2; padding-bottom: 4px; width: 200px; }
.left-menu-infolinia { font: 15px 'Cuprum', sans-serif; line-height: 25px; margin-left: 40px; margin-top: 40px; }
.left-menu-text { margin-left: 23px; margin-top: 20px; font: 15px 'Cuprum', sans-serif; line-height: 25px; }
.left-menu-infolinia { color: #272424; }
.header-right { font: bold 26px 'Cuprum', sans-serif; background: url("../images/bg-header.png") no-repeat scroll 0 3px transparent; color: #1f1d1d; height: 43px; margin-top: 0; padding-left: 21px; padding-top: 0; }
.header-right2 { font: bold 26px 'Cuprum', sans-serif; background: url("../images/bg-header.png") no-repeat scroll 0 3px transparent; color: #1f1d1d; height: 37px; margin-top: 0; padding-left: 21px; padding-top: 6px; margin-bottom: 5px; }
#column-right h5 { font: 13px 'Cuprum', sans-serif; color: #1f1d1d; margin-top: 0; margin-top: -40px; padding-left: 21px; margin-bottom: 5px; }
.list-text { font: 16px 'Cuprum', sans-serif; line-height: 25px; color: #514e4e; list-style: url("../images/arrow2.jpg"); }
.list-text2 { font: 13px 'Cuprum', sans-serif; line-height: 25px; color: #514e4e; list-style: url("../images/arrow2.jpg"); padding-left: 20px; }
.text-small { width: 400px; }
#column-right p { font: 16px 'Cuprum', sans-serif; line-height: 25px; color: #514e4e; margin-bottom: 10px; overflow: hidden; }
b.price { color: #d6056e; font: 26px 'Cuprum', sans-serif; }
.go-top { float: right; color: #c91969; text-decoration: none; }
.go-top a, #column-right a { color: #c91969; text-decoration: none; }
img.product-image { display: none; }
/***** FORMULARZ KONTAKTOWY ***************/
fieldset { border: 0; float: left; }
.formRow3 { margin-top: 15px; width: 280px; }
.formRow4 { margin-top: 30px; width: 622px; }
.formRow4 textarea#wiadomosc { width: 622px; height: 156px; }
#column-right > ol { font: 16px/29px "Cuprum"; }
/*----------------------------------------------------------------------*/

/*- iPad MEDIA QUERY  layouts smaller than 1024, larger than 960px and mobiles
----------------------------------------------------------------------*/
@media screen and (min-width: 1640px) {
@font-face {
    font-family: 'CuprumBold';
    src: url('../font/cuprum-bold-webfont.eot');
    src: url('../font/cuprum-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/cuprum-bold-webfont.woff') format('woff'),
         url('../font/cuprum-bold-webfont.ttf') format('truetype'),
         url('../font/cuprum-bold-webfont.svg#CuprumBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cuprum';
    src: url('../font/cuprum-regular-webfont.eot');
    src: url('../font/cuprum-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/cuprum-regular-webfont.woff') format('woff'),
         url('../font/cuprum-regular-webfont.ttf') format('truetype'),
         url('../font/cuprum-regular-webfont.svg#CuprumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@import url(http://fonts.googleapis.com/css?family=Cuprum&subset=latin,latin-ext);
body { width: 100%; margin: 0; padding: 0; font: 14px 'Cuprum'; }
#loader { width: 100%; height: 100%; text-align: center; top: 45%; position: absolute; }
#kontener { display: none; width: 100%; height: 100%; position: absolute; background: url(../images/bg-top.jpg) center top no-repeat; }
img { border: 0; }
#wrapper-top { width: 100%; float: left; background: url("../images/bg-top-banner.jpg") repeat-x; margin-top: 42px; height: 74px; position: relative; z-index: 1000; }
#wrapper-top-inner { width: 1400px; margin: 0 auto; }
.cookie-alert { background: none repeat scroll 0 0 #332f2e; color: #E2E2E2; font: 14px "Cuprum"; height: 29px; margin: 0 auto; padding: 20px 40px; text-align: center; width: 900px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 15px; }
.cookie-alert a { color: #D72073; }
.cookie-alert .close a { color: #fff; text-decoration: none; font: 13px "Cuprum"; }
.cookie-alert .close { background: none repeat scroll 0 0 #D72073; color: #FFFFFF; font: bold 13px "cuprum"; height: 17px; margin-left: 870px; margin-right: 0; margin-top: -63px; padding-top: 1px; position: absolute; text-align: center; width: 76px; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#logo { float: left; margin-top: -22px; }
#main-menu { float: right; margin-top: 11px; }
#main-menu ul { margin: 0; padding: 0; float: right; }
#main-menu ul li { list-style: none; display: inline; margin-left: 70px; }
#main-menu ul li a { font: 30px "Cuprum"; color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#main-menu ul li a.active { color: #d30e72; font-weight: bold; }
#main-menu ul li a:hover { color: #d30e72; }
#wrapper { width: 100%; float: left; }
#content { margin: 0 auto; width: 1400px; }
/* SLIDER */
.slider-wrapper { float: left; width: 1400px; margin-bottom: 0px; margin-top: -30px; position: relative; z-index: 10; }
#slider { position: relative; z-index: 100; float: left; width: 980px; /* change this to your images width */ height: 326px; /* change this to your images height */ background: url(images/loading.gif) no-repeat 50% 50%; margin-left: 210px; }
#slider img { position: absolute; top: 0px; left: 0px; display: none; }
#slider a { border: 0; display: block; }
div.slider_plansza a { display: block; float: left; height: 50px; margin-left: 740px; margin-top: 240px; width: 180px; }
.nivoSlider { position: relative; background: url(images/loading.gif) no-repeat 50% 50%; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }
.nivoSlider a { border: 0; display: block; }
.nivo-controlNav { text-align: left; padding: 20px 0; float: left; position: relative; z-index: 1000; margin-left: 66px; margin-top: -127px; }
.nivo-controlNav a { display: inline-block; width: 17px; height: 16px; background: url("../images/bullets.png") no-repeat; text-indent: -9999px; border: 0; margin: 0 0px; }
.nivo-controlNav a.active { background-position: 0 -22px; }
#slider img { border: 0; }
#facebook { float: left; width: 100%; margin-top: 0px; margin-left: 9px; }
#box { width: 1400px; float: left; background: url("../images/bg-bottom.jpg") repeat scroll -386px -172px transparent; height: 591px; margin-top: 0px; padding-bottom: 0px; }
#box-1, #box-2, #box-3, #box-4 { }
#box-co-oferujemy { display: none; }
.box-mp { float: left; background: url("../images/bg-box2.png"); margin-top: 50px; height: 274px; padding: 26px; width: 278px; margin-left: 10px; margin-right: 10px; }
#box-2 { background: url("../images/bg-box2-fav.png"); }
.header-box-mp { font: bold 28px "Cuprum"; margin: 0; padding: 0; color: #d72073; height: 36px; padding-left: 44px; padding-top: 1px; text-shadow: 2px 2px 0px #fff; }
.header-box-mp a { font: bold 28px "Cuprum"; color: #3e3e3e; text-decoration: none; text-shadow: 2px 2px 0px #fff; }
h3.box-1 { background: url("../images/box-1.png") no-repeat; }
h3.box-2 { background: url("../images/box-2.png") no-repeat; }
h3.box-3 { background: url("../images/box-3.png") no-repeat; }
h3.box-4 { background: url("../images/box-4.png") no-repeat; }
#fav-pakiet { display: none; }
.list-box-mp { list-style: url("../images/tick.png"); font: 17px "Cuprum"; padding-left: 25px; margin-top: 15px; height: 181px; width: 239px; margin-left: 0; margin-right: 0; }
.list-box-mp li { border-bottom: 1px dashed #d6d6d6; margin-bottom: 9px; padding-bottom: 9px; }
.box-mp-price { text-align: center; font: bold 24px "Cuprum"; color: #eead43; text-shadow: 0px 0px 15px #ffcf80; margin-bottom: 15px; }
.link-box-mp-detail { display: block; float: left; font: bold 16px "Cuprum"; color: #494949; text-decoration: none; text-align: center; width: 50%; margin-left: 8px; margin-top: 6px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.link-box-mp-detail:hover { color: #3a8e2e; }
.link-box-mp-order { display: block; background: url("../images/btn-box-hover.png"); float: right; font: bold 16px "Cuprum"; color: #fff; text-shadow: 1px 1px 0px #3a8e2e; text-decoration: none; height: 23px; padding-left: 13px; padding-top: 5px; width: 74px; margin-right: 8px; }
.link-box-mp-order:hover { background: url("../images/btn-box.png"); text-shadow: 1px 1px 0px #af8400; }
#contact-panel-mp { color: #D72073; float: left; margin-left: 27px; margin-top: -166px; width: 1400px; }
#contact-panel-mp a { color: #d72073; text-decoration: underline; }
#contact-panel-left { float: left; width: 50%; text-align: center; font: 29px "Cuprum"; }
#contact-panel-right { float: left; width: 50%; text-align: center; font: 29px "Cuprum"; }
#footer { float: left; width: 100%; height: 74px; background: url("../images/bg-footer.jpg") repeat-x; font: 15px "Cuprum"; color: #fff; }
#footer a { text-decoration: none; color: #fff; }
#footer a.active { color: #d72073; }
#footer-inner { width: 1400px; margin: 0 auto; }
#footer-left { float: left; width: 50%; margin-top: 18px; }
#footer-right { float: right; text-align: right; width: 50%; margin-right: -25px; margin-top: 30px; }
#footer-left p { margin: 0; float: left; margin-left: 20px; margin-top: 14px; }
.dst { display: block; float: left; }
/***** LOGOWANIE DO KAMER **************/
#login-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11111; overflow: hidden; display: none; }
#login-overlay { position: fixed; top: 0; left: 0; background: #000; width: 100%; height: 100%; z-index: 11111; -moz-opacity: 0.70; opacity: 0.70; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
#login-layer-box { position: relative; top: 20%; padding: 40px; z-index: 111111; margin: 0 auto; background: url("../images/bg-form.png") repeat-x; overflow: hidden; opacity: 1.0; width: 620px; height: 320px; display: none; }
h3.header-left { font: bold 26px "Cuprum"; background: url("../images/bg-header.png") no-repeat scroll 0 3px transparent; color: #1f1d1d; height: 43px; margin-top: 0; padding-left: 21px; padding-top: 0; }
#login-layer-box h5 { font: 15px "Cuprum"; color: #1f1d1d; margin-top: 0; margin-top: -28px; padding-left: 21px; }
#form-order-left { width: 50%; float: left; }
#form-order-right { width: 50%; float: left; }
.form-order-row { margin-left: 10px; margin-bottom: 5px; width: 300px; height: 62px; float: left; }
.form-order-row label { font-size: 15px; }
.form-order-row-right { margin-left: 10px; margin-bottom: 5px; width: 300px; float: left; }
.text-input, .select { border: 1px solid #d4d4d4; width: 90%; height: 20px; font: 13px "Cuprum"; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.error { font: 11px "Cuprum"; color: red; display: none; float: left; }
#wiadomosc { height: 100px; width: 289px; }
.form-order-btn { width: 300px; float: left; margin-top: 30px; text-align: right; }
#reset_btn { background: none; border: 0; font: 14px "Cuprum"; color: #817f7f; cursor: pointer; }
#submit_btn { background: #da106b; border: 0; width: 100px; height: 35px; font: 14px "Cuprum"; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#submit_btn:hover { box-shadow: 0px 0px 8px #da106b; }
#message { font: 14px "Cuprum"; margin-left: 18px; }
#message h2 { font: 18px "Cuprum"; }
#linki { position: absolute; top: -10000px; }
#kontener_portfolio { float: left; min-height: 100px; width: 1400px; margin-top: 30px; }
.portfolio_panel { background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 1px #c3afb9; color: #788082; float: left; font: 13px 'Cuprum', sans-serif; height: 298px; margin-bottom: 10px; margin-right: 7px; margin-left: 7px; margin-top: 15px; overflow: hidden; padding: 10px; text-align: center; width: 432px; -webkit-transition: box-shadow 0.2s ease-out; -moz-transition: box-shadow 0.2s ease-out; -o-transition: box-shadow 0.2s ease-out; transition: box-shadow 0.2s ease-out; -webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; -o-transition: background 0.5s ease-out; transition: background 0.5s ease-out; }
.portfolio-details { background: url("../images/bg-portfolio-details.png") repeat scroll 0 0 transparent; color: #fff; display: none; float: left; font: 15px "Cuprum"; height: 256px; margin-top: -308px; padding: 20px; position: absolute; text-align: center; width: 392px; }
.portfolio-description { font: 18px "Cuprum"; line-height: 21px; padding-bottom: 15px; margin-bottom: 15px; height: 63px; }
.technologie { font: 16px "Cuprum"; line-height: 21px; padding-bottom: 15px; margin-bottom: 45px; margin-top: 25px; border-bottom: 1px dashed #858585; display: none; }
.portfolio-img { border: 0 solid #505050; border-radius: 5px 5px 5px 5px; height: auto; margin-top: 0; padding-bottom: 10px; width: 432px; }
.btn-zobacz-online { float: left; margin-top: 80px; }
.btn-zamow-podobna { float: right; margin-top: 80px;}
.portfolio { float: left; width: 1400px; min-height: 1200px; margin-bottom: 120px; }
.floatRight { float: right; }
.floatLeft { float: left; }
/************* OFERTA ****************/
#column-left { width: 409px; float: left; margin-top: 70px; }
#column-right { width: 990px; float: left; min-height: 550px; margin-top: 70px; margin-bottom: 80px; }
.header { font: bold 35px 'Cuprum', sans-serif; text-transform: uppercase; background: url("../images/bg-header.png") no-repeat scroll 0 0px transparent; color: #d72678; margin-top: 0; padding-left: 21px; height: 35px; padding-top: 0px; margin-bottom: 20px; }
.list-left-menu { list-style: url("../images/arrow.jpg"); margin: 0; padding-left: 40px; font: 24px 'Cuprum', sans-serif; color: #2c2929; line-height: 30px; margin-top: 30px; }
#content .list-left-menu a { color: #2c2929; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#content .list-left-menu a:hover { color: #cf2569; }
#content .list-left-menu a.active { color: #cf2569; font-weight: bold; }
.list-left-menu li { border-bottom: 1px dashed #C2C2C2; padding-bottom: 15px; margin-bottom: 15px; width: 301px; }
.left-menu-infolinia { font: 19px 'Cuprum', sans-serif; line-height: 25px; margin-left: 40px; margin-top: 40px; }
.left-menu-text { margin-left: 23px; margin-top: 20px; font: 19px 'Cuprum', sans-serif; line-height: 25px; }
.left-menu-infolinia { color: #272424; }
.header-right { font: bold 26px 'Cuprum', sans-serif; background: url("../images/bg-header.png") no-repeat scroll 0 3px transparent; color: #1f1d1d; height: 43px; margin-top: 0; padding-left: 21px; padding-top: 0; }
.header-right2 { font: bold 35px 'Cuprum', sans-serif; background: url("../images/bg-header.png") no-repeat scroll 0 3px transparent; color: #1f1d1d; height: 37px; margin-top: 0; padding-left: 21px; padding-top: 6px; margin-bottom: 5px; }
#column-right h5 { font: 16px 'Cuprum', sans-serif; color: #1f1d1d; margin-top: 0; margin-top: -40px; padding-left: 21px; margin-bottom: 5px; }
.list-text { font: 19px 'Cuprum', sans-serif; line-height: 35px; color: #514e4e; list-style: url("../images/arrow2.jpg"); }
.list-text2 { font: 19px 'Cuprum', sans-serif; line-height: 28px; color: #514e4e; list-style: url("../images/arrow2.jpg"); padding-left: 20px; }
.text-small { width: 400px; }
#column-right p { font: 19px 'Cuprum', sans-serif; line-height: 28px; color: #514e4e; margin-bottom: 10px; overflow: hidden; }
b.price { color: #d6056e; font: 26px 'Cuprum', sans-serif; }
.go-top { float: right; color: #c91969; text-decoration: none; }
.go-top a, #column-right a { color: #c91969; text-decoration: none; }
img.product-image { display: none; }
/***** FORMULARZ KONTAKTOWY ***************/
fieldset { border: 0; float: left; }
.formRow3 { margin-top: 15px; width: 690px; }
.formRow4 { margin-top: 30px; width: 980px; }
.formRow4 textarea#wiadomosc { width: 820px; height: 250px; }
#column-right > ol { font: 16px/29px "Cuprum"; }
}
/*----------------------------------------------------------------------*/

/*- iPad MEDIA QUERY  layouts smaller than 1024, larger than 960px and mobiles
----------------------------------------------------------------------*/
@media screen and (max-width: 1080px) {
@font-face {
    font-family: 'CuprumBold';
    src: url('../font/cuprum-bold-webfont.eot');
    src: url('../font/cuprum-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/cuprum-bold-webfont.woff') format('woff'),
         url('../font/cuprum-bold-webfont.ttf') format('truetype'),
         url('../font/cuprum-bold-webfont.svg#CuprumBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cuprum';
    src: url('../font/cuprum-regular-webfont.eot');
    src: url('../font/cuprum-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/cuprum-regular-webfont.woff') format('woff'),
         url('../font/cuprum-regular-webfont.ttf') format('truetype'),
         url('../font/cuprum-regular-webfont.svg#CuprumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@import url(http://fonts.googleapis.com/css?family=Cuprum&subset=latin,latin-ext);
body { width: 100%; margin: 0; padding: 0; font: 14px 'Cuprum'; }
#loader { width: 100%; height: 100%; text-align: center; top: 45%; position: absolute; }
#kontener { display: none; width: 100%; height: 100%; position: absolute; background: url(../images/bg-top.jpg) center top no-repeat; }
img { border: 0; }
#wrapper-top { width: 100%; float: left; background: url("../images/bg-top-banner.jpg") repeat-x; margin-top: 42px; height: 74px; position: relative; z-index: 1000; }
#wrapper-top-inner { width: 900px; margin: 0 auto; }
.cookie-alert { background: none repeat scroll 0 0 #332f2e; color: #E2E2E2; font: 14px "Cuprum"; height: 29px; margin: 0 auto; padding: 20px 40px; text-align: center; width: 812px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 15px; }
.cookie-alert a { color: #D72073; }
.cookie-alert .close a { color: #fff; text-decoration: none; font: 13px "Cuprum"; }
.cookie-alert .close { background: none repeat scroll 0 0 #D72073; color: #FFFFFF; font: bold 13px "cuprum"; height: 17px; margin-left: 786px; margin-right: 0; margin-top: -63px; padding-top: 1px; position: absolute; text-align: center; width: 76px; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#logo { float: left; margin-top: -22px; }
#main-menu { float: right; margin-top: 18px; }
#main-menu ul { margin: 0; padding: 0; float: right; }
#main-menu ul li { list-style: none; display: inline; margin-left: 25px; }
#main-menu ul li a { font: 22px "Cuprum"; color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#main-menu ul li a.active { color: #d30e72; font-weight: bold; }
#main-menu ul li a:hover { color: #d30e72; }
#wrapper { width: 100%; float: left; }
#content { margin: 0 auto; width: 900px; }
/* SLIDER */
.slider-wrapper { float: left; width: 900px; margin-bottom: 0px; margin-top: -30px; position: relative; z-index: 10; }
#slider { position: relative; z-index: 100; float: left; width: 900px; /* change this to your images width */ height: 326px; /* change this to your images height */ background: url(images/loading.gif) no-repeat 50% 50%; }
#slider img { position: absolute; top: 0px; left: 0px; display: none; }
#slider a { border: 0; display: block; }
div.slider_plansza a { display: block; float: left; height: 50px; margin-left: 740px; margin-top: 240px; width: 180px; }
.nivoSlider { position: relative; background: url(images/loading.gif) no-repeat 50% 50%; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }
.nivoSlider a { border: 0; display: block; }
.nivo-controlNav { text-align: left; padding: 20px 0; float: left; position: relative; z-index: 1000; margin-left: 66px; margin-top: -127px; }
.nivo-controlNav a { display: inline-block; width: 17px; height: 16px; background: url("../images/bullets.png") no-repeat; text-indent: -9999px; border: 0; margin: 0 0px; }
.nivo-controlNav a.active { background-position: 0 -22px; }
#slider img { border: 0; }
#facebook { float: right; margin-bottom: -36px; margin-right: -25px; margin-top: 0px; margin-left: 0; width: 920px; }
#box { width: 900px; float: left; background: url("../images/bg-bottom.jpg") repeat scroll bottom center transparent; height: auto; margin-top: 0px; padding-bottom: 0px; }
#box-1, #box-2, #box-3, #box-4 { }
.box-mp { width: 213px; margin: 19px; height: 229px; float: left; background: url("../images/bg-box.png"); margin-top: 50px; padding: 20px; }
.header-box-mp { font: bold 28px "Cuprum"; margin: 0; padding: 0; color: #d72073; height: 36px; padding-left: 44px; padding-top: 1px; text-shadow: 2px 2px 0px #fff; }
.header-box-mp a { font: bold 28px "Cuprum"; color: #3e3e3e; text-decoration: none; text-shadow: 2px 2px 0px #fff; }
h3.box-1 { background: url("../images/box-1.png") no-repeat; }
h3.box-2 { background: url("../images/box-2.png") no-repeat; }
h3.box-3 { background: url("../images/box-3.png") no-repeat; }
h3.box-4 { background: url("../images/box-4.png") no-repeat; }
.list-box-mp { list-style: url("../images/tick.png"); font: 14px "Cuprum"; padding-left: 25px; margin-top: 15px; height: 140px; width: 172px; margin-left: 0; margin-right: 0; }
.list-box-mp li { border-bottom: 1px dashed #d6d6d6; margin-bottom: 5px; padding-bottom: 5px; }
.box-mp-price { text-align: center; font: bold 24px "Cuprum"; color: #eead43; text-shadow: 0px 0px 15px #ffcf80; margin-bottom: 15px; }
.link-box-mp-detail { display: block; float: left; font: bold 16px "Cuprum"; color: #494949; text-decoration: none; text-align: center; width: 50%; margin-left: 8px; margin-top: 6px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.link-box-mp-detail:hover { color: #3a8e2e; }
.link-box-mp-order { display: block; background: url("../images/btn-box-hover.png"); float: right; font: bold 16px "Cuprum"; color: #fff; text-shadow: 1px 1px 0px #3a8e2e; text-decoration: none; height: 23px; padding-left: 13px; padding-top: 5px; width: 74px; margin-right: 8px; }
.link-box-mp-order:hover { background: url("../images/btn-box.png"); text-shadow: 1px 1px 0px #af8400; }
#contact-panel-mp { color: #D72073; float: right; margin-left: 27px; margin-top: -217px; width: 600px; }
#contact-panel-mp a { color: #d72073; text-decoration: underline; }
#contact-panel-left { float: left; width: 50%; text-align: center; font: 20px "Cuprum"; }
#contact-panel-right { float: left; width: 50%; text-align: center; font: 20px "Cuprum"; }
#footer { float: left; width: 100%; height: 74px; background: url("../images/bg-footer.jpg") repeat-x; font: 13px "Cuprum"; color: #fff; }
#footer a { text-decoration: none; color: #fff; }
#footer a.active { color: #d72073; }
#footer-inner { width: 900px; margin: 0 auto; }
#footer-left { float: left; width: 50%; margin-top: 18px; }
#footer-right { float: right; text-align: right; width: 50%; margin-right: 0px; margin-top: 30px; }
#footer-left p { margin: 0; float: left; margin-left: 20px; margin-top: 14px; }
.dst { display: block; float: left; }
/***** LOGOWANIE DO KAMER **************/
#login-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11111; overflow: hidden; display: none; }
#login-overlay { position: fixed; top: 0; left: 0; background: #000; width: 100%; height: 100%; z-index: 11111; -moz-opacity: 0.70; opacity: 0.70; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
#login-layer-box { position: relative; top: 20%; padding: 40px; z-index: 111111; margin: 0 auto; background: url("../images/bg-form.png") repeat-x; overflow: hidden; opacity: 1.0; width: 620px; height: 320px; display: none; }
h3.header-left { font: bold 26px "Cuprum"; background: url("../images/bg-header.png") no-repeat scroll 0 3px transparent; color: #1f1d1d; height: 43px; margin-top: 0; padding-left: 21px; padding-top: 0; }
#login-layer-box h5 { font: 15px "Cuprum"; color: #1f1d1d; margin-top: 0; margin-top: -28px; padding-left: 21px; }
#form-order-left { width: 50%; float: left; }
#form-order-right { width: 50%; float: left; }
.form-order-row { margin-left: 10px; margin-bottom: 5px; width: 300px; height: 62px; float: left; }
.form-order-row label { font-size: 15px; }
.form-order-row-right { margin-left: 10px; margin-bottom: 5px; width: 300px; float: left; }
.text-input, .select { border: 1px solid #d4d4d4; width: 90%; height: 20px; font: 13px "Cuprum"; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.error { font: 11px "Cuprum"; color: red; display: none; float: left; }
#wiadomosc { height: 100px; width: 289px; }
.form-order-btn { width: 300px; float: left; margin-top: 30px; text-align: right; }
#reset_btn { background: none; border: 0; font: 14px "Cuprum"; color: #817f7f; cursor: pointer; }
#submit_btn { background: #da106b; border: 0; width: 100px; height: 35px; font: 14px "Cuprum"; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#submit_btn:hover { box-shadow: 0px 0px 8px #da106b; }
#message { font: 14px "Cuprum"; margin-left: 18px; }
#message h2 { font: 18px "Cuprum"; }
#linki { position: absolute; top: -10000px; }
#kontener_portfolio { float: left; min-height: 100px; width: 980px; margin-top: 30px; }
.portfolio_panel { background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 1px #c3afb9; color: #788082; float: left; font: 13px 'Cuprum', sans-serif; height: 289px; margin-bottom: 10px; margin-right: 7px; margin-left: 7px; margin-top: 15px; overflow: hidden; padding: 10px; text-align: center; width: 422px; -webkit-transition: box-shadow 0.2s ease-out; -moz-transition: box-shadow 0.2s ease-out; -o-transition: box-shadow 0.2s ease-out; transition: box-shadow 0.2s ease-out; -webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; -o-transition: background 0.5s ease-out; transition: background 0.5s ease-out; }
.portfolio-details { background: url("../images/bg-portfolio-details.png") repeat scroll 0 0 transparent; color: #FFFFFF; display: none; float: left; font: 15px "Cuprum"; height: 250px; margin-top: -301px; padding: 20px; position: absolute; text-align: center; width: 383px; }
.portfolio-description { font: 18px "Cuprum"; line-height: 21px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #858585; height: 63px; }
.technologie { font: 16px "Cuprum"; line-height: 21px; padding-bottom: 15px; margin-bottom: 45px; margin-top: 25px; border-bottom: 1px dashed #858585; display: none; }
.portfolio-img { border: 0 solid #505050; border-radius: 5px 5px 5px 5px; height: auto; margin-top: 0; padding-bottom: 10px; width: 420px; }
.btn-zobacz-online { float: left; margin-top: 90px; }
.btn-zamow-podobna { float: right; margin-top: 90px; }
.portfolio { float: left; width: 912px; min-height: 1200px; margin-bottom: 120px; }
.floatRight { float: right; }
.floatLeft { float: left; }
/************* OFERTA ****************/
#column-left { width: 258px; float: left; margin-top: 50px; }
#column-right { width: 640px; float: left; min-height: 550px; margin-top: 50px; margin-bottom: 80px; }
.header { font: bold 29px 'Cuprum', sans-serif; text-transform: uppercase; background: url("../images/bg-header.png") no-repeat scroll 0 0px transparent; color: #d72678; margin-top: 0; padding-left: 21px; height: 35px; padding-top: 4px; margin-bottom: 20px; }
.list-left-menu { list-style: url("../images/arrow.jpg"); margin: 0; padding-left: 40px; font: 18px 'Cuprum', sans-serif; color: #2c2929; line-height: 30px; }
#content .list-left-menu a { color: #2c2929; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#content .list-left-menu a:hover { color: #cf2569; }
#content .list-left-menu a.active { color: #cf2569; font-weight: bold; }
.list-left-menu li { border-bottom: 1px dashed #c2c2c2; padding-bottom: 4px; width: 200px; }
.left-menu-infolinia { font: 15px 'Cuprum', sans-serif; line-height: 25px; margin-left: 40px; margin-top: 40px; }
.left-menu-text { margin-left: 23px; margin-top: 20px; font: 15px 'Cuprum', sans-serif; line-height: 25px; }
.left-menu-infolinia { color: #272424; }
.header-right { font: bold 26px 'Cuprum', sans-serif; background: url("../images/bg-header.png") no-repeat scroll 0 3px transparent; color: #1f1d1d; height: 43px; margin-top: 0; padding-left: 21px; padding-top: 0; }
.header-right2 { font: bold 26px 'Cuprum', sans-serif; background: url("../images/bg-header.png") no-repeat scroll 0 3px transparent; color: #1f1d1d; height: 37px; margin-top: 0; padding-left: 21px; padding-top: 6px; margin-bottom: 5px; }
#column-right h5 { font: 13px 'Cuprum', sans-serif; color: #1f1d1d; margin-top: 0; margin-top: -40px; padding-left: 21px; margin-bottom: 5px; }
.list-text { font: 16px 'Cuprum', sans-serif; line-height: 25px; color: #514e4e; list-style: url("../images/arrow2.jpg"); }
.list-text2 { font: 13px 'Cuprum', sans-serif; line-height: 25px; color: #514e4e; list-style: url("../images/arrow2.jpg"); padding-left: 20px; }
.text-small { width: 400px; }
#column-right p { font: 16px 'Cuprum', sans-serif; line-height: 25px; color: #514e4e; margin-bottom: 10px; overflow: hidden; }
b.price { color: #d6056e; font: 26px 'Cuprum', sans-serif; }
.go-top { float: right; color: #c91969; text-decoration: none; }
.go-top a, #column-right a { color: #c91969; text-decoration: none; }
img.product-image { display: none; }
/***** FORMULARZ KONTAKTOWY ***************/
fieldset { border: 0; float: left; }
.formRow3 { margin-top: 15px; width: 280px; }
.formRow4 { margin-top: 30px; width: 622px; }
.formRow4 textarea#wiadomosc { width: 622px; height: 156px; }
#column-right > ol { font: 16px/29px "Cuprum"; }
}
/*----------------------------------------------------------------------*/

/*- iPad MEDIA QUERY  layouts smaller than 1024, larger than 960px and mobiles
----------------------------------------------------------------------*/
@media screen and (max-width: 930px) {
@font-face {
    font-family: 'CuprumBold';
    src: url('../font/cuprum-bold-webfont.eot');
    src: url('../font/cuprum-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/cuprum-bold-webfont.woff') format('woff'),
         url('../font/cuprum-bold-webfont.ttf') format('truetype'),
         url('../font/cuprum-bold-webfont.svg#CuprumBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cuprum';
    src: url('../font/cuprum-regular-webfont.eot');
    src: url('../font/cuprum-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/cuprum-regular-webfont.woff') format('woff'),
         url('../font/cuprum-regular-webfont.ttf') format('truetype'),
         url('../font/cuprum-regular-webfont.svg#CuprumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@import url(http://fonts.googleapis.com/css?family=Cuprum&subset=latin,latin-ext);
body { width: 100%; margin: 0; padding: 0; font: 14px 'Cuprum'; }
#loader { width: 100%; height: 100%; text-align: center; top: 45%; position: absolute; }
#kontener { display: none; width: 100%; height: 100%; position: absolute; background: url(../images/bg-top.jpg) center top no-repeat; }
img { border: 0; }
#wrapper-top { width: 100%; float: left; background: url("../images/bg-top-banner.jpg") repeat-x; margin-top: 42px; height: 74px; position: relative; z-index: 1000; }
#wrapper-top-inner { width: 738px; margin: 0 auto; }
.cookie-alert { background: none repeat scroll 0 0 #332f2e; color: #E2E2E2; font: 14px "Cuprum"; height: auto; margin: 0 auto; padding: 20px 40px; text-align: center; width: 660px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 15px; }
.cookie-alert a { color: #D72073; }
.cookie-alert .close a { color: #fff; text-decoration: none; font: 13px "Cuprum"; }
.cookie-alert .close { background: none repeat scroll 0 0 #D72073; color: #FFFFFF; font: bold 13px "cuprum"; height: 17px; margin-left: 638px; margin-top: -73px; padding-top: 1px; position: absolute; text-align: center; width: 76px; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#logo { float: left; margin-top: -10px; }
#logo img { border: 0; width: 235px; }
#main-menu { float: right; margin-top: 18px; width: 428px; }
#main-menu ul { margin: 0; padding: 0; float: right; }
#main-menu ul li { list-style: none; display: inline; margin-left: 14px; }
#main-menu ul li a { font: 18px "Cuprum"; color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#main-menu ul li a.active { color: #d30e72; font-weight: bold; }
#main-menu ul li a:hover { color: #d30e72; }
#wrapper { width: 100%; float: left; }
#content { margin: 0 auto; width: 738px; }
/* SLIDER */
.slider-wrapper { float: left; width: 738px; margin-bottom: 0px; margin-top: -30px; position: relative; z-index: 10; }
#slider { position: relative; z-index: 100; float: left; width: 738px; /* change this to your images width */ height: 326px; /* change this to your images height */ background: url(images/loading.gif) no-repeat 50% 50%; }
#slider img { position: absolute; top: 0px; left: 0px; display: none; }
#slider a { border: 0; display: block; }
div.slider_plansza a { display: block; float: left; height: 50px; margin-left: 740px; margin-top: 240px; width: 180px; }
.nivoSlider { position: relative; background: url(images/loading.gif) no-repeat 50% 50%; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }
.nivoSlider a { border: 0; display: block; }
.nivo-controlNav { text-align: left; padding: 20px 0; float: left; position: relative; z-index: 1000; margin-left: 66px; margin-top: -127px; }
.nivo-controlNav a { display: inline-block; width: 17px; height: 16px; background: url("../images/bullets.png") no-repeat; text-indent: -9999px; border: 0; margin: 0 0px; }
.nivo-controlNav a.active { background-position: 0 -22px; }
#slider img { border: 0; }
#facebook { float: right; margin-bottom: -36px; margin-right: -25px; margin-top: 0px; margin-left: 0; width: 762px; }
#box { width: 738px; float: left; background: url("../images/bg-bottom.jpg") repeat scroll bottom center transparent; height: auto; margin-top: 0px; padding-bottom: 65px; }
#box-1, #box-2, #box-3, #box-4 { }
.box-mp { width: 213px; margin: 50px 20px 0 68px; height: 229px; float: left; background: url("../images/bg-box.png"); margin-top: 50px; padding: 20px; }
.header-box-mp { font: bold 28px "Cuprum"; margin: 0; padding: 0; color: #d72073; height: 36px; padding-left: 44px; padding-top: 1px; text-shadow: 2px 2px 0px #fff; }
.header-box-mp a { font: bold 28px "Cuprum"; color: #3e3e3e; text-decoration: none; text-shadow: 2px 2px 0px #fff; }
h3.box-1 { background: url("../images/box-1.png") no-repeat; }
h3.box-2 { background: url("../images/box-2.png") no-repeat; }
h3.box-3 { background: url("../images/box-3.png") no-repeat; }
h3.box-4 { background: url("../images/box-4.png") no-repeat; }
.list-box-mp { list-style: url("../images/tick.png"); font: 14px "Cuprum"; padding-left: 25px; margin-top: 15px; height: 140px; width: 172px; margin-left: 0; margin-right: 0; }
.list-box-mp li { border-bottom: 1px dashed #d6d6d6; margin-bottom: 5px; padding-bottom: 5px; }
.box-mp-price { text-align: center; font: bold 24px "Cuprum"; color: #eead43; text-shadow: 0px 0px 15px #ffcf80; margin-bottom: 15px; }
.link-box-mp-detail { display: block; float: left; font: bold 16px "Cuprum"; color: #494949; text-decoration: none; text-align: center; width: 50%; margin-left: 8px; margin-top: 6px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.link-box-mp-detail:hover { color: #3a8e2e; }
.link-box-mp-order { display: block; background: url("../images/btn-box-hover.png"); float: right; font: bold 16px "Cuprum"; color: #fff; text-shadow: 1px 1px 0px #3a8e2e; text-decoration: none; height: 23px; padding-left: 13px; padding-top: 5px; width: 74px; margin-right: 8px; }
.link-box-mp-order:hover { background: url("../images/btn-box.png"); text-shadow: 1px 1px 0px #af8400; }
#contact-panel-mp { color: #D72073; float: right; margin-left: 27px; margin-top: 0; width: 100%; }
#contact-panel-mp a { color: #d72073; text-decoration: underline; }
#contact-panel-left { float: left; width: 50%; text-align: center; font: 20px "Cuprum"; }
#contact-panel-right { float: left; width: 50%; text-align: center; font: 20px "Cuprum"; }
#footer { float: left; width: 100%; height: 74px; background: url("../images/bg-footer.jpg") repeat-x; font: 13px "Cuprum"; color: #fff; }
#footer a { text-decoration: none; color: #fff; }
#footer a.active { color: #d72073; }
#footer-inner { width: 700px; margin: 0 auto; }
#footer-left { float: left; width: 50%; margin-top: 18px; }
#footer-right { float: right; text-align: right; width: 50%; margin-right: 0px; margin-top: 30px; }
#footer-left p { margin: 0; float: left; margin-left: 20px; margin-top: 14px; }
.dst { display: block; float: left; }
/***** LOGOWANIE DO KAMER **************/
#login-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11111; overflow: hidden; display: none; }
#login-overlay { position: fixed; top: 0; left: 0; background: #000; width: 100%; height: 100%; z-index: 11111; -moz-opacity: 0.70; opacity: 0.70; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
#login-layer-box { position: relative; top: 20%; padding: 40px; z-index: 111111; margin: 0 auto; background: url("../images/bg-form.png") repeat-x; overflow: hidden; opacity: 1.0; width: 620px; height: 320px; display: none; }
h3.header-left { font: bold 26px "Cuprum"; background: url("../images/bg-header.png") no-repeat scroll 0 3px transparent; color: #1f1d1d; height: 43px; margin-top: 0; padding-left: 21px; padding-top: 0; }
#login-layer-box h5 { font: 15px "Cuprum"; color: #1f1d1d; margin-top: 0; margin-top: -28px; padding-left: 21px; }
#form-order-left { width: 50%; float: left; }
#form-order-right { width: 50%; float: left; }
.form-order-row { margin-left: 10px; margin-bottom: 5px; width: 300px; height: 62px; float: left; }
.form-order-row label { font-size: 15px; }
.form-order-row-right { margin-left: 10px; margin-bottom: 5px; width: 300px; float: left; }
.text-input, .select { border: 1px solid #d4d4d4; width: 90%; height: 20px; font: 13px "Cuprum"; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.error { font: 11px "Cuprum"; color: red; display: none; float: left; }
#wiadomosc { height: 100px; width: 289px; }
.form-order-btn { width: 300px; float: left; margin-top: 30px; text-align: right; }
#reset_btn { background: none; border: 0; font: 14px "Cuprum"; color: #817f7f; cursor: pointer; }
#submit_btn { background: #da106b; border: 0; width: 100px; height: 35px; font: 14px "Cuprum"; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#submit_btn:hover { box-shadow: 0px 0px 8px #da106b; }
#message { font: 14px "Cuprum"; margin-left: 18px; }
#message h2 { font: 18px "Cuprum"; }
#linki { position: absolute; top: -10000px; }
#kontener_portfolio { float: left; min-height: 100px; width: 738px; margin-top: 30px; }
.portfolio_panel { background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 1px #c3afb9; color: #788082; float: none; font: 13px 'Cuprum', sans-serif; height: 289px; margin-bottom: 10px; margin-right: 7px; margin-left: 7px; margin-top: 15px; overflow: hidden; padding: 10px; text-align: center; width: 422px; margin: 0 auto; -webkit-transition: box-shadow 0.2s ease-out; -moz-transition: box-shadow 0.2s ease-out; -o-transition: box-shadow 0.2s ease-out; transition: box-shadow 0.2s ease-out; -webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; -o-transition: background 0.5s ease-out; transition: background 0.5s ease-out; }
.portfolio-details { background: url("../images/bg-portfolio-details.png") repeat scroll 0 0 transparent; color: #FFFFFF; display: none; float: left; font: 15px "Cuprum"; height: 250px; margin-top: -301px; padding: 20px; position: absolute; text-align: center; width: 383px; }
.portfolio-description { font: 18px "Cuprum"; line-height: 21px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #858585; height: 63px; }
.technologie { font: 16px "Cuprum"; line-height: 21px; padding-bottom: 15px; margin-bottom: 45px; margin-top: 25px; border-bottom: 1px dashed #858585; display: none; }
.portfolio-img { border: 0 solid #505050; border-radius: 5px 5px 5px 5px; height: auto; margin-top: 0; padding-bottom: 10px; width: 420px; }
.btn-zobacz-online { float: left; margin-top: 90px; }
.btn-zamow-podobna { float: right; margin-top: 90px; }
.portfolio { float: left; width: 738px; min-height: 1200px; margin-bottom: 120px; }
.floatRight { float: right; }
.floatLeft { float: left; }
/************* OFERTA ****************/
#column-left { width: 258px; float: left; margin-top: 50px; }
#column-right { width: 470px; float: left; min-height: 550px; margin-top: 50px; margin-bottom: 80px; }
#order-start, #order-sklep, #order-cms, #order-biznes { display: none; }
.header { font: bold 29px 'Cuprum', sans-serif; text-transform: uppercase; background: url("../images/bg-header.png") no-repeat scroll 0 0px transparent; color: #d72678; margin-top: 0; padding-left: 21px; height: 35px; padding-top: 4px; margin-bottom: 20px; }
.list-left-menu { list-style: url("../images/arrow.jpg"); margin: 0; padding-left: 40px; font: 18px 'Cuprum', sans-serif; color: #2c2929; line-height: 30px; }
#content .list-left-menu a { color: #2c2929; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#content .list-left-menu a:hover { color: #cf2569; }
#content .list-left-menu a.active { color: #cf2569; font-weight: bold; }
.list-left-menu li { border-bottom: 1px dashed #c2c2c2; padding-bottom: 4px; width: 200px; }
.left-menu-infolinia { font: 15px 'Cuprum', sans-serif; line-height: 25px; margin-left: 40px; margin-top: 40px; }
.left-menu-text { margin-left: 23px; margin-top: 20px; font: 15px 'Cuprum', sans-serif; line-height: 25px; }
.left-menu-infolinia { color: #272424; }
.header-right { font: bold 26px 'Cuprum', sans-serif; background: url("../images/bg-header.png") no-repeat scroll 0 3px transparent; color: #1f1d1d; height: 43px; margin-top: 0; padding-left: 21px; padding-top: 0; }
.header-right2 { font: bold 26px 'Cuprum', sans-serif; background: url("../images/bg-header.png") no-repeat scroll 0 3px transparent; color: #1f1d1d; height: 37px; margin-top: 0; padding-left: 21px; padding-top: 6px; margin-bottom: 5px; }
#column-right h5 { font: 13px 'Cuprum', sans-serif; color: #1f1d1d; margin-top: 0; margin-top: -40px; padding-left: 21px; margin-bottom: 5px; }
.list-text { font: 16px 'Cuprum', sans-serif; line-height: 25px; color: #514e4e; list-style: url("../images/arrow2.jpg"); }
.list-text2 { font: 13px 'Cuprum', sans-serif; line-height: 25px; color: #514e4e; list-style: url("../images/arrow2.jpg"); padding-left: 20px; }
.text-small { width: 400px; }
#column-right p { font: 16px 'Cuprum', sans-serif; line-height: 25px; color: #514e4e; margin-bottom: 10px; overflow: hidden; }
b.price { color: #d6056e; font: 26px 'Cuprum', sans-serif; }
.go-top { float: right; color: #c91969; text-decoration: none; }
.go-top a, #column-right a { color: #c91969; text-decoration: none; }
img.product-image { display: none; }
/***** FORMULARZ KONTAKTOWY ***************/
fieldset { border: 0; float: left; }
.formRow3 { margin-top: 15px; width: 280px; }
.formRow4 { margin-top: 30px; width: 470px; }
.formRow4 textarea#wiadomosc { width: 470px; height: 156px; }
#column-right > ol { font: 16px/29px "Cuprum"; }
.grafika { display: none; }
}
/*----------------------------------------------------------------------*/

/*- iPad MEDIA QUERY  layouts smaller than 1024, larger than 960px and mobiles
----------------------------------------------------------------------*/
@media screen and (max-width: 790px) {
@font-face {
    font-family: 'CuprumBold';
    src: url('../font/cuprum-bold-webfont.eot');
    src: url('../font/cuprum-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/cuprum-bold-webfont.woff') format('woff'),
         url('../font/cuprum-bold-webfont.ttf') format('truetype'),
         url('../font/cuprum-bold-webfont.svg#CuprumBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cuprum';
    src: url('../font/cuprum-regular-webfont.eot');
    src: url('../font/cuprum-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/cuprum-regular-webfont.woff') format('woff'),
         url('../font/cuprum-regular-webfont.ttf') format('truetype'),
         url('../font/cuprum-regular-webfont.svg#CuprumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@import url(http://fonts.googleapis.com/css?family=Cuprum&subset=latin,latin-ext);
body { width: 100%; margin: 0; padding: 0; font: 14px 'Cuprum'; }
#loader { width: 100%; height: 100%; text-align: center; top: 45%; position: absolute; }
#kontener { display: none; width: 100%; height: 100%; position: absolute; background: #fff; }
img { border: 0; }
#wrapper-top { width: 100%; float: left; background: none; margin-top: 42px; height: auto; position: relative; z-index: 1000; }
#wrapper-top-inner { width: 562px; margin: 0 auto; }
.cookie-alert { background: none repeat scroll 0 0 #332f2e; color: #E2E2E2; font: 16px "Cuprum"; height: auto; margin: 0 auto; padding: 20px 40px; text-align: center; width: 480px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 15px; }
.cookie-alert a { color: #D72073; }
.cookie-alert .close a { color: #fff; text-decoration: none; font: 15px "Cuprum"; }
.cookie-alert .close { background: none repeat scroll 0 0 #D72073; color: #FFFFFF; font: bold 15px "cuprum"; height: 17px; margin-left: 463px; position: absolute; text-align: center; height: 22px; margin-top: -107px; padding-top: 5px; width: 90px; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#logo { float: none; margin-top: 0px; margin: 0 auto; text-align: center; }
#logo img { border: 0; width: auto; }
#main-menu { float: right; margin-top: 18px; width: 100%; }
#main-menu ul { float: none; margin: 0 auto; padding: 0; text-align: center; background: #3e3e3e; }
#main-menu ul li { display: block; list-style: none outside none; margin-bottom: 7px;  margin-left: 0; margin-top: 7px; padding-top: 5px; padding-bottom: 5px; }
#main-menu ul li a { font: 22px "Cuprum"; color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#main-menu ul li a.active { color: #d30e72; font-weight: bold; }
#main-menu ul li a:hover { color: #d30e72; }
#wrapper { width: 100%; float: left; }
#content { margin: 0 auto; width: 562px; }
/* SLIDER */
.slider-wrapper { float: left; width: 738px; margin-bottom: 0px; margin-top: -30px; position: relative; z-index: 10; display: none; }
#slider { position: relative; z-index: 100; float: left; width: 738px; /* change this to your images width */ height: 326px; /* change this to your images height */ background: url(images/loading.gif) no-repeat 50% 50%; }
#slider img { position: absolute; top: 0px; left: 0px; display: none; }
#slider a { border: 0; display: block; }
div.slider_plansza a { display: block; float: left; height: 50px; margin-left: 740px; margin-top: 240px; width: 180px; }
.nivoSlider { position: relative; background: url(images/loading.gif) no-repeat 50% 50%; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }
.nivoSlider a { border: 0; display: block; }
.nivo-controlNav { text-align: left; padding: 20px 0; float: left; position: relative; z-index: 1000; margin-left: 66px; margin-top: -127px; }
.nivo-controlNav a { display: inline-block; width: 17px; height: 16px; background: url("../images/bullets.png") no-repeat; text-indent: -9999px; border: 0; margin: 0 0px; }
.nivo-controlNav a.active { background-position: 0 -22px; }
#slider img { border: 0; }
#facebook { float: right; margin-bottom: -19px; margin-top: 19px; margin-right: 0px; margin-bottom: -19px; margin-top: 19px; margin-left: 0; width: 560px; }
#box { width: 562px; float: left; background: #fff; height: auto; margin-top: 0px; padding-bottom: 65px; }
#box-1, #box-2, #box-3, #box-4 { }
#box-co-oferujemy { display: block; width: 520px; margin: 21px 4px 0 0px; height: auto; float: left; background: #fff; padding: 20px; border: 1px solid #ebc9d8; font: 24px "cuprum"; }
.box-mp { width: 213px; margin: 21px 4px 0 17px; height: 289px; float: left; background: #fff; padding: 20px; border: 1px solid #ebc9d8; }
.header-box-mp { font: bold 28px "Cuprum"; margin: 0; padding: 0; color: #d72073; height: 36px; padding-left: 44px; padding-top: 1px; text-shadow: 2px 2px 0px #fff; }
.header-box-mp a { font: bold 28px "Cuprum"; color: #3e3e3e; text-decoration: none; text-shadow: 2px 2px 0px #fff; }
h3.box-1 { background: url("../images/box-1.png") no-repeat; }
h3.box-2 { background: url("../images/box-2.png") no-repeat; }
h3.box-3 { background: url("../images/box-3.png") no-repeat; }
h3.box-4 { background: url("../images/box-4.png") no-repeat; }
#fav-pakiet { background: url("../images/fav-pakiet.png"); width: 95px; height: 95px; position: absolute; z-index: 999999; margin-left: 140px; margin-top: -22px; }
.list-box-mp { list-style: url("../images/tick.png"); font: 17px "Cuprum"; padding-left: 25px; margin-top: 15px; height: 185px; width: 172px; margin-left: 0; margin-right: 0; }
.list-box-mp li { border-bottom: 1px dashed #d6d6d6; margin-bottom: 5px; padding-bottom: 5px; }
.box-mp-price { text-align: center; font: bold 24px "Cuprum"; color: #eead43; text-shadow: 0px 0px 15px #ffcf80; margin-bottom: 15px; }
.link-box-mp-detail { display: block; float: left; font: bold 16px "Cuprum"; color: #494949; text-decoration: none; text-align: center; width: 50%; margin-left: 8px; margin-top: 6px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.link-box-mp-detail:hover { color: #3a8e2e; }
.link-box-mp-order { display: block; background: url("../images/btn-box-hover.png"); float: right; font: bold 16px "Cuprum"; color: #fff; text-shadow: 1px 1px 0px #3a8e2e; text-decoration: none; height: 23px; padding-left: 13px; padding-top: 5px; width: 74px; margin-right: 8px; }
.link-box-mp-order:hover { background: url("../images/btn-box.png"); text-shadow: 1px 1px 0px #af8400; }
#contact-panel-mp { color: #D72073; float: right; margin-left: 27px; margin-top: 0; width: 100%; }
#contact-panel-mp a { color: #d72073; text-decoration: underline; }
#contact-panel-left { float: left; width: 50%; text-align: center; font: 20px "Cuprum"; }
#contact-panel-right { float: left; width: 50%; text-align: center; font: 20px "Cuprum"; }
#footer { float: left; width: 100%; height: 74px; background: url("../images/bg-footer.jpg") repeat-x; font: 13px "Cuprum"; color: #fff; }
#footer a { text-decoration: none; color: #fff; }
#footer a.active { color: #d72073; }
#footer-inner { width: 554px; margin: 0 auto; }
#footer-left { float: left; width: 50%; margin-top: 18px; }
#footer-right { float: right; text-align: right; width: 50%; margin-right: 0px; margin-top: 30px; }
#footer-left p { margin: 0; float: left; margin-left: 20px; margin-top: 14px; }
.dst { display: block; float: left; }
/***** LOGOWANIE DO KAMER **************/
#login-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11111; overflow: hidden; display: none; }
#login-overlay { position: fixed; top: 0; left: 0; background: #000; width: 100%; height: 100%; z-index: 11111; -moz-opacity: 0.70; opacity: 0.70; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
#login-layer-box { position: relative; top: 20%; padding: 40px; z-index: 111111; margin: 0 auto; background: url("../images/bg-form.png") repeat-x; overflow: hidden; opacity: 1.0; width: 620px; height: 320px; display: none; }
h3.header-left { font: bold 26px "Cuprum"; background: url("../images/bg-header.png") no-repeat scroll 0 3px transparent; color: #1f1d1d; height: 43px; margin-top: 0; padding-left: 21px; padding-top: 0; }
#login-layer-box h5 { font: 15px "Cuprum"; color: #1f1d1d; margin-top: 0; margin-top: -28px; padding-left: 21px; }
#form-order-left { width: 50%; float: left; }
#form-order-right { width: 50%; float: left; }
.form-order-row { margin-left: 10px; margin-bottom: 5px; width: 300px; height: 62px; float: left; }
.form-order-row label { font-size: 15px; }
.form-order-row-right { margin-left: 10px; margin-bottom: 5px; width: 300px; float: left; }
.text-input, .select { border: 1px solid #d4d4d4; width: 90%; height: 20px; font: 13px "Cuprum"; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.error { font: 11px "Cuprum"; color: red; display: none; float: left; }
#wiadomosc { height: 100px; width: 289px; }
.form-order-btn { width: 300px; float: left; margin-top: 30px; text-align: right; }
#reset_btn { background: none; border: 0; font: 14px "Cuprum"; color: #817f7f; cursor: pointer; }
#submit_btn { background: none repeat scroll 0 0 #DA106B; border: 0 none; border-radius: 4px 4px 4px 4px; color: #FFFFFF; cursor: pointer; font: 36px "Cuprum"; height: 74px; width: 172px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#submit_btn:hover { box-shadow: 0px 0px 8px #da106b; }
#message { font: 14px "Cuprum"; margin-left: 18px; }
#message h2 { font: 18px "Cuprum"; }
#linki { position: absolute; top: -10000px; }
#kontener_portfolio { float: left; min-height: 100px; width: 562px; margin-top: 30px; }
.portfolio_panel { background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 1px #c3afb9; color: #788082; float: none; font: 13px 'Cuprum', sans-serif; height: 289px; margin-bottom: 10px; margin-right: 7px; margin-left: 7px; margin-top: 15px; overflow: hidden; padding: 10px; text-align: center; width: 422px; margin: 0 auto; -webkit-transition: box-shadow 0.2s ease-out; -moz-transition: box-shadow 0.2s ease-out; -o-transition: box-shadow 0.2s ease-out; transition: box-shadow 0.2s ease-out; -webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; -o-transition: background 0.5s ease-out; transition: background 0.5s ease-out; }
.portfolio-details { background: url("../images/bg-portfolio-details.png") repeat scroll 0 0 transparent; color: #FFFFFF; display: none; float: left; font: 15px "Cuprum"; height: 250px; margin-top: -301px; padding: 20px; position: absolute; text-align: center; width: 383px; }
.portfolio-description { font: 18px "Cuprum"; line-height: 21px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #858585; height: 63px; }
.technologie { font: 16px "Cuprum"; line-height: 21px; padding-bottom: 15px; margin-bottom: 45px; margin-top: 25px; border-bottom: 1px dashed #858585; display: none; }
.portfolio-img { border: 0 solid #505050; border-radius: 5px 5px 5px 5px; height: auto; margin-top: 0; padding-bottom: 10px; width: 420px; }
.btn-zobacz-online { float: left; margin-top: 90px; }
.btn-zamow-podobna { float: right; margin-top: 90px; }
.portfolio { float: left; width: 562px; min-height: 1200px; margin-bottom: 120px; }
.floatRight { float: right; }
.floatLeft { float: left; }
/************* OFERTA ****************/
#column-left { width: 562px; float: left; margin-top: 50px; }
#column-right { width: 562px; float: left; min-height: 550px; margin-top: 50px; margin-bottom: 80px; }
.header { font: bold 29px 'Cuprum', sans-serif; text-transform: uppercase; background: url("../images/bg-header.png") no-repeat scroll 0 0px transparent; color: #d72678; margin-top: 0; padding-left: 21px; height: 35px; padding-top: 4px; margin-bottom: 20px; }
.list-left-menu { list-style: url("../images/arrow.jpg"); margin: 0; padding-left: 40px; font: 18px 'Cuprum', sans-serif; color: #2c2929; line-height: 30px; }
#content .list-left-menu a { color: #2c2929; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#content .list-left-menu a:hover { color: #cf2569; }
#content .list-left-menu a.active { color: #cf2569; font-weight: bold; }
.list-left-menu li { border-bottom: 1px dashed #c2c2c2; padding-bottom: 4px; width: 200px; }
.left-menu-infolinia { font: 15px 'Cuprum', sans-serif; line-height: 25px; margin-left: 40px; margin-top: 40px; }
.left-menu-text { margin-left: 23px; margin-top: 20px; font: 24px 'Cuprum', sans-serif; line-height: 29px; }
.left-menu-infolinia { color: #272424; }
.header-right { font: bold 26px 'Cuprum', sans-serif; background: url("../images/bg-header.png") no-repeat scroll 0 3px transparent; color: #1f1d1d; height: 43px; margin-top: 0; padding-left: 21px; padding-top: 0; }
.header-right2 { font: bold 26px 'Cuprum', sans-serif; background: url("../images/bg-header.png") no-repeat scroll 0 3px transparent; color: #1f1d1d; height: auto; margin-top: 0; padding-left: 21px; padding-top: 6px; margin-bottom: 5px; }
#column-right h5 { font: 13px 'Cuprum', sans-serif; color: #1f1d1d; margin-top: 0; margin-top: -40px; padding-left: 21px; margin-bottom: 5px; }
.list-text { font: 24px 'Cuprum', sans-serif; line-height: 29px; color: #514e4e; list-style: url("../images/arrow2.jpg"); }
.list-text li, .list-text2 li { margin-bottom: 20px; }
.list-text2 { font: 21px 'Cuprum', sans-serif; line-height: 26px; color: #514e4e; list-style: url("../images/arrow2.jpg"); padding-left: 20px; }
.text-small { width: 400px; }
#column-right p { font: 24px 'Cuprum', sans-serif; line-height: 29px; color: #514e4e; margin-bottom: 20px; overflow: hidden; }
b.price { color: #d6056e; font: 26px 'Cuprum', sans-serif; }
.go-top { float: right; color: #c91969; text-decoration: none; }
.go-top a, #column-right a { color: #c91969; text-decoration: none; }
img.product-image { display: none; }
#order-start, #order-sklep, #order-cms, #order-biznes { display: none; }
/***** FORMULARZ KONTAKTOWY ***************/
fieldset { border: 0; float: left; }
.formRow3 { margin-top: 15px; width: 280px; }
.formRow4 { margin-top: 30px; width: 562px; }
.formRow4 textarea#wiadomosc { width: 562px; height: 156px; }
#column-right > ol { font: 16px/29px "Cuprum"; }
}
/*----------------------------------------------------------------------*/

/*- iPad MEDIA QUERY  layouts smaller than 1024, larger than 960px and mobiles
----------------------------------------------------------------------*/
@media screen and (max-width: 600px) {
@font-face {
    font-family: 'CuprumBold';
    src: url('../font/cuprum-bold-webfont.eot');
    src: url('../font/cuprum-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/cuprum-bold-webfont.woff') format('woff'),
         url('../font/cuprum-bold-webfont.ttf') format('truetype'),
         url('../font/cuprum-bold-webfont.svg#CuprumBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cuprum';
    src: url('../font/cuprum-regular-webfont.eot');
    src: url('../font/cuprum-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/cuprum-regular-webfont.woff') format('woff'),
         url('../font/cuprum-regular-webfont.ttf') format('truetype'),
         url('../font/cuprum-regular-webfont.svg#CuprumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@import url(http://fonts.googleapis.com/css?family=Cuprum&subset=latin,latin-ext);
body { width: 100%; margin: 0; padding: 0; font: 14px 'Cuprum'; }
#loader { width: 100%; height: 100%; text-align: center; top: 45%; position: absolute; }
#kontener { display: none; width: 100%; height: 100%; position: absolute; background: #fff; }
img { border: 0; }
#wrapper-top { width: 100%; float: left; background: none; margin-top: 42px; height: auto; position: relative; z-index: 1000; }
#wrapper-top-inner { width: 280px; margin: 0 auto; }
.cookie-alert { background: none repeat scroll 0 0 #332f2e; color: #E2E2E2; font: 16px "Cuprum"; height: auto; margin: 0 auto; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 15px; margin-bottom: 0px; padding-left: 20px; padding-right: 20px; width: 240px; }
.cookie-alert a { color: #D72073; }
.cookie-alert .close a { color: #fff; text-decoration: none; font: 15px "Cuprum"; }
.cookie-alert .close { background: none repeat scroll 0 0 #D72073; color: #FFFFFF; font: bold 19px "cuprum"; position: absolute; text-align: center; height: 22px; margin-top: 6px; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; height: 26px; margin-left: 73px; padding-top: 10px; top: 192px; width: 98px; }
#logo { float: none; margin: 0 auto; width: auto; margin-top: 0px; }
#logo img { border: 0; width: 280px; }
#main-menu { float: right; margin-top: 18px; width: 100%; }
#main-menu ul { float: none; margin: 0 auto; padding: 0; text-align: center; }
#main-menu ul li { list-style: none; display: block; margin-left: 0px; width: 100%; background: none repeat scroll 0 0 #332F2E; color: #fff; margin-bottom: 4px; padding-bottom: 4px; padding-top: 4px; }
#main-menu ul li a { font: 28px "Cuprum"; color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#main-menu ul li a.active { color: #d30e72; font-weight: bold; }
#main-menu ul li a:hover { color: #d30e72; }
#wrapper { width: 100%; float: left; }
#content { margin: 0 auto; width: 280px; }
/* SLIDER */
.slider-wrapper { float: left; width: 738px; margin-bottom: 0px; margin-top: -30px; position: relative; z-index: 10; display: none; }
#slider { position: relative; z-index: 100; float: left; width: 738px; /* change this to your images width */ height: 326px; /* change this to your images height */ background: url(images/loading.gif) no-repeat 50% 50%; }
#slider img { position: absolute; top: 0px; left: 0px; display: none; }
#slider a { border: 0; display: block; }
div.slider_plansza a { display: block; float: left; height: 50px; margin-left: 740px; margin-top: 240px; width: 180px; }
.nivoSlider { position: relative; background: url(images/loading.gif) no-repeat 50% 50%; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }
.nivoSlider a { border: 0; display: block; }
.nivo-controlNav { text-align: left; padding: 20px 0; float: left; position: relative; z-index: 1000; margin-left: 66px; margin-top: -127px; }
.nivo-controlNav a { display: inline-block; width: 17px; height: 16px; background: url("../images/bullets.png") no-repeat; text-indent: -9999px; border: 0; margin: 0 0px; }
.nivo-controlNav a.active { background-position: 0 -22px; }
#slider img { border: 0; }
#facebook { float: right; margin-bottom: -19px; margin-top: 19px; margin-right: 0px; margin-bottom: -19px; margin-top: 19px; margin-left: 0; width: 280px; }
.fb-like { float: left; }
#facebook p { float: left; width: 100%; font: 11px Arial; color: #3b5998; margin-top: 5px; margin-left: 0px; }
#facebook p a { font: 11px Arial; color: #3b5998; text-decoration: none; }
#box { width: 280px; float: left; background: #fff; height: auto; margin-top: 0px; padding-bottom: 65px; }
#box-1, #box-2, #box-3, #box-4 { }
#box-co-oferujemy { display: block; width: 240px; margin: 21px 4px 0 0px; height: auto; float: left; background: #fff; padding: 20px; border: 1px solid #ebc9d8; font: 24px "cuprum"; }
.box-mp { width: 240px; margin-bottom: 0; margin-top: 20px; margin-left: 0; height: 289px; float: left; background: #fff; padding: 20px; border: 1px solid #ebc9d8; }
.header-box-mp { font: bold 28px "Cuprum"; margin: 0; padding: 0; color: #d72073; height: 36px; padding-left: 44px; padding-top: 1px; text-shadow: 2px 2px 0px #fff; }
.header-box-mp a { font: bold 28px "Cuprum"; color: #3e3e3e; text-decoration: none; text-shadow: 2px 2px 0px #fff; }
h3.box-1 { background: url("../images/box-1.png") no-repeat; }
h3.box-2 { background: url("../images/box-2.png") no-repeat; }
h3.box-3 { background: url("../images/box-3.png") no-repeat; }
h3.box-4 { background: url("../images/box-4.png") no-repeat; }
#fav-pakiet { background: url("../images/fav-pakiet.png"); width: 95px; height: 95px; position: absolute; z-index: 999999; margin-left: 167px; margin-top: -22px; }
.list-box-mp { list-style: url("../images/tick.png"); font: 17px "Cuprum"; padding-left: 25px; margin-top: 15px; height: 185px; width: 210px; margin-left: 0; margin-right: 0; }
.list-box-mp li { border-bottom: 1px dashed #d6d6d6; margin-bottom: 5px; padding-bottom: 5px; }
.box-mp-price { text-align: center; font: bold 24px "Cuprum"; color: #eead43; text-shadow: 0px 0px 15px #ffcf80; margin-bottom: 15px; }
.link-box-mp-detail { display: block; float: right; background: #74bd27; padding: 5px; font: bold 24px "Cuprum"; color: #fff; text-decoration: none; text-align: center; width: 50%; margin-left: 8px; margin-top: 0px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.link-box-mp-detail:hover { color: #3a8e2e; }
.link-box-mp-order { display: none; background: url("../images/btn-box-hover.png"); float: right; font: bold 16px "Cuprum"; color: #fff; text-shadow: 1px 1px 0px #3a8e2e; text-decoration: none; height: 23px; padding-left: 13px; padding-top: 5px; width: 74px; margin-right: 8px; }
.link-box-mp-order:hover { background: url("../images/btn-box.png"); text-shadow: 1px 1px 0px #af8400; }
#contact-panel-mp { color: #D72073; float: right; margin-left: 27px; margin-top: 0; width: 100%; }
#contact-panel-mp a { color: #d72073; text-decoration: underline; }
#contact-panel-left { float: left; width: 100%; text-align: center; font: 20px "Cuprum"; }
#contact-panel-right { float: left; width: 100%; text-align: center; font: 20px "Cuprum"; }
#footer { float: left; width: 100%; height: auto; background: #000; font: 25px "Cuprum"; color: #fff; }
#footer a { text-decoration: none; color: #fff; }
#footer a.active { color: #d72073; }
#footer-inner { width: 280px; margin: 0 auto; }
#footer-left { float: left; width: 100%; margin-top: 18px; }
#footer-right { float: right; text-align: center; line-height: 42px; width: 100%; margin-right: 0px; margin-top: 30px; margin-bottom: 40px; }
#footer-left p { margin: 0; text-align: center; width: 100%; }
.dst { display: none; float: left; }
/***** LOGOWANIE DO KAMER **************/
#login-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11111; overflow: hidden; display: none; }
#login-overlay { position: fixed; top: 0; left: 0; background: #000; width: 100%; height: 100%; z-index: 11111; -moz-opacity: 0.70; opacity: 0.70; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
#login-layer-box { position: relative; top: 20%; padding: 40px; z-index: 111111; margin: 0 auto; background: url("../images/bg-form.png") repeat-x; overflow: hidden; opacity: 1.0; width: 620px; height: 280px; display: none; }
h3.header-left { font: bold 26px "Cuprum"; background: url("../images/bg-header.png") no-repeat scroll 0 3px transparent; color: #1f1d1d; height: 43px; margin-top: 0; padding-left: 21px; padding-top: 0; }
#login-layer-box h5 { font: 15px "Cuprum"; color: #1f1d1d; margin-top: 0; margin-top: -28px; padding-left: 21px; }
#form-order-left { width: 50%; float: left; }
#form-order-right { width: 50%; float: left; }
.form-order-row { margin-left: 10px; margin-bottom: 5px; width: 300px; height: 62px; float: left; }
.form-order-row label { font-size: 15px; }
.form-order-row-right { margin-left: 10px; margin-bottom: 5px; width: 300px; float: left; }
.text-input, .select { border: 1px solid #d4d4d4; width: 280px; height: 20px; font: 20px "Cuprum"; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.error { font: 11px "Cuprum"; color: red; display: none; float: left; }
#wiadomosc { height: 100px; width: 289px; }
.form-order-btn { width: 300px; float: left; margin-top: 30px; text-align: right; }
#reset_btn { background: none; border: 0; font: 14px "Cuprum"; color: #817f7f; cursor: pointer; }
#submit_btn { background: none repeat scroll 0 0 #DA106B; border: 0 none; border-radius: 4px 4px 4px 4px; color: #FFFFFF; cursor: pointer; font: 37px "Cuprum"; height: 69px; width: 169px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#submit_btn:hover { box-shadow: 0px 0px 8px #da106b; }
#message { font: 14px "Cuprum"; margin-left: 18px; }
#message h2 { font: 18px "Cuprum"; }
#linki { position: absolute; top: -10000px; }
#kontener_portfolio { float: left; min-height: 100px; width: 260px; margin-top: 30px; }
.portfolio_panel { background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 1px #c3afb9; color: #788082; float: none; font: 13px 'Cuprum', sans-serif; height: 207px; margin-bottom: 10px; margin-right: 7px; margin-left: 7px; margin-top: 15px; overflow: hidden; padding: 10px; text-align: center; width: 260px; margin: 0 auto; margin-bottom: 20px; -webkit-transition: box-shadow 0.2s ease-out; -moz-transition: box-shadow 0.2s ease-out; -o-transition: box-shadow 0.2s ease-out; transition: box-shadow 0.2s ease-out; -webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; -o-transition: background 0.5s ease-out; transition: background 0.5s ease-out; }
.portfolio-details { background: url("../images/bg-portfolio-details.png") repeat scroll 0 0 transparent; color: #FFFFFF; display: none; float: left; font: 15px "Cuprum"; height: 166px; margin-top: -192px; padding: 20px; position: absolute; text-align: center; width: 222px; }
.portfolio-description { font: 18px "Cuprum"; line-height: 21px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #858585; height: auto; }
.technologie { font: 16px "Cuprum"; line-height: 21px; padding-bottom: 15px; margin-bottom: 45px; margin-top: 25px; border-bottom: 1px dashed #858585; display: none; }
.portfolio-img { border: 0 solid #505050; border-radius: 5px 5px 5px 5px; height: auto; margin-top: 0; padding-bottom: 10px; width: 262px; }
.btn-zobacz-online { float: left; margin-top: 90px; display: none; }
.btn-zamow-podobna { float: right; margin-top: 90px; display: none; }
.portfolio { float: left; width: 280px; min-height: 1200px; margin-bottom: 120px; }
.floatRight { float: right; }
.floatLeft { float: left; }
/************* OFERTA ****************/
#column-left { width: 280px; float: left; margin-top: 30px; }
#column-right { width: 280px; float: left; min-height: 550px; margin-top: 50px; margin-bottom: 80px; }
.header { font: bold 29px 'Cuprum', sans-serif; text-transform: uppercase; background: none; color: #d72678; margin-top: 0; padding-left: 0px; height: 35px; padding-top: 4px; margin-bottom: 20px; }
.list-left-menu { list-style: url("../images/arrow.jpg"); margin: 0; padding-left: 20px; font: 24px 'Cuprum', sans-serif; color: #2c2929; line-height: 42px; }
#content .list-left-menu a { color: #2c2929; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#content .list-left-menu a:hover { color: #cf2569; }
#content .list-left-menu a.active { color: #cf2569; font-weight: bold; }
.list-left-menu li { border-bottom: 1px dashed #c2c2c2; padding-bottom: 4px; width: 280px; }
.left-menu-infolinia { font: 15px 'Cuprum', sans-serif; line-height: 25px; margin-left: 40px; margin-top: 40px; }
.left-menu-text { margin-left: 23px; margin-top: 20px; font: 24px/29px 'Cuprum',sans-serif; }
.left-menu-infolinia { color: #272424; }
.header-right { font: bold 26px 'Cuprum', sans-serif; background: url("../images/bg-header.png") no-repeat scroll 0 3px transparent; color: #1f1d1d; height: 43px; margin-top: 0; padding-left: 21px; padding-top: 0; }
.header-right2 { font: bold 26px 'Cuprum', sans-serif; background: url("../images/bg-header.png") no-repeat scroll 0 3px transparent; color: #1f1d1d; height: auto; margin-top: 0; padding-left: 21px; padding-top: 6px; margin-bottom: 5px; }
#column-right h5 { font: 13px 'Cuprum', sans-serif; color: #1f1d1d; margin-top: 0; margin-top: -40px; padding-left: 21px; margin-bottom: 5px; }
.list-text { font: 24px 'Cuprum', sans-serif; line-height: 29px; color: #514e4e; list-style: url("../images/arrow2.jpg"); }
.list-text li { margin-bottom: 20px; }
.list-text2 { font: 13px 'Cuprum', sans-serif; line-height: 25px; color: #514e4e; list-style: url("../images/arrow2.jpg"); padding-left: 20px; }
.text-small { width: 400px; }
#column-right p { font: 24px 'Cuprum', sans-serif; line-height: 29px; color: #514e4e; margin-bottom: 20px; overflow: hidden; }
#column-right img { display: none; }
b.price { color: #d6056e; font: 26px 'Cuprum', sans-serif; }
.go-top { float: right; color: #c91969; text-decoration: none; }
.go-top a, #column-right a { color: #c91969; text-decoration: none; }
img.product-image { display: none; }
/***** FORMULARZ KONTAKTOWY ***************/
fieldset { border: 0; float: left; }
.formRow3 { margin-top: 15px; width: 280px; }
.formRow4 { margin-top: 30px; width: 280px; }
.formRow4 textarea#wiadomosc { width: 280px; height: 156px; }
#column-right > ol { font: 16px/29px "Cuprum"; }
}