@charset "utf-8";
/*
h1 - WITACZ
h2 - TYTUŁ ARTYKUŁU
h3 - PODTYTUŁ W DUŻYM ARTYKULE

class="wazne" - WAŻNY ODNOŚNIK W MENU
class="u" - PODKREŚLENIE
class="info" - INFORMACJA NA GÓRĘ STRONY
class="info red" - INFORMACJA NA GÓRĘ STRONY NA CZERWONO
*/

body {background:url('/img/bg.gif') #e1e1e1 center repeat; margin:0px; padding:0px; font-family:Tahoma, Verdana, sans-serif; font-size:11px; color:#555; text-align:center; height:100%}

a {color:#343434; text-decoration:none; border-bottom:dotted #aaa 1px}

a:hover {color:#777}

img {border:none}


/*TOP*/

#top {width:746px; height:300px; margin:auto; padding:0px; border:none; background:#333 url('/img/logo.jpg') no-repeat}

h1 {color:#eee; font-weight:bold; font-size:12px; margin:-30px 0px 0px 0px; font-family:Tahoma, Verdana, sans-serif}

#content {width:746px; background:#fcfcfc repeat-y left url('/img/left.gif'); text-align:center; margin:8px auto 0px auto;}


/*LEWA KOLUMNA*/

#left {width:174px; height:100%; padding:0px 0px 20px 0px; background:#333; float:left}

#left ul {list-style:none; line-height:20px; margin:0px; padding:0px}

#left li {background:no-repeat #f3f3f3 center left url('/img/tlo.gif'); padding-left:15px}

#left li:hover, #left li.sfhover {background:no-repeat #f3f3f3 center left url('/img/ulhover.gif'); padding-left:15px}

.wazne, .wazne a {font-weight:bold; color:#c00; font-size:11px; margin:0px}

.wazne:hover, .wazne a:hover {font-weight:bold; color:#e00; font-size:11px; margin:0px}

.grad1 {width:150px; height:16px; background:no-repeat center bottom #ccc url('/img/grad1.gif'); text-align:center; color:#444; font-weight:bold; margin:0px auto}

.grad2 {width:150px; height:16px; background:repeat-y center #ccc url('/img/grad2.gif'); text-align:center; color:#444; font-weight:bold; margin:0px auto}

#szkola {width:150px; text-align:left; margin:2px auto 0px auto; background:url('/img/grad3.gif') no-repeat bottom #f3f3f3; padding-bottom:5px}

#absolwenci, #absolwenci2 {padding-left:10px; background:#f3f3f3}

#nagrody {background:#333 url('/img/eduseek.jpg') no-repeat; width:174px; height:320px; margin-top:15px;}

#nagrody a {border:none; color:#ccc; font-size:9px; position:relative; top:288px}

#wspieramy {border:none; color:#ccc; font-size:14px; position:relative; top:40px}

#centrum-edukacji-obywatelskiej {background:#333 url('/img/centrum_edukacji_obywatelskiej.jpg') no-repeat; width:152px; height:140px; margin-top:50px; margin-left:11px}

#centrum-edukacji-obywatelskiej a {border:none; color:#ccc; font-size:9px; position:relative; top:144px}

#poczytaj-mi-przyjacielu {background:#333 url('/img/poczytaj_mi_przyjacielu.jpg') no-repeat; width:152px; height:140px; margin-top:50px; margin-left:11px}

#poczytaj-mi-przyjacielu a {border:none; color:#ccc; font-size:9px; position:relative; top:144px}

#krewniacy {background:#333 url('/img/krewniacy.jpg') no-repeat; width:152px; height:140px; margin-top:50px; margin-left:11px}

#krewniacy a {border:none; color:#ccc; font-size:9px; position:relative; top:144px}

#polski-czerwony-krzyz {background:#333 url('/img/polski_czerwony_krzyz.jpg') no-repeat; width:152px; height:140px; margin-top:50px; margin-left:11px}

#polski-czerwony-krzyz a {border:none; color:#ccc; font-size:9px; position:relative; top:144px}

#pajacyk {background:#333 url('/img/pajacyk.jpg') no-repeat; width:152px; height:140px; margin-top:50px; margin-left:11px}

#pajacyk a {border:none; color:#ccc; font-size:9px; position:relative; top:144px}

/*PRAWA KOLUMNA*/

#right {width:572px; height:100%; background:no-repeat top left #fcfcfc url('/img/rog.gif'); float:right; line-height:1.5em; padding:0px}

.art {background:#f3f3f3 no-repeat top left url('/img/curl.gif'); margin:20px 11px 0 11px; padding:20px 15px 0 15px}

.data {float:right; margin-top:-10px; margin:-10px 0px -10px auto; padding:0px}

.art a {border:none}

.art p {text-align:justify; text-indent:3em; margin:11px 0px 0px 0px}

h2, tytul {font-family:Tahoma, Verdana, sans-serif; font-weight:bold; font-size:13px; text-align:center; padding-top:15px; margin-top:0px; text-indent:0em; clear:right; letter-spacing:1px}

h3, podtytul {font-family:Tahoma, Verdana, sans-serif; font-weight:bold; font-size:12px; text-align:center; padding-top:20px; margin-top:0px; padding-bottom:0px; margin-bottom:0px; text-indent:0em}

.u {text-decoration:underline}

.red {color:#e00}

ul {text-align:left; margin-bottom:0; padding-bottom:20px; list-style:url('/img/ul.gif')}

ol {text-align:left; margin-bottom:0; padding-bottom:20px}

.art img {padding:1px; border:1px solid #ccc; margin:10px 2px 0px 1px}

p.podpis {text-align:right; font-style:italic}

p.info {font-size:18px; font-weight:bold; margin:30px}

.separator {background:#f3f3f3 repeat-x url('/img/separator.gif'); height:40px; margin:0 11px; padding:10px 45px 0px 45px}

.powrot {float:left; border:none; text-decoration:none}

.wiecej {float:right; border:none; text-decoration:none}

.archiwum {text-align:right; font-weight:bold; margin:10px 40px}


/*POSZCZEGÓLNE*/

/*motto*/
p.motto {font-weight:bold; font-size:17px; text-indent:0em; text-align:center}

/*nauczyciele*/
table.nauczyciele {text-align:left}

/*podręczniki*/
ul.podr {list-style:none; text-align:center; padding:30px 0}
ul.podr li {padding:10px; margin:10px; display:inline; font-size:16px; font-weight:bold; background:#e1e1e1; border:1px #ccc solid}

/*rekrutacja*/
table.rekrutacja {border:none}
table.rekrutacja td {border:none; padding:0 20px}
table.rekrutacja td img {border:none}

/*absolwenci*/
.goraidol {margin-top:20px; margin-bottom:35px}
a.menu_lata {margin:0px 6px}
.aktywny {margin:0px 6px; font-weight:bold}
.pojedyncze {margin-top:10px}
.pojedyncze a {margin:0 4px}
table.abs {border:none}
table.abs td {border:none; padding:2px}
td.lp {text-align:right}
td.naz {text-align:left; width:160px}
table.abs tr:hover {background:none}

/*galerie*/
table.galeria {border:none; text-align:center}
table.galeria td {border:none; padding:1px}
tr.podpisy td {padding-bottom:5px; font-weight:bold}
table.galeria tr:hover {background:none}

/*plany lekcji*/
.godziny {width:65px}
.dni {width:85px}


/*TABELE*/

table {text-align:center; border:1px solid #999; border-collapse:collapse; font-size:11px; margin:auto; margin-top:15px}

tr.head td {font-weight:bold; background:#ccc}

td {border:1px dotted #999; padding:4px}

tr:hover {background:#fcfcfc;}


/*STOPKA*/

#valid {clear:both; margin-left:174px; margin-bottom:5px}

#valid a {border:none}

#mod {margin:20px; font-size:10px; color:#999}

#footer {width:100%; background:#333 top right no-repeat url('/img/footer.gif'); color:#fcfcfc; text-align:center; margin:auto; padding:15px 0px 5px 0px}

#footer a {color:#ddd; border:none}

#footer a:hover {color:#fbfbfb; border:none}