/**
 * @CSS for COLIN II wardrobe configurator site.
 * @version 1.0.88 BRW
 */

#container
 {
    background-color:#FFFFFF;
    color:grey;
    position: absolute;
    width: 1220px;
    height: 635px;
    left:50%;
    top:50%;
    overflow: hidden;
    transform: translate(-50%,-50%);
    /*margin:-312px 0 0 -540px;*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
 }
 
#loading {
    width: 50%;
    margin: 250px auto;
    text-align:center;
    font:normal 11px Istok Web, sans-serif;
}

#hideAll
 {
   position: absolute;
   left: 0px;
   width: 100%; 
   top: 0px; 
   height: 100%;
   background-color: white;
   z-index: 199;
   display: block;
 }
 
#javaDisable
 {
   position: absolute;
   left: 0px;
   width: 100%; 
   top: 0px; 
   height: 100%;
   background-color: white;
   z-index: 200;
   display: block;
 }
 
#javaDisableMsg {
    position:absolute;
    width:800px;
    top:50%;
    left:50%;
    margin-left:-425px;
    margin-top:-100px;
    text-align:center;
    color:red;
    font:bold 20px Istok Web, sans-serif;
}

#canvasDisable
 {
   position: absolute;
   left: 0px;
   width: 100%; 
   top: 0px; 
   height: 100%;
   background-color: white;
   z-index: 200;
   display: block;
 }
 
#canvasDisableMsg {
    position:absolute;
    width:800px;
    top:50%;
    left:50%;
    margin-left:-425px;
    margin-top:0px;
    text-align:center;
    color:red;
    font:bold 20px Istok Web, sans-serif;
}
 
#tabelaDodatkowychElementow {
   border: none;
   width:100%;
   border-collapse: collapse;
   background-color: #ffffff;
    color: #585858;
    font: 12px Ubuntu;
   margin-bottom:3px;
}
#tabelaDodatkowychElementow td {
   padding-top:0px;
   padding-bottom:1px;
}

td.nazwaDodatek {
   width:70%;
   padding-left: 18px;
   text-align: left;
}

td.oszczedzaszDodatek {
  text-decoration: line-through;
  color:red;
  text-align:right;
  width:30%;
  padding-right:0px;
}

td.cenaDodatek {
  text-align:right;
  width:30%;
  padding-right:0px;
}

table.sample {

}

table.sample th {
	padding:4px;
}

img.przyciskOklein {
  cursor:pointer;
  vertical-align:middle;
}

#panelKolorowKorpusu {
	position: absolute;
	top: 70px;
	width: 190px;
	height: 160px;
	/* font: bold 12px Istok Web, sans-serif; */
	color: #333;
	font-family: Ubuntu;
}


#panelKolorowFrontow{
    position: absolute;
    top: 70px;
    width: 227px;
    height: auto;
    /*font: bold 11px Istok Web, sans-serif; */
	font-family: Ubuntu;
    color: white;
    overflow: hidden;
	font-size: 12px;
}

#panelElementowDodatkowych{
  position: absolute;
  top: 40px;
  width:190px;
  height: auto;
  font: bold 16px Ubuntu;
  color: #585858;
  overflow: hidden;
  margin-top: 32px;
}

#panelTwojaSzafa
 {
  border:1px solid grey;
  position: absolute;
  bottom: 6px;
  left: 100%;
  width:200px;
  height: auto;
  background-color: black;
  font:bold 11px Istok Web, sans-serif;
  color: white;
  overflow: hidden;
  margin-left:-209px;

 }
  
img.szafaRozmiar153_aktywna {
  border: none;
  position: absolute;
  left: 50px;
  top: 120px;
  width: 341px;
  height: 380px;
}

img.szafaRozmiar153_nieaktywna {
  border: none;
  position: absolute;
  left: 90px;
  top: 190px;
  width: 251px;
  height: 280px;
  cursor:pointer;
}

img.szafaRozmiar183_aktywna {
  border: none;
  position: absolute;
  left: 370px;
  top: 120px;
  width: 369px;
  height: 380px;
}

img.szafaRozmiar183_nieaktywna {
  border: none;
  position: absolute;
  left: 400px;
  top: 190px;
  width: 272px;
  height: 280px;
  cursor:pointer;
}

img.szafaRozmiar220_aktywna {
  border: none;
  position: absolute;
  left: 670px;
  top: 120px;
  width: 410px;
  height: 380px;
}

img.szafaRozmiar220_nieaktywna {
  border: none;
  position: absolute;
  left: 755px;
  top: 190px;
  width: 314px;
  height: 270px;
  cursor:pointer;
}


