html, body, table { font-family : "Arial", "Ubuntu"; font-size:12px;}




#auto_ekartka  #div_kartki #naglowek_kat { 
font-size: 17px;
    display: block;
    width: 100%!important;
    letter-spacing: 2px;
    text-align: center;
}


/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #DEDEDE #fff;
    overflow: -moz-scrollbars-none;
  /* this will hide the scrollbar in internet explorers */
  -ms-overflow-style: none;
}
* ::-webkit-scrollbar { 
  width: 0 !important;
  display: none; 
}


next 
{ 


}

next.next_a
{ 
    top: 138px;
    right: 0px;
    position: absolute;
    display: block;
    width: 45px;
    height: 67px;
    /* padding: 5px; */
    background-image: url(obr/button_strzalki_style2.svg);
    cursor: pointer;
    background-size: 46px;
    background-position-y: -67px;
}

next.next_b
{ 
    top: 70px;
    right: 0px;
    position: absolute;
    display: block;
    width: 45px;
    height: 67px;
    /* padding: 5px; */
    background-image: url(obr/button_strzalki_style2.svg);
    cursor: pointer;
    background-size: 46px;

}



   #auto_ekartka #js_menu_pokaz2 {
      display: none;
    position: absolute;
    right: -40px;
    top: -4px;
    background-image: url(obr/guziczki2.svg);
    background-position: -5px -114px;
    background-size: 2040px;
    width: 40px;
    height: 126px;
    padding: 0px;
    margin: 0px;
    border: 0px solid green;
    cursor: pointer;
    } 


#auto_kartka #td1 { overflow-x:auto; white-space:nowrap; left:-50px; }


@media only screen and (min-width: 0px) and (max-width: 999px)
{
  #auto_kartka #td2 { width:350px!important; }
  #auto_ekartki #td3 { display:none!important; }
  #auto_ekartki #glosowanie { width:170px!important; }
  #ramka_kartki #zakladki .krok_stworz { display:inline-block!important; }
  #ramka_kartki #zakladki .krok_2, #ramka_kartki #zakladki .krok_3 { display:none!important; }
  #k2 #float_2 { width:520px!important; }
}


/*@media only screen and (min-width: 700px) and (max-width: 99999px)
{ 
  #auto_ekartka #div_kartki #lista a { overflow:hidden; height: 600px; } 
  #auto_ekartka #div_kartki #lista a:hover { overflow:visible; height:600px!important;; } 
  #auto_ekartka #div_kartki #lista a:hover img {  height:600px!important; max-width:100%!important; } 
}
*/

