body          /* format body - przed zaloba: background-color:#3b77ab; background-image:url(images/tlo.gif); background-repeat:repeat-x */
{background-color:#3b77ab; background-image:url(images/tlo.gif); background-repeat:repeat-x;   font-size:8pt;  text-align:center; }

td.home         /*tabela i komorki sekcji na glownej */
{
vertical-align:top;
}


h1
{
font-size:10pt; text-align:center
}

h2
{
font-size:9pt
}
h4
{
font-size:9pt
}


a
{
text-decoration:none; color:blue
}
a:hover
{
color:red
}

div.glowny                /*capo di tutti contenero */
{text-align:center; }


div.contener                         /* contener */
{margin-left:auto; width:1020px; margin-right:auto; position:relative}


td.td1                      /* baner1 */
{font-family:verdana; background-image:url(images/edukaris_01.jpg); width:1020px; height:206px; vertical-align:top}


td.td2                        /* menu lewe     height:650px   */
{font-family:verdana; background-image:url(images/edukaris_02.gif); width:180px; height:610px; vertical-align:top}

td.td3                          /* content */
{font-family:verdana; background-image:url(images/edukaris_03.gif); width:650px;  vertical-align:top}

td.td4                          /* menu prawe */
{font-family:verdana; background-image:url(images/edukaris_04.gif); width:190px;  vertical-align:top;}

div.contener_lewy_menu
{
width:173px; font-size:7pt; position:relative; left:0px; text-align:center; font-weight:bold; margin-top:35px
}

a.menulewy      /*klawisze menu pionowego*/
 { display:block; text-align:center; color:#d1e5f9;  padding-top:5px; padding-bottom:7px; width:100%;
  text-decoration:none;  font-weight:bold;
   font-size:8pt;background-image:url(images/tlo_lewy.gif); background-color:#688dba;}
 a.menulewy:hover
 { color:blue;
    background-image:url(images/klawisz_lewy_hover.gif) }
 a.menulewy:active
 { color:#c5e2f6;  }



a.menu_belka_1      /*klawisze belki: */
 { text-align:center; color:#d1e5f9;    padding-right:14px;  padding-left:14px; padding-top:7px; padding-bottom:7px;
  text-decoration:none;  font-weight:bold; display:block; float:left;
   font-size:9pt; border-left:solid 1px #678fbe; border-right:solid 1px black; background-image:url(images/klawisz_belka.gif) }
 a.menu_belka_1:hover
 {
 color:blue; background-image:url(images/klawisz_belka_hover.gif)
  }


div.belka                  /*kontener na menu w belce poziomej*/
{
 height:30px; position:absolute; top:166px; left:1px
}

div.content                   /*kontener na zawartosc strony*/
{
font-size:9pt; font-family:verdana;  padding-left:16px; padding-top:10px;
padding-bottom:40px; text-align:justify; background-repeat:no-repeat; width:635px
}



div.menu
{
width:100%; background-color:#1842c9; color:white; padding-top:7px; padding-bottom:7px;
 background-image:url(images/tlo_lewy_div.gif);  font-size:8pt; font-weight:bold
}

div.stopka
{
width:100%; background-color:#678fbe; font-weight:bold; font-size:9pt; padding-top:15px; padding-left:20px;
padding-right:20px; padding-bottom:15px; color:#a34c38; border:solid; border-width:2px; border-color:#a7c5f1
}

div.text_baner                               /*kontener na text w banerze*/
{
padding-left:630px;  padding-top:20px; font-size:8pt; font-weight:bold; color:#8c9cc2;
}

div.gora_przedmioty                       /*kontener na przedmioty*/
{
position:relative; left:0px; padding:1px 0px 1px 0px; height:25px; background-color:#f1f3f4; font-size:10pt; background-image:url(images/gora_belka.gif);
text-align:left
}








a.przedmioty
{
text-align:right; color:#152194; display:block; float:left; padding:5px 25px 5px 25px; background-image:url(images/kreska.gif);
background-repeat:no-repeat; background-position:center right;
text-decoration:none;  font-weight:bold;
font-size:9pt; font-family:verdana;  height:100%
}
a.przedmioty:hover
{
color:red; background-image:url(images/przedmioty_hover.gif);  background-repeat:repeat-x
}


/*                    prawa komorka i stopka                                                                            */

div.prawy                 /* kontener na prawą komorkę */
{
margin-left:20px; text-align:center
}


a.prawy
{
display:block; font-size:8pt; font-weight:bold;  padding: 10px 10px 10px 10px;
margin-top:5px;  color:#8c9cc2; text-decoration:underline; text-align:center
}
a.prawy:hover
{
color:#bdd3ee
}


a.prawy1
{
text-decoration:underline; font-weight:normal
}















form.formularz /* kontener na formularz*/
 {
  padding-left:40px; padding-top:3px; padding-right:30px; padding-bottom:30px; border:dotted 1px #cfdcea;  width:500px
 }
fieldset      /* fieldsety*/
 {
  padding-left:40px; padding-top:20px; padding-right:30px; padding-bottom:20px
 }

input.formularz     /* inputy formularza*/
{
background-color:cornsilk
}
 label
 {
 font-weight:bold; text-align:center; font-size:8pt; width:150px; float:left
 }

div.linki
{
padding-top:7px; padding-bottom:7px; width:100%; background-color:#bbdaf7; color:#0965b9; font-weight:bold; border:solid;
border-color:blue; border-width:1px
}



A.reklama
 {text-align:center; font-size:7pt; color:#3a9bf4; font-weight:bold; text-decoration:none}
 A.reklama:HOVER   /*klawisze reklam*/
  {text-align:center; font-size:7pt;color:#77b8f3}






/*                  formaty elementow podstron                                                                                           */

div.sekcja
{
width:275px; height:280px; border:dotted 1px #b5d2de; float:left; margin-left:10px;
padding-left:5px; padding-right:5px; padding-bottom:5px; padding-top:5px;
font-size:8pt
}


a.box       /*           box - link    */
{
border-top:solid 1px #cfdcea;
border-bottom:solid 1px blue;
font-size:7pt; font-weight:bold; color:white;
display:block; width:100%;  padding:6px 0px 6px 0px; background-color:#326da3; text-align:center
}
a.box:hover
{
border-bottom:solid 1px #cfdcea;
border-top:solid 1px blue;
color:#c7dae3
}


/*           tabela oferta   */
table.oferta
{
border-collapse:collapse
}
td.oferta
{
font-size:8pt; padding:8px 7px 8px 7px;
border:solid 1px #acc5e0; text-align:center; background-color:#eef3f8
}
td.oferta1
{
font-size:8pt; padding:8px 7px 8px 7px;
border:solid 1px #acc5e0; text-align:center; background-color:#d1e5f9
}
th.oferta
{
font-size:8pt; padding:8px 7px 8px 7px; font-weight:bold;
border:solid 1px #306eb0; background-color:#6aa0c3; color:white; text-align:center
}


div.streszcz                  /*  div contener dla sekcji w glownej*/
{
 padding-top:5px;
width:100%; padding-bottom:6px; font-size:9pt;  border-width:1px;  background-image:url(images/div_sekcja.gif); background-repeat:repeat-x
}

div.wstreszcz       /*     sekcje w divie streszcz  w glownej          #f1f3f3                               */
{
border:dotted 1px #c7dae3; border-top:none; padding: 5px 12px 7px 12px; background-color:#ffffff
}
div.wstreszcz_akt       /*     sekcje w divie streszcz  w glownej - aktualnosci         #f1f3f3                               */
{
border:dotted 1px #c7dae3; border-top:none; padding: 5px 12px 7px 12px; background-color:#d1e5f9
}



div.naglowek
{
color:white; font-weight:bold; padding-bottom:7px;  text-align:center;
}