body {
	font-family:Istok Web, sans-serif;
	font-size:12px;
	text-align:center;
	background-color:#fff;
	color:#000;
}


#headerTable {
  width:100%;
  height:50px;
  background-color:#DA2128;
  color:#FFFFFF;
  font-size:22px;
  font-weight:normal;
  font-family: SuperClarendonBT;
  border-spacing:0px;
  padding:0px;
  border-collapse:collapse;
  border:0px;
}

#headerTable tr {
  vertical-align: middle;
}

#headerTable td.left {
  text-align:left;
  width:50%;
  padding-left:25px;
}

#headerTable td.right {
  width:50%;
  text-align:right;
  padding-right:15px;
  vertical-align:top;
  font-size:11px;
  padding-top:10px;
}

#headerTable a { font-size:11px; color:#ccc; cursor:pointer; }
#headerTable a:hover { text-decoration:underline; }

table.navigationTable {
    /* border-color: #000000; */
    border-collapse: collapse;
    height: 50px;
    width: 100%;
        border-bottom: 1px solid #585858;
    /* border-spacing: 0px; font: bold 24px Istok Web, sans-serif; */
    padding: 0px;
    font-family: Ubuntu;
}

table.navigationTable tr {
  vertical-align: middle;
}

table.navigationTable td { 
  text-align:center;
  font-weight:bold;
  width:20%;
  border:none;
  background-color:#FFFFFF;
  font-size: 17px;
  color: #585858;
}

table.navigationTable td.choose { 
  background-color:#C6C7C8;
  /* border-bottom:2px solid #da2128; */
}

table.navigationTable td.choosen { 
  background-color:#F0F0F0;
  cursor:pointer;
}

table.navigationTable td.nextToChoose { 
  cursor:pointer;
}

img.backButton {
    position: absolute;
    left: 1px;
    top: 519px;
    height: 37px;
    width: 87px;
    cursor: pointer;
}

img.forwardButton {
    position: absolute;
    left: 993px;
    top: 519px;
    height: 36px;
    width: 87px;
    cursor: pointer;
}

img.lupaWnetrze {
  position:absolute;
  left:415px;
  top:445px;
  height:60px;
  width:44px;
  cursor:pointer;
}

img.lupaZewnatrz {
  position:absolute;
  left:845px;
  top:445px;
  height:60px;
  width:44px;
  cursor:pointer;
}

img.lupaZewnatrzSama {
  position:absolute;
  left:715px;
  top:445px;
  height:60px;
  width:44px;
  cursor:pointer;
}

img.przyciskKolorowFrontow {
  height:36px;
  width:36px;
  cursor:pointer;
  border: 1px solid #000000;  
}

img.przyciskKolorowKorpusu {
  height:50px;
  width:50px;
  cursor:pointer; 
}

table.frontColorTable td {
  padding:0px;
  vertical-align:top;
}

#pageOne {
    display: block;
    position:relative;
    height:565px;
    cursor:pointer;
    /*background: url(../images/page_one/tlo1.png) top left repeat-x; */
}

#pageOneSzafaLewa {
  position:absolute;
  left:110px;
  top:130px;
  height:288px;
  width:247px;
}

#pageOneCentralnyObszar {
  position:absolute;
  left:420px;
  top:40px;
  height:458px;
  width:368px;
  color:black;
  font-family:Istok Web, sans-serif;
}

#pageOneSzafaCentralna {
  position:absolute;
  left:0px;
  top:0px;
  height:458px;
  width:368px;
}

#pageOneCentralnyObszarSzafaNapis {
  position:absolute;
  left:30px;
  top:72px;
  font-size:28px;
  font-weight:normal;
}

#pageOneCentralnyObszarColinNapis {
  position:absolute;
  left:130px;
  top:50px;
  font-size:55px;
  font-weight:bold;
}

#pageOneCentralnyObszarOpisNapis {
  position:absolute;
  left:10px;
  top:140px;
  font-size:16px;
  width:345px;
  line-height:28px;
  font-weight:normal;
}

#pageOneStart {
  cursor:pointer;
  position:absolute;
  left:430px;
  top:360px;
  height:50px;
  width:230px;  
}

#pageOneSzafaPrawa {
  position:absolute;
  left:850px;
  top:130px;
  height:288px;
  width:247px;
}

#pageTwo {
  display:none;
  position:relative;
  height:565px;
  /*background:url(../images/page_two/tlo2.png) top left repeat-x;*/
}

#wymiaryMiniatura153 {
  position:absolute;
  left:120px;
  top:500px;
  height:46px;
  width:183px;  
}

