body {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  line-height: 1.4;
  text-align: center;
}

p {
  margin: 0;
}

a {
  color: #822E5E;
  font-weight: bold;
}

span.cloud {
  color: #C78B4F;
}

a.cloud_0 {
/*    font-size: 75%;*/
  font-size: 100%;
  color: #C78B4F;
  font-weight: normal;
}
a.cloud_1 {
/*    font-size: 90%;*/
  font-size: 100%;
  color: #C08350;
}
a.cloud_2 {
/*    font-size: 110%;*/
  font-size: 100%;
  color: #BA7B51;
}
a.cloud_3 {
/*    font-size: 130%;*/
  font-size: 110%;
  color: #B47253;
}
a.cloud_4 {
/*    font-size: 140%;*/
  font-size: 120%;
  color: #AE6954;
}
a.cloud_5 {
/*    font-size: 150%;*/
  font-size: 130%;
  color: #A76156;
}
a.cloud_6 {
/*    font-size: 160%;*/
  font-size: 140%;
  color: #A15957;
}
a.cloud_7 {
/*    font-size: 173%;*/
  font-size: 150%;
  color: #9B5058;
}
a.cloud_8 {
/*    font-size: 190%;*/
  font-size: 160%;
  color: #8E3F5B;
}
a.cloud_9 {
/*    font-size: 205%;*/
  font-size: 170%;
  color: #88375D;  
}
a.cloud_10 {
/*    font-size: 220%;*/
  font-size: 180%;
}

a:hover {
  text-decoration: none;
}

img {
  border: 0;
}

.clear {
  clear: both;
}

.textRight {
  text-align: right;
}

.textLeft {
  text-align: left;
}

.textCenter {
  text-align: center;
}

.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

#kontener {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

.modul {
  clear: both;
  width: 100%;
  background: #822E5E url(/i/bgrd_top.png) top left no-repeat;
  color: #FFF;
}

.modul .boks {
  padding: 14px;
  background: transparent url(/i/bgrd_bottom.png) bottom left no-repeat;
}

.modul a {
  color: #FFC531;
  font-weight: bold;
  text-decoration: none;
}

#start .boks a {
  color: #822E5E !important;
}

.modul a:hover {
  text-decoration: underline;
}

.modul a.dodaj {
  float: left;
  height: 26px;
  padding-left: 32px;
  line-height: 26px;
  background: url(/i/button_dodaj.png) left top no-repeat;
  font-size: 14px; 
}

.modul form {
  float: right;
  margin: 0;
  font-size: 14px;
  text-align: right;
}

.modul form label,
.modul form select,
.modul form input {
  margin-right: 7px;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: middle;
}

#materialFilter-submit,
#setFilter-submit,
.submit,
#register-op {
  margin-right: 0;
  width: 79px;
  height: 26px;
  border: none;
  background: transparent url(/i/button_1.png) right top no-repeat;
  font-size: 14px;
  font-weight: bold;
}

#dodaj form,
#profil form,
#logowanie form {
  width: 100%;
}

#dodaj form legend,
#profil form legend,
#logowanie form legend {
  color: #FFC531;
  font-weight: bold;
}

#dodaj form fieldset,
#profil form fieldset,
#logowanie form fieldset {
  border: solid 1px #BB6B9A;
  margin-bottom: 14px;
  text-align: left;
}

#dodaj form fieldset label,
#profil form fieldset label,
#logowanie form fieldset label {
  float: left; 
  width: 160px;
  text-align: right;
}

#profil form fieldset label {
  width: 300px;
}

#logowanie form fieldset label {
  width: 370px;
}

#dodaj form fieldset select,
#dodaj form fieldset input,
#profil form fieldset select,
#profil form fieldset input {
  float: left;
  width: 300px;
}

#logowanie form fieldset select,
#logowanie form fieldset input {
  float: left;
}

#dodaj form fieldset input#material-tags,
#dodaj form fieldset textarea,
#dodaj form fieldset input#setform-tags,
#dodaj form fieldset input#setform-name {
  width: 570px;
}

#dodaj form fieldset textarea {
  height: 160px;
}

#dodaj form fieldset p,
#profil form fieldset p {
  clear: both;
}

#dodaj form fieldset span.image {
  float: left;
}

#dodaj form fieldset span.image img {
  display: block;
  margin-bottom: 14px;
  width: 570px;
}

