/* TOP - MENU -------------------------------------------------- */ body { background:#fff; font-size:14px; font-family: 'Open Sans', 'Arial', sans-serif;} .menu-con { background: #fff; padding:0px 0 0px; position: relative; z-index: 400;} .menu-con .navbar-default { background: #fff; } .menu-con .navbar-static-top .container { position: relative; } .menu-con .navbar-fixed-top .container { position: relative; } .menu-con .logo { width:186px; position: absolute; left:9px; top:70px; z-index: 402; } .menu-con .logo img { max-width: 100%;} .menu-glowne { float:right; padding:0; z-index: 2; height:61px; margin-top:59px; position: relative;} .menu-glowne > li { display:table; padding:0 1px 0 0; margin:0; text-align: center; background: url('../../img/tla/menu-sep.png') no-repeat right center; } .menu-glowne > li > a { display:table-cell; font-size:13px; color:#444 !important; vertical-align: middle; height:61px; line-height: 17px; padding:0 20px; text-transform: uppercase; } .menu-glowne > li.activ > a, .menu-glowne > li:hover > a { background: #bd3131 !important; border-radius: 5px 5px 0 0; color:#fff !important; } .menu-glowne > li > ul { background:#bd3131; box-shadow:none; border-radius: 0 0 8px 8px;} .menu-glowne > li > ul > li { background: none; } .menu-glowne > li > ul.rekl { left:-200px; width:auto;} .menu-glowne > li > ul.rekl > li { display: block; float:left; width:630px; padding:10px 0 15px; left:-100px;} .menu-glowne > li > ul.rekl > li .con { float:left; width:200px !important; margin:0; padding:0; border:0; } .menu-glowne > li > ul.rekl > li .con .belka { display: block; float:left; width:200px !important; margin:0 0 10px; padding:0px 0 10px 35px; font-size:13px; text-align:left; color:#ddd; border-bottom:1px solid #ca5a5a; } .menu-glowne > li > ul.rekl > li .con.con-2, .menu-glowne > li > ul.rekl > li .con .belka { width:230px !important; } .menu-glowne > li > ul { padding:15px 0 15px; width:225px; } .menu-glowne > li > ul li a { clear:both; display:block; text-align: left; font-size:13px; padding:0px 0 0px 35px; line-height: 24px; color:#fff; background: url('../../img/tla/menu-kropka.png') no-repeat 22px 11px; text-transform: uppercase; } .menu-glowne > li > ul li a:hover { color:#fff; text-decoration: underline; background: url('../../img/tla/menu-kropka.png') no-repeat 22px 11px; } .menu-glowne > li > ul li a.activ { text-decoration: underline; } .menu-glowne li.k { background: none;} .menu-glowne .info { display: none; } /*.menu-glowne > li > ul { display: block; }*/ #info { position: absolute; top:0px; font-size:13px; color:#000; z-index: 400; width:100%;} #info .container { text-align: right; position: relative; } #info > .container > div { position: absolute; top:18px; left:10px; right:20px; font-size:13px; color:#444; text-transform: uppercase; } #info a { font-size:13px; color:#444; } #info > .container > div .left { float:left;} #info > .container > div .right { float:right; position: relative; } #info > .container > div span { display:inline-block; width:4px; height:4px; margin:0 18px; position:relative; top:-2px; background: url('../../img/tla/top-ktopka.png') no-repeat center top; } #info > .container > div .right img { position: absolute; left: -25px; top:-2px;} /* DEFAULT GALERIA - 4 el -------------------------------------------------- */ .galeria-4el { clear:both; float:left; width:100%; margin-left:0px; margin-right:0px; padding: 0; } .galeria-4el li { display: block; float:left; border:0; padding-bottom:10px; list-style-type: none; } .galeria-4el li a { display:table; text-align: center; width:255px; height:191px; border-radius: 0px; position: relative; overflow: hidden; border:1px solid #ddd; } .galeria-4el li a span { display:table-cell; vertical-align: middle; max-width:255px; height: 191px; } .galeria-4el li a span img { max-width: 100%; max-height: 100%; margin:0;} .galeria-4el li .caption { clear:both; width: 100%; text-align: center; padding: 0; margin:10px 0 0; } .g-4el-ml-35 { padding-left:35px; } .ml-35 { margin-left:35px; } .pl-35 { padding-left:35px; } .galeria-3el { clear:both; float:left; width:100%; margin-left:0px; margin-right:0px; padding: 0; } .galeria-3el li { display: block; float:left; border:0; padding-bottom:10px; list-style-type: none; } .galeria-3el li a { display:table; text-align: center; width:255px; height:191px; border-radius: 0px; position: relative; overflow: hidden; border:1px solid #ddd; } .galeria-3el li a span { display:table-cell; vertical-align: middle; max-width:255px; height: 191px; } .galeria-3el li a span img { max-width: 100%; max-height: 100%; margin:0;} .galeria-3el li .caption { clear:both; width: 100%; text-align: center; padding: 0; margin:10px 0 0; } /* OFERTA - SEGMENT BOXY -------------------------------------------------- */ #seg-oferta-boxy { padding: 35px 0; background: url('../../img/tla/seg-oferta-boxy-tlo.jpg') repeat top center; } #seg-oferta-boxy h1, #seg-oferta-boxy h2, #seg-oferta-boxy h3 { font-size:14px; color:#444; padding: 0; margin: 0; line-height:17px; text-align: center; min-height:37px; text-transform: uppercase;} #seg-oferta-boxy a.a-img { display:table; text-align: center; width:255px; height:195px; position: relative; overflow: hidden; border:0; } #seg-oferta-boxy a.a-img span { display:table-cell; vertical-align: middle; max-width:255px; height: 195px; } #seg-oferta-boxy a.a-img span img { max-width: 100%; max-height: 100%; margin:0; border-radius: 4px;} #seg-oferta-boxy a.a-img:hover { opacity: 0.7; } #seg-oferta-boxy ul { padding:0; margin:10px 0 0; list-style-type: none;} #seg-oferta-boxy ul a { display:block; padding: 4px 0 4px 35px; font-size:13px; color:#444; background: url('../../img/tla/seg-oferta-boxy-kropka.png') no-repeat 10px 11px; text-transform: uppercase; } #seg-oferta-boxy a.szcz { display:block; padding: 4px 0 4px 35px; margin-bottom:10px; font-size:13px; color:#be3131; } #seg-oferta-boxy a.szcz i { font-style: normal; } /* REALIZACJE - KATEGORIE -------------------------------------------------- */ #realizacje-kat { padding: 35px 0; } #realizacje-kat h1, #realizacje-kat h2, #realizacje-kat h3 { float:left; display:block; margin:0; padding:9px 0 15px 45px; font-size:14px; color:#8b2929; min-height:26px; background: url('../../img/tla/znaczek-1.png') no-repeat top left; text-transform: uppercase; } #realizacje-kat ul { clear:both; padding:0; margin:10px 0 0; list-style-type: none;} #realizacje-kat ul a { display:block; padding: 4px 0 4px 45px; font-size:13px; color:#444; background: url('../../img/tla/seg-oferta-boxy-kropka.png') no-repeat 20px 11px; text-transform: uppercase; } #realizacje-kat ul a.activ { text-decoration: underline; color:#be3131; } /* BOXY TRESCI - SEGMENT -------------------------------------------------- */ #seg-boxy-tresci { padding-top: 35px; } #seg-boxy-tresci > div > div { padding-bottom:35px; } #seg-boxy-tresci h4 { display:block; margin:0; padding:9px 0 0 45px; font-size:16px; color:#333; min-height:26px; background: url('../../img/tla/znaczek-1.png') no-repeat top left; text-transform: uppercase; } #seg-boxy-tresci .tresc a, #seg-boxy-tresci .tresc { font-size:14px; color:#555; padding:20px 0 15px; line-height: 26px;} #seg-boxy-tresci .tresc p { margin:0;} #seg-boxy-tresci > div > div > a { font-size:14px; color:#c03030; text-transform: uppercase; } /* REALIZACJE - SEGMENT GLOWNA -------------------------------------------------- */ #seg-realizacje-box { padding: 0px 0; background: url('../../img/tla/seg-realizacje-tlo-1.png') repeat top center; } #seg-realizacje-box > div { background: url('../../img/tla/cien-bialy-gora.png') no-repeat top center; } #seg-realizacje-box .container { padding-top: 28px; padding-bottom:28px; } #seg-realizacje-box h4 { float:left; display:block; margin:0; padding:9px 0 0 45px; font-size:16px; color:#fff; min-height:26px; background: url('../../img/tla/znaczek-2.png') no-repeat top left; text-transform: uppercase; } #seg-realizacje-box .tresc { clear:both; font-size:14px; color:#fff; padding:20px 0 15px; line-height: 26px;} #seg-realizacje-box .tresc p { margin:0;} #seg-realizacje-box > div > div > a { float:right; display: block; color:#fff; font-size:16px; margin-top:6px; text-transform: uppercase; } /* REALIZACJE - PASEK -------------------------------------------------- */ #seg-realizacje-pasek { padding: 30px 0; background: url('../../img/tla/seg-realizacje-tlo-1.png') repeat top center; } #seg-realizacje-pasek h4 { float:left; display:block; margin:0; padding:9px 0 0 45px; font-size:16px; color:#fff; min-height:26px; background: url('../../img/tla/znaczek-2.png') no-repeat top left; text-transform: uppercase; } #seg-realizacje-pasek a { float:right; font-size:13px; color:#fff; margin-top:10px;} /* REALIZACJE - SEGMENT -------------------------------------------------- */ #seg-realizacje { padding: 25px 0; background:#373737; } #seg-realizacje .container { padding-right:0;} #seg-realizacje ul { padding:0; margin:0; list-style-type: none; } #seg-realizacje ul li { padding:0 15px 0 0; margin:0 0 20px; } #seg-realizacje h3 { display:block; margin:0; padding:9px 0 0px 45px; font-size:16px; color:#fff; min-height:26px; background: url('../../img/tla/znaczek-3.png') no-repeat top left; } #seg-realizacje h3 a { font-size:16px; color:#ddd; margin:0;} #seg-realizacje h3 b { font-weight:normal; } #seg-realizacje h3 i { font-style:normal; } #seg-realizacje h4 { display:block; margin:0; padding:8px 0 0px 45px; font-size:14px; color:#bbb; text-transform: uppercase;} #seg-realizacje h4 i { font-style:normal; } #seg-realizacje a { display: block; max-width: 100%; color:#888; font-size:14px; text-transform: uppercase; position: relative; margin-top:25px;} #seg-realizacje a img { max-width: 100%; } #seg-realizacje a span { position: absolute; top:-20px; left:45px; z-index: 2;} #seg-realizacje a span:hover { text-decoration: underline; } #seg-realizacje a.wroc { clear: both; float:left; color:#fff; font-size:13px; text-transform: uppercase; margin-top:10px; } #seg-realizacje a.glowna { float:right; color:#fff; font-size:13px; text-transform: uppercase; margin-top:10px; } /* FORMULARZ KONTAKTOWY I TRESC - SEGMET -------------------------------------------------- */ #seg-formularz { padding:30px 0; } #seg-formularz h3 { display:block; margin:0; padding:9px 0 0 45px; font-size:16px; color:#333; min-height:26px; background: url('../../img/tla/znaczek-1.png') no-repeat top left; text-transform: uppercase; } #seg-formularz .tresc { font-size:14px; color:#555; line-height: 26px; padding-top:25px; } #seg-formularz .tresc.form-tresc { padding-bottom:25px;} #seg-formularz .tresc a { font-size:14px; color:#555; } #seg-formularz form { margin-left:15px; margin-right:15px;} #seg-formularz textarea, #seg-formularz button, #seg-formularz input { border:1px solid #eee; border-radius: 1px; box-shadow:none; background:#f9f9f9; } #seg-formularz .btn-send { color:#888; background:#f9f9f9; font-size:14px; width:95px;} #seg-formularz textarea { height:75px !important;} /* FORMULARZ KONTAKTOWY - SEGMET -------------------------------------------------- */ #seg-formularz-2 { padding:30px 0; } #seg-formularz-2.form-tlo-sklep { background: #f9f9f9; } #seg-formularz-2 h3 { display:block; margin:0; padding:9px 0 0 45px; font-size:16px; color:#333; min-height:26px; background: url('../../img/tla/znaczek-3.png') no-repeat top left; text-transform: uppercase; } #seg-formularz-2 .tresc { font-size:14px; color:#666; line-height: 24px; padding:15px 0 15px 0;} #seg-formularz-2 .tresc a { font-size:14px; color:#666; } #seg-formularz-2 form { margin-left:10px;} #seg-formularz-2 textarea, #seg-formularz button, #seg-formularz-2 input { border:1px solid #eee; border-radius: 1px; box-shadow:none; } #seg-formularz-2 .btn-send { color:#888; background:#fff; font-size:14px; width:95px; border:1px solid #eee;} #seg-formularz-2 textarea { height:75px !important;} #seg-formularz-2 .kol-1 { padding-right:30px; } #seg-formularz-2 .kol-2 { padding-right:50px; } #seg-formularz-2 .kol-3 { padding-right:30px; } #seg-formularz-2 .kol-3 div { text-align: right; float:right; padding-top:48px;} /* WSPOLPRACA - SEGMENT -------------------------------------------------- */ #wspolpraca { padding: 0;} #wspolpraca .container { padding-top:25px; padding-bottom:25px; } #wspolpraca .container-fluid { padding: 25px 0; background: #f9f9f9; } #wspolpraca .tresc { width:100%; color:#666; font-size:14px; line-height: 24px; padding-left:35px;} #wspolpraca h3 { display:block; margin:0; padding:9px 0 0 45px; font-size:16px; color:#333; min-height:26px; background: url('../../img/tla/znaczek-3.png') no-repeat top left; text-transform: uppercase; } #wspolpraca .a-img { display:inline-block; position:relative; } #wspolpraca .a-img:hover { opacity: 0.6; } #slider-wspolpraca .fot { margin: 0 !important; } #slider-wspolpraca { padding:0; margin: 0; position: relative;} #slider-wspolpraca-item { width:100%; padding:0; margin: 0; } #slider-wspolpraca-item li { list-style-type: none; top:0; padding:0; text-align:center;} #slider-wspolpraca-item li row { text-align:center;} #slider-wspolpraca-kropki {clear:both; padding:30px 0 0; margin: 0; text-align:center;} #slider-wspolpraca-kropki li { padding:0; margin: 0 6px; display:inline-block; width:12px; height:12px; border:1px solid #c5c5c5; border-radius: 9px; list-style-type: none;} #slider-wspolpraca-kropki li.normal { background:#fff;} #slider-wspolpraca-kropki li.activ { background:#c5c5c5;} #slider-wspolpraca-kropki li:hover { cursor: pointer;} /* OFERTA - SZCZEGOLY -------------------------------------------------- */ #oferta-szcz { padding-top:30px; padding-bottom: 30px; } #oferta-szcz h1 { float:left; display:block; margin:0; padding:9px 0 0 45px; font-size:16px; color:#333; min-height:26px; background: url('../../img/tla/znaczek-3.png') no-repeat top left; text-transform: uppercase; } #oferta-szcz h2 { float:left; display:block; margin:0; padding:9px 0 0 45px; font-size:16px; color:#333; min-height:26px; background: url('../../img/tla/znaczek-3.png') no-repeat top left; text-transform: uppercase; } #oferta-szcz .zobacz { float:right; color:#bd3131; font-size:13px; text-transform: uppercase; margin-top:9px; } #oferta-szcz .tresc { clear:both; color:#555; font-size:14px; line-height: 26px; padding-top:20px;} #oferta-szcz .tresc a { color:#bd3131; font-size:14px; } #oferta-szcz .a-img-fota-1 {display:block; float:left; margin:0 15px 10px 0; padding: 0; text-align: center;} #oferta-szcz .a-img-fota-1 img { max-width: 100%; border:0px;} #oferta-szcz .galeria { padding-top:20px; padding-bottom:0px;} /* MENU BOCZNE - OFERTA -------------------------------------------------- */ #menu-oferta { padding: 0 0 20px; margin: 0; list-style-type: none; } #menu-oferta li { padding: 0; margin: 0; } #menu-oferta > li > a { display:block; margin:0; padding:8px 0 10px 45px; font-size:16px; color:#bd3131; min-height:26px; background: url('../../img/tla/znaczek-1.png') no-repeat top left; text-transform: uppercase; } #menu-oferta > li > a:hover { cursor: pointer; } #menu-oferta ul { display:none; padding: 0 0 10px; margin: 0; list-style-type: none;} #menu-oferta li.activ ul { display:block;} #menu-oferta ul a { display:block; padding: 4px 0 4px 45px; font-size:13px; color:#444; background: url('../../img/tla/seg-oferta-boxy-kropka.png') no-repeat 21px 11px; text-transform: uppercase; } #menu-oferta ul a.activ { color:#aaa;} /* SKLEP - LISTA -------------------------------------------------- */ #sklep-lista { padding-top:30px; padding-bottom: 30px; } #oferta-szcz .menu-of, #sklep-lista .menu-of, #sklep-szcz .menu-of { padding-right:15px; margin-right:-15px; } #oferta-szcz .szcz, #sklep-lista .lista, #sklep-szcz .szcz { border-left:1px solid #eee; padding-left:30px;} #sklep-szcz .szcz h1, #sklep-lista .lista h1 { /*float:left;*/ display:block; margin:0; padding:9px 0 0 45px; font-size:16px; color:#333; min-height:26px; background: url('../../img/tla/znaczek-4.png') no-repeat top left; text-transform: uppercase; } #sklep-szcz .szcz h1 span, #sklep-lista .lista h1 span { color:#be3131; font-size:14px; margin-left:15px;} #sklep-szcz .szcz .info-koszyk, #sklep-lista .lista .info-koszyk { float:right; text-transform: uppercase; margin-top:10px; } #sklep-szcz .szcz .info-koszyk span, #sklep-lista .lista .info-koszyk span { color:#be3131; font-size:14px; margin-right:20px; } #sklep-szcz .szcz .info-koszyk a, #sklep-lista .lista .info-koszyk a { color:#333; font-size:14px; } #sklep-lista .lista ul { clear:both; padding:20px 0 0; margin:0; list-style-type: none;} #sklep-lista .lista ul li { padding-bottom:20px;} #sklep-lista .lista ul li a.a-img { margin-bottom:15px; display:table; text-align: center; width:265px; height:286px; border-radius: 0px; position: relative; overflow: hidden; border:1px solid #eee; } #sklep-lista .lista ul li a.a-img span { display:table-cell; vertical-align: middle; max-width:265px; height: 286px; } #sklep-lista .lista ul li a.a-img span img { max-width: 100%; max-height: 100%; margin:0;} #sklep-lista .lista ul li a.a-img i { display: block; position: absolute; z-index: 3; right:5px; bottom:5px; width:26px; height:25px; background: url('../../img/tla/znaczek-5.png') no-repeat; } #sklep-lista .lista ul li a.a-img:hover { border:1px solid #ddd; } #sklep-lista .lista ul li h3 { float:left; padding:0; margin:0; font-size:16px; color:#343434; } #sklep-lista .lista ul li i { float:right; padding:0; margin:0; font-size:16px; color:#be3131; font-style: normal; } #sklep-lista .lista ul li a.szczegoly { clear:both; float:left; font-size:14px; color:#343434; margin-top:5px;} #sklep-lista .lista ul li a.do-koszyka { float:right; font-size:14px; color:#be3131; margin-top:5px; } /* SKLEP - SZCZEGOLY -------------------------------------------------- */ #sklep-szcz { padding-top:30px; padding-bottom: 30px; } #sklep-szcz .szcz a.a-img-big { margin-bottom:15px; display:block; text-align: center; width:100%; border-radius: 0px; position: relative; overflow: hidden; border:1px solid #eee; } #sklep-szcz .szcz a.a-img-big span { max-width:100%; } #sklep-szcz .szcz a.a-img-big span img { max-width: 100%; margin:0;} #sklep-szcz .szcz a.a-img-big i { display: block; position: absolute; z-index: 3; right:5px; bottom:5px; width:26px; height:25px; background: url('../../img/tla/znaczek-5.png') no-repeat; } #sklep-szcz .szcz a.a-img-big:hover { border:1px solid #ddd; } #sklep-szcz .tytul-xs-34 { display: none; } #sklep-szcz .powrot-1 { clear:both; float:left; color:#be3131; font-size:13px; text-transform: uppercase; margin:35px 0 15px;} #sklep-szcz .powrot-2 { clear:both; float:right; color:#be3131; font-size:13px; text-transform: uppercase; margin:25px 0 5px;} #sklep-szcz .szcz h2 { clear:both; float:left; display:block; margin:20px 0 0; padding:9px 0 0 45px; font-size:17px; color:#be3131; font-weight: bold; min-height:26px; background: url('../../img/tla/znaczek-1.png') no-repeat top left; text-transform: uppercase; } #sklep-szcz .szcz h3 { font-size:14px; color:#be3131; padding:15px 0 0px; margin:0; text-transform: uppercase;} #sklep-szcz .szcz .all { clear:both; float:left; width:100%; padding-left:45px; } #sklep-szcz .szcz .tresc { clear:both; font-size:14px; color:#343434; line-height: 22px; padding-top: 15px; } #sklep-szcz .szcz .tresc a { font-size:14px; color:#343434; } #sklep-szcz .szcz h4 { clear:both; float:left; display:block; margin:0; padding:9px 0 0 45px; font-size:17px; color:#be3131; min-height:26px; background: url('../../img/tla/znaczek-1.png') no-repeat top left; text-transform: uppercase; } #sklep-szcz .galeria { clear:both; float:left; width:100%; margin-left:0px; margin-right:0px; padding: 20px 0 0; } #sklep-szcz .galeria li { display: block; float:left; border:0; padding-bottom:7px; list-style-type: none; } #sklep-szcz .galeria li a { display:table; text-align: center; width:116px; height:126px; border-radius: 0px; position: relative; overflow: hidden; border:1px solid #eee; } #sklep-szcz .galeria li a span { display:table-cell; vertical-align: middle; max-width:116px; height: 126px; } #sklep-szcz .galeria li a span img { max-width: 100%; max-height: 100%; margin:0;} #sklep-szcz .galeria li .caption { clear:both; width: 100%; text-align: center; padding: 0; margin:5px 0 0; font-size:13px; color:#343434; } #sklep-szcz .szcz .con-tab { clear:both; padding:8px 0; } #sklep-szcz .szcz .con-tab select { border:1px solid #eee; width:170px;} #sklep-szcz .szcz .con-tab span { display:inline-block; width:150px; font-size:14px; color:#343434; } #sklep-szcz .szcz .con-tab i { display:inline-block; font-size:16px; color:#be3131; font-weight: bold; font-style: normal;} #sklep-szcz .szcz .pytanie { display:block; float:left; width:100%; font-size:13px; color:#fff; background: #343434; padding: 4px 0; text-align: center; margin-top:15px; margin-bottom:25px;} #sklep-szcz .szcz .do-koszyka { display:block; float:right; width:48%; font-size:13px; color:#fff; background: #be3131; padding: 4px 0; text-align: center; margin-top:15px; margin-bottom:25px; } /* KONTAKT -------------------------------------------------- */ #kontakt { padding-top:30px; padding-bottom:30px; } #kontakt h1 { display:block; margin:0; padding:9px 0 0 45px; font-size:16px; color:#333; min-height:26px; background: url('../../img/tla/znaczek-1.png') no-repeat top left; text-transform: uppercase; } #kontakt .tresc { line-height: 26px; padding-top:25px; } #kontakt .tresc a { color:#bd3131; font-size:14px; } #kontakt .tresc a:hover { text-decoration: none; color:#111; } #kontakt #seg-formularz { padding:0;} #mapa { padding-bottom:30px;} #mapa h2 { display:block; margin:0; padding:9px 0 0 45px; font-size:16px; color:#333; min-height:26px; background: url('../../img/tla/znaczek-1.png') no-repeat top left; text-transform: uppercase; } #mapa form { margin-top:15px; padding:0; } #mapa form label { font-weight: normal; } #mapa input { border:1px solid #eee; border-radius: 1px; box-shadow:none; background:#f9f9f9; } #mapa .btn-send { color:#888; background:#f9f9f9; font-size:14px; padding:5px 20px; height:30px; border:1px solid #eee;} #mapa .con-map { margin-left:-15px; margin-right:-15px; padding:0; } #mapa #map { clear:both; height:450px; background:#aaa; margin:20px -30px 0px !important; padding:0 !important;} #mapa #wskazowki { clear:both; margin:0 0 10px;} #mapa #wskazowki table { width:100%;} /* FORMULARZ KONTAKTOWY -------------------------------------------------- */ /* #formularz-kontaktowy { padding-bottom:20px; } #formularz-kontaktowy .tresc { padding:0 0 20px 55px; clear:both; line-height: 22px; color:#111; font-size:14px; } #formularz-kontaktowy form { padding-left:40px !important; color:#eee; font-size:14px; text-transform: uppercase;} #formularz-kontaktowy .form-horizontal .control-label { text-align: left; font-weight: normal; padding-bottom:5px; color:#111;} #formularz-kontaktowy .btn-send { color:#fff; background:#bc0814; font-size:13px; border:0; border-radius: 3px; padding:6px 20px; height:30px; } #formularz-kontaktowy .control-label { font-weight: normal;} */ /* DZIAL TEKSTOWY -------------------------------------------------- */ #dzial-tekstowy { padding-bottom:20px; } #dzial-tekstowy .tlo-1 { background: url('../../img/tla/seg-fot-z-imprez-cien-gora.png') no-repeat center top; } #dzial-tekstowy .tlo-2 { padding:0 0 35px 0; background: url('../../img/tla/seg-fot-z-imprez-cien-dol.png') no-repeat center bottom; } #dzial-tekstowy h1 { text-align: left; color:#555; font-size:25px; padding: 13px 0 11px; font-weight: normal; text-transform: uppercase; } #dzial-tekstowy .tresc { padding-bottom:20px; clear:both; line-height: 22px; color:#666; font-size:14px; } #dzial-tekstowy .tresc a:hover { text-decoration: none; color:#666; } #dzial-tekstowy .a-img-fota-1 {display:block; float:left; margin:0 15px 10px 0; padding: 0; text-align: center;} #dzial-tekstowy .a-img-fota-1 img { max-width: 100%; border:1px solid #bbb;} #dzial-tekstowy ul.galeria { margin: 0; padding:10px 0 0; } #dzial-tekstowy ul li { margin:auto; border:0; padding-bottom:0; list-style-type: none; } #dzial-tekstowy ul li a { text-align: center;} #dzial-tekstowy h4 {clear:both; margin:0; padding:15px 0 5px; color:#222; font-size:15px; font-weight: bold;} #dzial-tekstowy .a-link { margin:0; padding:15px 0 5px; color:#222; font-size:14px; font-weight: normal;} #dzial-tekstowy .a-plik { margin:0; padding:15px 0 5px; color:#222; font-size:14px; font-weight: normal;} /* STOPKA -------------------------------------------------- */ #footer { padding:30px 0; background: #8b2929 url('../../img/tla/footer-cien-bialy.jpg') no-repeat top center; } #footer h4 { font-size:17px; color:#eee; padding:8px 0 15px 45px; min-height:26px; background: url('../../img/tla/znaczek-1.png') no-repeat top left; text-transform: uppercase;} #footer .menu-dol { line-height: 24px; } #footer .menu-dol br { display: none; } #footer .menu-dol a { display:block; color:#eee; font-size:14px; padding: 0; text-transform: uppercase; } #footer .menu-dol a:hover { color:#ccc; } #footer .tresc a, #footer .tresc { line-height: 24px; color:#eee; font-size:14px; } #footer .tresc a:hover { color:#ccc; } #copyright { padding:30px 0; background: #333; color:#fff; font-size:14px; text-transform: uppercase; } #copyright .left { float:left;} #copyright .right { float:right;} #copyright a { color:#fff; font-size:14px; } #copyright a:hover { color:#ccc;} #copyright h2 { color:#fff; font-size:14px; padding:0px; margin:3px 0 10px 0; } #copyright h2 b { font-weight:normal; } #copyright h2 i { font-style:normal; } /* CAROUSEL -------------------------------------------------- */ #slider { position: relative; padding-bottom:0px !important; background: url('../../img/tla/slider-repeat.png') repeat-x; } #slider .carousel-inner { z-index: 10; } .carousel { width:100%; margin-bottom: 0px; } .carousel-caption { z-index: 10; } .carousel .item { width:100%; height: 302px; text-align:center; } .carousel .item div { height: 100%; margin:auto; left:-50%; right:-50%; position: absolute;} .carousel .item img { height: 100%; } .carousel .container { position: relative; } .carousel-control { position: absolute; top:-190px !important; z-index: 100; opacity: 1; left:0; right:0; } .carousel-control.left { width:34px; height:33px; background: url('../../img/tla/slajd-btn-l.png') no-repeat; left:-20px !important; float:right !important;} .carousel-control.right { width:34px; height:33px; background: url('../../img/tla/slajd-btn-p.png') no-repeat; right:-20px; } .carousel-control.left:hover, .carousel-control.right:hover { opacity: 0.7; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-right { } .carousel-indicators { bottom:15px; left:220px; margin: auto; width:auto; text-align: right;} .carousel-indicators li { display: inline-block; width:8px; height:8px; margin-right:9px !important; text-align:center !important; background: #fff; border-radius: 5px; } .carousel-indicators li.active { background: #be3131; } .carousel-caption { margin-bottom: 20px; font-size: 21px; line-height: 1; background:#fff; border:1px solid #000; padding:0; color:#000; width:30%; left:15%; right:0;} .carousel-caption h3 { padding:15px 0 10px; margin:0; font-size:20px;} .carousel-caption p { padding:0 0 10px 0; margin:0; font-size:15px;} /* COOKIE -------------------------------------------------- */ #cookie_msg { position: fixed; bottom:0; padding: 5px 0 0 0; z-index: 999; background: #333; width:100%;} #cookie_msg .cookie_msg { padding: 10px 0; color:#eee; overflow: hidden; font-size:12px;line-height: 17px; text-align:center;} #cookie_msg .cookie_msg a { font-style: normal; color:#eee; font-weight: bold; text-decoration: none; } #cookie_msg #cookie_msg_close { } #cookie_msg a:hover { color:#777;} #jq-my-img-box { width:100% !important;} #jq-my-img-box .modal-dialog { } #jq-my-img-box .modal-dialog .modal-body { text-align:center;} #jq-my-img-box .modal-dialog .modal-body img { /*max-width:100%;*/ filter:alpha(opacity=0); opacity:0;} #jq-my-img-box .modal-dialog .modal-body img.loader { position:absolute; left:48%; top:100%; filter:alpha(opacity=100); opacity:1; } #jq-my-img-box .modal-footer button { outline: none; background: #bd3131; border:0; color:#fff; font-weight: bold;} #box-img-btn-prev.disabled, #box-img-btn-next.disabled { color:#aaa; } /* MY FORM MODAL -------------------------------------------------- */ #my-modal-form { position: fixed; top:0; left:0; height:100%; width:100%; background: rgba(255,255,255,0.7); z-index: 402; display: table; overflow-y: scroll !important; } #my-modal-form .container { display: table-cell; vertical-align: middle; margin:0; padding:0; } #my-modal-form .container .inner { background: #fff; border:1px solid #ddd; border-radius: 5px; box-shadow: 2px 2px 5px #999;} #my-modal-form h5 { font-size:20px; color:#333; padding: 7px 0 20px 35px; margin:20px 0 10px; font-weight: normal; background: url('../../img/tla/znaczek-1.png') no-repeat 0 1px; text-transform: uppercase;} #my-modal-form .bledy {clear:both;} #my-modal-form .btn-send { background: #be3131; color:#fff; margin-bottom:10px; border:0; height:33px; padding-top:6px;} #my-modal-form .zamknij { clear:both; margin:10px auto 0; width:100px; background: #000; color:#fff; text-align: center; padding-top:7px; height:33px;} #my-modal-form .zamknij:hover { cursor: pointer; background: #555;} #my-modal-form textarea, #my-modal-form button, #my-modal-form input { border:1px solid #eee; border-radius: 1px; box-shadow:none; } /* STANDARD -------------------------------------------------- */ .page-header { margin-top:10px; } .page-header h1 { font-size:34px !important; } .margin-none, .m-none { margin:0px !important; } .m-lr-none { margin-left:0px !important; margin-right:0px !important;} .m-tb-none { margin-top:0px !important; margin-bottom:0px !important;} .padding-none, .p-none { padding:0 !important;} .p-l-none { padding-left:0 !important; } .p-r-none { padding-right:0 !important;} .p-lr-none { padding-left:0 !important; padding-right:0 !important;} .p-lr-5 { padding-left:5px !important; padding-right:5px !important; } .p-tb-none { padding-top:0 !important; padding-bottom:0 !important;} .m-lr-none { margin-left:0 !important; margin-right:0 !important;} .m-tb-none { margin-top:0 !important; margin-bottom:0 !important;} .bg-white { background:#fff;} .bg-white-1 { background:#f4f4f4;} .bg-black { background:#000;} .bg-black-2 { background:#222;} .bg-pink { background: #df2b50; } .right { float:right; } .left { float:left; } .PT10 { padding-top:10px;} .PB10 { padding-bottom:10px;} .no-visible { visibility: hidden; } .lh-none { line-height: 12px;} .al-right { text-align: right;} a:link, a:visited, a:active, a:focus, a:hover { outline:0 !important; } .thumbnail .caption { padding:0;} .jq-middle-img img { filter:alpha(opacity=0); opacity:0;} .loading { filter:alpha(opacity=50); opacity:0.5;} .alert { padding:5px 15px;} #loader-form-przyp { } #loader-form-kom { padding-bottom:10px;} .xs-max-hidden { display: block;} .xs-max { display: none;} .form-group input { } form .form-group .control-label { padding-top:4px; } form .form-group .form-control { border-radius:1px; height:30px; border:1px solid #e9e9e9; font-size:13px;} form .form-group textarea { border-radius:0px; height:100px !important;} form .form-group button { border-radius:0px; height:26px; padding-top:2px;} /* MEDIA -------------------------------------------------- */ /* lg */ @media (min-width: 1200px) { } /* lg */ @media (max-width: 1200px) { } /* md */ @media (min-width: 992px) and (max-width: 1200px) { .menu-con .logo { left:0px; } .menu-glowne li a { padding:0 23px; } .menu-glowne > li > ul { left:0px;} .menu-glowne > li > ul.rekl { left:-250px; width:auto;} #info > .container > div { right:15px;} #info > .container > div .left { float:right;} #info > .container > div .right { clear:both; float:right; } .carousel { margin:auto; width:100%; } .carousel .item { margin:auto; width:100%; max-width:992px; height:263px; } .carousel-indicators { left:170px; } #seg-oferta-boxy a.a-img { width:212px; height:162px; } #seg-oferta-boxy a.a-img span { max-width:212px; height: 162px; } #seg-formularz-2 .kol-2 { padding-right:60px; } .galeria-4el li a { width:208px; height:155px; } .galeria-4el li a span { max-width:208px; height: 155px; } .galeria-4el.g-4el-ml-35 li a { width:208px; height:156px; } .galeria-4el.g-4el-ml-35 li a span { max-width:208px; height: 156px; } #sklep-lista .lista ul li a.a-img { width:212px; height:229px; } #sklep-lista .lista ul li a.a-img span { max-width:212px; height: 229px; } #sklep-lista .lista ul li a.a-img span img { max-width: 100%; max-height: 100%; } #sklep-szcz .galeria li a { width:88px; height:95px; } #sklep-szcz .galeria li a span { max-width:88px; height: 95px; } } /* sm */ @media (min-width: 768px) and (max-width: 992px) { .menu-con .logo { left:0px; } .menu-glowne > li > a { padding:0 6px;} .menu-glowne > li > ul { left:-50px;} .menu-glowne > li > ul.rekl { left:-330px; width:auto;} #info > .container > div { right:15px;} #info > .container > div .left { float:right;} #info > .container > div .right { clear:both; float:right; } .carousel { margin:auto; width:100%; } .carousel .item { margin:auto; width:100%; max-width:768px; height:203px; } .carousel-control { top:-135px !important; } .carousel-indicators { left:140px; bottom:8px; } #seg-oferta-boxy a.a-img { width:157px; height:120px; } #seg-oferta-boxy a.a-img span { max-width:157px; height: 120px; } #seg-formularz-2 .kol-1 { padding-right:30px; } #seg-formularz-2 .kol-2 { padding-right:30px; } #seg-formularz-2 .kol-3 { padding-right:30px; } #seg-formularz-2 .kol-3 div { padding-top:0px;} .galeria-4el li a { width:156px; height:117px; } .galeria-4el li a span { max-width:156px; height: 117px; } .galeria-4el.g-4el-ml-35 li a { width:148px; height:111px; } .galeria-4el.g-4el-ml-35 li a span { max-width:148px; height: 111px; } #sklep-lista .lista ul li a.a-img { width:251px; height:271px; } #sklep-lista .lista ul li a.a-img span { max-width:251px; height: 271px; } #sklep-lista .lista ul li a.a-img span img { max-width: 100%; max-height: 100%; } #sklep-szcz .galeria li a { width:106px; height:115px; } #sklep-szcz .galeria li a span { max-width:106px; height: 115px; } #sklep-szcz .szcz .pytanie { width:100%; margin-bottom:0px;} #sklep-szcz .szcz .do-koszyka { width:100%; margin-bottom:25px; } } /* max - sm */ @media (max-width: 992px) { #jq-my-img-box .modal-dialog { width:100% !important; margin:0; padding:0; } #jq-my-img-box .modal-dialog .modal-body img { max-width:100%; } } /* > xs */ @media (min-width: 768px) { .menu-glowne .dropdown:hover > .dropdown-menu { display: block !important; } .menu-glowne .dropdown .dropdown-menu .dropdown:hover .dropdown-menu { display: block !important; } } /* xs */ @media (max-width: 768px) { body { padding-top:61px;} .menu-con { border-bottom:1px solid #ddd; } .menu-con .navbar-static-top { } .menu-con { height:61px; position: fixed; top:0; z-index: 400; width:100%; padding:0;} .menu-con .navbar-header { margin-right:0px; margin-top:5px; margin-bottom: 5px; } .menu-con .navbar-header button { background: #444; border:0; } .menu-con .navbar-header button:hover { background: #888; } .menu-con .navbar-header button span { background:#aaa !important;} .menu-con .navbar-collapse { padding:0; margin:0; } .menu-con .logo { position:absolute; top:13px; left:10px; margin:0;} .menu-glowne { float:none; padding:0; margin:0; background: #000; height:auto; border-radius: 0; } .menu-glowne > li { text-align: left; border-bottom:1px solid #888; padding:0; position: relative; width:100%; border-radius: 0 !important; height:auto !important; } .menu-glowne > li.open > a, .menu-glowne > li > a { display:block; height:auto; padding:8px 15px 7px 15px !important; font-size:14px; line-height: 21px; border-radius: 0 !important; color:#fff !important; background: none !important;} .menu-glowne li a br { display: none; } .menu-glowne > li > ul { clear: both; padding:0 0 10px 0; } .menu-glowne > li > ul > li a { display:block; height:auto; padding:4px 15px 4px 35px !important; font-size:14px; line-height: 21px; border-radius: 0 !important; color:#fff !important; background: url('../../img/tla/menu-kropka.png') no-repeat 22px 12px; text-transform: none;} .menu-glowne > li > ul > li a:hover { background: url('../../img/tla/menu-kropka.png') no-repeat 22px 12px !important; } .menu-glowne > li > ul.rekl { clear:both; left:0; width:auto;} .menu-glowne > li > ul.rekl > li { clear:both; float:left; width:100% !important;} .menu-glowne > li > ul.rekl > li > .con.con-2, .menu-glowne > li > ul.rekl > li > .con { clear:both; float:left; width: 100% !important; padding-bottom:10px;} .menu-glowne > li > ul.rekl > li > .con.con-2 .belka, .menu-glowne > li > ul.rekl > li > .con .belka { width: 100% !important; padding-top:6px; padding-bottom:6px; background: #8b2929; border-bottom:0;} .menu-glowne .dropdown.open .dropdown-menu { display: block !important; } #info { z-index: 400; position: fixed; } #info > .container > div { text-align: left; top:7px; right:85px; left:auto;} #info .left { display: none; } #info .right { margin-top:14px;} #slider { margin-top:0px;} .carousel { margin:auto; width:100% !important; height:auto; } .carousel .item { width:100% !important; height:auto !important; } .carousel .item div { height: auto; margin:auto; left:0; right:0; position: relative;} .carousel .item img { width:100%; height: auto; } .carousel-control { position: absolute; top:-135px !important; } .carousel-control.left { left:0px !important; } .carousel-control.right { right:0px; } .carousel-indicators { bottom:8px; left:0; right:0; width: 60%; text-align: left; } #seg-oferta-boxy .szcz { margin-bottom:20px !important; } #seg-oferta-boxy a.a-img { width:100%; height:auto; max-height: none; } #seg-oferta-boxy a.a-img span { max-width:100%; height:auto; max-height: none; text-align: center;} #seg-oferta-boxy a.a-img span img { width:100%; max-width: 255px; height:auto;} #footer h4 { padding:8px 0 10px 45px; margin-top:30px;} #footer .menu-dol h4 { padding:8px 0 10px 45px; margin-top:0px;} #kontakt #seg-formularz { padding:20px 15px 0;} #seg-formularz-2 .kol-1 { padding-right:30px; } #seg-formularz-2 .kol-2 { padding-right:30px; } #seg-formularz-2 .kol-3 { padding-right:30px; } #seg-formularz-2 .kol-3 div { padding-top:0px;} .galeria-4el li a { width:100%; height:191px; } .galeria-4el li a span { max-width:255px; height: 191px; } .galeria-4el.g-4el-ml-35 { padding-left:0px;} .galeria-4el.g-4el-ml-35 li a { width:100%; height:191px; } .galeria-4el.g-4el-ml-35 li a span { max-width:255px; height: 191px; } #sklep-lista .lista ul li a.a-img { width:100%; height:286px; } #sklep-lista .lista ul li a.a-img span { max-width:236px; height: 286px; } #sklep-lista .lista ul li a.a-img span img { max-width: 100%; max-height: 100%; } #sklep-szcz .szcz { border-top:1px solid #eee; padding-top:25px; margin-top:-5px;} #oferta-szcz .menu-of, #sklep-lista .menu-of, #sklep-szcz .menu-of { padding-right:0px; margin-right:0px; } #oferta-szcz .szcz, #sklep-lista .lista, #sklep-szcz .szcz { border-left:0px solid #eee; padding-left:15px;} #sklep-szcz .galeria li.my-xs-34 { display: block !important; } #sklep-szcz .galeria li a { width:100%; height:116px; } #sklep-szcz .galeria li a span { width:100%; height: 116px; } #sklep-szcz .galeria li a span img { max-width: 107px; max-height: 116px; } #sklep-szcz .szcz .pytanie { width:100%; margin-bottom:25px;} #sklep-szcz .szcz .do-koszyka { width:100%; margin-bottom:25px; } #realizacje-kat ul { padding-bottom:20px; } .kotw { position:relative; top:-66px;} .kotw-real { position:relative; top:-46px;} } @media (max-height: 300px) { .navbar-default .navbar-collapse, .navbar-default .navbar-form { max-height: 190px; background:#0f0;} } /* > xs big max */ @media (min-width: 730px) and (max-width: 768px) { } /* > xs 3/4 */ @media (min-width: 574px) and (max-width: 768px) { } @media (max-width: 714px) { #info { display:none; } .menu-glowne .info { clear:both; float:left; display: block; font-size:14px; line-height: 21px; color:#fff !important; text-align: center; padding: 7px 0;} .menu-glowne .info a { display: inline-block; padding:0 !important; vertical-align: top;} .menu-glowne .info a:first-child { } .menu-glowne .info:hover a { background: none !important; } .menu-glowne .info span { display:inline-block; width:4px; height:4px; margin:0 18px; position:relative; top:-2px; background: url('../../img/tla/top-ktopka.png') no-repeat center top; } .menu-glowne .info img { position: relative; top:-1px; margin-right:5px;} } /* < xs 3/4 */ @media (max-width: 574px) { .menu-con .logo { position:absolute; margin:0;} /* #info { display:none; position: relative; padding-top:8px; padding-bottom:4px; padding-left:6px; padding-right:0; z-index: 1; border-top:1px solid #bc0814; } #info > .container > div { position: relative; top:0px; right:0px; text-align: center; } #info .left { display: block; }*/ .carousel-indicators li { background: #be3131;} .carousel-indicators li.active { background: #8b2929;} .carousel-indicators { bottom:-20px; left:0; right:0; width: 95%; text-align: right; } #oferta-szcz .zobacz { clear:both; foat:right; margin-top:9px; } #oferta-szcz .a-img-fota-1 { display:block; margin:0 0 10px 0; padding: 0; text-align: center; width:100%;} #oferta-szcz .a-img-fota-1 img { max-width: 100%; border:1px solid #bbb;} #seg-oferta-boxy a.a-img { width:100%; } #seg-oferta-boxy a.a-img span { max-width:100%; } #seg-realizacje ul li { float:none; clear:both; width: auto;} #seg-formularz-2 form { margin-left:15px;} #seg-formularz-2 .kol-1 { padding-right:30px; } #seg-formularz-2 .kol-2 { padding-right:30px; } #seg-formularz-2 .kol-3 { padding-right:15px; padding-left:0; margin-left:-15px;} #seg-formularz-2 .kol-3 .form-group { width:100%; } #seg-formularz-2 button { width:100% !important;} .galeria-4el li a { width:100%; height:114px; } .galeria-4el li a span { max-width:152px; height: 114px; } .galeria-4el.g-4el-ml-35 li a { width:100%; height:114px; } .galeria-4el.g-4el-ml-35 li a span { max-width:152px; height: 114px; } #sklep-lista .lista ul li { clear:both; float:left; width:100%; padding-bottom:40px; } #sklep-lista .lista ul li a.a-img { width:100%; height:auto; } #sklep-lista .lista ul li a.a-img span { max-width:100%; height: auto; } #sklep-lista .lista ul li a.a-img span img { max-width: 286px; max-height: 100%; } #sklep-lista .visible-xs { padding:0 !important;} #sklep-szcz .tytul-xs-34 { display: block; clear:both; float:left; width:100%; } #sklep-szcz .tytul-xs-34 h3 { clear:both; float:left; padding-left:45px;} #sklep-szcz .powrot-1 { margin-top:15px; float:right;} #sklep-szcz .kol-L { width:100%; } #sklep-szcz .kol-P { width:100%; } #sklep-szcz .galeria li a { width:100%; height:168px; } #sklep-szcz .galeria li a span { max-width:155px; max-height: 168px; height:auto; } #sklep-szcz .galeria li a span img { max-width: 155px; max-height: 168px; } } /* > xs /2 */ @media (min-width: 384px) and (max-width: 768px) { .xs-max-hidden { display: block;} .xs-max { display: none;} } /* xs - do 454px */ @media (max-width: 454px) { #info { z-index: 1; } #info > .container > div { text-align: center; } #info img.ico-poczta { margin-left:0px; } #info u { display: block; padding-bottom:5px;} } /* xs - max */ @media (max-width: 384px) { #seg-oferta-boxy a.a-img { width:100%; } #seg-oferta-boxy a.a-img span { max-width:100%; } #seg-oferta-boxy ul a { display:block; padding: 4px 0 4px 15px; font-size:13px; color:#444; background: url('../../img/tla/seg-oferta-boxy-kropka.png') no-repeat 0px 11px; } #seg-oferta-boxy a.szcz { padding-left:15px;} #seg-oferta-boxy a.szcz i { display: none;} .galeria-4el li a { width:100%; height:83px; } .galeria-4el li a span { max-width:111px; height: 83px; } .galeria-4el.g-4el-ml-35 li a { width:100%; height:83px; } .galeria-4el.g-4el-ml-35 li a span { max-width:111px; height: 83px; } #sklep-lista .lista ul li a.a-img { width:100%; height:274px; } #sklep-lista .lista ul li a.a-img span { max-width:253px; height: 274px; } #sklep-lista .lista ul li a.a-img span img { max-width: 100%; max-height: 100%; } #sklep-szcz .szcz .all { padding-left:0px; } #sklep-szcz .szcz .con-tab select { width:100%;} #sklep-szcz .szcz .con-tab i { text-align: right; float:right;} #sklep-szcz .galeria li a { width:100%; height:120px; } #sklep-szcz .galeria li a span { max-width:111px; height: 120px; } #sklep-szcz .galeria li a span img { max-width: 111px; max-height: 120px; } #realizacje-kat h1, #realizacje-kat h2, #realizacje-kat h3 { padding:9px 0 15px 35px; } #realizacje-kat ul a { padding: 4px 0 4px 20px; background: url('../../img/tla/seg-oferta-boxy-kropka.png') no-repeat 0px 11px; } }