#wymiaryMiniatura183 {
  position:absolute;
  left:430px;
  top:500px;
  height:46px;
  width:183px;
}

#wymiaryMiniatura220 {
  position:absolute;
  left:780px;
  top:500px;
  height:46px;
  width:183px;
}

#pageThree {
  display:none;
  position:relative;
  height:565px;
}

#widokKoloruKorpusu {
  position:absolute;
  left:160px;
  top:33px;
  height:563px;
  width:750px;
}

#panelKolorowKorpusuNapis {
	position: absolute;
	left: 5px;
	/*top: 1px;*/
	text-align: left;
	width: 95%;
	height: 14%;
	color: #585858;
	font-size: 16px;
	font-weight: bold;
}

#panelKolorowKorpusuDivPrzyciskow {
    position: absolute;
    left: 0px;
    top: 18px;
    width: 100%;
    height: 88%;
    border-top: 1px solid #585858;
    margin-top: 5px;
}

div.oknoNazwyKoloruKorpusu {
  padding:3px;
  border:1px solid grey;
  width:75px;
  height:auto;
  font-size:11px;
  color:black;
  text-align: center;
  background-color: white;
}

table.panelKolorowKorpusuTabelaPrzyciskow {
  position:absolute;
  left:5px;
  top:0px;
  width:100%;
  border-width:0px;
  border-spacing:8px;
  margin-top: 3px;
}

table.panelKolorowKorpusuTabelaPrzyciskow td {
  padding:3px;
  max-width: 32%;
  float: left;
}

#pageFour {
  display:none;
  position:relative;
  height:565px;
}

#widokKoloruFrontow {
  position:absolute;
  left:160px;
  top:33px;
  width:750px;
  height:563px;
}

#przycisk_obszar_1 {
  border:none;
  position:absolute;
  left:180px;
  top:94px;
  height:17px;
  width: 17px;
}

#przycisk_obszar_2 {
  border:none;
  position:absolute;
  left:180px;
  top:195px;
  height:17px;
  width: 17px;
}

#przycisk_obszar_3 {
  border:none;
  position:absolute;
  left:180px;
  top:298px;
  height:17px;
  width: 17px;
}

#przycisk_obszar_4 {
  border:none;
  position:absolute;
  left:446px;
  top:84px;
  height:17px;
  width: 17px;
}

#przycisk_obszar_5 {
  border:none;
  position:absolute;
  left:446px;
  top:191px;
  height:17px;
  width: 17px;
}

#przycisk_obszar_6 {
  border:none;
  position:absolute;
  left:446px;
  top:301px;
  height:17px;
  width: 17px;
}

#obszarMalowaniaImg {
  opacity:0;
  border:none;
  position:absolute;
  left:0px;
  top:0px;
  width:750px;
  height:563px;
}

#panelKolorowFrontowNazwa {
	position: relative;
	left: 8px;
	top: 1px;
	text-align: left;
	width: 190px;
	height: 23px;
	color: #585858;
	font-size: 16px;
	font-weight: bold;
}

#panelKolorowListewNazwa {
    position: relative;
    left: 8px;
    top: 4px;
    text-align: left;
    width: 190px;
    height: 28px;
    color: #585858;
    font-size: 16px;
    font-weight: bold;
}

div.panelKolorowFrontowPoziomaLinia {
  position:relative;
  width:100%;
  /*border-top:3px solid black;*/
}

#panelKolorowFrontowKontenerPrzyciskow {
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    height: auto;
    color: black;
    border-top: 1px solid #0c0c0c;
	border-bottom: 1px solid #0c0c0c;
}

div.panelKoloryNapisTypu {
  position:relative;
  left:11px;
  top:3px;
  width:90%;
  height:15px;
  text-align:left;
}

div.panelKoloryKontenerTypu {
  left:0px;
  top:0px;
  height:auto;
  /*width:99%;
  background-color: white;*/
}

table.frontColorTable {
  position:relative;
  left:4px;
  top:0px;
  font-size:9px;
  border-width:0px;
  border-spacing:5px;
  line-height: 10px;
  font-weight: 400;
}

table.frontColorTable td {
  padding:0px;
}

div.panelKolorowFrontowPoziomaLiniaCienka {
  position:relative;
  width:100%;
  /*border-top: 1px solid #585858;*/
}

#panelWszystkichFrontow {
  display:block;
  position:relative;
  left:0px;
  top:0px;
  width:100%;
  height:26px;
  background-color:white;
}

#panelWszystkichFrontowNapis {
  position:relative;
  left:0px;
  top:4px;
  width:100%;
  height:26px;
  background-color:white;
  color:black;
}

