/* 60plus * Mariusz Markiewicz 2017 */

* {
  margin: 0px;
  padding: 0px;
  border-width: 0px;
  font-family: verdana,sans-serif;
}

body {
  font-size: 14px;
  color: #000;
  background-color: #ddf;
  min-width: 1000px;
}
body > div {
  box-sizing: border-box;
}

input,textarea,select {
  font-size: inherit;
  color: inherit;
}

div {
  overflow: hidden;
}

a {
  text-decoration: none;
}

img {
  display: block;
}

iframe {
  display: none;
}

:focus {
  outline: none;
}

.link {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  color: #00b;
}
.link:hover {
  color: #b00;
}

.inperr {
  background-color: #fdd;
}

.inpmsg {
  padding-bottom: 10px;
  color: #f00;
}
.inpmsg:empty {
  padding-bottom: 0px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}
.switch input {
  display: none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 17px;
}
.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #29f;
}
input:focus + .slider {
  box-shadow: 0 0 1px #29f;
}
input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

#uploadimg {
  display: none;
}

.mlogo,.mmenu {
  width: 20%;
  float: left;
}

.mtitle,.mbody {
  width: 80%;
  float: right;
}

.mlogo,.mtitle {
  height: 30px;
}

.mmenu,.mbody {
  min-height: 600px;
}

.mlogo {
  background-color: #00a;
  color: #ddf;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
}

.mtitle {
  background-color: #88f;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  padding-left: 20px;
}

.mmenu {
  padding: 5px 10px 0px 10px;
}
.mmenu .muser {
  font-size: 12px;
  margin-bottom: 10px;
}
.mmenu div {
  padding-top: 10px;
}
.mmenu > div > div {
  border-left: #00b solid 1px;
}
.mmenu div > div:first-child {
  padding-top: 0px;
}
.mmenu input {
  display: none;
}
.mmenu label + input + div {
  margin-left: 5px;
  padding-left: 7px;
  display: none;
}
.mmenu label + input:checked + div {
  display: block;
}

.mbody {
  background-color: #fff;
  padding: 10px 20px;
}
.mbody > div {
  clear: both;
  margin-bottom: 8px;
}
.mbody .btxar label {
  vertical-align: top;
}
.mbody input {
  border: #000 solid 1px;
  padding: 3px;
}
.mbody input[type=button] {
  margin-right: 8px;
  background-color: #eef;
  padding: 3px 5px;
  cursor: pointer;
}
.mbody input[type=button]:hover {
  background-color: #e0e0ff;
}
.mbody select,
.mbody textarea {
  border: #000 solid 1px;
  padding: 2px;
  resize: none;
}
.mbody option {
  padding-left: 3px;
}
.mbody .bheader {
  font-size: 20px;
}
.mbody .bdescr {
  font-size: 14px;
}
.mbody .bspace {
  height: 20px;
}
.mbody .binpset {
  float: left;
}
.mbody .binpset > div {
  margin-bottom: 8px;
  float: right;
  clear: both;
}
.mbody .loader {
  background: transparent url('imgs/loader.gif') no-repeat left center;
  padding-left: 130px;
  color: #44f;
  line-height: 25px;
}
.mbody .lstheader {
  padding: 4px 8px;
  margin: 2px 0px;
  background-color: #ccf;
}
.mbody .lstitem {
  padding: 4px 8px;
  margin: 2px 0px;
  background-color: #eef;
  cursor: pointer;
}
.mbody .lstheader > div,
.mbody .lstitem > div {
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mbody .newitem {
  color: #00a;
  font-style: italic;
  margin-bottom: 10px;
}
.mbody .lstitem:hover {
  background-color: #fee;
}
.mbody .lstitem.inact {
  color: #aaa;
}
.mbody .itemdet {
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 8px;
  background-color: #eee;
}
.mbody .itemdet > div {
  margin-top: 8px;
  clear: both;
}
.mbody .itemdet > div:first-child {
  margin-top: 0px;
}
.mbody .bmoreitems {
  margin-top: 10px;
}

.confirmaction {
  margin-top: 8px;
}

#rtedit {
  min-width: 765px;
}

