@charset "utf-8";

body
{
margin:0 ;
font-family:Verdana, Helvetica, sans-serif ;
background:url(../graphic/forchildren/tlo.jpg) no-repeat center 0 #8ec939 scroll ;
}

h1
{
font-size:20px ;
color:#cc0066 ;
margin:0 ;
margin-bottom:10px ;
font-weight:normal ;
}

h2
{
color:#cc0066 ;
font-size:20px ;
font-weight:bold ;
margin:0 ;
margin-bottom:10px ;
}

h2 a
{
color:#cc0066 ;
}

h2 a:hover
{
text-decoration:underline ;
}

p
{
margin:0 ;
padding:0 ;
}

img
{
border:none ;
}

a
{
text-decoration:none ;
}

div#container-glowna
{
width:982px ;
height:auto ;
margin:0 auto ;
}

div#content-glowna
{
width:982px;
height:736px;
background:url(../graphic/forchildren/tlo-content-glowna.jpg) no-repeat 0 0;
position:relative;
float:left;
}


div#stopka
{
font-family:Tahoma, sans-serif ;
/*width:982px ;*/
width:842px ;
padding-left:80px ;
padding-right:60px ;
height:222px ;
padding-top:25px ;
background:url(../graphic/forchildren/tlo-stopka.jpg) no-repeat 0 0 ;
padding-bottom:20px ;
float:left ;
}

div.stopka-menu-copyright
{
float:left ;
width:400px ;
}

div.stopka-menu-copyright a
{
color:#cc0066 ;
font-size:11px ;
margin-right:10px ;
}

div.stopka-copyright
{
float:left ;
color:#56a10a ;
font-size:11px ;
margin-top:10px ;
}


div.stopka-menu-copyright a:hover
{
text-decoration:underline ;
}

div.stopka-copyright a
{
color:#56a10a ;
font-weight:bold ;
}

div.stopka-copyright a:hover
{
color:#cc0066 ;
text-decoration:none ;
}


a.stopka-grupait
{
display:block ;
width:110px ;
padding-left:50px ;
height:30px ;
padding-top:2px ;
background:url(../graphic/forchildren/logo-grupa-it.jpg) no-repeat 0 0 ;
color:#000 ;
font-size:11px ;
float:right ;
margin-top:20px ;
}

a.stopka-grupait:hover
{
text-decoration:underline ;
}

/*strona główna linki na karuzeli */

.glowna-menu{
position:absolute;
cursor:pointer;
display:block;
background-repeat: no-repeat;
}

#menu-glowna-plast
{
top:126px; 
left:263px;
width:164px;
height:190px;
background-image:url(../graphic/forchildren/menu-gl-zajeciaplastyczne.png);
}

#menu-glowna-muz
{
top:130px; 
left:553px;
width:166px;
height:190px;
background-image:url(../graphic/forchildren/menu-gl-muzykaipiosenki.png);
}

#menu-glowna-film
{
top:364px; 
left:200px;
width:164px;
height:172px;
background-image:url(../graphic/forchildren/menu-gl-filmiteatr.png);
}

#menu-glowna-gry
{
top:342px; 
left:608px;
width:172px;
height:168px;
background-image:url(../graphic/forchildren/menu-gl-gryizabawy.png);
}

#menu-glowna-bajki
{
top:493px; 
left:435px;
width:181px;
height:173px;
background-image:url(../graphic/forchildren/menu-gl-bajki.png);
}

/*-------------------------------*/

div#stopka-glowna-menu
{
float:left ;
width:908px ;
}

.stopka-glowna-menu-film
{
display:block ;
width:140px ;
height:39px ;
background:url(../graphic/forchildren/stopka-film.gif) no-repeat 0 0 ;
float:left ;
}

.stopka-glowna-menu-bajki
{
display:block ;
width:98px ;
height:39px ;
background:url(../graphic/forchildren/stopka-bajki.gif) no-repeat 0 0 ;
float:left ;
}

.stopka-glowna-menu-muzyka
{
display:block ;
width:246px ;
height:39px ;
background:url(../graphic/forchildren/stopka-muzyka.gif) no-repeat 0 0 ;
float:left ;
}

.stopka-glowna-menu-gry
{
display:block ;
width:183px ;
height:39px ;
background:url(../graphic/forchildren/stopka-gry.gif) no-repeat 0 0 ;
float:left ;
}

.stopka-glowna-menu-zajplast
{
display:block ;
width:241px ;
height:39px ;
background:url(../graphic/forchildren/stopka-zajplast.gif) no-repeat 0 0 ;
float:left ;
}

div#container
{
width:982px ;
height:auto ;
margin:0 auto ;
}