#zaznaczWszystkieFronty {
  vertical-align:middle;
  position:relative;
  left:0px;
  top:0px;
  width:18px;
  height:18px;
}

div.oknoNazwyKoloruFrontu {
  padding:3px;
  border:1px solid grey;
  width:75px;
  height:auto;
  font-size:11px;
  color:black;
  text-align: center;
  background-color:white;
}

#pageFive {
  display:none;
  position:relative;
  height:565px;
}

#widokElementowDodatkowych {
  position:absolute;
  width:750px;
  height:563px;
  left:160px;
  top:33px;
}

#widokElementowDodatkowychWnetrze {
  position:absolute;
  width:750px;
  height:563px;
}

#SZU_lewe_okleina_2_rozmiar_153 {
  display:none;
  opacity:0.4;
  border:none;
  position:absolute;
  left:245px;
  top:302px;
  height:137px;
  width: 110px;
}

#POL_lewe_okleina_2_rozmiar_153 {
  display:none;
  opacity:0.4;
  border:none;
  position:absolute;
  left:245px;
  top:174px;
  height:271px;
  width:111px;
}

#SZU_lewe_okleina_2_rozmiar_183 {
  display:none;
  opacity:0.4;
  border:none;
  position:absolute;
  left:224px;
  top:300px;
  height:136px;
  width: 107px;
}

#POL_lewe_okleina_2_rozmiar_183 {
  display:none;
  opacity:0.4;
  border:none;
  position:absolute;
  left:222px;
  top:177px;
  height:262px;
  width:108px;
}

#SZU_lewe_okleina_2_rozmiar_220 {
  display:none;
  opacity:0.4;
  border:none;
  position:absolute;
  left:218px;
  top:302px;
  height:120px;
  width:92px;
}

#SZU_prawe_okleina_2_rozmiar_220 {
  display:none;
  opacity:0.4;
  border:none;
  position:absolute;
  left:416px;
  top:304px;
  height:127px;
  width:102px;
}

#POL_lewe_okleina_2_rozmiar_220 {
  display:none;
  opacity:0.4;
  border:none;
  position:absolute;
  left:215px;
  top:187px;
  height:237px;
  width:98px;
}

#POL_prawe_okleina_2_rozmiar_220 {
  display:none;
  opacity:0.4;
  border:none;
  position:absolute;
  left:415px;
  top:182px;
  height:250px;
  width:103px;
}

img.przyciskUsunDodatkowyElement {
  position:absolute;
  border:none;
  height:20px;
  width:20px;
}

#panelPrzyciskuSzufladNapis {
    position: relative;
    left: 5px;
    top: 1px;
    text-align: left;
    width: 100%;
    height: 25px;
}

#panelPrzyciskuSzuflad {
opacity: 1.0;
display: block;
position: relative;
left: 0px;
top: 0px;
height: 150px;
width: 100%;
cursor: pointer;
border-top: 1px solid #585858;
margin-bottom: 20px;
}

#przyciskDodajSzuflady {
  border:none;
  position:relative;
  left:0px;
  top:0px;
  height:150px;
  width:133px;
  margin:0px;
}

#panelPrzyciskuPolekNapis {
  position:relative;
  left:5px;
  top:1px;
  text-align:left;
  width:100%;
  height:25px;
}

#panelPrzyciskuPolek {
  opacity:1.0;
  display:block;
  position:relative;
  left:0px;
  top:0px;
  height:140px;
  width:100%;
  border-top: 1px solid #585858;
  cursor:pointer;
}

#przyciskDodajPolki {
  border:none;
  position:relative;
  left:0px;
  top:0px;
  height:140px;
  width:136px;
  margin: 0px 15px 0px 15px;
}

#pageSix {
  display:none;
  position:relative;
  height:565px;
  /*height: 610px; jak wybiore pelna koniguracje ukrywa dodaj do koszyka*/
  /*background:url(../images/page_two/tlo2.png) top left repeat-x;*/
}
#pageSix img.backButton {
	/*top: 565px;*/
}

#widokFinalnyZewnatrz {
  position:absolute;
  left:290px;
  top:33px;
  width:750px;
  height:563px;
}

#widokFinalnyWnetrze {
  overflow:hidden;
  position:absolute;
  left:-140px;
  top:33px;
  width:640px;
  height:563px;
}

#panelTwojaSzafaZapiszWynikNapis {
  position:relative;
  left:0px;
  top:0px;
  text-align:left;
  width:70%;
  height:17px;
  padding:2px 0px 0px 5px;
}

#panelTwojaSzafaListaKontener {
  border:none;
  position:relative;
  left:0px;
  top:0px;
  height:41px;
  width:100%;
  text-align:left;
  background-color:gainsboro;
  cursor:pointer;
}

