body{margin:0; padding:0; background:url(grafika/body-tlo.jpg); font:normal 0.75em arial; color:#333; text-align:center;}



a img{border:0; }

h2{font-size:1.5em; color:#0060ff; font-weight:normal; margin:10px 0; }

h3{font-size:1.25em; color:#0060ff; font-weight:normal; margin:10px 0; }

h4{font-size:1.08em; color:#0060ff; font-weight:normal; margin:10px 0; }



a{color:#666; }

a:hover{color:#000; }



#tujestes{color:#999; padding-bottom:10px; background:url(grafika/linia-oddziel.gif) left bottom repeat-x;}

  #tujestes a{color:#999;}



#zewn{width:1000px; margin:0 auto; border-top:4px solid #000; text-align:left;}



#gora{background:#EAEAEA; }

  

  #logo{float:left; width:300px; height:160px; background:url(grafika/gora-tlo-1.jpg) no-repeat; }

    #logo .odstep{padding:32px 30px 0px 35px; height:100px; overflow:hidden; }

    #logo .odstep h1{margin:0; padding:0; }

    #logo .odstep h1 a{display:block; text-decoration:none; }

    #logo .odstep h1 a span{visibility:hidden; }



  #menu{float:left; width:700px; height:160px; background:url(grafika/gora-tlo-2.jpg) no-repeat; }

    #menu ul{margin:45px 0px 0px 50px; padding:0; list-style:none; }

    #menu ul li{float:left; margin:6px; }

    #menu ul li a{color:#000; text-decoration:none; font-size:1.08em; line-height:28px; height:28px; display:block; float:left; padding:0 3px; }

    #menu ul li a:hover{text-decoration:underline; }

    #menu ul li.aktywne{background:transparent url(grafika/menu-aktywne-tlo-p.gif) center right no-repeat; padding:0 4px 0 0;}

    #menu ul li.aktywne a{ color:#000; background:transparent url(grafika/menu-aktywne-tlo-l.gif) center left no-repeat; padding:0 0 0 4px; cursor:default; text-decoration:none; }



  #info{float:left; width:380px; height:265px; background:url(grafika/gora-tlo-3.jpg) no-repeat; }

    #info .odstep{padding:15px 0px 0px 35px; }

    

    #info ol li{line-height:160%;}



    /* trzy ikony do kategorii */

    ul.kategorie{margin:0; padding:0; list-style:none; }

    ul.kategorie li{margin:0 20px 0 0; padding:0; float:left; }

    ul.kategorie li a{text-decoration:none; }

    

    #info ol{margin:0 0 0 20px; padding:0; }

      #info ol li{margin:0; padding:0; }



  #ilustracja{float:left; width:620px; height:265px; background:url(grafika/gora-tlo-4.jpg) no-repeat; }



#tresc{float:left; width:100%; background:url(grafika/tresc-tlo.jpg) right top no-repeat; }



#zawartosc{margin-right:300px; }

  #zawartosc .odstep{padding:10px 35px; }
  #zawartosc p, #zawartosc li{line-height:130%; }
    #banner{}
      #banner textarea{background:#fff; padding:5px; margin:5px 10px; width:600px; height:50px; font:normal 1em arial;}
    #galeria {	padding:0; margin: 0; list-style:none;}
    #galeria li {	display: -moz-inline-box;	display: inline-block;	/*\*/ vertical-align: bottom; /**/	margin: 0 10px 10px 0;	padding: 0;}
    #galeria li>a {	/*\*/ display: table; /**/	width: 128px; padding:0; margin:0;}
    #galeria a {display: block;	text-decoration: none;	color: #000;	cursor: pointer;}
    #galeria img {vertical-align: bottom;}
    #galeria span {	display: block;	padding: 2px 0;	font-size: 0.92em;	line-height: 110%;	w\idth: 128px;}
      #galeria span i{color:#999;}

    @media all and (min-width: 0px) {
      #galeria li {vertical-align: top;	}
      #galeria li a {display: inline-block;vertical-align: top;	}
      #galeria {display: inline-block;	}
    }

    #formularz{margin:0; padding:0; }
      #formularz dl{margin:0; padding:0; }
      #formularz dt{float:left; width:120px; margin:0; padding:5px 0; clear:left;}
      #formularz dd{width:450px; margin:0; padding:5px 0; clear:right;}
      #formularz dd input{width:200px;}
      #formularz input.checkbox, #formularz input.radio{width:20px;}
      #formularz textarea{width:300px; height:200px; overflow:auto; font:normal 1em arial;}
      
    #zdjecie{}
      #zdjecie .opis{}
      #zdjecie .opis dt{font-weight:bold; line-height:150%;}
      #zdjecie .opis dd{margin:2px 0 10px 10px; }    
      
    #projekty-zporr{}
      #projekty-zporr dt{font-weight:bold; }
      #projekty-zporr dd{}
      #projekty-zporr dd label{padding-right:20px; }      
    #projekty-zporr table{width:100%; }
    #projekty-zporr table th.l, #projekty-zporr table td.l{border-right:1px solid #B6B5AE; border-bottom:1px solid #B6B5AE; padding:3px; }
    #projekty-zporr table th.p, #projekty-zporr table td.p{border-bottom:1px solid #B6B5AE; padding:3px; }

    #komunikat{text-align:center; border:4px solid #fff; padding:20px; }
      #komunikat p{font-size:1.16em; }

#prawakolumna{float:left; width:300px; margin-left:-300px; text-align:center; }

  #powiadom{}
    #powiadom dl{margin:0; padding:0;}
    #powiadom dl dt{float:left;width:100px;margin:0; padding:3px 0;}
    #powiadom dl dd{float:left;width:160px;margin:0; padding:3px 0;}
    #powiadom dd input{width:160px;}
    #powiadom dd input.radio{width:16px;}
    #powiadom dd input.checkbox{width:16px;}
    #powiadom p{margin:0; padding:3px 0;}
    #powiadom textarea{width:250px;height:100px;font-family:arial;font-size:1em;}

#wyniki_glosowania{}
  #wyniki_glosowania .wyniki_glosowania_zdjecie .foto{float:left; width:160px; margin-right:20px; clear:left;}
  #wyniki_glosowania .wyniki_glosowania_zdjecie .opis h4{margin:0 0 2px 0;}
  #wyniki_glosowania .wyniki_glosowania_zdjecie .opis p{margin:2px 0;}

#dol{clear:left;/* margin-right:300px;*/ color:#666;}

ul.banery{margin:0; padding:0; list-style:none; text-align:center;}
ul.banery li{display:inline; margin:0; padding:0 5px; }
#dol ul.banery li{display:inline; margin:0; padding:0 20px; }

.odstep{padding:10px; margin:0; }
.linia-oddziel{background:url(grafika/linia-oddziel.gif) center center repeat-x; height:20px; }
.wyczysc{clear:both; }
.niePokazuj{visibility:hidden; height:0; line-height:0; }
.ukryj{display:none;}

/* ajax pagination */
.subpage-index {list-style-type:none;margin:0;padding:0; border:0;text-align:center;}
.subpage-index li {display:inline;padding:0; margin:5px;}
.subpage-index li a, .subpage-index li strong {color:black; text-decoration:none; padding:2px 4px; background:#fff;}
.subpage-index li a:hover{color:#666; background:#fff;}
.subpage-index li a.currentpage{ font-weight: bold; background:#eee;}