@media only screen and (min-width: 0px) and (max-width: 995px){ #k2 #float_2 { width:530px!important; } }
@media only screen and (min-width: 0px) and (max-width: 975px){ #k2 #float_2 { width:510px!important; } }
@media only screen and (min-width: 0px) and (max-width: 955px){ #k2 #float_2 { width:490px!important; } }
@media only screen and (min-width: 0px) and (max-width: 935px){ #k2 #float_2 { width:470px!important; } }
@media only screen and (min-width: 0px) and (max-width: 915px){ #k2 #float_2 { width:450px!important; } }
@media only screen and (min-width: 0px) and (max-width: 895px){ #k2 #float_2 { width:430px!important; } }
@media only screen and (min-width: 0px) and (max-width: 875px){ #k2 #float_2 { width:410px!important; } }
@media only screen and (min-width: 0px) and (max-width: 855px){ #k2 #float_2 { width:390px!important; } }
@media only screen and (min-width: 0px) and (max-width: 835px){ #k2 #float_2 { width:370px!important; } }
@media only screen and (min-width: 0px) and (max-width: 815px){ #k2 #float_2 { width:350px!important; } }
@media only screen and (min-width: 0px) and (max-width: 795px){ #k2 #float_2 { width:330px!important; } }
@media only screen and (min-width: 0px) and (max-width: 775px){ #k2 #float_2 { width:310px!important; } }
@media only screen and (min-width: 0px) and (max-width: 755px){ #k2 #float_2 { width:290px!important; } }
@media only screen and (min-width: 0px) and (max-width: 735px){ #k2 #float_2 { width:270px!important; } }
@media only screen and (min-width: 0px) and (max-width: 715px)
{
     #k2 #float_1, #k2 #float_2, #k2 #float_3, #k2 #float_4, #k2 #float_5
     {
          border:1px solid #ffffff;
          display:block!important;
          float:none!important;
          width:auto!important;
          margin-top:41px;

     }
     //#k2 #float_2 { background-color:red!important; }
     #k2 #float_1 #cypek { display:none; }
     #k2 #float_1 #napis, #k2 #float_2 #napis { right:1px!important; margin-right:0px!important; }

}

@media only screen and (min-width: 0px) and (max-width: 820px)
{
    #k3 #div_generuj { display:block!important; width:100%!important; }
    #k3 #div_podglad { display:block!important; width:100%!important; }
    #k3 #div_generuj { margin-top:5px!important; padding-top:5px!important; }
    #k3 #div_podglad #guzik_pobierz, #k3 #div_podglad #guzik_edytuj { display:none!important; }
}


/*
@media only screen and (min-width: 0px) and (max-width: 800px)
{
  #ramka_kartki #zakladki i { display:none!important; }
  #ramka_kartki #zakladki b { left:0px!important; font-size:18px!important; }
  #ramka_kartki #zakladki span { left:0px!important; font-size:12px!important; }
}*/
@media only screen and (min-width: 0px) and (max-width: 780px)
{
  #auto_ekartka #reklama_w_tresci { text-align:center!important;; margin:15px auto 0px auto!important;; display:block!important; width:336px!important; }
  #auto_ekartka #reklama_w_tresci b { display:none!important; }
}

@media only screen and (min-width: 0px) and (max-width: 700px)
{
  #auto_kartka #td1, #auto_kartka #td2 { display:block!important; width:100%!important; }
}


@media only screen and (min-width: 0px) and (max-width: 620px)
{
  /* menu boczne GLOWNA */
    #js_menu_pokaz2 { display:block!important; }
  #auto_ekartka #tresc { overflow:none!important; }
  #auto_ekartka #div_kategorie {  border-bottom-right-radius:10px!important; z-index:2; background-color:#ff7100!important; position:absolute; left:-165px;  white-space:nowrap!important; border:2px solid #ff7100!important; }
  #auto_ekartka #js_menu_pokaz { display:block!important; position:absolute!important; right:-40px!important; top:-1px!important;
  
  background-color:RGBA(255,255,255,0)!important;
  background-image: url(obr/guziczki2.svg)!important;
  background-position: -7px -147px!important;

  width:40px!important; height:45px!important; padding:0px!important; margin:0px!important; border:0px solid blue!important;
  cursor:pointer;
    }
  
  #ramka_kartka #js_menu_pokaz:hover { background-color:RGBA(255,255,255,0)!important; top:-2px!important; }
  #auto_ekartka #div_kategorie a {color:#ffffff!important; }
  #auto_ekartka #div_kategorie a i { background-image:url("obr/ico_kat_hover.svg")!important; }
  #auto_ekartka #div_kategorie a:hover, #auto_ekartka #div_kategorie a.zaz { background-color:#ffffff!important; color:#FF7100!important; border:0px solid #FF7100!important; }
  #auto_ekartka #div_kategorie a:hover i, #auto_ekartka #div_kategorie a.zaz i { background-image: url('obr/ico_kat.svg')!important;  }


  #auto_ekartka #div_kartki { display:block!important; }
  #auto_ekartka #div_kartki #lista p { height:235px!important;  }
  /*#auto_ekartka #div_kartki #lista a { margin:20px 0px!important;  } */
  #auto_ekartka #div_kartki h1 { margin:5px 0px 0px 40px!important; }
  #auto_ekartka #div_kartki #naglowek { margin:0px 0px 0px 40px!important; }
  #ostatnio_stworzone_liczby { display:none; }
}

@media only screen and (min-width: 0px) and (max-width: 550px)
{
    #js_menu_pokaz2 { display:block!important; }
   /* menu boczne 2 */
  #auto_ekartki #tresc { overflow:none!important; }
  #auto_ekartki #td1 {  border-bottom-right-radius:10px!important;  z-index:2; background-color:#ff7100!important; color:#ffffff!important; position:absolute; left:-190px; padding-left:10px!important; padding-right:10px!important;  white-space:nowrap!important;  }
  #auto_ekartki #js_menu_pokaz { display:block!important; position:absolute!important; right:-38px!important; top:-1px!important;
  background-image: url("obr/guziczki2.svg")!important;
  background-position: -5px -114px!important;
  background-size: 2040px!important;
  width:39px!important; height:126px!important; padding:0px!important; margin:0px!important; border:0px solid red!important;
  cursor:pointer;
    }
  #gl_ramka_menu .zaz { background-color:#ffffff!important; border:0px solid!important; color:#FF7100!important;  }
  #gl_ramka_menu .nzaz { color:#ffffff!important;  border:1px solid #FF7100!important; }
  #gl_ramka_menu a { border:0px solid!important; margin:2px 5px 2px 5px;!important;  }
  #gl_ramka_menu .zaz i { color:#FF7100!important; }
  #gl_ramka_menu .nzaz i { color:#ffffff!important; }
  #auto_ekartki #td2 h1 { margin-left:25px!important;}

}


@media only screen and (min-width: 0px) and (max-width: 520px)
{
    #js_menu_pokaz2 { display:block!important; }
  #ramka_kartki #zakladki a { width:180px!important; }
  #ramka_kartki #zakladki i { left:5px!important;  }
  #ramka_kartki #zakladki b { bottom:35px!important; left:80px!important; font-size:20px!important; }
  #ramka_kartki #zakladki span { bottom:18px!important; left:80px!important; font-size:14px!important; }
  
  #k2 #float_1 textarea {  font-size: 12px!important; }

}

@media only screen and (min-width: 0px) and (max-width: 450px)
{
  #auto_ekartka #div_kartki #lista a { width:100%!important; margin:2px!important; }
    #js_menu_pokaz2 { display:block!important; }
  
}

#kroki123 { position:absolute; top:50px; left:-59px; border:0px solid; width:65px;  }

#kroki123 d1, #kroki123 d2, #kroki123 d3, #kroki123 d4{ display:block; width:65px; height:53px; margin:2px 0px 2px 0px; background-image: url('obr/1-2-3.png');  background-repeat:no-repeat; cursor:pointer; }
#kroki123 d1 { background-position:-4px -4px; }
#kroki123 d1:hover { background-position:-4px -61px; }
#kroki123 d1.zaz { background-position:-4px -118px; }
#kroki123 d2 { background-position:-72px -4px; }
#kroki123 d2:hover { background-position:-72px -61px; }
#kroki123 d2.zaz { background-position:-72px -118px; }
#kroki123 d3 { background-position:-140px -4px; }
#kroki123 d3:hover { background-position:-140px -61px; }
#kroki123 d3.zaz { background-position:-140px -118px; }
#kroki123 d4 { background-position:-210px -4px; margin:6px 0px 0px 0px; }
#kroki123 d4:hover { background-position:-210px -61px; }



#auto_ekartka #div_kategorie a { display:inline-block; position:relative; padding:5px 8px 6px 27px; border:0px solid #C0C0C0;
-moz-border-radius:5px; -webkit-border-radius:5px;  -khtml-border-radius:5px; border-radius:5px; behaviour:url(border-radius.htc);
 }
#auto_ekartka #div_kategorie a:hover, #auto_ekartka #div_kategorie a.zaz { background-color:#FF7100; color:#ffffff; border:0px solid #FF7100; }
#auto_ekartka #div_kategorie a i {  background-image: url('obr/ico_kat.svg'); background-repeat:no-repeat; display:block; border:0px solid; position:absolute; top:5px; left:3px; width:20px; height:20px; }
#auto_ekartka #div_kategorie a:hover i, #auto_ekartka #div_kategorie a.zaz i { background-image: url('obr/ico_kat_hover.svg');  }

.ico_kat_0 { background-position:-3px -6px; } /* all */
.ico_kat_678 { background-position:-30px -5px; } /*na-18-urodziny*/
.ico_kat_674 { background-position:-55px -5px; } /*bozonarodzeniowe*/
.ico_kat_684 { background-position:-80px -5px; } /*na-dzien-kobiet*/
.ico_kat_685 { background-position:-105px -5px; } /*na-dzien-matki*/
.ico_kat_676 { background-position:-328px -5px; } /*imieninowe*/
.ico_kat_709 { background-position:-179px -5px; } /*milosne*/
.ico_kat_914 { background-position:-228px -5px; } /*podziekowania*/
.ico_kat_714 { background-position:-203px -5px; } /*przeprosiny*/
.ico_kat_695 { background-position:-253px -5px; } /*sylwestrowe*/
.ico_kat_693 { background-position:-278px -5px; } /*slubne*/
.ico_kat_694 { background-position:-303px -5px; } /*smieszne*/
.ico_kat_699 { background-position:-154px -5px; } /*urodzinowe*/
.ico_kat_916 { background-position:-353px -5px; } /*wierszem-pisane*/
.ico_kat_700 { background-position:-378px -5px; } /*walentynki*/
.ico_kat_701 { background-position:-403px -5px; } /*wielkanocne*/
.ico_kat_697 { background-position:-422px -5px; } /*dzieci*/
.ico_kat_722 { background-position:-440px -5px;  } /* kondolencje */
.ico_kat_707 { background-position:-464px -5px; } /* haloween*/
.ico_kat_710 { background-position:-489px -5px;  } /* dobranoc */
.ico_kat_680 { background-position:-511px -5px; } /* dla babci */
.ico_kat_921 { background-position:-203px -5px; } /*emotki*/




.link_czcionka_zaz { color:#FF7100;  }
.link_czcionka:hover, .link_czcionka1:hover { color:#FF9E4F; }
.gloswanie_odp { font-size: 6pt; }
.szary { color:#808080; }

.kciuki img { border:0px; vertical-align:middle; }
.kciuki .za { color:green; font-size:12px; margin-left:2px; margin-right:2px; }
.kciuki .przeciw { color:red; font-size:12px; margin-left:2px; margin-right:2px; }
.kciuki b{ font-size:8px; font-weight:normal; }

.reklama_lista {margin:20px 5px 20px 0px;  padding:10px 0px 10px 10px;
	border: 1px solid #E6E6E6;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	behaviour:url(border-radius.htc);
 }

#losowe_linki { position:absolute; top:10px; right:0px; color:RGBA(255, 113, 0, 1);   }
#losowe_linki a {  display:inline-block; margin:0px 5px 0px 5px; color:#666666; }
#losowe_linki a:hover { color:RGBA(255, 113, 0, 1); }

#ramka_aktualnosci { display:table; margin:0px 0px 0px 0px;}
#ramka_shoutbox { display:table; margin:0px 0px 0px 0px;}

#div_filtr_dlugosc { padding:6px; text-align:center; background-color:#FFCA95;

     border: 0px solid #C0C0C0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	behaviour:url(border-radius.htc);
 }
#div_filtr_dlugosc input { margin:4px; font-size:12px; }
#div_filtr_dlugosc p{  display:table-cell;  }





#ramka_jeden_rekord h1.tresc_pokaz_jeden { display:block; padding:20px 0px 20px 0px; max-width:530px;}
#ramka_jeden_rekord h2 { display:block; margin-left:0px; padding:0px; font-size: 12px; color:#757575;  font-weight:bold;}
#ramka_jeden_rekord .kategorie { display:block; text-align:right; }

#ramka_jeden_rekord .kategorie a{ margin-left:5px; color:#666666;  margin-right:5px; font-size: 12px; font-weight:normal; }
#ramka_jeden_rekord .kategorie a:hover{ color:red; }

#ramka_jeden_rekord ul{list-style-type: none; padding: 0px; margin: 0px;}
#ramka_jeden_rekord li span{ float:left; display:block; width:50px; font-size: 12px;}
#ramka_jeden_rekord li { margin-top:2px; margin-bottom:2px; font-size: 12px;}


#ramka_jeden_rekord  #podziel_sie { display:inline-block; width:350px; border:0px solid; vertical-align:top;  padding:-25px 0px 0px 0px; }
#ramka_jeden_rekord  #glosowanie { float:right; margin:-15px 0px 0px 0px; width:200px; text-align:right; border:0px solid; vertical-align:top; }


#ramka_jeden_rekord .reklama_gora {  width:330px; height:250px; border:0px solid; display:inline-block; text-align:center; }
#ramka_jeden_rekord .guziki { width:230px; display:inline-block; vertical-align:top; }

#ramka_jeden_rekord #pop_next{ margin:10px 0px 25px 0px; }


#ramka_jeden_rekord .reklama_dol { border:0px solid; width:336px; height:280px; display:inline-block; text-align:center; vertical-align:top; }

#ramka_jeden_rekord .nad_filmik  { position:relative; height:60px; text-align:center; margin-top:10px; margin-bottom:10px; }
#ramka_jeden_rekord .filmik  { text-align:center; margin-top:5px; margin-bottom:10px; }
#ramka_jeden_rekord .pokaz_fani  { text-align:center; margin-top:10px; margin-bottom:10px; }


#ramka_jeden_rekord .cofnij .gl_ramka_okr:hover { color:red; background-color:#ffffff; }
#ramka_jeden_rekord  .gl_ramka_okr { background-color:#EFEFEF;}
#ramka_jeden_rekord .cofnij{ position:absolute; vertical-align:middle; text-align:left; padding:5px 5px 0px 15px; }
#ramka_jeden_rekord .cofnij span
{
    cursor:pointer;
	display:table-cell;
    vertical-align:middle; text-align:left;
	width: 60px; height:45px;
	margin:0px 5px 0px 5px; padding:0px 5px 0px 45px;
	font-size:17px; white-space:nowrap;
	background-image: url('//tja.pl/obr/back.png'); background-position:20px center; background-repeat:no-repeat; background-size: 23px 20px;
}

#ramka_jeden_rekord .tczcionka { position:absolute; left:220px; top:0px; vertical-align:middle;  border: 0px solid #333333;}


#glowna_kat_dodatkowe { margin-left:6px; }
#glowna_kat_dodatkowe a { padding: 5px 8px 6px 10px!important; }

#lista .rekord { padding:20px 10px 5px 10px; margin:20px 0px 30px 0px;  max-width:550px; border: 1px solid #E6E6E6;-moz-border-radius:5px;-webkit-border-radius:5px; -khtml-border-radius:5px;border-radius:5px; behaviour:url(border-radius.htc); }
#lista .kategorie { margin:-10px 6px 0px -4px; color:#666666; text-align:right; font-size: 12px; font-weight:bold; border:0px solid;}
#lista .kategorie a{ margin-left:5px; color:#666666;  margin-right:5px; font-size: 12px; font-weight:normal; }
#lista .kategorie a:hover{ color:red; }

#lista .info { text-align:center; display:block;  }
#lista .info .td { display:table-cell; width:170px;}
#lista .tresc { margin:10px 0px 0px 0px;  border:0px solid; }
#lista .tresc h2{ font-weight:normal; display: inline; }
#lista .elementy { position:relative; height:50px; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px solid;  border:0px solid;}



#ramka_jeden_rekord h2 { text-align:center; font-size:14px; margin:100px 0px 10px 0px; line-height:25px; }
#ramka_jeden_rekord .linki {margin:20px 0px 20px 0px; width:570px; border:0px solid;}
#ramka_jeden_rekord .linki b { display:block; margin:10px 0px 4px 0px; color:#666666;  font-weight:normal; }
#ramka_jeden_rekord .linki input { width:98%; padding:4px; }
#ramka_jeden_rekord textarea { margin:10px 0px 0px 0px;  text-align:center; width:560px; height:185px; font-size:14px;}
#ramka_jeden_rekord  .gl_link_z_obramowaniem { height:100%; margin:10px 0px 30px 0px; text-align:right; }
#ramka_jeden_rekord  .gl_link_z_obramowaniem a {  cursor:pointer; font-size:16px!important; }

#ramka_jeden_rekord  .poprzednia { float:left; height:30px;}
#ramka_jeden_rekord  .nastepna { float:right;  }

#ramka_jeden_rekord  .poprzednia, #ramka_jeden_rekord  .nastepna  { font-size:14px; padding:5px; }






.inline_block { display:inline-block; vertical-align:top; }

#ostatnio_stworzone {  display:block; overflow-x:auto; white-space:nowrap; border:0px solid; }
#ostatnio_stworzone #rekord { position:relative; width:230px; display:inline-block; vertical-align:top; margin:5px; border:1px solid #CCCCCC; border-radius:5px; }
#ostatnio_stworzone #rekord:hover { background-color:RGBA(0,0,0,0.05) }
#ostatnio_stworzone #rekord  img { width:230px;  display:inline-block; vertical-align:middle; -moz-border-radius:5px; -webkit-border-radius:5px;  -khtml-border-radius:5px; border-radius:5px; behaviour:url(border-radius.htc);  }
#ostatnio_stworzone #rekord  b { position:absolute; display:none; white-space:normal;  bottom:0px; left:0px; background-color:RGBA(0,0,0,0.6); color:#ffffff; width:220px; text-align:center; vertical-align:top; font-weight:normal; padding:5px;  }
#ostatnio_stworzone #rekord:hover  b { display:block; }

/* auto_ekartka */

#auto_ekartka { position:relative; display:block width:100%;}
#auto_ekartka #div_kartki { display:table-cell; width:100%; }
#auto_ekartka #div_kartki #naglowek { margin:0px 0px 0px 10px; font-size:22px;  letter-spacing:2px; }
#auto_ekartka #div_kartki #naglowek_kat { font-size: 17px;
    display: block;
    width: 100%!important;
    letter-spacing: 2px; }

#auto_ekartka #div_kartki .pokaz_wszystkie { text-align: center; line-height: 45px; font-size: 21px;  height: 262px;
    border: 1px solid #cccccc!important; }    


#auto_ekartka  #div_kartki span { display:table-cell; width:100%; }
#auto_ekartka  #div_kategorie { display:table-cell; border:0px solid; width:165px; margin:0px 0px 0px 0px; text-align:left; vertical-align:top; }
#auto_ekartka  #div_kategorie a { display:block; width:120px;  margin:2px 4px 2px 4px; }

#auto_ekartka #div_kartki h1 { display:block;  margin:0px 0px 0px 10px; font-size:16px; }
#auto_ekartka  #div_obrazek { position:relative;   }
#auto_ekartka  #div_obrazek b { display:none; position:absolute; top:0px; left:0px;  width:100%; height:100%; background-color:RGBA(255,255,255,0.5); }
#auto_ekartka  #div_obrazek span { display:none;  position:absolute; top:221px; left:221px;  z-index:2;  }

#auto_ekartka  .nag1, #auto_ekartka  .nag2, #auto_ekartka  .nag3, #auto_ekartka  .nag4 { font-size:18px; margin:10px 5px 15px 5px;  color:#666666; }
#auto_ekartka  .nag1 b, #auto_ekartka  .nag2 b, #auto_ekartka  .nag3 b , #auto_ekartka  .nag4 b { color:RGBA(255,113,0,1); }
#auto_ekartka  .nag2 { }
#auto_ekartka  .nag3 { margin-top:30px; }
#auto_ekartka  .nag4 {}

#ostatnio_stworzone_liczby { float:right; margin:0px 20px 0px 0px; }

#auto_ekartka  .nagpodglad  {  font-size:14px; margin:8px 5px 5px 5px;  color:#666666; }

#auto_ekartka  .gl_link_z_obramowaniem { height:100%; margin:10px 0px 15px 0px; text-align:center; }
#auto_ekartka  .gl_link_z_obramowaniem i { cursor:pointer;  white-space:nowrap!important; display:inline-block!important; margin:2px 3px 2px 3px!important; }
#auto_ekartka #reklama_w_tresci { position: relative; text-align:center; border:0px solid; display:inline-block; width:390px; height:290px; vertical-align:middle; margin:5px; }
#auto_ekartka #reklama_w_tresci b { color:#CCCCCC; letter-spacing: 8px; }
#auto_ekartka #reklama_w_tresci p { border:0px solid; display:inline-block; width:336px;  height:280px; vertical-align:middle; margin:5px; }


#auto_ekartka .reklama { width:336px; height:280px; border:1px solid; margin:0px auto 0px auto; }
#auto_ekartka .reklama2 { width:336px; min-height:280px; border:0px solid; margin:5px auto 5px auto; }
#auto_ekartka .reklama_linki { display:inline-block; width:336px;  border:0px solid; margin:20px auto 0px 35px;  vertical-align:top;}






 @media only screen and (min-width: 0px) and (max-width: 900px)
{ 
  #auto_ekartka #div_kartki #lista a { width:48%!important; margin: 2px!important; } 
} 

.list_kateorie
{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    border: 0px solid;
 }   


#krok2_podobne_kartki
{
  white-space:nowrap;
  overflow: auto;
}  

#krok2_podobne_kartki a
{
  display: inline-block;
  padding: 5px;
}

#krok2_podobne_kartki img
{

  max-width: 150px;
  width: 100%;
  border: 1px solid #ccc;
}


#auto_ekartka #div_kartki #lista { 
    display: block;
    border: 0px solid;
    text-align: left;
    vertical-align: top;
    margin: 10px 0px 18px 0px;
    padding:0px;
    position: relative;
  }

#auto_ekartka #div_kartki #lista a#naglowek 
{     
  width: auto;
  font-size: 17px; 
}


#auto_ekartka #div_kartki #lista a { 
    width: 23%;
   /* max-width:262px;*/
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 5px 5px 5px 5px;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    vertical-align: middle;
    border: 0px solid #cccccc;
    
}
#auto_ekartka #div_kartki #lista p { 
    display: block;
    cursor: pointer;
    width: 100%;
    height: 262px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    padding: 0px;
    margin: 0px;
}
#auto_ekartka #div_kartki #lista a:hover p { 
    background-position: bottom center;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#auto_ekartka #div_kartki #lista a img { width:100%; border: 1px solid #cccccc; }

/*
#auto_ekartka #div_kartki #lista a img { box-sizing: border-box; vertical-align:middle;  border:1px solid #D9D9D9; margin:0px; max-width:100%; max-height: 100%; margin:0px 0px;  }
#auto_ekartka #div_kartki #lista a:hover img { width:100%; height:unset; max-height:unset; }
*/


/*#auto_ekartka #div_kartki #lista a {  vertical-align:middle;  border:1px solid #D9D9D9; margin:0px; width:100%; padding:0px; }
*/

/*#auto_ekartka #div_kartki #lista a {  position:relative; display:inline-block; cursor:pointer; margin:5px 5px 5px 5px; width:370px; padding:0px; vertical-align:middle; border:0px solid; }
#auto_ekartka #div_kartki #lista a img {  vertical-align:middle;  border:1px solid #D9D9D9; margin:0px; width:100%; padding:0px; }
*/
#auto_ekartka  #div_kartki #lista a b { position: absolute;  bottom:5px; left:5px;  display:block; text-align:center; font-size:13px; font-weight:normal; color:#ffffff; background-color: RGBA(0,0,0,0.5);  padding:5px 10px;  box-sizing: border-box; }
#auto_ekartka  #div_kartki #lista a:hover b {  }
#auto_ekartka  #div_kartki #lista a i {  opacity: 0; }
#auto_ekartka  #div_kartki #lista a:hover i {
    opacity: .9;
	z-index:2;
    transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
 position:absolute; top:50%; left:50%; background-repeat: no-repeat; background-image: url('obr/stworz_kartke_hover.svg'); width:184px; height:40px; margin:-30px 0px 0px -92px; border:0px solid;
 }



#auto_ekartka  #div_kartki .td1, #auto_ekartka  #div_kartki .td2 { display:inline-block; border:0px solid;  width:180px; vertical-align:top;}

#auto_ekartka  #reklama_kartki { display:inline-block;  width:160px; height:600px; margin:20px 0px 0px 20px;  border:0px solid; vertical-align:top; }

#auto_ekartka #info_zyczenia {  color:#666666; display:block;  border:0px solid;  text-align:center; margin:5px 0px 0px 0px; padding:5px 5px 5px 5px;  -moz-border-radius:10px; -webkit-border-radius:10px;  -khtml-border-radius:10px; border-radius:10px; behaviour:url(border-radius.htc);}
#auto_ekartka #info_zyczenia:hover { color:RGBA(255, 255, 255, 1);  background-color:RGBA(255, 113, 0, 1); }
#auto_ekartka #info_zyczenia:hover b { color:RGBA(255, 255, 255, 1); }
#auto_ekartka #info_zyczenia b {  color:RGBA(255, 113, 0, 1); font-weight:bold; margin:0px 0px 0px 4px; }




#auto_ekartka #guziki_generuj { text-align:center;}
#auto_ekartka #div_linki { margin:0px 0px 10px 0px;  }
#auto_ekartka #pobierz2, #auto_ekartka #zapisz_i_wyslij, #auto_ekartka #zapisz_link  {
    display:inline-block; cursor:pointer;
	width:112px; height:112px; border:0px solid; margin:0px 2px 0px 10px; padding:0px 0px 0px 0px;
	background-image: url('obr/guziki.png');  background-repeat:no-repeat;
}
#auto_ekartka #pobierz2 { background-position:-235px -5px; }
#auto_ekartka #pobierz2:hover { background-position:-235px -120px; }
#auto_ekartka #zapisz_link { background-position:-120px -5px; }
#auto_ekartka #zapisz_link:hover { background-position:-120px -120px; }
#auto_ekartka #zapisz_i_wyslij { background-position:-5px -5px;  }
#auto_ekartka #zapisz_i_wyslij:hover { background-position:-5px -120px;  }

#auto_ekartka #guziki_generuj  #wyslij2 { background-color: #FF7100; border: 1px solid #FF7100; color: #FFFFFF; }
#auto_szukaj img { margin:10px 0px 10px 0px; border:1px solid #D9D9D9; }
#auto_ekartka #podziel_lista a { margin:0px 5px 0px 6px; }

.reklama_pionowy_lewy_1 { text-align:center; margin:90px 0px 0px 0px; }
.reklama_pionowy_prawy_1 {  text-align:center;  margin:90px 0px 0px 0px; }


#ramka_kartki { margin: 5px 0px 0px 0px; }
#ramka_kartki #zakladki { border:0px solid; display:table; }
/*#ramka_kartki #zakladki .krok_stworz { display:none; }*/
#ramka_kartki #zakladki a { position:relative;  display:inline-block;  width:250px; height:75px; background-color:#D0D0D0; color:#909090; vertical-align:bottom; }
#ramka_kartki #zakladki i { position:absolute; bottom:3px; left:20px; font-size:60px; font-style:normal; font-weight:bold; color:#ffffff; }
#ramka_kartki #zakladki b{ position:absolute; bottom:30px; left:88px; font-size:30px; }
#ramka_kartki #zakladki span { position:absolute; bottom:12px; left:88px; margin-right:5px; text-align:left; font-size:16px;  }

#ramka_kartki #zakladki a.zaz, #ramka_kartki #zakladki a:hover {  background-color:#ffffff; color:#606060; height:85px; }
#ramka_kartki #zakladki a.zaz i, #ramka_kartki #zakladki a:hover i {  background-color:#ffffff; color:#FF7302; }
#ramka_kartki #zakladki a.hov { cursor:pointer; }
#ramka_kartki #zakladki a i.znajdz {  width:73px; height:50px; background-image: url('obr/znajdz.svg'); bottom:13px; left:15px; }
#ramka_kartki #zakladki a i.stworz {  width:73px; height:50px; background-image: url('obr/znajdz.svg'); bottom:13px; left:15px; background-position:-100px 0px; }
#ramka_kartki #zakladki a:hover i.znajdz, #ramka_kartki #zakladki a.zaz i.znajdz { background-position:0px -46px; }
#ramka_kartki #zakladki a:hover i.stworz, #ramka_kartki #zakladki a.zaz i.stworz { background-position:-100px -49px; }


#ramka_kartki #tresc { background-color:#ffffff; padding:10px 10px 30px 10px; }

#obrazek { border: 1px solid #D9D9D9; }

/* krok 2 */
#k2 #float_1 { position:relative; width:405px; clear:left; float:left;  }
#k2 #float_2 { position:relative; width:572px; clear:right; float:right;  }
#k2 #float_3 { position:relative; width:405px; clear:left; float:left; }
#k2 #float_4 { position:relative; width:405px; clear:left; float:left; }
#k2 #float_5 { position:relative;  display:block; padding:1px 0px 0px 0px; }

#k2 #obrazek { width:100%; z-index:0; max-width:570px; }
#k2 #div_generuj { display:block;  width:400px; padding:50px 0px 0p 0px; border:0px solid; vertical-align:top; }
#k2 #div_podglad { display:block; width:100%; border:0px solid; }
#k2 #float_1 textarea { z-index:1; border:1px solid #C0C0C0; margin:47px 0px 0px 0px; padding:20px 0px 10px 0px; text-align:center; width:100%; height:200px; font-size:16px;}
#k2 #guzik_losuj_zyczenie { float:left; display:block; margin:5px 0px 15px 0px; width:153px; height:36px; border:0px solid; background-image: url('obr/guziczki2.svg'); background-position:-407px -5px; cursor:pointer;  }
#k2 #guzik_losuj_zyczenie:hover { background-position:-407px -47px;  }

#k2 #guzik_zapisz { float:right; display:block; width:183px; height:36px; margin:5px 0px 15px 0px; border:0px solid; background-image: url('obr/guziczki2.svg'); background-position:-172px -5px; cursor:pointer;  }
#k2 #guzik_zapisz:hover { background-position:-172px -47px;  }

#k2 #float_1 #guzik_zmien_kartke { position:absolute; top:0px;  left:0px; width:162px; height:36px; margin:5px 0px 0px 0px; border:0px solid; background-image: url('obr/guziczki2.svg'); background-position:-5px -5px; cursor:pointer;  }
#k2 #float_1 #guzik_zmien_kartke:hover { background-position:-5px -47px;  }

#auto_ekartka #div_obrazek img {z-index: 1;}

#k2 #div_obrazek i {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
}	

#k2 #float_1 #napis { position:absolute; top:0px; right:20px; width:175px; height:57px;  border:0px solid; background-image: url('obr/guziczki2.svg'); background-position:-290px -88px; -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
#k2 #div_podglad #napis { z-index:2; position:absolute; top:0px; right:50%; margin:0px -117px 0px 0px; width:223px; height:57px; border:0px solid; background-image: url('obr/guziczki2.svg'); background-position:-466px -88px; -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
#k2 #div_podglad #div_obrazek {  margin:47px 0px 0px 0px; }

#k2 #float_4 #opis { text-align:center; padding:7px 0px 7px 0px; margin:5px 0px 0px 0px; }
#k2 #float_4 #opis h1 { color:RGBA(0,0,0,0.6); display:block;  margin:0px 0px 5px 0px; padding:0px; font-size:20px; }
#k2 #float_4 #opis p {  color:RGBA(0,0,0,0.6); margin:0px; padding:0px; font-size:14px; }

#k2 #info_imie
{
    position:relative;
	display:none;
    z-index:5;

	width: 322px; height:28px;
	margin:-15px auto 0px auto; padding:35px 0px 0px 10px;
	border:0px solid;
	color:RGBA(255, 113, 0, 1);
	font-weight:bold;
	text-align:center;
	background-image: url('obr/guziki.png');
	background-repeat:no-repeat;
	background-position:-5px 0px;
 }
#k2 #info_imie  span { font-weight:normal;  margin:0px 0px 0px 3px;  }

#k2 #kategorie {text-align:center; margin:30px 0px 10px 0px;; }
#k2 #kategorie a { cursor:pointer; display:inline-block; position:relative; margin:2px; padding:2px; border:1px solid #C0C0C0;  width:20px; height:20px; vertical-align:middle;
-moz-border-radius:5px; -webkit-border-radius:5px;  -khtml-border-radius:5px; border-radius:5px; behaviour:url(border-radius.htc);
 }
#k2 #kategorie a:hover, #k2 #kategorie a.zaz { background-color:#FF7100; color:#ffffff; border:1px solid #FF7100; }
#k2 #kategorie a i {  background-image: url('obr/ico_kat.svg'); background-repeat:no-repeat; display:block; border:0px solid; position:absolute; top:2px; left:2px; width:20px; height:20px; }
#k2 #kategorie a:hover i, #k2 #kategorie a.zaz i { background-image: url('obr/ico_kat_hover.svg');  }


#k2 #kategorie2 {text-align:center; margin:10px 0px 10px 0px;; }
#k2 #kategorie2 a { cursor:pointer; display:inline-block; position:relative; margin:2px;  border:1px solid #C0C0C0; padding:4px 4px 0px 25px;   height:20px; vertical-align:middle;
border-radius:5px;
 }
#k2 #kategorie2 a:hover, #k2 #kategorie2 a.zaz { background-color:#FF7100; color:#ffffff; border:1px solid #FF7100; }
#k2 #kategorie2 a i {  background-image: url('obr/ico_kat.svg'); background-repeat:no-repeat; display:block; border:0px solid; position:absolute; top:2px; left:2px; width:20px; height:20px; }
#k2 #kategorie2 a:hover i, #k2 #kategorie2 a.zaz i { background-image: url('obr/ico_kat_hover.svg');  }



#k2 #div_zyczneia { position:relative; border:1px solid #C0C0C0; width:auto; margin:40px 0px 0px 0px; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  -khtml-border-radius:5px; border-radius:5px; behaviour:url(border-radius.htc); }


#k2 #float_5 #napis2 { position:absolute; top:-35px; left:20px; width:175px; height:57px;  border:0px solid; background-image: url('obr/guziczki2.svg'); background-position:-690px -88px; -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }

#k2 #float_5 #guzik_losuj_nowe_zyczenie { display:block; margin:10px auto 10px auto; width:218px; height:36px; border:0px solid; background-image: url('obr/guziczki2.svg'); background-position:-2383px -5px; cursor:pointer;
-moz-border-radius:0px; -webkit-border-radius:0px;  -khtml-border-radius:0px; border-radius:0px; behaviour:url(border-radius.htc);
  }
#k2 #float_5 #guzik_losuj_nowe_zyczenie:hover { background-position:-2383px -47px;  }

#k2  #cypek
{
    position:absolute;
	z-index:5;
	top:80px; right:-19px;
    border:0px solid;
	cursor:pointer;
	width: 19px; height:35px;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	background-image: url('obr/cypek.png');  background-repeat:no-repeat;
}
#k2 #reklama_w_zyczeniach { margin:20px auto 20px auto; border:0px solid; }


#k2 #zyczneia  { width:100%; }
#k2 #zyczneia a { display:inline-block; vertical-align:middle; border:0px solid; width:290px; text-align:center; margin:0px 0px 0px 0px; padding:10px; font-size:15px;
-moz-border-radius:5px; -webkit-border-radius:5px;  -khtml-border-radius:5px; border-radius:5px; behaviour:url(border-radius.htc);
 }
#k2 #zyczneia a:hover { background-color:RGBA(0,0,0,0.9); color:#ffffff; cursor:pointer; }



#k2 #zaslon 
{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;  
}


#guzik_share {
cursor: pointer;
position: relative;
    max-width: 360px;
    text-align: center;
    padding: 7px 10px;
    background-color: #fc5601;
    color: #ffffff;
    border-radius: 5px;
    font-size: 16px;
    margin: auto;
} 
 #guzik_share:hover { background-color: #C03701;  }  

 #guzik_share:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 28px;
    height: 26px;
    margin: 0px -24px 0px 0px;
    right: 30px;
    top: 2px;
    background: url(https://tja.pl/obrv4/share.svg) 0px 0px no-repeat;
    background-size: contain;
}






/* krok 3*/
#k3 { display:table; width:100%; text-align:center; }
#k3 #div_podglad { display:table-cell; position:relative;  width:auto; border:0px solid; }
#k3 #div_generuj { display:table-cell; position:relative; width:395px; padding:42px 0px 0px 5px; border:0px solid; vertical-align:top; }

#k3 #div_podglad #napis { z-index:2; position:absolute; top:5px; left:50%; margin:0px 0px 0px -142px; width:285px; height:56px; border:0px solid; background-image: url('obr/guziczki2.svg'); background-position:-3px -88px; -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
#k3 #div_podglad #obrazek { margin:40px 0px 0px 0px; width:100%; max-width:570px; }

#k3 #div_generuj #podziel_lista a { margin:0px 10px 0px 10px; }
#k3 #div_generuj hr { width:100%; }

#k3 #guzik_pobierz { display:inline-block; width:173px; height:36px; margin:5px 0px 0px 0px; border:0px solid; background-image: url('obr/guziczki2.svg'); background-position:-952px -5px; cursor:pointer;  }
#k3 #guzik_pobierz:hover { background-position:-952px -47px;  }
#k3 #div_podglad  #guzik_pobierz { margin:0px auto 0px auto;}

#k3 #guzik_edytuj { display:inline-block; width:173px; height:36px; margin:5px 0px 0px 0px; border:0px solid; background-image: url('obr/guziczki2.svg'); background-position:-1595px -5px; cursor:pointer;  }
#k3 #guzik_edytuj:hover { background-position:-1595px -47px;  }





#k3 input, #k3 textarea { box-sizing:border-box; width:100%;  height:35px; padding:4px 8px 4px 8px; font-size:14px; background-color:#ffffff; border:1px solid #C0C0C0; }
#k3 textarea { height:80px; }
#k3 input:hover, #k3 textarea:hover { color:red; }

#k3 .linki { margin:10px 0px 20px 0px; border:0px solid; text-align:left; }
#k3 .linki .rekord { position:relative; border:0px solid; margin:0px 0px 20px 0px; }
#k3 .linki a { display:block; position:absolute; bottom:3px; right:2px; width:57px; height:29px; border:0px solid; background-image: url('obr/guziczki2.svg'); background-position:-1130px -5px; cursor:pointer;  }
#k3 .linki a:hover { background-position:-1130px -47px; }

#k3 .linki b { display:block; margin:10px 0px 4px 0px; color:#666666;  font-weight:bold; font-size:14px; }

#k3 #reklama { margin:30px auto; text-align:center; }


/* kartki */
#auto_ekartki h1 { display:block; margin:5px 5px 5px 0px; padding:0px; font-size:18px; font-weight:bold; border:0px solid; }
#auto_ekartki h2 { display:block; margin:5px 5px 5px 0px; padding:0px; font-size:16px; font-weight:bold; border:0px solid; text-align:left; }

#auto_ekartki #td1 { display:table-cell; min-width:175px; width:175px; vertical-align:top; padding:0px 20px 10px 5px; border:0px solid; }
#auto_ekartki #td2 { display:table-cell; width:100%; text-align:center; vertical-align:top; padding:0px 10px 10px 10px; border:0px solid; }
#auto_ekartki #td3 { display:table-cell; min-width:170px; width:170px; vertical-align:top;   }

#auto_ekartki #glosowanie { display:inline-block; width:200px;  height:45px;  margin:2px 0px 0px 0px; vertical-align:bottom;  }
#auto_ekartki #podziel_sie {  display:inline-block; width:310px;  margin:2px 0px 0px 0px;  vertical-align:bottom; }
#auto_ekartki #td2 i { display:block; font-size:14px; font-style:normal; text-align:right; margin:0px 5px 5px 0px; }
#auto_ekartki #td2 p { position:relative; text-align:left; text-align:center;  max-width:570px; width:100%; margin:0px auto 0px auto;  }
#auto_ekartki #td2 p img { max-width:570px; width:100%; border:1px solid RGBA(0,0,0, 0.2); }

#auto_ekartki #td2 p:hover b {
    opacity: .9;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
 position:absolute; top:50%; left:50%; background-image: url('obr/lupa.png'); width:48px; height:48px; margin:-24px 0px 0px -24px; border:0px solid;
 }



 /* kartka */
