*{	margin: 0px; padding: 0px; border: 0px;} /* margines na zero */
.clr { clear: both} /* czyści float */
a {outline: 0px; border:0px; border-width:0px; color: #3399cc;} /* Linki */
a:hover {text-decoration: underline;}
.ukryty {display: none;} /* no to chowamy */
.archiwum {margin-right: 30px;}
 

html { background: white;} /* będzie można dodać reklame w tel */
body { margin: auto; width:960px; background: white url('../gfx/top_bg.gif') no-repeat; font: 13px Arial;}

.left {float: left;}
.right {float: right;}
.center {text-align: center; width:100%;}

.bold{font-weight:bold;}

/* szerokości kolumn*/
.width635 {width: 635px} /* slide box */
.width500 {width: 500px} /* artykuły */
.width386 {width: 390px} /* prawa kolumna */
.width270 {width: 270px} /* pod kalendarz */
.width200 {width: 200px} 
.width30  {width: 30px}
.width60  {width: 60px}
.width150  {width: 150px}

/* gorne marginesy stresy i dresy */
.top5, .top10, .top20, .top30, .top40, .top50, .left10, .left20, .left30, .left-20, .left-50, .top-20 {position: relative;}
.top5 {top: 5px;} .top10 {top:10px} .top20 {top:20px} .top30 {top:30px} .top40 {top:40px} .top50 {top:50px} .top-20 {top:-20px;}

.left10 {left:10px;} .left20 {left:20px;} .left30 {left:30px;} .left-20{left:-20px;} .left-65 {left:-65px}

#top {height: 220px;} /* gorny box z logo i menu */
h1 {position: relative; top: 43px; left: 45px;} /* pozycja dla logo*/
h2 { font-family: Arial; font-size: 13px; text-transform: uppercase; letter-spacing: 6px;}
h3, h3 a, .artykul_title a  {font-family: Verdana; color: #cc3333; font-weight: normal; font-size: 19px; text-decoration: none; margin-bottom: 15px; display: block;}

/* artykul */
.artykul_title {font-size: 25px;}
.artykul_zdjecie {margin-bottom: 10px; margin-right:12px;}
.artykul_zdjecie_old {margin-right: 12px; margin-bottom: 3px;}
.artykul_podpis {font-family: Arial; font-size: 12px; color: gray; position: relative; top:-8px;}

/* specjalne menu */
#special_menu {list-style-type: none; width: 600px;}
#special_menu li {float: left;}
#punkt_widzenia, #puls_miasta, #lokietka_5 {display: block; text-indent: -9999px; position: relative; }
#punkt_widzenia {background: url('../gfx/punkt_widzenia.gif') no-repeat; width: 109px; height: 91px; top: 41px;}
#puls_miasta {background: url('../gfx/puls_miasta.gif') no-repeat; width: 167px; height: 105px; top:14px; left:60px;}
#lokietka_5 {background: url('../gfx/lokietka_5.gif') no-repeat; width: 139px; height: 82px; top:7px; left: 120px;}


/* Rozwijane menu */
 
#nav { display: block; margin: 0; padding: 0; position: relative; height: 25px; position: relative; top: 55px; left: 20px;}
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav li a {letter-spacing: 1px; color: white; font-size: 16px; padding: 6px; text-decoration: none;}
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }
    
/* */

#nav *:hover { background: white; }
#nav a:hover { color: black; }

#nav li.hover a { background:white; color: black; }
#nav ul { top: 29px; }
#nav ul li a { background:white;}
#nav ul a.hover { background: white; color: black; }
#nav li ul li a {font-size: 13px; float: left;  }
#nav li ul li a:hover {color: #cc3333; font-size:14px;}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


/*wyszukiwarka */
.szukaj { width: 330px; position: relative; top: 29px;}
#szukaj_text {background: url('../gfx/szukaj_text.gif') no-repeat; width: 194px; height: 42px; line-height:13px; font-size:13px; float: left}
#szukaj_text input {margin:15px 0px 0px 4px; height:20px; width:180px;}
#szukaj_button {background: url('../gfx/szukaj_button.gif') no-repeat; width: 56px; height: 43px; position: relative; left: -72px; display: block; text-indent: -9999px; outline: none;}

/* górny baner reklamowy */
#baner_reklamowy_top {border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; width: 945px; height: 118px; }
.uwaga_reklama {background: url('../gfx/reklama.gif') no-repeat; width: 8px; height: 94px; position: relative; top: 12px; }
#reklama_top {position: relative; left: 90px; top: 9px;}

/* reklama w prawej kolumnie */
.reklama {border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; width: 390px; padding: 10px 0px 17px 0px; text-align: center;}

/* Breadcrumb | ścieżka pokazuje userom gdzie są */
#breadcrumb {list-style-type: none; height: 40px;}
#breadcrumb a {color: gray; float: left; margin-right: 15px; padding-left: 17px; background: url('../gfx/breadcrumb_znacznik.gif') 0px 2px no-repeat; text-decoration:none;}
#breadcrumb a:hover {text-decoration: underline;}
#breadcrumb li {float: left;}
/* Drugi box z slidem i kalendarzem */
#drugi_box {background: url('../gfx/drugi_box_bg.gif') no-repeat; min-height: 250px;}

/* slider*/
#slider, #slider li {width:620px; overflow:hidden; list-style-type: none; z-index:10;}	
#prevBtn, #nextBtn { display:block; width:30px; height:30px; position: relative; top: 14px; left:-43px; text-indent: -9999px; float: left }
#nextBtn {top: 16px; left:-37px;}														
#prevBtn a, #nextBtn a {display:block;	width:30px;	height:77px; background:url('../gfx/prev_slide.gif') no-repeat 0px 0px;}	
#nextBtn a {background:url('../gfx/next_slide.gif') no-repeat 0 0;}	
#slider h3 a {font-size: 23px;}
#slider img {margin: 7px 25px 0px 5px; }

#slider2, #slider2 li {width:860px; overflow:hidden; height: 90px; list-style-type: none;}


/* kalendarz wydarzeń */
#kalendarz {background: url("../gfx/google_calendarz.gif") no-repeat; display: block; text-indent: -9999px; width: 250px; height: 181px; position: relative; left: -10px;top: 15px;} 
#kalendarz:hover {background: url("../gfx/google_calendarz_hover.gif") no-repeat; display: block; text-indent: -9999px; width: 250px; height: 181px;}

/* newsletter */
#newsletter {width: 253px; height: 75px; margin: auto; margin-bottom:30px;}
#newsletter_text input {margin:7px 0px 0px 4px; width:140px; height:15px;}
#newsletter_text {background: url('../gfx/newsletter_e-mail.gif') no-repeat; width: 143px; height: 30px; outline: none;}

#newsletter_wyslij {background: url('../gfx/newsletter_wyslij.gif') no-repeat; width: 50px; height: 30px; outline: none; display: block;}


/* trzeci box | lewy kolumna */
#trzeci_box {background: transparent url('../gfx/trzeci_box_bg.gif') no-repeat; width:960px; min-height:250px;}
#trzeci_box_special {background: url('../gfx/trzeci_box_special.gif') no-repeat;width:960px; min-height:250px;}

.lead_foto {margin: 7px 15px 0px 5px;}
.patronuje {background: url('../gfx/gpunkt_patronuje.gif') no-repeat; width: 82px; height: 23px; text-indent: -9999px;}
.poleca {background: url('../gfx/gpunkt_poleca.gif') no-repeat; width: 61px; height: 22px;  text-indent: -9999px;}
#trzeci_box p, #trzeci_box_special p {margin-bottom: 20px; line-height: 17px;}
#trzeci_box h3, #trzeci_box_special h3 {width: 400px;}
#trzeci_box hr, #trzeci_box_special hr {border-top:1px dashed #cccccc; border-width:1px 0 0 0; width: 500px; height: 1px; margin-bottom: 20px;}

/* numerki do stronnic */
#paginacja {height: 80px; color: #cccccc;}
#paginacja ul li {float: left; list-style-type: none;}
#paginacja ul li a {margin: 0px 8px 0px 8px; color: black; }


/* trzeci box | prawa kolumna */
#galeria_prawa_kolumna {height: 220px;}

/* galeria - dział galeria z dużą ilośćią zdjęć */
.alt_gallery{
z-index:10;
color:black;
width:370px;
height:30px;
padding:0px 10px 0px 20px;
display:block;
font-family: Verdana; 
background: url('../gfx/opa75.png');
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../gfx/opa75.png');
}

/*chmura tagów */
#tagcloud { width: 360px; color:#0066FF; text-align:center; padding-bottom: 20px;} 
#tagcloud a:link, #tagcloud a:visited { text-decoration:none;}
#tagcloud a:hover, #tagcloud a:active { text-decoration: underline; color: #cc3333;}
#tagcloud span {    padding: 6px; margin:4px;}
.smallest {font-size: x-small;}
.small {font-size: small;}
.medium {font-size:medium;}
.large {font-size:large;}
.largest {font-size:larger;}

/* utwor tygodnia */
.szary_box {background: url('../gfx/szary_box_bg.gif') no-repeat; width:390px;}
.utwor_tygodnia { background: url('../gfx/gpunkt_muzyka.gif') no-repeat; padding-left: 60px; padding-top: 2px; height: 80px; display: block; font-size: 16px; margin:10px 0px 0xp 20px;}

/* komix */
.czerwony_box {background: url('../gfx/czerwony_box_bg.gif') no-repeat; width:390px; color: white; min-height: 250px;}

/* logo partnerów i patronów */
#partners {border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; width: 945px;  margin-bottom: 20px; margin-top: 30px;}
					
/* js-disabled class - set image sizes so they all fit in the viewer */
.js-disabled img { width:100px; height:100px; display:block; float:left; margin:30px 0 0; }

#outerContainer { width:950px; height:110px; margin:auto; position:relative; }
#imageScroller { width:945px; height:110px; position:relative; }
#viewer { width:945px; height:90px; overflow:hidden; margin:auto; position:relative; top:10px; }
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#controls { width:534px; height:47px; position:absolute; top:4px; left:4px; z-index:10;	}
#controls a { width:37px; height:35px; position:absolute; top:3px; }
#controls a:active, #controls a:visited { color:#0d0d0d; }
.logo {height:90px; }
.title {display:none;}

/*stopka */
#stopka {background: url('../gfx/stopka_bg.gif') no-repeat; height: 75px;}
#stopka ul {list-style-type: none; color: white;}
#stopka ul li {float: left;}
#stopka ul li a {color: white; margin: 0px 5px 0px 5px;}
.stopka_menu {position: relative; left: 20px; top: 35px;}
#logo_stopka {position: relative; left: -52px; top:-2px}


/* puls miasta - audycje, spotkanie, itp */
#puls_miasta_menu {height: 230px; list-style-type: none;}
#puls_miasta_menu li {float: left; margin-right: 40px; text-indent: -9999px;}
#fotosfera {background: url('../gfx/afd_movie_wro.gif') no-repeat; display: block; width: 200px; height: 200px;}
#audycje {background: url('../gfx/punkt_eteryczny.gif') no-repeat; display: block; width: 200px; height: 200px;}
#sniadania {background: url('../gfx/sniadanie_mistrzow.gif') no-repeat; display: block; width: 200px; height: 200px;}
#nadodrze {background: url('../gfx/wirowka_artystyczna.gif') no-repeat; display: block; width: 200px; height: 200px;}
#sniadania_minstrzow {background: url('../gfx/sniadania_mistrzow_big.gif') no-repeat right; display: block; width: 350px; height: 300px; text-indent:-9999px;}
#wirowka_artystyczna {background: url('../gfx/wirowka_artystyczna_big.gif') no-repeat right; display: block; width: 350px; height: 300px; text-indent:-9999px;}
#afd_movie_wro {background: url('../gfx/afd_movie_wro_big.gif') no-repeat right; display: block; width: 350px; height: 300px; text-indent:-9999px;}
#punkt_eteryczny {background: url('../gfx/punkt_eteryczny_big.gif') no-repeat right; display: block; width: 350px; height: 300px; text-indent:-9999px;}


/* komentarze */

#komentuj {margin-top: 20px; cursor: pointer; font-size: 17px; padding-left:40px; padding-top: 5px; background: url('../gfx/comment_add_32.png') no-repeat; display:block; width: 120px; height:40px;}
#comment_add {margin-top: 20px;}
#comment_add input, #comment_add textarea {border:solid 1px #cccccc; margin-bottom: 15px;}
#comment_add input {width: 160px; height: 16px;}
#comment_add textarea {width:420px; height:120px;}
.label {color: #cc3333; padding:5px 0px 2px 40px; display: block; height:25px; }
.nick {background: url('../gfx/comment_user_32.png') no-repeat;}
.komentarz {background: url('../gfx/comment_page_32.png') no-repeat;}
#code {background: url('../gfx/comment_32.png') no-repeat;}
.data {position: absolute; left: 380px; font-size: 12px; color: gray;}
#wyslij { cursor:pointer; background:#cc3300; color: white; border: 1px solid #ff9999; height:25px; display: block; padding: 0px 6px; width:30px;}