div.top
{
width:982px ;
height:166px ;
background:url(../graphic/forchildren/tlo-top.jpg) no-repeat 0 0 ;
float:left ;
}

a.link-top-home
{
display:block ;
width:542px ;
height:130px ;
float:left ;
position:relative ;
left:220px ;
top:30px ;
}

div.topmenu
{
width:982px ;
height:248px ;
background:url(../graphic/forchildren/tlo-menu.jpg) no-repeat 0 0 ;
float:left ;
}

.menu-film
{
display:block ;
width:153px ;
height:185px ;
background:url(../graphic/forchildren/menu-film.gif) no-repeat 0 0 ;
float:left ;
margin-top:35px ;
margin-left:5px ;
}


.menu-bajki
{
display:block ;
width:152px ;
height:185px ;
background:url(../graphic/forchildren/menu-bajki.gif) no-repeat 0 0 ;
float:left ;
margin-top:35px ;
}

.menu-muzyka
{
display:block ;
width:153px ;
height:185px ;
background:url(../graphic/forchildren/menu-muzyka.gif) no-repeat 0 0 ;
float:left ;
margin-top:35px ;
}

.menu-gry
{
display:block ;
width:136px ;
height:185px ;
background:url(../graphic/forchildren/menu-gry.gif) no-repeat 0 0 ;
float:left ;
margin-top:35px ;
}

.menu-zajplast
{
display:block ;
width:154px ;
height:185px ;
background:url(../graphic/forchildren/menu-zajplast.gif) no-repeat 0 0 ;
float:left ;
margin-top:35px ;
}

div.top-karteczki
{
float:left ;
width:220px ;
}

div.top-karteczki img
{
float:left ;
}

img.karteczka-qlturka
{
position:relative ;
left:8px ;
}

img.karteczka-logowanie
{
position:relative ;
left:34px ;
}

div.content
{
/*width:982px ;*/
width:940px ;
padding-left:21px ;
padding-right:21px ;
height:auto ;
background:url(../graphic/forchildren/tlo-content.jpg) repeat-y center 0 ;
float:left ;
}

div.zakladki
{
width:940px ;
height:auto ;
float:left ;
}

.zakladka-2
{
display:block ;
/*width:470px ;*/
width:460px ;
padding-left:10px ;
/*height:70px ;*/
height:64px ;
padding-top:6px ;
background:url(../graphic/forchildren/zakladka-dwie.jpg) no-repeat 0 0 ;
float:left ;
}

.zakladka-3
{
display:block ;
width:303px ;
padding-left:10px ;
height:64px ;
padding-top:6px ;
background:url(../graphic/forchildren/zakladka-trzy.jpg) no-repeat 0 0 ;
float:left ;
}


.zakladka-3-a
{
display:block ;
/*width:470px ;*/
width:304px ;
padding-left:10px ;
/*height:70px ;*/
height:64px ;
padding-top:6px ;
background:url(../graphic/forchildren/zakladka-trzy-a.jpg) no-repeat 0 0;
float:left ;
}



div.tresc
{
width:920px ;
padding-left:10px ;
padding-right:10px ;
height:auto ;
padding-top:20px ;
background:url(../graphic/forchildren/tlo-tresc.jpg) repeat-y center 0 ;
float:left ;
}

div.tresc-spod
{
width:920px ;
padding-left:10px ;
padding-right:10px ;
height:45px ;
padding-top:35px ;
background:url(../graphic/forchildren/tlo-tresc-spod.jpg) no-repeat 0 bottom ;
float:left ;
}

div.tresc-spod-poziom-2
{
width:920px ;
padding-left:10px ;
padding-right:10px ;
height:5px ;
padding-top:35px ;
background:url(../graphic/forchildren/tlo-tresc-spod.jpg) no-repeat 0 bottom ;
float:left ;
}

a.link-stronicowanie
{
font-size:20px ;
color:#cb005f ;
border:1px solid #cb005f ;
padding-left:8px ;
padding-right:8px ;
text-align:center ;
}

a.link-stronicowanie:hover
{
background-color:#FFF ;
}

div.content-spod
{
/*width:982px ;*/
width:922px ;
padding-left:40px ;
padding-right:20px ;
/*height:169px ;*/
height:49px ;
padding-top:120px ;
background:url(../graphic/forchildren/tlo-content-spod.jpg) no-repeat center 0 ;
float:left ;
}


div.bloczek-poziom-1-lewy, div.bloczek-poziom-1-prawy
{
width:405px ;
padding-left:20px ;
padding-right:20px ;
height:217px ;
padding-top:24px ;
background:url(../graphic/forchildren/tlo-bloczek-poziom1.gif) no-repeat 0 0 ;
float:left ;
}