#auto_kartka  #td1 { display:table-cell; border:0px solid; width:auto; text-align:center; vertical-align:top; padding:0px 20px 0px 0px; }
#auto_kartka  #td2 { display:table-cell; border:0px solid; width:360px; text-align:center; vertical-align:top; padding:0px; }
#auto_kartka  #glosowanie { display:block; border:0px solid; height:45px; text-align:center; margin:0px auto 0px auto; vertical-align:top; }
#auto_kartka  #podziel_sie {  display:inline-block; width:350px;  margin:2px 0px 0px 0px; }


#auto_kartka #obrazek { width:100%; max-width:570px; text-align:center; margin:0px auto 0px auto; }
#auto_kartka  #podziel_lista { display:table; width:100%; max-width:570px; margin:0px auto 15px auto; }
#auto_kartka  #podziel_lista b { display:table-cell; text-align:center; }
#auto_kartka .gl_link_z_obramowaniem { margin: 10px auto 15px auto; text-align:center;}

#auto_kartka #naglowek { margin:10px 0px 10px 0px;  }
#auto_kartka h1 { margin:10px 0px 0px 10px; }
#auto_kartka h2 { margin:50px 10px 10px 10px; font-weight:normal; font-size:16px; text-align:center; line-height:28px; letter-spacing: 1px; }


