/* USTAWIENIA GLOBALNE */

body {
font-family: "Trebuchet MS";
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-align: left;
color: #000;
font-size: 14px;
text-decoration: none;
background: url('/template/gfx/bg.gif') top left repeat-x #f1fada;
margin: 0
}

h1 {
color: #f00;
font-weight: normal;
font-size: 36px;
padding: 8px;
margin: 0
}

h2 {
color: #888;
font-weight: normal;
font-size: 24px;
padding: 8px 0;
margin: 0
}

p {
color: #444;
font-size: 14px;
padding: 8px;
margin: 0
}

a {
color: #006fc0;
text-decoration: underline
}
a:hover {
text-decoration: none
}

/* HEAD */

#head {
display: block;
width: 780px;
height: 80px;
background: url('/template/gfx/bg_head.gif') top left repeat-x;
margin: 10px auto;
padding: 0
}
#head .logo {
display: block;
position: absolute;
width: 235px;
height: 63px;
padding: 0;
margin: 0 15px;
top: 18px;
background: url('/template/gfx/logo.jpg') top left no-repeat;
}
#head .lside {
display: block;
position: absolute;
float: left;
width: 15px;
height: 80px;
background: url('/template/gfx/head_lside.gif') top left no-repeat
}
#head .rside {
display: block;
position: absolute;
top: 10px;
margin-left: 765px;
width: 15px;
height: 80px;
background: url('/template/gfx/head_rside.gif') top left no-repeat;
}
#head .napis {
display: block;
width: 225px;
height: 45px;
background: url('/template/gfx/zalogujsie.gif') top right no-repeat;
position: absolute;
top: 10px;
margin-left: 540px;
}
#head .form_login {
display: block;
height: 35px;
width: 425px;
float: right;
margin-top: 45px;
color: #fff;
padding: 0
}
#head .form_login form {
padding: 0;
margin: 0 0 -1px 0
}
#head .form_login .form {
border: 1px solid #51ae18;
height: 16px;
width: 120px;
color: #666;
font-family: "Trebuchet MS";
font-weight: normal;
padding: 1px;
background: url('/template/gfx/bg_txtbox.gif') top left repeat-x #fff
}
#head .form_login .submit {
width: 64px;
height: 19px;
background: url('/template/gfx/login.gif') no-repeat;
border: 0;
cursor: pointer;
}
#head .form_login a.link {
display: block;
width: 120px;
float: right;
font-size: 12px;
color: #e4ff50;
text-decoration: none;
}
#head .form_login a.link:hover {
color: #fff
}

/* MENU */

#menu {
display: block;
height: 20px;
width: 780px;
margin: 0 auto;
padding-left: 130px
}
#menu a {
display: inline;
width: 120px;
height: 20px;
float: left;
background: url('/template/gfx/menu_btn.gif') no-repeat;
color: #fff;
text-align: center;
text-decoration: none;
padding: 0;
margin: 0 5px;
}
#menu a:hover {
color: #e4ff50;
background: url('/template/gfx/menu_btn2.gif') no-repeat;
}

/* STRONKA */

#page {
display: block;
width: 774px;
border: 3px solid #82c22e;
background: #fff;
margin: 0 auto
}
#page .ulcorn {
display: block;
width: 15px;
height: 15px;
position: absolute;
background: url('/template/gfx/content_ul.gif') no-repeat;
margin-left: -3px;
margin-top: -3px;
}
#page .urcorn {
display: block;
width: 15px;
height: 15px;
position: absolute;
background: url('/template/gfx/content_ur.gif') no-repeat;
margin-left: 762px;
margin-top: -3px;
}
#page .dlcorn {
display: block;
width: 15px;
height: 15px;
position: absolute;
background: url('/template/gfx/content_dl.gif') no-repeat;
margin-left: -3px;
margin-top: -12px;
}
#page .drcorn {
display: block;
width: 15px;
height: 15px;
position: absolute;
background: url('/template/gfx/content_dr.gif') no-repeat;
margin-left: 762px;
margin-top: -12px;
}
/* ramka wokół tekstu na stronie głównej */
#page .ramka {
display: block;
width: 630px;
margin: 10px auto;
padding: 8px;
font-size: 14px;
font-weight: normal;
border: 1px solid #51ae18;
background: #f0f8ff;;
color: #000;
}

