/* 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; }

    
}