/* USTAWIENIA OGOLNE */

* {
margin: 0;
padding: 0;
}
html {
min-height : 100%;
margin : 0 0 1px 0;
background-image : url(../images/tlo.png);
background-position : top;
background-repeat: repeat-x;
}
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
margin : 0 auto;
color : #000;
background-color : #FFEBBD;
background-image : url(../images/tlo.png);
background-position : top;
background-repeat: repeat-x;
height : 100%;
display : table;
text-align: justify;
}
#body {
width : 890px;
height : 100%;
margin : 0 auto 0 auto;
}
img {
border: 0;
}
hr {
border-top: 1px solid #777;
border-width: 1px 0 0 0;
height: 1px;
}
h1, .contentheading {
font-size: 36px;
font-weight: normal;
color: #900;
padding: 0 0 20px 0;
text-align: left;
}
h2 {
font-size: 36px;
font-weight: normal;
color: #000;
padding: 0 0 18px 0;
}
h3 {
font-size: 22px;
font-weight: normal;
color: #900;
padding-bottom: 12px;
}
h4 {
font-size: 22px;
font-weight: normal;
color: #000;
padding-bottom: 12px;
}
h5 {
font-size: 12px;
font-weight: bold;
color: #900;
padding-bottom: 0;
}
h6 {
font-size: 12px;
font-weight: bold;
color: #000;
padding-bottom: 12px;
}
a:link, a:visited {
color: #900;
text-decoration: none;
}
a:hover, a:active {
color: #F60;
}
p {
padding: 0;
margin: 0;
}

/* JOOMLA */

.komunikat {
text-align: center;
width: 100%;
}
.message {
text-align: center;
width: 100%;
padding: 0 0 16px 0;
font-weight: bold;
}
.contentpaneopen a:link, .contentpaneopen a:visited {
color: #F60;
text-decoration: none;
}
.contentpaneopen a:hover, .contentpaneopen a:active {
color: #F60;
text-decoration: underline;
}
.contentpaneopen img {
border: 1px solid #000;
}
.componentheading {
font-weight: bold;
}
.contentheading img {
border: 0;
}

/* NAGLOWEK */

#naglowek {
width: 519px;
height: 88px;
background: #000;
float: left;
clear: none;
padding-top: 10px;
}
#naglowek_logo {
width: 519px;
height: 88px;
background: #000;
background-image: url('../images/logo.gif');
background-repeat: no-repeat;
float: left;
clear: none;
}

/* LOGOWANIE */

#logowanie {
width: 371px;
height: 68px;
background: #000;
float: right;
padding: 30px 0 0 0;
color: #999;
position: relative;
font-size: 11px;
}
.logowanie_login {
width: 35px;
height: 19px;
background: #000;
float: left;
clear: none;
padding: 1px 5px 0 0;
}
.logowanie_haslo {
width: 37px;
height: 19px;
background: #000;
float: left;
clear: none;
padding: 1px 5px 0 0;
}
.logowanie_pole {
width: 99px;
height: 20px;
background: #000;
float: left;
clear: none;
color: #ccc;
padding: 0 16px 0 0;
}
#logowanie_zaloguj {
width: 59px;
height: 20px;
background: #000;
float: right;
color: #ccc;
font-weight: bold;
text-align: right;
padding: 0;
}
#logowanie_zaloguj_przycisk {
width: 59px;
height: 16px;
border: 0;
background: #000;
color: #999;
font-weight: bold;
text-align: center;
padding: 0;
margin: 0;
font-size: 11px;
font-family: Verdana;
}
#logowanie_wyloguj_przycisk {
width: 62px;
height: 16px;
border: 0;
background: #000;
color: #999;
font-weight: bold;
text-align: center;
padding: 0;
margin: 0;
font-size: 11px;
font-family: Verdana;
}
#logowanie_edycja {
width: 306px;
height: 20px;
background: #000;
float: left;
clear: none;
text-align: right;
padding: 7px 0 0 0;
}
#logowanie_wyloguj {
width: 62px;
height: 20px;
background: #000;
float: right;
color: #ccc;
font-weight: bold;
text-align: right;
padding: 6px 0 0 0;
}
#logowanie_zalogowany {
width: 371px;
height: 19px;
background: #000;
padding: 1px 0 0 0;
text-align: right;
}
#logowanie_zalogowany span {
color: #fff;
}
#input_login, #input_haslo {
width: 99px;
height: 14px;
background: #444;
color: white;
border: 0;
font-family: verdana;
font-size: 11px;
}
#logowanie_dodatki {
width: 283px;
height: 20px;
position: absolute;
top: 56px;
left: 0;
}
#logowanie_administracja {
width: 99px;
height: 20px;
position: absolute;
top: 57px;
left: 102px;
}
#logowanie_box {
width: 296px;
height: 20px;
float: left;
clear: none;
padding: 7px 0 0 0;
text-align: right;
}
#logowanie_checkbox {
width: 13px;
height: 13px;
border: 0;
}
#logowanie_pamietaj {
width: 75px;
height: 20px;
float: right;
text-align: right;
padding: 6px 0 0 0;
}
#logowanie a:link, #logowanie a:visited {
font-weight: bold;
color: #999;
}
#logowanie a:hover, #logowanie a:active {
font-weight: bold;
color: #9C0204;
}

