body
{
background-color: #33adde;
a:link, a:visited {text-decoration: none;}
a:link, a:visited {text-decoration: none;}
a img {border: none;}
}


#main
{
position: relative;
margin: auto;
background-color: #c0e6f5;
width: 1000px;
height: 1100px;
border-style: solid;
border-width: 2px;
border-color: #1580aa;
}

#nag
{
background: white url(images/t2.jpg) no-repeat;
position: absolute;
left: 0px;
top: 0px;
background-color: green;
width: 1000px;
height: 175px;
}

#pasek_up
{
background: white url(images/pasek_up.png) no-repeat;
position: absolute;
left: 0px;
top: 175px;
background-color: blue;
width: 1000px;
height: 40px;
}

#tresc
{
background-color: #c0e6f5;
position: absolute;
left: 230px;
top: 200px;
width: 750px;
font-family: "Comic Sans MS";
overflow-y: none;
overflow-x: none;
border-style: solid;
border-width: 2px;
border-color: #3cb0df;
}

#foto_div
{
background: #c0e6f5 url(images/foto_tlo.png) no-repeat;
position: absolute;
left: 10px;
top: 200px;
width: 200px;
height: 200px;
}

#foto
{
position: absolute;
top: 60;
left: 40;
width: 120px;
height: 100px;
border: none;
}

#menu
{
position: absolute;
left: 10px;
top: 430px;
background-color: #c0e6f5;
width: 200px;
height: 210px;
}

#pasek_down
{
background: white url(images/pasek_down.png) no-repeat;
position: absolute;
left: 0px;
top: 0px;
background-color: blue;
width: 1000px;
height: 40px;
}

#napis_na_dole_strony
{
background-color: #70c5e8;
position: absolute;
left: 0px;
top: 40px;
width: 1000px;
height: 40px;
}

#stopka
{
position: absolute;
left: 0px;
top: 1020px;
width: 1000px;
height: 40px;
}

#podpis1
{
font-family: "Comic Sans MS";
text-align: center;
}

#podpis2
{
font-family: "Comic Sans MS";
text-align: right;
}

#button_glowna
{
background: white url(images/button_glowna.png) no-repeat;
height: 36px;
width: 200px;
border: none;
}


#button_grupy
{
background: white url(images/button_grupy.png) no-repeat;
height: 36px;
width: 200px;
border: none;
}

#button_onas
{
background: white url(images/button_onas.png) no-repeat;
height: 36px;
width: 200px;
border: none;
}

#button_kontakt
{
background: white url(images/button_kontakt.png) no-repeat;
height: 36px;
width: 200px;
border: none;
}

#button_galeria
{
background: white url(images/button_galeria.png) no-repeat;
height: 36px;
width: 200px;
border: none;
}

#button_wydarzenia
{
background: white url(images/button_wydarzenia.png) no-repeat;
height: 36px;
width: 200px;
border: none;
}

#button_zajecia_dodatkowe
{
background: white url(images/button_zajecia_dodatkowe.png) no-repeat;
height: 72px;
width: 200px;
border: none;
}

#button_plandnia
{
background: white url(images/button_plandnia.png) no-repeat;
height: 36px;
width: 200px;
border: none;
}

#button_dla_rodzicow
{
background: white url(images/button_plandnia.png) no-repeat;
height: 36px;
width: 200px;
border: none;
}

#button_kadra_pedagogiczna
{
background: white url(images/button_kadra_pedagogiczna.png) no-repeat;
height: 72px;
width: 200px;
border: none;
}

#centralny
{
margin-left: 10px;
margin-top: 12px;
margin-right: 20px;
border: none;
}

#box_grupy
{
position: absolute;
top: 8px;
left: 8px;
background-color: #add8e6;
width: 600px;
height: 500px;
border-width: 2px;
border-style: solid;
border-color: black;
}

#button_wstecz
{
border: none;
}

#tlo_grupy
{
display: none;
position: absolute;
top: 300px;
left: 300px;
width: 620px;
height: 520px;
background-color: #ffffff;
border-width: 2px;
border-style: solid;
border-color: black;
}

#exit_button
{
position: absolute;
top: 5px;
left: 565px;
width: 30px;
height: 30px;
background: white url(images/x.png) no-repeat;
}

#grupy_title
{
font-family: "Comic Sans MS";
text-align: center;
color: #33adde;
}



#krasnale_icon
{
position: absolute;
left: 30px;
top: 80;
background: white url(images/krasnal.png) no-repeat;
height: 180px;
width: 126px;
border: none;
}