#auto_kartka .linki {margin:10px 0px 20px 0px; width:100%; border:0px solid;}
#auto_kartka .linki .rekord { position:relative; border:0px solid; margin:0px 0px 20px 0px; }
#auto_kartka .linki a { display:block; position:absolute; bottom:3px; right:2px; width:57px; height:29px; border:0px solid; background-image: url('obr/guziczki2.svg'); background-position:-1130px -5px; cursor:pointer;  }
#auto_kartka .linki a:hover { background-position:-1130px -47px; }

#auto_kartka .linki b { display:block; text-align:left; margin:10px 0px 4px 0px; color:#666666;  font-weight:bold; font-size:14px; }
#auto_kartka .linki input, #auto_kartka .linki textarea { box-sizing:border-box; width:100%;  height:36px; padding:4px 8px 4px 8px; font-size:14px; background-color:#ffffff; border:1px solid #C0C0C0; }
#auto_kartka .linki textarea { height:80px; }
#auto_kartka .linki input:hover, #auto_kartka .linki textarea:hover { color:red; }

#auto_kartka #guzik_pobierz{ display:inline-block; width:173px; height:36px;  margin:10px 0px 15px 0px; border:0px solid; background-image: url('obr/guziczki2.svg'); background-position:-952px -5px; cursor:pointer;  }
#auto_kartka #guzik_pobierz:hover { background-position:-952px -47px;  }