#panelTwojaSzafaListaIkona {
  margin:5px 5px 5px 10px;
  border:none;
  position:absolute;
  left:0px;
  top:0px;
  height:31px;
  width:35px;
}

#panelTwojaSzafaListaNapis {
  border:none;
  position:absolute;
  font-size:13px;
  color:black;
  left:50px;
  top:27%;
  height:auto;
  width:auto;
  white-space: nowrap;
  text-align:center;
}

#panelTwojaSzafaPDFKontener {
  border-top:1px solid grey;
  position:relative;
  left:0px;
  top:0px;
  height:28px;
  width:100%;
  text-align:left;
  background-color:
  white;cursor:pointer;
}

#panelTwojaSzafaPDFIkona {
  margin:2px 2px 2px 15px;
  border:none;
  position:absolute;
  left:0px;
  top:0px;
  height:24px;
  width:22px;
}

#panelTwojaSzafaPDFNapis {
  border:none;
  position:absolute;
  font-size:11px;
  color:black;
  left:50px;
  top:30%;
  height:auto;
  width:150px;
  text-align:center;
}

#panelTwojaSzafaDrukKontener {
  display:none;
  border-top:1px solid grey;
  position:relative;
  left:0px;
  top:0px;
  height:28px;
  width:100%;
  text-align:left;
  background-color:white;
  cursor:pointer;
}

#panelTwojaSzafaDrukIkona {
  margin:2px 2px 2px 13px;
  border:none;
  position:absolute;
  left:0px;
  top:0px;
  height:24px;
  width:26px;
}

#panelTwojaSzafaDrukNapis {
  border:none;
  position:absolute;
  font-size:11px;
  color:black;
  left:50px;
  top:30%;
  height:auto;
  width:150px;
  text-align:center;
}

#panelTwojaSzafaMailKontener {
  border-top:1px solid grey;
  position:relative;
  left:0px;
  top:0px;
  height:28px;
  width:100%;
  text-align:left;
  background-color:white;
  cursor:pointer;
}

#panelTwojaSzafaMailIkona {
  margin:2px 2px 2px 12px;
  border:none;
  position:absolute;
  left:0px;
  top:0px;
  height:24px;
  width:29px;
}

#panelTwojaSzafaMailNapis {
  border:none;
  position:absolute;
  font-size:11px;
  color:black;
  left:50px;
  top:30%;
  height:auto;
  width:150px;
  text-align:center;
}

#dolnyPasek {
  background-color:#585858;
  height:1px;
}
 
#koszyk {
    position: absolute;
    left: 100%;
    width: 266px;
    top: 0%;
    margin-left: -266px;
    margin-top: 56px;
    height: auto;
    color: #585858;
	font-family: Ubuntu;   
	/* background-color: white; font: bold 10px Istok Web, sans-serif; border: 1px solid grey; */
}

#koszykHeader {
    position: relative;
    height: 24px;
    width: 100%;
    border-bottom: 1px solid #585858;
	margin-top: 11px;
}

#koszykHeaderNapis {
	position: absolute;
	left: 5px;
	top: 1px;
	width: 80%;
	text-align: left;
	font-size: 17px;
	color: #585858;
	font-weight: bold;
}


#obszarSkalowalnyKoszyka {
  width:auto;
  height:auto;
}

#koszykRozmiarSzafy {
    position: relative;
    height: 28px;
    color: #585858;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    background-color: #F2F2F2;
}

#szerokoscSzafyTytul {
	position: absolute;
	left: 5px;
	top: 4px;
	font-size: 13px;
	font-weight: bold;
}

#szerokoscSzafyNapis {
  position:absolute;
  left:20px;
  top:20px;
  font-size:12px;
}

#koszykPoziomaLinia1 {
  position:relative;
  height:auto;
  width:100%;
  border-top: 1px solid #585858;
}

#koszykKorpusSzafy {
  display:none;
  position:relative;
  height:24px;
  width:90%;
  color:#585858;
  padding-top: 5px;padding-bottom: 5px;padding-left: 5px; 
}

#kolorKorpusuTytul {
  position:absolute;
  left:5px;
  top:4px;
  font-size: 13px;
font-weight: bold;
}

#kolorKorpusuOszczedzasz {
  float:left;
  position:absolute;
  top:8px;
  font-size:10px;
  left:100%;
  margin-left:-95px;
  text-align:right;
  width:100px;
  color:red;
}

#kolorKorpusuNapis {
  position:absolute;
  left:20px;
  top:18px;
  font-size:12px;
}

