/***********************************
*	dar_par
***********************************/


/* --- mapka ---
POLSKA, KLIKALNA MAPA WOJEWÓDZTW
==================================
http://winstonwolf.pl/css,polska.html

WERSJA - 1.0 - październik 2009
AUTOR - Winston_Wolf http://winstonwolf.pl/contact.html
----------------------------------

LICENCJA
Creative Commons - Attribution-Share Alike 3.0
http://creativecommons.org/licenses/by-sa/3.0/
 */
/* styl listy wojewodztw */
 #w a{
	  display:block;
	  width:100%;
	  padding:1px 0;
	  font:normal 1em sans-serif;
	  color:#69c;
	  text-decoration:none;
	  text-align:left;
	 }
  #w a:hover,#w li:hover a{
  	  color:#fff;
  	  text-decoration:underline;
  	 }

/* nie edytuj! */
#w,#w span.bg{background:transparent url('/img/view/dar_par/polska.png') no-repeat -9999px 0}
#w{position:relative;top:0;left:0;width:440px;height:410px;display:block;border-top:1px solid transparent;background-position:0 0;list-style:none}
 #w *{padding:0;margin:0;border:0 none;outline:0 none}
  #w li{cursor:pointer}
  #w li span{position:absolute;display:block;width:0;height:0;z-index:15}
  #w li a span.bg{z-index:3}
  #w li .map{top:0;left:0}
  #w.ukryta li{width:0;height:0;text-indent:-9999px}
  #w.po_prawej li{width:150px;margin-left:450px}
  #w.po_prawej li:first-child{margin-top:3em}
  #w.po_lewej{left:150px}
  #w.po_lewej li{margin-left:-150px;width:150px}
  #w.po_lewej li:first-child{margin-top:3em}
  #w.ponizej li{width:440px}
  #w.ponizej li:first-child{margin-top:415px}
  #w.ponizej.dwie_kolumny a{width:50%;float:left}
  #w.ponizej.trzy_kolumny a{width:33%;float:left}

 #w1 a:hover span.bg{top:212px;left:36px;width:125px;height:112px;background-position:-13px -554px}
  #w1 .s1{top:226px;left:60px;width:70px;height:100px} #w1 .s2{top:215px;left:82px;width:33px;height:15px} #w1 .s3{top:235px;left:25px;width:40px;height:50px} #w1 .s4{top:226px;left:130px;width:20px;height:44px} #w1 .s5{top:239px;left:150px;width:8px;height:17px} #w1 .s6{top:270px;left:130px;width:12px;height:10px} #w1 .s7{top:280px;left:130px;width:7px;height:11px}
 #w2 a:hover span.bg{top:86px;left:139px;width:99px;height:96px;background-position:-373px -834px}
  #w2 .s1{top:98px;left:146px;width:70px;height:62px} #w2 .s2{top:90px;left:162px;width:36px;height:10px} #w2 .s3{top:112px;left:216px;width:19px;height:29px} #w2 .s4{top:141px;left:216px;width:10px;height:20px} #w2 .s5{top:160px;left:166px;width:60px;height:7px} #w2 .s6{top:167px;left:185px;width:37px;height:4px} #w2 .s7{top:171px;left:197px;width:22px;height:7px}
 #w3 a:hover span.bg{top:176px;left:311px;width:107px;height:133px;background-position:-347px -426px}
  #w3 .s1{top:175px;left:322px;width:100px;height:100px} #w3 .s2{top:220px;left:313px;width:10px;height:7px} #w3 .s3{top:275px;left:338px;width:85px;height:12px} #w3 .s4{top:287px;left:353px;width:70px;height:10px} #w3 .s5{top:297px;left:350px;width:26px;height:8px} #w3 .s6{top:297px;left:390px;width:20px;height:10px}
 #w4 a:hover span.bg{top:126px;left:31px;width:75px;height:114px;background-position:-13px -795px}
  #w4 .s1{top:156px;left:25px;width:60px;height:70px} #w4 .s2{top:143px;left:46px;width:40px;height:13px} #w4 .s3{top:134px;left:66px;width:25px;height:9px} #w4 .s4{top:126px;left:84px;width:8px;height:8px} #w4 .s5{top:226px;left:25px;width:35px;height:10px} #w4 .s6{top:195px;left:85px;width:10px;height:20px} #w4 .s7{top:205px;left:95px;width:10px;height:13px}
 #w5 a:hover span.bg{top:175px;left:170px;width:105px;height:102px;background-position:-13px -680px}
  #w5 .s1{top:177px;left:211px;width:20px;height:10px} #w5 .s2{top:187px;left:205px;width:45px;height:75px}  #w5 .s3{top:262px;left:228px;width:14px;height:11px}  #w5 .s4{top:197px;left:197px;width:62px;height:55px}  #w5 .s5{top:212px;left:183px;width:22px;height:50px}  #w5 .s6{top:239px;left:174px;width:10px;height:17px}  #w5 .s7{top:182px;left:231px;width:18px;height:5px}  #w5 .s8{top:190px;left:250px;width:9px;height:7px}  #w5 .s9{top:205px;left:259px;width:12px;height:17px}  #w5 .s10{top:219px;left:259px;width:8px;height:25px}
 #w6 a:hover span.bg{top:296px;left:210px;width:101px;height:87px;background-position:-124px -421px}
  #w6 .s1{top:298px;left:241px;width:20px;height:5px} #w6 .s2{top:303px;left:227px;width:37px;height:7px}  #w6 .s3{top:310px;left:224px;width:40px;height:75px}  #w6 .s4{top:320px;left:215px;width:9px;height:22px}  #w6 .s5{top:316px;left:264px;width:43px;height:65px}  #w6 .s6{top:308px;left:279px;width:17px;height:8px}
 #w7 a:hover span.bg{top:104px;left:217px;width:155px;height:160px;background-position:-136px -654px}
  #w7 .s1{top:127px;left:235px;width:88px;height:55px} #w7 .s2{top:105px;left:265px;width:58px;height:100px} #w7 .s3{top:140px;left:226px;width:10px;height:42px} #w7 .s4{top:167px;left:219px;width:7px;height:10px} #w7 .s5{top:143px;left:249px;width:112px;height:50px} #w7 .s6{top:175px;left:361px;width:7px;height:10px} #w7 .s7{top:193px;left:258px;width:8px;height:12px} #w7 .s8{top:205px;left:271px;width:42px;height:47px} #w7 .s9{top:205px;left:313px;width:10px;height:15px} #w7 .s10{top:227px;left:293px;width:29px;height:32px} #w7 .s11{top:222px;left:267px;width:5px;height:22px} #w7 .s12{top:193px;left:323px;width:20px;height:4px}
 #w8 a:hover span.bg{top:252px;left:122px;width:75px;height:81px;background-position:-260px -538px}
  #w8 .s1{top:291px;left:130px;width:40px;height:45px} #w8 .s2{top:280px;left:137px;width:45px;height:37px} #w8 .s3{top:270px;left:142px;width:47px;height:25px} #w8 .s4{top:256px;left:150px;width:43px;height:22px}
 #w9 a:hover span.bg{top:273px;left:295px;width:101px;height:118px;background-position:-9px -421px}
  #w9 .s1{top:286px;left:315px;width:38px;height:11px} #w9 .s2{top:275px;left:322px;width:16px;height:12px} #w9 .s3{top:296px;left:307px;width:43px;height:9px} #w9 .s4{top:297px;left:376px;width:14px;height:9px} #w9 .s5{top:305px;left:307px;width:90px;height:90px} #w9 .s6{top:302px;left:296px;width:11px;height:31px} #w9 .s7{top:333px;left:302px;width:6px;height:15px}
 #w10 a:hover span.bg{top:42px;left:307px;width:95px;height:138px;background-position:-106px -828px}
  #w10 .s1{top:35px;left:347px;width:60px;height:140px} #w10 .s2{top:50px;left:340px;width:7px;height:15px} #w10 .s3{top:102px;left:310px;width:40px;height:27px} #w10 .s4{top:90px;left:333px;width:15px;height:60px} #w10 .s5{top:100px;left:323px;width:10px;height:43px} #w10 .s6{top:150px;left:342px;width:5px;height:12px}
 #w11 a:hover span.bg{top:19px;left:121px;width:111px;height:89px;background-position:-13px -972px}
  #w11 .s1{top:15px;left:127px;width:93px;height:75px} #w11 .s2{top:90px;left:127px;width:35px;height:11px} #w11 .s3{top:90px;left:198px;width:20px;height:10px} #w11 .s4{top:75px;left:220px;width:7px;height:10px}
 #w12 a:hover span.bg{top:258px;left:167px;width:82px;height:110px;background-position:-156px -522px}
  #w12 .s1{top:262px;left:193px;width:35px;height:48px} #w12 .s2{top:278px;left:189px;width:35px;height:42px} #w12 .s3{top:295px;left:182px;width:33px;height:80px} #w12 .s4{top:317px;left:170px;width:12px;height:25px} #w12 .s5{top:342px;left:215px;width:10px;height:35px} #w12 .s6{top:273px;left:227px;width:14px;height:30px}
 #w13 a:hover span.bg{top:242px;left:236px;width:90px;height:77px;background-position:-244px -426px}
  #w13 .s1{top:252px;left:250px;width:45px;height:46px} #w13 .s2{top:244px;left:259px;width:13px;height:10px} #w13 .s3{top:262px;left:241px;width:10px;height:36px} #w13 .s4{top:259px;left:295px;width:27px;height:27px} #w13 .s5{top:298px;left:261px;width:38px;height:10px}  #w13 .s6{top:308px;left:264px;width:15px;height:8px}  #w13 .s7{top:286px;left:295px;width:20px;height:10px}  #w13 .s8{top:296px;left:295px;width:12px;height:6px}
 #w14 a:hover span.bg{top:44px;left:211px;width:142px;height:86px;background-position:-215px -839px}
  #w14 .s1{top:35px;left:220px;width:120px;height:40px} #w14 .s2{top:35px;left:340px;width:10px;height:15px}  #w14 .s3{top:75px;left:227px;width:100px;height:30px}  #w14 .s4{top:65px;left:327px;width:20px;height:25px}  #w14 .s5{top:85px;left:218px;width:115px;height:15px}  #w14 .s6{top:97px;left:215px;width:80px;height:15px}  #w14 .s7{top:112px;left:235px;width:31px;height:15px}  #w14 .s8{top:112px;left:266px;width:15px;height:6px}
 #w15 a:hover span.bg{top:93px;left:81px;width:133px;height:167px;background-position:-305px -647px}
  #w15 .s1{top:101px;left:112px;width:35px;height:25px} #w15 .s2{top:126px;left:108px;width:39px;height:90px}  #w15 .s3{top:166px;left:105px;width:80px;height:50px}  #w15 .s4{top:143px;left:85px;width:67px;height:52px}  #w15 .s5{top:133px;left:91px;width:20px;height:10px}  #w15 .s6{top:195px;left:93px;width:12px;height:10px}  #w15 .s7{top:160px;left:150px;width:17px;height:8px}  #w15 .s8{top:170px;left:185px;width:12px;height:42px}  #w15 .s9{top:177px;left:197px;width:8px;height:20px}  #w15 .s10{top:177px;left:205px;width:6px;height:10px}  #w15 .s11{top:216px;left:114px;width:70px;height:10px}  #w15 .s12{top:226px;left:150px;width:33px;height:13px}  #w15 .s13{top:239px;left:158px;width:16px;height:17px}
 #w16 a:hover span.bg{top:35px;left:17px;width:116px;height:124px;background-position:-267px -937px}
  #w16 .s1{top:31px;left:17px;width:95px;height:95px} #w16 .s2{top:31px;left:112px;width:15px;height:70px}  #w16 .s3{top:126px;left:16px;width:30px;height:30px}  #w16 .s4{top:126px;left:46px;width:20px;height:17px}  #w16 .s5{top:126px;left:66px;width:18px;height:8px}  #w16 .s6{top:126px;left:92px;width:16px;height:7px}

