body { background: black url(images/bcg.jpg) 0 0 repeat-x; margin: 0; padding: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; z-index: 1 } img { border: 0; } .clear { clear: both; overflow: hidden; zoom: 1.0; } .column { float: left; } #main { width: 953px; margin: 0 auto; } #top { display: block; height: 90px; width: 953px; } #logo { display: block; height: 90px; width: 188px; background: url(images/logo.jpg) 0 0 no-repeat; float: left; margin: 0 8px 0 0; } #logo a { display: block; height: 90px; width: 188px; } #menu { display: block; height: 90px; float: left; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu ul li { margin: 0; padding: 0; float: left; display: block; width: 109px; height: 90px; } #menu ul li a { display: block; height: 90px; width: 109px; font-size: 0px; color: black; } #menu ul li#menu_1 { } #menu ul li#menu_1 a { background: url(images/menu_1.jpg) 0 0 no-repeat; } #menu ul li#menu_1 a:hover { background: url(images/menu_1_h.jpg) 0 0 no-repeat; } #menu ul li#menu_2 { } #menu ul li#menu_2 a { background: url(images/menu_2.jpg) 0 0 no-repeat; } #menu ul li#menu_2 a:hover { background: url(images/menu_2_h.jpg) 0 0 no-repeat; } #menu ul li#menu_3 { } #menu ul li#menu_3 a { background: url(images/menu_3.jpg) 0 0 no-repeat; } #menu ul li#menu_3 a:hover { background: url(images/menu_3_h.jpg) 0 0 no-repeat; } #menu ul li#menu_4 { } #menu ul li#menu_4 a { background: url(images/menu_4.jpg) 0 0 no-repeat; } #menu ul li#menu_4 a:hover { background: url(images/menu_4_h.jpg) 0 0 no-repeat; } #menu ul li#menu_5 { } #menu ul li#menu_5 a { background: url(images/menu_5.jpg) 0 0 no-repeat; } #menu ul li#menu_5 a:hover { background: url(images/menu_5_h.jpg) 0 0 no-repeat; } #header { display: block; height: 45px; width: 953px; } #header_img { z-index: -999; } #content { clear: both; overflow: hidden; zoom: 1.0; } #left { display: block; width: 200px; float: left; position: relative; top: 139px } #left h2 { display: block; height: 37px; width: 200px; margin: 0; padding: 0; font-size: 0px; color: black; } #left #menu_kasyno { background: url(images/h2_green.jpg) 0 0 no-repeat; } #left #podstawy_gier { background: url(images/h2_blue.jpg) 0 0 no-repeat; } #left #darmowe_gry { background: url(images/h2_red.jpg) 0 0 no-repeat; } #left ul { margin: 0; padding: 0 0 40px 0; list-style: none; } #left ul li { margin: 0; padding: 0; display: block; width: 200px; height: 27px; } #left ul li a { display: block; height: 21px; width: 160px; color: white; text-decoration: none; font-size: 10px; font-weight: bold; padding: 6px 0 0 40px; } #left .green_ul { background: url(images/green_ul_bcg.jpg) 0 0 repeat-y; } #left .green_ul li { background: url(images/green_li.jpg) 0 0 no-repeat; } #left .green_ul li:hover { background: url(images/green_li_h.jpg) 0 0 no-repeat; } #left .blue_ul { background: url(images/blue_ul_bcg.jpg) 0 0 repeat-y; } #left .blue_ul li { background: url(images/blue_li.jpg) 0 0 no-repeat; } #left .blue_ul li:hover { background: url(images/blue_li_h.jpg) 0 0 no-repeat; } #left .red_ul { background: url(images/red_ul_bcg.jpg) 0 0 repeat-y; } #left .red_ul li { background: url(images/red_li.jpg) 0 0 no-repeat; } #left .red_ul li:hover { background: url(images/red_li_h.jpg) 0 0 no-repeat; } #left h3#kasyno { margin: 18px 0 8px 8px; padding: 0; display: block; height: 32px; width:146px; background: url(images/h3_kasyno.jpg) 0 0 no-repeat; } #left h3#kasyno_tygodnia { margin: 18px 0 8px 8px; padding: 0; display: block; height: 12px; width: 137px; background: url(images/kasyno_tygodnia.jpg) 0 0 no-repeat; } #left #kasyno_tygodnia_box { display: block; width: 175px; height: 177px; background: url(images/kasyno_tygodnia_box.jpg) 0 0 no-repeat; padding: 10px 0 0 15px } #left #kasyno_tygodnia_box p { margin: 2px 0 0 0; padding: 0; font-size: 10px; font-weight: bold; color: #666666; } #kasyno_tygodnia_box a { font-size: 11px; color: red; text-decoration: none; display: block } #kasyno_tygodnia_box a:hover { text-decoration: underline; } #wyniki { display: block; height: 148px; width: 191px; background: url(images/wyniki.jpg) 0 0 no-repeat; } #wyniki a { font-size: 10px; color: #666666; text-decoration: none; display: block } #wyniki .w1 { padding: 48px 0 0 10px; } #wyniki .w2 { padding: 25px 0 0 10px; } #wyniki .w3 { padding: 28px 0 0 10px; } #wyniki a:hover { text-decoration: underline; } #center { display: block; float: left; width: 553px; position: relative; z-index: 999; background: #141414; } #top_picture { display: block; height: 327px; width: 553px; position: relative; } #top_picture img { z-index: 10; } #center h2 { display: block; height: 30px; width: 534px; background: url(images/h2_center.jpg) 0 0 no-repeat; margin: 0 0 0 5px; padding: 7px 0 0 10px; font-size: 16px; font-weight: bold; color: #f8f8f8; text-transform: uppercase; clear: both; overflow: hidden; zoom: 1.0; } #center .info { margin: 0; padding: 10px 0 20px 16px; font-size: 15px; font-weight: bold; color: #9c9c9c; text-transform: uppercase; } #center #slide { display: block; float: left; } #slide #arr_left { display: block; width: 25px; height: 26px; background: url(images/arrow_left.png) 0 0 no-repeat; float: left; position: relative; left: 15px; top: 55px; } #slide #arr_right { display: block; width: 25px; height: 26px; background: url(images/arrow_right.png) 0 0 no-repeat; float: left; position: relative; right: 15px; top: 55px; } #arr_left a, #arr_right a { display: block; height: 26px; width: 25px; } #slide #slide_pic { display: block; height: 145px; width: 191px; float: left; border: 4px solid #232323; } .slide_mini_pics { display: block; margin: 5px 0 0 25px; } .slide_mini_pics img { float: left; border: 4px solid #232323; margin: 4px 3px 0 0; } .gray12px { color: #767676; font-size: 12px; } .red12pxbold { color: #c9121a; font-weight: bold; font-size: 12px; } #center p { margin: 0 0 12px 0; padding: 0; } #top3 ul { margin: 0 0 0 7px; padding: 0; list-style: none; } #top3 span { color: #444343; font-size: 11px; font-weight: bold; } #top3 ul li { margin: 0; padding: 0; display: block; height: 28px; width: 541px; background: url(images/top3_li.jpg) 0 0 no-repeat; } #top3 ul li span { color: white; padding: 6px 0 0 0; font-size: 10px; font-weight: bold; text-align: center; } #top3 ul li span a { color: white; text-decoration: none; } #top3 ul li span a:hover { text-decoration: underline; } .t3_poz { width: 45px; display: block; float: left; } .t3_nazwa { width: 109px; display: block; float: left; } .t3_ocena { width: 71px; display: block; float: left; } .t3_strona { width: 148px; display: block; float: left; } .t3_uwagi { width: 109px; display: block; float: left; } .t3_pic { width: 30px; display: block; float: left; } #boxes { clear: both; overflow: hidden; zoom; 1.0; margin: 15px 0 0 7px; } #box1 { background: url(images/box1.jpg) 0 0 no-repeat; } #box2 { background: url(images/box2.jpg) 0 0 no-repeat; } #box3 { background: url(images/box3.jpg) 0 0 no-repeat; } #box4 { background: url(images/box4.jpg) 0 0 no-repeat; } #boxes .box { display: block; height: 205px; width: 262px; float: left; margin: 0 5px 5px 0; } .box a { padding: 150px 10px 0 15px; font-size: 11px; color: #a7a7a7; clear: both; display: block; height: 55px; width: 237px; text-decoration: none; } .box a:hover { text-decoration: underline; } .green_h3 { color: #15b96d; background: url(images/h3_bcg.jpg) 0 0 no-repeat; padding: 0 10px 8px 30px; font-size: 18px; font-weight: normal; margin: 0 0 0 15px; border-bottom: 3px solid #626262; } ul.rules { margin: 0 0 0 20px; padding: 0 10px 0 0; list-style: none; } ul.rules li { margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(images/li_rules_bcg.jpg) 0 0 no-repeat; color: #626262; } ul.rules li strong { color: white; } .uklad { } .uklad p { font-size: 10px; font-weight: bold; color: #bbbbbb; margin: 0 0 15px 0; } .uklad p.green { color: #15b96d; } #right { display: block; width: 193px; float: right; position: relative; top: 139px; padding: 0 0 139px 0; } h3.h3_jackpot { display: block; height: 29px; width: 137px; background: url(images/h3_jackpot.jpg) 0 0 no-repeat; padding: 4px 0 0 10px; margin: 0; } h3.h3_jackpot a { text-decoration: none; color:#f1212a } h3.h3_jackpot a:hover { text-decoration: underline; } .h3_jackpot .jack_price { font-weight: bold; font-size: 18px; color: #f1212a; } .h3_jackpot .jack_name { font-size: 10px; font-size: 10px; font-weight: bold; color: #ffc34f; margin: 0 0 0 10px; position: relative; top: -2px; } .bonus { display: block; height: 60px; width: 175px; padding: 5px 10px 0 10px; background: url(images/bonus_bcg.jpg) 0 0 no-repeat; } .bonus p { margin: 0 0 5px 0; padding: 0; font-size: 12px; color: white; font-weight: bold; } .bonus a { color: #1a1a1a; font-size: 11px; } .bonus a:hover { color: white; } #face_rss { display: block; width: 170px; height: 61px; background: url(images/face_rss_bcg.jpg) 0 0 no-repeat; padding: 10px 0 0 20px; } .face { background: url(images/icon_face.jpg) 0 0 no-repeat; padding: 5px 0 0 20px; margin: 0 0 5px 0; font-size: 10px; color: #666666; } .rss { background: url(images/icon_rss.jpg) 0 0 no-repeat; padding: 5px 0 0 20px; margin: 0; font-size: 10px; color: #666; } #face_rss a { color: #666; text-decoration: none; } #face_rss a:hover { text-decoration: underline; } #footer { display: block; height: 72px; width: 100%; background: url(images/footer_bcg.jpg) 0 0 repeat-x; margin: 15px 0 50px 0; } #foot { width: 640px; margin: 0 auto; padding: 15px 0 0 0; font-size: 11px; } #foot ul { margin: 0; padding: 0; list-style: none; } #foot ul li { margin: 4px 0 0 0; padding: 0 5px; float: left; border-right: 1px solid #c5c5c5; text-align: center; } #foot ul li a { color: #c5c5c5; text-decoration: none; text-align: center; } #foot ul li a:hover { text-decoration: underline; }