#misie_icon
{
position: absolute;
left: 210px;
top: 100px;
background: white url(images/mis.png) no-repeat;
height: 163px;
width: 150px;
border: none;
}


#motyle_icon
{
position: absolute;
left: 410px;
top: 100px;
background: white url(images/motyl.png) no-repeat;
height: 160px;
width: 150px;
border: none;
}


#sloneczka_icon
{
position: absolute;
left: 100px;
top: 100px;
background: url(images/slonce.png) no-repeat;
height: 160px;
width: 150px;
border: none;
}

#jezyki_icon
{
position: absolute;
left: 350px;
top: 100px;
background: url(images/jezyk.png) no-repeat;
height: 160px;
width: 150px;
border: none;
}

#biedronki_icon
{
position: absolute;
left: 350px; 
top: 300px;
background: url(images/biedronka.png) no-repeat;
height: 160px;
width: 150px;
border: none;
}

#zabki_icon
{
position: absolute;
left: 350px; 
top: 300px;
background: url(images/zabki.png) no-repeat;
height: 160px;
width: 150px;
border: none;
}

#elfy_icon
{
position: absolute;
left: 100px;
top: 300px;
background: url(images/elf.png) no-repeat;
height: 160px;
width: 150px;
border: none;
}

#pszczolki_icon
{
position: absolute;
left: 100px;
top: 300px;
background: url(images/pszczolka.png) no-repeat;
height: 160px;
width: 150px;
border: none;
}

#tygryski_icon
{
position: absolute;
left: 350px;
top: 300px;
background: url(images/tygrysek.png) no-repeat;
height: 160px;
width: 150px;
border: none;
}


#obrazek
{
position: absolute;
left: 10px;
top: 940px;
background: url(images/obrazek2.png) no-repeat;
width: 200px;
height: 220px;
}

.big_title
{
font-size: 30px;
color: #d82080;
}


#zoom
{
display: none;
position: absolute;
top: 300px;
left: 280px;
width: 600px;

}

#zoom_zdjecia
{
width: 100%;
border-width: 10px;
border-style: solid;
border-color: #ffbf7f;
}

#close_zoom
{
position: absolute;
top: 20px;
left: 570px;
}

#next_zoom
{
position: absolute;
top: 50%;
left: 400px;
}

#prev_zoom
{
position: absolute;
top: 50%;
left: 0px;
}


.obrazek_w_zajeciach_dodatkowych
{
width: 80%;
}


.rozdzielacz
{
width: 90%;
background-color: #3cb0df;
height: 3px;
}


.rozdzielacz_w_planie
{
font-size: 0px;
width: 100%;
background-color: #3cb0df;
height: 3px;
}

.ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
{
}

.box_z_tlem_chmurki
{
background: #c0e6f5 url(images/foto_tlo_mini_2.png) no-repeat;
width: 150px;
height: 150px;
display: block;
}
	  
.kontener_poziomy_na_4
{
text-align: center;
width: 700px;
height: 270px;
margin: auto;
}
.kontener_poziomy_na_3
{
width: 530px;
height: 270px;
margin: auto;
}
.kontener_poziomy_na_2
{
width: 360px;
height: 270px;
margin: auto;
}
.kontener_poziomy_na_1
{
width: 190px;
height: 270px;
margin: auto;
}
.miniaturka_zdjecia_na_chmurce
{
height: 90px;
width: 90px;
margin: 30px;
}
.kontener_dla_jednej_galerii
{
width: 150px;
height: 200px;
float: left;
margin: 10px;
position: relative;
display: block;
}
.pobpis_galerii
{
font-family: "Comic Sans MS";
font-size: 14px;
font-weight: bold;
color: #20B2AA;
background-color: #c0e6f5;
width: 150px;
height: 100px;
float: left;
position: relative;
display: block;
}

.tytul_galerii
{
color: #db1979;
text-decoration: none;
font-size: 26px;"
}



































































.mini_foto_tlo
{
background: white url(images/foto_tlo_mini_2.png) no-repeat;
height: 150px;
width: 150px;
float: left;
}

.main_foto_tlo_mini
{
background: #c0e6f5;
height: 150px;
width: 650px;
margin: auto;
}

.mini_fot_na_liscie
{
height: 90px;
width: 90px;
margin: 30px;
}

#zoom_foto_na_liscie
{
background: white url(images/chmura_big_2.png) no-repeat;
display: none;
height: 350px;
width: 500px;
margin: auto;
}

#foto_w_zoom_foto_na_liscie
{
display: block;
position: relative;
top: 50px;
height: 250px;
margin: auto;
}