* {
    margin:0px; padding:0px;
}

body {
   background:url('../images/bottom-logos-big-bg.jpg') 50% 100% no-repeat #151d3b; font-family:'Tahoma', 'Arial', sans-serif; color:#606060; 
}



/* LAYOUT */

#all {
    background:url('../images/top-big-bg.jpg') 50% 0px no-repeat; width:100%; height:100%;
}

.main-div {
    width:1060px; margin:auto;
}

#top {
    width:1060px; height:210px; margin:50px auto 0px auto; padding-top:100px;  color:#ffffff; position:relative; z-index:2;
}

#menu-block {
    background:url('../images/menu-bg.png'); width:100%; height:100px; position:absolute; top:50px; z-index:3; 
}

#menu {
    width:990px; height:100px; line-height:100px; padding:0px 10px 0px 60px; margin:auto;
}

#menu a {
    padding:0px 10px; display:block; float:left; height:100px; line-height:100px; font-family:'UbuntuMedium', sans-serif; color:#ffffff; text-transform:uppercase; text-decoration:none; font-weight:bold; 
}

#menu a:hover {
    cursor:pointer;
    background:url('../images/menu-bg-hover.png');    
}

.top-title {
    /*width:380px;*/ padding:30px 30px 70px 60px; font-size:4em; text-transform:uppercase;
    font-family: 'UbuntuBold';
}

.top-title a {
    color:#ffffff; text-decoration:none;
}

.top-title a:hover {
    color:#ffffff; text-decoration:none;
}

#blackboard {
    background:url('../images/blackboard.png') no-repeat; width:217px; height:142px; position:absolute; top:120px; left:50%; margin-left:258px; z-index:6; padding:25px 30px 30px 25px; color:#aeaeae; text-align:right;
}

#blackboard p {
    margin:0.3em 0px;
}

.top-bar {
    background:url('../images/teeth-down.png') 0% 100% repeat-x; width:100%; height:50px; position:absolute; top:0px; padding-bottom:8px; z-index:4;
}


.top-bar .white-div {
    background:#ffffff; width:100%; height:45px; line-height:45px; padding-top:5px; text-align:center; text-transform:uppercase; font-size:0.9em; font-weight:bold; color:#aeaeae;
}

#content {
    background:#ffffff; padding:20px 20px 50px 20px; font-size:0.9em;
}

/* footer */

.footer {
   
    width:100%;
    height:48px;
    position:relative; 
}
.foot-bar {
    background:url('../images/teeth-up.png') 0% 0% repeat-x; width:100%; height:48px; padding-top:10px; 
    margin-top:-20px;
     position:relative; 
    z-index:4;
}


.foot-bar .white-div {
    background:#ffffff; width:100%; height:45px; line-height:1.1em; padding-top:5px; text-align:right; font-size:0.9em;
}

.foot-bar .white-div p {
    width:1040px; line-height:1.1em; padding:0px 10px; text-align:right; font-size:0.9em; margin:auto;
}

.foot-bar .white-div p a {
    text-decoration:none;
}

.foot-bar .white-div p a:hover {
    text-decoration:underline;
}

#icons-block {
     width:100%; 
}

#icons {
    width:1040px; height:70px; line-height:100px; padding:30px 10px 0px 10px; margin:auto;
}

#icons a {
    margin-right:15px; display:block; float:left; height:100px; line-height:100px; font-family:'UbuntuMedium', sans-serif; color:#ffffff; text-transform:uppercase; text-decoration:none; font-weight:bold; 
    position:relative; top:0px; left:0px;
}

#icons a:hover {
    cursor:pointer; top:-6px;
}

#icons #biblioteka-icon {
    background:url('../images/books-icon.png') no-repeat 5px 50%;
    display:block;
    height:57px;
    line-height:40px;
    padding:5px 5px 5px 117px;
    margin:0px 20px;
    margin-left:75px;
}

#icons #rada-icon {
    background:url('../images/rada-icon.png') no-repeat 5px 50%;
    display:block;
    height:57px;
    line-height:40px;
    padding:5px 5px 5px 107px;
    margin:0px 20px;
}

#icons #sp4-icon {
    background:url('../images/sp4-logo.gif') no-repeat 5px 30%;
    display:block;
    height:57px;
    line-height:40px;
    padding:5px 5px 5px 50px;
    margin:0px 20px;
}



/* DODATKOWE */
.preload {
    display: none;
}

/* FORMATOWANIE */
h1 {
    background:url(../images/dot.gif) repeat-x 0% 100%; padding-bottom: 10px; color:#285d90; text-align:left; font-weight:normal; margin:0.3em auto; font-size: 2.5em;
    font-family:'UbuntuRegular';
}

h2 {
    color:inherit; text-align:left; font-weight:normal; margin:0; font-size: 2em;
    font-family:'UbuntuRegular';
}
a {
    color:#285d90; text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

p {
    margin: 0.9em; line-height:1.4em;
}

.data {
    text-align:right; color:#90929d; font-size:0.9em; margin:20px;
}

.clear {
    clear:both;
}

.txt_img {
    display:block; float:left; margin:3px 20px 20px 0px; padding:5px; border:1px solid #979797;
}

.blue {
    color:#285D90;
}






/* PODSTRONY */
/* recenzje */
.rec-item {
    margin-bottom:2em;
}

.head-descr {
    overflow:hidden;
}

.head-descr .cover {
    width:300px;
    float:left;
}

.head-descr .cover .lightbox {
    margin:0;
}

.head-descr .book-info {
    width:700px;
    overflow:hidden;
    float:left;
}

.head-descr .book-info .inf-name {
    margin:0.3em 5px;
    width:140px;
    overflow:hidden;
    float:left; clear:both;
    font-weight:bold;
}

.head-descr .book-info .inf-val {
    margin:0.3em 5px;
    width:540px;
    overflow:hidden;
    float:left;
}

/* lista uczniow */
table.lista-uczniow {
    width:500px; margin:auto;
}

table.lista-uczniow th {
    font-weight:bold; text-align:left; padding:0px 10px;
}

table.lista-uczniow td {
    padding:10px; margin:1px;  color:#2c3245;
}

table.lista-uczniow tr.dark td {
    background-color:#7c8fa2;
}

table.lista-uczniow tr.light td {
    background-color:#9fb9d2;
}


/* galeria */
.gallery {
    text-align:center;
}

.gallery img {
    width:250px;
    padding:5px;
    border:1px solid #979797;
    margin:10px;
    display:inline;
}

.img-descr {
    float:left; margin:10px;
    width:300px; height:265px;
}

img.lightbox, a.lightbox img {
    padding:5px;
    border:1px solid #979797;
    margin:20px;
    display:inline;
}




/* listy */
ol {
    display:block;
    margin: 0.9em 10px 0.9em 30px; line-height:1.4em;
    list-style-position: outside;
}