.rttool {
  height: 27px;
  padding: 2px;
  background-color: #eee;
  overflow: visible;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.rttool > div {
  width: 25px;
  height: 25px;
  margin: 0px 3px;
  background: url('imgs/editicons.png');
  border: transparent solid 1px;
  float: left;
  cursor: pointer;
  overflow: visible;
  position: relative;
}
.rttool > div:hover {
  background-color: #fff;
  border: #aaa solid 1px;
}
.rttool > div > div {
  background-color: #fff;
  position: absolute;
  top: 26px;
  left: -1px;
  display: none;
}
.rttool > div > div > div {
  width: 25px;
  height: 25px;
  border: #aaa solid 1px;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  margin-top: 1px;
}
.rttool > div > div > div:after {
  content: 'A';
}
.rttool > div > div > div:hover {
  box-shadow: 0px 0px 2px 0px #aaa inset;
}
.rttool > div:hover > div {
  display: block;
}
.rttool #f_bold { background-position: 0px 0; }
.rttool #f_italic { background-position: -25px 0; }
.rttool #f_underline { background-position: -50px 0; }
.rttool #f_strikeThrough { background-position: -75px 0; }
.rttool #f_insertOrderedList { background-position: -100px 0; }
.rttool #f_insertUnorderedList { background-position: -125px 0; }
.rttool #f_justifyLeft { background-position: -150px 0; }
.rttool #f_justifyRight { background-position: -175px 0; }
.rttool #f_justifyCenter { background-position: -200px 0; }
.rttool #f_justifyFull { background-position: -225px 0; }
.rttool #f_createLink { background-position: -250px 0; }
.rttool #f_image { background-position: -275px 0; }
.rttool #f_indent { background-position: -300px 0; }
.rttool #f_outdent { background-position: -325px 0; }
.rttool #f_subscript { background-position: -350px 0; }
.rttool #f_superscript { background-position: -375px 0; }
.rttool #f_undo { background-position: -400px 0; }
.rttool #f_redo { background-position: -425px 0; }
.rttool #f_foreColor { background-position: -450px 0; }
.rttool #f_backColor { background-position: -475px 0; }
.rttool #f_fontSize { background-position: -500px 0; }
.rttool #f_removeFormat { background-position: -525px 0; }
.rttool #f_video { background-position: -550px 0; }

.rtinput {
  padding: 0px 8px;
  display: none;
}
.rtinput input {
  border: #000 solid 1px;
  margin-bottom: 5px;
  padding: 2px;
}
.rtinput .link {
  margin-left: 10px;
}

.rtdlg {
  padding-top: 5px;
  background-color: #eee;
}
.rtdlg > div {
  float: left;
}
.rtdlg > div > div {
  float: right;
  clear: both;
}

#rturl input { width: 560px; }
#rtvideo input { width: 560px; }
#rtauthor input { width: 495px; }
#rtiurl input { width: 495px; }
#rtiurl .link { visibility: hidden; }

#rtbody {
  padding: 5px;
  overflow-y: auto;
  font-size: 14px;
  clear: both;
}
#rtbody sup,.artcont sup {
  vertical-align: top;
  position: relative;
  top: -0.2em;
  font-size: 0.8em;
}
#rtbody sub,.artcont sub {
  vertical-align: bottom;
  position: relative;
  bottom: -0.2em;
  font-size: 0.8em;
}
#rtbody ol,.artcont ol,
#rtbody ul,.artcont ul {
  margin: 20px 0px !important;
  padding-left: 40px !important;
}
#rtbody blockquote,.artcont blockquote {
  margin: 20px 0px !important;
  padding-left: 30px !important;
}
#rtbody a,.artcont a {
  text-decoration: underline;
  color: #00e;
}
#rtbody a:hover,.artcont a:hover {
  text-decoration: none;
  color: #e00;
}
#rtbody img {
  width: 80%;
  height: auto;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
#rtbody img:first-child {
  width: 50%;
  margin: 10px;
  float: left;
}
#rtbody .imgph {
  border: #00f dashed 1px;
  border-radius: 10px;
  background-color: #eef;
  color: #00f;
  padding: 10px;
  height: 45px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
}

#rtbody .artvid,.artcont .artvid {
  width: 80%;
  height: 0px;
  padding-bottom: 45%;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}

.artvid iframe {
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  display: block;
  position: absolute;
}

