/* Prywatna Szkola Podstawowa 114 w Warszawie */

body {
background: #fff;
padding: 0;
margin: 0;
font-family:Arial, sans-serif;
}

.commo_logo {position: absolute; margin-left: 480px; 
*margin-left: -20px; 
margin-top: 40px;
*margin-top: 60px;}

#commo_holder {
width: 775px;
height: 730px;
margin: 0 auto;
margin-top: 70px;
background: url(img/back.jpg) right top no-repeat;
}

#podstrona_holder {
width: 775px;
margin: 0 auto;
margin-top: 70px;
}

.tablica_kredowa {
width: 221px;
height: 362px;
	margin-left: -36px;
	position: relative;
background: url(img/tablica_kredowa.png) top left;
z-index: 1000;
}

.tablica_kredowa .menu_kredowe {
width: 194px;
height: 278px;
	margin-left: 0px;
	margin-top: 23px;
text-align: right;
}

.map_ico {
width: 111px;
height: 148px;
position: relative;
margin-top: -14px;
margin-left: 20px;
background: url(img/map_ico.png) #fff;
z-index: 1;
}

.tablica_korkowa {
width: 588px;
height: 173px;
	margin-left: 159px;
	*margin-left: 195px;
	margin-top: 440px;
	padding: 45px 29px 0 0px;
color: #834f1f;
background: url(img/tablica_korkowa.jpg);
z-index: 1000;
}

.tablica_korkowa div {
width: 271px;
height: 166px;
	float: right;
	margin-left: 23px;
font-size: 12px;
}

.tablica_korkowa div img {float: right; margin-top: 5px;}

#commo_holder .mapa_strony {
width: 576px;
height: 64px;
	padding: 50px 20px 0 20px;
	margin-left: 159px;
	*margin-left: 159px;
	margin-top: 18px;
	*margin-top: -205px;
font-size: 10px;
letter-spacing: 1px;
text-align: center;
background: url(img/mapa.jpg) no-repeat;
z-index: 999;
position: absolute;
}


#podstrona_holder .mapa_strony {
width: 576px;
height: 84px;
	padding: 38px 20px 0 20px;
	margin-top: 0;
	right: 0px;
font-size: 10px;
letter-spacing: 1px;
text-align: center;
background: url(img/mapa.jpg) #fff no-repeat;
z-index: 999;
}

#podstrona_holder .mapa_strony a {
color: #000; font-weight: normal;
}


#podstrona_holder p {margin-top: 120px;}

.mapa_strony a, .mapa_strony a:visited, .mapa_strony a:hover {
text-decoration: none;
font-size: 10px;
font-weight: normal;
color: #000;
}

.mapa_strony a:hover {color: #4e3c18; text-decoration: underline;}

#text {
background: #000;
width: 546px;
position: absolute;
margin-left: 159px;
margin-top: 100px;
top: 0px;
background: url(img/podstrona_back.jpg) right top repeat-y;
padding: 0 30px 30px 40px;
*padding-bottom: 0px;
*margin-bottom: 0px;
font-size: 12px;
line-height: 20px;
text-align: justify;
color: #034956;
}

#text .podstrona {
background: url(img/podstrona.jpg) no-repeat;
height: 123px;
width: 591px;
position: absolute;
margin-left: -22px;
}

#text .naglowek {
width: 430px;
margin-top: 60px;
font-size: 30px;
font-weight: bold;
margin-left: 150px;
text-align: center;
color: #034956;
height: 70px;
line-height: 29px;
}

#text strong {
text-decoration: none;
background: url(img/custom.gif) repeat-x 100% 100%;
white-space: nowrap;
padding-bottom: 5px;
font-weight: normal;
}

.wstecz {margin: 0; margin-left: 405px; padding:0; }
#text .center { text-align: center;}

.dane_kontaktowe {
width: 221px;
height: 100px;
	margin-left: -36px;
	top: 15px;
	position: relative;
text-align: center;
font-size: 12px;
line-height: 19px;
z-index: 1000;
}

.dane_kontaktowe img {
margin-top: 10px;
}

.menu {
width: 625px;
height: 57px;
	margin-left: 151px;
	*margin-left: 187px;
background: url(img/belka.gif) no-repeat;
z-index: 999;
}

