html,body { margin: 0; padding: 0; text-align: center; }
html,body { font: normal normal normal 16px/1.2em Georgia, "Times New Roman", serif; background: #F8F8E8 url('graf/tlo-b.jpg') no-repeat fixed bottom left; color: #003; }
h1,h2,h3,h4,h5,h6 { margin: 8px 0; line-height: 1.2em; color: #003882; }
p { margin: 8px 0; }
dl { margin: 5px; }
ul, ol { margin-top: 5px; margin-bottom: 5px; }
ul { list-style-type: none; margin-left: 20px; padding-left: 0; }
dl dt { font-weight: bold; margin: 5px 0; }
dl dd { margin: 0 0 0 20px; }
a img { border: none; }
table { font: normal normal normal 12px Arial, Verdana, sans-serif; width: 98%; margin: 15px auto; color: navy; }
table caption { text-align: left; font-weight: bold; }
.tabelka { border-collapse: separate; border: 1px solid; border-color: #aaa #ddd #ddd #aaa; }
.tabelka td, .tabelka th { border: 1px solid; padding: 2px;border-color:#ddd #aaa #aaa #ddd; }
.tabelka tbody th { text-align: left; font-weight: normal; }
.tabelka thead th, .tabelka .set { background: #E8EDF5 url('graf/tlo-h.jpg') no-repeat fixed bottom left; text-align: center; }
.tabelka tbody td { text-align: center; }
.portfolio p{margin-left: 10px;}
#kontener { width: 990px; margin: auto; padding: 0; position: relative; text-align: left; }
#naglowek { position: relative; height: 150px; text-align: right; background: #fff url('graf/logo-sokol.jpg') no-repeat 0 0; }
#tresc { margin-right: 250px; padding: 1px 10px; background: #fff url('graf/tlo-t.jpg') no-repeat fixed bottom left; }
#tresc > h2 { clear: left; border: 1px solid #eee; padding: 2px 8px; background: #E8EDF5 url('graf/tlo-h.jpg') no-repeat fixed bottom left; border-right-color: #ddd; border-bottom-color: #ddd; }
#b-index #tresc > h6 { color: #2D5A92; font-size: 13px; font-weight: normal; margin: -8px 0 5px 0; border: 1px solid #ddd; border-top: none; border-left-color: #eee; padding: 2px 8px; background: #E8EDF5 url('graf/tlo-h.jpg') no-repeat fixed bottom left; }
#b-index #tresc > h2 { border-bottom: none; }
#b-index #tresc > h6:before { content: "Dnia "; }
#tresc img { padding: 1px; border: 1px solid #D1DBEB; }
#tresc img { float: left; margin: 5px 10px 5px 0; box-shadow: 2px 3px 2px #ccc; -webkit-box-shadow: 2px 3px 2px #ccc; -moz-box-shadow: 2px 3px 2px #ccc;}
#tresc img.prawy { float: right; margin: 5px 0 5px 10px; box-shadow: -2px 3px 2px #ccc; -webkit-box-shadow: -2px 3px 2px #ccc; -moz-box-shadow: -2px 3px 2px #ccc;}
#tresc img.jpg { display: none; }
#tresc img.png { display: block; }
#tresc div.prawy { float: right; }
#tresc div.prawy img { float: none; margin: 5px 0 0 5px; }
#tresc div.frame { margin: 5px auto; width: 700px; height: 700px; position: relative; }
#tresc a, #prawy p a { text-decoration: none; border-bottom: 1px dotted blue; }
#tresc a:link, #tresc a:visited { color: blue; }
#tresc a:hover { color: red; border-bottom-color: red; }
#prawy { width: 240px; float: right; padding: 1px 5px 5px; font-size: 13px; }
#prawy, #stopka { font-family: Georgia, "Times New Roman", serif; }
#prawy h1, #prawy h2, #prawy h3, #prawy h4, #prawy h5, #prawy h6 { background: #f8f8e8; color: blue; padding: 3px; margin: 4px 0; text-align: center; }
#prawy ul { margin: 5px 0; padding: 0; list-style: none; }
#prawy ul li { margin: 0; padding: 0 1px; font-family: Verdana, Arial, "Lucida Sans Unicode", "Trebuchet MS", sans-serif; border-bottom: 1px solid #eee; }
#prawy li a { text-decoration: none; display: block; width: 100%; }
#prawy li a:link, #prawy li a:visited { color: #009; }
#prawy li a:hover { background: #fcfcf3; color: red; }
#prawy li a:hover span{color:blue;}
#prawy .prawy-div { border: 3px double #ddd; padding: 3px; height: auto; background: #fff; margin: 5px -5px; }
#prawy .prawy-div h5, #prawy .prawy-div h3, #prawy .prawy-div h4 { margin: -2px -2px 3px -2px; }
#prawy .zolty{background: #f5f5dc;color:#2E2E79}
#prawy .zielony{background: #D1E3D1;color:#252E82;border-color:#8BB98B}
#prawy .niebieski{background: #ACC7FF;border-color:#69c;}
#prawy .czarny{background: #333;color:#ffc;}
#prawy .braz{background: maroon;color:#cff;}
#prawy .braz a:link,#prawy .czarny a:link{color:#fff;}
#prawy .braz a:visited,#prawy .czarny a:visited{color:#fff;}
#prawy .braz a:hover,#prawy .czarny a:hover{color:#B0D1DA;}
#stopka { text-align: center; background: #466FB0 url('graf/tlo-s.jpg') no-repeat fixed bottom left; color: #fff; clear: right; padding: 5px; }
#stopka p { margin: 0; padding: 0; font-size: 11px; }
.cent { text-align: center; }
.righ{ text-align: right; }
.wciecie{margin-left:50px;display:block;}
#prawy .liga, #prawy .liga *{background:#003;color:#F0FFFF;}
#prawy .liga h5 {text-align:left; background:transparent;}
#prawy .liga h5.righ {text-align:right;}
#tresc .b-none { border-width: 0; }
#tresc .mniejszy { font-size: 0.8em; }
.caps { font-variant: small-caps; }
.caps span{ font-variant:normal; }
.ucase { text-transform: uppercase; }
.ucase span { text-transform: none; font-size: 0.9em; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.bg-white { background: #fff; }
.podn { margin-top: -15px; }
.clear-l { clear: left; }
.clear-r { clear: right; }
.strike { text-decoration: line-through; }
.red { color: red; }
.blue { color: blue; }
.d-none { display: none; }
.c00{color:#CC0033;}
.table-img { float: none; padding: 0; margin: 0; border: none; }
.uper-roman { list-style-type: upper-roman; }
.letter-spacing2{ font-stretch: narrower; letter-spacing: 2px;}
.letter-spacing5{ font-stretch: narrower; letter-spacing: 5px;}
.italic{font-style: italic;}
div.kom-ozd li {font-weight:bold;color:maroon; font-size: larger;text-shadow:3px 3px 3px #999;}
div.kom-ozd li li{font-weight:normal;color:#003;font-size: medium;text-shadow:none;}
div.kom-ozd li li li{color:maroon;}
div.kom-ozd ul{ list-style-type: square;}
h1.kom-ozd, h2.kom-ozd, h3.kom-ozd { text-shadow:3px 2px 3px #999;}
#tresc .f-none{float:none;display:block;margin:auto;}
.abc { list-style-type: lower-alpha; }
.bez { list-style-type: none; }
#prawy .impm-h { background: #466FB0; color: #fff; }
#prawy .prawy-div .komunikat{color: #F0F8FF;background:#003992;}
#b-oklubie #tresc div.adres-klubu { color: #fff; background: #466FB0 url('graf/tlo-s.jpg') no-repeat fixed bottom left; color: #fff; text-align: center; padding: 5px 5px 0; margin-top: 5px; border: 1px solid #000080; border-top-color: #8080FF; border-left-color: #8080FF; }
#b-oklubie #tresc div.adres-klubu * { color: #fff; border: none; text-shadow: -1px -1px 1px #003; }
#b-oklubie #tresc div.adres-klubu h1 { color: #fff; background: transparent; }
#b-zawodnicy #tresc div, #b-historia #tresc div { border: 3px double #D1DBEB; margin: 5px; padding: 0 5px 5px; min-height: 320px; }
#b-zawodnicy #tresc div h3, #b-historia #tresc div h1, #tresc h1.tytul { margin: 1px -4px 0; background: #E8EDF5 url('graf/tlo-h.jpg') no-repeat fixed bottom left; color: navy; padding: 4px; }
#b-zawodnicy #tresc div img { margin-top: -20px; background: #fff; }
#b-zawodnicy #tresc div.grupa { border: none; margin: 0; padding: 0; overflow: auto;}
#b-zawodnicy #tresc div.grupa div { float: left; border: 3px double #D1DBEB; margin: 5px; padding: 5px; width: 154px; min-height: 230px; }
#b-zawodnicy #tresc div.grupa div.lewy-marg3 { margin-left: 95px; }
#b-zawodnicy #tresc div.grupa div.lewy-marg2 { margin-left: 185px; }
#b-zawodnicy #tresc div.grupa div.lewy-marg1 { margin-left: 280px; }
#b-zawodnicy #tresc div.grupa div img { margin: 0 0 5px 0; }
#b-zawodnicy #tresc div.grupa div p { margin: 0 -4px -4px; background: #E8EDF5 url('graf/tlo-h.jpg') no-repeat fixed bottom left; color: navy; padding: 4px; text-align: center; clear: left; }
#b-galeria #tresc div { float: left; border: 3px double #D1DBEB; margin: 5px; padding: 10px; width: 324px; }
#b-galeria #tresc div p { margin: 0 -9px -9px; background: #E8EDF5 url('graf/tlo-h.jpg') no-repeat fixed bottom left; color: navy; padding: 4px; text-align: center; clear: left; }
#b-galeria #tresc div img { display: block; margin: 0 0 10px; }
#b-galeria-impm #tresc img { margin: 5px 10px; width: 200px; height: 150px; padding: 5px; border: 3px double #ccc; }
#b-galeria-impm #tresc a:hover img, #b-zawodnicy #tresc a:hover img, #b-zawodnicy #tresc .grupa div:hover { background: #eee; }
#b-galeria-impm #tresc img.margin-1 { margin-left: 246px; }
#b-galeria-impm #tresc img.margin-2 { margin-left: 130px; }
#b-galeria-impm #tresc div.port { clear: left; }
#b-galeria-impm #tresc div.port img { width: 150px; height: 200px; margin: 5px; }
#b-galeria-impm #tresc div.port img.p-margin-1 { margin-left: 270px; }
#b-galeria-impm #tresc div.port img.p-margin-2 { margin-left: 182px; }
#b-galeria-impm #tresc div.port img.p-margin-3 { margin-left: 92px; }
#turnieje li a span { color: red; }


#b-zawodnicy #tresc div.portfolio img{box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; -moz-box-shadow: 5px 5px 5px #ccc;}
#b-zawodnicy #tresc div.portfolio img:hover{box-shadow: 5px 5px 5px #666; -webkit-box-shadow: 5px 5px 5px #3666; -moz-box-shadow: 5px 5px 5px #666;}
#b-zawodnicy #tresc div.portfolio img.prawy{box-shadow: -5px 5px 5px #ccc; -webkit-box-shadow: -5px 5px 5px #ccc; -moz-box-shadow: -5px 5px 5px #ccc;}
#b-zawodnicy #tresc div.portfolio img.prawy:hover{box-shadow: -5px 5px 5px #666; -webkit-box-shadow: -5px 5px 5px #666; -moz-box-shadow: -5px 5px 5px #666;}