.artcont .artimg {
  width: 80%;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.artcont .artimg span {
  font-size: 11px;
  line-height: 12px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
}
.artcont .artimg img {
  width: 100%;
  height: auto;
}
.artcont .artimg:first-child {
  width: 50%;
  margin: 10px;
  float: left;
}

#f_fontSize > div > div {
  font-weight: normal !important;
}

#f_fontSize_1 { line-height: 26px; }
#f_fontSize_2 { line-height: 25px; }
#f_fontSize_3 { line-height: 24px; }

#f_fontSize_1,.ffs1 { font-size: 10px; }
#f_fontSize_2,.ffs2 { font-size: 14px; }
#f_fontSize_3,.ffs3 { font-size: 18px; }
#f_fontSize_4,.ffs4 { font-size: 22px; }

.artedit {
  width: 90%;
  max-width: 900px;
  border: #000 solid 1px;
  margin: 10px 0px;
}
.artedit #rtbody {
  height: 500px;
  padding: 10px;
  line-height: 22px;
}

.clogin {
  margin-top: 30px;
}

.cchpass {
  margin-top: 10px;
}

.clogin input,
.cchpass input {
  width: 250px;
}

#dettmp {
  display: none;
}

#artcatlst input[type=text] {
  width: 450px;
}

.mvptr {
  height: 2px;
  background-color: #f00;
  margin: 6px 0px;
  display: none;
}

.artflt > div {
  float: left;
}
.artflt #fdty { width: 65px; }
.artflt #fdtm { width: 48px; }
.artflt #fdtd { width: 48px; }
.artflt #fcat { width: 350px; }
.artflt #fact { width: 115px; }
.artflt .fspc { width: 10px; }

#artlst .lstheader > div:first-child,
#artlst .lstitem > div:first-child {
  width: 11%;
}
#artlst .lstheader > div:first-child+div,
#artlst .lstitem > div:first-child+div {
  width: 68%;
}
#artlst .lstheader > div:first-child+div+div,
#artlst .lstitem > div:first-child+div+div {
  width: 19%;
  padding-left: 1%;
}
#artlst .artpreview {
  max-width: 750px;
  height: 400px;
  background-color: #fff;
  border: #000 solid 1px;
  padding: 10px;
  line-height: 22px;
  font-size: 14px;
  overflow: auto;
}

input#title,
input#creator,
input#cattitle,
textarea#bannertitle {
  width: 500px;
}

select#category {
  width: 508px;
}

textarea#catsumm {
  width: 502px;
  height: 100px;
}

.arteditinfo > div {
  margin: 5px 0px;
}

.bannerimg {
  float: left;
  height: 175px;
  border: #000 solid 1px;
  overflow-y: scroll;
  cursor: pointer;
  background-color: #eef;
}
.bannerimg img {
  width: 700px;
}

.catimg {
  float: left;
  height: 173px;
  border: #000 solid 1px;
  overflow-y: scroll;
  cursor: pointer;
  background-color: #eef;
}
.catimg img {
  width: 525px;
}

.imgalt {
  padding: 10px;
  box-sizing: border-box;
}

#advlst #periodactive {
  width: 60px;
}
#advlst #comment,
#advlst #url {
  width: 600px;
}
#advlst img {
  width: 252px;
  min-height: 40px;
  border: #000 solid 1px;
  cursor: pointer;
  background-color: #eef;
}
#advlst .advb > img {
  width: 700px;
}
#advlst .lstheader > div:first-child,
#advlst .lstitem > div:first-child {
  width: 7%;
  padding-right: 2%;
  text-align: right;
}
#advlst .lstheader > div:first-child+div,
#advlst .lstitem > div:first-child+div {
  width: 90%;
}
#advlst .itemdet #type {
  border: none;
}
#advlst.advnew > div {
  margin-top: 8px;
}
#advlst.advnew > div:first-child {
  margin-top: 0px;
}
#advlst.advnew .bdescr,
#advlst.advnew #bremove {
  display: none;
}

.advform input[type=text] {
  width: 400px !important;
}

.advflt > div {
  float: left;
}
.advflt #fid { width: 60px; }
.advflt #ftyp { width: 115px; }
.advflt #fact { width: 115px; }
.advflt .fspc { width: 10px; }