h2, h3 { font-size: 12px; padding: 0; margin: 0;}
h2 { float: left;}
h3 {float: right}
h4 {font-weight: bold; font-size: 16px; margin: 10px 0;}
h5 { font-weight: bold; font-size: 12px; padding: 0; margin: 0; margin-top: 10px;}

#preloader { visibility: hidden; display: none; position: absolute; top: 0; left: 0;}

.tecza {
width: 140px;
height: 81px;
	margin-top: -66px;
	margin-left: 636px;
	*margin-left: 673px;
background: #fff url(img/tecza.gif);
z-index: 1;
}

.tecza, .menu, .mapa_strony, .tablica_korkowa, .tablica_kredowa .menu_kredowe, .logo {position: absolute;}

.logo {
width: 137px;
height: 82px;
	margin-top: -70px;
	margin-left: 0px;
	*margin-left: 33px;
background: url(img/logo.gif);
z-index: 99999;
}

.right { float: right; margin-left: 5px;}
.left { float: left; margin-right: 5px;}

#text a { color:#346e12; font-weight: bold; text-decoration: none;}

.roczniki {text-align: center; width: 550px;}
.roczniki a { width: 130px; text-align: center; font-size:18px; margin-right: 30px; font-weight: normal;}

.textarea { font-family: Arial; font-size: 12px;}

.hr { background:url(img/custom.gif) repeat-x top left; width: 100%; height: 9px;}

#left h3 { margin-right: 10px; float: left; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

p { padding: 0; margin: 0;}

.flash {
position: absolute;
z-index: 99;
margin-top: 34px;
margin-left: 170px;
*margin-left: 208px;
background: none;
height: 143px;
width: 157px;
}


/*###################################*/

#nasza_filozofia {
background: url(menu/nasza_filozofia.png); width:162px; height:32px;}
#nasza_filozofia:hover, #nasza_filozofia.active {
background: url(menu/nasza_filozofia_o.png);}
#nasi_pedagodzy {
background: url(menu/nasi_pedagodzy.png); width:162px; height:32px;}
#nasi_pedagodzy:hover, #nasi_pedagodzy.active {background: url(menu/nasi_pedagodzy_o.png);}
#program_nauczania {
background: url(menu/program_nauczania.png);width:162px;height:29px;}
#program_nauczania:hover, #program_nauczania.active {background: url(menu/program_nauczania_o.png);}
#z_zycia_szkoly {
background: url(menu/z_zycia_szkoly.png);width:162px;height:30px;}
#z_zycia_szkoly:hover, #z_zycia_szkoly.active {background: url(menu/z_zycia_szkoly_o.png);}
#my_w_rankingach {
background: url(menu/my_w_rankingach.png);width:162px;height:31px;}
#my_w_rankingach:hover, #my_w_rankingach.active {background: url(menu/my_w_rankingach_o.png);}
#nasze_osiagniecia {
background: url(menu/nasze_osiagniecia.png);width:162px;height:31px;}
#nasze_osiagniecia:hover, #nasze_osiagniecia.active {background: url(menu/nasze_osiagniecia_o.png);}
#w_przyszlosci_chce_byc {
background: url(menu/w_przyszlosci_chce_byc.png);width:167px;height:29px;}
#w_przyszlosci_chce_byc:hover, #w_przyszlosci_chce_byc.active {
background: url(menu/w_przyszlosci_chce_byc_o.png);}
#szkola_oczami_rodzicow {
background: url(menu/szkola_oczami_rodzicow.png);width:166px;height:28px;}
#szkola_oczami_rodzicow:hover, #szkola_oczami_rodzicow.active {
background: url(menu/szkola_oczami_rodzicow_o.png);}
/*#zajecia_dodatkowe {
	background: url(menu/kontakt.png);width:165px;height:41px;}
#zajecia_dodatkowe:hover, #zajecia_dodatkowe.active {
	background: url(menu/kontakt_o.png);}*/
#kontakt {
background: url(menu/kontakt.png);width:165px;height:41px;}
#kontakt:hover, #kontakt.active {
background: url(menu/kontakt_o.png);
}
#nasza_filozofia, #szkola_oczami_rodzicow, #kontakt, #nasi_pedagodzy, #program_nauczania, #z_zycia_szkoly, #my_w_rankingach, #nasze_osiagniecia, #w_przyszlosci_chce_byc, #zajecia_dodatkowe {display: block;float: right;}
img { border-color: #000;}