/* koniec mapki */


#dajmyDzieciom{
    padding: 20px 0;
}
.index{
    padding: 0px 30px;
}
.index #para {
    float: left;
}
.index .header_button{
    float:left;
    padding-left:70px;
    padding-top:60px;
}
.index .header_button img{
    display: block;
    margin-bottom: 20px;
}
.index h2{
    font: bold 22px/25px arial;
    color: black;
    padding-left: 0px;
    margin-left: 0px;
}
.shadow{
    text-shadow: 1px 1px  #ccc;
}
.index p{
    font: normal 12px/16px verdana;
    color: #5b5b5b;
    text-align: justify;
}
.index .jakPomagac{
    color: #5c5d5d;
    font: bold 18px/20px arial;
    text-align: center;
    float: left;
    width: 33%;
}

.index .jakPomagac a,.index .jakPomagac b{
    text-decoration: none;
    color: #16a2fe;
}
.index .jakPomagac .relative{
    position: relative;
    height: 19px;
}
.index .jakPomagac .relative img{
    left:-50px;
    position:absolute;
    top:-165px;
}
.index .jakPomagac img{
    display: block;
    margin:0 auto;
}
.losowe .losowy{
    float: left;
    width: 200px;
    padding-left: 10px;
    border-left: 1px dotted gray;
}
.losowe .losowy:first-child{
    border-left: none 0px;
}
.losowe .losowy h1{
    height: 28px;
    overflow: hidden;
}
.losowe .losowy h1 a{
    color: #16a2fe;
    font: bold 14px/30px arial;
    position:relative;
    text-decoration:none;
    z-index:10;
    
}
.losowe .losowy  .thumb{
    width: 100px;
    height: 100px;
    float: left;
}
.losowe .losowy  .thumb img{
    display: block;
    margin: 0 auto;
    border: 2px solid #373737 ;
    max-width: 90px;
}
.losowe .losowy  .potrzeby span{
    font: bold 12px/16px tahoma;
    color: #ed008c;
    display: block;
}
.losowe .losowy  .potrzeby{
    font: normal 11px/13px tahoma;
    color: black;
    text-align: left;
    float: left;
    width:90px;
    height:83px;
    overflow:hidden;
}
.losowe .losowy a.smallbutton{
    display: block;
    width: 110px;
    margin-left: 40px;
}
#w{
    float: left;
}