#auto_kartka #guzik_edytuj { display:inline-block; width:173px;  height:36px; margin:10px 0px 15px 0px; border:0px solid; background-image: url('obr/guziczki2.svg'); background-position:-1989px -5px; cursor:pointer;  }
#auto_kartka #guzik_edytuj:hover { background-position:-1989px -47px;  }


#auto_kartka #guzik_cofnij { display:inline-block; width:104px; height:36px; margin:0px 0px 0px 0px; border:0px solid; background-image: url('obr/guziczki2.svg'); background-position:-1192px -5px; cursor:pointer; vertical-align:top;  }
#auto_kartka #guzik_cofnij:hover { background-position:-1192px -47px;  }

#auto_kartka #pop_next { height:55px;  }
#auto_kartka .guzik_poprzednia { float:left; display:block; width:142px; height:36px; margin:0px 0px 0px 0px; border:0px solid; background-image: url('obr/guziczki2.svg'); background-position:-1301px -5px; cursor:pointer;  }
#auto_kartka .guzik_poprzednia:hover { background-position:-1301px -47px;  }

#auto_kartka .guzik_nastepna { float:right; display:block; width:142px; height:36px; margin:0px 0px 0px 0px; border:0px solid; background-image: url('obr/guziczki2.svg'); background-position:-1448px -5px; cursor:pointer;  }
#auto_kartka .guzik_nastepna:hover { background-position:-1448px -47px;  }