#logowanie form .regulamin {
  width: 100%; height: 200px; overflow: auto; align: center;
}

#top {
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
  font-size: 12px;
}

#top img {
  display: block;
  float: left;
}

#top .tagline,
.szablon .szablonTop .tagline {
  float: left;
  margin: 0;
  padding: 0;
  margin-top: 10px;
  margin-left: 14px;
  padding-left: 14px;
  width: 150px;
  border-left: solid 1px #E5E5E5;
  font-size: 11px;
}

.szablon .szablonTop .tagline {
  border-color: #666;
  margin-bottom: 10px;
}

.szablon .szablonTop .tagline span {
  color: #666;
}

#top .tagline span {
  color: #B07999;
  white-space: nowrap;
}

#status-logowania {
  margin: 0;
  float: right;
  text-align: right;
}

#status-logowania p {
  margin: 0;
  padding: 0;
}

#menu {
  clear: both;
  /* width: 100%; */ 
  text-align: left;
  margin-top: 14px;
  
  float: left;
}

#menu ul {
  margin: 0;
  padding: 0;
  /* width: 100%; */
  float: left;
  font-size: 14px;
  list-style: none;
  width: 440px;
}

#menu ul li {
  margin-right: 2px;
  float: left;
  background: #822E5E;
}

#menu a {
  display: block;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  background: transparent url(/i/bgrd_top.png) right top no-repeat;
}

#menu a span {
  display: block;
  padding: 3px 14px;
  background: transparent url(/i/bgrd_menu_aktywny.png) left top no-repeat;
}

#menu a:hover {
  color: #FFC531;
}

#menu li.aktywny a:hover {
  color: #000;
}

#menu li.aktywny a {
  color: #000;
  background: transparent url(/i/bgrd_menu_top.png) right top no-repeat;
}

#menu li.aktywny {
  background: #F1E0EA;
}

#menu li.aktywny a span {
  background: transparent url(/i/bgrd_menu.png) left top no-repeat;
}

div#top table#headTable {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    font-size: 12px;
    height: 86px;
    margin: 0px;
}
div#top table#headTable td {
    padding: 0px;
    margin: 0px;
}

/*  3 icony po prawej - dodaj zadanie, moje zadania moje zestawy */
div.dodaj {
    /* position: absolute;
    left: 750px;
    top: -40px; */
    height: 65px;
    float: right;
    
}

div.dodaj a {
  display: block;
  /* padding: 4px 14px 4px 33px; */
  color: #000;
  height: 15px;
  width: 70px;
  float: right;
  /* margin-right: 3px; */
  cursor: pointer;
  padding-top:50px;
  font-size: 78%;
  /* letter-spacing: -1px; */
}

div.dodaj #nzadanie {
   background: transparent url(/i/dodaj_zadania.png) center top no-repeat;
   color: #000;
}

div.dodaj #mzadania.not_active {
  background: transparent url(/i/moje_zadania_on.png) center top no-repeat;
  color: #000;
}

div.dodaj #mzadania.active {
  background: transparent url(/i/moje_zadania_off.png) center top no-repeat;
  color: #000;
}

div.dodaj #mzestawy.not_active {
  background: transparent url(/i/moje_zestawy_off.png) center top no-repeat;
  color: #000;
}

div.dodaj #mzestawy.active {
  background: transparent url(/i/moje_zestawy_on.png) center top no-repeat;
  color: #000;
}



a.dodajPub b {
  display: block;
  padding: 4px 14px 4px 28px;
  background: transparent url(/i/bgrd_b_dodaj_lewy.png) left center no-repeat;
  color: #000;
}


a.dodajPub {
  right: 0;
  top: -11px;
  margin: 0;
  padding: 0;
  position: absolute;
  display: block;
  background: #FFC531 url(/i/bgrd_b_dodaj_prawy.png) right center no-repeat;;
  white-space: nowrap;
  font-size: 14px;
  text-decoration: none;
}

#footer {
  clear: both;
  width: 100%;
  float: left;
  margin: 20px 0;
  font-size: 12px;
  text-align: center;
}

#footer ul {
  margin: 0 3% 1%;
  padding: 0;
  list-style: none;
}

#footer ul li {
  margin: 0 1%;
  display: inline;
}

#footer p {
  margin: 0;
}

#kontent {
  clear: both;
  margin: 0;
  padding: 0;
  * width: 100%;
  border-top: solid 3px #F1E0EA;
}

