body.tlo_strony{ margin: 0; padding-bottom: 0; background-color: #fff; text-align:center; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
    font-family: "arial ce", arial, Verdana, "geneva ce", geneva, Helvetica, sans-serif;
}

body { color: #586a76; font-size: 12px; }
body a{ color: #586aff; font-size: inherit; }
body pre{ font-family: courier; font-size: 11px; }

body.do_druku{
    line-height: 14px;
    border: 1px solid #999;
    width: 625px;
    margin: auto;
}

:link,:visited { text-decoration: none; }
strong, bold { font-weight: bold; }

#all{ width: 947px; background-color: #fff; margin: 0 auto; }

#logo {height: 118px; background: url(/img/pzkol_ozd_v2.jpg) no-repeat bottom center; margin-bottom: 10px;}
#kolarstwo a, #kolarstwo a:hover{line-height: 114px;  display: block; background: url('/img/logo/logo4.png') no-repeat bottom left; font-size: 20px; padding-left: 135px; color: #586a76;}

#pzkol_body { width: 947px; text-align: left;}

div.col1 { width: 202px; margin-right: 11px; float: left; margin-top: 1px;}
div.col2 { width: 468px; margin-right: 10px; float: left; margin-top: 1px;}
div.col3 { width: 255px; float: left; margin-right: 1px;  margin-top: 1px;}

.clr, .clr2{clear:both; display: block;}
.clr{height:0px; font-size:0px; border:none; background:transparent;}

span.left{ text-align: left;}
.werr {color: #ae032d;}

.pointer {cursor: pointer; }
.red   { color: #bd0810; }
.blue  { color: #000063; }
.green { color: #00aa00; }
.b     { font-weight: bold; }
.u, a.u:hover{ text-decoration: underline; }
.i, a.i{ font-style: italic; }





/* Menu glowne */

#menu{ line-height: 21px; display: block; }
#menu li{ display: block; margin-bottom: 1px; }

#menu a, #menu a:hover{ display: block; height: 21px; padding-left: 40px; color: #626a6c;
    background: url("/img/menu/menu.gif") no-repeat center left;
}
#menu a:hover, #menu .sel{ font-weight: bold;
    background: url("/img/menu/menu_sel.jpg") repeat-y top left;
}
#menu a:hover{ text-decoration: underline; }





/* Menu polecane */

#menu2 { line-height: 21px; display: block; position: absolute; overflow: hidden;}
#menu2 li{display: block; margin-bottom: 1px; position: absolute; left: 0px; top: 0px;}
#menu2 a, #menu2 a:hover{ color: #626a6c; display: block; height: 21px; padding-left: 40px;
    background: url("/img/menu/menu.gif") no-repeat center left;
}
#menu2 a:hover{ text-decoration: underline; font-weight: bold;
    background: url("/img/menu/menu_sel.jpg") repeat-y top left;
}





/* Wyszukiwarka */

#szukaj { display: block; border: solid 1px #c9d4ce; padding: 5px; margin-top: 4px;
    background: url("/img/szuk_tlo.jpg") top center;
}
#szuk_img, #szuk_txt { display: block; float: left; margin-right: 4px; }
#szuk_txt{ border: solid 1px #a0a0a0; font-size: 13px; }





/* Aktualnosci */

#nadakt { clear: both; display: block; margin-top: 20px; margin-bottom: 2px; height: 3px; background-color: #8897a1; }
#akt { color: #5c6d75; display: block; padding-top: 10px; padding-bottom: 10px; border: solid 1px #c9d4ce; margin-top: 3px; margin-bottom: 10px; 
    background-color: #fff8e0; 
}
#akt a, #akt a:hover{ color: #5c6d75; font-size: 11px; line-height: 12px; display: block; padding: 7px 10px 7px 36px; overflow: visible;
    background: url("/img/akt/akt_li.gif") no-repeat 22px 11px;
}
#akt a:hover { text-decoration: underline;
    background: #fff1c1 url("/img/akt/akt_li_sel.gif") no-repeat 22px 11px;
}
#akt strong{ color: #5c6d75; display: block; font-size: 18px; padding-left: 20px; padding-bottom: 5px; }