#auto_kartka #schemat { display:block; border:0px solid;  margin:10px 0px 10px 0px; text-align:center; }
#auto_kartka #schemat a { font-weight:bold; font-size:16px; margin:3px 0px 0px 0px; }

#auto_kartka #kategorie {text-align:center; margin:10px 0px 10px 0px;; }
#auto_kartka #kategorie a { cursor:pointer; display:inline-block; position:relative; margin:2px;  border:1px solid #C0C0C0; padding:4px 4px 0px 25px;   height:20px; vertical-align:middle;
border-radius:5px;
 }
#auto_kartka #kategorie a:hover, #auto_kartka #kategorie2 a.zaz { background-color:#FF7100; color:#ffffff; border:1px solid #FF7100; }
#auto_kartka #kategorie a i {  background-image: url('obr/ico_kat.svg'); background-repeat:no-repeat; display:block; border:0px solid; position:absolute; top:2px; left:2px; width:20px; height:20px; }
#auto_kartka #kategorie a:hover i, #auto_kartka #kategorie2 a.zaz i { background-image: url('obr/ico_kat_hover.svg');  }



/* pozostałe */




#auto_ostatnie #podziel_sie { display:inline-block; width:350px; border:0px solid; vertical-align:top;  padding:-25px 0px 0px 0px; }
#auto_ostatnie #glosowanie { float:right; margin:-15px 0px 0px 0px; width:200px; text-align:right; border:0px solid; vertical-align:top; }
#auto_ostatnie p { position:relative; cursor:pointer; margin:5px 5px 5px 5px; width:570px; margin:10px 0px 20px 0px;   }
#auto_ostatnie p i  { font-size:17px; display:block; text-align:right; font-style:normal; }
#auto_ostatnie p img {  border:1px solid #D9D9D9; margin:0px; width:570px; padding:0px; }