#kontent .modul {
  background-image: none;
  margin-bottom: 20px;
}

#kontent #start {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.6;
  color: #000;
  background: #F1E0EA url(/i/bgrd_sowa.png) left top no-repeat;
}

#kontent #start .boks {
  padding-left: 205px;
  background: transparent url(/i/bgrd_boks_start.png) left bottom no-repeat;
}

#kontent #start p {
  margin: 0 0 20px;
}

h1, h2 {
  margin: 0;
  padding-bottom: 0;
  font-size: 18px;
  font-weight: normal;
}

h1 span,
h2 span {
  padding: 0 0 15px 15px;
  display: block;
}

h1 a,
h2 a {
  font-weight: normal;
}

.tabela {
  width: 100%;
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  border-collapse: collapse;
  background: #FFF;
  width:100%;
  float:left;
}

.tabela th,
.tabela td {
  padding: 7px 0 8px;
  border-top: solid 1px #CCC;
  vertical-align: top;
}

table.publikacje td {
    padding-right: 5px;
}

.tabela tr.zajawka {
  max-height: 120px;
  height: 120px;
  overflow: hidden;
}

.tabela div.akcja {
  text-align: right;
}

.tabela td.akcja a {
  font-weight: bold;
}

.uklad .artykul,
.szablon .artykul {
  width: 460px;
  max-width: 460px;
  overflow: hidden;
  padding: 7px 0px 8px 0;
}
.uklad  .details {
  background: url("/i/next_button.png") no-repeat left center;
  float:left;
  text-decoration:none;
  color: #842F60;
  height: 19px;
  padding:0 0 0 8px;
  width:90px;
}

.uklad .artykul p,
.szablon .artykul p {
  margin: 0 0 7px 0;
}

.uklad .artykul ul,
.uklad .artykul ol,
.szablon .artykul ul,
.szablon .artykul ol {
  margin: 0 0 7px 0;
}

.uklad .artykul ul li,
.uklad .artykul ol li,
.szablon .artykul ul li,
.szablon .artykul ol li {
  margin-left: 35px;
}

.tags,
.data {
  font-size: 12px;
  color: #999999;
}

.szablon {
  position: relative;
  width: 740px;  
  /*height: 1080px;*/
  height: 1266px;
  margin: 20px 20px;
  padding: 20px 30px 30px;
  border: solid 2px #ccc;
  overflow: hidden;
}

.easy {
  position: relative;
  width: 100%;  /* 800px - marginesy lewy i prawy (padding) */
  height: 1275px;  /*   jak nie ma reklamy, to zwiekszylem z 1156 na 1275 px */
  /*height: 980px;  /* 1130px - marginesy gorny i dolny (padding) s*/
  /*background: #FF0000;*?
  /*overflow: hidden;*/
}

.szablon .adsBottom {
  position: relative;
  border: solid 1px #ccc;
  width: 738px;
  height: 90px;
  margin-top: 10px;
  text-align: center;
}

.szablon .adsBottom span {
  display: block;
  padding-top: 35px;
}

.szablon .szablonTop {
  padding-bottom: 30px;
}

.szablon .szablonTop p {
  margin: 0;
  padding: 0;
}

.szablon h3 {
  clear: both;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.szablon .szablonAds {
  padding: 4px 0;
  margin-bottom: 8px;
  color: #666;
  border: solid 1px #CCC;
  border-left: none;
  border-right: none;
  font-size: 11px;
}

.szablon .szablonAds a {
  font-weight: normal;
  color: #666;
}

.tabela th {
  border-top: solid 1px #CCC;
  text-align: left;
}

.tabela .checkbox {
  padding: 6px 0;
  text-align: left;
}

.tabela .checkbox input {
  margin: 6px 0 0 0;
}

.tabela td img {
  margin: 6px 0 0 0;
}

.tabela ul.akcja {
  padding: 4px 0 7px;
}

ul.akcja  {
  margin: 0;
  padding: 0;
  float: right;
  font-size: 12px;
  list-style: none;
  text-align: center;
}

ul.akcja li {
  background: url(/i/bgrd_button_akcja_prawy.png) right top no-repeat;
  /*background: url(/i/low_buttons.png) right top no-repeat;*/
  float: right;
  width: 138px;
  margin-left: 0;
}

ul.akcja li a,
ul.akcja li span {
  display: block;
  padding: 3px 0 3px;
  background: url(/i/bgrd_button_akcja_lewy.png) left top no-repeat;
  /*background: url(/i/low_buttons_left.png) left top no-repeat;*/
  text-decoration: none;
  font-weight: bold;
  color: #000;
  /* line-height:22px; */

}

tr.zajawka ul.akcja li a,
tr.zajawka ul.akcja li span {
  margin-bottom: 10px;
}

ul.akcja .edytuj_zadanie {
  background: url(/i/edit-left.png) left top no-repeat;
  padding:3px 0 3px 27px;
  text-align:left;
}

ul.akcja .dodaj_odpowiedz {
  background: url(/i/add-answer-left.png) left top no-repeat;
  padding:3px 0 3px 27px;
  text-align:left;
}

ul.akcja li span {
  color: #999;
}

#wybrane {
  clear: both;
}