/* REJESTRACJA, EDYCJA, PRZYPOMNIENIE */

.przypomnienie_nazwa {
width: 230px;
height: 25px;
float: left;
clear: none;
text-align: left;
font-weight: bold;
padding-top: 12px;
}
.przypomnienie_email {
width: 364px;
height: 25px;
float: right;
text-align: left;
font-weight: bold;
padding-top: 12px;
}
.przypomnienie_nazwa_pole {
width: 230px;
height: 25px;
float: left;
clear: none;
}
.przypomnienie_email_pole {
width: 230px;
height: 20px;
float: left;
clear: none;
}
.przypomnienie_input {
width: 210px;
height: 15px;
font-family: verdana;
}
.przypomnienie_przyslij {
width: 134px;
height: 20px;
float: right;
text-align: right;
}
.przypomnienie_przyslij_przycisk {
width: 126px;
height: 16px;
border: 0;
background: #FFEBBD;
color: #F60;
font-weight: bold;
text-align: center;
padding: 0;
margin: 0;
font-size: 12px;
font-family: Verdana;
text-align: right;
}
.rejestracja_etykieta, .edycja_etykieta {
width: 223px;
height: 25px;
float: left;
clear: none;
text-align: left;
font-weight: bold;
}
.rejestracja_pole, .edycja_pole {
width: 371px;
height: 25px;
float: right;
text-align: left;
}
.rejestracja_input, .edycja_input {
width: 298px;
height: 16px;
text-align: left;
font-family: verdana;
}
.rejestracja_zarejestruj, .edycja_zarejestruj {
width: 371px;
height: 25px;
float: left;
text-align: left;
padding: 2px 0 0 220px;
}
.rejestracja_przycisk_zarejestruj {
width: 80px;
height: 16px;
border: 0;
background: #FFEBBD;
color: #F60;
font-weight: bold;
text-align: center;
padding: 0;
margin: 0;
font-size: 12px;
font-family: Verdana;
text-align: right;
}
.edycja_przycisk_zapisz {
width: 48px;
height: 16px;
border: 0;
background: #FFEBBD;
color: #F60;
font-weight: bold;
text-align: center;
padding: 0;
margin: 0;
font-size: 12px;
font-family: Verdana;
text-align: right;
}
#profil_wstep {
width: 225px;
margin: 0 71px 0 0;
float: left;
clear: none;
font-size: 11px;
}
#profil_dane {
width: 594px;
text-align: justify;
font-size: 12px;
float: right;
}

/* MENU GLOWNE */

#menu {
width: 890px;
height: 52px;
font-size: 11px;
background: #900;
margin: 0 0 34px 0;
text-align: left;
background-image: url(../images/menu.gif);
font-weight: bold;
color: #FFF;
float: left;
}
#menu a:link, #menu a:visited {
color: #FFF;
}
#menu a:hover, #menu a:active {
color: #FFF;
text-decoration: underline;
}
.menu_element_lewy {
float: left;
clear: none;
width: 146px;
padding: 7px 1px 0 2px;
height: 19px;
text-align: center;
}
.menu_element_srodek {
float: left;
clear: none;
width: 146px;
padding: 7px 1px 0 1px;
height: 19px;
text-align: center;
}
.menu_element_prawy {
float: right;
width: 146px;
padding: 7px 2px 0 1px;
height: 19px;
text-align: center;
}
.menu_element_podwojny {
float: right;
width: 294px;
height: 19px;
padding: 7px 2px 0 1px;
text-align: center;
}

/* PODSTRONA */

#podstrona_menu {
width: 133px;
float: left;
clear: none;
padding: 0 15px 0 0;
font-size: 12px;
text-align: left;
}
#podstrona_tresc {
width: 725px;
text-align: justify;
font-size: 12px;
float: right;
padding: 0 0 0 17px;
background-color: #FFEBBD;
background-image: url(../images/tresc.gif);
background-position: top left;
background-repeat: repeat-y;
}
#podstrona_tylko_tresc {
width: 890px;
text-align: justify;
font-size: 12px;
float: right;
}

/* MENU W STOPCE */

#stopka {
width: 890px;
border-top: 2px dotted #000;
padding: 5px 0 0 0;
margin: 30px 0 30px 0;
text-align: center;
font-size: 10px;
color: #000;
float: left;
}

/* PODSTRONA - MENU */

#podstrona_menu ul {
list-style: none;
}

#podstrona_menu li {
padding-bottom: 5px;
font-weight: bold;
}
#active_menu, #active_menu-edukacja {
color: #F60;
}
#mainlevel-edukacja {
padding-bottom: 20px;
font-weight: bold;
}
.mainlevel-normal {
font-weight: normal;
}

/* EDYTOR */

.lg, .gl {
border: 1px solid #000;
margin: 0 15px 10px 0;
float: left;
}
.pg, .gp {
border: 1px solid #000;
margin: 0 0 10px 15px;
float: right;
}

.s, .srodek {
border: 1px solid #000;
margin: 15px auto 15px auto;
}

/* INNE */