/* ############## STYLE OGÓLNE ################ */
* {
margin:0;
padding:0;
}

html, body {
background-color: #81c0df;
background-image: url("images/bg.png");
background-repeat: repeat-x;
color: #000;
font-family: verdana, arial, sans-serif;
font-size: 90%;
padding-top:10px;
padding-bottom: 10px;
}

a:focus {
outline: none;
}

img {
border-style: none;
}

img.spacer {
float: left;
}

hr.nw {
border:2px outset #ccc;
margin: 10px 0px 10px 0px;
}

hr.ad {
border:2px outset #ccc;
width: 740px;
margin-left:auto;
margin-right:auto;
margin-bottom: 5px;
}

pre {
border: 2px inset black;
background-color: #ffffff;
padding: 5px;
width: 458px;
height: 100%;
}

h1 {
font-size: 130%;
color: #205F7E;
font-weight: bold;
}

h2 {
font-size: 100%;
color: #7457A8;
padding-left: 1px;
margin-bottom: 1em;
}

h3 {
font-size: 90%;
color: #339933;
}

h4 {
font-size: 90%;
color: black;
font-style: italic;
}

p#polec {
font-weight: bold;
}

p#data {
clear: left;
}

a.mail:link, a.mail:visited {
color: red;
font-weight: bold;
text-decoration: none;
}

.mielonka {
display: none;
}

/* ########################### STYLE DO MATERIAŁÓW ############################### */

td.mater ul {
display: block;
margin: 0;
padding: 0;
}

td.mater h3 {
cursor: pointer;
padding: 5px 0 5px 25px;
background: url("images/close.jpg") no-repeat left 5px;
}

td.mater h3.opened {
background: url("images/open.jpg") no-repeat left 5px;
}

td.mater h4 {
cursor: pointer;
padding: 5px 0 5px 25px;
background: url("images/close.jpg") no-repeat left 5px;
}

td.mater h4.opened {
background: url("images/open.jpg") no-repeat left 5px;
}

td.mater ul {
display: block;
}

td.mater li {
padding: 5px 0px 5px 20px;
list-style: none;
}

ul.kropki li {
list-style-position: inside;
}

td.mater a:link, td.mater a:visited {
color: black;
text-decoration: none;
}

td.mater ul a:hover {
color: red;
padding-left:2px; 
}

a {
cursor: pointer;
}

ul.mater {
display: block;
margin: 0;
padding: 0;
}

ul.mater ul {
display: block;
}

ul.mater li {
padding: 5px 0px 5px 20px;
list-style: none;
}

ul.kropki li {
list-style-position: inside;
}

ul.mater a:link, ul.mater a:visited {
color: black;
text-decoration: none;
}

ul.mater a:hover {
color: red;
padding-left:2px; 
}



/* ########################### STYLE DO DIV-ÓW ############################### */

#wrapper{
width:781px;
margin-left:auto;
margin-right:auto;
}

#menu{
width:781px;
height:23px;
overflow: hidden;
}

#tresc{
background: #e7e7e7 url("images/bgtresc.png") repeat-y 775px 0px;
/* width:740px; */
padding: 20px 20px 0px 20px;
display:block;
overflow:hidden;
}

#leftbox {
width: 470px;
float: left;
}

#rightbox {
width: 250px;
float: right;
font-size: 80%;
}

#zegar{
float: right;
margin-right: 5px;
}

#com_t, #sea_t, #sub_t, #ext_t {
margin-top: 10px;
font-weight: bold;
height: 27px;
background: #e7e7e7 url("images/box_t.jpg") no-repeat;
padding-left: 10px;
}

#ext_c {
background: #e7e7e7 url("images/box_c.jpg") repeat-y;
display: block;
text-align: center;
}

#sub_c {
background: #e7e7e7 url("images/box_c.jpg") repeat-y;
padding-left: 10px;
display: block;
}

p.arch a:link, p.arch a:visited {
display: block;
margin-top: 20px;
margin-left: 5px;
font-weight: bold;
text-decoration: none;
color: black;
font-size: 80%;
}

a.rss:link, a.rss:visited {
padding: 3px 3px 3px 20px;
background: url("images/rss.png") no-repeat 0px 3px;
font-weight: bold;
text-decoration: none;
color: black;
}

a.mailing {
margin-left: 25px;
padding: 3px 3px 3px 20px;
background: url("images/mail.png") no-repeat 0px 3px;
font-weight: bold;
text-decoration: none;
cursor: pointer;
}

a.komm {
cursor: pointer;
}