#wybrane ul.akcja {
  width: 100%;
  margin-bottom: 8px;
}

#wybrane ul.akcja li {
  float: right;
  margin: 0;
}

#wybrane ul.akcja li.dodaj_tytul {
  float: left;
  width: auto;
  text-align: left;
  background-image: none;
}
/*
#wybrane ul.akcja li.dodaj_tytul input,
#wybrane ul.akcja li.dodaj_tytul label {
  float: left;
  vertical-align: middle;
  color: #000;
}


#wybrane ul.akcja li.dodaj_tytul input {
  width: 286px;
}

#wybrane ul.akcja li.dodaj_tytul label {
  padding: 3px 7px 3px 0;
}
*/

#wybrane ul.akcja li.dodaj_tytul a {
  
  float: left;
  margin-right: 7px;
  padding: 0;
  padding-left: 55px;
  height: 50px;
}

#wybrane ul.akcja li.dodaj_tytul #zestaw {
    background: url(/i/utworz_zestaw_z_zadan.png) left center no-repeat;
}
#wybrane ul.akcja li.dodaj_tytul #drukuj {
    background: url(/i/print_icon.png) left center no-repeat;
}
#wybrane ul.akcja li.dodaj_tytul #drukuj_odpowiedzi {
    background: url(/i/drukuj_odpowiedzi.png) left center no-repeat;
}

#wybrane ul.akcja li.dodaj_tytul #remove {
    background: url(/i/usun_wszystko.png) right center no-repeat;
    padding-left: 0px;
    padding-right: 55px;
}

#wybrane ul.akcja li.dodaj_tytul b {
    margin-top: 14px;
    display: block;
}
/*
#wybrane ul.akcja li.dodaj_tytul a b,
#wybrane ul.akcja li input.przycisk {
  display: block;
  padding: 3px 14px 3px;
  background: url(/i/bgrd_button_akcja_lewy.png) left top no-repeat;
  text-decoration: none;
  color: #000;
}
*/
#wybrane ul.akcja li input.przycisk {
  border: none;
  cursor: pointer;
  font-weight: bold;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

#navi {
  padding-top: 14px;
  text-align: left;
  word-spacing: 6px;
  font-size: 12px;
  border-top: solid 1px #CCC;
  float:left;
  width:100%;
}

#navi .actualPage,
#navi .actualPage a {
  color: #000;
  background: #F1E0EA url(/i/bgrd_navi.gif) center no-repeat;
  text-decoration: none;
  
}

#navi a {
  word-spacing: 0;
  padding: 2px 7px;
  background: #842F60 url(/i/bgrd_navi.gif) top left no-repeat;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  
  
  float:left;
  height:15px;
  margin:0 3px 0 0;
  text-align:center;
  width:7px;
  
}

#navi .nast a {
  padding: 1px 7px 3px;
  font-size: 14px;
  font-weight: normal;
}

#navi .nast {
  margin-right: 7px;
}

.w50 {
	width: 50%;
}

#userDiv div,
#shopDiv div {
  padding: 15px;
  height: 350px;
  overflow: auto;
}

#userDiv ol,
#shopDiv ol {
  margin: 0;
  padding: 0 0 0 15px;
}

#userDiv ol li,
#shopDiv ol li {
  margin-bottom: 12px;
  padding: 0;
}

table#glowna {
  margin-top: 21px;
  margin-bottom: 14px;
  
}

table#glowna table.tabela {
  width: auto;
}