#lnklst #artid {
  width: 80px;
}
#lnklst .bheader {
  margin: 16px 0px 10px 0px;
}

.ofrflt > div {
  float: left;
}
.ofrflt #fid { width: 250px; }
.ofrflt #fact { width: 150px; }
.ofrflt .fspc { width: 10px; }

#ofrlst .lstheader > div:first-child,
#ofrlst .lstitem > div:first-child {
  width: 8%;
  padding-right: 2%;
  text-align: right;
}
#ofrlst .lstheader > div:first-child+div,
#ofrlst .lstitem > div:first-child+div {
  width: 89%;
}

.toaccept {
  color: #c00;
}

#searchresult {
  background-color: #fff;
  margin: 10px 0px 12px 0px;
  padding: 10px;
}
#searchresult div {
  font-size: 13px;
}
#searchresult > div {
  padding: 10px 0px 10px 0px;
  page-break-inside: avoid;
}
#searchresult > div > div:first-child {
  width: 25%;
  max-width: 160px;
  float: left;
}
#searchresult > div > div:first-child img {
  width: 100%;
}
#searchresult > div > div:first-child + div {
  width: 30%;
  margin-left: 10px;
  float: left;
}
#searchresult > div > div:first-child + div + div {
  padding-left: 10px;
}
#searchresult > div > div > div > div {
  margin-top: 3px;
}
#searchresult .srname {
  font-weight: bold;
  color: #f40;
  margin-bottom: 5px;
}
#searchresult a {
  font-size: 13px;
  font-family: helvetica,sans-serif;
  text-decoration: none;
  color: #080;
}
#searchresult a:hover {
  text-decoration: underline;
}
#searchresult .srhr,.srhr {
  padding: 0px;
  height: 2px;
  background-color: #aaa;
  background: linear-gradient(to right,#fff,#aaa,#fff);
}
#searchresult .promoted {
  background-color: #ffa;
  background: linear-gradient(#ffa,#ffe,#ffa);
}
#searchresult .srmore {
  clear: both;
  position: relative;
  height: 15px;
  margin-left: 30px;
  display: none;
}
#searchresult .srmore div:after {
  right: 10px;
  position: absolute;
  content: "Pokaż więcej";
  font-size: 12px;
  font-weight: bold;
  color: #06a;
  cursor: pointer;
}
#searchresult .srmore div:hover:after {
  color: #f40;
}
#searchresult .expand {
  height: auto;
}
#searchresult .expand div:after {
  content: "Zwiń";
}
#searchresult #moreresb {
  width: auto;
  max-width: 100%;
  color: #06a;
  font-family: helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  float: right;
}
#searchresult #moreresb:hover {
  color: #f40;
}

.dsc {
  margin-top: 5px;
  height: 30px;
  background-size: 30px;
  background-image: url('imgs/dsc.png');
  background-repeat: no-repeat;
  background-position: right; 
}

.itemdet #fvat,
.itemdet #cities,
.itemdet #cat {
  text-decoration: underline;
}
.itemdet #fvat span,
.itemdet #cities span,
.itemdet #cat span {
  text-decoration: none;
  display: inline-block;
}

.ofreditinfo > div {
  margin: 5px 0px;
}

input#periodactive,
input#ctemail {
  width: 250px;
}

select#state,
select#discount {
  width: 258px;
}

#ccities > div {
  padding-top: 8px;
}
#ccities > div > div {
  float: left;
  margin-right: 8px;
}
#ccities > div input[type=text] {
  width: 400px;
}

.pac-container {
  margin-left: 1px;
}

.pac-icon {
  width: 0;
  background-image: none;
}