/* Galerie w prawym bloku na glownej */

#galerie_glowna { border: solid 1px #c9d4ce; background-color: #fcfbf7; }
.hpgal {
    display: block;
    color: #5c6d75;
    clear: both;
    font-size: 11px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-bottom: 9px;
    margin-top: 9px;
    cursor: pointer;
    border-top: 1px solid #fcfbf7;
    border-bottom: 1px solid #fcfbf7;
}
a.galsel{ border-top: 1px solid #ffd700; border-bottom: 1px solid #ffd700; }
html .hpgalp1 {height: 91px;}
span.hpgalp1{ display: block; float: left; text-align: right; width: 117px; margin-left: 3px; min-height: 91px;
    background-image: url("/img/gal/zobacz-wiecej.gif");
    background-repeat: no-repeat;
    background-position: bottom right;
}
span.hpgalp2{ display: block; float: left; width: 121px; margin-left: 5px; }
.hpgal img {display: block;}
img.hpimg1 {border: solid 1px #cbd5cf;}
.hpgal strong{ display: block; font-size: 12px; font-weight: bold; padding-top: 2px; padding-bottom: 5px; text-decoration: none; }
a.hpgal strong:hover, a.hpgal:hover, span.hpgalp1:hover {text-decoration: underline;}
a.wczesgal, a.wczesgal:hover {display: block; margin: 3px; margin-bottom: auto; background-color: #c9d4ce; text-align: center; color: #626a6c; padding: 4px; font-weight: bold;}
a.wczesgal:hover {background-color: #c9d4ce; text-decoration: underline;}





/* Dolne 3 bloki */

#dol_ozd, #gora_ozd{ display: block; margin-bottom: 0; margin-top: 1px; clear: both;}
html .bl_d{ height: 247px; }
.bl_d{ border: solid 1px #7f7f7f; min-height: 247px; height: auto;  font-size: 12px; color: #4f4f4d;
    background: #f5f5f5 url("/img/dolne_ozd.jpg") no-repeat top left;
}
.bl_d p{ display: block; padding-left: 34px; padding-bottom: 5px; padding-top: 4px; font-size: 13px; font-weight: bold; line-height: 21px; }





/* Dolne bloki html */

#doll, #doll2, #doll3 { font-weight: normal; padding: 10px; padding-top: 15px; }
#doll a, #doll a:hover, #doll2 a, #doll2 a:hover, #doll3 a, #doll3 a:hover{ 
    display: block; color: #4f4f4d; font-size: 12px; line-height: 14px; display: block; padding: 3px 10px 2px 10px; overflow: visible; cursor: pointer;
    background-image: url("/img/dol_dot.gif");
    background-repeat: no-repeat;
    background-position: 1px 9px;
}
#doll2 a, #doll2 a:hover{ background-position: 6px 9px; padding: 3px 20px 2px 25px; } 
.pdf {
    background-image: url("/img/bpdf.gif") ! important;
    background-position: 0 2px ! important;
}
#doll a:hover, #doll2 a:hover, #doll3 a:hover{ text-decoration: underline; } 
span.ddat { color: #576d7a; }
#doll2 { padding-left: 30px; padding-right: 30px; }





/* banery */

#banner0 { text-align: center; margin-bottom: 10px; }
#banner8 { text-align: center; margin-top: 10px; }






/* Kanaly */

p.kan_b { display: block; margin-top: 25px; color: #586a76; font-size: 12px; line-height: 16px;
    background-image: url("/img/kanbt.gif");
    background-position: 0 2px;
    background-repeat: repeat-x;    
}
.kans1{ display: block; margin-bottom: 10px; height: 14px; overflow: visible; }
p.kan_b a.t, p.kan_b a.t:hover{ display: block; font-size: 13px; line-height: 15px; color: #586a76; background-color: #fff; float: left; border-right: solid 5px #fff; font-weight: bold; } 
.kanbd { display: block; clear: both; height: 19px;
    background-image: url("/img/kanbd.gif");
    background-position: bottom left;
    background-repeat: repeat-x;    
}
p.kan_b a.t:hover{ text-decoration: underline; }
p.kan_b img { float: left; border-right: solid 11px #eff0e8; border-bottom: solid 11px #eff0e8; margin-right: 10px; }
h1.kan_bh { display: block; height: 33px; padding-left: 15px;
    background-image: url("/img/belka_kat.png");
    background-position: top left;
    background-repeat: no-repeat;    
}
h1.kan_bh a, h1.kan_bh a:hover{
font-size: 20px; line-height: 31px; font-weight: bold; color: #fff; }
h1.kan_bh a:hover{ text-decoration: underline; }
.stron { color: #586a76; display: block; text-align: center; font-size: 12px; padding-top: 15px; padding-bottom: 15px; }
.stron a, .stron a:hover{ color: #586a76; text-decoration: none; }
.stron a:hover{ text-decoration: underline; }
span.kan_data {  text-align: right;  display: block; font-size: 11px; color: #999; }





/* Artykul */

.st_tresc{ color: #586a76; font-size: 13px; line-height: 16px; }
.st_dodano{ padding-top: 20px; display: block; text-align: right; font-size: 10px; line-height: 11px; color: #990002; }
.st_title { display: block; text-align: left; font-size: 16px; line-height: 16px; padding-bottom: 25px; }
.st_img{ float: left; border-right: solid 11px #eff0e8; border-bottom: solid 11px #eff0e8; margin-right: 10px; }
.st_druk { clear: both; margin-top: 30px; text-align: right; border-top: solid 3px #e6e6e6; padding-top: 5px; border-bottom: solid 3px #e6e6e6; padding-bottom: 3px; margin-bottom: 10px; }
div.zrodlo { float: left; }
.st_tresc p{ margin-bottom: 14px; }





/* Galeria */

#gal_show{ line-height: 14px; padding-bottom: 25px;}
#gal_show h1{ display: block; padding: 10px 3px; font-size: 14px; margin-top: 5px; font-weight: bold;}
#gal_show div.wynik{ display: block; }
#gal_show .srednia, #gal_show .glosow{ display: block; float: left; padding-top: 20px; padding-bottom: 3px; }
#gal_show .glosow{ float: right; }
#gal_show h2{ display: block; padding: 20px; }
img.gal_show{ display: block; margin: 0 auto; border: solid 4px #ecede7; }
#gal_show input, #gal_show input:hover{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; filter: alpha(opacity=100); -moz-opacity: 1; }
#gal_show input:hover { border-top: 1px solid #ffd700; border-bottom: 1px solid #ffd700; filter: alpha(opacity=50); -moz-opacity: 0.5; }
img.gal_proc{ display: block; height: 7px; }
#gal_show_wynik p{ display: block; padding: 1px; border: solid 1px #6c6165; margin-bottom: 15px; }
#gal_show form{ display: block; float: right; }
#gal_show .data, #gal_show .ile{ display: block; text-align: right; font-size: 10px; line-height: 12px; color: #999; margin-right: 4px; }
#gal_show .ile{ float: left;  margin-left: 4px; }
a.gnext, a.gprev{ display: block; background-repeat: no-repeat; font-size: 14px; line-height: 18px; color: #586a76; }
a.gnext{padding-left: 18px; margin-left: 8px;
    background-image: url("/img/gprawo.gif");
    background-position: center left;
}
a.gprev{ padding-right: 18px; margin-right: 8px;
    background-image: url("/img/glewo.gif");
    background-position: center right;
}
a.gnext:hover, a.gprev:hover{ text-decoration: underline; }
#gal_show .gcl, #gal_show .gcp{ width: 49%; background-color: #eff1ec; padding-top: 3px; padding-bottom: 3px; }
#gal_show span.pasek { display: block; background-color: #f4f5ef; height: 4px; margin-top: 6px; margin-bottom: 10px; clear: both; line-height: 1px; font-size: 1px; }
#gal_show .gcl{ float: left; text-align: right; }
#gal_show .gcp{ float: right; }


table.kalendarz{
    background-color: #c9d4ce;
    border-spacing: 1px;
    font-size: 11px;
    color: #222;
}
table.kalendarz td{background-color: #efe;}






/* Wyszukiwarka */

.szukajw { margin-top: 25px;}
.szukajw .left{ display: block; float: left; margin-left: 15px; }
.szukajw .szi{ color: red; }
.ww{ margin: 10px; border-top: 1px solid #95a4a4; margin-top: 25px;}
.wys_a { font-size: 12px; line-height: 15px; display: block; background-color: #f2f2f2; margin-bottom: 5px; border-bottom: 1px dashed #999999; padding: 15px 7px 15px; }
.wys_a .data{color: #b0012c; display: block; margin-bottom: 5px; padding-left: 1px; font-size: 11px;}
.wys_a .data2{color: #fff; display: block; float: left; padding-left: 8px;}
.wys_a .znal{ display: block; background-color: #83939d; text-align: right; padding-right: 12px; font-size: 11px; color: #fff; margin-bottom: 7px; }
.znal a, .znal a:hover{ color: #fff; font-weight: bold; }
.znal a:hover{text-decoration: underline; }
a.wysz1, a.wysz1:hover{ margin-bottom: 15px; color: #576d7a; font-size: 14px; line-height: 14px; display: block; padding-left: 20px;
    background: url(/img/gprawo.gif) no-repeat top left;
}
a.wysz1:hover {text-decoration: underline;}
.wys_a img{ display: block; float: left; border: 1px solid #83939d; margin-right: 7px; margin-bottom: 2px; }
.wys_a .tresc{ display: block; float: left; width: 270px; }





/* Mapa serwisu */

p.mapa{ display: block; float: left; width: 48%; }





/* Obrazek w tresci */

p.obrazekn, p.obrazekl, p.obrazekr { display: block; text-align: center; background-color: #fff;}
p.obrazekn img, p.obrazekl img, p.obrazekr img {display: block; margin: auto; border-top: 3px solid #fff; border-bottom: 4px solid #fff;}
p.obrazekn b, p.obrazekl b, p.obrazekr b {display: block; font-size: 11px; color: #999; font-weight: normal;}
p.obrazekl{float: left;}
p.obrazekr{float: right;}





/* Cytat w tresci */

p.cytat{ 
    display: block;
    text-align: center;
    background-color: #ecede5;
    font-weight: bold;
    font-size: 16px;
    font-style: italic;
    border-top: 8px solid #ecede5;
    line-height: 18px;
    margin-bottom: auto;
}
p.cytat b {
    display: block; 
    font-size: 12px; 
    font-weight: normal; 
    font-style: normal;
    padding: 3px;
    background-color: #fff8e0;
    border-top: 10px solid #ecede5;
}





/* Pasek kategorii */

div.kat_belt { display: block; padding-left: 15px; height: 21px;
    background: #ecede5 url("/img/belt1.gif") no-repeat 5px center;
}
div.kat_belt a, div.kat_belt a:hover{ display: block; float: left; color: #586a76; font-size: 12px; line-height: 21px; }
a.kan{ padding-left: 15px;
    background: url("/img/belt.gif") no-repeat 7px center;
}
div.kat_belt a:hover, a.kan:hover{ text-decoration: underline; }





/* Stopka */

#stopka{ height: 179px; text-align: left; font-size: 14px; line-height: 28px; font-weight: bold; color: #8e908f;
    background: url("/img/stopka/stopka_tlo.gif") repeat-x top left;
}
#stopka a, #stopka a:hover{color: #8e908f}
#stopka a:hover { text-decoration: underline; }
#st1,#st2,#st3 { float: left; width: 309px; margin-right: 10px; margin-top: 53px;
    background: url("/img/stopka/stopka_tlo_napis.gif") repeat-x top left;
}
#st2{ text-align: center; }
#st3{ margin-right: 0; text-align: right; }
#st1 span{ display: block; margin-left: 15px;}
#st1 p{ display: block; float: left; margin-left: 15px; font-size: 10px; line-height: 17px; font-weight: normal;}
#st3 a, #st3 a:hover{ display: block; float: right; padding-right: 20px; margin-right: 15px;
    background: url("/img/stopka/mapa.gif") no-repeat center right; }
#st3 a.rss, #st3 a.rss:hover { background-image: url("/img/stopka/rss.gif"); }
#stopka img{margin-left: 425px; clear: both; display: block; cursor: pointer;}