table#glowna table.tabela td {
  border-top: none;
}

table#glowna td {
  padding: 7px 8px;
  border-top: none;
}

#locktable {
  border: dashed 2px #CCC !important;
}

#settable {
  border: solid 2px #CCC !important;
}

#settable .artykul,
#locktable .artykul {
  cursor: move;
  padding: 7px 0 8px;
  margin: 0 8px;
  width: 460px;
  border-bottom: solid 1px #CCC;
}

#locktable .artykul {
  color: #666;
}

/*  PG  - moje dadatki */
#smallUploaded ul li {
  display: inline;
  margin: 0 0 3px 3px;
  padding: 0;
  font-size: 14px;
  list-style: none;
  float: left;
}
#smallUploaded ul li img {
  width: 80px;
}

/* definicje ukladu kolumn */
div.uklad {
  /* float:left; */
  margin-top:20px;
  width:100%;
}

div.uklad a {
  font-weight: normal;
}

div.uklad .lista span {
  color: #822E5E;
}

div.uklad .lista a {
  white-space:nowrap;
}

div.uklad p,
div.uklad h2,
div.uklad ul,
div.uklad ol,
div.uklad li {
  margin: 0;
  padding: 0;
}

div.uklad h2,
div.uklad .boks h2,
div.uklad .boks.zolty2 div h2 {
  font-size: 14px;
  font-weight: bold;
}

div.uklad.dps .zolty,
div.uklad.dls .zolty {
  background: #FFD842 url(/i/bgrd_boks_top_zolty.png) left top no-repeat;
  padding: 0px;
}

div.uklad.dps .zolty div,
div.uklad.dls .zolty div,
div.uklad.d3 .zolty div
{
  background:  url(/i/bgrd_boks_bottom_zolty.png) left bottom no-repeat;
}

.boks.zolty2 {
  margin-top: 20px;
  background: #FFD842 url(/i/bgrd_boks_top_zolty_2.png) left top no-repeat;
}

.boks.zolty2 div {
  background:  url(/i/bgrd_boks_bottom_zolty_2.png) left bottom no-repeat;
}

div.uklad div.boks div,
.boks div {
  padding: 14px 14px 14px;
  
}

div.uklad.dps div.k2.boks.zolty div *,
div.uklad.dls div.k2.boks.zolty div *,
div.uklad.dps div.k1.boks div * {
  padding: 0 0 7px 0;
}

div.uklad.dps div.k2.boks.zolty div * *,
div.uklad.dls div.k2.boks.zolty div * *,
div.uklad.dps div.k1.boks div * * {
  padding: 0;
}

/* uklad 1-kolumnowy */

div.uklad div.k2 {
  display: none;
}

/* uklad 2-kolumnony 2 kolumna 300px */

div.uklad.dps div.k1 {
  float: left;
  width: 640px;
}

div.uklad.dps div.k2 {
  display: block;
  float: right;
  width: 300px;
}

/* uklad 2-kolumnony 1 kolumna 300px */

div.uklad.dls div.k1 {
  float: left;
  width: 300px;
}

div.uklad.dls div.k2 {
  display: block;
  float: right;
  width: 640px;
}

/* uklad 2-kolumnony 2 kolumna 160px */

div.uklad.dpw div.k1 {
  float: left;
  width: 780px;
}

div.uklad.dpw div.k2 {
  display: block;
  float: right;
  width: 160px;
}

/* uklad 2-kolumnony 1 kolumna 160px */

div.uklad.dlw div.k1 {
  float: right;
  width: 160px;
}

div.uklad.dlw div.k2 {
  display: block;
  float: left;
  width: 780px;
}

/* uklad 3-kolumny po rowno */
div.uklad.d3 div.k2 {
    display: block;
}
div.uklad.d3 div.k1,
div.uklad.d3 div.k2,
div.uklad.d3 div.k3
{
    float: left;
    width: 310px;
    margin-right: 8px;
}

div.uklad .listaInformacyjna {
  margin-left: 0px;
}  

div.uklad div.k1.boks div.listaInformacyjna h2 {
  margin-left: -14px;
  padding-left: 14px;
  background: url(/i/bgrd_lista_info.png) 0 0 no-repeat;
}

div.uklad div.k1.boks div.listaInformacyjna p {
  margin-left: -14px;
  padding-left: 30px;
  padding-bottom: 14px;
}

