@charset "utf-8";
@import url(base.css);

/* site css: */
body {color:#2a2a2a;background:url(../images/background.jpg) #f6f6f6 repeat-x}

a {text-decoration:none;color:#4d4d4d}
a:hover {color:#7e7e7e}
h2 {font-weight:bold}
h2, h3 {font-size:100%}

#header, #mainnav, #intro, #ad, #content, #footer {width:909px;margin:0 auto}
#header, #footer, .box {position:relative}
#mainnav, #intro, #footnav {list-style:none}

#header {height:119px}
#header .ad {position:absolute;right:0;top:33px}
#logo {position:absolute;width:166px;height:38px;top:43px;left:0;margin:0}

#mainnav li, #intro li, #footnav li {float:left;display:inline-block}

/* main navigation css: */
#mainnav {margin-bottom:12px;height:45px;line-height:45px;background:url(../images/mainnav_background.gif) no-repeat}
#mainnav li {background:url(../images/lines.gif) no-repeat right}
#mainnav li.last {background:none}
#mainnav a {display:block;padding:0 16px;overflow:hidden;text-indent:-9999px;margin:0 2px}
#mainnav a:hover {background:url(../images/mainnav_hover.gif) repeat-x}
#mainnav a span {display:block;background-position:0 50% !important;background-repeat:no-repeat !important}
#mainnav .strona_glowna span {width:70px;background:url(../images/menu/strona_glowna.gif) 0 50%}
#mainnav .historia_ruletki span {width:72px;background:url(../images/menu/historia_ruletki.gif)}
#mainnav .ruletka span {width:36px;background:url(../images/menu/ruletka.gif)}
#mainnav .systemy_do_ruletki span {width:85px;background:url(../images/menu/systemy_do_ruletki.gif)}
#mainnav .blackjack span {width:45px;background:url(../images/menu/blackjack.gif)}
#mainnav .poker span {width:26px;background:url(../images/menu/poker.gif)}
#mainnav .zaklady_sportowe span {width:83px;background:url(../images/menu/zaklady_sportowe.gif)}
#mainnav .hazard span {width:33px;background:url(../images/menu/hazard.gif)}
#mainnav .faq span {width:16px;background:url(../images/menu/faq.gif)}
#mainnav .kontakt_z_nami span {width:68px;background:url(../images/menu/kontakt_z_nami.gif)}

/* intro - three boxes css: */
#intro li {margin:0 1px 0 2px}

/* main ad css: */
#ad {padding:12px 0;text-align:center}

/* content css: */
#content .box {padding:0 15px 15px;background:url(../images/box_background.gif) #FFF repeat-x bottom;border:1px solid #ccc;border-width:1px 1px 0px;width:877px}
#content .box h2 {margin:1em 0 2em}
#content .box p.text {width:620px}
#content .news {width:270px;margin:30px 0 0;padding:0 10px 0 15px;float:left;font-size:91.67%;border-left:1px solid #E8E8E8}
#content .news h3 {text-align:center;text-decoration:underline;margin:0 0 2em}
#content .news a {display:block;margin:0 0 1em}
#content .news a.more {margin:0;display:inline}
#content .news.first {border:none}
#content .box.last {border-width:1px 1px 1px}
#content .ad {background:#FFF;text-align:center;padding:12px 15px !important}
#content .news a.more {display:block;width:80px;height:20px;background:url(../images/a_more.gif) no-repeat;overflow:hidden;text-indent:-9999px;margin:0 auto}

/* rank table css: */
table, td, th {border:1px solid #ddd}
.caption {width:877px;border:0;height:26px;background:url(../images/rank_caption.jpg) no-repeat;text-indent:-999px;overflow:hidden;}
#rank {width:877px;font-size:91.67%;border-bottom:0}
#rank thead th {background:#f0f0f0}
#rank tbody td {background:#ebebeb;border-width:0 0 1px 0;font-weight:bold}
#rank thead th.first {border-left:1px solid #DDDDDD}
#rank thead th.last {border-right:1px solid #DDDDDD}
#rank td, #rank th {border-color:#fefefe;padding:.5em 1em !important}
#rank tr.last td {border-bottom:0}
.corners {width:877px;height:4px;background:url(../images/rank_bottom.gif) no-repeat}
.red {color:#c30910}

/* decoration images in boxes css: */
.image1, .image2, .image3 {position:absolute}
.image1 {width:224px;height:180px;background:url(../images/image1.jpg) no-repeat;bottom:0;right:19px}
.image2 {width:77px;height:73px;background:url(../images/image2.jpg) no-repeat;top:12px;right:99px}
.image3 {width:74px;height:71px;background:url(../images/image3.jpg) no-repeat;top:14px;right:103px}

/* footer css: */
#footer {padding:10px 0 130px;font-weight:bold}
#footnav {clear:both}
#footnav li a {color:#000;margin:0 5px 0 0;padding:0 5px 0 0;border-right:1px solid #000}
#footnav li a.last {border:0}