.index #selectWojewodztwa{
    float: right;
    width: 200px;
    color: #606060;
    font: normal 12px/16px tahoma;
    padding-top:40px;
}
.index #selectWojewodztwa select{
    border: 0 none;
    width: 200px;
    font: normal 16px/14px arial;
}
.index #selectWojewodztwa .hiddenSelect{
    overflow: hidden;
    width: 180px;
    height: 320px;
    position: relative;
}
.index .dowiedzSieWiecej{
    text-align: right;
}
.index #selectWojewodztwa .submit{
    position: relative;
    height: 70px;
}
.index .PrzejdzDoSpisu{
    display: block;
    position: absolute;
    left: -200px;
    bottom: 0px;
}
/* koniec mapki */
#JakPomagac {
    float:left;
    width:300px;
}
.jakPomagacTop{
    padding-right: 200px;
    background: url('/img/view/dar_par/para.gif') no-repeat top right;
}

#JakPomagac .topPomagac{
    float: left;
}

.JakPomagacText{
    float:left;
    width:350px;
}
h2.JakPomagac{
    font: bold 30px/35px arial;
    color:black;
    padding-left: 30px;
}
.index #JakPomagac .jakPomagac img{
    display: block;
    padding: 5px 0 5px 50px;
    border-left: 1px solid #15B2FF;
    margin: 5px 5px 5px 24px;
    float:left;
}
.index #JakPomagac .jakPomagac .lastJakPomagac{
    border-left: 0px none;
}
#JakPomagac .jakPomagac{
    text-align: center;
    width:270px;
    position: relative;
}
#JakPomagac .jakPomagac a, #JakPomagac .jakPomagac b{
    color: #16a2fe;
    font: bold 18px/22px arial;
    text-decoration: none;
}
#JakPomagac .jakPomagac span{
    background: url(/img/view/dar_par/list_bg_span.png) no-repeat;
    font: normal 30px/40px "arial black";
    padding-bottom: 5px;
    width: 45px;
    display: block;
    float: left;
    color: white;
}