div.uklad div.boks div.submenu {
  background: #F1E0EA; /* url(/i/bgrd_boks_bottom_fiolet.png) left bottom no-repeat;*/
  color: #000;
  padding-top: 7px;
  border-top: 1px solid #842F60;
  border-bottom: 1px solid #842F60;
  margin-bottom: 10px;
  * width: 300px;
}

div.uklad div.boks div.top {
    border-top: none;
    padding-bottom: 7px;
}

div.uklad div.boks div.submenu h2 {
  font-size: 13px;
}

div.uklad div.boks div.submenu p {
  margin: 4px 0 3px;
  font-weight: bold;
}

div.uklad div.boks div.submenu a {
  color: #842F60;
  font-weight: normal;
}

div.uklad div.boks div.submenu span.licznik {
  font-weight: normal;
  text-decoration: none;
  color: #666666;  
}

div.uklad div.boks div.submenu a {
    text-decoration: none;
}

div.uklad div.boks div.reklama {
  padding: 0;
  border: none;
}

div.uklad div.boks div.reklama small {
  display: block;
  margin: 7px 0 2px; 
  color: #CCC;
  letter-spacing: 3px;
}

h2.tytul,
div.uklad h2.tytul {
  margin-top: 14px;
  padding-bottom: 14px;
  font-size: 16px;
  border-bottom: solid 1px #CCC;
  font-weight: bold;
  border-bottom: none !important;
  padding-bottom:0;

}

h2.tytul {
  border-bottom: none;
  padding-bottom: 0;
}

div.uklad h2.tytul span {
  padding: 0;
  color: #999;
  font-size: 13px;
}

div.narzedzia {
  text-align: right;
  float: right; 
  width: 100%;
  padding: 7px 0;
}

div.narzedzia input,
div.narzedzia select,
div.narzedzia label,
div.narzedzia span,
div.narzedzia a {
  vertical-align: middle;
}

div.narzedzia label {
  color: #822E5E;
  font-weight: bold;
}

div.narzedzia a {
  font-weight: bold;
}   

div.narzedzia input.radio,
div.narzedzia input.checkbox {
  margin: 0px 7px 0 7px;
}

