body { background-color: #3f4042; background-image: url(image/cala.jpg); background-position:top; background-repeat: no-repeat; margin: 0; }
img {  border: 0; }
input, textarea { font-family: arial, tahoma; font-size: 13px; background-color: #e7e7e7; padding: 2px; border: 2px solid #808082; }
sup { color: red; }
.clr { clear: both; }
#menu { width: 989px; margin: auto; }
.menu_1 { width: 192px; height: 63px; margin: 24px 0 0 28px; }
.menu_2 { width: 105px; height: 26px; margin: -42px 0 0 248px; }
.menu_3 { width: 85px; height: 25px; margin: -25px 0 0 371px; }
.menu_4 { width: 125px; height: 26px; margin: -26px 0 0 477px; }
.menu_5 { width: 116px; height: 26px; margin: -25px 0 0 627px; }
.menu_6 { width: 173px; height: 28px; margin: -29px 0 0 797px; }

#tresc { width: 989px; margin: auto;}

#opis, #stopka { width: 500px; height: 290px; margin: 60px 0 0 490px; }
.opis_t, .opis_g, .opis_d { font-family: arial, tahoma; font-weight: bold; font-size: 14px; color: #a5a5a5; margin-left: 10px; }
.opis_g { font-size: 15px; color: #c8d851; margin-left: 10px; }
.opis_d { font-size: 16px; color: #ffffff; margin: 20px 0 0 10px; }
.opis_kreska { background-color: #808082; width: 490px; height: 1px; margin-top: 3px; }
.opis_e, .opis_f, .opis_h, .opis_a  { font-family: tahoma; font-size: 12px; font-weight: bold; line-height: 18px; color: #d0d0d0; margin: 5px 0 0 20px; }
.opis_f, .opis_h, .opis_a  { font-family: arial; font-weight: normal; color: #d9d9d9; margin-top: 10px; width: 450px; }
.opis_h, .opis_a { color: #c8d851; margin-top: 10px; }
.opis_a { margin: 0; color: #3fb4f9; }
.opis_a:hover { text-decoration: none; }
.opis_n, .opis_b { font-family: arial, tahoma; font-weight: bold; font-size: 13px; color: #d0d0d0; margin: 40px 0 0 20px; }
.opis_b { color: #c8d851 ; margin: 0; }

/* projekty stron */
.projekt { margin: 25px 0 10px 0; }
.img_p { width: 170px; height: 128px; margin: 0 5px 5px 0; float: left; border: 2px solid #808082; }
.projekt_a { color: #d0d0d0; }
.projekt_a:hover { text-decoration: none; }
.form_k1 { text-align: right; font-weight: bold; }
.form_s { text-align: center; padding: 20px; }
.form_sub { font-weight: bold; background-color: #d0d0d0; }
.opis_m { font-size: 11px; }

#ramka { width: 469px; height: 332px; margin: 49px 0 0 504px; }
.ramka_g, .ramka_d { height: 8px; width: 432px; background-image: url(image/ramka_g.jpg); margin: 0 0 0 20px; }
.ramka_d { background-image: url(image/ramka_d.jpg); } 
.ramka_l1 { width: 42px; height: 127px; background-image: url(image/l_1.jpg); }
.ramka_l2, .ramka_r2 { width: 42px; height: 42px; }
.ramka_l3 { width: 42px; height: 147px; background-image: url(image/l_3.jpg); }
.ramka_r1 { width: 42px; height: 127px; background-image: url(image/r_1.jpg); }
.ramka_r3 { width: 42px; height: 147px; background-image: url(image/r_3.jpg); }
.obg, .obd { display: inline; }
.ob_1 { width: 170px; height: 128px; float: left; border: 2px solid #808082; margin: 15px 0 0 10px; }
.ob_2 { width: 170px; height: 128px; float: left; border: 2px solid #808082; margin: 15px 0 0 17px; }
.ob_3 { width: 170px; height: 128px; float: left; border: 2px solid #808082; margin: 17px 0 0 10px; }
.ob_4 { width: 170px; height: 128px; float: left; border: 2px solid #808082; margin: 17px 0 0 17px; }

#stopka { height: 40px; font-family: arial, tahoma; font-size: 11px; color: #a5a5a5; margin: 20px 0 0 490px; }
.stopka_a { color: #a5a5a5; padding: 0 5px 0 5px; }
.stopka_a:hover { text-decoration: none; margin: 0; }
.pad { padding: 10px 0 0 30px; }