#JakPomagac .jakPomagac #grot12,#JakPomagac .jakPomagac #grot23{
    position: absolute;
    right:-184px;
}
/* profil*/
.index, .profil {
    padding:10px 30px;
}
.std_box_center .std_box_center div h3, h3.mapa, h3.opis{
    font: bold 12px/14px tahoma;
    color: #ed008c;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 5px 0px 5px 20px;
    border-bottom:1px dotted #A2ADB0;
}
.profil .tablediv{
    background: #fafafa;
    margin-top: 10px;
}
.profil table{
    margin: 0;
}
.profil .tablediv th{
    font: normal 12px/14px tahoma;
    color: #5b5b5b;
    text-align: right;
    width: 145px;
    padding-right: 5px;
}
.profil .tablediv td{
    font: bold 12px/14px arial;
    color: black;
}
.profil .photo_frame img {
    border: 3px solid #124673;
}
div.opis{
    padding:15px 30px;
}
h3.opis {
    background-image: url(/img/icons/opis_16px.png);
}
h3.adres {
    background-image: url(/img/icons/adres_16px.png);
}
h3.kontakt {
    background-image: url(/img/icons/kontakt_16px.png);
}
h3.mapa {
    background-image: url(/img/icons/mapa_16px.png);
}
.profil .right {
    float:right;
    width:375px;
}
.profil .left{
    float: left;
    padding-right:10px;
    width:270px;
    overflow:hidden ;
}
.profil .photo_frame img {
    border: 3px solid #124673;
    display: block;
    margin: 0 auto;
}
.profil h2{
    font: bold 18px/20px tahoma;
    color: #ed008c;
    padding: 20px 0;
}
.profil h1{
    color: #124673;
    font: bold 24px/28px arial;
    text-align: left;
    margin: 20px 0;
    padding: 0;
}
#naszePotrzeby h2{
    border-bottom: 1px dotted gray;
    width:240px;
}
#naszePotrzeby ul{
    margin-top: 15px;
}
#naszePotrzeby li{
    list-style-image: url(/img/icons/ok_16x16.gif);
    line-height:20px;
    margin-left: 40px;
}
#naszePotrzeby  #chce_pomoc{
    padding: 20px 0px 10px 25px;
}
.profil .pomagaja .pomaga,.profil .pomagaja .pomaga .termin{
    float: left;
    width: 180px;
}
.profil .pomagaja .pomaga .userProfil{
    float: left;
    width: 70px;
}