.komunikat,
.uklad .komunikat {
  clear: both;
  margin: 1px 0;
  padding: 7px 7px 7px 75px;
  min-height: 65px;
  * height: 80px;
  background: #FFF7B6 url(/i/bgrd_komunikat.png) left top no-repeat;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}

div.uklad div.boks div.informacje {
  margin: 7px 0;
  padding: 0;
}

div.informacje dl {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 3px 0 4px;
  border-top: solid 1px #D6B4C7;
}

div.informacje dl dt,
div.informacje dl dd {
  margin: 0;
  padding: 0;
}

div.informacje dl dt {
  float: left;
  width: 98px;
  margin-right: 7px;
  text-align: right;
}

.foto {
  margin: 2px 7px 5px 0;
  text-align: left;
}

.foto img {
  display: block;
  width: 90px;
  height: 90px;
  padding: 2px;
  border: solid 1px #D6B4C7;
  background: #FFF;
  margin: 0 auto;
}

.foto img.floatHeight {
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

img.logo {
    border: none;
}

div.informacje dl dt.foto {
  margin: 2px 7px 5px 0;
  text-align: left;
}

div.informacje dl dt.foto img {
  display: block;
  width: 90px;
  height: 90px;
  padding: 2px;
  border: solid 1px #D6B4C7;
  background: #FFF;
}

div.uklad div.boks.zestawy {
  margin-top: 14px;
  padding-bottom: 10px;
  background: transparent url(/i/bgrd_boks_bottom_szary.png) left bottom no-repeat;
}

div.uklad div.boks.zestawy h3 {
  float: left;
  margin: 0;
  padding: 0;
  background: #E5E5E5 url(/i/bgrd_boks_top_szary.png) right top no-repeat;
  font-size: 14px;
}

div.uklad div.boks.zestawy h3 span {
  display: block;
  padding: 7px 14px 0;
  background: transparent url(/i/bgrd_boks_rog_szary.png) left top no-repeat;

}

div.uklad div.boks.zestawy p {
  clear: both;
  padding: 7px 14px 0;
  background: #E5E5E5 url(/i/bgrd_boks_top_szary.png) left top no-repeat;
  color: #822E5E;
}

div.uklad .tagi {
  margin-top: 14px;
}

div.uklad div.boks .criteria_box {
  background: transparent url(/i/criteria_button_right1.png) right center no-repeat;
  line-height:19px;
  margin:0;
  padding:0;
}

div.uklad div.boks .criteria_box a {
  background: transparent url(/i/criteria_button_left1.png) left center no-repeat;
  margin:0;
  float:left;
  height:19px;
  line-height:19px;
  padding:0 12px;
}

/* formularz wyszukiwarki zadan */
.form {
  width: 100%;
  margin: 0 0 0px;
  padding: 0;
}

.form p.bgrd {
  background: transparent url(/i/bgrd_input_lewy.png) left top no-repeat;
  padding: 0 0 7px 0;
  width: 100%;
}

.form input {
  padding: 7px 7px 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.form p.bgrd input.text {
  background: transparent url(/i/bgrd_input_prawy.png) right top no-repeat;
  border: none;
}

.form p.bgrd input#search-phrase {
  background-image: none;
  width: 190px;
  float: left;
  height: 30px;
}

.form p.bgrd input.button {
  padding: 6px 7px 4px;
  background: #ccc url(/i/bgrd_button.png) right top no-repeat;
  border: none;
  border-left: solid 2px #FFD761;
  font-weight: bold;
  cursor: pointer;
  * border-left: none;
  * padding: 5px 0px 3px;
}

.form.logowanie {
  margin-top: 12px;
}

.form.logowanie p.bgrd label {
  float: left;
  padding: 6px 0px 4px 7px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: right;
  width: 50px;
}

.form.logowanie p.bgrd input.text {
  float: right;
  height: 30px;
  width: 210px;
  padding-left: 0;
}

.form.logowanie p.bgrd input.text.password {
  float: left;
  width: 130px;
  padding-left: 5px;
  background-image: none;
}


/* formularz definiowania zestawu */

form.formZestaw,
form.formZadanie {
  margin: 0 0 14px 0;
  padding: 0;
  float:left;
  width: 100%;
}

form.formZestaw fieldset,
form.formZadanie fieldset,
#newAnswerForm,
.uzupelnijZestaw {
  margin: 0 0 7px 0;
  padding: 5px 8px 10px 8px;
  background: #EFEFEF;
  border: 1px solid #CCC;
}

#newAnswerForm {
  border-top: none;
}

form.formZadanie fieldset {
  margin-top: 14px;
}

form.formZestaw fieldset {
  /*width: 47.5%;*/
  height: 110px;
}

form.formZestaw legend,
form.formZadanie legend {
  font-weight: bold;
  color: #000;
}

form i {
  margin-left: 7px;
  color: #666666;
}

form.formZestaw p,
form.formZadanie p,
div.uzupelnijZestaw p
 {
  padding: 7px 0 7px 0;
}

div.uzupelnijZestaw p label {
  color: #000;
  font-weight: normal;
}

form.formZestaw label,
div.uzupelnijZestaw label {
  float: left;
  width: 60px;
  margin-right: 7px;
  text-align: right;
}

form.formZadanie label {
  float: left; 
  width: 120px;
  margin-right: 7px;
  text-align: right;
}

form.formZadanie label.dlugi {
  width: 240px;
  margin-left: 186px;
}

form.formZadanie div.krotki label {
  width: 80px;
}

form.formZadanie div.krotki input, select {
    width: 190px;
    margin: 0px;
}
form.formZadanie div.krotki input.checkbox {
    width: 20px;
}
form.formZadanie div.krotki input.right {
    margin-left: 87px;
}

form.formZadanie p.info {
  margin-left: 10px;
  font-weight: bold;
}

form.formZadanie p.zgody {
  margin-left: 100px;
}

form.formZadanie p.zgody input {
  float: left;
  margin-right: 6px;
}

form.formZadanie p.zgody label {
  width: 700px;
  float: left;
  text-align: left;
}

form.formZadanie .regulamin {
  width: 100%; height: 200px; overflow: auto; align: center;
}

form.formZadanie input,
form.formZadanie select {
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
}

form.formZadanie input.text,
form.formZadanie textarea {
  width: 70%;
}

form.formZadanie input.ukryty {
  margin-left: 127px;
  margin-top: 7px;
  width: 35%;
}

form.formZestaw input {
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  width: 148px;
}

fieldset .regulamin {
    width: 95%;
    height: 200px;
    overflow-y: auto;
    overflow-x: none;
    align:center;
}
fieldset .regulamin div p.art {
    text-align: center;
}

#preview-title,
#locker-title,
#locker-setName {
  width: 80%;
}

