.npan {bottom:0 !important;margin:0 !Important}
.labelnowa {float:left;position:absolute;top:10px;right:20px;background:#950000;font:300 13px 'Open Sans';color:#fff;border-radius:3px;padding:2px 3px}
.usertlo {float:left;width:100%;background:#3696E0;min-height:122px;position:relative}

.podglad {float:right;background:#5B5B5B;color:#fff;padding:7px 10px;font:300 13px 'Open Sans';margin-top:-33px} .podglad:hover {background:#454545}

.userawatar {float:left;position:absolute;top:50%;left:4%;}
.userawatar img {border:3px solid #fff}

.userawatar h1 {font:27px 'Open Sans';color:#1c1c1c;margin:0;padding:0 0 0 3px}
.userawatar h2 {font:15px 'Open Sans';color:#9e9e9e;margin:3px 0 0 0;padding:0 0 0 3px}

.panellewy {position:absolute;left:20px;top:0;}
.panellewy span {float:left;color:#fff;cursor:pointer;padding:16px 15px 14px 15px}
.panellewy span:hover, .ooo {background:#23292E;}

.zmarginemp {margin-top:30px}

.paneladm {display:none;position:absolute;top:100%;left:0;background:#23292E;z-index:100}
.paneladm a {float:left;width:100%;padding:8px 10px;border-bottom:1px solid #4B5863;color:#8B9AA7} .paneladm a:hover {background:#111417}

.centrum-info {float:left;width:100%;color:#5a5a5a;font:300 14px 'Open Sans';margin:23px 0 0 0}
.user-lewa {float:left;width:76%;}
.user-lewa > .loadbox > ul.powiadomienia {float:left;width:100%;background:#e1e1e1;box-shadow:0 0 4px #8C8C8C;margin:23px 0 20px 0}
.user-lewa > .loadbox  > ul.powiadomienia li:nth-child(odd) {float:left;width:100%;background:#e1e1e1;border-bottom:1px solid #C1C1C1;position:relative}
.user-lewa > .loadbox  > ul.powiadomienia li:nth-child(even) {float:left;width:100%;background:#fff;border-bottom:1px solid #C1C1C1;position:relative}
.user-lewa > .loadbox  > ul.powiadomienia li:hover {background:#D7D7D7}
.user-lewa > .loadbox  > ul.powiadomienia li > div.ikona {float:left;width:7%;font-size:30px;color:#8b8585;text-align:center;padding:13px 0 0 0}
.user-lewa > .loadbox  > ul.powiadomienia li > div.ikona  > div {margin:3px 15px 0 0 !important}
.user-lewa > .loadbox  > ul.powiadomienia li .powiadomienie-prawa {float:left;width:92%}
.user-lewa > .loadbox  > ul.powiadomienia li .powiadomienie-prawa article {float:left;width:100%;font:300 15px 'Open Sans';color:#8d8d8d;margin:10px 0 0 0}
.user-lewa > .loadbox  > ul.powiadomienia li .powiadomienie-prawa div.powiadomienie-data {float:left;width:100%;font:300 11px 'Open Sans';color:#898585;margin:5px 0 10px 0}
.user-lewa > .loadbox  > ul.powiadomienia li .powiadomienie-prawa article a {color:#2d7e98} .user-lewa > .loadbox  > ul.powiadomienia li .powiadomienie-prawa article a:hover {text-decoration:underline}
.user-lewa > .loadbox  > ul.powiadomienia li > span.nowe {position:absolute;top:10px;left:-25px;font-size:18px;color:#A8A6B3}
.user-lewa > .loadbox  > ul.powiadomienia li.nieczyt {background:#CACACA}




ul.listosci {float:left;width:100%;background:#fff;box-shadow:1px 1px 2px #C2C2C7;margin:8px 0 0 0}
ul.listosci > li  > img {float:left;margin:0 0 0 0}
ul.listosci > li {float:left;width:100%;border-bottom:1px solid #e2e2e7;position:relative}
ul.listosci > li > .listosci-lewa {float:left;width:80%;font:300 16px 'Open Sans';color:#2c2c2d;padding:13px 0 13px 22px} ul.listosci > li > .listosci-lewa a {color:#004d74} ul.listosci > li > .listosci-lewa a:hover {text-decoration:underline}
ul.listosci > li > .listosci-lewa h2 {font:23px 'Roboto Slab';margin-top:13px}
ul.listosci > li > .listosci-lewa > .sdata {float:left;width:100%;color:#a2a2a6;margin:8px 0 0 0}
ul.listosci > li:hover, ul.listy > li:hover {box-shadow:inset 0 0 10px #D7D7D7;}

ul.listosci > li:nth-child(even){background:#EBEBEB}


ul.listosci > li.ba, ul.listy > li.ba {text-align:right;height:40px;padding:10px 40px 0 0;width:100% !important;background:#EBEBEB} ul.listosci > li.ba a, ul.listy > li.ba a {text-transform:uppercase;font:300 14px 'Open Sans';color:#909097}
ul.listosci > li.ba .trojkat, ul.listy > li.ba .trojkat {   position:absolute;bottom:-1px;right:0;width: 0; 
   height: 0; 
   border-bottom: 25px solid #008EC8; 
   border-left: 26px solid transparent;z-index:0 }
   ul.listosci > li.ba i, ul.listy > li.ba i {   position:absolute;bottom:2px;right:4px;color:#fff;z-index:2;font-size:12px}
   
   

ul.aktywnosci {float:left;width:100%;background:#fff;box-shadow:1px 1px 2px #C2C2C7;margin:8px 0 0 0}
ul.aktywnosci > li {float:left;width:100%;border-bottom:1px solid #e2e2e7;position:relative}
ul.aktywnosci > li > .aktywnosci-lewa {float:left;width:80%;font:300 16px 'Open Sans';color:#2c2c2d;padding:13px 0 13px 22px} ul.aktywnosci > li > .aktywnosci-lewa a {color:#004d74} ul.aktywnosci > li > .aktywnosci-lewa a:hover {text-decoration:underline}

ul.aktywnosci > li > .aktywnosci-lewa > .sdata {float:left;width:100%;color:#a2a2a6;margin:8px 0 0 0}
ul.aktywnosci > li:hover, ul.listy > li:hover {box-shadow:inset 0 0 10px #D7D7D7;}

ul.aktywnosci > li:nth-child(even){background:#EBEBEB}

h2.aktyw {float:left;width:100%;font:700 21px 'Open Sans';color:#2c2c2d;text-transform:uppercase;margin:25px 0 0 0;padding-left:10px}
ul.aktywnosci > li.ba, ul.listy > li.ba {text-align:right;height:40px;padding:10px 40px 0 0;width:100% !important;background:#EBEBEB} ul.aktywnosci > li.ba a, ul.listy > li.ba a {text-transform:uppercase;font:300 14px 'Open Sans';color:#909097}
ul.aktywnosci > li.ba .trojkat, ul.listy > li.ba .trojkat {   position:absolute;bottom:-1px;right:0;width: 0; 
   height: 0; 
   border-bottom: 25px solid #008EC8; 
   border-left: 26px solid transparent;z-index:0 }
   ul.aktywnosci > li.ba i, ul.listy > li.ba i {   position:absolute;bottom:2px;right:4px;color:#fff;z-index:2;font-size:12px}

.iko {float:right;background:url(/images/ikonki.png);}
.ikona-wydanie {width:32px;height:32px;background-position:-140px -9px;margin:20px 15px 0 0}
.ikona-temat {width:32px;height:32px;background-position:-182px -9px;margin:23px 15px 0 0}
.ikona-czek {width:32px;height:32px;background-position:-499px -11px;margin:23px 15px 0 0}
.ikona-opinia {width:32px;height:32px;background-position:-412px -9px;margin:23px 15px 0 0}
.ikona-ocenagora {width:32px;height:32px;background-position:-324px -9px;margin:23px 15px 0 0}
.ikona-ocenadol {width:32px;height:32px;background-position:-455px -9px;margin:23px 15px 0 0}
.ikona-nowalista {width:32px;height:32px;background-position:-275px -9px;margin:23px 15px 0 0}


.aktywnosci-nawi {float:left;width:100%;margin:26px 0 0 0}
.aktywnosci-nawi li {float:left;} 
.aktywnosci-nawi li a {color:#2c2c2d;font:300 16px 'Roboto';background:#fff;padding:8px 10px 8px 10px}
.aktywnosci-nawi li.se a {background:#004F74;color:#fff} .aktywnosci-nawi li.se a:hover {background:#002D42} .aktywnosci-nawi li.se i {margin-right:5px}

.aktywnosci-nawi li.srodek {float:left;margin-left:20px;font:400 16px 'Roboto Slab'}

.bialy1 {margin-top:20px}
.box-bialy {float:left;width:100%;background:#fff;box-shadow:1px 1px 2px #C2C2C7}
.box-bialy h2 {float:left;width:100%;padding:15px 0 0 3%;text-transform:uppercase;color:#2c2c2d;font:700 21px 'Open Sans'}
.box-bialy .opis-usera {float:Left;width:94%;padding:10px 0 15px 0;margin-left:3%;font:300 15px 'Open Sans';color:#848484;border-bottom:1px solid #e2e2e7}
.box-bialy .user-opcje {float:left;width:100%;padding:11px 3% 13px 3%;font:300 15px 'Open Sans';color:#818181}
.box-bialy .lokalizacja, .box-bialy .mail {float:left;} .box-bialy .lokalizacja span {float:left;width:12px;height:15px;background:url(/images/ikonki.png);background-position:-116px -53px;margin:3px 5px 0 0}
.box-bialy .mail span {float:left;width:14px;height:15px;background:url(/images/ikonki.png);background-position:-131px -54px;margin:4px 5px 0 25px}


div.online {display:inline-block;font:300 15px 'Open Sans';color:#11e124;text-transform:none;position:relative;top:-1px}
div.online span {float:Left;width:10px;height:10px;border-radius:50%;background:#11e124;margin:5px 4px 0 10px}


.listybox {margin:15px 0 25px 0}

ul.listy {float:left;width:100%}

ul.listy > li:hover h3 a {color:#008EC8;}
ul.listy > li {float:left;width:20%;padding:15px 0 0 0;text-align:center;border-right:1px solid #ebebeb;position:relative;}
ul.listy > li > div.stack {float:left;margin:6px 0 0 22px;width:100%;position:relative;height:120px;}
ul.listy > li > div.stack > img.stack1 {position:absolute;top:0;left:0;z-index:1;  -ms-transform: rotate(7deg);-webkit-transform: rotate(7deg);transform: rotate(7deg);}
ul.listy > li > div.stack > img.stack2 {position:absolute;top:0;left:0;z-index:2; -ms-transform: rotate(2deg);-webkit-transform: rotate(4deg);transform: rotate(4deg);}
ul.listy > li > div.stack > img.stack3 {position:absolute;top:0;left:0;z-index:3}
ul.listy > li > h3 {float:left;width:100%;font:300 16px 'Open Sans';text-align:center;margin:9px 0 12px 0;padding:0} ul.listy > li > h3 a {color:#6c6c6c}

ul.listy > li > div.stack > div.blank1 {position:absolute;width:115px;height:115px;top:0;left:0;z-index:1;  -ms-transform: rotate(6deg);-webkit-transform: rotate(8deg);transform: rotate(8deg);background:#636363}
ul.listy > li > div.stack > div.blank2 {position:absolute;width:115px;height:115px;top:0;left:0;z-index:2; -ms-transform: rotate(2deg);-webkit-transform: rotate(4deg);transform: rotate(4deg);background:#313131}

.ll > .breadcrumbs-boh {margin-bottom:0 !important}
.lista-glowne {float:left;width:100%;}

.lista-glowne > h1 {float:left;width:100%;text-align:center;font:700 32px 'Roboto Slab';color:#373737;margin:20px 0 5px 0}
.lista-glowne > .lista-autor {float:left;text-align:center;width:100%;font:300 15px 'Open Sans';color:#373737} .lista-glowne > .lista-autor a {color:#1a8680}  .lista-glowne > .lista-autor a:hover {text-decoration:underline}
.lista-glowne > .lista-autor > span {display:inline-block}
.lista-glowne > .lista-autor > span.dd {margin-left:5px;}
.lista-glowne > .lista-autor > span.dd img {float:left;border-radius:50%;margin-top:-3px;margin-right:5px}


.lista-glowne > .lista-opis {float:left;text-align:center;font:300 16px 'Open Sans';color:#818080;font-style:italic;width:400px;margin:10px 0 15px 0;margin-left:-200px;position:relative;left:50%;border-top:1px solid #B1B6BE;padding:10px 0 0 0}

.lista-mainbox {float:left;width:100%;background:#F2F2F2;box-shadow:0 0 4px #72728D;margin:20px 0 40px 0}
.lista-mainbox > ul {float:left;width:100%}
.lista-mainbox > ul > li {float:left;width:100%;padding:7px 0;border-bottom:1px solid #D5D5D5;position:relative;}

.lista-mainbox > ul > li > div.numer{float:left;width:7%;text-align:center;font:700 34px 'Roboto Slab';color:#727272;margin-top:9px}
.lista-mainbox > ul > li > div.opis{float:right;width:86.5%;text-align:left;font:300 15px 'Open Sans';color:#888888;margin:9px 0}

.lista-mainbox > ul > li > img{float:left;max-width:5%;margin-top:5px}
.lista-mainbox > ul > li > h2{float:left;width:80%;font:700 18px 'Roboto Slab';text-transform:uppercase;color:#4f4f4f;margin-top:18px;padding-left:20px}
.lista-mainbox > ul > li:nth-child(even) {background:#fff}
.lista-mainbox > ul > li:last-child {border-bottom:0}


.lista-mainbox > ul > li:hover {background:#E6E6E6}


.niema {float:left;width:100%;text-align:center;font:300 15px 'Open Sans';color:#000;padding:10px 0}
.bold {font-weight:bold}

.centrum-menu {float:left;width:20%;margin:23px 0 30px 4%;background:#fff;box-shadow:0 0 4px #8C8C8C;}
.centrum-menu > h2 {float:left;width:100%;text-transform:uppercase;font:300 12px 'Roboto';color:#fff;background:#32ac5a;text-align:center;padding:10px 0 8px 0}
ul.centrum-menus {float:left;width:100%;}
ul.centrum-menus li {float:left;width:100%;margin:0;border-bottom:1px solid #d1d1d1;position:relative}
ul.centrum-menus li a{float:left;width:100%;padding:11px 5px 8px 40px;font:300 16px 'Roboto';color:#787878;position:relative} ul.centrum-menus li a:hover, ul.centrum-menus li.selk a {color:#1e699d}
ul.centrum-menus li i {position:absolute;left:0;top:0;height:100%;width:33px;text-align:center;padding-top:12px;}
ul.centrum-menus lia:hover i,ul.centrum-menus li.selka i  {background:#0B6669;color:#fff}

ul.centrum-menus li:last-child {border-bottom:0}

ul.centrum-menus li a span.pkt {float:left;background:url(/images/ikonki.png) no-repeat;background-position:-117px -39px;width:7px;height:7px;margin:6px 8px 0 0}
ul.centrum-menus li a:hover span.pkt, ul.centrum-menus li.selk a span.pkt {background-position:-117px -32px;}

.centrum-menu  > .punkty {float:left;width:100%;background:#0B6669;height:40px;color:#ffffff;font:300 13px 'Open Sans';text-transform:uppercase;text-transform:uppercase;padding-top:11px;margin:5px 0 0 0}


.usernaw {float:left;margin:0;padding:0;list-style-type:none;width:100%;border-bottom:2px solid #cccccc;height:52px;padding:0 0 0 22%}

.usernaw li {float:left;margin:0 15px 0 0;padding:15px 13px 12px 13px} .usernaw li a {font:17px 'Open Sans';color:#4f4f4f}
.usernaw li.opcasel {border-bottom:2px solid #3585c3} .usernaw li.opcasel a, .usernaw li a:hover {color:#3585c3}

.usertr {float:right;width:80%;}

.formularzboh {float:left;width:65%;margin-top:30px}

.sekcja15{width:18%;margin-right:2%;margin-bottom:20px;float:left;}
.sekcjahalf {width:48%;margin-right:2%;margin-bottom:20px;float:left;}
.sekcjafull{width:98%;float:left;margin-bottom:20px}

.sekcjahalf label, .sekcjafull label, .sekcja15 label {float:left;font:700 17px 'Open Sans';text-transform:uppercase;color:#242323;padding-bottom:10px;width:100%;border-bottom:1px solid #aeaeae;position:relative;}

.sekcjahalf label span, .sekcjafull label span, .sekcja15 label span {position:absolute;bottom:-1px;left:0;width:20%;height:1px;background:#1bb4c2}

.inp {float:left;width:100%;margin:10px 0 0 0;position:relative;}
.inp > i {position:absolute;top:0;left:0;color:#727272;font-size:14px;padding:12px 12px 12px 12px;border-right:1px solid #D2D2D2}

.inp input {height:37px;float:left;width:100%;background:#fff;border:0;box-shadow:2px 2px 1px #B4B4B4;font:14px 'Open Sans';color:#4D4D4D;padding:1px 0 0 50px}


.inp textarea {height:37px;float:left;width:100%;background:#fff;border:0;box-shadow:2px 2px 1px #B4B4B4;font:14px 'Open Sans';color:#4D4D4D;padding:20px}
.inp select {float:left;width:100%;;border:0;box-shadow:2px 2px 1px #B4B4B4;font:14px 'Open Sans';color:#4D4D4D;padding:9px}

div.buttonki {float:left;width:100%;margin-top:10px;}

.bb-pierwsza {float:left;width:100%;background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e4e4e4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e4e4));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#e4e4e4 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e4e4e4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 );
padding:10px 0;border-bottom:1px solid #C8C8C8;margin-bottom:-11px;font:14px 'Open Sans';color:#656565}
.bb-pierwsza span{cursor:pointer;margin-right:15px;position:relative}
.bb-pierwsza span:hover {color:#000;}

.bb-pierwsza span div.sub {position:absolute;background:#fff;width:200px;z-index:9998;left:0;top:0;box-shadow:1px 1px 1px #ACACAC;display:none}
.bb-pierwsza span div.sub *:hover {background:#E0E0E0}
.bb-pierwsza span div.sub h2 {float:left;padding:8px 10px;font:27px 'Open Sans';color:#000;margin:0;width:100%}
.bb-pierwsza span div.sub h3 {float:left;padding:8px 10px;font:24px 'Open Sans';color:#000;margin:0;width:100%}
.bb-pierwsza span div.sub h4 {float:left;padding:8px 10px;font:20px 'Open Sans';color:#000;margin:0;width:100%}

span.bnag:hover > div.sub {display:inline}
.linia {float:left;width:100%;margin:0 0 0 0;border-bottom:1px solid #DDDDDD;padding:0 0 10px 15px}
.linia2 {float:left;width:100%;margin:0 0 0 0;padding:10px 0 0 15px}

.boh-prawa {float:left;width:30%;margin-left:3%}

.bobr {margin:0 0 0 20px}
.bnag {margin:0 15px 0 10px}

input.dodaj {float:left;padding:7px 10px;background:#107E87;font:300 17px 'Open Sans';color:#fff;border:0;margin:0 5px 20px 0}


.box-sukces {position:absolute;top:0;left:0;width:100%;height:100%;z-index:99999}
.box-sukces .tlo {background:#000;opacity:0.7;width:100%;height:100%;position:absolute;z-index:9;position:fixed}
.box-sukces .box {display:inline-block;margin:20px auto;background:#fff;border-radius:10px;padding:20px;width:500px;position:relative;left:50%;top:20px;margin-left:-250px;z-index:10;font:300 16px 'Open Sans';position:fixed}

.box-sukces .box i[class="fa fa-check"] {float:right;color:#209758;font-size:30px;border:5px solid #209758;border-radius:50%;padding:7px}
.box-sukces .box i[class="fa fa-times"] {float:right;color:#CE0000;font-size:30px;border:5px solid #CE0000;border-radius:50%;padding:7px 13px}

.buttony {width:100%;text-align:center;margin-top:15px;}
.bb1 {display:inline-block;padding:5px 10px;background:#2BCA76;color:#fff;font:400 15px 'Open Sans';text-decoration:none;margin:7px 5px 0 0}
.bb2 {display:inline-block;padding:5px 10px;background:#2BBECA;color:#fff;font:400 15px 'Open Sans';text-decoration:none;margin:7px 0 0 0}

.buttony a:hover {opacity:0.8}


.materialy-pierwsza {float:left;width:100%;margin-top:20px;position:relative;z-index:2} .materialy-pierwsza span {float:left;font:14px 'Open Sans';color:#9a9a9a; }
.materialy-box {float:left;width:100%;;background:#fff;margin:0 0 25px 0}

.materialy-box ul {float:left;width:100%;margin:0;padding:0;list-style-type:none;box-shadow:-1px 1px 2px #C4C4C4;position:relative;z-index:1}
.materialy-box ul li {float:left;width:100%;padding:15px 10px 15px 10px;background:#fff;border-bottom:1px solid #cfcfcf;position:relative}
.materialy-box ul li div {float:left;font:14px 'Open Sans';color:#000}
.materialy-box ul li div.tytul {width:75%;color:#bcb6b6;padding:10px 0 0 10px} .materialy-box ul li div.tytul a {color:#255453;text-decoration:none} .materialy-box ul li div.tytul h2 {font:300 19px 'Open Sans';width:100%;float:left;margin:0;padding:0}
.materialy-box ul li div.typ {width:7%;text-align:center;color:#878787;font:300 19px 'Open Sans';padding-top:18px} 
.materialy-box ul li div.status {float:right;width:10%;font-size:35px;text-align:center} 
.materialy-box ul li div.data {width:100%;font:300 15px 'Open Sans';color:#919191} 
.materialy-box ul li div.punkty {width:8%;text-align:center;padding-top:20px;font:300 16px 'Open Sans';} 
.materialy-box ul li:hover {background:#E9E9E9 !important} .materialy-box ul li.zz {background:#F4F4F4}
.zmienione {float:left;padding:7px 10px;background:#78BB38;border-bottom:2px solid #648F26;color:#fff}
span.o {color:#d37a07}
span.w {color:#30A6DE}
span.n {color:#C40005}
span.t {color:#24A61E}



.materialy-pierwsza a {float:left;padding:15px 20px;font:300 19px 'Open Sans';color:#888888;position:relative;z-index:1} .materialy-pierwsza a:hover {color:#666666}
.materialy-pierwsza a.selek {background:#fff;color:#434343;box-shadow:-1px -2px 2px #C4C4C4;}
.tytul {width:68%;}
.typ {width:7%}
.status {width:10%}
.punkty {width:8%;text-align:center;}

div.poi {position:absolute;bottom:13px;left:0;float:right;width:100%;text-align:right;font:12px 'Open Sans';text-transform:uppercase;z-index:0} div.poi span {display:inline-block;float:none;text-align:center}

div.zmien {float:right;	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;}



div.zmien:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
a {text-decoration:none}
.zwin {float:left} .zwin img {margin-top:15px}

.rozwin {float:left;display:none}


.user-header {float:left;width:100%;height:200px;background:url(/images/assass.jpg)}


.zaladuj {float:left;padding:5px 10px;background:#fff;border:1px solid #D2D2D0;color:#686864;font:15px 'Open Sans';position:relative;left:50%;margin:0 0 20px 0;width:120px;text-align:center;margin-left:-60px;cursor:pointer;text-decoration:none}




ul.kolka {float:left;width:100%;margin:0;padding:0;list-style-type:none}
ul.kolka li {float:left;width:100%;border-bottom:1px solid #CEC8D7;margin-bottom:13px;padding-bottom:13px;position:relative} ul.kolka li:hover h3 {color:#31A2B9} ul.kolka li:hover img {opacity:0.7}
ul.kolka li img {float:left;border-radius:4px;box-shadow: 0 10px 6px -6px #777;}
ul.kolka li h3 {float:left;font:18px 'Open Sans';color:#353030;width:70%;margin:10px 0 0 5%;padding:0}
ul.kolka li h4{float:left;font:15px 'Open Sans';color:#adadad;width:70%;margin:5px 0 0 5%;padding:0}




span.obecny {display:none}
div.profil-zlewej {float:left;width:31%}

.profil-zlewej > h2 {float:left;padding:8px 0 5px 0;width:100%;margin:7px 0 10px 0;font:15px 'Open Sans';color:#838181;border-bottom:1px solid #F3F3F5;position:relative;text-transform:uppercase}
.profil-zlewej > h2 >span {flaot:left;margin:0;padding:0;width:100%;height:1px;background:#cac3d2;position:absolute;bottom:0;left:0}


div.profil-zprawej{float:left;width:66%;margin-left:3%;;min-height:250px}

div.nickbox {position:relative;float:right;width:100%;background:#fff;box-shadow:1px 1px 1px #BCBCBC;padding:15px 0 0 0;border-radius:2px;margin-top:20px;}

div.nickbox h1 {float:left;margin:25px 0 0 0;width:100%;padding:0;font:700 26px 'Open Sans';color:#6e6b6b;text-align:center}
div.nickbox h2 {float:left;margin:5px 0 5px 0;width:100%;padding:0;font:300 24px 'Open Sans';color:#6e6b6b;text-align:center;}
div.nickbox h3 {float:left;font:300 15px 'Open Sans';color:#a0a0a0;width:100%;padding:0;margin:8px 0 0 0;text-align:center;}


.nickdane {float:left;width:100%}

.avatarbox {float:left;width:100%;text-align:center;margin-top:20px;} .avatarbox img {width:137px;border-radius:50%;}

.profil-zlewej div.profil-buttony {float:left;width:100%;text-align:center;margin:10px 0;}
.profil-zlewej div.profil-buttony a {display:inline-block;padding:8px 10px;font:300 13px 'Open Sans'}
.profil-zlewej div.profil-buttony a.msg {color:#adadad;background:#102E50}.profil-zlewej div.profil-buttony a.msg:hover {color:#fff;background:#153E6A}
.profil-zlewej div.profil-buttony span.obs {display:inline-block;padding:8px 10px;font:300 13px 'Open Sans';color:#f3dfdf;background:#AF125D} .profil-zlewej div.profil-buttony span.obs:hover{background:#DA1673;cursor:pointer}
.profil-zlewej div.profil-buttony span.obs-t {display:inline-block;padding:8px 10px;font:300 13px 'Open Sans';color:#f3dfdf;background:#22AF12} .profil-zlewej div.profil-buttony span.obs-t:hover{background:#16760C;cursor:pointer}

.profil-zlewej div.profil-buttony a i {margin-right:4px}


.nb {float:left;width:100%;margin-top:40px} .nb div {float:left;background:#004F74;height:80px;width:33.3%} .nb div.dr {background:#003B55} .nb div:last-child {width:33.4%}
.nb div span {float:left;width:100%;color:#ffffff;text-align:center}
.nb div span.t1 {font:400 25px 'Open Sans';margin-top:17px}
.nb div span.t2 {font:300 13px 'Open Sans';text-transform:uppercase}

div.mainbox ul.usernawigator {float:left;width:100%;margin:0;padding:0;background:#5A708B;list-style-type:none}
div.mainbox ul.usernawigator li {float:left;}
div.mainbox ul.usernawigator li a {float:left;color:#abb7c5;font:300 14px 'Open Sans';padding:10px 16px} div.mainbox ul.usernawigator li a:hover {color:#c8d6e7;background:#546881}
div.mainbox ul.usernawigator li.s a {color:#fff;background:#435977}
div.mainbox {float:left;width:100%;background:#fff;margin:20px 0 15px 0;padding:0;list-style-type:none;box-shadow:1px 1px 1px #BCBCBC}


ul.mainbox {float:left;width:100%;padding:0;margin:0}
ul.mainbox li {float:left;width:100%;margin:0;padding:15px 3%;list-style-type:none;font:15px 'Open Sans'}

ul.mainbox li.codruga {background:#F0F0F0}

ul.mainbox li img.av {float:left;width:66px;border-radius:50%;max-width:10%;margin:0 2% 0 0}

ul.taby {float:left;width:100%;margin:20px 0 0 0;padding:0;list-style-type:none;position:relative;z-index:1} ul.taby li {float:left;} ul.taby li a {float:left;padding:25px 20px;text-decoration:none;font:18px 'Open Sans';color:#5e5a5a} 
ul.taby li a:hover {background:#BBBBC8;color:#434352}
ul.taby li a.sel {background:#fff;color:#2b6ba6;}




div.row {float:left;width:90%;margin-left:10%;padding:15px 0 0 0;text-transform:uppercase;font:15px 'Open Sans';color:#919191}
div.row span {font:700 23px 'Open Sans';color:#3b3636;float:left;margin-top:-6px;margin-right:7px}

.mbox {float:left;background:#fff;width:100%;box-shadow: -1px 0px 2px 1px #CACAD2;position:relative;z-index:0;margin:20px 0 0 0;}
ul.avat {float:left;width:100%;margin:0;padding:0;list-style-type:none}
ul.avat li {float:left;margin:5px 0.5% 0 0.5%;width:24%;}
ul.avat li img {max-width:99%}


.podgatunek {float:left;font:300 14px 'Open Sans';width:33%;}
.podgatunek input {float:left;width:auto;}
.podgatunek label {width:auto;font:14px 'Open Sans';border-bottom:0;padding:12px 0 0 7px}


ul.rodzaje {float:left;width:100%;list-style-type:none;margin:0;padding:0} ul.rodzaje * {transition:0.3s all ease}
ul.rodzaje li {float:left;width:100%;background:#939393;padding:5px 10px;margin-top:1px} ul.rodzaje li a {font:300 16px 'Open Sans';color:#ffffff;}
ul.rodzaje li a i {float:right;font-size:15px;margin-top:4px}

ul.rodzaje li:hover {background:#737373}
ul.rodzaje li.sel {background:#3D8482}

ul.materialki {float:left;width:100%;margin:0;padding:0;list-style-type:none;position:relative;}
ul.materialki li {float:left;position:relative;width:100%;border-bottom:1px solid #e8e8e8;color:#706464}
ul.materialki li.codrugi {background:#F5F5F5}

ul.materialki li div {float:left;padding:5px 10px;font:15px 'Open Sans';}
ul.materialki li div.je {width:55%;padding:12px 10px;border-right:1px solid #e8e8e8;} ul.materialki li div.je h2 {margin:0;padding:0;font:15px 'Open Sans';float:left;width:100%;min-height: 50px;} ul.materialki li div.je h2 a{color:#3a8482}
ul.materialki li div.dw {width:10%;line-height: 50px;text-align:center;border-right:1px solid #e8e8e8;padding:12px 0 12px 0}
ul.materialki li div.tr {width:10%;line-height: 50px;border-right:1px solid #e8e8e8;padding:12px 0 12px 0;border-right:1px solid #e8e8e8;text-align:center;}
ul.materialki li div.cz {width:15%;line-height: 50px;text-align:center;padding:12px 0 12px 0;border-right:1px solid #e8e8e8;}
ul.materialki li div.pi {width:10%;padding:12px 0 9px 0;text-align:center;line-height: 50px;}

ul.materialki li:first-child {float:left;width:100%;background:#9B9B9B;font:300 14px 'Open Sans';color:#fff !important}
ul.materialki li:first-child  div{padding:7px 10px;line-height: normal;border:0}
ul.materialki li:first-child div.cz {text-align:center}


.infobar {float:left;padding:15px 20px 10px 20px;font:300 15px 'Open Sans';width:100%;text-align:center}

.avaki {float:left;width:100%;margin-top:20px;list-style-type:none}

.avaki > li {float:left;width:19%;margin:0 1% 15px 0;padding:5px 0;text-align:center;position:relative;background:#e1e1e1;box-shadow:0px 0px 4px #8C8C8C}
.avaki li img {width:100%}
.avaki > li > .ponizej {float:left;width:100%;}

.avaki li .img {float:left;width:90%;position:relative;margin-left:5%}
.avaki li  .pkt {float:left;color:#525456;font:300 11px 'Open Sans';margin:5px 0 0 5%}
.avaki li .kup {float:right;background:#C2C2C2;color:#525456;font:300 11px 'Open Sans';padding:4px 6px;border-radius:4px;box-shadow:inset 4px 4px 1px -3px #A6A6A6;margin:1px 5% 1px 3px}
.avaki li .kup:hover {box-shadow:inset 4px 4px 1px -3px #7A7A7A}
.dropniety li form {float:left;width:100%;padding:10px 0}
.dropniety li form input[type="text"] {float:left;border:0;background:#fff;box-shadow:1px 1px 2px #B1B1B1;padding:4px 7px;margin:0 0 0 10px;font:300 14px 'Open Sans';width:140px}
.dropniety li form input[type="submit"] {float:left;border:0;background:#DBDBDB;box-shadow:1px 1px 2px #B1B1B1;padding:5px 7px;margin:0;font:300 14px 'Open Sans';width:30px}

.dropniety {position:absolute;top:100%;right:0px;width:190px;background:#fff;list-style-type:none;margin:0;padding:0;box-shadow:1px 1px 2px #B1B1B1;z-index:9999;display:none}
.dropniety li {float:left;width:100%;}
.dropniety li h3 {float:left;width:100%;margin:0;padding:6px 15px;font:300 14px 'Open Sans';color:#000;text-align:center;background:#DBDBDB}
.dropniety li a {float:left;width:100%;font:300 14px 'Open Sans';color:#585858;padding:10px 5px}
.dropniety li a:hover {background:#E5E5E5}

button.prev, button.next {float:left;border:0;background:#C9C9C9;padding:2px 3px;color:#FFFFFF;margin-left:1px}
button.prev:hover, button.next:hover {background:#AAAAAA;cursor:pointer}

div.but {float:right}

.ukryj {display:none;float:left;}

ul.sklepik {float:left;width:100%;margin:0;padding:0;list-style-type:none}
ul.sklepik li {float:left;width:22%;margin:0 1% 20px 1%;background:#fff;box-shadow:1px 1px 2px #C1C1C1;height:190px;cursor:pointer;overflow:hidden;position:relative;} ul.sklepik li:hover img {opacity:0.8}
ul.sklepik li h2 {float:left;width:100%;font:700 14px 'Open Sans';text-transform:uppercase;color:#3F3F3F;margin:0;padding:5px 15px;text-align:center;}
ul.sklepik li img {float:left;max-width:100%;}
ul.sklepik li .img {float:left;width:100%;position:relative}

ul.sklepik li .over {float:left;position:absolute;bottom:0;left:0;width:100%;height:40px;background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

div.cena {position:absolute;bottom:7px;right:10px;color:#fff;font:300 14px 'Open Sans';text-shadow:1px 1px 1px #000;border-radius:7px;border:1px solid #fff;padding:2px 5px}

.bb {display:inline-block;
padding: 4px 6px;
background: none repeat scroll 0% 0% #FFF;
position: relative;
box-shadow: 1px 1px 2px #B6B6B6;
border-radius: 5px;border-top:2px solid #fff;
text-transform: none;
font: 14px "Open Sans";
color: #606060;margin:5px 7px 5px 0} .czerwony {color:#BF0000}
.pi {;margin:5px 0 5px 0}

.bb > span {display:none}
.bb:hover {border-top:2px solid #000}
.bb:hover > span {display:block;position:absolute;bottom:115%;left:50%;background:#000;color:#fff;font:300 12px 'Open Sans';padding:7px 10px;border-radius:7px;width:120px;margin-left:-50px}

.acci {width:100% !important;margin-left:0 !important}

.aczi {float:left;margin:15px 0 0 0;padding:0;list-style-type:none;width:100%}
.aczi li {float:left;width:49%;margin:7px 0.5%;background:#fff;padding:30px 25px;box-shadow:1px 1px 1px #A6A6B5}
.aczi li img {float:left;max-width:30%} .aczi li h2 {float:left;width:66%;font:700 25px 'Open Sans';color:#2a2828;margin:10px 0 10px 6%;padding:0;text-transform:uppercase}
.aczi li .opis {float:left;width:66%;font:300 16px 'Open Sans';color:#000000;margin:10px 0 10px 6%;padding:0;}

.aczi li.faded {opacity:0.4}

.pokazos1 {float:left;width:100%;text-align:left;margin-top:15px}
.pokazos {display:inline-block;margin:0 auto;color:#fff;font:300 15px 'Open Sans';padding:5px 10px;background:#1CAEBF;cursor:pointer}
.pokazos:hover, .pokazos1 .sel {background:#6D6D6D}

.nab {display:none}


.kolekcja {float:left;width:100%;list-style-type:none;margin:15px 0 0 0;padding:0;position:relative;} .kolekcja li {float:left;width:32%;margin:0 0.5% 10px 0.5%;background:#fff;padding-bottom:15px;position:relative;box-shadow:1px 1px 1px #B2B2B2} 
.kolekcja li img {float:left;max-width:96%;margin:7px 2% 4px 2%}
.kolekcja li h2 {float:left;width:90%;font:300 22px 'Open Sans';color:#000;margin:5px 5% 0 5%;padding:0;text-align:center;}
.kolekcja .butki {float:left;width:100%;text-align:center;margin:7px 0 0 0} .butki span {display:inline-block;padding:4px 7px;font:15px 'Open Sans';border-radius:6px;box-shadow:1px 1px 1px #D1D1D1}
.butek1 {color:#1e9d1e}
.butek2{color:#1a668e}
.butek3{color:#CB3438}

.kolekcja li:hover h2 {color:#238DDC} .kolekcja li:hover img {opacity:0.8}





.kolekcja-lista {float:left;width:100%;list-style-type:none;margin:15px 0 0 0;padding:0;position:relative;} 
.kolekcja-lista li {float:left;width:100%;margin:3px 0 0 0;background:#fff;padding-bottom:0;position:relative;box-shadow:1px 1px 1px #B2B2B2} 
.kolekcja-lista li img {float:left;width:50px;margin:5px}
.kolekcja-lista li h2 {float:left;width:60%;font:300 22px 'Open Sans';color:#000;margin:17px 0 0 15px;padding:0}
.kolekcja-lista .butki {float:left;width:30%;text-align:right;margin:15px 0 0 0}

.kolekcja-lista li:hover h2 {color:#238DDC} .kolekcja-lista li:hover img {opacity:0.8}

span.sort {float:right;margin:12px 2% 0 0;}
span.sort a {opacity:0.5}

span.sort a.sele {opacity:1 !important}

.priv {float:left;padding:0;width:75%;background:#fff;list-style-type:none;box-shadow:0 0 2px #87879C;position:relative;margin:23px 0 20px 0}
.priv li {float:left;width:100%;border-bottom:1px solid #e2e2e7;padding:15px 0 20px 0;font:15px 'Open Sans';color:#a8a8a8;position:relative} .priv li img {float:left;border-radius:50%;box-shadow:-1px 2px 1px #9D9D9D;margin:10px 0 0 15px;}
.priv li h2 {float:left;width:100%;font:17px 'Open Sans';margin:5px 0 5px 0} .priv li h2 a {color:#3a8482;text-decoration:none} .priv li:hover {background:#E5E5E5}
.priv li div.opisy {float:left;width:68%;margin:10px 0 0 20px}

.pojedynczepw {float:left;list-style-type:none;width:75%;margin:23px 0 0 0;background:#fff;padding:0;box-shadow:-2px 2px 1px #BFBFBF;color:#1B1B1B}
.pojedynczepw li {float:left;width:100%}
.pojedynczepw li.tit {background:#EEEEEE;padding:15px 20px}
.pojedynczepw li.tit h2 {float:left;width:100%;font:700 27px 'Open Sans';color:#4d4d4d;margin:0;padding:0}
.pojedynczepw li.opis {padding:15px 20px;font:16px 'Open Sans'}
li.opt {float:left;width:100%;text-align:right;font:300 13px 'Open Sans';padding:0 15px 15px 0} li.opt a {color:#858585}

.przyciskipw {float:left;width:100%} .przyciskipw a {float:left;color:#fff;background:#6A6A6A;padding:10px 5px;font:300 13px 'Open Sans';width:25%;text-align:center} .przyciskipw a:hover {background:#4B4B4B}

.niebieski {background:#2E697A !important}


div.opcja1 {float:right;width:100px;position:relative;}

div#usun {position:absolute;bottom:25px;left:-50%;background:#545151;font:300 15px 'Open Sans';color:#e4e4e4;width:200px;padding:10px 20px;display:none}
div#usun a {float:left;padding:5px 10px;background:#6C6C6C;color:#fff;margin:15px 0 0 35%;position:relative;z-index:2}
div#usun a:hover {background:#9B9B9B}
div#usun .strzala {	width: 0; 
	height: 0; 
	border-left: 25px solid transparent;
	border-right: 23px solid transparent;
	
	border-top: 25px solid #545151;position:absolute;bottom:-10px;left:35%;z-index:0}

.mainpw {float:left;width:67%;margin:15px 0 0 3%;background:#fff;box-shadow:-2px 2px 1px #BFBFBF;padding:10px 15px;font:300 14px 'Open Sans';color:#1B1B1B}

.saldko {float:left;width:100%;padding:7px 5px;background:#9F9F9B;position:relative;margin:21px 0 0 4px}
.saldko i {float:left;font-size:30px;color:#fff;margin-top:1px} .saldko span.nr {float:left;width:50%;font:700 18px 'Open Sans';color:#fff;margin:5px 0 0 15px} .saldko span.saldo {position:absolute;text-align:right;width:20%;top:4px;right:23px;margin:0;text-transform:uppercase;color:#fff;font:11px 'Open Sans'}

div.aut {float:left;width:100%;margin-top:14px;font:300 16px 'Open Sans';color:#4d4d4d} div.aut span {float:left;} div.aut img {float:left;border-radius:50%;margin-top:-5px;margin-left:7px;margin-right:5px;box-shadow:-1px 2px 1px #9D9D9D;}

.nagroda {position:fixed;top:0;left:0;height:100%;width:100%;display:none;}
.nagroda-box {position:absolute;top:-100%;left:50%;width:600px;margin-left:-300px;background:#fff;z-index:99999;box-shadow:0 0 2px #272727}
.nagroda-box h2 {float: left;width: 100%;background:#07557A;font: 25px "Open Sans";color: #FFF;padding: 17px 20px;}
.nagroda > .ovr {position:absolute;z-index:99998;width:100%;height:100%;background:#000;opacity:0.2}

.leftnagroda {float:left;width:220px;margin:5px 0 5px 5px}
.rightnagroda {float:left;width:350px}

.nagrodaopcja {float:left;width:100%;padding:15px 0 0 15px;font:300 17px 'Roboto';color:#7d7d7d;text-align:justify}

.nagrodaopcja h3 {margin-top:30px}
.nagprzycisk {position:absolute;bottom:5px;right:5px;background:#07567A;border-radius:10px;color:#fff;padding:7px 10px}


.ikonka-zamknij {float:right;border-radius:50%;border:1px solid #fff;text-align:center;width:16px;height:16px;margin:12px 5px 0 0}
.ikonka-zamknij span{float:left;margin:4px 0 0 4px;width:6px;height:6px;background:url(/images/ikonki.png);background-position:-151px -57px;}
.ikonka-zamknij:hover {background:#054361;cursor:pointer}

.listycentrum-box {float:left;width:74%}

ul.listalist {float:left;width:100%;background:#fff;box-shadow:1px 1px 2px #ABABBA;margin-top:23px}
ul.listalist li {float:left;width:100%;background:#fff;height:71px;border-bottom:1px solid #D2D2D2;}
ul.listalist li:nth-child(even) {background:#e1e1e1;}

ul.listalist li img {float:left;width:62px;margin:4px;}
ul.listalist li div.lili {float:left;width:70%;} ul.listalist li div.lili h2 {float:left;width:100%;font:400 17px 'Roboto';color:#595757;margin:15px 0 0 10px}
 ul.listalist li div.lili span {float:left;width:100%;font:300 13px 'Roboto';color:#939393;margin:5px 0 0 10px}
 
 ul.listalist li .opcjalist{float:right;height:70px;padding:24px 23px 0 23px;font-size:17px;color:#555555;border-left:1px solid #EBEBEB;position:relative;cursor:pointer}
 
 ul#sortuj li {position:relative}
 ul#sortuj li .opcja {float:right;height:66px;padding:24px 23px 0 23px;font-size:17px;color:#555555;border-left:1px solid #EBEBEB;position:relative;cursor:pointer}
 
 ul.listalist li:nth-child(even) .opcjalist:hover, ul#sortuj li:nth-child(even) .opcja:hover  {background:#D1D1D1}
 ul.listalist li:nth-child(odd) .opcjalist:hover, ul#sortuj li:nth-child(odd) .opcja:hover {background:#E9E9E9;border-left:1px solid #D1D1D1}
  
 ul.listalist li:nth-child(even) .opcjalist, ul#sortuj li:nth-child(even) .opcja:hover {border-left:1px solid #CACACA}
 ul.listalist li:last-child {border-bottom:0;}
 ul.listalist li .opcjalist span, ul#sortuj li .opcja span {position:absolute;top:0;left:0;width:100%;height:100%;}
 
.potwierdz {position:absolute;top:0;right:-20px;height:20px;width:20px;background:#1C8436;font-size:12px;color:#fff;text-align:center;padding-top:2px;-webkit-padding-before:4px;display:none} .potwierdz a{color:#fff}
 

  .button-lista {background:#444453;color:#fff;font:300 15px 'Roboto';padding:5px 10px;float:left;position:relative;left:45%;top:15px;margin-bottom:30px}
  .button-lista:hover {background:#70708B}
  
  
  
  

.nowalista {position:absolute;left:0;top:0;width:100%;height:100%;z-index:99999;display:none;}		

.notif-error {position:fixed;top:20px;left:20px;z-index:99989;width:350px;background:#7A070B;box-shadow:1px 1px 2px #000;font:14px 'Open Sans';color:#fff;padding:10px 20px 10px 20px;border-radius:3px}
.notif-error .zamykaczek {position:absolute;bottom:-10px;right:-5px;}

	
.nowalistabox {position:fixed;left:50%;top:-200px;width:100%;height:100%;z-index:999;background:#fff;width:460px;height:133px;margin-left:-230px;box-shadow:1px 1px 3px #585858}			
.nowalistabox h2 {float:left;width:100%;background:#07557A;font:25px 'Open Sans';color:#ffffff;padding:17px 20px}			
.nowalistabox article {width:100%;float:left;padding:10px 15px}

.nowalistabox article input {float:left;width:300px;font:300 16px 'Open Sans';color:#7D7D7D;background:#F2F2F2;border:1px solid #BCBCBC;box-shadow:1px 1px 1px #CACACA;padding:10px 15px}

.nowalistabox article button {float:left;border-radius:10px;background:#07557A;font:300 14px 'Open Sans';color:#fff;border:0;padding:6px 11px;margin:5px 0 0 10px}
.nowalistabox article button:hover {background:#0C8BC9;cursor:pointer}

.ikonka-zamknij {float:right;border-radius:50%;border:1px solid #fff;text-align:center;width:16px;height:16px;margin:12px 5px 0 0}
.ikonka-zamknij span{float:left;margin:4px 0 0 4px;width:6px;height:6px;background:url(/images/ikonki.png);background-position:-151px -57px;}
.ikonka-zamknij:hover {background:#054361;cursor:pointer}

.nowalista .ovr {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;z-index:998}

.nazwalisty {float:left;width:100%;font:23px 'Roboto Slab';color:#202020;margin:20px 0 0 0}
.nazwalisty i {font-size:15px;display:inline-block;margin-left:5px;cursor:pointer}

textarea.opislisty {float:left;width:100%;height:60px;margin-top:20px;border:1px solid #BEBEC0;box-shadow: inset 11px 14px 30px -20px #D1D1D1;padding:15px;font:300 14px 'Roboto'}

.listaedgry {float:left;width:100%}
.listaedgry ul {float:left;width:100%;box-shadow:1px 1px 2px #A7A7B6}
.listaedgry ul li {float:left;width:100%;background:#fff;height:66px}
.listaedgry ul li:nth-child(even) {background:#e1e1e1;}
.listaedgry ul li div.numer {float:left;width:60px;font:23px 'Roboto Slab';text-align:center;color:#4D4D4D;padding-top:17px}
.listaedgry ul li img {float:left;margin-top:2px}
.listaedgry ul li div.ppp {float:left;width:65%}
.listaedgry ul li div.ppp h2 {float:left;width:100%;font:17px 'Roboto';padding:13px 0 0 19px}
.listaedgry ul li div.ppp .opis {float:left;width:100%;font:300 14px 'Roboto';padding:5px 0 0 19px;color:#4D4D4D}


.pch {background:url(/images/placeholdr.png) !important;width:100%;height:66px}

.infopod {float:left;width:100%;font:300 14px 'Roboto';padding:20px 0 20px 5px;color:#66667B} .infopod i {margin-right:4px}


.inputdo {float:left;width:100%;position:relative;}
.dodajgrelista {float:left;width:100%;font:300 15px 'Roboto';margin:20px 0 5px 0;box-shadow:1px 1px 2px #BCBCBC;padding:10px;height:42px !important}



.jautocomplete-box2{	
	float: left;
	width: 920px;
	
	color: #aaa;
	background: #fff;
padding:0;
margin:6px 0 0 3px;

	position:relative;z-index:999999;box-shadow:1px 1px 1px #949494;left:250px
}

.jautocomplete-box2 a{
color:#2b2828;
}

.jautocomplete-box2 .item{
	float: left;
	width: 100%;	
	padding: 4px 0 0 0;border-bottom:1px solid #DBDBDB;
}
.jautocomplete-box2 .item:nth-child(5){
border-bottom:0
}

.jautocomplete-box2 .item p{
	padding: 0;
	margin: 0;
}

.jautocomplete-box2 .item:hover{
	background: #efefef;
}

.jautocomplete-box2 .img{
	float: left;
	margin-left: 4px;
}

.jautocomplete-box2 .img img{
	width: 50px;	height: 50px;
}

.jautocomplete-box2 .data{
	float: right;
	width: 91%;
	
	font-size: 12px;

	
	text-align: left;
	margin:5px 12px 0 0;
}

.jautocomplete-box2 .title{
font:15px 'Open Sans';width:100%;
}
#jautocompletea {float:left;width:100% !important}


.punktuj {float:left;width:75%;margin-top:20px}
.punktuj li {float:left;width:100%;background:#fff;box-shadow:1px 1px 2px #A9A9B8;padding:15px 25px;margin-bottom:15px}

.punktuj li h2 {float:left;width:100%;font:400 20px 'Roboto';color:#262626;text-transform:uppercase;}

.punktuj li h2 span {text-transform:none;float:right;font:20px 'Roboto Slab';color:#32ac5a}

.punktuj li div.punktuj-opis {float:left;width:100%;color:#787878;margin-top:5px}

.punktuj li div.punktuj-opis .cl {color:#1383d9}
.punktuj li div.punktuj-opis span  {color:#32AC5A;font-weight:bold}


.hint--right {font:300 16px 'Roboto'}

button.zmienopis {float:right;padding:4px 7px;background:#0B6669;font:300 14px 'Roboto';color:#fff;border:0;cursor:pointer;margin-top:3px}
button.zmienopis:hover {background:#0F8B8E} button.zmienopis i {float:right;margin:2px 0 0 7px}

div.zmianatytulu {display:inline-block;position:relative;}
div.zmianatytulu span {float:left;background:#262626;padding:7px;position:absolute;bottom:0;left:-140px;display:none}
div.zmianatytulu span:after { top: 100%; right: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #262626; border-width: 5px; margin-left: -5px; }


div.zmianatytulu input{float:left;width:300px;background:#fff;border:0;padding:5px 10px;font:300 15px 'Roboto';color:#262626}
span.zmianatytulu {position:relative;}

div.zmianatytulu button {position:absolute;top:13px;right:7px;border:0;background:#fff;cursor:pointer}
div.zmianatytulu button:hover {color:#32AC5A}


.nazwalisty a {float:right;font:300 15px 'Roboto';color:#606075;margin:10px 5px 0 0}
.nazwalisty a:hover {color:#13AEB3}

.edycjaelementu {position:absolute;top:0;right:0;width:85%;height:100%;background:#fff;z-index:99999;display:none;padding-right:3px}
.edycjaelementu textarea {position:relative;z-index:0;float:left;right:0;width:99%;margin:3px 0.5%;border:1px solid #B4B4B4;background:#fff;box-shadow: 11px 14px 30px -20px #D1D1D1 inset;font:300 16px 'Roboto';color:#6C6C6C;padding:10px 150px 10px 10px;height:60px;resize: none;}

.edycjaelementu button.zapiszopis {position:absolute;bottom:6px;right:4%;z-index:1;background:#1C8436;color:#fff;font:300 15px 'Roboto';padding:2px 5px;height:28px;border:0;cursor:pointer}
.edycjaelementu button.anulujopis {position:absolute;bottom:36px;right:4%;z-index:1;background:#9F0004;color:#fff;font:300 15px 'Roboto';padding:2px 5px;border:0;cursor:pointer}

.edycjaelementu button:hover {opacity:0.7}

.edytujliste {float:right;position:relative;top:15px;right:0;background:#0A5A5C;font:300 14px 'Roboto';padding:4px 7px;color:#fff} .edytujliste i {margin-left:5px}
.edytujliste:hover {background:#0E797C}


.osiagniecia {float:left;width:76%;margin:20px 0}

.osiagniecia li {float:left;width:49%;margin:5px 0.5%;background:#fff;cursor:pointer}
.osiagniecia li:hover {background:#EBEBEB}


.osiagniecia li .prawa {float:left;width:57%;margin-left:2%}

.osiagniecia li .prawa h2 {color:#262626;font:700 18px 'Roboto';width:100%;margin-top:15px}
.osiagniecia li .prawa .opisacz {float:left;width:100%;font:300 15px 'Roboto';color:#989898;margin-top:10px;height:90px;overflow:hidden}

.imgachi {float:left;width:37%;text-align:center;padding:13px 0 10px 0;position:relative;}

.imgachi .star-1 {background:url(/images/ikonki.png);width:30px;height:30px;position:absolute;top:30px;right:7px}
.imgachi .star-2 {background:url(/images/ikonki.png);width:30px;height:30px;position:absolute;top:60px;right:-2px}
.imgachi .star-3 {background:url(/images/ikonki.png);width:30px;height:30px;position:absolute;top:90px;right:5px}
.imgachi .star-zaz {background-position:-111px -115px;}
.imgachi .star-nzaz {background-position:-143px -115px;}


.leftacz {float:left;width:30%;padding:20px 0;text-align:center;}
.rightacz {float:left;width:65%}

.wymagania {float:left;width:100%;margin:15px 0 0 0;}
.wymagania li {float:left;width:100%;padding-left:10px;background:url(/images/button-p.png) no-repeat 2px 9px}


.listycentrum-box > h2 {float:left;width:100%;padding:25px 0 15px 0;font:19px 'Roboto Slab'}

ul.obserwacje-lista {float:left;width:100%;margin-bottom:10px}
ul.obserwacje-lista li {float:left;width:19%;margin:0 0.5%;background:#fff;text-align:center;position:relative;margin-bottom:15px}
ul.obserwacje-lista li img {max-width:96%;margin-top:4px;position:relative;z-index:0}
ul.obserwacje-lista li h3 {float:left;width:100%;margin:4px 0 9px 0;text-align:center;font:17px 'Roboto Slab'}
ul.obserwacje-lista li h3 a {color:#000} ul.obserwacje-lista li h3 a:hover {color:#0B6669}

ul.obserwacje-lista li .odznacz {position:absolute;top:8px;right:4%;color:#fff;font-size:19px;background:#000;padding:3px 8px;cursor:pointer}
ul.obserwacje-lista li .odznacz:hover {background:#0B6669}


.obserwacja-t {float:left;width:100%;text-align:center;color:#fff;font:700 18px 'Roboto';border-radius:8px;background:#046EA1;padding:12px 0 10px 0;text-transform:uppercase;margin:5px 0 2px 0;box-shadow: inset 0px 0px 7px 0px #03547A;cursor:pointer}
.obserwacja {float:left;width:100%;text-align:center;color:#5c5a5a;font:700 18px 'Roboto';border-radius:8px;background:#acacac;padding:12px 0 10px 0;text-transform:uppercase;margin:5px 0 2px 0;box-shadow: inset 0px 0px 7px 0px #959595;cursor:pointer}
.obserwacja:active {box-shadow: inset 0px 0px 7px 0px #666}
.obserwacja:hover {background:#C0C0C0}
.obserwacjab {float:left;width:100%;position:fixed;top:0;left:0;height:100%;z-index:80001;display:none}
.obserwacjab .over {background:#000;opacity:0.7;position:absolute;left:0;top:0;height:100%;width:100%;}

.obserwacja-box {float:left;background:#fff;width:670px;position:absolute;z-index:80002;top:-550px;left:50%;margin-left:-335px}
.obserwacja-box article {float:left;width:92%;margin:25px 4%;font:300 16px 'Roboto';color:#4e4e4e}
.obserwacja-box article h2 {font:700 22px 'Roboto';text-transform:uppercase;}
.obserwacja-box article div {float:left;width:100%;text-transform:uppercase;font:300 16px 'Roboto';color:#4e4e4e;margin-top:15px;line-height:20px}

.potwierdzenie-obserwacja {float:left;width:100%;background:#ECECEC;border-top:1px solid #D6D6D6;padding:10px 0;text-align:center}
.potwierdzenie-obserwacja a, .potwierdzenie-obserwacja span {display:inline-block;background:#007744;font:700 18px 'Roboto';color:#fff;text-transform:uppercase;padding:7px 10px 5px 10px} .potwierdzenie-obserwacja a:hover {background:#00B367}
.potwierdzenie-obserwacja span.dwd {background:#770003;cursor:pointer} span.dwd:hover {background:#510002}