body { margin: 0;	padding: 0;	background: #fff url(../img/body_bg.gif) repeat-x top; font-family: arial; font-size: 12px; color: #4b4b4b; line-height: 18px; text-align: left; position:relative;}

a { color: #be271d; text-decoration: none; }
a:hover { color: #be271d; text-decoration: underline; }
form { display: inline; }
.k { text-align: center; padding: 10px; border: 1px solid #D5D5D5; font-weight: bold; }
.e { text-align: center; padding: 10px; border: 1px solid red; font-weight: bold; }
img {border:0px;}
h1 {color:#008b52;font-size:24px;line-height:28px;font-family:times;font-weight:normal;margin:0px 0 20px 0;}
h2 { color: #007d44; font-size: 18px; line-height: 22px; padding: 0; margin: 5px 0 5px 0; font-family: "Georgia", sans-serif; }
input, textarea, select { color: #000000; background: #FFFFFF; font-family: Arial; font-size: 13px; padding: 3px; }

#layout {width:990px;margin:0px auto 0px auto;position:relative;}

#header {width:990px;height:133px;margin:0 auto 0px auto;clear:both;overflow:hidden;padding:16px 0 0 0;background:url(../img/header_bg.gif) no-repeat top}
#logo {height:125px;width:270px;float:left;margin:0 32px 0 0}

#headerRight {float:left;text-align:left;padding:45px 0 0 0px}
#headerRight .bigText {color:#008b52;font-size:36px;font-family:times;line-height:42px}
#headerRight .mediumText {color:#008b52;font-size:30px;font-family:times;line-height:34px;padding:0 0 0 20px}
#headerRight .smallText {color:#e47943;font-size:18px;line-height:22px;font-family:arial;}

#mainMenu { background: #007D44; margin: 1px 0 5px 0; overflow: hidden; }
#mainMenu ul { padding: 0; margin: 0; list-style: none; }
#mainMenu ul li { padding: 0; margin: 0; list-style: none; float: left; font-weight: bold; }
#mainMenu a { color: #FFFFFF; display: block; padding: 8px 12px 8px 12px; text-decoration: none; }
#mainMenu a:hover { color: #FFFFFF; background: #E47943; text-decoration: none; }

#mainMenu2 { overflow: hidden; background: #D2D2D2; }
#mainMenu2 ul { padding: 0; margin: 0; list-style: none; }
#mainMenu2 ul li { padding: 0; margin: 0; list-style: none; }
#mainMenu2 .menu_0 { background: #007D44 url("../img/mainMenu2Back0.png") top left no-repeat; margin: 0 0 1px 0; display: block; padding: 6px 9px 6px 23px; }
#mainMenu2 .menu_0:hover { background: #9f7f43 url("../img/mainMenu2Back0.png") top left no-repeat; margin: 0 0 1px 0; display: block; padding: 6px 9px 6px 23px; }
#mainMenu2 .menu_1 { background: #f2f2f2 url("../img/mainMenu2Back1.png") top left repeat-y; margin: 0 0 1px 0; display: block; padding: 6px 9px 6px 33px; color: #9f7f43; }
#mainMenu2 .menu_1:hover { background: #DEDEDE url("../img/mainMenu2Back1.png") top left repeat-y; margin: 0 0 1px 0; display: block; padding: 6px 9px 6px 33px; color: #9f7f43; }
/*
#mainMenu2 .menu_1 { background: #009551 url("../img/mainMenu2Back1.png") top left repeat-y; margin: 0 0 1px 0; display: block; padding: 6px 9px 6px 33px; }
#mainMenu2 .menu_1:hover { background: #9f7f43 url("../img/mainMenu2Back1.png") top left repeat-y; margin: 0 0 1px 0; display: block; padding: 6px 9px 6px 33px; }
*/
#mainMenu2 .menu_2 { background: #03ab5e url("../img/mainMenu2Back2.png") top left repeat-y; margin: 0 0 1px 0; display: block; padding: 6px 9px 6px 43px; }
#mainMenu2 .menu_2:hover { background: #9f7f43 url("../img/mainMenu2Back2.png") top left repeat-y; margin: 0 0 1px 0; display: block; padding: 6px 9px 6px 43px; }

#mainMenu2 a { color: #FFFFFF; display: block; text-decoration: none; border-bottom: 1px solid #4B4B4B; }
#mainMenu2 a:hover { color: #FFFFFF; text-decoration: none; }

#mainMenu2 .active { font-weight: bold; }

#content {width:990px;overflow:hidden;margin:0 auto 10px auto;;background:url(../img/content_bg.gif) repeat-x top}
#columnLeft {width:240px;float:left;margin:0 7px 0 0;background:url(../img/column_bg.gif) repeat-y}


.logBox {width:240px; background:#007d44; overflow: hidden;}
.logBox .boxTop {width:244px;height:10px;background:url(../img/log_box_top.gif) no-repeat;;overflow:hidden}
.logBox .header {font-size:18px;line-height:22px;color:#e47943;margin:0 0 0px 0;background:#4b4b4b;padding:6px 0 6px 20px}
.logBox .header a{ color:#e47943; }
.logBox .logBoxContent {padding:10px 20px 0px 20px}
.logBox .inputSet {width:200px;overflow:hidden;clear:both;margin:0 0 3px 0}
.logBox .inputSet label {margin:0 0px 7px 0;color:#d2d2d2}
.logBox .inputSet .input {font-size:12px;font-family:arial;width:190px;height:18px;padding:2px 5px 0 5px;border:none;color:#010101;background:#d2d2d2}
.logBox .logBoxBottom {margin:10px 0 0 0;width:200px;overflow:hidden;}
.logBox .btn {float:left}
.logBox .link {float:right;text-align:right;}
.logBox .link a {color:#d2d2d2;font-weight:bold;}
.logBox .link a:hover {text-decoration:underline}

.logBox .mojekontoBox  {color: #FFFFFF; padding: 5px;}
.logBox .mojekontoBox a {color: #FFFFFF;}
.logBox .kontoNauczycielaBox  {color: #FFFFFF; border-bottom: 1px solid #969696; text-align: center; padding: 5px 0;}
.logBox .kontoNauczycielaBox a {color: #FFFFFF;}
.logBox .kontoMiniBox  {color: #FFFFFF; text-align: center; padding: 5px 0 0px 0; }
.logBox .kontoMiniBox a {color: #FFFFFF;}

#columnCenter { width: 496px; float: left; margin: 0 7px 0 0; background: #FFFFFF; }
#columnCenter h1 { background: #E47943; padding: 10px; color: #FFFFFF; margin: 0; }
#columnCenter .columnCenterText { margin: 10px 0 0 0; padding: 10px; overflow: hidden; background: url("../img/contentTextBack.png") top left repeat-x; }

#columnCenter2 { padding: 0 0 0 0; }

#mainPic {width:496px;height:302px;position:relative;padding:0 0 0px 0;}
#mainPic .pic {position:absolute;top:0;left:0}
#mainPic .text {width:466px;bottom:0;left:0px;margin:0 0 0 0px;padding:20px 10px 20px 20px;position:absolute;;color:#fff;background:url(../img/main_banner_text_bg.png); }
#mainPic .textContent {width:466px}
#mainPic .text .header {font-family:arial;font-size:18px;margin:0 0 10px 0;font-weight:bold}
#mainPic .text a {color:#fff;}
#mainPic .text .btnMore {margin:20px 0 0 0}

.columnCenterBox {width:466px;background:url(../img/column_center_box.gif) repeat-x top;padding:25px 15px 10px 15px}
.columnCenterBox .header {font-size:18px;line-height:22px;color:#e47943;margin:0 0 10px 0;}
.columnCenterBox .btnMore {margin:10px 0 0 0;text-align:left}
#columnCenter .btn {text-align:right;width:466px;text-align:right;padding:0px 15px 0px 15px}

.logBox {width:240px;background:#007d44}
.logBox .boxTop {width:244px;height:10px;background:url(../img/log_box_top.gif) no-repeat;;overflow:hidden}
.logBox .header {font-size:18px;line-height:22px;color:#e47943;margin:0 0 0px 0;background:#4b4b4b;padding:6px 0 6px 20px}
.logBox .logBoxContent {padding:10px 20px 0px 20px}

#columnRight {width:240px;float:left;background:url(../img/column_bg.gif) repeat-y;}
#columnRight .box {width:240px;background:#007d44;margin:0 0 10px 0;color:#d2d2d2}
#columnRight .boxContent {width:200px;;overflow:hidden;padding:10px 16px 0px 16px}

#columnRight .box .header {font-size:18px;line-height:22px;color:#e47943;margin:0 0 0px 0;background:#4b4b4b;padding:6px 0 6px 16px}
#columnRight .box .text {margin:0 0 5px 0}
#columnRight .boxLast {margin:0 0 0 0 !important}




#footerBg {width:100%;background:url(../img/footer_bg.gif) repeat-x top;padding:0 0 150px 0}
#footer {width:950px;border-top:3px solid #d2d2d2;clear:both;overflow:hidden;margin:0 auto 0px auto;padding:15px 20px 0px 20px;}

#copyright {text-align:left;margin:0px 0px 0 0px;color:#4b4b4b;font-size:11px;font-family:arial;}
#copyright a {color:#04b156;text-decoration:none;font-weight:bold;}
#copyright a:hover {text-decoration:underline;color:#000}


/*podstrona */



#localizer {margin:0 0 15px 0;color:#3EA5BD;}
#localizer a {font-size:11px;color:#3EA5BD;font-size:11px;text-decoration:none;}
#localizer a:hover {text-decoration:underline}
#localizer span {margin:0 5px;vertical-align:middle}

.banner_s {margin:0 0 20px 0}
#columnRight_s .imgLeft {float:left;margin:0 10px 10px 0}
.imgBorder {padding:2px;border:1px solid #bababa}




.newsListLine {width:100%;height:1px;overflow:hidden;clear:both;background:#FFFFFF;}
.newsListBox { overflow: hidden; clear: both; }
.newsListBox .pic { float: left; width: 140px; margin: 0 20px 0 0; }
.newsListBox .desc { }
.newsListBox .title { padding: 0 0 10px 0; font-size: 22px; line-height: 26px; }
.newsListBox .date { padding: 0 0 5px 0; color: #D3D3D3; }
.newsListBox .text { }
.newsListBox .more { padding: 5px 0 20px 0; text-align: right; }

.newsBox { overflow: hidden; }
.newsBox2 { padding: 0 0 20px 0; overflow: hidden; }
.newsBox .back { padding: 0 0 30px 0; }
.newsBox .back img { cursor: pointer; }
.newsBox .desc { float: left; width: 380px; }
.newsBox .title {  }
.newsBox h2 { font-size: 36px; color: #000000; padding: 0; margin: 0; font-weight: normal; line-height: 38px; }
.newsBox .text {  }
.newsBox .file_label { font-weight: bold; padding: 0 0 10px 0; font-size: 16px; }
.newsBox .file {  }
.newsBox .file img { vertical-align: middle; }
.newsBox .file a { color: #7e4c16; text-decoration: none; vertical-align: middle; }
.newsBox .file a:hover { color: #000000; text-decoration: none; }
.newsBox .pic { float: right; width: 450px; height: 300px; position: relative; }
.newsBox .pic .gallery { width: 450px; height: 300px; }
.newsBox .pic .gallery .zdjecia { width: 450px; height: 300px; }
.newsBox .pic .gallery .zdjecia img { z-index: 100; position: absolute; left: 0; top: 0; overflow: hidden; }
.newsBox .pic .gallery .zdjecia .active { z-index: 999; }
.newsBox .pic .gallery .galleryNavigation { position: absolute; left: 0; width: 450px; height: 30px; background: #FFFFFF; top: 270px; z-index: 1000; }
.newsBox .pic .gallery .galleryNavigation .galleryL { float: left; border-right: 2px solid #e6edf2; }
.newsBox .pic .gallery .galleryNavigation .galleryP { float: left; border-right: 2px solid #e6edf2; }
.newsBox .pic .gallery .galleryNavigation .galleryT { float: left; padding: 7px 9px 0 9px; }
.newsBox .pic .gallery .galleryNavigation .galleryI { float: right; width: 40px; color: #666666; padding-top: 8px; font-size: 10px; text-align: center; }



#dyplomy{}
#dyplomy h2{padding: 10px 0 5px 0;}
#dyplomy .dyplom_zgloszenie {overflow: hidden; clear:both;}
#dyplomy .dyplom_zgloszenie div{float: left;overflow: hidden;}
#dyplomy .dyplom_zgloszenie .dyplom_zgloszenie_nauczyciel{font-weight: bold;font-size: 15px; padding:5px 10px; width:350px; background: #EEEEEE;}
#dyplomy .dyplom_zgloszenie .dyplom_zgloszenie_plik{  padding:5px 5px; width:90px; background: #FFFFFF;}

#dyplomy .dyplom_zespol {overflow: hidden; clear:both; border-top: 1px solid #ffffff;}
#dyplomy .dyplom_zespol div{float: left;overflow: hidden;}
#dyplomy .dyplom_zespol .dyplom_zespol_uczniowie{ font-size: 11px; padding:5px 10px; width:350px; background: #EEEEEE;}
#dyplomy .dyplom_zespol .dyplom_zespol_plik{  padding:5px 5px; width:90px; background: #FFFFFF;}







/* formularz kontaktu */
.formKontaktu { width: 450px; margin: 10px auto; text-align: center; }
.formKontaktuZestaw { width: 450px; overflow: hidden; clear: both; margin: 0 0 10px 0; }
.formKontaktuLabel { float: left; width: 150px; text-align: right; margin: 3px 5px 0 0; }
.formKontaktuLabel span { color: #ff0000; font-weight: bold; }
.formKontaktuPole { float: right; width: 295px; text-align: right; }
.formKontaktuPole input { width: 286px; border: 1px solid #ccc; }
.formKontaktuPole select { width: 282px; }
.formKontaktuPole textarea { width: 286px; height: 80px; overflow: auto; border: 1px solid #ccc; }
.formKontaktuWymagane { float: left; color: #ff0000; }
.formKontaktuPrzycisk { float: right; text-align: right; }
.formKontaktuPrzycisk img { cursor: pointer; }
/* formularz kontaktu */

/* faq */
.faqKat { font-weight: bold; font-size: 16px; }
.faq { display: none; border: 1px solid #006bb7; padding: 10px; margin: 20px; }
/* faq */

/* galerie */
.gallery_name { font-weight: bold; padding: 10px 0 5px 0; }
.gallery_text { }
.gallery_pics { text-align: center; overflow: hidden; }
.gallery_pic { float: left; margin: 0 2px 2px 0; }
.gallery_pic img { padding: 1px; border: 1px solid #dbdbdb; }
/* galerie */

/* mapa serwisu */
.sitemap, .sitemap ul, .sitemap li{
	margin:0 0 0 0;
	padding:0;
	list-style:none;
}
.sitemap { margin-left:10px; }
.sitemap{background:url(../img/line1.gif) repeat-y;}
.sitemap li{
	line-height:20px;
	margin-top:1px;
	position:relative;
	width:100%;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html .sitemap li{
	float:left;
	display:inline;
}

.sitemap li a{padding-left:28px;}
.sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
.sitemap li span, .sitemap li span.collapsed{background:url(../img/collapsed.gif) no-repeat 0 0;}
.sitemap li span.expanded{background:url(../img/expanded.gif) no-repeat 0 0;}

/* sub levels */

.sitemap li ul{
	margin-left:28px;
	background:url(../img/line1.gif) repeat-y;
}
.sitemap li li{
	background:url(../img/line2.gif) no-repeat 0 0;
}

/* etc. */

/* float fix */

.sitemap:after, .sitemap ul:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.sitemap, .sitemap ul{display:block;}
/*  \*/
.sitemap, .sitemap ul{min-height:1%;}
* html .sitemap, * html .sitemap ul{height:1%;}
 /*  */
.sitemap ul{}
/* mapa serwisu */

#facebook {
    background: url("../img/facebook-icon.png") no-repeat scroll left 0px transparent;
    height: 385px;
    right: -292px;
    padding-left: 51px;
    padding-top: 0px;
    position: fixed;
    text-align: left;
    top: 160px;
    width: 292px;
    z-index: 100000;
}
#facebook2 {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 385px;
    width: 292px;
	 z-index:100
}