form.formZestaw input.checkbox,
form.formZestaw input.radio {
  margin: 0 1px 0 0;
  vertical-align: middle;
  width: auto;
}

form.formZestaw fieldset span {
  vertical-align: middle;
  display: block;
  margin-left: 67px;
}

form.formZestaw fieldset span label {
  float: none;
  text-align: left;
  margin: 0;
  vertical-align: middle;
}

form.formZestaw input.submit,
form.formZadanie input.submit,
#newAnswerForm input.submit {
  width: 79px;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}

#patronat {
  clear: both;
  margin-top: 14px;
  text-align: center;
  vertical-align: middle;
  border-bottom: solid 1px #efefef;
}

#patronat small {
  display: block;
  margin: 7px 0 2px; 
  color: #CCC;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-align: left;
  padding-bottom: 2px;
  border-bottom: solid 1px #efefef;
}

#naduzycie,
#naduzycie_ok {
  background: #efefef;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  padding: 4px;
  font-size: 11px;
  color: #666666;
  text-align: right;
  float: left;
  width: 100%;
}

#naduzycie select {
  font-size: 11px;
  color: #666;
}

#naduzycie button {
  font-size: 11px;
  color: #666;
  border: solid 1px #CCC;
  background: #efefef;
}

.uzupelnijZestaw {
  margin-top: 5px;
  height: 60px;

}

#drukuj_zestaw {

}

a.link {
  display: block;
  margin: 10px 20px;
}

@media print {

.szablon {
  position: relative;
  width: auto;  
  height: auto;
  margin: 0;
  border: none;
  /*overflow: hidden;*/
}

.easy {
  position: relative;
  /*width: 1100px;  /* 800px - marginesy lewy i prawy (padding) */
  height: 1156px; /* /* 1130px - marginesy gorny i dolny (padding) s*/
  /*margin: 20px 30px 30px;*/
  /*overflow: hidden;*/
}

.szablon .adsBottom {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  /*width: auto;*/
  border: solid 2px #ccc;
  
  height: 90px;
  text-align: center;
}

.szablon .adsBottom span {
  display: block;
  padding-top: 35px;
}

.szablon .szablonTop {
  padding-bottom: 30px;
}

.szablon .szablonTop p {
  margin: 0;
  padding: 0;
}

.szablon h3 {
  clear: both;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.szablon .szablonAds {
  padding: 4px 0;
  margin-bottom: 8px;
  color: #666;
  border: solid 1px #CCC;
  border-left: none;
  border-right: none;
}

.szablon .szablonAds a {
  font-weight: normal;
  color: #666;
}

.szablon .szablonTop .tagline {
}

.szablon .artykul {
  /*width: 560px;*/
}
a.link {
  display: none;
}

}


/* koszyk */

.koszyk {
  background:  url("/i/wyb_zada_icon_2.png") no-repeat;
  height:68px;
  width:158px;
  float: right;
  cursor: pointer;
}

.dane_w_koszyku {
  margin: 3px 10px 0 10px;
}

.ilosci_w_koszyku {
    padding-left: 42px;
}

.dane_w_koszyku a {
  color:#842F60;
  font-size:14px;
  padding:0 0 3px 0;
  
}

.dane_w_koszyku a:hover {
  text-decoration: none;
}

.ilosc_txt {
  float:left;
  font-size: 12px;
  line-height:19px;
  margin: 0 0 7px 0;
  padding: 0;
  width: 75px;
}

.ilosc {
  float: left;
  text-align: right;
  font-weight: bold;
  font-size: 12px;
  line-height:19px;
  margin: 0 0 7px 0;
  padding: 0;
}

/*   wpisy dla jquery.tag.editor'a  */
.tagEditor
{
	margin: 4px 0;
	padding: 0;
}

.tagEditor li
{
	display: inline;
	background-image: url(/i/minus_small.png);
	background-color: #dde;
	background-position: right center;
	background-repeat: no-repeat;
	list-style-type: none;
	padding: 0 18px 0 6px !important;
	margin: 0 4px !important;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.tagEditor li:hover
{
	background-color: #eee;
}