div.bloczek-poziom-1-lewy
{
/*width:445px ;
height:242px ;
background:url(../graphic/forchildren/tlo-bloczek-poziom1.gif) no-repeat 0 0 ;
float:left ;*/
margin-bottom:5px ;
margin-left:4px ;
}

div.bloczek-poziom-1-prawy
{
/*width:445px ;
height:242px ;
background:url(../graphic/forchildren/tlo-bloczek-poziom1.gif) no-repeat 0 0 ;
float:left ;*/
margin-left:20px ;
margin-bottom:5px ;
}

div.bloczek-poziom-1-lewy img, div.bloczek-poziom-1-prawy img
{
float:left ;
border:1px solid #FFF ;
margin-right:10px ;
}


p.akapit-bloczek-poziom-1
{
float:left ;
width:250px ;
/*text-align:justify ;*/
font-size:14px ;
color:#000 ;
height:94px ;
overflow:hidden ;
}

div.bloczek-poziom-1-link-dalej-box
{
float:left ;
width:405px ;
margin-top:10px ;
text-align:right ;
}

div.bloczek-poziom-1-link-dalej-box a
{
font-weight:bold ;
color:#cb005f ;
background:url(../graphic/forchildren/ikonka-link-zobacz.gif) no-repeat right 4px ;
padding-right:25px ;
}

div.bloczek-poziom-1-link-dalej-box a:hover
{
text-decoration:underline ;
}

div.boks-sciezka
{
width:900px ;
padding-left:20px ;
height:auto ;
float:left ;
margin-bottom:15px ;
}

div.boks-sciezka span
{
color:#0081c2 ;
font-size:14px ;
font-weight:bold ;
}

div.boks-sciezka a
{
font-size:14px ;
font-weight:bold ;
color:#cc0066 ;
}

div.boks-sciezka a:hover
{
text-decoration:underline ;
}

div.bloczek-poziom-2-glowny
{
width:577px ;
height:auto ;
float:left ;
background:url(../graphic/forchildren/tlo-bloczek-poziom-2-glowny.jpg) repeat-y 0 0 ;
}

div.bloczek-poziom-2-glowny-gora
{
width:577px ;
height:33px ;
background:url(../graphic/forchildren/tlo-bloczek-poziom-2-glowny-top.jpg) no-repeat 0 0 ;
float:left ;
}

div.bloczek-poziom-2-glowny-dol
{
width:577px ;
height:86px ;
background:url(../graphic/forchildren/tlo-bloczek-poziom-2-glowny-bottom.jpg) no-repeat 0 0 ;
float:left ;
}

div.bloczek-poziom-2-glowny-tresc
{
width:515px ;
padding-left:30px ;
padding-right:30px ;
float:left ;
}

div.bloczek-poziom-2-glowny-tresc img
{
/*float:left ;*/
border:1px solid #007fa8 ;
/*margin-bottom:5px ;*/
}

.bloczek-poziom-2-glowny-tresc p
{
font-size:14px ;
color:#000 ;
text-align:justify ;
margin:0 ;
line-height:150% ;
}

div.poziom-2-bloczki
{
width:333px ;
height:auto ;
float:left ;
margin-left:10px ;
}

div.bloczek-poziom-2-maly
{
width:313px;
height:141px ;
padding:10px ;
background:url(../graphic/forchildren/tlo-bloczek-poziom-2-maly.jpg) no-repeat 0 0 ;
float:left ;
}

div.bloczek-poziom-2-maly h2
{
font-weight:normal ;
font-size:18px ;
}

div.bloczek-poziom-2-maly img
{
float:left ;
border:1px solid #FFF ;
margin-right:5px ;
}

p.akapit-bloczek-poziom-2
{
color:#0078a0 ;
font-size:12px ;
text-align:left ;
margin:0 ;
height:82px ;
overflow:hidden ;
}

div.bloczek-poziom-2-link-dalej
{
text-align:right ;
}

div.bloczek-poziom-2-link-dalej a
{
font-size:14px ;
font-weight:bold ;
color:#cb005f ;
background:url(../graphic/forchildren/ikonka-link-zobacz.gif) no-repeat right 4px ;
padding-right:25px ;
}

div.bloczek-poziom-2-link-dalej a:hover
{
text-decoration:underline ;
}

div.poziom-2-stronicowanie
{
float:left ;
padding-top:1px;
padding-bottom:1px ;
}

a.powrot-link
{
display:block ;
width:174px ;
height:42px ;
margin-left:30px ;
background:url(../graphic/forchildren/powrot-link.jpg) no-repeat 0 0 ;
float:left ;
}

div.poziom-2-kolumna-lewa
{
width:577px ;
height:auto ;
float:left ;
}

.rollover:hover, .selected{
	background-position: 0 100%;	
}