#auto_ostatnie p b {  opacity: 0; }
#auto_ostatnie p:hover b {
    opacity: .9;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
 position:absolute; top:50%; left:50%; background-image: url('obr/lupa.png'); width:48px; height:48px; margin:-24px 0px 0px -24px; border:0px solid;  }






#dzisiaj_imieniny  { text-align:center; margin:-5px 0px 0px 0px;}
#dzisiaj_imieniny b { display:block; margin:3px 0px 3px 0px; color:#666666;  font-size:12px; font-style:italic; }
#dzisiaj_imieniny a { display:inline-block; margin:2px 3px 2px 3px;  font-size:12px;  }

#poprzedni_nastepny  span {  display:block; color:#757575; font-size:11px; margin-top:4px; text-align:left; }
#poprzedni_nastepny  a {  display:block;  }
#poprzedni_nastepny  td { text-align:center; width:33%; padding:5px 5px 5px 5px; vertical-align:text-top;  }
#poprzedni_nastepny  td:hover { background-color: #EFEFEF; border: 0px solid #E6E6E6;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	behaviour:url(border-radius.htc);  }
#poprzedni_nastepny  { margin:10px 0px 10px 0px;  }


hr {
background-color: #DDDDDD;
border: 0px solid #000000;
height: 1px;
width: 80%;
}


#ramka_naglowek, #ramka_naglowek h1, #ramka_naglowek h2
{
  	font-size:16px;
	font-weight: normal;
	display: inline;
	color:#ffffff;

}

#ramka_naglowek img{ vertical-align:middle;}
h1
{
	font-size:24px;
	font-weight: normal;
	display: inline;
}


#ramka_naglowek h3
{
  	font-size:16px;
	font-weight: normal;
	display: inline;
	color:#ffffff;
}


.pobierz_na_www {
    cursor: pointer;
    font-size : 13px;
    font-family : Arial, Helvetica, sans-serif;
    margin: 5px 5px 5px 5px;
    padding: 0px 5px 0px 5px;
    border: 2px solid #C0C0C0;
    background-color: #EAEAEA;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	behaviour:url(border-radius.htc);
	}
.pobierz_na_www span {display:block; margin:0px 0px 5px 0px;}
.pobierz_na_www b { display:block;  width:100%; padding:10px 0px 10px 0px; font-weight:normal; }
.pobierz_na_www input, .pobierz_na_www textarea { font-size: 12px; width:98%;  background-color: #ffffff;  }
.pobierz_na_www textarea { height:80px; }


#tabs2 { font-size : 12px;}
.center { text-align:center;}