#kolorKorpusuCena {
  float:left;
  position:absolute;
  top:18px;
  font-size:12px;
  left:100%;
  margin-left:-86px;
  text-align:right;
  width:100px;
}

#koszykPoziomaLinia2 {
  display:none;
  position:relative;
  height:auto;
  width:100%;
  border-top: 1px solid #585858;
}

#koszykOkleinySzafy {
  display:none;
  position:relative;
  height:95px;
  width:90%;
  color:#585858;
  padding-top:5px;
  padding-bottom:5px;
  padding-left: 5px;
}

#koloryFrontowTytul {
  position:absolute;
  left:5px;
  top:4px;
  font-size: 13px;
  font-weight: bold;
}

#panel1NapisStaly {
  position:absolute;
  left:18px;
  top:20px;
  font-size:12px;
}

#panel1Oszczedzasz {
  float:left;
  position:absolute;
  top:18px;
  font-size:10px;
  left:100%;
  margin-left:-95px;
  text-align:right;
  width:100px;
  color:red;
}

#panel1Napis {
  position:absolute;
  left:70px;
  top:20px;
  font-size:12px;
}

#panel1Cena {
  float:left;
  position:absolute;
  top:20px;
  font-size:12px;
  left:100%;
  margin-left:-86px;
  text-align:right;
  width:100px;
}

#panel2NapisStaly {
  position:absolute;
  left:18px;
  top:33px;
  font-size:12px;
}

#panel2Oszczedzasz {
  float:left;
  position:absolute;
  top:40px;
  font-size:10px;
  left:100%;
  margin-left:-95px;
  text-align:right;
  width:100px;
  color:red;
}

#panel2Napis {
  position:absolute;
  left:70px;
  top:33px;
  font-size:12px;
}

#panel2Cena {
  float:left;
  position:absolute;
  top:33px;
  font-size:12px;
  left:100%;
  margin-left:-86px;
  text-align:right;
  width:100px;
}

#panel3NapisStaly {
  position:absolute;
  left:18px;
  top:46px;
  font-size:12px;
}

#panel3Oszczedzasz {
  float:left;
  position:absolute;
  top:46px;
  font-size:12px;
  left:100%;
  margin-left:-95px;
  text-align:right;
  width:100px;
  color:red;
}

#panel3Napis {
  position:absolute;
  left:70px;
  top:46px;
  font-size:12px;
}

#panel3Cena {
  float:left;
  position:absolute;
  top:46px;
  font-size:12px;
  left:100%;
  margin-left:-86px;
  text-align:right;
  width:100px;
}

#panel4NapisStaly {
  position:absolute;
  left:18px;
  top:59px;
  font-size:12px;
}

#panel4Oszczedzasz {
  float:left;
  position:absolute;
  top:59px;
  font-size:10px;
  left:100%;
  margin-left:-95px;
  text-align:right;
  width:100px;
  color:red;
}

#panel4Napis {
  position:absolute;
  left:70px;
  top:59px;
  font-size:12px;
}

#panel4Cena {
  float:left;
  position:absolute;
  top:59px;
  font-size:12px;
  left:100%;
  margin-left:-86px;
  text-align:right;
  width:100px;
}

#panel5NapisStaly {
  position:absolute;
  left:18px;
  top:72px;
  font-size:12px;
}

#panel5Oszczedzasz {
  float:left;
  position:absolute;
  top:72px;
  font-size:10px;
  left:100%;
  margin-left:-95px;
  text-align:right;
  width:100px;
  color:red;
}

#panel5Napis {
  position:absolute;
  left:70px;
  top:72px;
  font-size:12px;
}

#panel5Cena {
  float:left;
  position:absolute;
  top:72px;
  font-size:12px;
  left:100%;
  margin-left:-86px;
  text-align:right;
  width:100px;
}

#panel6NapisStaly {
  position:absolute;
  left:18px;
  top:85px;
  font-size:12px;
}

#panel6Oszczedzasz {
  float:left;
  position:absolute;
  top:85px;
  font-size:10px;
  left:100%;
  margin-left:-85px;
  text-align:right;
  width:100px;
  color:red;
}

#panel6Napis {
  position:absolute;
  left:70px;
  top:85px;
  font-size:12px;
}

#panel6Cena {
  float:left;
  position:absolute;
  top:85px;
  font-size:12px;
  left:100%;
  margin-left:-86px;
  text-align:right;
  width:100px;
}

#panelListwaNapisStaly {
  position:absolute;
  left:18px;
  top:150px;
  font-size: 13px;
  font-weight: bold;
}

