/* -----------------------------------------------
,
color
#000
#8C0000
#B50000
#F00
#757575
#BBB
#DDD
#EEE
#F2F2F2
#F8F8F8
#F7F7F7
#FFF
#FD9
#FFFDE7
#FFC
#5B8F03
#007E00
#7EC804
#1E438A
#3E5FA4
#637AAE
#7B96CC
#B1C0E0
#D9E4FF
#EDEFF4
#D8DFEA
#7288B6
#627AAD
#1D4088
#404040
#BDC7D8
#8C9EC4
#404040
#133783
#e9eaed
====================
GLOBAL RESET
----------------------------------------------- */
/*
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
}
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
/*
usuwam bo to jest 100% z rozmiaru czciaki okreslonej w body
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
*/
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}
td {
padding: 4px;
}
/* dla debugowania usun_1dom */
.xdebug-var-dump{
position: absolute;
top: 4000px;
background-color: #f0f0f0;
z-index: 1000;
overflow: auto;
height: 900px;
border: 1px solid #dddddd;
}
/* dla debugowania usun_1dom */
.xdebug-var-dump:nth-of-type(2) { top: 5000px; }
/* dla debugowania usun_1dom */
.xdebug-var-dump:nth-of-type(3) { top: 6000px; }
/* dla debugowania usun_1dom */
.xdebug-var-dump:nth-of-type(4) { top: 7000px; }
/* dla debugowania usun_1dom */
.xdebug-var-dump:nth-of-type(5) { top: 8000px; }
/* dla debugowania usun_1dom */
.xdebug-var-dump:nth-of-type(6) { top: 9000px; }
/* dla debugowania usun_1dom */
.xdebug-error{
position: relative;
top: 80px;
background-color: white;
z-index: 1000;
}
/* -----------------------------------------------
BASIC ELEMENTS
----------------------------------------------- */
/*-----------------------
-- Global element Styles --
-----------------------*/
/* powoduje to ze scrol leci powoli do id jesli #cos w a href */
html { scroll-behavior: smooth; }
html .lbg1{
background-color:#e9eaed;
}
body {
width: 100%;
text-align: left;
font: normal 14px/20px Open Sans,sans-serif;
/* font: normal 14px/20px Verdana,Helvetica,Arial,sans-serif; */
color: #000;
background-color:#FFF;
/*background-color: #f8f8f8;*/
/*background-color: #F7F7F7;*/
/*nie dla ie 7 w dół*/
overflow-y: scroll;
}
a:link, a:visited {
cursor: pointer;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover {
cursor: pointer;
text-decoration: underline;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a {
cursor: pointer;
/*color: #4265AE;*/
color: #333;
/*color: #007aff;*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
label {
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
input,textarea,select {
background: #FFF;
/*color:#999999;*/
/*color: #e2e2e2;*/
color: #767676;
padding: 4px 6px;
font: 14px/18px Open Sans,sans-serif;
height: 18px;
overflow: hidden;
resize: none;
outline: 0;
display:block;
width:100%;
border: 1px solid white;
/*
height: 28px;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;     */
}
input::placeholder,textarea::placeholder {
color: #e2e2e2;
}
select {
font: 14px/28px Open Sans,sans-serif;
height: 28px;
}
input:hover, textarea:hover, select:hover, input.inp, textarea.inp, select.inp {
background-color: #FFFDE7;
/*
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);    */
}
input:checked + label {
color: #cc0000;
}
.fitm {
overflow: hidden;
margin: 0px 0px 6px;
border: 1px solid #999;
width: 100%;
position: relative;
max-height: 800px;
overflow-x: hidden;
overflow-y: auto;
-o-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.fitm label {
width: 100%;display: block;
}
.fitm .opttit {
padding: 0px 0 0px 40px;
/* height: 40px; */
font: bold 14px/40px Open Sans,sans-serif;
}
.fitm .opttit2 {
color: #5b5b5b;
padding: 0px 0 10px 50px;
font: normal 12px/20px Open Sans,sans-serif;
}
.colg{
/* color: #009900; */
color: #007E00;
}
.colsa{
color: #928F8F;font-weight: normal;
}
.colre{
/* color: #e74c3c; */
color: #CF2B1A;
}
.gre {
/* color: #009900; */
color: #007E00;
font-weight: normal;
}
.formv {}
.formv em {color: red;}
.fleft {float:left;}
.fright {float:right;}
.fcenter {text-align: center;}
.form {
padding: 0px 6px 6px;
}
.isfocus {
border-color: #FD9;
}
.isfocus .inp {
color: #000;
}
.focusedinp {
color: #000;
}
.window {
position:absolute;
left: 150px;
top: 110px;
/* width: 300px;
height: 100px;
background-color: rgb(200,200,250);
border: 1px solid #99F;
font: bold 11px/18px arial;
text-indent: 10px;
color: #FFF;*/
}
.tabela{width:100%;margin:0 auto;}
.tabela td,th{padding:4px;border-bottom: #ccc 1px solid;}
.tabela th{background:#f1f1f1;}
.tabelam{width:100%;margin:0 auto;}
.tabelam td{padding:8px;}
.tabelam th{padding:4px;font: bold 12px/20px Open Sans,sans-serif;}
/*
.bar {
position:absolute;
left: 0px;
top: 0px;
width: 300px;
height: 20px;
background-color: #99F;
cursor: default;
}
*/
/*-----------------------
KONIEC -- Global element Styles --
#3E5FA4
-----------------------*/
.bz-u-m-f{
display:block;
}
#barh {
background-color: #FFF;
width:100%;
height:107px;
}
#bart {
position: absolute;
width:100%;
height: 56px;
min-width:960px;
top: 0px;
left: 0px;
background-color: #FFF;
border-bottom: 1px solid #69A74E;
/*border-bottom: 1px solid #EEE;*/
z-index:304;
box-shadow: 0 0 1px;
/*box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);*/
text-align: center;
}
.fixed {
position: fixed !important;
}
.topw {
margin:0px auto;
/*	 width:980px; */
width: 88% !important;
width:980px;
min-width:960px;
max-width:1350px;
z-index: 302;
}
/*-----------------------
-- logo styles --
-----------------------*/
#logo {
float: left;
text-decoration: none;
display: block;
height: 55px;
margin: 0;
overflow: hidden;
position: relative;
width: 250px;
}
#logo img {
background: #FFF;
border: 0;
position: absolute;
top: 6px;
left: 0px;
}
/*-----------------------
KONIEC -- logo styles --
-----------------------*/
.clr {
clear: both;
}
/*
.clearfix:after {
content:".";
display:block;
height:0;
visibility:hidden;
}
*/
/* hack ie6 sony ie7*/
.clearfix {
display: inline-table;
* height:1%;
}
.talert{
width: 100%;
position:absolute;
top: -100px;
left: 0px;
z-index: 310;
background: #FFF;
/* display:block; */
text-align: center;
}
.talert_msg {
text-align: center;
border: 1px solid #E0E0E0;
position: relative;
font: normal 14px/23px Open Sans,sans-serif;
}
.talert_msg ul {
margin: 0;
border: 1px solid white;
background: #F7F7F7;
list-style: none;
overflow: hidden;
padding: 20px 20px 10px 20px;
}
.talert_msg .button {
position:absolute !important;
right:10px;
bottom:-8px;
}
/*-----------------------
-- Polityka cookies Styles | info o wyloczeniu javascript --
-----------------------*/
.cook {
position: relative;
top: auto;
bottom: 0;
left: 0;
clear: both;
width: 100%;
font: normal 11px/16px Open Sans,sans-serif;
background: #ddd;
z-index: 303;
margin: 0px;
padding:0px;
}
.cook.warr {
background: #fff9d7;
}
.cook .conte {
/*width: 960px;*/
max-width: 960px;
position: relative;
margin: 0 auto;
display: block;
clear: both;
}
.cook .mes {
width: 100%;
text-align: center;
}
.cook .mesin {
/*padding: 10px 44px 10px 0;*/
padding: 6px 44px 4px 0px;
}
.cook .mesa {
position: absolute;
top: 0px;
right: 0px;
width: 44px;
height: 30px;
}
/*-----------------------
-- KONIEC Polityka cookies Styles --
-----------------------*/
/*-----------------------
-- Polityka cookies nowa Styles | info o wyloczeniu javascript --
-----------------------*/
.cook_box {
color: #757575;
font: normal 14px / 24px Open Sans, sans-serif;
/* padding: 20px 0; */
text-align: center;
}
.cook_box a {color:#757575;}
.cook_box .cook_in {
padding: 0 0 10px;
font: normal 16px / 26px Open Sans, sans-serif;
color: #000;
text-align: left;
}
.cokbut a {
height: 16px;
width: 42px;
float: right;
position: relative;
border-radius: 20px;
background-color: #eee;
}
.cokbut.actt a {
background-color: #c8e1bd;
}
.cokbut a b {
top: -2px;
position: absolute;
height: 20px;
width: 20px;
border-radius: 20px;
color: #CECECE;
background-color: #CECECE;
}
.cokbut.actt a b {
right: 0px;
color: #8dc377;
background-color: #8dc377;
}
/*-----------------------
-- KONIEC Polityka cookies nowa Styles --
-----------------------*/
#firma {
width:auto;
height:120px;
}
/*-----------------------
-- Navigation Styles --
-----------------------*/
.menu, .menuin {
float: left;
height: 40px;
padding-top: 15px;
}
.menu .lim, .menuin .lim {
position: relative;
float: left;
margin-right: 6px;
z-index: 100;
background: #FFF;
border: 1px solid #FFF;
border-bottom: 0px;
}
.menu .lim:hover, .menu .lim.hov, .menuin .lim:hover, .menuin .lim.hov {
background: #5C5B68;
border-color: #2D2D2D;
-o-border-radius: 2px 2px 2px 2px;
/*-icab-border-radius: 2px 2px 0px 0px;*/
-khtml-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
-khtml-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
}
.menu a:visited, .menu a:link, .menuin a:visited, .menuin a:link{
color: #535353;
text-decoration: none;
}
.menu .lim:hover a.amm, .menu .lim.hov a.amm, .menu .lim.hov a b, .menuin .lim:hover a.amm, .menuin .lim.hov a.amm, .menuin .lim.hov a b {
color: white;
text-decoration: none;
}
.menu .lim.acth, .menuin .lim.acth {
background: #F1F0F0;
}
.menu .lim.acth:hover a.amm, .menu .lim.acth.hov a.amm , .menuin .lim.acth:hover a.amm, .menuin .lim.acth.hov a.amm {
color: #535353;
text-decoration: none;
}
.menu .amm , .menuin .amm {
color: white;
text-decoration: none;
/*text-shadow: black 0 1px;*/
cursor: pointer;
padding: 0px 14px 0px 14px;
font: bold 14px/39px Open Sans,sans-serif;
float: left;
}
.menu .amm b , .menuin .amm b {
float: left;
}
.menu .lim:hover .list_a,.menu .lim.hov .list_a, .menuin .lim:hover .list_a,.menuin .lim.hov .list_a {
display: block;
}
.menu .lim:hover .list_a a,.menu .lim.hov .list_a a, .menuin .lim:hover .list_a a,.menuin .lim.hov .list_a a {
cursor: pointer;
color: #000;
text-decoration: none;
}
.menu .lim:hover .list_a a:hover,.menu .lim.hov .list_a a:hover , .menuin .lim:hover .list_a a:hover,.menuin .lim.hov .list_a a:hover {
background: #eee;
/*color: white;*/
text-decoration: none;
}
.menu .list_a , .menuin .list_a {
display: none;
width: 200px;
position: absolute;
top: 39px;
left: -1px;
background: white;
border: 1px solid #757575;
border-top: 1px solid #5C5B68;
-o-border-radius: 0px 0px 2px 2px;
/*-icab-border-radius: 0px 0px 2px 2px;*/
-khtml-border-radius: 0px 0px 2px 2px;
-moz-border-radius: 0px 0px 2px 2px;
-webkit-border-radius: 0px 0px 2px 2px;
border-radius: 0px 0px 2px 2px;
-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
-khtml-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
padding-top: 1px;
}
.menuin .ico.optr{
margin: 10px 6px 0px 6px;
}
.menuin .amm {
font: normal 14px/27px Open Sans,sans-serif;
padding: 0px 6px 0px 6px;
}
.menuin .amm b {
font-weight: normal;
}
.menuin .amm.homei {
padding: 0px;
}
.menuin .list_a {
top: 27px;
z-index: 1000;
}
.menuin {
font: normal 14px/27px Open Sans,sans-serif;
height: 28px;
padding-top: 0px;
}
.menuin .lim {
margin-right: 0px;
}
/*-- icon menu styles --*/
.icom {
display: inline-block;
float: left;
width: 32px;
height: 29px;
top: 0px;
background-image: url("https://st.szafkirtv.pl/img/2lf8f5B8.png");
background-repeat: no-repeat;
margin-left: 4px;
}
.cl {
background-position: -392px -4px;
}
.vi {
background-position: -206px -4px;
}
.ph {
background-position: -282px -4px;
}
.cm {
background-position: -358px -4px;
}
.gr {
background-position: -318px -4px;
}
/*-- KONIEC icon menu styles --*/
.m_sar {
margin-right: 600px;
margin-left: 260px;
height:34px;
width: auto;
* width: 10%;
position: relative;
top: 10px;
left: 0px;
border: 1px solid #999;
border-radius: 30px;
-o-border-radius: 30px;
-khtml-border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}
.m_sars {
margin-left: 16px;
margin-right: 40px;
}
.m_sarsi {
float: right;
height: 24px;
width: 24px;
top: 6px;
position: absolute;
right: 8px;
border: 0;
cursor: pointer;
outline: none;
padding: 0 4px;
line-height: 0;
background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png");
background-position: -510px -52px;
background-repeat: no-repeat;
background-color: transparent;
font-size: 1px;
color: #fff;
}
.m_sarq {
left: 0px;
top: 2px;
position: absolute;
width: 100%;
min-width: 200px;
padding: 4px 10px 10px;
border: 1px solid #999;
background: #FFF;
border-radius: 3px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.m_sarq ul {
text-align: left;
/* overflow: hidden !important;*/
max-height: 400px;
overflow-y: scroll;
position: relative;
}
.m_sarq ul li {
width: 100%;
display: block;
}
.m_sarq ul li a {
display: block;
padding: 8px 15px;
border-radius: 10px;
}
.m_sarq li a:hover {
background-color: #f9f9f9;
}
.m_sarq .m_sarf {
padding: 8px 0;
font-size: 12px;
color: #B6B6B6;
border-bottom: 1px solid #f9f9f9;
}
.qLoad {
position: absolute;
top: 5px;
right: 34px;
width: 22px;
height: 22px;
display: none;
}
.load .qLoad{display:block;}
.load .act .act_show{display: none !important;}
.m_login {
position: relative;
float: right;
z-index: 300;
border-left: 1px solid #dbdbdb;
}
.m_login .how {
width:280px;
height: 32px;
background: #404040;
border: 1px solid #404040;
border-bottom: 0px;
padding-top: 3px;
}
.m_login .m_t {
position: relative;
display: block;
height: 42px;
margin-top: 12px;
background: #FFF;
border: 1px solid #FFF;
border-bottom: 0px;
overflow: hidden;
-o-border-radius: 2px 2px 0px 0px;
/*-icab-border-radius: 2px 2px 0px 0px;*/
-khtml-border-radius: 2px 2px 0px 0px;
-moz-border-radius: 2px 2px 0px 0px;
-webkit-border-radius: 2px 2px 0px 0px;
border-radius: 2px 2px 0px 0px;
font: normal 14px/39px Open Sans,sans-serif;
color: #535353;
}
#cart .m_t {
width: 178px;
text-align: left;
}
.m_login .m_t b {
font-weight: normal;
}
.m_login .m_t b u{
color: #44762F;
text-decoration: none;
}
.m_login .m_t:hover {
background: #5C5B68;
text-decoration: none;
color: #FFF;
}
.m_login .m_t .ico {
margin: 12px 0px auto 10px;
}
/* Czerwone ile wiadomosci jest */
.m_login .cnt {
position: absolute;
top: 2px;
left: 18px;
background: #D5422C;
font: 12px/12px Open Sans,sans-serif;
padding: 2px 4px;
color: white;
text-decoration: none;
z-index: 320;
border: solid 2px #fff;
-o-border-radius: 10px;
/*-icab-border-radius: 3px;*/
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
box-shadow: 0 1px 2px #ccc;
}
.m_login .cnt2 {
width: 300px;
position: absolute;
top: 10px;
left: -380px;
z-index: 320;
}
.m_login .cnt2 a {
height: 36px;
float: left;
padding: 0px 16px 0px 36px;
display: block;
border: 1px solid #dddddd;
border-radius: 500px;
background: #fff;
box-shadow: 0px 0px 1px #fbfbfb;
color: #000;
text-decoration: none;
}
.m_login .cnt2 a:hover {
border-color: #898989;
text-decoration: none;
transition: all 0.2s ease-in;
}
.m_login .cnt2 .ctel {
position: relative;
font: normal 16px/36px Open Sans,sans-serif;
}
.m_login .cnt2 .cem {
font: normal 11px/36px Open Sans,sans-serif;
margin-left: -30px;
padding: 0px 10px 0px 30px;
background: #f9f9f9;
}
.m_login .cnt2 i {
display: block;
width: 20px;
height: 14px;
position: absolute;
top: 10px;
left: 14px;
background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png");
background-repeat: no-repeat;
}
.m_login .cnt2 .icote {
background-position: -866px -20px;
}
.m_login .cnt2 .icote2 {
background-position: -842px -21px;
}
.m_login .cnt2 .ifo {
color: #333;
text-decoration: none;
background: #fff;
font: bold 10px/18px Open Sans,sans-serif;
width: 60px;
height: 18px;
position: absolute;
top: -10px;
left: 14px;
}
.m_login.act .m_t {
background: #5C5B68;
border-color: #000;
color: #FFF;
-o-border-radius: 2px 2px 0px 0px;
/*-icab-border-radius: 2px 2px 0px 0px;*/
-khtml-border-radius: 2px 2px 0px 0px;
-moz-border-radius: 2px 2px 0px 0px;
-webkit-border-radius: 2px 2px 0px 0px;
border-radius: 2px 2px 0px 0px;
-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
-khtml-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
}
.m_login .itm {
width: 280px;
position: absolute;
top: 0px;
right: 0px;
background: white;
padding-top: 1px;
border: 1px solid #757575;
/*border-top: 0px;*/
z-index: 310;
outline: none;
-o-border-radius: 0px 0px 2px 2px;
/*-icab-border-radius: 0px 0px 2px 2px;*/
-khtml-border-radius: 0px 0px 2px 2px;
-moz-border-radius: 0px 0px 2px 2px;
-webkit-border-radius: 0px 0px 2px 2px;
border-radius: 0px 0px 2px 2px;
-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
-khtml-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
}
.m_login input {
float:left;
width:200px;
margin:2px -8px 2px 6px;
}
/* .menu_login a {} */
.m_login .button.bgz {
position: absolute;
top:25px;
right: 6px;
padding: 4px 6px;
}
.m_login .bo {
padding-bottom: 20px;
text-align: center;
}
.m_login .bo input {
width:160px;
}
.m_login div span {
display: block;
float: left;
width: 100%;
}
a.m_pr{
font: bold 14px/26px Open Sans,sans-serif;
height: 26px;
text-align: center;
width: 100%;
display: block;
}
a.m_email, a.m_lo {
position: absolute;
right: 2px;
}
a.m_email {
top:2px;
}
a.m_lo {
bottom: 8px;
}
/* Gwiazdki */
.stars {
margin: 10px;
}
.stars div {
margin-right: 4px;
float: left;
}
.stars0 {
width: 98px;
height: 20px;
position: relative;
background-image: url("https://st.szafkirtv.pl/img/color-stars-98.png");
background-repeat: no-repeat;
}
.stars0 span {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
background-position: 0px -20px;
}
/*
.stars1 {
width: 120px;
height: 20px;
position: relative;
background-image: url("https://st.szafkirtv.pl/img/color-stars-120.png");
background-repeat: no-repeat;
}
.stars1 span {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
background-position: 0px -23px;
}
*/
.starsb {
margin: 10px;
font: normal 14px/30px Open Sans,sans-serif;
}
.starsb div {
margin-right: 10px;
float: left;
}
.starsb_w {
width: 120px;
}
.stars2 {
cursor: pointer;
width: 160px;
height: 26px;
position: relative;
background-image: url("https://st.szafkirtv.pl/img/color-stars-160.png");
background-repeat: no-repeat;
}
.stars2 span {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
background-position: 0px -31px;
}
/* Gwiazdki KONIEC */
/* Opinie */
.opin {
margin-top: 70px;
font: normal 16px/30px Open Sans,sans-serif;
}
.boxw .opin {
margin-top: 0px;
}
.opina {
font: normal 12px/20px Open Sans,sans-serif;
color: #6e6e6e;
border-top: 1px solid #dddddd;
margin-bottom: 60px;
}
.opinb {
width:150px;
text-align: center;
}
.opin_in {
padding: 15px 0px 10px 15px;
border-bottom: 1px solid #dddddd;
}
.boxw .opin_in {
padding-left: 0px;
}
.opin_in1 {
width: 10%;
float: left;
position: relative;
padding-left: 15px;
}
.boxw .opin_in1 {
width: 100%;
}
.opin_in2 {
width: 50%;
float: left;
position: relative;
padding-left: 15px;
}
.boxw .opin_in2 {
width: 100%;
padding-left: 18px;
}
.smallo {
font-size: 11px;
margin-left: 10px;
padding: 6px;
}
.opin_in3 {
float: left;
position: relative;
}
.boxw .opin_in3 {
width: 50%;
}
.op_in3 {
width: 120px;
}
.opin_in4 {
float: right;
position: relative;
width: 100px;
}
.th a i.checkop {
height: 60px;
width: 60px;
background-image: url("https://st.szafkirtv.pl/img/checkop.png");
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
}
/* KONIEC Opninie */
#barm {
width: 100%;
position: absolute;
top:0px;
left:0px;
margin-top: 56px;
height: 46px;
z-index: 303;
transform: translatey(0);
transition: all .3s;
}
.scrodo #barm {
margin-top: -200px;
}
.list_mmm {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #fff;
border-radius: 5px;
border: 1px solid #f2f2f2;
}
.list_mmm li {
float: left;
}
.list_mmm li a {
font: normal 14px / 26px Open Sans, sans-serif;
display: block;
color: #585555;
text-align: center;
padding: 4px 16px;
margin: 6px;
text-decoration: none;
border-radius: 200px;
border: 1px solid #fff;
}
/* Change the link color to #111 (black) on hover */
.list_mmm li a:hover {
background-color: #f9f9f9;
border: 1px solid #eee;
}
.list_mmm .mmm_act {
border: 1px solid #999;
}
/* Menu dla komorek */
.mobi_1 {
display: none;
visibility: hidden;
z-index: 1;
width: 48px;
height: 36px;
position: absolute;
top: 10px;
left: 0px;
}
/* KONIEC Menu dla komorek */
/*-----------------------
KONIEC -- Navigation Styles --
-----------------------*/
.padd {
padding: 20px 0px;
}
.uname {
color: #C00;
font: bold 14px/22px Open Sans,sans-serif;
}
.unamem {
color: #C00;
font: bold 14px/20px Open Sans,sans-serif;
}
.unamel {
/*color: #C00;*/
font: bold 14px/20px Open Sans,sans-serif;
}
/*-----------------------
-- Układ Styles --
-----------------------*/
#content{
position:relative;
min-height: 560px;
/*
width: 80%;
min-width: 980px;
max-width: 1180px;
*/
}
/* alert info koronowirus */
.aio {
margin: 10px;
text-align: center;
border-radius: 5px;
border: 1px solid #FD9;
padding: 10px;
}
.aiop {
font: normal 12px/20px Open Sans,sans-serif;
}
#left{
/*width: auto;*/
width: 660px;
overflow: hidden;
/* margin-right: 309px; */
padding: 0px 0px 0px 0px;
background:#FFF;
float: left;
}
#leftl{
/*width: auto;*/
width: 480px;
/* margin-right: 309px; */
padding: 0px 0px 0px 0px;
background:#FFF;
float: left;
}
#left_in{
}
.bg{
width: 100%;
background: #FFF;
}
#left_in .bg{
width: 660px;
}
#right {
float: right;
position: relative;
width: 308px;
min-height: 620px;
margin: -23px 0px -1px 0px;
padding: 0px 0px 1px 1px;
background: #C9C9C9;
}
#rightl {
float: right;
position: relative;
width: 488px;
margin: -23px 0px -1px 0px;
padding: 0px 0px 1px 1px;
/*
background: #C9C9C9;
*/
}
#left2{
position:relative;
float: left;
display:inline;
width: 250px;
overflow: hidden;
margin: 0px -1px 0px 0px;
padding: 0px 0px 90px 0px;
min-height: 560px;
background:#FFF;
}
.left2{
position:relative;
float: left;
display:inline;
width: 250px;
overflow: hidden;
margin: 0px -1px 0px 0px;
padding: 0px 0px 50px 0px;
min-height: 560px;
background:#FFF;
}
.left3{
position:relative;
float: left;
display:inline;
width: 660px;
overflow: hidden;
}
.left4{
position:relative;
margin: 0px 300px 0px 0px;
}
.right4 {
/* jesli to chcesz uzyc z .left4 to to musi byc przed .left4 */
float:right;
width:300px
}
#left2.lw200{
width: 200px;
}
#left2.lw220{
width: 220px;
}
.left2prof{
position: relative;
margin: 8px -2px 20px 0px;
}
#right2 {
width: auto;
margin: 0px 0px 0px 250px;
padding-top:16px;
/*
padding: 0px 0px 50px 0px;
border-left: 2px solid #F8F8F8;
*/
}
.right2 {
width: auto;
margin: 0px 0px 0px 250px;
padding-top:16px;
}
.right3 {
width: auto;
margin: 0px 0px 0px 660px;
}
.par {
padding: 0px 0px 10px 10px;
position: relative;
}
.par .lin {
border-top:2px solid #f1f1f1;
margin: 8px 0;
}
.par .kode {
display: block;
/*font: normal 12px/14px Arial,Helvetica,sans-serif;*/
font: normal 12px/14px Open Sans,sans-serif;
color: #666;
text-align: right;
}
.par .kode span {
font: normal 14px/14px Open Sans,sans-serif;
float: left;
}
.par .cartad {
color: #666;
}
.par .pro {
float: left;
font: bold 14px/18px Open Sans,sans-serif;
color: #666;
}
.par .price {
text-align: right;
font: 700 30px/32px Open Sans,sans-serif;
/* color: #e74c3c; */
color: #e74c3c;
padding: 10px 10px 0 0;
}
.par .price .indos{
font: normal 20px/20px Open Sans,sans-serif;
/* color: #e74c3c; */
color: #CF2B1A;
}
.par .buc {
text-align: center;
position: relative;
margin: 0 auto;
padding: 10px 0px;
}
.par .mri {
font: normal 10px/20px Open Sans,sans-serif;
color: #666;
text-align: right;
}
.par .mle {
font: normal 12px/20px Open Sans,sans-serif;
color: #666;
text-align: left;
}
.pad16 {
padding:16px;
}
.tabc {
border: 1px solid #ccc;
border-radius: 0px 3px 3px 3px;
min-height: 100px;
}
.tabc .tabl{
position: relative;
overflow: hidden;
padding: 0px 0px 20px 20px;
}
.tabc .intb{
width: auto;
padding: 16px;
}
.pa_in {
padding: 0px 0px 10px 14px;
}
.w68x84 .m99p{
width:99%;
}
.abs {
position: absolute;
top: 0px;
left: 0px;
}
.cred {
color:#e74c3c;
}
.padc {
padding: 20px;
color: #666;
}
.padx {
padding: 14px 6px 0px 0px;
}
#right2.rm200{
margin: 0px 0px 0px 200px;
}
#right2.rm220{
margin: 0px 0px 0px 220px;
padding-top: 0px;
}
.right2_in {
padding: 0px 0px 50px 14px;
position: relative;
}
#top2{
position: relative;
top:0px;
left:0px;
padding: 6px 0px 10px 0px;
float: left;
clear: both;
z-index:102;
width: 100%;
font: normal 14px/27px Open Sans,sans-serif;
}
#top2 .afo{
display: block;
float: left;
padding: 0px 6px 0px 6px;
border: 1px solid #FFF;
border-bottom: 0px;
/* color: #73B304; */
color: #007E00;
font: normal 14px/27px Open Sans,sans-serif;
}
#top2 .ico.optr {
margin: 10px 6px 0px 6px;
}
#top2 i {
float: left;
}
#top2_mob{
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
display:none;
}
#top2_mob .afo{
display: block;
/*float: left;*/
padding: 0px 6px 0px 6px;
border: 1px solid #FFF;
border-bottom: 0px;
/* color: #73B304; */
color: #007E00;
font: normal 14px / 27px Open Sans, sans-serif;
}
/*-----------------------
KONIEC -- Układ Styles --
-----------------------*/
.diu{
display:block;
width: 30px;
height: 8px;
position: absolute;
top: 0px;
left: 9px;
background: url("https://st.szafkirtv.pl/img/1lf8f5B8.png") -396px -140px no-repeat;
z-index: 100;
}
.top2albums {
float: right;
word-wrap: break-word;
}
.top2pname {
position: absolute;
left: 0px;
top: 12px;
background: #F2F2F2;
border: 1px solid #DDD;
padding: 0px 12px 0px 56px;
background-image: none;
-o-border-radius: 2px;
/*-icab-border-radius: 2px;*/
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.top2prof {
display:block;
float:left;
width:46px;
/*height:80px;*/
margin-top: 8px;
}
.top2block {
/*margin: 4px 350px 4px 60px;*/
margin: 44px 0px 4px 60px;
position: relative;
z-index: 1;
overflow: hidden;
width: 590px;
height: 44px;
}
.top2dat {
font: normal 14px/22px Open Sans,sans-serif;
height: 22px;
position: absolute;
top: 0px;
right: 320px;
background: #EEE;
border: 1px solid #DDD;
padding: 0px 12px;
}
.top2title {
font: bold 16px/40px Open Sans,sans-serif;
word-wrap: break-word;
}
.top2desc {
margin-left:8px;
word-wrap: break-word;
color: #474747;
}
.top2desc h2 {font: bold 15px/30px Open Sans,sans-serif;}
.top2desc p {margin-left:5px;}
.top2desc strong {font: bold 14px/20px Open Sans,sans-serif;}
#contentl .edit_width, #contentm .edit_width, #contentp .edit_width {
display: none;
position:absolute;
top:90px;
left:20px;
width:54px;
height: 53px;
background: url("https://st.szafkirtv.pl/img/1lf8f5B8.png") no-repeat 0px -172px;
z-index: 200;
cursor:pointer;
}
#contentl.actt .edit_width, #contentm.actt .edit_width, #contentp.actt .edit_width {
background-position: -54px -172px;
}
#contentl .edit_width:hover, #contentm .edit_width:hover, #contentp .edit_width:hover {
display: block;
border: 0px;
-o-border-radius: 2px; /* Opera stara*/
/*-icab-border-radius: 2px;*/ /* iCab */
-khtml-border-radius: 2px; /* Konqueror */
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari */
border-radius: 2px; /* CSS 3 */
background-color: #000;
}
#right.widthmax {
margin: 732px 0px 0px 0px;
}
#contentl:hover .edit_width, #contentm:hover .edit_width, #contentp:hover .edit_width, #contentl.hov .edit_width, #contentm.hov .edit_width, #contentp.hov .edit_width  {
display: block;
}
#contentl, #contentm , .contentl {
position:relative;
top:10px;
left:0px;
margin-bottom: 40px;
/* height:500px; */
/*background: #F8F8F8;*/
text-align: center;
float: left;
}
#contentl, .contentl {
margin-bottom: 29px;
}
#contentl.widthmax, #contentm.widthmax {
height:700px;
margin-bottom: 55px;
/*
width:980px;
height:650px;
*/
}
/*
#contentm.act {
width: 980px;
margin-bottom: 40px;
height:700px;
}
*/
#contentl.widthmax div, #contentm.widthmax div {
position: absolute;
top: 0px;
left: 0px;
}
#contentp {
position: relative;
top: 0px;
left: 0px;
text-align: center;
margin-bottom: 10px;
/*
background: #F8F8F8;
border: 1px solid #EEE;
-o-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;  */
/* CSS 3 */
}
#contentp img {
cursor: pointer;
/*
// narazie usunołem width:100% i może tak zostanie żeby nadać stałe wymiary bo szybciej się wyświetla
width: 100%;
*/
}
#contentp.w640 img {
width: 640px;
}
#contentp.widthmax {
margin-bottom: 55px;
/*
width:950px;
*/
}
#contentp.actt {
padding: 0px; /* nie dziala w ie 6 */
}
#contentp.actt div {
text-align:center;
margin: 0px auto;
width: 978px;
}
#contentp.th a.vrp i {
width:640px;
height:426px;
}
#contentp.th a.vrp i b i {
position: absolute;
top: 10px;
right: 10px;
width: 30px;
height: 40px;
z-index: 30;
background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png");
background-position: -510px 0px;
background-repeat: no-repeat;
background-color: transparent;
border: 0px;
}
#contentm div {
width:660px;
height:512px;
}
/*
#contentl div, .contentl div {
width:480px;
height:360px;
}
#contentl.actt div, #contentm.actt div, .contentl.actt div {
text-align:center;
margin: 0px auto;
width: 980px;
height: 584px;
}
*/
#contentp .tabContent {
min-height:90px;padding-top: 10px;
}
#contentp .tabc {
min-height:90px;padding-bottom: 10px;
}
#contentp.widthmax img {
position: absolute;
top: 0px;
left: 0px;
}
.goox-slider {
position: relative;
top:0px;
left:0px;
width:740px;
height:427px;
top: 10px;
left: 0px;
text-align: center;
min-height: 320px;
margin-bottom: 40px;
background: #F8F8F8;
border: 1px solid #EEE;
-o-border-radius: 2px;
/*-icab-border-radius: 2px;*/
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 10px;
}
.goox-slide{
position: absolute;
top:10px;
left:10px;
width: 740px;
height: 427px;
}
/*-----------------------
-----------------------*/
/*-----------------------
-- komentarze styles --
ul li
-----------------------*/
.com {
padding: 15px 0px 20px;
}
.com li {
position: relative;
margin: 0px 15px 15px 62px;
padding: 0px;
-o-border-radius: 2px; /* Opera stara*/
/*-icab-border-radius: 2px;*/ /* iCab */
-khtml-border-radius: 2px; /* Konqueror */
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari */
border-radius: 2px; /* CSS 3 */
border: 1px solid #DDD;
}
/*
.com li textarea {
width:97%;
}
*/
.com li h2 {
background:#F2F2F2;
margin: 1px 0px 8px 0px;
padding: 1px 5px;
color: #BBB;
font-weight: normal;
border-bottom: 0px solid #BBB;
-o-border-radius: 2px; /* Opera stara*/
/*-icab-border-radius: 2px;*/ /* iCab */
-khtml-border-radius: 2px; /* Konqueror */
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari */
border-radius: 2px; /* CSS 3 */
}
.com li h2 span {
float: right;
color: #757575;
}
.com li h2 span.img_com {
float: left;
background:url("https://st.szafkirtv.pl/img/1lf8f5B8.png") -310px -130px no-repeat;
margin-left: -13px;
width:8px; height: 17px;
}
.com li p {
height:100%;
margin: 0px 8px 4px;
background: #FFF;
overflow: hidden;
position: relative;
word-wrap: break-word;
}
.com li .rep {
height: 24px;
margin: 0px 5px;
}
.com li div .hovershow {
display: none;
padding-left: 5px;
}
.com .com_prof{
display: inline;
width:46px;
height:70px;
position: absolute;
left: -60px;
top: -4px;
}
/*-----------------------
KONIEC -- komentarze styles  --
-----------------------*/
/*-----------------------
-- Uklad w pionie listy linkow styles --
ul li
-----------------------*/
.right_margin {margin-left: 3px;}
.list_a {
display:block;
width: 100%;
padding-bottom:20px;
text-align:left;
}
.list_a .title {
border-top: 1px solid #FFF;
border-bottom: 1px solid #757575;
display:block;
height:18px;
width:100%;
color: #BBB;
}
.list_a a {
border-top: 1px solid #FFF;
border-bottom: 1px solid #F2F2F2;
margin:0px;
display:block;
line-height:20px;
padding: 0px 10px;
zoom: 1;
}
.list_a a:hover {
background: #eee;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
text-decoration: none;
/*
color: #FFF;
border-bottom: 1px solid #404040;
border-top: 1px solid #404040;*/
}
.list_a.corl a:hover {
border-left: 1px solid #404040;
-o-border-radius: 2px 0px 0px 2px; /* Opera stara*/
/*-icab-border-radius: 2px 0px 0px 2px;*/ /* iCab */
-khtml-border-radius: 2px 0px 0px 2px; /* Konqueror */
-moz-border-radius: 2px 0px 0px 2px; /* Firefox */
-webkit-border-radius: 2px 0px 0px 2px; /* Safari */
border-radius: 2px 0px 0px 2px; /* CSS 3 */
}
.list_a .redl {
color: #B50000;
}
.list_a a:hover.redl {
background: #B50000;
border-bottom: 1px solid #8C0000;
border-top: 1px solid #8C0000;
color: #FFF;
text-decoration: none;
}
.list_a.corl a:hover.redl {
border-left: 1px solid #8C0000;
}
.list_a .greenl {
color: #007E00;
}
.list_a a:hover.greenl {
background: #007E00;
border-bottom: 1px solid #5B8F03;
border-top: 1px solid #5B8F03;
color: #FFF;
text-decoration: none;
}
.list_a.corl a:hover.greenl {
border-left: 1px solid #5B8F03;
}
/*-----------------------
KONIEC -- Uklad w pionie listy linkow styles --
-----------------------*/
/*-----------------------
-- Uklad w pionie listy linkow styles ale rozkłada się do lewej z podanego procentu szerokosci --
ul li
-----------------------*/
.list_al {
position: relative;
width: 100%;
padding: 10px 0px 0px 20px;
}
.list_al.w2 li {
width: 50%;
}
.list_al.w3 li {
width: 33.3%;
}
.list_al.w4 li {
width: 25%;
}
.list_al.w5 li {
width: 20%;
}
.list_al li {
text-align: left;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-table;
display: inline-block;
vertical-align: top;
padding: 2px 0px;
}
.list_al b {
padding: 2px;
font-weight: normal;
}
.list_al .act {
-o-border-radius: 2px;
/*-icab-border-radius: 2px;*/
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #EEE;
border: 1px solid #DDD;
}
/*-----------------------
KONIEC -- Uklad w pionie listy linkow styles ale rozkłada się do lewej z podanego procentu szerokosci --
-----------------------*/
/*-----------------------
-- Uklad w pionie listy linkow menu styles --
ul li
-----------------------*/
.list_am {
display:block;
width: 100%;
padding-bottom:24px;
text-align:left;
}
.list_am .title {
border-top: 1px solid #FFF;
border-bottom: 1px solid #757575;
display:block;
height:18px;
width:100%;
color: #BBB;
}
.list_am a {
border-top: 1px solid #FFF;
border-bottom: 1px solid #F2F2F2;
margin:0px 0px 0px 20px;
display:block;
line-height:20px;
zoom: 1;
color: #333;
font: normal 14px/18px Open Sans,sans-serif;
padding-left: 15px!important;
background-position: -1008px -90px;
background-repeat: no-repeat;
background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png");
}
.list_am a:hover {
background-color: #eee;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
text-decoration: none;
/*
color: #FFF;
border-bottom: 1px solid #404040;
border-top: 1px solid #404040;*/
}
.list_am.corl a:hover {
/*border-left: 1px solid #404040;*/
-o-border-radius: 2px 0px 0px 2px; /* Opera stara*/
/*-icab-border-radius: 2px 0px 0px 2px;*/ /* iCab */
-khtml-border-radius: 2px 0px 0px 2px; /* Konqueror */
-moz-border-radius: 2px 0px 0px 2px; /* Firefox */
-webkit-border-radius: 2px 0px 0px 2px; /* Safari */
border-radius: 2px 0px 0px 2px; /* CSS 3 */
}
.list_am .redl {
color: #B50000;
}
.list_am a:hover.redl {
background: #B50000;
border-bottom: 1px solid #8C0000;
border-top: 1px solid #8C0000;
color: #FFF;
text-decoration: none;
}
.list_am.corl a:hover.redl {
border-left: 1px solid #8C0000;
}
.list_am .greenl {
color: #007E00;
background-position: -1008px -52px;
padding-left: 15px!important;
}
.list_am a:hover.greenl {
background-color: #007E00;
border-bottom: 1px solid #5B8F03;
border-top: 1px solid #5B8F03;
color: #FFF;
text-decoration: none;
}
.list_am.corl a:hover.greenl {
border-left: 0px solid #5B8F03;
}
/*-----------------------
KONIEC -- Uklad w pionie listy linkow menu styles --
-----------------------*/
/*-----------------------
Uklad w pionie menu filtr --
-----------------------*/
.filt {
border: solid 1px #ccc;
}
.filt .cll {
float: right;
font-size: 11px;
}
.blf {
height:30px;
padding: 10px;
}
.blf span {
float: left;
color: #cc0000;
font: normal 24px/30px Open Sans,sans-serif;
}
/*-----------------------
KONIEC -- Uklad w pionie menu filtr --
-----------------------*/
/*-----------------------
-- Tab content styles --
-----------------------*/
/*.imgLoad{background: url("https://st.szafkirtv.pl/img/loading-ss.gif") no-repeat;}*/
.imgLoad{background: url("https://st.szafkirtv.pl/img/loading-ss.gif") center center no-repeat;}
.tabLoad{position: absolute;bottom: 0px;right: 0px;width:22px; height:22px;display:none;}
.load .tabLoad{display:block;}
.tabContent{
width: 100%;
padding-bottom: 20px;
min-height: 260px;
}
.overflow{
overflow: hidden;
}
.overflow .tit_o ul{
width: 1240px;
}
.tcontent{
position:relative;
display:block;
width:100%;
}
.tcontent .ce{
position: absolute;
color: #757575;
background-color: #EEE;
border: 1px solid #DDD;
font-weight: normal;
top:0px;
left: 50%;
margin: 10px 0px 0px -20px;
padding: 0px 8px;
-o-border-radius: 2px;
/*-icab-border-radius: 2px;*/
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.tcontentd {
width: 100%;
display: block;
position: relative;
top: 0px;
left: 0px;
text-align: center;
}
.tcontentd a {
padding:0px 0px;
width:50%;
height:40px;
background: #FFF;
border-bottom:1px solid #DDD;
display:block;
float:left;
/* hack ie6 sony ie7*/
* width:49.9%;
}
.tcontentd a:hover {
background: #F2F2F2;
}
.tcontentd a.le b {
float:left;
width:40px;
height:40px;
cursor:pointer;
background: url("https://st.szafkirtv.pl/img/1lf8f5B8.png") #EEE no-repeat -300px -80px;
}
.tcontentd a.ri b {
float:right;
width:40px;
height:40px;
cursor:pointer;
background: url("https://st.szafkirtv.pl/img/1lf8f5B8.png") #EEE no-repeat -240px -80px;
}
.tcontentd a.le:hover b {
background-color:#F2F2F2;
}
.tcontentd a.ri:hover b {
background-color:#F2F2F2;
}
/*-----------------------
KONIEC -- Tab content styles --
-----------------------*/
/*-----------------------
-- Uklad fotek lista fotek styles --
ul li
-----------------------*/
.pic_form {
position: relative;
width: 100%;
padding-top: 0px;
}
.pic_form li {
position: relative;
width:100%;
text-align: center;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-table;
display: inline-block;
vertical-align: top; /* JEDNAK NIE (bo formularz kontakt do dolu poszedł) kasuje bo zbadaj element w chrome tak mi pokazuje*/
* float:left;
}
/* hack ie6 sony ie7*/
.w2 .pic_form li, #tooltip .w2 .pic_form li {
width:50%;
* width:49.9%;
}
.w3 .pic_form li, #tooltip .w3 .pic_form li   {
width:33.3%;
* width:33.2%;
}
.w4 .pic_form li, #tooltip .w4 .pic_form li   {
width:25%;
* width:24.9%;
}
.w5 .pic_form li, #tooltip .w5 .pic_form li   {
width:20%;
* width:19.9%;
}
.w6 .pic_form li, #tooltip .w6 .pic_form li   {
width:16.2%;
* width:16.5%;
}
.w106px .pic_form li  {
width:106px;
float: left;
}
.w50 .pic_form li, #tooltip .w50 .pic_form li   {
width:2%;
* width:1.99%;
}
.w50 ul.pic_form {
/* width musi byc podzielna na 50 rowno */
width:16900px;
/* moze byc np. width: 12000px; dla mniejszej szerokosci przegladarki */
left: 0px;
top: 0px;
}
/* glowne zdjecie */
.w100 {
width: 100%;
height: 100%;
}
.w100 .pic_form li, #tooltip .w100 .pic_form li   {
width:10%;
float: left;
* width:9.99%;
height: 100%;
}
.w100 ul.pic_form {
/* width musi byc podzielna na 50 rowno */
width:1000%;
height: 100%;
/* moze byc np. width: 12000px; dla mniejszej szerokosci przegladarki */
left: 0px;
top: 0px;
}
.wh100 {
width: 100%;
height: 100%;
}
.wh100 .th a {
width: 100%;
height: 100%;
}
.wh100 .th a i {
position: relative;
width: 96%;
height: 480px;
transition: height 0.5s ease;
}
.w106px.actt a.bllink b {
display:none;
}
.w106px.actt a.bllink b.hid {
display: block !important;
}
b.hid {
display: none;
}
/* Dla filmu */
.video {
position: relative;
border-radius: 20px;
}
.wh100 .th p {
width: 100%;
height: 100%;
}
.wh100 .th p i {
position: relative;
display: block;
/*margin: 2px auto;*/
margin: 0px auto;
padding: 0px;
width: 96%;
height: 480px;
background: white;
overflow: hidden;
transition: height 0.5s ease;
border-radius: 20px;
}
/* ikona wyciszenia/zglosnienia video */
.wh100 .th p i s {
background-color: #0a0a0a38;
border-radius: 40px;
display: block;
height: 30px;
width: 30px;
bottom: 30px;
right: 30px;
position: absolute;
background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png");
background-repeat: no-repeat;
background-position: -802px -79px;
}
.wh100 .th p i s.s_off {
background-position: -802px -103px;
}
/* KONIEC glowne zdjecie */
/* Dwie kolumny po 70 procent i 30 procent, maja sie zmieniac do szrokosci ekranu np. 100 procent i 50 procent, lub 100 procent i 100 procent*/
.pic_form2 {
position: relative;
width: 100%;
padding-top: 10px;
}
.pic_form2 li {
position: relative;
text-align: center;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-table;
display: inline-block;
vertical-align:top;
* float:left;
}
.w70p30p {
width:70%;
}
.w30p70p {
width:30%;
}
.th2 a:hover, .th2 a:active, .th2 a:focus {
text-decoration: none;
}
.th2 a {
width: 100%;
display: block;
z-index: 1;
}
.th2 a:hover i, .th2 a:active i, .th2 a:focus i, .th2 a:hover i.show, .th2 a:active i.show, .th2 a:focus i.show, .th2 a.bc1 i {
border-color: #757575;
visibility: visible;
display: block;
}
.won1 .th2 a i {
display: block;
height: 450px;
margin: 0px auto;
padding: 8px;
overflow: hidden;
}
.won1 .th2 a h2 {
position: absolute;
text-align: center;
display: block;
width: 100%;
top: 20%;
left: 0px;
font: normal 49px/60px Open Sans,sans-serif;
text-shadow: 0 0 8px rgba(0, 0, 0, 0.58);
color: #fff;
}
.won1 .th2 a p {
position: absolute;
display: inline-block;
width: 34%;
right: 0;
left: 0;
top: 50%;
margin-right: auto;
margin-left: 33%;
background: transparent;
border: solid 2px #fff;
padding: 8px;
color: #333;
font: normal 14px/20px Open Sans,sans-serif;
transition: all 0.5s ease;
-moz-transition: background-color 0.5s ease;
-webkit-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
background: rgba(255, 255, 255, 0.68);
}
.won1 .th2 a i b {
position: relative;
width: 100%;
height: 100%;
display: block;
overflow: hidden;
/* background-color: #F2F2F2; */
background-position: center 25%;
background-repeat: no-repeat;
text-align: center;
}
.won1 .pic_form2.th2 a:hover p, .won1 .pic_form2.th2 a:active p, .won1 .pic_form2.th2 a:focus p, .won1 .pic_form2.th2 a.bc1 p {
background-color: #fff;
color: #eb2c31;
cursor: pointer;
box-shadow: 0 0 5px rgba(0,0,0,0.25);
}
/* KONIEC Dwie kolumny po 70 procent i 30 procent, maja sie zmieniac do szrokosci ekranu np. 100 procent i 50 procent, lub 100 procent i 100 procent*/
.cart_form {
position: relative;
width: 100%;
padding-top: 10px;
border-bottom: 1px solid #ccc;
}
.cart_form li.cart_li1, .cart_form li.cart_li2, .cart_form li.cart_li0, .cart_form li.cart_li8, .cart_form li.cart_li9 {
position: relative;
text-align: center;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-table;
display: inline-block;
vertical-align:top;
* float:left;
}
.w2 .cart_form li.cart_li1, .w2 .cart_form li.cart_li2, .w2 .cart_form li.cart_li0 {
width:50%;
* width:49.9%;
}
.cart_li2 {padding-top: 10px;padding-bottom: 30px;}
.cart_hi {display:none; font: bold 12px/28px Open Sans,sans-serif;}
.cart_hi2 {display:block; font: normal 14px/28px Open Sans,sans-serif;background-color: #f1f1f1;}
.cart_hi2 .cart_form {padding-top: 0px;}
.cart_w1 {float:left; width:30%;}
.cart_w2 {float:left; width:25%;}
.cart_w3 {float:left; width:30%;}
.cart_w4 {float:left; width:15%;}
.cart_ce {display: block;font: normal 14px/20px Open Sans,sans-serif;background-color: #f1f1f1;}
.cart_ce .cart_form {padding-top: 0px;}
.cart_form li.cart_li8 {width:75%; text-align: right;padding: 4px;}
.cart_form li.cart_li9 {width:20%; text-align: left;padding: 4px;}
.cart_bac {font: normal 11px/14px Open Sans,sans-serif;}
.idform {
color:#9c9c9c;
}
.idform i {
width: 30px;
height: 30px;
padding: 2px;
display: block;
margin: 2px auto;
/* padding: 4px; */
border: 2px solid #C9C9C9;
-o-border-radius: 2px;
/* -icab-border-radius: 2px; */
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
/* -webkit-border-radius: 2px; */
border-radius: 10px;
background: white;
overflow: hidden;
position: relative;
font: bold 15px/30px Open Sans,sans-serif;
}
.idform.actf {
/* color: #009900; */
color: #007E00;
}
.idform.actf i {
border: 2px solid #007E00;
}
.idform.actfi {
color: #333;
}
.idform.actfi i {
border: 2px solid #000;
}
.linein {
position: absolute;
height: 2px;
line-height: 2px;
background-color: #C9C9C9;
width: 88%;
top: 30px;
overflow: hidden;
}
.linein.perc1 {
width: 1%;
background-color: #000;
}
.linein.perc2 {
width: 38%;
background-color: #000;
}
.linein.perc3 {
width: 63%;
background-color: #000;
}
.linein.perc4 {
width: 88%;
background-color: #000;
}
.linein.wit {
width: 13%;
background-color: #FFF;
}
.borderer{
border: 1px solid red;
}
.dform {
margin: 6px auto;
border: 1px solid #C9C9C9;
-o-border-radius: 2px;
-icab-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: white;
position: relative;
width: 100%;
}
.dform.act{
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
.dform.act .arb{
display:block;
}
.arb {
display:none;
background: url("https://st.szafkirtv.pl/img/arb.png") no-repeat;
height: 202px;
width: 39px;
left: -35px;
top: 0px;
position: absolute;
z-index: 99;
}
#cart_page {
margin: 0px auto;
padding: 40px 0px 300px 0px;
max-width: 740px;
}
#cart_page_in {
margin-left: 190px;
height: 78px;
}
#init_site {
margin: 0px auto;
padding: 40px 10px 40px 10px;
max-width: 740px;
}
/* szerokosc popboxa */
.boxw {
width: 730px;
}
/*
fotki thumby
*/
.th a {
width:100%;
display: block;
z-index: 1;
}
.th a:hover, .th a:active, .th a:focus {
text-decoration: none;
}
.th a span{
/*display:none;*/
cursor:pointer;
}
.th a .wer, .th a .vip, .th a .wervip {
display:block;
background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png");
background-repeat: no-repeat;
background-color: white;
line-height:15px;
height:15px;
}
.th a .wer {
width:26px;
background-position: -344px -57px;
}
.th a .vip {
width: 20px;
background-position: -370px -57px;
margin-left: 26px;
}
.th a .wervip {
width:46px;
background-position: -344px -57px;
}
.th a i {
display: block;
margin: 0px auto;
padding: 4px;
/*border: 1px solid #C9C9C9;*/
border: 1px solid #FFF;
-o-border-radius: 2px; /* Opera stara*/
/*-icab-border-radius: 2px;*/ /* iCab */
-khtml-border-radius: 2px; /* Konqueror */
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari */
border-radius: 2px; /* CSS 3 */
background: white;
overflow: hidden;
/*position: relative;*/
}
.th a i.show {
visibility: hidden;
display: none;
}
.th a i.bors {border: 1px solid #C9C9C9;}
.th a i.mi {border: 2px solid #fff;}
.pic_form.th a:hover i, .pic_form.th a:active i, .pic_form.th a:focus i, .pic_form.th a.bc1 i {
background-color: transparent;
z-index: 4;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.35);
}
.th a:hover i, .th a:active i, .th a:focus i, .th a:hover i.show, .th a:active i.show, .th a:focus i.show {
border-color: #757575;
visibility: visible;
display: block;
}
.th a.bc1 i {
border-color: #fff;
border-bottom: 2px solid #ff5900;
visibility: visible;
display: block;
}
.th a.bc2 i {
border: 2px solid #ff5900;
visibility: visible;
display: block;
}
/* Aktywna fotka | Aktualna wyswietlana */
.th a i.bc2 {
background: #404040;
border-color: white;
}
.th a i b {
font-size: 1px;
color: #fff;
/* color: #000;*/
position: relative;
width: 100%;
height: 100%;
display: block;
overflow: hidden;
/*background-color: #F2F2F2;*/
/*background-size: cover; // Fotke powieksza jak jest mniejsza niz obramowanie. Lecz utrata na jakości jest wtedy*/
background-position: center 25%;
background-repeat: no-repeat;
background-size: contain;
text-align: center;
}
.th a.vr i b {
/*background-color: #000;*/
background-position: center 50%;
}
.th a i b.m_pr_0,.th a i b.m_pr_1,.th a i b.m_pr_2,.th a i b.m_pr_3,.th a i b.m_pr_4,.th a i b.m_pr_5,.th a i b.m_pr_6,.th a i b.m_pr_7,.th a i b.m_pr_8,.th a i b.m_pr_9{
background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png");
background-color: white;
background-size: auto;
}
.th a i b.m_pr_0 {
/* kobieta i mezczyzna*/
background-position:1px -86px;
}
.th a i b.m_pr_1 {
/* mezczyzna*/
background-position:-142px -86px;
}
.th a i b.m_pr_2 {
/* kobieta*/
background-position:-109px -86px;
}
.th a i b.m_pr_3 {
/* kobieta i kobieta*/
background-position:-69px -86px;
}
.th a i b.m_pr_4 {
/*mezczyzna  i mezczyzna*/
background-position:-33px -86px;
}
.th a i b.m_pr_5 {
/*tv*/
background-position:-172px -86px;
}
.th a i b.m_pr_6 {
/*szerokosc*/
background-position: -304px -174px;
}
.th a i b.m_pr_7 {
/*wysokosc*/
background-position: -236px -174px;
}
.th a i b.m_pr_8 {
/*glebokosc*/
background-position: -370px -174px;
}
.th a i b.m_pr_9 {
/*waga*/
background-position: -168px -174px;
}
/* tekst dajemy .th a i b p  dowolny tekst */
.th a i b em {
display: block;
padding: 5px;
font-weight: normal;
font-style:normal;
}
.w90 .th a i b em {
width: 100%;
text-align: center;
position: absolute;
bottom: 0;
padding: 0;
font: normal 14px / 20px Open Sans, sans-serif;
color: #000;
}
/* film czas dajemy w .th a i b u */
.th a i b u {
position: absolute;
right: 0px;
background: black;
color: white;
font: normal 12px/15px Open Sans,sans-serif;
opacity: 0.7;
filter: alpha(opacity = 70);
text-decoration: none;
-o-border-radius: 2px; /* Opera stara*/
/*-icab-border-radius: 2px;*/ /* iCab */
-khtml-border-radius: 2px; /* Konqueror */
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari */
border-radius: 2px; /* CSS 3 */
padding: 2px 4px;
z-index: 2;
}
.th a i b u.time {
top:0px;
}
.th a i b u.h24 {
/*
width: 120px;
height: 31px;
background: url("https://st.szafkirtv.pl/img/h24.png") center center no-repeat;
*/
}
.th a i b u.atime {
bottom:0px;
opacity: 0.9;
filter: alpha(opacity = 90);
}
.th a i b u.opt {
/*top: 0px;
left: 0px;
right: auto;
*/
bottom:0px;
}
.th a i b u.opt2 {
background: #FFF;
color: #383737;
font-weight: bold;
bottom:0px;
}
.th a i b u.pr {
background: #FFF;
font-weight: bold;
color:#000;
bottom:0px;
}
/* film logo film w .th a i b s */
.th a i b s {
position: absolute;
left: 4px;
bottom: 4px;
width: 20px;
height: 19px;
display: block;
background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png");
background-repeat: no-repeat;
background-position: -98px -58px;
}
/* Zmiana background i koloru tekstu w w140x46 w6 toc  | .th a i b p */
.toc .th a i {
border: 0px;
background: #484057;
-o-border-radius: 4px; /* Opera stara*/
/*-icab-border-radius: 4px;*/ /* iCab */
-khtml-border-radius: 4px; /* Konqueror */
-moz-border-radius: 4px; /* Firefox */
-webkit-border-radius: 4px; /* Safari */
border-radius: 4px; /* CSS 3 */
}
.toc .th a i b {
background-color: #484057;
}
.toc .th a i b em {
color:#FFF;
}
.w140x46 .th a {
padding: 4px 0px;
}
.w140x46 .th a i {
width: 140px;
height: 46px;
}
.w140 .th a {
padding: 2px 0px;
}
.w140 .th a i {
width: 140px;
height: 100px;
}
.w150 .th a {
padding: 2px 0px;
}
.w150 .th a i {
width: 150px;
height: 110px;
}
.w160 .th a {
padding: 5px 0px;
}
.w160 .th a i {
width: 160px;
height: 120px;
}
.w178 .th a {
padding: 4px 0px;
}
.w178 .th a i {
width: 178px;
height: 123px;
}
.w230 .th a {
padding: 8px 0px;
}
.w230 .th a i {
/*width: 230px;
height: 170px;*/
width: 90%;
height: 200px;
}
.w224 .th a {
padding: 4px 0px;
}
.w224 .th a i {
width: 224px;
height: 168px;
}
.w40 .th a {
padding: 2px 0px;
}
.w40 .th a i {
width: 40px;
height: 40px;
padding: 2px;
}
.w90 .th a {
padding: 2px 0px;
}
.w90 .th a i {
width: 90px;
height: 64px;
padding: 2px;
}
.w70x84 .th a {
padding: 2px 0px;
}
.w68x84 .th a i {
width: 68px;
height: 84px;
padding: 2px;
border: 0px;
}
.w68x84 .th a i b i {
width: 100%;
float: left;
padding: 0px;
background-position: center 25%;
background-repeat: no-repeat;
}
.w68x84 .th a .w2 b i {
width: 50%;
}
.w68x84 .th a .w3 b i {
width: 33%;
}
.w90p172 .th a {
padding: 8px 0px;
}
.w90p172 .th a i {
width: 90%;
height: 172px;
padding: 2px;
}
.w90p172 .th a i b em{
padding: 16px 2px 0 2px;
font: normal 18px/26px Open Sans,sans-serif;
color: #666;
}
.w90p172 .th a i b {
background-position: 90% 10%;
}
.w90p172 .th a i b em span{
display: block;
height: 94px;
font: normal 70px/94px Open Sans,sans-serif;
/* color: #e74c3c; */
color: #e74c3c;
}
.w90p172 .th a i b em span em {
font: normal 40px/56px Open Sans,sans-serif;
/* color: #e74c3c; */
color: #e74c3c;
display: inline;
}
.w90p172 .th a i b u {
margin: 10px;
width: 40px;
height: 40px;
background-color: white;
background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png");
background-repeat: no-repeat;
opacity: 1;
filter: alpha(opacity = 100);
}
.w90p172 .th a i b u.tru {
background-position: -694px 0px;
}
.w90p172 .th a i b u.proc {
background-position: -694px -40px;
}
.w90p172 .th a i b u.cal {
background-position: -636px 0px;
}
.w90p172 .th a i b u.lik {
background-position: -746px 0px;
}
.w90p172 .th a i b u.war {
background-position: -574px 0px;
}
/*
.w90p172 .th a i b u.cal {
width: 60px;
height: 60px;
background: url("https://st.szafkirtv.pl/img/calendar.png") center center no-repeat;
opacity: 1;
filter: alpha(opacity = 100);
}
.w90p172 .th a i b u.lik {
width: 60px;
height: 60px;
background: url("https://st.szafkirtv.pl/img/like.png") center center no-repeat;
opacity: 1;
filter: alpha(opacity = 100);
}
.w90p172 .th a i b u.war {
width: 60px;
height: 60px;
background: url("https://st.szafkirtv.pl/img/warra.png") center center no-repeat;
opacity: 1;
filter: alpha(opacity = 100);
}
*/
.w240 .th a {
padding: 2px 0px;
}
.w240 .th a i {
width: 240px;
height: 180px;
}
.colx {
width:200px;
}
.colx ul {
padding-top:4px;
}
.colx .th a i {
height:200px;
padding:0px;
border:0px;
}
/* pokaz ukryty v rot    */
.w230 .th a i.ino {
padding: 0px;
height: 80px;
border-top: 0px;
}
.w230 .th a i.show {
box-shadow: none;
text-decoration: none;
overflow: hidden;
margin: 0px auto;
left: 0px;
top: 298px;
padding: 0px;
border: 0px;
position: absolute;
font-style: normal;
height: 120px;
width: 100%;
}
.w230 .th a i.show b{
position: relative;
left: 0px;
top: 0px;
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.35);
border-radius: 0 0 4px 4px;
height: 84%;
border: 1px solid #757575;
width: 90%;
border-top: dotted 1px #cccccc;
display: block;
margin: 0px auto;
text-align: left;
background-color: #FFFFFF;
}
.w230 .th a i.ino b {
text-align: left;
color: #000;
background-color: #FFFFFF;
}
.w230 .th a i.ino b em {
font: normal 12px/14px Open Sans,sans-serif;
color: #000;
/*color: #222;*/
}
.w230 .th a i.ino b u.pr {
right: 8px;
bottom: 12px;
}
.w230 .th a i.ino b em.ino1 {
/*color: #009900;*/
font: normal 11px/14px Open Sans,sans-serif;
color: #D04900;
padding: 2px 10px;
}
.w230 .th a i.ino b em.ino1 u {
right: 8px;
bottom: 6px;
}
.w230 .th a i.ino b em.ino1 span {
color: #000;
}
.w230 .th a i.ino b em.ino2 {
padding: 14px 8px 0px;
}
.w230 .th a i.ino b em.ino3 {
color: #999999;
padding: 8px 8px 0px;
}
.w230 .th a i.ino b em.ino4 {
padding: 4px 8px 0px;
}
.w230 .th a i.ino b em.ino5 {
font: normal 11px/14px Open Sans,sans-serif;
/* color: #009900; */
color: #007E00;
padding: 2px 10px;
}
.w90 .th a i.ino b em {
font: normal 12px/14px Open Sans,sans-serif;
color: #000;
/*color: #222;*/
position: relative;
}
.w90 .th a i.ino {
border: 0px;
box-shadow: none;
}
/* Koniec pokaz ukryty v rot    */
/* video rotator */
#vrot {
position: relative;
width:150px;
height: 0px;
margin: 0px auto;
}
#vrot dl {
position: absolute;
bottom: 0px;
left: 8px;
background: white;
cursor: pointer;
padding-top: 1px;
-o-border-radius: 2px;
/*-icab-border-radius: 2px;*/
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#vrot dl dd {
float: left;
display: inline;
line-height: 4px;
border: 1px solid #757575;
margin: 0px 1px;
width: 6px;
height: 4px;
color: white;
}
/* aktywna fotka */
#vrot dl dd.bc1{
background-color:#eee;
}
/* KONIEC video rotator */
/* produkt pic rotator */
.vrotp {
position: relative;
width:650px;
height: 0px;
line-height: 0px;
margin: 0px auto;
zoom: 1;
}
.vrotp dl {
position: absolute;
bottom: -80px;
left: 8px;
background: white;
cursor: pointer;
padding-top: 1px;
-o-border-radius: 2px;
/*-icab-border-radius: 2px;*/
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.vrotp dl dd {
float: left;
display: inline;
line-height: 64px;
border: 1px solid #F7F7F7;
margin: 0px 1px;
width: 90px;
height: 64px;
color: white;
}
/* KONIEC produkt rotator */
/*-----------------------
KONIEC -- Uklad fotek lista fotek styles --
-----------------------*/
.p_center{
text-align: right;
padding-top: 10px;
padding-bottom: 30px;
border-top: 1px solid #E0E0E0;
font: normal 11px/16px Open Sans,sans-serif;
}
.p_cen{
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #E0E0E0;
font: normal 11px/16px Open Sans,sans-serif;
}
.p_cent{
text-align: right;
padding-top: 10px;
padding-bottom: 30px;
color: #5b5b5b;
font: normal 11px/16px Open Sans,sans-serif;
}
.p_cenv{
text-align: left;
color: #5b5b5b;
font: normal 10px/16px Open Sans,sans-serif;
}
.tit_infos2 {
position: relative;
border: 1px solid #E0E0E0;
margin: 20px 10px 20px;
text-align: left;
-o-border-radius: 2px; /* Opera stara*/
/*-icab-border-radius: 2px;*/ /* iCab */
-khtml-border-radius: 2px; /* Konqueror */
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari */
border-radius: 2px; /* CSS 3 */
}
.tit_infos2 .abspan {
font: normal 20px/20px Open Sans,sans-serif;
height:20px;
position:absolute;
background:#FFF;
padding:0px 8px;
color:#000;
margin:-12px 0px 0px 15px;
}
.tit_infos2pad {padding: 20px 10px;}
/*-----------------------
-- Info szare  --
-----------------------*/
.tit_infos {
position: relative;
border: 1px solid #E0E0E0;
margin: 20px 10px 20px;
text-align: left;
-o-border-radius: 2px; /* Opera stara*/
/*-icab-border-radius: 2px;*/ /* iCab */
-khtml-border-radius: 2px; /* Konqueror */
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari */
border-radius: 2px; /* CSS 3 */
}
.tit_infos .abspan {
font: normal 20px/20px Open Sans,sans-serif;
height:20px;
position:absolute;
background:#FFF;
padding:0px 8px;
color:#000;
margin:-12px 0px 0px 15px;
}
.tit_infos ul {
margin: 0;
border: 1px solid white;
background: #F7F7F7;
list-style: none;
/*overflow: hidden;*/
padding: 10px;
-o-border-radius: 2px; /* Opera stara*/
/*-icab-border-radius: 2px;*/ /* iCab */
-khtml-border-radius: 2px; /* Konqueror */
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari */
border-radius: 2px; /* CSS 3 */
}
/* dla ie szerokość nie może być 100% jeśli wyżej jest padding, margin */
.iew {
*width:99%;
}
/*
.tit_infos ul li {
padding-bottom: 8px;
}
*/
/*-----------------------
KONIEC -- Info szare  --
-----------------------*/
/*-----------------------
-- Info żółte  --
-----------------------*/
.tit_infos.ye {
border: 1px solid #FD9;
}
.tit_infos.ye ul {
background: #FFFDE7;
}
/*-----------------------
KONIEC -- Info żółte  --
-----------------------*/
/*-----------------------
-- Info żółte z bialym  --
-----------------------*/
.tit_infos.yeb {
border: 1px solid #FD9;
}
.tit_infos.yeb ul {
background: #FFF;
}
/*-----------------------
KONIEC -- Info żółte  --
-----------------------*/
/*-----------------------
-- Info białe  --
-----------------------*/
.tit_infos.wh ul {
background: #FFF;
}
/*-----------------------
KONIEC -- Info białe  --
-----------------------*/
/*-----------------------
-- Info czerwone  --
-----------------------*/
.tit_infos.err {
text-align: center;
font-size: 18px;
color:#FFF;
border: 1px solid #8C0000;
}
.tit_infos.err ul {
border: 1px solid #F00;
background: #B50000;
}
/*-----------------------
KONIEC -- Info czerwone  --
-----------------------*/
/*-----------------------
-- Info np regulamin  --
-----------------------*/
.in_infos {
padding: 0 0 0 20px;
}
.in_infos div.b {
margin-bottom: 25px;
}
.in_infos div.paragraf {
font-size: 18px;
font-weight: bold;
text-align: center;
padding-bottom: 5px;
}
.in_infos div.paragraf_ngl {
font-size: 14px;
font-weight: bold;
text-align: center;
padding-bottom: 10px;
}
.in_infos ol {
margin: 0px;
padding-left: 20px;
}
.in_infos ol li {
padding: 4px 0px;
list-style: decimal;
}
/*-----------------------
-- KONIEC Info np regulamin  --
-----------------------*/
/*-----------------------
-- Belka tytułowa , tab menu też może być styles --
#Fd9 #FFFDE7
-----------------------*/
.tit_t{margin: 0px 2px 6px; height: 22px; border-bottom:3px solid #757575; }
.tith{height:22px; position:relative; top:0px; left:0px;}
.titab{height:25px;position:absolute; top:0px; left:0px;width: 100%;}
.tit_t.mar{margin:-2px 0px 0px -1px;}
.tit_t.lite{border-bottom: 1px solid #BBB;}
.tit_t.mar1{margin:0px;}
.tit_t a, .tit_t a:visited {float: left; text-decoration: none; background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png"); background-repeat:no-repeat; background-position: -1016px -156px; padding-left: 12px; margin: 0px 4px 0px 0px; font-weight: bold;}
.tit_t.lite a, .tit_t.lite a:visited {color: #3E5FA4; background-color:#FFF;}
.tit_t a b {float: left; font: bold 14px/20px Open Sans,sans-serif; height:20px; padding-right: 12px; background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png"); background-repeat:no-repeat; background-position: 100% -176px;}
.tit_t a b span {color:#DDD; padding-left: 4px;}
.tit_t a:hover{background-color: #757575; color:#FFF; text-decoration: none;}
.tit_t p {float:right;}
.tit_t p a, .tit_t p a:visited, .tit_b a, .tit_b a:visited {float: left; text-decoration: none; background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png"); background-repeat:no-repeat; background-position: -1016px -196px; padding-left: 8px; margin: 2px 4px 2px 0px; font-weight: bold;}
.tit_t p a b, .tit_b a b {float: left; padding-right: 8px; font: bold 14px/18px Open Sans,sans-serif; height:18px; background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png"); background-repeat:no-repeat; background-position: 100% -214px;}
.tit_t p a:hover, .tit_b a:hover{background-color: #757575; color:#FFF; text-decoration: none;}
.tit_b{ height: 62px; margin: 0px 2px; border-top:3px solid #BBB; background-color:#FFF;}
.tit_b p {float:right;}
.tit_b p.tit {margin-top: -3px;}
.tit_b p.tit span {background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png"); background-repeat:no-repeat; background-position: 100% -106px;}
p.tit {float: left; color: #FFF; text-decoration: none; background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png"); background-repeat:no-repeat; background-position: -1016px -131px; background-color:#757575; padding-left: 12px; margin-right: 4px;}
p.tit span {float: left; font: bold 14px/25px Open Sans,sans-serif; height:25px; padding-right: 12px; background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png"); background-repeat:no-repeat; background-position: 100% -99px;}
p.tit.bgs {background-color:#BBB;}
div.bgs {border-color:#BBB;}
/*-----------------------
KONIEC -- Belka tytułowa , menu też może być styles --
-----------------------*/
/*-----------------------
-- Belka tytułowa , tab menu też może być styles --
// Obejmuje load i content
-----------------------*/
.tit_o {
position: relative;
top: 0px;
left: 0px;
width: 100%;
}
.tit_o ul {
position: relative;
top: 1px;
left: 0px;
display: block;
width: 100%;
}
.tit_o ul li {
float: left;
}
.tit_o a {
font: normal 14px/34px Open Sans,sans-serif;
border: 1px solid #ccc;
border-radius: 3px 3px 0 0;
float: left;
text-decoration: none;
padding-left: 12px;
margin-right: 4px;
padding: 0px 26px;
background: #fafafa;
color: #333;
-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.05);
zoom: 1;
height: 34px;
}
.tit_o a.act {
color: #cc0000;
border-bottom: 1px solid white;
background: white;
-webkit-box-shadow: none;
box-shadow: none;
height: 34px;
}
/*-----------------------
-- KONIEC Belka tytułowa , tab menu też może być styles --
// Obejmuje load i content
-----------------------*/
/*-----------------------
-- Belka tytułowa dolna , tab menu też może być styles --
// Obejmuje load i content
-----------------------*/
.tit_d {
position: relative;
top: 0px;
left: 0px;
width: 100%;
}
.tit_d ul {
position: relative;
top: -1px;
left: 0px;
display: block;
width: 100%;
}
.tit_d ul li {
float: right;
}
#contentp .tit_d i {
width: 50px;
height: 40px;
border: 0px;
background: #fafafa;
}
#contentp .tit_d i b i {
width: 100%;
float: left;
padding: 0px;
background-position: center 25%;
background-repeat: no-repeat;
}
#contentp .tit_d .w2 b i {
width: 50%;
}
#contentp .tit_d .w3 b i {
width: 33.3%;
}
#contentp .tit_d .w4 b i {
width: 25%;
}
#contentp .tit_d a.act i{
background: white;
height: 50px;
}
.tit_d a {
font: normal 14px/34px Open Sans,sans-serif;
border: 1px solid #ccc;
border-radius: 0px 0px 3px 3px;
float: left;
text-decoration: none;
margin-right: 14px;
padding-top: 0px;
background: #fafafa;
color: #333;
-webkit-box-shadow: inset 0px 10px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow:    inset 0px 10px 1px rgba(0, 0, 0, 0.05);
box-shadow:         inset 0px 10px 1px rgba(0, 0, 0, 0.05);
zoom: 1;
height: 50px;
width: 60px;
}
.tit_d a.act {
color: #cc0000;
border-top: 1px solid white;
background: white;
-webkit-box-shadow: none;
box-shadow: none;
height: 60px;
padding-top: 8px;
}
/*-----------------------
-- KONIEC Belka tytułowa dolna , tab menu też może być styles --
// Obejmuje load i content
-----------------------*/
/*-----------------------
-- Button styles in laik facebook --
-----------------------*/
a.button, a.button:visited {
position: relative;
background: #EEE url("https://st.szafkirtv.pl/img/1lf8f5B8.png") no-repeat -466px -80px;
color: #333;
font: bold 14px/18px Open Sans,sans-serif;
height: 18px;
margin: 2px;
padding: 2px 6px;
border: 1px solid #999;
border-bottom-color: #888;
box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
text-shadow: #FFF 0 1px;
display: -moz-inline-box;
display: inline-block;
cursor: pointer;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
-o-border-radius: 4px; /* Opera stara*/
/*-icab-border-radius: 4px;*/ /* iCab */
-khtml-border-radius: 4px; /* Konqueror */
-moz-border-radius: 4px; /* Firefox */
-webkit-border-radius: 4px; /* Safari */
border-radius: 4px; /* CSS 3 */
}
a.button:hover, .act a.button.act_b , .actt a.button.actt_b{
background-image: none !important;
}
a.button:active{
background-image: none !important;
border-color: #808080;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
}
/* jesli jest class po class np a.button.b40 to nie działa w ie6 5 jesli nie ma !important a jak jest to juz działa */
a.button.b40 {
font: bold 18px/40px Open Sans,sans-serif !important;
height: 40px !important;
padding: 2px 10px !important;
}
a.button.b36 {
font: bold 16px/36px Open Sans,sans-serif !important;
height: 36px !important;
padding: 2px 10px !important;
}
a.button.b36x {
font: bold 14px/36px Open Sans,sans-serif !important;
height: 36px !important;
padding: 2px 10px !important;
}
a.button.b24 {
font: bold 15px/24px Open Sans,sans-serif !important;
height: 24px !important;
padding: 2px 8px !important;
margin: 0px !important;
}
a.button.b36 .icob{
margin: 4px 0px 0px 6px;
}
a.button.lec {
-o-border-radius: 4px 0px 0px 4px;
-khtml-border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
-webkit-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
}
a.button.ric {
-o-border-radius: 0px 4px 4px 0px;
-khtml-border-radius: 0px 4px 4px 0px;
-moz-border-radius: 0px 4px 4px 0px;
-webkit-border-radius: 0px 4px 4px 0px;
border-radius: 0px 4px 4px 0px;
}
a.button.ac {
-o-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
a.button.ac12 {
-o-border-radius: 12px;
-khtml-border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}
a.button b {
float:left;
}
a.button.bgn, a.button.bgn:visited, a.button_m.bgn, a.button_m.bgn:visited {
color: #FFF;
background-color: #5B74A8;
background-position: -466px -128px;
border-color: #0E75D6 #2B7ECC #365879;
text-shadow: #1A356E 0 1px;
}
a.button.bgn:hover,a.button_m.bgn:hover{
color: #FFF !important;
background-image: none !important;
background: #4570CA !important;
}
a.button.bgn:active,a.button_m.bgn:active{
color: #FFF !important;
background-image: none !important;
background: #3765C4 !important;
border-color: #000;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
}
a.button.bgz, a.button.bgz:visited, a.button_m.bgz, a.button_m.bgz:visited{
color: #FFF;
background-color: #69A74E;
background-position: -466px -176px;
border-color: #3B6E22 #3B6E22 #2C5115;
text-shadow: #2C5115 0 1px;
}
a.button.bgz:hover, a.button_m.bgz:hover{
color: #FFF !important;
background-image: none !important;
background: #72B357 !important;
}
a.button.bgz:active, a.button_m.bgz:active{
color: #FFF !important;
background-image: none !important;
background: #6AAC4F !important;
border-color: #2C4402;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
}
a.butc, a.butc:visited {
/*width: 90%;*/
width: 210px;
color: #FFF;
/* background-color: #69A74E; */
/*background-color: #67A44D;*/
/*background-color: #137d05;*/
/*background-color: #3b9f2e;*/
background-color: #348d28;
background: #71aa57 url("https://st.szafkirtv.pl/img/1lf8f5B8.png") no-repeat -466px -176px;
/*background-position: -466px -176px;*/
border-color: #3B6E22 #3B6E22 #2C5115;
text-shadow: #2C5115 0 1px;
/*font: bold 16px/36px Open Sans,sans-serif !important;*/
font: bold 18px/40px Open Sans,sans-serif !important;
/*height: 36px !important;*/
height: 40px !important;
position: relative;
border: 1px solid #999;
border-bottom-color: #888;
box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
display: -moz-inline-box;
display: inline-block;
cursor: pointer;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
/*-o-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;*/
-o-border-radius: 20px;
-khtml-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
a.butc.bgz:hover{
color: #FFF !important;
background-image: none !important;
background: #72B357 !important;
}
a.butc.bgz:active{
color: #FFF !important;
background-image: none !important;
background: #6AAC4F !important;
border-color: #2C4402;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
}
a.butc b {
display: block;
}
/*-----------------------
-- Button icon  in i --
Ikony w butonie czyli <a href="" class="button"><b><i class="ico mg"></i>napis</b></a>start
background-position: -228px -20px;
koniec
background-position: -768px -20px;
-----------------------*/
.ico {
display: inline-block;
position: relative;
float: left;
width: 16px;
height: 14px;
margin: 2px 6px auto auto;
/*position: relative;*/
top: 0px;
background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png");
background-repeat: no-repeat;
}
.ico.marg {
margin: 2px auto auto auto;
}
/*home*/
.ico.ho {
background-position: -228px -20px;
}
.ico.how {
background-position: -228px -37px;
}
/*email małpka @*/
.ico.em {
background-position: -246px -20px;
}
.ico.emw {
background-position: -246px -37px;
}
/*strzałka do góry*/
.ico.au {
background-position: -266px -20px;
}
.ico.auw {
background-position: -266px -37px;
}
/*strzałka w prawo*/
.ico.ar {
background-position: -286px -20px;
}
.ico.arw {
background-position: -286px -37px;
}
/*strzałka do dołu*/
.ico.ab {
background-position: -306px -20px;
}
.ico.abw {
background-position: -306px -37px;
}
/*strzałka w lewo*/
.ico.al {
background-position: -326px -20px;
}
.ico.alw {
background-position: -326px -37px;
}
/*zdjecie image*/
.ico.ima {
background-position: -346px -20px;
}
.ico.imaw {
background-position: -346px -37px;
}
/*więcej more*/
.ico.mo {
background-position: -366px -20px;
}
.ico.mow {
background-position: -366px -37px;
}
/*Powiększ full scren*/
.ico.ful {
background-position: -384px -20px;
}
.ico.fulw {
background-position: -384px -37px;
}
/*Pomniejsz unfull scren*/
.ico.eful {
background-position: -406px -20px;
}
.ico.efulw {
background-position: -406px -37px;
}
/*Odśwież spin*/
.ico.spi {
background-position: -424px -20px;
}
.ico.spiw {
background-position: -424px -37px;
}
/*kalendarz*/
.ico.ca {
background-position: -442px -20px;
}
.ico.caw {
background-position: -442px -37px;
}
/*czas clock*/
.ico.cl {
background-position: -464px -20px;
}
.ico.clw {
background-position: -464px -37px;
}
/*Lupa search*/
.ico.mg {
background-position: -484px -20px;
}
.ico.mgw {
background-position: -484px -37px;
}
/*Tagi etykieta tagi*/
.ico.ta {
background-position: -502px -20px;
}
.ico.taw {
background-position: -502px -37px;
}
/*Serce dodaj do ulubionych*/
.ico.he {
background-position: -522px -20px;
}
.ico.hew {
background-position: -522px -37px;
}
/*i informacja*/
.ico.in {
background-position: -538px -20px;
}
.ico.inw {
background-position: -538px -37px;
}
/*czat chat*/
.ico.cha {
background-position: -556px -20px;
}
.ico.chaw {
background-position: -556px -37px;
}
/*kłudka otwarta*/
.ico.ulo {
background-position: -574px -20px;
}
.ico.ulow {
background-position: -574px -37px;
}
/*kłudka zamknięta*/
.ico.lo {
background-position: -592px -20px;
}
.ico.low {
background-position: -592px -37px;
}
/*Koperta List email*/
.ico.ma {
background-position: -610px -20px;
}
.ico.maw {
background-position: -610px -38px;
}
/*Ołówek | edytuj | pen*/
.ico.pe {
background-position: -630px -20px;
}
.ico.pew {
background-position: -630px -37px;
}
/*Dodaj komentarz | komentarz*/
.ico.co {
background-position: -650px -20px;
}
.ico.cow {
background-position: -650px -37px;
}
/*Kosz | dodaj do kosza | Usuń*/
.ico.tr {
background-position: -670px -20px;
}
.ico.trw {
background-position: -670px -37px;
}
/*User ikona człowieczka | Zaloguj urzytkowniku*/
.ico.us {
background-position: -688px -20px;
}
.ico.usw {
background-position: -688px -37px;
}
/*Ustawienia | Settingis*/
.ico.cog {
background-position: -708px -20px;
}
.ico.cogw {
background-position: -708px -37px;
}
/*Za akceptuj | check | ikona chaczyk*/
.ico.ch {
background-position: -728px -20px;
}
.ico.chw {
background-position: -728px -37px;
}
/*x Usuń | Zamknij*/
.ico.xa {
background-position: -748px -20px;
}
.ico.xaw {
background-position: -748px -37px;
}
/*+ Dodaj*/
.ico.pl {
background-position: -766px -20px;
}
.ico.plw {
background-position: -766px -37px;
}
/*+ Dodaj zielony*/
.ico.plz {
background-position: -766px -54px;
}
/*x Usuń | Zamknij red czerwony*/
.ico.xar {
background-position: -748px -54px;
}
/*Koperta List email czerwony*/
.ico.mar {
background-position: -610px -54px;
}
/*Wyloguj | wyłącz czerwony*/
.ico.lour {
background-position: -786px -20px;
}
/*Kosz | dodaj do kosza | Usuń czerwony*/
.ico.trr {
background-position: -670px -54px;
}
/*Kamera | start transmisja | ikona kamery czarna*/
.ico.cam {
background-position: -870px -20px;
}
/*Kamera | start transmisja | ikona kamery biała*/
.ico.camw {
background-position: -870px -50px;
}
/*Option | z prawej dziubek w dół */
.ico.opt {
background-position: -468px -3px;
margin: 8px 6px 0px 6px;
width: 10px;
height: 6px;
}
.actt .ico.opt {
background-position: -452px -3px;
}
.w106px.actt .ico.opt {
background-position: -468px -3px;
transform: rotate(180deg);
}
.ico.optr {
background-position: -486px 0px;
margin: 6px 6px 0px 6px;
width: 4px;
height: 7px;
}
/* Home ikona */
.ico.optrs {
background-position: -840px -38px;
width: 30px;
height: 27px;
margin: 0;
}
/* checkbox |  zaznaczony nie zaznaczony*/
.ico.checked {
margin-right: 4px;
width: 14px;
background-position: -1008px -53px;
}
.ico.unchecked {
margin-right: 4px;
width: 14px;
background: url("https://st.szafkirtv.pl/img/unchecked.png") left center no-repeat;
}
/*Głośnik | unmute */
.ico.gum {
height: 18px;
margin: 0px;
width: 20px;
background-position: -812px -19px;
}
/*Głośnik | mute aktywny*/
.actt .ico.gum {
background-position: -812px -49px !important;
}
/*Resize player */
.ico.rep {
height: 18px;
margin: 0px;
width: 20px;
background-position: -840px -19px;
}
.icob {
display: inline-block;
position: relative;
float: left;
width: 36px;
height: 30px;
margin: 6px 6px 0px;
position: relative;
top: 0px;
background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png");
background-repeat: no-repeat;
}
.icob.marg {
margin: 2px auto auto auto;
}
/*Koszyk*/
.icob.ko {
background-position: -804px -10px;
}
/*Komurki Menu*/
.icob.me {
/*background-color: #f2f2f2;*/
background-position: -804px -48px;
border-radius: 40px;
width: 36px;
height: 36px;
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s,-webkit-transform .2s;
}
/*-----------------------
-- Ikony szuflad dla rtv 180cm --
-----------------------*/
.ico_r180 {
background-image: url("https://st.szafkirtv.pl/img/szuf/r180.png");
}
/*bez*/
.ico_r180.sz0 {
background-position: -90px -36px;
background-size: 200%;
}
/*2 po 80cm*/
.ico_r180.sz2-80 {
background-position: 0px -87px;
background-size: 200%;
}
/*4 po 40cm*/
.ico_r180.sz4-40 {
background-position: -90px -87px;
background-size: 200%;
}
/*4 po 80cm*/
.ico_r180.sz4-80 {
background-position: 0px 13px;
background-size: 200%;
}
/*6 po 2x80cm i 4x40*/
.ico_r180.sz6-2x80-4x40 {
background-position: 0px -37px;
background-size: 200%;
}
/*8 po 40cm*/
.ico_r180.sz8-40 {
background-position: -90px 13px;
background-size: 200%;
}
/*-----------------------
-- Ikony szuflad dla rtv 135cm --
-----------------------*/
.ico_r135 {
background-image: url("https://st.szafkirtv.pl/img/szuf/r135.png");
}
/*bez*/
.ico_r135.sz0 {
background-position: 0px -38px;
background-size: 200%;
}
/*2 po 40cm*/
.ico_r135.sz2-40 {
background-position: -90px -38px;
background-size: 200%;
}
/*2 po 80cm*/
.ico_r135.sz2-80 {
background-position: 0px 12px;
background-size: 200%;
}
/*4 po 2x80cm i 4x40*/
.ico_r135.sz4-2x80-2x40 {
background-position: -90px 12px;
background-size: 200%;
}
/*-----------------------
-- Ikony szuflad dla komoda 180cm --
-----------------------*/
.ico_k180 {
background-image: url("https://st.szafkirtv.pl/img/szuf/k180.png");
}
/*bez*/
.ico_k180.sz0 {
background-position: -90px 2px;
background-size: 200%;
}
/*2 po 40cm*/
.ico_k180.sz2-40 {
background-position: 0px -66px;
background-size: 200%;
}
/*4 po 40cm*/
.ico_k180.sz4-40 {
background-position: 0px 2px;
background-size: 200%;
}
/*6 po 40cm*/
.ico_k180.sz6-40 {
background-position: -90px -66px;
background-size: 200%;
}
/*-----------------------
-- Ikony szuflad dla komoda 135cm --
-----------------------*/
.ico_k135 {
background-image: url("https://st.szafkirtv.pl/img/szuf/k135.png");
}
/*bez*/
.ico_k135.sz0 {
background-position: -92px 0px;
background-size: 200%;
}
/*2 po 40cm*/
.ico_k135.sz2-40 {
background-position: 6px -77px;
background-size: 200%;
}
/*3 po 40cm*/
.ico_k135.sz3-40 {
background-position: 6px -155px;
background-size: 200%;
}
/*4 po 40cm*/
.ico_k135.sz4-40 {
background-position: 6px 0px;
background-size: 200%;
}
/*6 po 40cm*/
.ico_k135.sz6-40 {
background-position: -92px -76px;
background-size: 200%;
}
/*-----------------------
-- Ikony szuflad dla komoda 80cm --
-----------------------*/
.ico_k80 {
background-image: url("https://st.szafkirtv.pl/img/szuf/k80.png");
}
/*bez*/
.ico_k80.sz0 {
background-position: -74px 0px;
background-size: 200%;
}
/*2 po 40cm*/
.ico_k80.sz2-40 {
background-position: -74px -70px;
background-size: 200%;
}
/*4 po 40cm*/
.ico_k80.sz4-40 {
background-position: 18px -70px;
background-size: 200%;
}
/*6 po 40cm*/
.ico_k80.sz6-40 {
background-position: 18px 0px;
background-size: 200%;
}
/*-----------------------
-- Button maly corner --
-----------------------*/
a.button_m, a.button_m:visited { float: left; color: #FFF; text-decoration: none; background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png"); background-repeat:no-repeat; background-position: -1016px -196px; background-color:#B1C0E0; padding-left: 8px; margin: 2px 4px 2px 0px; font-weight: bold;}
a.button_m b {float: left; padding-right: 8px; background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png"); background-repeat:no-repeat; background-position: 100% -214px;}
a.button_m:hover{background-color: #7B96CC; color:#FFF; text-decoration: none;}
span.button_m_a {float: left; color: #FFF; background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png"); background-repeat:no-repeat; background-position: -1016px -196px; background-color:#757575; padding-left: 8px; margin: 2px 4px 2px 0px; font-weight: bold;}
span.button_m_a b {float: left; padding-right: 8px; background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png"); background-repeat:no-repeat; background-position: 100% -214px;}
/* Button dla tab menu */
a.tactive, a.tactive:visited {float: left; color: #FFF; text-decoration: none; background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png"); background-repeat:no-repeat; background-position: 0px -226px; background-color:#757575; padding-left: 12px; margin-right: 4px; font-weight: bold;}
a.tactive b {float: left; font: bold 14px/25px Open Sans,sans-serif; height:25px; padding-right: 12px;  background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png"); background-repeat:no-repeat; background-position: 100% -99px;}
a.tactive:hover{background-color: #757575; color:#FFF; text-decoration: none;}
.tit_t.lite a.tactive, .tit_t.lite a.tactive:visited {color: #FFF; background-position: -1016px -156px; background-color:#757575;}
.tit_t.lite a.tactive b {font: bold 14px/20px Open Sans,sans-serif;
height: 20px;background-position: 100% -176px;}
.tit_t.lite a.tactive:hover{background-color: #757575; color:#FFF; text-decoration: none;}
span.button_a.bgs, span.button_m_a.bgs{background-color:#F2F2F2; color: #FFF;}
span.button_a.bgw, span.button_m_a.bgw{background-color:#FFF; color: #000;}
/*
.corner a.button, .corner a.button:visited,
*/
.corner span.button_a, .corner a.tactive, .corner a.tactive:visited, .corner .tit_t a, .corner .tit_t a:visited, .corner #foter p.tit, .corner .top2dat {background-image: none; padding: 0px 12px;
-o-border-radius: 2px; /* Opera stara*/
/*-icab-border-radius: 2px;*/ /* iCab */
-khtml-border-radius: 2px; /* Konqueror */
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari */
border-radius: 2px; /* CSS 3 */
}
.corner .tit_t p a, .corner .tit_t p a:visited, .corner .tit_b p a, .corner .tit_b p a:visited, .corner .tit_b a, .corner span.button_m_a, .corner .tit_b a:visited {background-image: none; padding: 0px 8px;
-o-border-radius: 2px; /* Opera stara*/
/*-icab-border-radius: 2px;*/ /* iCab */
-khtml-border-radius: 2px; /* Konqueror */
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari */
border-radius: 2px; /* CSS 3 */
}
/*
.corner a.button b,
*/
.corner a.tactive b, .corner .tit_t a b, .corner .tit_b a b, .corner span.button_m_a b, .corner #foter p.tit span {padding: 0px; background: none;}
/*-----------------------
KONIEC -- Button styles --
-----------------------*/
#foter {
border-top: 1px solid #C9C9C9;
background: #F2F2F2;
overflow: hidden;
}
#foter p.copyr {
color: #676767;
}
#foter div.payf {
margin: auto;
text-align: center;
width: 440px;
height: 55px;
background-position: 0px -54px;
background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png");
background-repeat: no-repeat;
}
.f_1 {
float: left;
width: 32%;
text-align: left;
padding-top: 20px;
}
.f_2 {
float: left;
width: 32%;
text-align: left;
padding-top: 20px;
}
.f_3 {
float: right;
/*width: 32%;*/
text-align: left;
padding-right: 15px;
padding-top: 20px;
}
.ufot {
padding-left: 4px;
padding-top: 10px;
}
.ufot a {
color: #b52424;
}
.ufot li {
padding-top: 6px;
}
.ufot i {
display: inline-block;
width: 20px;
height: 14px;
background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png");
background-repeat: no-repeat;
}
.sslb {
background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png");
background-repeat: no-repeat;
background-position: -800px -178px;
padding-bottom: 30px;
}
.ocs {
position: relative;
width: 70px;
border-radius: 50%;
height: 70px;
border: 4px solid #69A74E;
}
.ocs b {
display: block;
margin-top: 20px;
margin-left: 10px;
font: normal 22px/30px Open Sans,sans-serif;
}
.cos_st {
width: 32px;
height: 26px;
left: 32px;
background-position: 0px -31px;
top: 0px;
position: absolute;
/* background-image: url("https://st.szafkirtv.pl/img/color-stars-160.png"); */
background-repeat: no-repeat;
}
.tell {
background-position: -866px -20px;
}
.timl {
background-position: -883px -20px;
}
.eml {
background-position: -850px -20px;
}
.fmm {
font: normal 12px/20px Open Sans,sans-serif;
}
/* -------- Flagi -------*/
dl.lang_map {
float: left;
margin-top: 4px;
background: url("https://st.szafkirtv.pl/img/1lf8f5B8.png") -226px 0px no-repeat;
width: 230px;
height: 20px;
}
dl.lang_map a {
display:block; width:32px; height: 20px; overflow:hidden; float:left; background:transparent;
}
/*  KONIEC -- Flagi */
/*  foter text dla wyszukiwarki */
.ftxt{
font: normal 12px/14px Open Sans,sans-serif;
color: #666;
padding: 10px 40px;
zoom: 1;
}
/*------------------------------
---- Payu logo raty -----------
------------------------------*/
.payul{
margin-left: 10px;
padding-top: 10px;
padding-left: 230px;
background-position: -784px -204px;
background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png");
background-repeat: no-repeat;
}
/*---- button payu zamawiam i płacę -------*/
.payub{
position: relative;
font: bold 15px/24px Open Sans,sans-serif !important;
height: 33px !important;
width: 138px;
padding: 2px 8px !important;
margin: 0px !important;
border-radius: 4px;
background: #EEE url("https://st.szafkirtv.pl/img/button_payu.png") no-repeat -12px -2px;;
border: 1px solid #999;
border-bottom-color: #888;
box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
text-shadow: #FFF 0 1px;
display: -moz-inline-box;
display: inline-block;
cursor: pointer;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
}
/*
.payub b {
float: left;
width: 120px;
}
*/
/*-----------------------
-- tooltip styles --
-----------------------*/
#tooltip {
position: absolute;
left: -300px;
color: #FFF;
text-align: left;
min-width: 40px;
max-width: 400px;
background: #000;
padding: 6px 10px;
z-index: 310;
-moz-box-shadow: 1px 1px 4px #000;
-webkit-box-shadow: 1px 1px 4px #000;
-khtml-box-shadow: 1px 1px 4px #000;
box-shadow: 1px 1px 4px #000;
-o-border-radius: 2px; /* Opera stara*/
/*-icab-border-radius: 2px;*/ /* iCab */
-khtml-border-radius: 2px; /* Konqueror */
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari */
border-radius: 2px; /* CSS 3 */
}
#tooltip .th a i b {
background-size: cover;
}
.tooltipp {
border: 0px;
width:6px;
height:14px;
position: absolute;
overflow:hidden;
background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png");
background-repeat: no-repeat;
}
.tooltippr{
background-position: -326px -22px;
}
.tooltippl{
background-position: -294px -22px;
background:url("https://st.szafkirtv.pl/img/1lf8f5B8.png") -294px -22px no-repeat;
}
.tooltippt{
width:14px;
height:6px;
background-position: -306px -30px;
}
.tooltippb{
width:14px;
height:4px;
background-position: -268px -22px;
}
/*-----------------------
-- KONIEC  tooltip styles --
-----------------------*/
/*-----------------------
-- Tekst informacyjny malo widoczny styles --
-----------------------*/
.infotext{
color: #757575;
}
/* Prawie nie widoczny */
.infotextl{
color: #BBB;
}
a.delete {
cursor: pointer;
margin-top: 8px;
}
.error {
color: #B50000;
}
.charsl{
position: absolute;
z-index: 310;
background: #FFFDE7;
left: 4px;
padding: 2px 6px;
border: 1px solid #FD9;
border-bottom-width: 0px;
top: -22px;
font: normal 14px/18px Open Sans,sans-serif !important;
height: 18px;
color: #000;
margin: 0px;
}
/*-----------------------
-- KONIEC Tekst informacyjny malo widoczny styles --
-----------------------*/
/*-----------------------
-- Upload Styles jest zapodany w js jquery.swfupload.js i dolancza do $('body').append --
-----------------------*/
/*-----------------------
.swfupload{visibility:visible; display:block;}
#divLoadingContent{
height:20px; width:35px; margin-left:36px; margin-bottom: 2px; position: absolute;
}
#log li{ margin:8px; border:1px solid #D8DFEA; padding:10px;}
#log li .progressbar{ border:1px solid #000; height:15px; background:#FFF; }
#log li .progress{ background:#7B96CC; width:0%; height:15px; }
#log li .progress1{ background:#007E00; width:0%; height:15px; }
#sg .upload-field .fake-file .browse-button {
position: relative;
display: inline;
height: 20px;
margin-top: 8px;
width: 100px;
float: left;
}
#sg .upload-field .fake-file .txt {
font-size: 16px;
margin: 9px 10px 0 10px;
width: 50%;
}
#uploaded-files-list {
width: 100%;
background: #FFFDE7;
border: 1px solid #CECECE;
margin-top: 10px;
}
#uploaded-files-list th {
font-weight: bold;
}
#uploaded-files-list td, #uploaded-files-list th {
font-size: 14px;
line-height: 20px;
border-bottom: 1px solid #F3F1D6;
padding: 4px 15px;
text-align: left;
}
#uploaded-files-list th.status {
width: 20%;
}
-----------------------*/
/*-----------------------
KONIEC -- Upload Styles --
-----------------------*/
/*        //////////////////////////////////////////////////////////////////////////////////////        */
a.quickedit {
position: absolute;
top:-16px;
right: 4px;
display: inline-block;
}
a.quickedit b {
font-weight:normal;
float: left;
}
.quickeditbg {
background: #F7F7F7;
}
/* .quickEdit     //////////////////////////////////////////////////////////////////////////////////////        */
/* ie7 ie6 i sony playstation hack */
*:first-child+html body {overflow-x:hidden;overflow-y:auto;} * html body {overflow-x:hidden;overflow-y:auto;}
/* ie6 i sony playstation hack */
/* * html .topw, * html .talert_msg, * html .content {_width: 980px;} */
* html .right2_in {float: left;}
* html ul.com {width:99%;}
/* ie6 i sony playstation hack KONIEC */
/*-----------------------
-- modal-dialog styles --
-----------------------*/
.mo-d {
/* position:fixed;*/
position: absolute;
outline: none;
background-color: white;
border: 1px solid #6F6F6F;
padding: 0px;
-moz-box-shadow:0px 2px 10px rgba(0,0,0,0.35);
-webkit-box-shadow:0px 2px 10px rgba(0,0,0,0.35);
box-shadow:0px 2px 10px rgba(0,0,0,0.35);
z-index: 304;
-o-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* * html .mo-d {position:absolute;} */
.mo-d-bg {
background: #EEEEEE;
left: 0;
position: absolute;
top: 0;
z-index: 302;
min-width:980px;
}
.mo-d-buttons,.md-content {
background-color: #fff;
padding: 8px;
}
/*
.bz-buttonset-default {
font-weight: bold;
}
*/
.mo-d-title {
/*background: #505050;   zmienilem na bialy/bez koloru,  jak tekst bo Węzły dialogowe ARIA*/
color: white;
font:normal normal bold 14px/27px Open Sans,sans-serif;
padding: 0 10px;
position: relative;
top: -1px;
height: 100%; /* to dla ie 7 bo w title jest widoczny biały pasek około 6px jak tego nie ma */
_zoom: 1;
}
.mo-d-title-draggable {
cursor: move;
}
.mo-d-title-close {
position: absolute !important;
right: 10px;
top: 8px;
}
.mo-d .loading {
height:60px;
background:url("https://st.szafkirtv.pl/img/loading-ss.gif") center center no-repeat;
}
.mo-d-content {
background-color: white;
padding: 20px;
/*float: left;*/
float: left;
-o-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* * html .mo-d-content {float: left;} */
.mo-d-buttons {
clear: both;
background: #F7F7F7;
border: 1px solid #E0E0E0;
text-align: right;
padding: 6px;
}
/*-----------------------
-- KONIEC modal-dialog styles --
-----------------------*/
/*-----------------------
-- goog-menu styles --
-----------------------*/
.bz-meno {
background: #fff;
border-color: #DDD #757575 #868686 #AAA;
border-style: solid;
border-width: 1px;
display: block;
outline: none;
cursor: default;
position: absolute;
top:-2px;
left: 2px;
padding: 4px 0px;
z-index: 400;
-o-border-radius: 0px 0px 2px 2px;
/*-icab-border-radius: 0px 0px 2px 2px;*/
-khtml-border-radius: 0px 0px 2px 2px;
-moz-border-radius: 0px 0px 2px 2px;
-webkit-border-radius: 0px 0px 2px 2px;
border-radius: 0px 0px 2px 2px;
-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
-khtml-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
}
.bz-menu {
overflow: hidden;
max-width: 300px;
}
.bz-menu .bz-menuitem-content {
color: #111 !important;
text-decoration: none !important;
}
.bz-menuitem {
white-space: nowrap;
text-align: left;
cursor: pointer;
padding: 2px 0px;
}
.bz-menu-nocheckbox .bz-menuitem,
.bz-menu-noicon .bz-menuitem {
padding-left: 12px;
}
.bz-menu-noaccel .bz-menuitem {
padding-right: 20px;
}
.bz-menuitem-content {
border: 0;
color: #111;
display: block;
font: normal 14px/18px Open Sans,sans-serif;
padding: 1px 16px 1px 28px;
text-decoration: none;
*display: inline;
*zoom:1;
}
.bz-menuitem-b .bz-menuitem-accel,
.bz-menuitem-b .bz-menuitem-content {
color: #ccc !important;
}
.bz-menuitem-b .bz-menuitem-icon {
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
.bz-menuitem-highlight,
.bz-menuitem-hover {
background-color: #eee;
}
/*
.bz-menuitem-checkbox,
.bz-menuitem-icon {
background-repeat: no-repeat;
left: 4px;
position: absolute;
}
.bz-option-selected .bz-menuitem-checkbox,
.bz-option-selected .bz-menuitem-icon {
background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -512px 0;
}
*/
.bz-option-selected .bz-menuitem-content {
background:url("https://st.szafkirtv.pl/img/check.png") 6px 6px no-repeat;
/*background: url(https://static.ak.fbcdn.net/rsrc.php/v1/yu/r/6NHt8H5uyPf.png) 6px 6px no-repeat;*/
}
.bz-menuitem-accel {
color: #999;
direction: ltr;
padding: 0 6px;
text-align: right;
text-decoration: none;
position: relative;
right: 0px;
}
/*
.bz-menuitem-mnemonic-hint {
text-decoration: underline;
}
.bz-menuitem-mnemonic-separator {
color: #999;
font-size: 12px;
padding-left: 4px;
}
*/
.bz-menuseparator {
border-bottom: 1px solid #DDD;
margin: 5px 7px 6px;
padding-top: 1px;
}
/*
.bz-menu {
background: #fff;
border-color: #ccc #666 #666 #ccc;
border-style: solid;
border-width: 1px;
cursor: default;
font: normal 13px Arial, sans-serif;
margin: 0;
outline: none;
padding: 4px 0;
position: absolute;
z-index: 280;
}
.bz-menuitem {
color: #000;
font: normal 13px Arial, sans-serif;
list-style: none;
margin: 0;
padding: 4px 7em 4px 28px;
white-space: nowrap;
}
.bz-menu-nocheckbox .bz-menuitem,
.bz-menu-noicon .bz-menuitem {
padding-left: 12px;
}
.bz-menu-noaccel .bz-menuitem {
padding-right: 20px;
}
.bz-menuitem-content {
color: #000;
font: normal 13px Arial, sans-serif;
}
.bz-menuitem-b .bz-menuitem-accel,
.bz-menuitem-b .bz-menuitem-content {
color: #ccc !important;
}
.bz-menuitem-b .bz-menuitem-icon {
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30);
}
.bz-menuitem-highlight,
.bz-menuitem-hover {
background-color: #d6e9f8;
border-color: #d6e9f8;
border-style: dotted;
border-width: 1px 0;
padding-bottom: 3px;
padding-top: 3px;
}
.bz-menuitem-checkbox,
.bz-menuitem-icon {
background-repeat: no-repeat;
height: 16px;
left: 6px;
position: absolute;
right: auto;
vertical-align: middle;
width: 16px;
}
.bz-option-selected .bz-menuitem-checkbox,
.bz-option-selected .bz-menuitem-icon {
background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -512px 0;
}
.bz-menuitem-accel {
color: #999;
direction: ltr;
left: auto;
padding: 0 6px;
position: absolute;
right: 0;
text-align: right;
}
.bz-menuitem-mnemonic-hint {
text-decoration: underline;
}
.bz-menuitem-mnemonic-separator {
color: #999;
font-size: 12px;
padding-left: 4px;
}
.bz-menuseparator {
border-top: 1px solid #ccc;
margin: 4px 0;
padding: 0;
}
*/
/*-----------------------
-- KONIEC goog-menu styles --
-----------------------*/
/*-----------------------
-- autocomplete styles --
-----------------------*/
/*
* TODO(annams): Rename (here and in renderer.js) to specify class name as
* goog-autocomplete-renderer
*/
.ac-renderer {
font: normal 14px Open Sans,sans-serif;
position: absolute;
background: #fff;
border: 1px solid #666;
-moz-box-shadow: 2px 2px 2px rgba(102, 102, 102, .4);
-webkit-box-shadow: 2px 2px 2px rgba(102, 102, 102, .4);
width: 300px;
}
.ac-row {
cursor: pointer;
padding: .4em;
}
.ac-highlighted {
font-weight: bold;
}
.ac-active {
background-color: #b2b4bf;
}
/*-----------------------
-- KONIEC autocomplete styles --
-----------------------*/
.act_show, .actt_show{
display: none;
visibility:hidden;
}
.act_hide, .actt_hide{
display: block;
visibility: visible;
position: relative;
}
.act .act_show, .actt .actt_show{
display: block !important;
visibility: visible;
position: relative;
}
.act .act_show {
z-index: 4;
}
.actt .actt_show{
z-index: 4;
}
.act .act_hide , .actt .actt_hide{
display: none !important;
visibility:hidden;
}
.hidden_e{
display: none !important;
visibility:hidden;
}
.hid_e{
display: none;
}
.plovr-error-report{
position: absolute;
top: 0px;
left: 0px;
z-index: 1000;
}
#editMe {
width: 100%;
height: 100%;
min-height: 600px;
min-width: 800px;
background-color: white;
border: 1px solid grey;
}
/*-----------------------
-- Jestes w linki styles --
-----------------------*/
.inpage {
margin:0px 10px;
}
.inpage a {
float:left;
}
.inpage i {
font-style: normal;
float: left;
}
/*-----------------------
-- KONIEC Jestes w linki styles --
-----------------------*/
.wi120{
width:120px;
}
.mar2{
right: 2px;
}
/*-----------------------
-- Cien styles --
-----------------------*/
.ibef:before {
position: absolute;
z-index: -2;
content: "";
}
.bef:before {
bottom: 15px;
left: 8px;
width: 40%;
height: 10%;
-webkit-box-shadow: 0 15px 6px rgba(0,0,0,0.3);
-moz-box-shadow: 0 15px 6px rgba(0,0,0,0.3);
box-shadow: 0 15px 6px rgba(0,0,0,0.3);
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
transform: rotate(-4deg);
backface-visibility: hidden;
}
/*-----------------------
-- KONIEC Cien styles --
-----------------------*/
/*-----------------------
-- SLIDER styles --
-----------------------*/
.bllink {
height: 48px;
border-top: solid 1px #ccc;
width: 100%;
display: block;
color: #333;
font: normal 12px/18px Open Sans,sans-serif;
}
.bllink b {
float: left;
font: normal 12px/18px Open Sans,sans-serif;
}
.actt .bllink {
height: 28px;
}
.w106px .bllink {
height: 21px;
}
.bz-twothumbslider{
background: transparent url("https://st.szafkirtv.pl/img/bg_slider.png") center 0 repeat-x;
position: relative;
overflow: hidden;
outline: none;
cursor: pointer;
}
.bz-twothumbslider.sma{
position: relative;
width: 100%;
height: 17px
}
.bz-twothumbslider .abso{
position:absolute;
top:9px;
width:100%;
height:0px;
overflow:hidden;
}
.bz-twothumbslider-vertical,
.bz-twothumbslider-horizontal {
}
.bz-twothumbslider-rangehighlight {
position: absolute;
top: 6px;
background: #969696;
height: 4px;
overflow: hidden;
}
.bz-twothumbslider-value-thumb {
position: absolute;
background-color: #26b1e8;
overflow: hidden;
cursor: e-resize;
}
.bz-twothumbslider-extent-thumb {
position: absolute;
background-color: #26b1e8;
overflow: hidden;
cursor: e-resize;
}
.bz-twothumbslider-vertical .bz-twothumbslider-value-thumb {
height: 20px;
width: 100%;
}
.bz-twothumbslider-vertical .bz-twothumbslider-extent-thumb {
height: 20px;
width: 100%;
}
.bz-twothumbslider-horizontal .bz-twothumbslider-value-thumb {
width: 6px;
height: 100%;
}
.bz-twothumbslider-horizontal .bz-twothumbslider-extent-thumb {
width: 6px;
height: 20px;
}
.s-h {
color: #999;
font-size: 11px;
text-align: center;
height: 60px;
padding: 0px 10px;
}
.s-h .sint{
position: relative;
margin: 0px auto;
height: 20px;
}
#out1, #out2 {
color: #999;
font-size: 11px;
text-align: center;
}
/*-----------------------
-- KONIEC SLIDER styles --
-----------------------*/
/*-----------------------
-- SLIDERshow styles --
-----------------------*/
.slideshowg {
overflow: hidden;
position: relative;
width: 100%;
padding-bottom: 20px;
height: 100%;
background: #fff;
/* Jesli chcesz powiekszenie duzego zdjecia to daj to
body {
overflow: hidden;
position: fixed;
height: 0;
width: 100%;
}
.wh100 .th a i {
height: 100%;
}
.wh100 .th a i b {
background-size: contain;
transform: scale3d(2.5, 2.5, 2.5);
}
*/
/*
position: fixed;
top: 0;
left: 0;
z-index: 10000;
height: 100%;
*/
}
.slideshow {
/* both values are required */
overflow: hidden;
position: relative;
width: 100%;
height: 430px;
}
.slideshow_a {
position: absolute;
display: block;
top: 40%;
margin-top: -45px;
width: 60px;
height: 60px;
z-index: 100;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
/*
.slideshowg .slideshow_a {
width: 48px;
height: 48px;
}
*/
.slideshow_a i {
background-image: url("https://st.szafkirtv.pl/img/1lf8f5B8.png");
background-repeat: no-repeat;
background-color: transparent;
position: absolute;
display: block;
top: 4px;
left: 4px;
width: 54px;
height: 54px;
margin: 0;
outline: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border-radius: 100%;
box-shadow: 0 1px 2px #b5b5b5;
}
.slideshowg .slideshow_a i {
margin-top: 10px;
width: 28px;
height: 28px;
box-shadow: none;
}
.slideshow_a_p {left:0px;}
.slideshow_a_p i {background-position: -378px -108px;}
.slideshowg .slideshow_a_p i {background-position: -348px -18px;}
.slideshow_a_n {right:0px;}
.slideshow_a_n i {background-position: -310px -108px;}
.slideshowg .slideshow_a_n i {
margin-left: 22px;
background-position: -390px -18px;
}
.slideshow_ma {
width: 100%;
min-height: 20px;
text-align: center;
}
.slideshowg .slideshow_ma {
display: none;
}
.slideshow_ma span {
cursor: pointer;
margin: 0 10px;
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
.slideshow_ma span.act {
opacity: 1;
background: #ff530d;
}
.slideshowg a.vrpx i b.im600 {
display:none;  /* Zdjecia 600px , laduja się jesli ekran mniejszy niz 600px*/
}
.slideshowg a.vrpx i b.im840 {
display:block; /* Zdjecia 840px , laduja się dla większych ekranów niż width:600px*/
}
/*-----------------------
-- KONIEC SLIDERshow styles --
-----------------------*/
/*-----------------------
--  FAQPage styles --
-----------------------*/
.faqp {
height: 65px;
overflow: hidden;
}
.actt .faqp {
height: auto;
}
.faqp h2 {
font-weight: bold;
margin: 25px 0px 10px 0px;
}
/*-----------------------
-- KONIEC Qfadło styles --
-----------------------*/
/*-----------------------
--  dla pokaż wiecej w szufladach --
-----------------------*/
.faqp2 {
height: 78px;
overflow: hidden;
}
.actt .faqp2 {
height: auto;
}
/*-----------------------
-- KONIEC dla pokaż wiecej w szufladach --
-----------------------*/
/*-----------------------
-- Style dla rużnych szerokości przeglądarki styles --
-----------------------*/
/*-----------------------
<link rel="stylesheet" href="https://st.szafkirtv.pl/css/m979.css" type="text/css" media="only screen and (max-width:979px)"><link rel="stylesheet" href="https://st.szafkirtv.pl/css/m779.css" type="text/css" media="only screen and (max-width:779px)"><link rel="stylesheet" href="https://st.szafkirtv.pl/css/m600.css" type="text/css" media="only screen and (max-width:600px)"><link rel="stylesheet" href="https://st.szafkirtv.pl/css/m479.css" type="text/css" media="only screen and (max-width:479px)">Nie posłóguje ie8 w dół, Aby dodać obsługe min/max-width CSS3 Media Queries (for IE 6-8, and more) można użyć sktyptu javascript na stronie https://github.com/scottjehl/Respond#referrer=blog.kamilbrenk.pl tylko po co. Bo jak nie opsługuje to w najgorszym wypadku strona będzie width:980px;
-----------------------*/
@media only screen and (min-width: 1230px){
.left3 {
width: 820px;
}
.right3 {
margin: 0px 0px 0px 820px;
}
#contentp.th a.vrp i {
width: 740px;
height: 446px;
}
.slideshowg a.vrpx i, .slideshowg p.vrpx i {
width: 98%;
height: 600px;
}
}
@media only screen and (min-width: 780px) and (max-width:980px){
.w4 .pic_form li {
width:33.3%;
}
.w70p30p {width:100%;}
.w30p70p {width:50%;}
#cart_page_in .w4 .pic_form li, .w68x84.w4 .pic_form li {
width: 25%;
}
.w3 .pic_form li {
width: 50%;
}
.w68x84.w3 .pic_form li {
width: 33.3%;
}
.w2 .pic_form li {
width: 100%;
}
.w68x84.w2 .pic_form li {
width: 50%;
}
#bart {
min-width: 760px;
}
.topw {
width: 99% !important;
min-width: 740px;
}
.boxw {
width: 650px;
}
.left3 {
width: 60%;
}
.right3 {
margin: 0px 0px 0px 60%;
}
.par .cartad {
max-width: 580px;
}
.idform {
font-size: 10px;
}
.slideshowg a.vrpx i, .slideshowg p.vrpx i {
width: 97%;
height: 426px;
}
.slideshowg a.vrpx i b {
background-size: contain;
}
.list_mmm li a {
padding: 4px 10px;
margin: 4px;
}
.m_login .cnt2 {
width: 248px;
left: -250px;
}
.m_login .cnt2 .ctel {
font: normal 12px/36px Open Sans,sans-serif;
}
.m_login .cnt2 .cem {
font: normal 10px/36px Open Sans,sans-serif;
}
.m_sar {
margin-right: 440px;
margin-left: 240px;
}
}
@media only screen and (min-width: 601px) and (max-width:779px){
#top2 {
display:none;
}
#top2_mob {
display: block;
}
.w4 .pic_form li {
width: 50%;
}
.w70p30p {width:100%;}
.w30p70p {width:50%;}
#cart_page_in .w4 .pic_form li, .w68x84.w4 .pic_form li {
width: 25%;
}
.w3 .pic_form li {
width: 50%;
}
.w68x84.w3 .pic_form li {
width: 33.3%;
}
.w2 .pic_form li {
width: 100%;
}
.w68x84.w2 .pic_form li {
width: 50%;
}
#bart {
min-width: 580px;
}
#logo {
width: 220px;
}
.topw {
width: 99% !important;
min-width: 560px;
}
.boxw {
width: 550px;
}
.left3 {
float: none;
display: block;
width: 100%;
}
.right3 {
margin: 0px 0px 0px 0px;
}
.right3 .par {
padding: 0px 0px 10px 0px;
}
.par .cartad {
max-width: 780px;
}
.idform {
font-size: 1px;
}
#left2.lw220 {
width: 160px;
}
#right2.rm220 {
margin: 0px 0px 0px 160px;
}
.slideshowg a.vrpx i b {
background-size: contain;
}
.d780{display:none}
.list_mmm li a {
font: bold 12px/26px Open Sans,sans-serif;
padding: 2px 6px;
margin: 2px;
}
.m_sar {
margin-right: 346px;
margin-left: 206px;
}
.m_login .cnt2 {
width: 160px;
left: -160px;
}
.m_login .cnt2 .ctel {
font: normal 12px/36px Open Sans,sans-serif;
}
.m_login .cnt2 .cem {
display: none;
}
.opin_in1 {
width: 20%;
}
.opin_in2 {
width: 70%;
}
.opin_in3 {
width: 50%;
}
}
@media only screen and (min-width: 480px) and (max-width:600px){
#top2 {
display:none;
}
#top2_mob {
display: block;
}
.slideshowg a.vrpx i b.im600 {
display: block;  /* Zdjecia 600px , laduja się jesli ekran mniejszy niz 600px*/
}
.slideshowg a.vrpx i b.im840 {
display: none; /* Zdjecia 840px , laduja się dla większych ekranów niż width:600px*/
}
.w4 .pic_form li {
width: 100%;
}
.w70p30p {width:100%;}
.w30p70p {width:100%;}
#cart_page_in .w4 .pic_form li, .w68x84.w4 .pic_form li {
width: 25%;
}
.w3 .pic_form li {
width: 100%;
}
.w68x84.w3 .pic_form li {
width: 33.3%;
}
.w2 .pic_form li {
width: 100%;
}
.w68x84.w2 .pic_form li {
width: 50%;
}
.w2 .cart_form li.cart_li1, .w2 .cart_form li.cart_li2 {
width: 100%;
}
.cart_form li.cart_li8 {width:50%;}
.cart_form li.cart_li9 {width:40%;}
.cart_li2 {border-top: 1px solid #f1f0f0; font: normal 12px/20px Open Sans,sans-serif;}
.cart_hi {display:block;}
.cart_hi2 {display:none;}
.tit_infos2 .abspan {font: normal 14px/18px Open Sans,sans-serif;}
#bart {
min-width: 460px;
}
#logo {
width: 220px;
}
#cart .m_t {
width: 48px;
}
.topw {
width: 99% !important;
min-width: 440px;
}
.boxw {
width: 400px;
}
.left3 {
float: none;
display: block;
width: 100%;
}
.right3 {
margin: 0px 0px 0px 0px;
}
.right3 .par {
padding: 0px 0px 10px 0px;
}
.par .cartad {
max-width: 780px;
}
.idform {
font-size: 1px;
}
#left2.lw220 {
width: 160px;
}
#right2.rm220 {
margin: 0px 0px 0px 160px;
}
.slideshowg a.vrpx i, .slideshowg p.vrpx i {
width: 97%;
height: 360px;
}
.slideshowg a.vrpx i b {
background-size: contain;
}
.d780{display:none}
.list_mmm li a {
font: bold 12px/16px Open Sans,sans-serif;
padding: 2px 8px;
margin: 2px;
}
.m_sar {
margin-right: 216px;
margin-left: 206px;
}
.m_login .cnt2 {
width: 160px;
left: -160px;
}
.m_login .cnt2 .ctel {
font: normal 12px/36px Open Sans,sans-serif;
}
.m_login .cnt2 .cem {
display: none;
}
.opin_in1 {
width: 20%;
}
.opin_in2 {
width: 70%;
}
.opin_in3 {
width: 50%;
}
.f_1 {
width: 54%;
}
.f_2 {
width: 46%;
}
.f_3 {
width: 60%;
}
}
@media only screen and (max-width:479px){
#top2 {
display:none;
}
#top2_mob {
display: block;
}
.slideshowg a.vrpx i b.im600 {
display: block;  /* Zdjecia 600px , laduja się jesli ekran mniejszy niz 600px*/
}
.slideshowg a.vrpx i b.im840 {
display: none; /* Zdjecia 840px , laduja się dla większych ekranów niż width:600px*/
}
.mobi_1_actt .me{
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.mobi_1 {
display: block;
visibility: visible;
}
.mobi_1_show {
display: none;
visibility: hidden;
}
.mobi_1_actt .mobi_1_show {
display: block !important;
visibility: visible;
}
.mobi_1_show .list_mmm li {
float: none;
}
.mobi_1_show .list_mmm li a {
text-align: left;
}
.mobi_1_actt #barm {
margin-top: 56px;
}
.w4 .pic_form li {
width: 100%;
}
.w70p30p {width:100%;}
.w30p70p {width:100%;}
#cart_page_in {
padding-top: 48px;
margin-left: 0px;
}
#cart_page_in .w4 .pic_form li, .w68x84.w4 .pic_form li {
width: 25%;
}
.w3 .pic_form li {
width: 100%;
}
.w68x84.w3 .pic_form li {
width: 33.3%;
}
.w2 .pic_form li {
width: 100%;
}
.w68x84.w2 .pic_form li {
width: 50%;
}
.w2 .cart_form li.cart_li1, .w2 .cart_form li.cart_li2 {
width: 100%;
}
.cart_form li.cart_li8 {width:50%;}
.cart_form li.cart_li9 {width:40%;}
.cart_li2 {border-top: 1px solid #f1f0f0; font: normal 12px/20px Open Sans,sans-serif;}
.cart_hi {display:block;}
.cart_hi2 {display:none;}
.tit_infos2 .abspan {font: normal 16px/18px Open Sans,sans-serif;}
#bart {
min-width: 200px;
}
#cart .m_t {
width: 48px;
}
.topw {
width: 99% !important;
min-width: 200px;
}
.mobi{
position: relative;
margin-top: 30px;
transition: margin-top 0.2s ease;
}
.scrodo .mobi{
margin-top: 0px;
}
.scrodo #bart{
height: 56px;
}
.boxw {
width: 230px;
}
.left3 {
float: none;
display: block;
width: 100%;
}
.right3 {
margin: 0px 0px 0px 0px;
}
.right3 .par {
padding: 0px 0px 10px 0px;
}
.par .cartad {
max-width: 780px;
}
.idform {
font-size: 1px;
}
#left2.lw220 {
display:none;
}
#right2.rm220 {
margin: 0px 0px 0px 0px;
}
.slideshowg a.vrpx i, .slideshowg p.vrpx i {
width: 97%;
height: 300px;
}
.slideshowg a.vrpx i b {
background-size: contain;
}
.slideshowg .slideshow_mi{
display: none;
}
.slideshowg .slideshow_ma{
display: block;
}
#logo img {
top: 12px;
width: 340px;
height: 36px;
left: 50px;
}
.d780{display:none}
/*
.list_mmm li a {
font: bold 12px/16px Open Sans,sans-serif;
padding: 2px 8px;
margin: 2px;
}
*/
.m_sar {
display: none;
}
.m_login .cnt2 {
top: -34px;
left: -320px;
width: 360px;
}
.m_login .cnt2 .ctel {
border: 0px;
font: normal 12px/36px Open Sans,sans-serif;
}
.m_login .cnt2 .cem {
float: right;
border: 0px;
background: #fff;
}
.m_login .cnt2 .icote {
}
#barh{
height: 86px;
}
#bart{
height: 86px;
transition: height 0.2s ease;
}
.m_login{
border:0px;
}
.opin_in1 {
width: 20%;
}
.opin_in2 {
width: 70%;
}
.opin_in3 {
width: 50%;
}
.f_1 {
width: 54%;
}
.f_2 {
width: 46%;
}
.f_3 {
width: 60%;
}
}
/*
@media only screen and (max-width:389px){
#logo {
padding-left: 50px;
}
#logo img {
left:50px;
}
#cart_page_in {
padding-top: 48px;
margin-left: 0px;
}
}*/
@media only screen and (max-width:350px){
.m_login .cnt2 {
top: -34px;
left: -280px;
width: 340px;
}
}
@media only screen and (max-width:318px){
#logo {
width: 172px;
}
#logo img {
top:22px;
left:50px;
width: 240px;
height: 28px;
}
#cart_page_in {
margin-left: 120px;
}
.idform i {
width: 25px;
}
.m_login .cnt2 {
top: -34px;
left: -260px;
width: 320px;
}
a.button.b36x {font: bold 12px/36px Open Sans,sans-serif !important;}
}
/*  Minimalna szerokosc strony www to 291px w przeglądarce google */