/* STOPKA */

#footer {
display: block;
height: 20px;
width: 780px;
background: url('/template/gfx/bg_footer.gif') top left repeat-x;
color: #e4ff50;
font-size: 12px;
margin: 5px auto;
padding: 0
}
#footer .lside {
display: block;
position: absolute;
width: 10px;
height: 20px;
background: url('/template/gfx/footer_lside.gif') no-repeat;
}
#footer .rside {
display: block;
position: absolute;
width: 10px;
height: 20px;
background: url('/template/gfx/footer_rside.gif') no-repeat;
margin-left: 770px;
}


/* DESIGN POSZCZEGÓLNYCH PODSTRON */
/* zakładka =szukaj= */

#search {
display: block;
text-align: center;
margin: 15px;
}
#search .form {
border: 1px solid #51ae18;
height: 18px;
width: 200px;
color: #666;
font-family: "Trebuchet MS";
font-weight: normal;
padding: 2px
}
#search .select {
border: 1px solid #51ae18;
height: 20px;
color: #666;
font-family: "Trebuchet MS";
font-weight: normal;
}
#search .submit {
background: #51ae18;
border: 1px solid #000;
color: #e4ff50;
padding: 2px;
}

/* zakładka =dodaj pytka= */

#dodaj .form {
border: 1px solid #51ae18;
height: 18px;
color: #666;
font-family: "Trebuchet MS";
font-weight: normal;
padding: 2px
}
#dodaj .other {
border: 1px solid #51ae18;
color: #666;
font-family: "Trebuchet MS";
font-weight: normal;
padding: 2px
}

#info {
display: block;
border: 1px solid #51ae18;
background: url('/template/gfx/bg_info.gif') top right no-repeat #e6ffbf;
padding: 0;
margin: 8px 15px;
}
#info p {
font-size: 12px;
font-style: italic;
color: #4d8000;
padding: 5px 8px;
margin: 0
}
#info .przyklad {
display: block;
width: 400px;
border: 1px solid #4d8000;
background: #cdff80;
color: #000;
padding: 5px;
margin: 8px 15px;
font-style: italic;
font-size: 12px;
font-weight: bold
}

/* zakładka =wyświetl Pytki= */

#wszystkie {
width: 600px;
}
#wszystkie .td_heading {
background: url('/template/gfx/ur_corn.gif') top right no-repeat #63a500;
height: 30px;
padding: 0;
}
#wszystkie .td_heading .corner {
display: block;
float: left;
width: 10px;
height: 10px;
background: url('/template/gfx/ul_corn.gif') top left no-repeat;
margin: 0;
padding: 0;
}
#wszystkie .td_heading h1 {
display: inline;
font-size: 24px;
font-weight: normal;
font-style: italic;
color: #fff;
padding: 4px 15px;
margin: 0;
}
#wszystkie .td_heading h2 {
display: inline;
font-size: 12px;
font-weight: normal;
font-style: normal;
color: #e4ff50;
padding: 0 15px;
margin: 0
}
#wszystkie .td_dane {
border: 1px solid #63a500;
background: url('/template/gfx/bg_info.gif') top right no-repeat #e6ffbf;
padding: 4px
}
#wszystkie .td_dane h1 {
font-size: 18px;
font-weight: normal;
font-style: italic;
color: #63a500;
padding: 2px 4px;
margin: 0
}
#wszystkie .td_dane p {
display: block;
float: left;
width: 100px;
font-size: 12px;
font-weight: bold;
font-style: normal;
padding: 1px 8px;
margin: 0
}
#wszystkie .td_dane p.data {
display: block;
width: 300px;
font-size: 12px;
font-weight: normal;
font-style: normal;
padding: 1px 4px;
margin: 0
}
#wszystkie .td_dane p.data2{
display: block;
width: 450px;
font-size: 12px;
font-weight: normal;
font-style: normal;
padding: 1px 4px;
margin: 0
}
#wszystkie .td_akcje {
background: url('/template/gfx/tools.gif') bottom center no-repeat #e6ffbf;
width: 122px;
border: 1px solid #63a500;
}
#wszystkie .td_akcje a.link_pytaj {
display: block;
width: 120px;
height: 20px;
background: #63a500;
color: #fff;
font-size: 12px;
text-align: center;
text-decoration: none;
padding: 0;
margin: 1px;
}
#wszystkie .td_akcje a.link_pytaj:hover {
background: #72be00
}
#wszystkie .td_akcje a.link_edytuj {
display: block;
width: 120px;
height: 20px;
background: #006fc0;
color: #fff;
font-size: 12px;
text-align: center;
text-decoration: none;
padding: 0;
margin: 1px;
}
#wszystkie .td_akcje a.link_edytuj:hover {
background: #008bf1
}
#wszystkie .td_akcje a.link_usun {
display: block;
width: 120px;
height: 20px;
background: #d90000;
color: #fff;
font-size: 12px;
text-align: center;
text-decoration: none;
padding: 0;
margin: 1px;
}
#wszystkie .td_akcje a.link_usun:hover {
background: #f00
}

