/* 
    Document   : style
    Created on : 2009-12-28, 08:45:07
    Author     : Carboftp
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html {background-color:#000;}
body {font-size: 11px;color:#7f7f7f; font-family: Tahoma; background-color:#000; }
table, td {border-color:#fff;}
a {color:#fff;}
a:hover {color:#fff;}
.center{ background:url("../images/background.jpg") #000 no-repeat;min-height:762px;background-position: top center; margin:0 auto;}
.home {background:url("../images/background_3.jpg") #000 no-repeat; background-position: top center;}
h3{font-size:15px; color:#e1e1e1;} /* Wykorzystywane w tytułach wiadomości */
#site {width:1001px; margin: 0 auto;}
#header{padding:43px 0 0 49px; }
.home #header{padding:43px 0 0 49px;}

#header h1 {background:url("../images/logo.png") no-repeat; width:161px;height:51px; float:left;}
#header h1 a {text-indent:-9999px;width:161px;height:51px;display:block;}
#logo a {width:161px; height:51px;}
#menu {padding:20px 0; clear:both; float:right; color:#fff;}
#menu li {float:left; padding:0px 10px;border-left:1px solid #2a2a2a; font-size: 15px;}
#menu li.first-child {border-left:none;}
#menu li a {padding:0 9px;}
#menu li.selected, #menu li:hover  {text-decoration: line-through; color:#be0814;}
#menu li.selected a, #menu li:hover a {color:#585858; }
#content_homepage {padding:15px 0px 13px 50px;}
#hotnews{float:left; width:415px;height: 182px; text-align: left; overflow: hidden; margin:0 9px 0 24px;overflow: hidden;}
#hotnews .data{display:block; margin:12px 0 0 6px;}
#hotnews h2{margin:13px 0;}
#hotnews h2 a {color:#ddd; font-size:14px; font-family: Arial;}
#hotnews p {font-size:10px; line-height:18px; width:350px; height:72px; overflow:hidden;margin-bottom: 12px;}
.rss {background: url("../images/img_pack.png") no-repeat top left;width:16px;height:16px; display: inline-block;}
.wiecej {background: url("../images/wiecej_tlo.png") no-repeat top left; height:22px; color:#2a2a2a; position:relative; bottom:0;}
.wiecej a{color: #2a2a2a;}
.wiecej a.strzalka{background: url("../images/strzalka.gif") no-repeat center right;padding-right:10px;margin:9px 10px 5px 10px;line-height:18px; color:#c5c5c5;}
.data {color:#5d5d5d; }
#content_homepage object{margin-bottom:6px;}
#content_homepage ul {width:205px; float:left; margin-top:12px;overflow: hidden;margin-right:11px;overflow:hidden;}
#content_homepage ul li {border-left:1px solid #5d5d5d; padding-left:11px; margin:8px 0 6px 0;display:inline-block;}
#content_homepage ul li a{display:block; color:#5d5d5d;}
#content_homepage ul li a:hover {color:#fff;}
#content_homepage ul li span.data {background-color: #000;}
.home-news {background: url(../images/info_homepage.jpg); height:182px;width:981px;}
#whatsup_news {float:left;width:313px;margin-top:12px; }
#whatsup {margin-top:3px;}
#whatsup h2 {margin-top: 9px; padding-bottom: 4px; border-bottom:1px solid #080808;}

#whatsup .whatsup-bg {background: url("../images/sttrans_banner_sponsorzy.jpg") no-repeat;width:313px; height:89px;margin-top:11px;margin-bottom: 5px;}
#whatsup p {font-size: 5px; padding-bottom: 1px;margin-bottom: 6px;}
#whatsup_news a {text-align: left; display:block;color:#5D5D5D;width:100%; margin:3px 0;}
#whatsup_news .hr {background-color: #080808;width: 260px;height:1px;margin: 6px 0 6px 0;}
#whatsup_news a:hover {color:#fff;}
#newsletter {width:100%;}
#newsletter .hr {margin: 6px 0 8px 0;}
#newsletter h2 { color:#ddd; font-family:Arial; font-size:14px; margin-bottom: 9px;}
#newsletter p {font-size:11px; font-family:Arial; color:#323232;line-height:12px;}
#newsletter fieldset {border:1px solid #1e1e1e; margin-top:7px;width:280px;}
#newsletter input {font-family: arial; font-size: 11px;border:0;height:24px;margin:1px;line-height: 24px;padding:0;}
#newsletter input[type='text'] {background: #000; color:#afafaf;  margin-left:11px;width:186px;}
#newsletter input[type='submit'] {color:#929292; background: #070808;width:72px;}
#footer {margin-top: 123px; background: url("../images/background_stopka.jpg") no-repeat top left;height:132px;margin-left:49px;padding-left:24px; width:960px;}
#footer li {float:left; padding:0px 17px;border-left:1px solid #2a2a2a; }
#footer li a {color:#4f4f4f;}
#footer li.selected a, #footer li:hover a{color:#f5f5f5;}
#footer li:first-child {border-left:none;padding-left:0;}
#serwisy li {padding:0 4px; border:none;}
#footer p {margin-top:24px;}
#footer p span {float:right;}
#footer div {float:left;margin-top:16px;}
#footer div a {border:1px solid #0b0b0b; height:24px; line-height: 24px;display: inline-block;padding:0 13px; margin-right:16px; color: #343434;}
#footer div a:hover{color:#fff}
#content {margin-bottom: 10px;margin-left:49px;}
.youtube{background: url("../images/img_pack.png") no-repeat;background-position: -15px 0px;width:42px;height:17px; display: inline-block; }
.sledzik{background: url("../images/img_pack.png") no-repeat;background-position: -102px 0px;width:21px;height:17px;display: inline-block;}
.facebook{background: url("../images/img_pack.png") no-repeat ;background-position: -57px 0px;width:45px;height:17px;display: inline-block;}
.gora {background:url("../images/tlo_gora.png") no-repeat;width:880px; height:165px;z-index:3;padding:79px 56px 0 65px;}
.gora h2 {font-size:15px; color:#fff;margin:5px 0 10px 7px;}
.breadcrumb {float:left; margin-bottom: 13px;}
.breadcrumb a {color: #9a9a9a;margin-right:8px;margin-left:7px;}
.breadcrumb a:hover {color:#fff;}
.breadcrumb span {color: #9a9a9a;margin-left:7px;}
.ksiazka {background: url("../images/img_pack.png") no-repeat ;background-position: 0px -20px;width:125px;height:87px; z-index: 120;position:relative;margin-top:-86px; top:41px;float:left; left:19px;}
.gwiazdka {background: url("../images/img_pack.png") no-repeat ;background-position: -125px 0px;width:144px;height:111px; z-index: 120;float:left;}
.kartka {background: url("../images/img_pack.png") no-repeat ;background-position: 0px -110px;width:127px;height:102px; z-index: 120;float:right;}
.tab{float:right;margin-right:20px;}
.tab a {margin-right:1px; text-align:center;  color: #9a9a9a;display: inline-block;line-height:21px; border:none;}
.tab a:hover {color:#fff;}
.tab li {float:left; margin-right:1px;  height:22px; text-align: center; display: inline-block;line-height:21px;position:relative;top:4px;background-color: #3b3b3b;padding:0 5px;}
.tab li span {border:1px solid #3b3b3b; border-bottom: 1px solid #000;display: inline-block;width:33px; background-color: #000;}
.srodek {background:url("../images/tlo_srodek.png") repeat-y;background-position: -1px 0; width:880px; min-height:260px;z-index:2;padding:0 56px 0 65px;}
.dol {background:url("../images/tlo_dol.jpg") no-repeat;width:880px; height:110px;z-index:3;padding:0 56px 0 65px; margin-bottom: 10px;}
.naw {border-bottom:1px solid #3b3b3b; width: 880px;}
.news_zajawka {text-align:left; font-family: Arial;padding-bottom: 18px; width: 880px;}

.news_zajawka p {color: #c2c2c2;margin:7px 0 14px 0;}
.paginacja {float:right; margin-right:15px;}
.paginacja li {float:left;width:18px; height:16px;line-height:16px; text-align: center;display: inline-block; color:#5d5d5d;}
.paginacja li.selected {color:#b8b8b8; background-color:#383838;}
.paginacja li a {color: #5d5d5d;}
.paginacja li a:hover {color:#fff;}
.paginacja li a.next {background: url("../images/strzalka.gif") no-repeat center right;padding-right:10px;}
.wiadomosc {margin-left:7px; text-align:left; width:880px;position:relative;top:-87px;margin-bottom:-87px;}
.wiadomosc .galeria {float:left;margin-top:10px;}
.wiadomosc div.tresc {font-size: 11px; color: #c2c2c2;margin-bottom:41px;padding-top:10px;min-height:200px;}

.wiadomosc div.wiadomosc-film {margin-bottom:20px; text-align:center;}
.wiadomosc div.tresc .image_tresc { float: left;margin-right:10px;margin-bottom:10px;}
.wiadomosc div.tresc p {padding:5px 0;}
.wiadomosc div.tresc ul li {list-style-type: disc;}
.wiadomosc div.tresc ul, .wiadomosc div.tresc ol {margin-left:25px;}
.wiadomosc div.tresc ol li {list-style-type: decimal;}
.zdjecie {float:left; height:160px;width:170px;text-align:center;margin-left:7px;margin-bottom:18px;}
.zdjecie div.zdjecie-ramka {float:left;}
.zdjecie div.lewy-gora {background:url("../images/lewy-gora1.png") no-repeat transparent; background-position: top left;}
.zdjecie div.prawy-gora{background:url("../images/prawy-gora1.png") no-repeat transparent; background-position: right top;}
.zdjecie div.lewy-dol{background:url("../images/lewy-dol.png") no-repeat transparent; background-position: left bottom; }
.zdjecie div.prawy-dol{ background:url("../images/prawy-dol1.png") no-repeat transparent; background-position: right bottom;}
.zdjecie div.srodek-content{padding:13px;}

.galeria-top { background: url("../images/galeria-top.png") no-repeat; width:995px; height:102px;}
.galeria-top h2 {font-size:15px; color:#fff; float:left;margin:49px 0 0 115px;}
.galeria-top a {font-size:15px; color:#fff;float:left;margin:49px 0 0 225px;}
.galeria-video {background: url("../images/grupa-tab-not.png") no-repeat; width:995px; height:108px;background-position: -1px 0;}
.galeria-video h2 {background:url("../images/grupa-zakladka2-selected.png") repeat scroll -1px 105px transparent;color:#FFFFFF; float:left; font-size:15px; height:105px; line-height:105px; text-align:center; width:258px;}
.galeria-video a {font-size:15px; color:#fff;float:left;margin:49px 123px 0 115px;}
.galeria-content{width:995px;background: url("../images/galeria-bg.png") repeat-y 1px top;}
.galeria-content .breadcrumb {margin-left:29px;}
.galeria-content h3 {margin:3px 37px;font-size:16px; font-weight:bold;}
.galeria-content p {margin-left:37px;margin-bottom:8px;}
.ramka-1{ background: url("../images/ramka_v1.png") no-repeat;position:relative;top:-207px;margin-bottom: -207px;}
.ramka {width:299px; height:207px; text-align: center;}
.ramka span {position: relative; bottom:20px;font-size:12px; color:black;position: relative; top:173px;display:inline-block; width:240px; height:16px;overflow: hidden;text-align:center;}
.ramka span:hover{text-decoration: underline;}
.ramka-content {float:left; width:299px; height:207px; text-align:center;}
.ramka-zdjecie-img {width:299px;height:207px; overflow:hidden; text-align:center;}
.ramka-2{background: url("../images/ramka_v2.png") no-repeat;position:relative;top:-207px;margin-bottom: -207px;}
.ramka-3{background: url("../images/ramka_v3.png") no-repeat;position:relative;top:-207px;margin-bottom: -207px;}
.ramka-4{background: url("../images/ramka_v4.png") no-repeat;position:relative;top:-207px;margin-bottom: -207px;}
.ramka-5{background: url("../images/ramka_v5.png") no-repeat;position:relative;top:-207px;margin-bottom: -207px;}
.ramka-6{background: url("../images/ramka_v6.png") no-repeat;position:relative;top:-207px;margin-bottom: -207px;}
.galeria-content ul.paginacja {margin-right:131px;}
.galeria-content div.galeria {
    background-position: 1px bottom;
    background-image: url(../images/galeria-content.png);
    background-repeat: no-repeat;
    padding-left:39px;
    padding-bottom: 91px;
    min-height:427px;
}
.grupa {width:995px;margin:0 auto 58px auto;}
.grupa-ramka1{background:url("../images/grupa-ramka1.png") no-repeat;background-position: top center;width:1095px; min-height:620px;margin-left:-47px;}
.grupa-zakladka {width:995px; height:115px; font-size: 15px;text-align:center;}
.grupa-zakladka a {line-height:115px;}
.grupa-zakladka h2 {float:left;height:115px; text-align:center; line-height:115px; }
.grupa-zakladka div {float:left;height:115px; text-align:center; line-height:115px;}
h2.tab-0 {background: url(../images/tab-1-selected.png) no-repeat; background-position: bottom left; width:209px;}
h2.tab-1 {background: url(../images/tab-2-selected.png) no-repeat; background-position: bottom left; width:200px;}
h2.tab-2 {background: url(../images/tab-3-selected.png) no-repeat; background-position: bottom left; width:190px;}
h2.tab-3 {background: url(../images/tab-4-selected.png) no-repeat; background-position: bottom left; width:200px;}
h2.tab-4 {background: url(../images/tab-5-selected.png) no-repeat; background-position: bottom left; width:195px;}
div.tab-0 {background: url(../images/tab-1.png) no-repeat; background-position: bottom left; width:209px;}
div.tab-1 {background: url(../images/tab-2.png) no-repeat; background-position: bottom left; width:200px;}
div.tab-2 {background: url(../images/tab-3.png) no-repeat; background-position: bottom left; width:190px;}
div.tab-3 {background: url(../images/tab-4.png) no-repeat; background-position: bottom left; width:200px;}
div.tab-4 {background: url(../images/tab-5.png) no-repeat; background-position: bottom left; width:195px;}
.grupa-content {background: url(../images/grupa_bg.jpg) repeat-y -1px 0px;}
.grupa-content2 {background: url("../images/grupa-bg2.jpg") no-repeat;background-position: -1px bottom; min-height:517px;padding-left:39px; padding-bottom: 29px;}
.grupa-content2-header {min-height:71px;}
.spoko {background:url("../images/im_spoko.png"); width:164px; height:45px;float:left;}
.lista-grup {float:right; width:720px; margin-right:33px; background-color:#242424; margin-top:-13px;}
.lista-grup li {float:left;padding:0 10px}
.lista-grup li a {line-height: 31px;}
.lista-grup li a:hover{color:#fff;}
.grupa-opis {margin-top:6px;}
.grupa-zdjecie {float:left;text-align: center;margin-top:25px;}
.grupa-zdjecie-img {width:256px;height:183px; overflow:hidden; text-align:center;}
.grupa-zdjecie-ramka1 {background:url("../images/grupa-zdjecie1.png"); width:256px; height:216px;position: relative; margin-top:-195px;}
.grupa-zdjecie-ramka2 {background:url("../images/grupa-zdjecie2.png"); width:256px; height:219px;position: relative; margin-top:-195px;}
.grupa-opis {float:left; width:100%;}
.grupa-opis .grupa-tresc {background:url("../images/grupa-opis-bg.jpg") repeat-y; width:663px; float:left;}
.grupa-opis .grupa-tresc-header {background:url("../images/grupa-opis-header.jpg") no-repeat;background-position:  0 top;padding-top:46px;}
.grupa-opis .grupa-tresc-footer {background:url("../images/grupa-opis-footer.jpg") no-repeat;background-position:  0 bottom;padding:2px 22px 50px 32px;min-height: 150px;}
.grupa-nauczyciel{float:left; width:100%; clear: both;}
.grupa-nauczyciel .grupa-tresc {background:url("../images/grupa-nauczyciel-bg.jpg") repeat-y; width:663px; float:left; background-position: 0px 0;}
.grupa-nauczyciel .grupa-tresc-header {background:url("../images/grupa-nauczyciel-header.jpg") no-repeat;background-position:  0 top;padding-top:22px;}
.grupa-nauczyciel .grupa-tresc-footer {background:url("../images/grupa-nauczyciel-footer.jpg") no-repeat;background-position:  0 bottom;padding:24px 22px 48px 32px; min-height:166px;}
.grupa-tresc-footer h3 { font-family: Arial; font-size:14px; color:#f1f1f1;}
.grupa-tresc-footer h4 { font-family: Arial; font-size:11px; color:#b5b5b5; margin-bottom: 12px;}
.grupa-tresc-footer ul {float:left;}
.grupa-tresc-footer li {width:130px;margin-bottom: 16px; margin-right:5px;}
.grupa-tresc-footer li span {color:#c7c7c7}
.grupa-tresc-footer p {float:left;color:#fff;line-height: 18px;}
.grupa-nauczyciel .grupa-tresc-footer li {margin-bottom: 2px;}
.grupa-opis-tekst {float:left;width:460px;}
.grupa-opis-tekst  p {float:none; margin:0; padding:0;}
.grupa-opis-tekst ol, .grupa-opis-tekst ul {margin-left:30px;}
.grupa-opis-tekst ol li {list-style-type: decimal;margin: 0;color:#FFFFFF;}
.grupa-opis-tekst ul li {list-style-type: disc;margin: 0;color:#FFFFFF;}
.grupa-tresc-footer a {float:left;color: #ababab;display: inline-block;line-height: 22px;text-align: center;margin-left:24px;margin-top:12px;}
.grupa-tresc-footer a:hover{color:#fff;}
.grupa-tresc-footer a.czytaj-dalej { float:left; background: url("../images/czytaj-dalej.jpg"); width:98px; height:22px;margin-top:12px;margin-left:10px; text-indent: -9999999px;}
.grupa div.gwiazdka {float:none; position:relative;top:253px;left:152px;margin-top:-111px;}
.grupa div.pucharek {background:url("../images/pucharek.png"); width:61px; height:54px;position:relative;top:0px;left:35px;margin-top:-54px;}
.grupa div.kartka1 {background:url("../images/kartka.png"); width:142px; height:100px;position:relative;top:84px;left:771px;margin-top:-100px;float:left;}
.grupa div.kartka2 {background:url("../images/kartka2.png"); width:89px; height:76px;position:relative;top:115px;left:697px;margin-top:-76px;float:left;}
.grupa div.czapka {background:url("../images/czapka.png"); width:115px; height:91px;position:relative;top:188px;margin-top:-91px;}
.grupa-tresc-footer a.zapisz-sie{ float:left; background: url("../images/zapisz-sie.jpg"); width:192px; height:22px;margin-top:16px; margin-left:11px; display: inline-block;text-indent: -9999999px;}
#zapisy_form {margin-top:8px; font-size: 11px;}
#zapisy_form h4{font-size:14px;color:#fff; font-weight: bold;margin: 5px 0;}
#zapisy_form p {margin-bottom: 3px; padding: 0; font-size: 11px;}
#zapisy_form label {width:50px; text-align: right;margin-right:3px;display: inline-block; font-size: 11px;}
#zapisy_form select {font-size:11px;}
#zapisy_form input[type='text'] {width:230px; padding-left:2px; font-size: 11px;}
#zapisy_form textarea {width:232px;}
#zapisy_form input[type='submit']{margin-left:103px; font-size: 11px;}
.error_star {color:red;font-size: 14px;}
.error {color:red;}
.notice {color:white; line-height:15px; font-size:12px;}
.kontakt {float:left; width:44%;}
.map{float:left; width:50%;}
.pull-up {margin-top:7px;}
#banner {margin:10px 0; text-align: center;}
#hideON {background: #000; color:#afafaf; width:186px;margin-left:-190px; display: inline-block;}
#banner_link:hover {cursor: pointer}