#selcat {
  width: 384px;
  height: auto;
}
#selcat div {
  margin-left: 15px;
  white-space: nowrap;
  display: none;
}
#selcat > div {
  margin-left: 8px;
}
#selcat .srcateg,
#selcat .srchkbox {
  line-height: 22px;
  cursor: pointer;
}
#selcat .srcateg:hover,
#selcat .srchkbox:hover {
  color: #f40;
}
#selcat .srcateg {
  display: block;
}
#selcat .srcateg:before {
  content:url('imgs/lexp.png');
  height: 13px;
  margin-top: 1px;
  margin-right: 4px;
  float: left;
}
#selcat .srchkbox {
  margin-left: 30px;
}
#selcat .srchkbox:before {
  content:url('imgs/lch0.png');
  margin-top: 1px;
  margin-right: 4px;
  float: left;
}
#selcat .srchecked:before {
  content:url('imgs/lch1.png');
  margin-top: 1px;
  margin-right: 4px;
  float: left;
}
.srselected > div:first-child:before {
  content:url('imgs/lcol.png') !important;
  margin-top: 1px;
  margin-right: 4px;
  float: left;
}
.srselected > div,
.haschk .srchecked,
.haschk {
  display: block !important;
}

.ofrform input[type=text] {
  width: 400px;
}
.ofrform textarea {
  width: 402px;
  height: 200px;
}
.ofrform .logo {
  float: right;
  width: 408px;
  box-sizing: border-box;
}
.ofrform #logoupl {
  float: left;
  width: 162px;
  margin-right: 10px;
  min-height: 40px;
  border: #000 solid 1px;
  box-sizing: border-box;
  cursor: pointer;
}

#usrlst .lstheader > div:first-child,
#usrlst .lstitem > div:first-child {
  width: 50%;
}
#usrlst .lstheader > div:first-child+div,
#usrlst .lstitem > div:first-child+div {
  width: 49%;
}
#usrlst input[type=text] {
  width: 400px;
}

#rpass {
  padding-top: 8px;
}

#partnlst input[type=text] {
  width: 500px;
}
#partnlst .logo {
  float: right;
  width: 508px;
}
#partnlst #logoupl {
  float: left;
  height: 55px;
  border: #000 solid 1px;
  cursor: pointer;
}

#msclst #ival {
  width: 700px;
}
#msclst #tval {
  width: 702px;
  height: 300px;
}

#nlstatus {
  width: 750px;
  border: #888 solid 1px;
  border-radius: 15px;
  background-color: #f0f0f0;
}
#nlstatus > div {
  float: left;
  border: #888 solid 1px;
  border-radius: 13px;
  margin: 2px;
  line-height: 24px;
  padding: 0px 7px;
  background-color: #fff;
}
#nlstatus.s0 > div {
  display: none;
}
#nlstatus #statrag {
  width: 10px;
  height: 24px;
  background-color: #f44;
  display: block;
}
#nlstatus.s0 #statrag {
  background-color: #0d0;
}
#nlstatus.s1 #statrag {
  background-color: #ff0;
}
#nlstatus #statmsg {
  border: none;
  line-height: 26px;
  background-color: transparent;
  font-weight: bold;
  display: block;
}

#nledit > div > div {
  float: left;
}
#nledit .confirmaction {
  clear: both;
}
#nledit #nlname {
  width: 150px;
  margin-right: 20px;
}
#nledit #nlfile {
  margin-right: 20px;
}

.nlerror {
  color: #f00;
}

.nldld {
  color: #00b;
}
.nldld:hover {
  text-decoration: underline;
}

#ytids {
  width: 200px;
  height: 100px;
}

#viddescr,
#vidsdescr{
  font-style: italic;
  color: #888;
}

#vidsrc {
  width: 700px;
}

#vidhgt {
  width: 80px;
}

#vidhd {
  width: 400px;
}

#soprices table {
  border-spacing: 2px;
  border: #ccf solid 2px;
  margin-top: 10px;
}
#soprices th {
  width: 140px;
  font-weight: normal;
  background-color: #fe8;
}
#soprices td {
  width: 75px;
  text-align: right;
  padding-right: 55px;
  background-color: #ffa;
}
#soprices tr:first-child > th:first-child {
  background-color: transparent;
}
#soprices tr > th:first-child {
  background-color: #ccf;
}
#soprices tr > td:first-child {
  background-color: #ccf;
  padding-right: 45px;
}
#soprices tr > td:first-child:after {
  content: " dni";
}
#soprices th,
#soprices td {
  padding-top: 4px;
  padding-bottom: 4px;
}
#soprices input {
  width: 50px;
  background-color: transparent;
  border: 0px;
  padding: 0px;
  text-align: right;
}
#soprices .inperr {
  background-color: #fcc !important;
}