BODY {font-family: Trebuchet MS, Tahoma, sans-serif;font-size: 80%;color: #000000;background: url(grafika/kratkasz1.gif);}
/* Ustalanie wy�rodkowania ca�ego bloku strony dziala pod ie ff i oper� */
BODY {margin-top: 0;margin-bottom: 0;padding-left: auto;padding-right: auto;padding-top: 0;padding-bottom: 0;text-align: center;}

/* klir likwiduje ujemne skutki kolumnowej budowy strony za pomoc� divuf*/
.klir{width: 100%;height: 0;clear: both;}

/* g��wny blok strony z sta�� szeroko�ci� 800 pikseli */
.strona{margin-top: 0;margin-bottom: 0;margin-right: auto;margin-left: auto;padding: 0 0 0 0;text-align: left;width: 800px;}

/* ********************************** */
/*  n a g � � w e k      s t r o n y  */
/* ********************************** */

/* g�rny panel sterowania*/
.strona div.info{border-bottom: 1px solid gray;color: navy;margin-left: 0;padding-left: 0;}
.strona div.info ul{margin-left: 0;padding-left: 0;margin-top: .2em;margin-bottom: .2em;}
.strona div.info ul li{display: inline;}
.strona div.info ul li a{border: 1px solid white;text-decoration: none;}
.strona div.info ul li a.on{background: url(grafika/arrow.gif);background-position: left;background-repeat: no-repeat;color: #008500;padding-left: 10px;}
.strona div.info ul li a.on:hover{border: 1px solid gray;}

/* element z nazw� szko�y i dok�adnym adresem*/
.naglowek{width: 100%;}
b.rtop, b.rbottom{display: block;background: white; }
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #FFD700;}
.r1{margin: 0 5px;}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

/*cz��� lewa nag��wka wprowadzenie i takie tam.*/
/* .wstep{background-image: url(http://msp6.alfa-system.pl/img/blue.png);background-repeat:no-repeat;background-position: right bottom;} */
.wstep div{margin-top: 0;margin-bottom: .5em;padding-right: .5em;}
.wstep div img{margin-right: .5em;margin-bottom: .5em;float: left;border: none;}
.wstep div span.logo{font-weight: bolder; font-size: 1em; font-style: normal; color: #000080;}
.wstep div a{color:#990000;}
.wstep div a:hover{text-        decoration: none;}
/* ************************************************************ */
/*                 cze�� z linkami graficnzymi                   */
/* *****************************        ******************************* */
.panel{width: 100%;clear: both;padding-top: 0;padding-bottom: 0;}
.panel img{margin-right: 20px;margin-top        : .4em; margin-bottom: .4em;border: none;}

/****************************************************************/
/*            cz��� strony informacyjna �rodkowa                */
/****************************************************************/
.bodek{width: 100%;margin: 20px 0 0 0;padding: 0 0 0 0;clear: both;}
/* menu z lewej strony */
.bodek div.bodeklewy{float: left;width: 200px;text-align: left;}
.bodek div.bodeklewy li.topek{font-size: 1.6em;font-weight: normal;font-style: normal;margin-top: 0;text-indent: 10px;background-image: url(grafika/tlo.gif);background-repeat: no-repeat;background-position: top;background-color: royalblue;padding-bottom: 0;padding-top: 0;margin-bottom: 0;color: khaki;}
.bodek div.bodeklewy li.topek:first-letter{font-weight: bold;color: white;font-style: italic;}
.bodek div.bodeklewy ul.menu_lewy{list-style-type: none;margin-top: 0;margin-left: 0;padding-left: 0;padding-bottom: 0px;background-color: cornflowerblue;}
.bodek div.bodeklewy ul.menu_lewy li{padding-left: 1px;padding-top: 1px;padding-bottom: 1px;border-bottom: 1px solid white;border-top: 1px solid white;}
.bodek div.bodeklewy ul.menu_lewy li.lastmenu{margin-bottom: 0;background-image: url(grafika/tlodown.gif);background-repeat: no-repeat;background-position: bottom;}
.bodek div.bodeklewy ul.menu_lewy li a{display: block;width: 198px;text-indent: 15px;text-decoration: none;color: white;background-color: none;font-weight: bold;}
.bodek div.bodeklewy ul.menu_lewy li a:hover{border-color: black;color: #000066;background-image: url(grafika/arrow_w.gif);background-repeat: no-repeat;background-position: left;}
.bodek div.bodeklewy ul.menu_lewy ul.podmenu{margin-left: 0px;padding: 0 0 0 0;background-color: #FFFF99;margin-bottom: 0;}
.bodek div.bodeklewy ul.menu_lewy ul.podmenu li{padding-left: 0px;list-style-type: none;padding-top: 1px;padding-bottom: 1px;margin-bottom: 0;}
.bodek div.bodeklewy ul.menu_lewy ul.podmenu a{width: 198px;display: block;font-weight: normal;color: #336699;}
.bodek div.bodeklewy ul.menu_lewy ul.podmenu a:hover{text-decoration: underline;color: #CC0000;}
/* kalendarium */
.kalendarium {width: 200px; list-style-type: none; margin: 0; padding: 0;color: navy;}
.kalendarium li{border-bottom: 1px dotted #336600;padding: .5em;}
/*cz��� prawa od informacji*/
.bodek_prawy{margin-left: 210px;margin-top: 0;}
.bodek_prawy .news, .bodek_prawy .art{padding-left: .5em;padding-right: .5em;padding-top: 0;}

/*bajer napis news*/
.bodek_prawy div.news h2{margin-top: 0;padding-top: 0;letter-spacing: .2em;font-size: 2.5em;text-align: center;color: navy;}
.bodek_prawy div.news h2 span.nowe{font: bold 1.4em sans-serif, Tahoma; color: #009966;}
.bodek_prawy div.news h2 span.szkola{padding-left: 0.6em;display: block; text-indent: 1em;font: weight 0.9em/40% "Trebuchet MS", sans-serif;color: #FFAA25;letter-spacing: .5em;}
/*.bodek_prawy div.news h2 span.strona{padding-left: 0.6em;display: block; text-indent: 1em;font: normal 0.9em/40% "Trebuchet MS", sans-serif;color: #FFAA25;letter-spacing: 1em;}
.bodek_prawy div.news h2 span.nowe {font: bold 1.4em sans-serif, Tahoma; color: #009966;}
.bodek_prawy div.news h2 {font: bold 2.5em/10% sans-serif, Tahoma; color: #000080; text-align: center;}
*/
/*elementy bloku news'uf*/
.bodek_prawy div.news ul li, .bodek_prawy div.news ul li.bodyn ul{padding: 0;margin-bottom: 0;margin-top: 0;list-style-type: none;margin-left: 0;padding-left: 0;}
.bodek_prawy .news ul{margin-left: 0;padding-left: 0;margin-top: 0px;margin-right: 0;}
.bodek_prawy .news li{padding-left: 0;padding-top: 1em; font: normal 1.1em bold "Trebuchet MS", Verdana, Arial, sans-serif;text-align: justify;list-style-type: none;}
.bodek_prawy .news ul li a{font-style: italic;color: crimson;}
.bodek_prawy .news ul li a:hover{color: darkred;text-decoration: none;}
.bodek_prawy .news ul li.dzial{background-image: url(grafika/topblue.jpg);background-repeat: repeat-x; background-position: top;margin-top: -0.3em; color: #730025; font: normal 0.8em/110% Arial, Helvetica, sans-serif;letter-spacing: 0.5em; text-transform: uppercase;}
.bodek_prawy .news ul li span.data{letter-spacing: normal; text-align: right;}
.bodek_prawy .news ul li.tytul {border-bottom: 1px dotted #DBDBDB;padding-top: 0px; color: #006296; text-transform: uppercase;font-weight: bold; text-align: left;background: transparent;}
.bodek_prawy .news ul li.bodyn{ color: #000; font: normal 1em/125% Verdana, Arial, sans-serif;text-indent: 2em; text-align: left;margin-bottom: 2em; padding-bottom: .5em;padding-top: 1em;background: transparent;}
.bodek_prawy .news ul li img {margin: 5px 5px 5px 5px;border: 1px solid black; padding: .2em .2em .2em .2em;float: left;vertical-align: top;}
/* style artykuluf */
.bodek_prawy .newsy {font-family: Trebuchet MS, sans-serif;}
.bodek_prawy .newsy h2{border-bottom: 1px solid black;}
.bodek_prawy .newsy ul li a {background-color: transparent;}
.bodek_prawy .newsy ul li a:hover {text-decoration: none;}
.bodek_prawy .newsy p{text-indent: 2.5em;}
.bodek_prawy .newsy a.fotkanews {margin: 5px;display: block; float: right;padding: 2px;border: 1px solid black;background-color: white;}
.bodek_prawy .newsy a img{border: none;}
.bodek_prawy .newsy li{ list-style-image:url('grafika/znak.gif');}
.bodek_prawy .newsy .istotne{background-color: #FFFFCC;border-bottom: 1px dotted red;border-top: 1px dotted red;padding: 0;margin-bottom: 2px;}
.bodek_prawy .newsy .istotne h3{color: #CC0000;margin: 2px 0 1em 0;padding: 0;text-align: center;}
.bodek_prawy .newsy div.istotne p {text-align: center;}
.bodek_prawy .newsy a.zwyklylink {color: red;}
.bodek_prawy .newsy a.zwyklylink:hover {color: navy;text-decoration: none;}

.bodek_prawy .art h2{font-family: Trebuchet MS, sans-serif;}
.bodek_prawy .NowaGaleria {background-color: #E6E6E6;padding: 0;}
.bodek_prawy .NowaGaleria h3{background-color: #99CCFF;margin: .5em 0 0 0; padding: 0;text-indent: 2em;color: white}
.bodek_prawy .NowaGaleria b.rtop,.bodek_prawy .NowaGaleria  b.rbottom{display: block;background: white; }
.bodek_prawy .NowaGaleria b.rtop b,.bodek_prawy .NowaGaleria  b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #E6E6E6;}
.bodek_prawy .NowaGaleria ul li a {color: navy;}
.bodek_prawy .NowaGaleria ul li a:hover {color: red;}
.bodek_prawy .NowaGaleria .r1{margin: 0 5px;}
.bodek_prawy .NowaGaleria .r2{margin: 0 3px}
.bodek_prawy .NowaGaleria .r3{margin: 0 2px}
.bodek_prawy .NowaGaleria .r4{margin: 0 1px; height: 2px}
.bodek_prawy .NowaGaleria h3:first-letter {color: navy;font-style: italic;font-size: 2em;}
/* stopka */
.stopka{
        margin-bottom: 5px;
        background-color: cornflowerblue;
        background-image: url(grafika/kantl.gif);
        background-position: left bottom;
        background-repeat: no-repeat;
        color: black;
        font-size: .8em;
        padding: 0;
        font-family: tahoma, sans-serif;
}
.stopka p{
        background-color: #D3E1FA;
        border-left: 1px solid white;
        margin: 0 0 0 210px;
        padding: 1em .5em .5em .5em;
        background-image: url(grafika/kantp.gif);
        background-position: right bottom;
        background-repeat:  no-repeat;
}

/* ********************************* */
/*     logo i takie tam teksty       */
/* ********************************* */
.website{margin-top: 1em;display: block;font-size: .7em;}
.poczta{display: block;font-size: .7em;}