#panelListwaOszczedzasz {
  float:left;
  position:absolute;
  top:148px;
  font-size:10px;
  left:100%;
  margin-left:-100px;
  text-align:right;
  width:100px;
  color:red;
  padding-top: 2px;
}

#panelListwaNapis {
  position:absolute;
  left:18px;
  top:160px;
  font-size:11px;
  padding-top: 2px;
}

#panelListwaCena {
  float:left;
  position:absolute;
  top:160px;
  font-size:11px;
  left:100%;
  margin-left:-95px;
  text-align:right;
  width:100px;
  padding-top: 2px;
}

#koszykPoziomaLinia3 {
  display:none;
  position:relative;
  height:auto;
  width:100%;
  border-top: 1px solid #585858;
}

#koszykDodatkoweElementy {
  display:none;
  position:relative;
  color:#585858;
  height:auto;
  width:98%;
}

#dodatkoweElementyTytul {
  position:relative;
  padding:4px 0px 2px 5px;
  font-size: 13px;
  font-weight: bold;
  text-align:left;
}

#koszykPasekCeny {
  display:none;
  position: relative;
  height: 22px;
  width: 100%;
  font-size: 14px;
  border-top: 1px solid #585858;
  background: none !important;
  /* border-bottom: 1px solid #585858; */
}

#koszykPasekCenyNapis {
  position:absolute;
  left:5px;
  top:3px;
  FONT-WEIGHT: BOLD;
}

#cenaKwota {
  position:absolute;
  top:3px;
  left:100%;
  margin-left:-160px;
  text-align:right;
  width:100px;
  text-decoration: line-through;
  FONT-SIZE: 13px;
}

#koszykPoziomaLinia4 {
  display:none;
  position:relative;
  height:auto;
  width:100%;
  /*border-bottom: 1px solid #585858;*/
}

#koszykPasekCenyPromocyjnej {
  display:none;
  position:relative;
  height:20px;
  width:100%;
  background-color: #da2128;
  color: white;
  font-size: 13px;
font-weight: bold;
}

#koszykPasekCenyPromocyjnejNapis {
  position:absolute;
  left:5px;
  top:2px;
}

#cenaPromocyjnaKwota {
	position: absolute;
    top: 3px;
    left: 100%;
    margin-left: -104px;
    text-align: right;
    width: 100px;
    color: #da2128;
    font-weight: bold;
}

#koszykPasekOszczednosci {
  display:none;
  position: relative;
  width: 100%;
  color: #585858;
  font-size: 12px;
}

#koszykPasekOszczednosciNapis {
  position:absolute;
  left:5px;
  top:3px;
}

#oszczedzaszKwota {
  position:absolute;
  top:3px;
  left:100%;
  margin-left:-104px;
  text-align:right;
  width:100px;
}

#koszykPasekNajnizszaCena30Dni {
  display:none;
  position: relative;
  width: 99%;
  color: #585858;
  font-size: 10px;
}

#koszykPasekNajnizszaCena30DniNapis {
  float:right;
}

#koszykPasekNajnizszaCena30DniKwota {
  float:right;
}

#wneka_0_rozmiar_153 {
  display:none;
  opacity:0.4;
  border:none;
  position:absolute;
  left:244px;
  top:172px;
  height:273px;
  width:111px;
}

#wneka_0_rozmiar_183 {
  display:none;
  opacity:0.4;
  border:none;
  position:absolute;
  left:222px;
  top:173px;
  height:270px;
  width:111px;
}

#wneka_0_rozmiar_220 {
  display:none;
  opacity:0.4;
  border:none;
  position:absolute;
  left:214px;
  top:185px;
  height:239px;
  width:97px;
}

#wneka_1_rozmiar_220 {
  display:none;
  opacity:0.4;
  border:none;
  position:absolute;
  left:415px;
  top:181px;
  height:252px;
  width:105px;
}

#elementyDodatkowePodpowiedzi {
  display:block;
  position:absolute;
  top:250px;
  left:215px;
}

#strzalka {
  position:absolute;
  top:0px;
  left:0px;
  width:176px;
  height:165px;
}

#strzalka2 {
  position:absolute;
  top:105px;
  left:450px;
  width:192px;
  height:61px;
  display:none;
}

@font-face {
    font-family: SuperClarendonBT;
    src: url('/szablony/glowny/fonts/clarendon2/2DAE9F_0_0.ttf') format('truetype');
}

#wybierzRozmiarSzafy {
  display:none;
  position:absolute;
  width:311px;
  height:33px;
  left:380px;
  top:105px;
  font: 20px SuperClarendonBT;
  color: black;
}

