html, body {
    font: 11px Verdana;
	 line-height: 16px;
    background: #ffffff url('images/tlo_strony.jpg') repeat-x 0 0;
    text-align: center;
    color: #000000;
	 margin: 0;
    padding: 0;
}

td {
    font: 11px Verdana;
}

#box {
    width: 720px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}
#menu_box {
	position: relative;
	left: 0px;
	z-index: 20;
}

.menu {
	position: relative;
	float: left;
}

.blue {
    color: #31BCFF;
}

.break {
	clear: both;
}

#maziaj {
	position: absolute;
	width: 335px;
	height: 335px;
	z-index: 10px;
	left: -170px;
	top: 0px;
	background: transparent url('images/maziaj.png') no-repeat 0 0;
}

#grafika_elearning {
	position: absolute;
	left: 500px;
	top: 580px;
	width: 525px;
	height:450px;
	background: transparent url('images/grafika_elearning.png') no-repeat 0 0;
}

#grafika_oferta {
	position: absolute;
	left: 450px;
	top: 650px;
	width: 452px;
	height:490px;
	background: transparent url('images/grafika_oferta.png') no-repeat 0 0;
	z-index: 200;
}

#grafika_wspolpraca {
	position: absolute;
	left: 450px;
	top: 50px;
	width: 397px;
	height:635px;
	background: transparent url('images/grafika_wpolpraca.png') no-repeat 0 0;
}

#main {
	position: relative;
	height: 800px;
	overflow: visible;
	background: transparent url('images/main_tlo.jpg') no-repeat 0 0;
	z-index: 30;
}

#logowanie {
	position: absolute;
	height: 247px;
	width: 150px;
	left: -150px;
	top: 150px;
	background: transparent url('images/tlo_logowanie.png') no-repeat 0 0;
	z-index: 1000;
}


#info_logowanie {
	position: absolute;
	height: 183px;
	width: 150px;
	left: -150px;
	top: 400px;
	background: transparent url('images/tlo_stopka.png') no-repeat 0 0;
	z-index: 150;
}

#tabela_ceny {
	position: relative;
	width:524px;
	height:206px;
	background: transparent url('images/tabela.jpg') no-repeat 0 0;
}
 
a img {
    border: 0;
}

.F1 {
        font-family: verdana;
        font-weight: normal;
        font-size: 11px;
        color: #000000;
        background-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        border-color: #31BCFF;
        width: 100%;
        height: 18px;
}

.F2 {
        font-family: verdana;
        font-weight: normal;
        font-size: 11px;
        color: #FFFFFF;
        background-color: #31BCFF;f
        border-style: solid;
        border-width: 0px;
        border-color: #31BCFF;
        width: 100%;
        height: 18px;
}
.form_tekst {
	width: 150px;
	float: left;
	height: 25px;
	text-align: right;
}

.form {
	width: 150px;
	float: left;
}
.pauza {
	width: 20px;
	float: left;
}


A:LINK {
	color: #31BCFF;
	text-decoration: none;
	font-size: 11px;
}

A:ACTIVE {
	color: #31BCFF;
	text-decoration: none;
	font-size: 11px;
}
A:VISITED {
	color: #31BCFF;
	text-decoration: none;
	font-size: 11px;
}

A:HOVER {
	text-decoration: underline;
}

.pytanie {
	 line-height: 16px;
    background: #00B0F0;
    text-align: center;
    color: #FFFFFF;
    padding: 20px;
}

.odpowiedzi {
	 line-height: 16px;
    background: #C8DCDF;
    text-align: left;
    color: #000000;
    padding: 20px;
}

.test_opis {
	 line-height: 16px;
    background: #00B0F0;
    text-align: left;
    color: #FFFFFF;
    padding: 20px;
}

#logo_sferawiedzy {
	position: absolute;
	left: -155px;
	top: 430px;
	height: 108px;
	width: 144px;
}