/*
.td_wszystkie_akcja{text-align:center;width:130px;margin:10px;}
.td_wszystkie_opis{font-style: normal;}

.wszystkie_opis{font-style: italic;}
.wszystkie_nazwa{font-size:20px;color:navy; padding:5px;font-style: italic;}
.separator{color:navy;}
a.wszystkie_rozwiaz { color: white; text-decoration: none; background-color:green; width:130px; height:20px; margin:2px;display: block;}
a.wszystkie_rozwiaz:hover {color: black; text-decoration: none;background-color:lime;  margin:2px;width:130px; height:20px }
a.wszystkie_usun { color: white; text-decoration: none; background-color:blue; width:130px; height:20px; margin:2px;display: block;}
a.wszystkie_usun:hover {color: white; text-decoration: none;background-color:dodgerblue;  margin:2px;width:130px; height:20px }
a.wszystkie_edytuj { color: white; text-decoration: none; background-color:blue; width:130px;  margin:2px;height:20px; display: block;}
a.wszystkie_edytuj:hover {color: white; text-decoration: none;background-color:dodgerblue;  margin:2px;width:130px; height:20px }
*/


/* KLASY O ZASIĘGU GLOBALNYM */

td { padding-top: 5px; padding-bottom: 5px; margin-top: 5px; margin-bottom: 5px}

/* pytek - konkretny test */

p.komentarz {text-align:left; font-size:14px; font-style: italic;font-family: "Trebuchet MS";}
td.pytek_odpowiedzi{text-align: center; background-color: #f0f8ff; border: 1px solid #51ae18; width:350px; padding:10px}
table.pytek_statystyki{text-align: center; background-color: #f0f8ff; border: 1px solid #51ae18; width:350px; padding:10px}
td.statystyki{text-align: center; background-color: #f0f8ff; border: 0px solid #51ae18; width:350px; padding:10px}

.pytek_slowo_eng {font-size: 20px;}
.pytek_slowo_poprawnie{font-size: 20px; color: #51ae18;}
.pytek_slowo_blednie{font-size: 20px; color: #f00;}


/* wyszukiwarka */
.wyszukiwarka_brak_wynikow{font-size: 20px;text-align:center;padding-bottom:30px;}




a.litera {
width: 20px;
height:20px;
font-size: 16px;
color: #fff;
background-color: #51ae18;
margin: 1px;
padding:3px;
text-decoration: none;
display: block;
float: left;
text-align: center;
}
a.litera:hover {
width: 20px;
height:20px;
font-size: 16px;
color: #000;
background-color: #51fe18;
padding: 3px;
margin: 1px;
text-decoration: none;
display: block;
float: left;
}