* { padding:0; border:0; margin:0; font-family:Trebuchet MS; }
html, body { width:100%; height:100%; }
html { background:url(images/html_bg.jpg) top repeat-x #f89e00; }
body { background:url(images/body_bg.jpg) no-repeat 50% 243px; }
a:focus { outline:none; }

#all { width:960px; margin:0 auto; }

#top { width:952px; float:left; background:url(images/top_bg.jpg) no-repeat; height:242px; position:relative; }
#top #logo { width:190px; height:46px; float:left; text-indent:-9999px; display:block; position:relative; top:16px; left:25px }
#top #menu { float:right; height:38px; position:relative; left:-28px; top:20px; }
#top #menu li { float:left; height:38px; list-style:none; }
#top #menu li a { float:left; height:18px; text-indent:-9999px; padding:10px 6px; }
#top #menu li a.a1 { background:url(images/top_a1.jpg) center no-repeat; width:107px; }
#top #menu li a.a2 { background:url(images/top_a2.jpg) center no-repeat; width:64px; }
#top #menu li a.a3 { background:url(images/top_a3.jpg) center no-repeat; width:58px; }
#top #menu li a.a1:hover { background:url(images/top_a1_over.jpg) center no-repeat; }
#top #menu li a.a2:hover { background:url(images/top_a2_over.jpg) center no-repeat; }
#top #menu li a.a3:hover { background:url(images/top_a3_over.jpg) center no-repeat; }

#content { width:946px; float:left; background:url(images/content_bg.jpg) top repeat-x; position:relative; left:8px; font-size:11px; }
#content #other { width:935px; float:left; position:relative; left:11px; background:url(images/other_bg.jpg) no-repeat; height:203px; }
#content #other ul#sites { float:left; height:35px; margin:10px 0; }
#content #other ul#sites li { float:left; height:35px; list-style:none; padding:0 7px 0 5px; background:url(images/ohter_li_bg.jpg) 100% 5px no-repeat; }
#content #other ul#sites li.last { background:none; }
#content #other ul#sites li a { float:left; height:15px; display:block; padding:10px 0; text-indent:-9999px; }
#content #other ul#sites li a.a1 { background:url(images/other_a1.jpg) no-repeat 0 8px; width:65px; }
#content #other ul#sites li a.a2 { background:url(images/other_a2.jpg) no-repeat 0 8px; width:49px; }
#content #other ul#sites li a.a3 { background:url(images/other_a3.jpg) no-repeat 0 8px; width:109px; }
#content #other ul#sites li a.a4 { background:url(images/other_a4.jpg) no-repeat 0 8px; width:60px; }
#content #other ul#sites li a.a5 { background:url(images/other_a5.jpg) no-repeat 0 8px; width:42px; }
#content #other ul#sites li a.a6 { background:url(images/other_a6.jpg) no-repeat 0 8px; width:142px; }
#content #other ul#sites li a.a7 { background:url(images/other_a7.jpg) no-repeat 0 8px; width:163px; }
#content #other ul#sites li a.a1:hover { background:url(images/other_a1_over.jpg) no-repeat 0 8px; }
#content #other ul#sites li a.a2:hover { background:url(images/other_a2_over.jpg) no-repeat 0 8px; }
#content #other ul#sites li a.a3:hover { background:url(images/other_a3_over.jpg) no-repeat 0 8px; }
#content #other ul#sites li a.a4:hover { background:url(images/other_a4_over.jpg) no-repeat 0 8px; }
#content #other ul#sites li a.a5:hover { background:url(images/other_a5_over.jpg) no-repeat 0 8px; }
#content #other ul#sites li a.a6:hover { background:url(images/other_a6_over.jpg) no-repeat 0 8px; }
#content #other ul#sites li a.a7:hover { background:url(images/other_a7_over.jpg) no-repeat 0 8px; }

#content #other .goolge { margin:10px 0; float:left; }
#content #other .field { width:750px; height:100px; float:left; position:absolute; bottom:10px; left:5px; }

#content #main { width:920px; float:left; background:url(images/main_bg.jpg) top no-repeat; padding:14px; }

#content #main .kategorie { background:url(images/left_menu_kategorie.jpg) no-repeat; }
#content #main .gry { background:url(images/left_menu_gry.jpg) no-repeat; }
#content #main .reklama { background:url(images/left_menu_reklama.jpg) no-repeat; }
#content #main .inne { background:url(images/right_menu_inne.jpg) no-repeat; }
#content #main .polecamy { background:url(images/right_menu_polecamy.jpg) no-repeat; }
#content #main .reklama { background:url(images/left_menu_reklama.jpg) no-repeat; }
#content #main .dobre-strony { background:url(images/left_menu_dobre_strony.jpg) no-repeat; }

#content #main #left { width:183px; float:left; }
#content #main #left .menu { width:181px; border:1px solid #39b9d0; float:left; background:url(images/left_menu_bg.jpg) repeat-y; }
#content #main #left .menu h4 { width:177px; height:36px; float:left; display:block; margin:2px 0 8px 2px; text-indent:-9999px; }
#content #main #left .menu ul { margin-left:3px; float:left; width:177px; }
#content #main #left .menu ul.a { background-color:#008ca5; margin-left:3px; float:left; width:177px; }
#content #main #left  .menu ul.polecane { margin-left:0; float:left; width:183px; text-align:center }
#content #main #left  .menu ul.polecane li { width:183px; height:auto; float:left; list-style:none; padding:0; }
#content #main #left  .menu ul.polecane li img { border:1px solid #f89e00; }
#content #main #left  .menu ul.polecane li a { width:183px; height:auto; padding-top:0; float:none; display:block; background:none; text-decoration:none; color:#fff; text-indent:0; }
#content #main #left .menu li { width:176px; height:19px; float:left; list-style:none; padding:1px 0; }
#content #main #left .menu li a { width:176px; height:18px; padding-top:1px; float:left; display:block; background:url(images/left_menu_li_bg.jpg) no-repeat; text-decoration:none; color:#fff; text-indent:20px; }
#content #main #left .menu li a:hover { background:url(images/left_menu_li_over.jpg) no-repeat; }
#content #main #left .menu .hr { background:url(images/menu_hr.png) no-repeat; width:182px; height:12px; float:left; position:relative; top:6px; margin-top:15px; }

#content #main #center { width:542px; padding:0 4px; float:left; }
#content #main #center h1 { background:url(images/h1_bg.jpg) no-repeat; width:522px; height:29px; float:left; margin:4px 0; font-size:14px; color:#156471; padding:7px 10px 0 10px; }
#content #main #center h2 { background:url(images/h1_bg.jpg) no-repeat; width:522px; height:29px; float:left; margin:4px 0; font-size:13px; color:#156471; padding:7px 10px 0 10px; }
#content #main #center h4 { background:url(images/h1_bg.jpg) no-repeat; width:522px; height:29px; float:left; margin:4px 0; font-size:13px; color:#156471; padding:7px 10px 0 10px; }
#content #main #center .box { width:542px; float:left; background:url(images/center_c_bg.jpg) repeat-y; color:#fff; margin-bottom:7px; }
#content #main #center .box a { color:#fff; }
#content #main #center .box .t { background:url(images/center_t_bg.jpg) no-repeat; height:39px; width:542px; float:left; margin-bottom:-29px; }
#content #main #center .box .b { background:url(images/center_b_bg.jpg) no-repeat; height:6px; width:542px; float:left; margin-top:4px; }
#content #main #center .box img { margin:0 15px; width:200px; float:left; }
#content #main #center .box h3 { width:300px; font-size:16px; float:left; margin:7px 0 }
#content #main #center .box li { list-style:none; line-height:19px; }
#content #main #center .box .stars { width:300px; float:left; height:27px; padding:10px 0; }
#content #main #center .box .stars li { width:30px; height:27px; float:left; }
#content #main #center .box .stars li a { display:block; height:27px; width:30px; float:left; background:url(images/star_off.jpg) no-repeat; text-indent:-9999px; }
#content #main #center .box .stars li a.on { background:url(images/star_on.jpg) no-repeat; }


#content #main #center .kategorie { width:542px; float:left; background:url(images/center_c_bg.jpg) repeat-y; color:#fff; margin-bottom:7px; }
#content #main #center .kategorie img {border-style: solid;border-color: #fff;border-width: 2px;}
#content #main #center .kategorie .t { background:url(images/center_t_bg.jpg) no-repeat; height:39px; width:542px; float:left; margin-bottom:-29px; }
#content #main #center .kategorie .b { background:url(images/center_b_bg.jpg) no-repeat; height:6px; width:542px; float:left; margin-top:4px; }


#content #main #center .tapeta { width:542px; float:left; background:url(images/center_c_bg.jpg) repeat-y; color:#fff; margin-bottom:7px; }
#content #main #center .tapeta .t { background:url(images/center_t_bg.jpg) no-repeat; height:39px; width:542px; float:left; margin-bottom:-29px; }
#content #main #center .tapeta.b { background:url(images/center_b_bg.jpg) no-repeat; height:6px; width:542px; float:left; margin-top:4px; }


#content #main #center .video { border-bottom:1px solid #076274; color:#fff; border-left:1px solid #076274; border-right:1px solid #076274; width:530px; float:left; padding:25px 5px; background:url(images/video_bg.jpg) repeat-x top #002c33; text-align:center }


#content #main #right { width:183px; float:left; }
#content #main #right .menu { width:181px; border:1px solid #39b9d0; float:left; background:url(images/left_menu_bg.jpg) repeat-y; }
#content #main #right .menu h4 { width:177px; height:36px; float:left; display:block; margin:2px 0 8px 2px; text-indent:-9999px; }
#content #main #right .menu ul { margin-left:3px; float:left; width:177px; }
#content #main #right .menu ul.a { background-color:#008ca5; margin-left:3px; float:left; width:177px; }
#content #main #right .menu li { width:176px; height:19px; float:left; list-style:none; padding:1px 0; }
#content #main #right .menu li a { width:176px; height:18px; padding-top:1px; float:left; display:block; background:url(images/left_menu_li_bg.jpg) no-repeat; text-decoration:none; color:#fff; text-indent:20px; }
#content #main #right .menu li a:hover { background:url(images/left_menu_li_over.jpg) no-repeat; }
#content #main #right .menu ul.polecane { margin-left:0; float:left; width:183px; text-align:center }
#content #main #right .menu ul.polecane li { width:183px; height:auto; float:left; list-style:none; padding:0; }
#content #main #right .menu ul.polecane li img { border:1px solid #1a8da2; }
#content #main #right .menu ul.polecane li a { width:183px; height:auto; padding-top:0; float:none; display:block; background:none; text-decoration:none; color:#fff; text-indent:0; }
#content #main #right .menu .hr { background:url(images/menu_hr.png) no-repeat; width:182px; height:12px; float:left; position:relative; top:6px; margin-top:15px; }

#footer { width:920px; float:left; background:url(images/footer_bg.jpg) top center no-repeat; height:120px; position:relative; top:0; left:20px; z-index:1; }
#footer .sites { width:900px; float:left; background:url(images/footer_sites.jpg) top no-repeat; height:50px; padding:10px; text-align:justify; margin-top:50px; }
#footer .sites li { list-style:none; display:inline; font-size:11px; color:#638a92; }
#footer .sites li a { color:#638a92; padding-right:9px; text-decoration:none; }

#fbg { height:134px; width:100%; float:left; background:url(images/footer_b_bg.jpg) repeat-x #00323c; margin-top:-120px; position:relative; top:0; z-index:0; }