.profil .pomagaja .pomaga .login a{
    color: #1ac2ff;
    font: bold 11px/12px "Trebuchet MS";
    text-decoration: none;
}

.profil .pomagaja .pomaga .potrzeby{
    float: right;
    width: 110px;
    font:normal 11px/13px tahoma;
    height: 75px;
    overflow: hidden;
    position: relative;
}
.profil .pomagaja .pomaga .potrzeby .gradient{
    bottom:0;
    height:9px;
    left:0;
    position:absolute;
    width:110px;
}
.profil .pomagaja .pomaga .potrzeby span{
    font: bold 12px/14px tahoma;
    color: #ed008c;
}
.profil .pomagaja .pomaga .termin{
    font:normal 10px tahoma;
    color: black;
    padding: 10px 0;
    border-bottom: 1px dotted gray;
    margin-bottom: 5px;
}
.profil .pomagaja .pomaga .termin b{
    color: #ed008c;
}
.profil .pomagaja  .zobaczWiecej{
    float: left;
    padding: 10px 125px;
    text-align: center;
}
/* spis placowek*/
.spis .spisTop{
    padding: 20px 30px;
}
.spis .spisTop .zglosPlacowke{
    float: right;
}
.spis .spisTop h1{
    text-align: left;
    font: bold 24px/34px arial;
    color: black;
    margin: 0;
    padding: 0;
}
.spis .spisTop span{
    float: left;
    display: block;
    color: #f20587;
    font: bold 16px/20px arial;
    padding-right: 5px;
}
.spis .spisTop  form{
    width:420px;
}
.spis .spisTop .filtrujButon{
    float:right;
    padding-right: 20px;
}
.spis .noUser{
    text-align: center;
}
.spis .noUser h2{
    letter-spacing: 0;
}
.spis .noUser a{
    color: #16A2FE; 
    line-height: 20px;
    text-decoration: none;   
}
.lista .left h1{
    text-align: left;
}
.lista .left h1 a{
    font: bold 14px/18px arial;
    color: #16a2fe;
    text-decoration: none;
}
.lista .left .thumb{
    float: left;
    width: 120px;
    height: 120px;
}
.lista .left .thumb img{
    border: 2px solid #373737;
    display: block;
    margin: 0 auto;
    max-width:100px;
}
.lista .left .thumb a.smallbutton{
    padding-top: 10px;
    padding-left:5px;
}
.lista .left .dane span{
    display: block;
    font:normal 12px/15px tahoma;
    color: black;
}
.lista .left .dane span b{
    color: #ed008c;
}
.lista .left .chcePomoc{
    display: block;
    padding: 20px;
    text-align: center;
}
.lista .dane{
    float:left;
    width:150px;
}
.lista .dane ul{
    padding-left:25px;
}
.lista .dane li{
    padding: 3px 0;
    list-style-image: url('/img/icons/ok_12px.png') ;
    
}
/** dodawanie */
.form{
    padding-top: 20px;
}
fieldset{
    width: 500px;
    border: 1px solid #D8D9D9;
    margin:auto;
    
}
fieldset .input {
    padding: 5px;
}
fieldset .input label {
    display:block;
    font-weight:bold;
    padding-top:10px;
}
fieldset .input input,fieldset .input select{
    margin: 5px 0;
}
fieldset .checkbox input{
    float: left;
}
fieldset .checkbox label{
    margin: 5px 0;
    padding-top: 0;
    padding-left: 5px;
    float: left;
    line-height: 15px;
}
fieldset .checkbox {
    height:25px;
}
fieldset b{
    color: #FF0000;
    font-weight: normal;
}

fieldset #clone{
    padding: 5px 3px;
    margin: 10px;
    display: inline;
    cursor: pointer;
}
fieldset .form-error{
    border:  red solid 1px;
}
.Form_zapisz{
    float: right;
    margin: 10px 100px;
    
}
.wiekWychowankow .input{
    float: left;
}
#DarParUserEditForm .usun{
    float:right;
    width:340px;
}
#DarParUserEditForm .usun a{
    display:block;
    float:left;
    margin-top:15px;
}
#PatroniMedialniDarPar img{
    display:block;
    margin:0 auto;
    text-align:center;
}
#PatroniMedialniDarPar a img{
    display:inline;
    height:45px;
    margin:35px 20px;
}