#com_c {
position: relative;
left: 0px;
background: #e7e7e7 url("images/box_c.jpg") repeat-y;
width: 250px;
height: 130px;
}

#sea_c {
background: #e7e7e7 url("images/box_c.jpg") repeat-y;
padding-left: 10px;
}

.cse-branding-bottom {
width: 230px;
}

#coment {
overflow: auto;
height: 120px;
width: 230px;
padding-left: 10px;
padding-right: 0px;
}

#prv {
display: none;
}

#addcom{
display: none;
background: #e7e7e7 url("images/box_c.jpg") repeat-y;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
}

#com_b, #sea_b, #sub_b, #ext_b {
height: 27px;
background: #e7e7e7 url("images/box_b.jpg") no-repeat;
font-weight: bold;
padding-left: 10px;
}

#reklama{
background: #e7e7e7 url("images/bgtresc.png") repeat-y 775px 0px;
text-align: center;
padding: 5px;
}

#footer{
background: url("images/foot.jpg");
width:781px;
height:32px;
display:block;
}

p.java {
text-align: center;
margin-bottom: 10px;
font-weight: bold;
color: #FFEE00;
}

p.komm {
cursor: pointer;
text-decoration: none;
color: black;
}

p.stopka {
padding: 10px 10px 0px 0px;
text-align: right;
font-size:70%;
}

p.katalog, p.stat4u {
padding: 10px 00px 0px 10px;
float: left;
}

p.vhtml, p.vcss {
padding: 7px 00px 0px 10px;
float: left;
}

#konqrs {
float: left;
width: 120px;
height: 60px;
border: outset 4px #81C0DF;
position: relative;
top: 5px;
left: 0px;
}


/* ############################## STYLE DO TABELI ############################## */
table{
width: 100%;

}

td.left {
width: 48%;
text-align: right;
}

td.left2 {
width: 48%;
}

td.cent {
width: 4%;
text-align: center;
}

td.cent2 {
width: 4%;
text-align: center;
background: url("images/cent.jpg") repeat-y right top;
}

td.right {
width: 48%;
}

/* ########################### STYLE DO MENU ############################### */
ul.menu, ul.menu li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

ul.menu {
float: left;
width: 100%;
}

ul.menu li {
float: left;
background: url("images/left.png") no-repeat left top;
}

ul.menu a, ul.menu a:visited {
text-decoration: none;
display: block;
font-weight: bold;
background: url("images/right.png") no-repeat right top;
color: #EFEFEF;
padding: 5px 11px 5px 0px;
margin-left: 11px;
}

ul.menu a:hover {
color: #032;
}



/* ############################## STYLE DO TESTÓW ############################### */
#test{
margin-top:1em;
}

#test .point{
margin-left:30px;       /* odległość od lewej krawędzi strony */
padding-bottom:1em;     /* odległość między pytaniami */
}

#test .point ol{
list-style-type:none;
margin-left:30px;
}

#test label{            /* odległość odpowiedzi od checkboxa */
padding-left:7px;
}  

#buttons{
text-align:right;
padding:10px;
}

#buttons input{
border:2px outset #ccc;
background-color:#eee;
padding:2px;
}

#test .wrong-answer label{
font-weight:bold;
}

#test .right-answer label{
font-weight:bold;
}

#test #results{
list-style-type:none;
padding-top:30px;
}

#test #results li{
margin-bottom:1ex;
padding-left:5px;
}

ul.tesst li {
list-style-type:none;
}


/* ############################## STYLE DO SZUKACZKI ############################### */


ul.menu li.li_act {
float: left;
background: url("images/left_a.png") no-repeat left top;
}

ul.menu li.li_act a.a_act {
text-decoration: none;
display: block;
background: url("images/right_a.png") no-repeat right top;
color: #032;
padding: 5px 11px 5px 0px;
margin-left: 11px;
}


li#q7 {
float: right;
background: url("images/left_a.png") no-repeat left top;
}

a#p7 {
background: url("images/right_a.png") no-repeat right top;
color: #032;
padding: 5px 11px 5px 0px;
margin-right: 10px;
}

#pajpal{
display: none;
height: 100px;
background: url("images/bgtresc.png") repeat-y scroll 775px 0 #E7E7E7;
padding: 20px 20px 0px 20px;
}

#wpis {
border-bottom: dotted 2px black;
border-top: none;
border-left: none;
border-right: none;
width: 100px;
}

label.error {
display: none;
color: red;
font-style: italic;
font-weight: bold;
}