#pageRespondentsParticularsBack {
  position:absolute;
  top:50px;
  left:0px;
  height:565px;
  width:1280px;
  background-color: rgb(0, 0, 0);
  opacity: 0.6;
}

#lupaKonfiguracjaSzukaj {
  height:37px;
  position: absolute;
  right: 2px;
  top: 8px;
  cursor:pointer;
}

#home {
  height:50px;
  position: absolute;
  left: 15px;
  top: 0px;
  cursor:pointer;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles must be different to look the same as in normal browsers*/
  .confirmMailSend {
    top: 9px !important;
  }
  .cancelMailSend {
    top: 9px !important;
  }
  .ConfigurationSymbolCancel {
    top: 9px !important;
  }
  .ConfigurationSymbolSearch {
    top: 9px !important;
  }
}

.final-buttons {
	position: absolute;
	left: 320px;
	bottom: 15px;
}
.final-buttons .separator {
	width: 2px;
	height: 25px;
	margin: 0px 14px;
	background-color: #58595b;
}
.final-buttons .final-button {
	font-size: 16px;
	line-height: 25px;
}
.final-button {
    cursor: pointer;
}

.icon-download-pdf { display: block; width: 24px; height: 23px; margin: 1px 0px 0px 0px; background: url('../images/page_six/icon-download-pdf.png') left top no-repeat; }
.icon-download-pdf:hover { background: url('../images/page_six/icon-download-pdf-hover.png') left top no-repeat; }
.icon-send-pdf { display: block; width: 24px; height: 23px; margin: 1px 0px 0px 0px; background: url('../images/page_six/icon-send-pdf.png') left top no-repeat; }
.icon-send-pdf:hover { background: url('../images/page_six/icon-send-pdf-hover.png') left top no-repeat; }
.icon-config-link { display: block; width: 19px; height: 23px; margin: 1px 0px 0px 0px; background: url('../images/page_six/icon-config-link.png') left top no-repeat; }
.icon-config-link:hover	{ background: url('../images/page_six/icon-config-link-hover.png') left top no-repeat; }
.fl { float: left; }

.backButtonContainer {
    position: absolute;
    top: 445px;
    right: 132px;
    width: 88px;
    height: 38px;
    /* background-color: #f0f0f0; */
    cursor: pointer;
    font-size: 16px;
}
}

.backButtonContainer:hover {
  /*background-color: #aaa;*/
}

.backButtonText {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 9px;
  color:#545151;
  font-family: Istok Web, sans-serif;
  font-weight: bold;
}

.forwardButtonContainer {
    position: absolute;
    top: 445px;
    right: 0px;
    width: 125px;
    height: 38px;
    background-color: #da2128;
    cursor: pointer;
    font-size: 16px;
}

.forwardButtonContainer:hover {
  background-color: #c71219;
}

.forwardButtonText {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 9px;
  color:white;
  font-family: Istok Web, sans-serif;
}
div#pageOneFloatingOverlay {
    background-color: rgba(143, 118, 99, 0.6) !important;
    text-shadow: rgba(0, 0, 0, 0.5) 5px 5px 10px;
}
td.przyciskKoloruFrontu:hover {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(1.4);
    background: white;
}
td.przyciskKoloruFrontu {
    -webkit-transition: -webkit-transform .1s ease-out;
    -moz-transition: -moz-transform .1s ease-out;
    -o-transition: -o-transform .1s ease-out;
    -ms-transition: -ms-transform .1s ease-out;
    transition: transform .1s ease-out; }
img.przyciskKolorowKorpusu {
    -webkit-transition: -webkit-transform .1s ease-out;
    -moz-transition: -moz-transform .1s ease-out;
    -o-transition: -o-transform .1s ease-out;
    -ms-transition: -ms-transform .1s ease-out;
    transition: transform .1s ease-out;
    border: 1px solid;
}
img.przyciskKolorowKorpusu:hover {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
    background: white;
}
#title-button-top {
    font-family: SuperClarendonBT;
    padding: 14px;
    font-size: 19px;
    text-align: left;
    background-color: #f0f0f0;
    color: #DA2128;
}
.info-policy {
    width: 664px;
    font-size: 11px;
    color: #666;
    margin-left: 34px;
    line-height: 13px;
    text-align: justify;
    top: 147px;
    position: absolute;
}
#linkkonfiguracji-text {
    font-size: 14px;
    position: relative;
    width: 70%;
    top: 21px;
    left: 40px;
    color: black;
    text-align: left;
    font-family: ubuntu;
}

td.triangle {
    margin-bottom: 1px;
}

td.right {
    background-color: #C6C7C8 !important;
}
img#szafaRozmiar183 {
    display: none;
}