body { margin: 0; padding: 0; border: 0; font: normal 0.7em/1.7em Verdana, Arial, Helvetica, sans-serif; color: #333333; background: #0E0E0E url(graphic/bg.gif); }
a { color: #CC0000; text-decoration: underline; }
a:hover { color: #CC0000; text-decoration: none; }
img, p { border: 0; padding: 0; margin: 0; }
h1 { font-size: 1.6em; margin: 10px 0 10px 0; color: #131313; line-height: 1.3em; text-transform: uppercase; text-decoration: none; letter-spacing: -0.05em; }
h1 a { text-transform: uppercase; text-decoration: none; color: #131313; }
h1 a:hover { color: #CC0000; text-decoration: none; }
h2 { font-size: 1em; text-transform: uppercase; margin: 15px 0px 6px 0px; padding: 4px 0px 4px 10px; background: url(graphic/h2-bg.gif) bottom left repeat-x; border: 1px solid #dadbde; }
h2 a { color: #131313; text-decoration: none; }
h2 a:hover { text-decoration: underline; }
h3 { margin: 8px 0 4px 0; padding: 0; font-size: 1em; line-height: 1.3em; }
ul { list-style-image: url(graphic/list.gif); margin: 0 0 25px 18px; padding: 0px; list-style-position: outside; position: relative; }
ul li { position: relative; padding: 0px; margin: 5px 0; }

/* Header */
#logo { width: 1000px; height: 82px; margin: 0 auto; position: relative; background: url(graphic/bg-red.gif) repeat-x; }
#logo a.pok { display: block; width: 300px; height: 92px; margin: 0; padding: 0; background: url(graphic/logo.gif) 0px 11px no-repeat; text-decoration: none; }
#logo a.pok span { position: absolute; top: 50px; left: 85px; color: #fff; }
#topbox { width: 1000px; height: 37px; margin: 0 auto; padding: 0; line-height: 37px; }
#topbox span { position: absolute; display: block; width: 9px; height: 37px; }
#topbox-left { width: 772px; height: 37px; position: relative; float: left; background: url(graphic/top-c.gif) repeat-x; }
#topbox-left strong { margin-left: 18px; float: left; }
#topbox-left a { display: block; width: 500px; height: 27px; margin: 0; padding: 0; float: left; /*background: url(graphic/logo-sbet.gif) 0px 1px no-repeat;*/ text-decoration: none; }
#topbox-left a:hover { text-decoration: underline; }
#topbox-left a span { display: none; }
#topbox .left-1 { background: url(graphic/top-1.gif) no-repeat; top: 0px; left: 0px; }
#topbox .left-2 { background: url(graphic/top-2.gif) no-repeat; top: 0px; right: 0px; }
#topbox-right { width: 220px; height: 37px; font-weight: bold; margin-left: 8px; text-align: center; position: relative; float: left; background: url(graphic/top-cr.gif) repeat-x; }
#topbox .right-1 { background: url(graphic/top-3.gif) no-repeat; top: 0px; left: 0px; }
#topbox .right-2 { background: url(graphic/top-4.gif) no-repeat; top: 0px; right: 0px; }
input.inputtext { width: 110px; margin: 8px 0px 6px 0px; _margin: 7px 0px 6px 0px; }
input.search { width: 88px; height: 22px; margin: 8px 0px 0px 4px; _margin: 7px 0px 0px 4px; padding-right: 10px; }
form { margin: 0 0; padding: 0; float: right; }
form input { float: left; }

/* Content */
#main { width: 1000px; margin: 0 auto; padding: 0; position: relative; }
#leftbox { float: left; width: 205px; margin: 8px 0 0 0; padding: 0; }

/* Menu */

ul.menu { background-color: #FFFFFF; padding: 0; margin: 0; width: 205px; list-style-image: none; list-style: none; }
ul.menu li { list-style: none; width: 205px; margin: 0; padding: 0; }
ul.menu ul { display: none; background-color: #F2F5FA; padding: 0; margin: 0; width: 205px; list-style-image: none; list-style: none; }
ul.menu ul li { height: 26px; }
ul.menu li a { padding: 0 0 0 17px; margin: 0; font-weight: bold; display: block; width: 188px; height: 25px; border-top: 1px solid #E6E6E6; color: #333333; text-decoration: none; line-height: 23px; }
ul.menu ul li a { padding: 0 0 0 34px; margin: 0; font-weight: normal; line-height: 26px; display: block; height: 26px; width: 171px; border-top: 1px solid #E6E6E6; color: #333333; text-decoration: none; background: #F2F5FA; }
ul.menu a:hover, .menuactive { color: #fff !important; background: #CC0000 url(graphic/li.gif) right center no-repeat !important; text-decoration: underline; }
ul.menuparrentactive { display: block !important; }
.menudown { width: 205px; height: 6px; background: url(graphic/downbox.gif) no-repeat; margin: 0px; padding: 0; }


.topbox, .topbox2 { width: 205px; height: 30px; background: #fff url(graphic/topbox-c.gif) repeat-x; position: relative; font-weight: bold; text-align: center; line-height: 30px; text-transform: uppercase; }
.topbox2 { margin-top: 8px; _margin-top: 0px; padding-bottom: 8px; }
.leftadvert { background: #fff; }
.leftadvert p { padding: 5px 12px 10px 15px; background: url(graphic/hr.gif) bottom center no-repeat; }
.leftadvert img { margin: 5px 0 0 5px; }


.right-topbox { float: left; width: 212px; height: 30px; font-weight: bold; text-align: center; position: relative; line-height: 30px; background: #EEF2F9 url(graphic/topbox-c.gif) repeat-x; padding: 0 0 0 8px; margin: 8px 0 0 8px; }
.topbox span, .topbox-c span, .right-topbox span, .topbox2 span { position: absolute; display: block; width: 9px; height: 30px; }
.topbox-l { background: url(graphic/topbox-l.gif) no-repeat; top: 0px; left: 0px; }
.topbox-r { background: url(graphic/topbox-r.gif) top right no-repeat; top: 0px; left: 196px; }
.topbox-r2 { background: url(graphic/topbox-r.gif) top right no-repeat; top: 0px; left: 550px; }
.topbox-r3 { background: url(graphic/topbox-r.gif) top right no-repeat; top: 0px; left: 211px; }
.topbox-c { width: 559px; height: 30px; background: #EEF2F9 url(graphic/topbox-c.gif) repeat-x; position: relative; line-height: 30px; }
.topbox-c a { margin: 0; }

/* Center */
#centerbox { background: #fff url(graphic/centerbox-down.gif) bottom left no-repeat; padding: 0; margin: 8px 0 0 8px; width: 559px; float: left; }
#obsah { width: 532px; padding: 0 0 15px 18px; float: left; }
#obsah-l { width: 301px; padding: 0 0 0 18px; float: left; }
.anotace-img { padding: 4px; border: 1px solid #dadbde; }
.anotace { padding: 12px 10px; margin: 8px 0 10px 0; background-color: #ebf0f8; }
#profesional { padding: 10px 6px 0px 6px; margin: 5px 10px 5px 0; background: #212121; border: 1px solid #dadbde; color: #fff; clear: both; }
#profesional h2 { color: #FFFFFF; background: url(graphic/tip-black.gif) no-repeat; padding: 0 0 0 21px; margin: 0; border: none; }
#profesional ul { list-style-image: url(graphic/list-black.gif); margin: 0 0 0 22px; padding: 0px; list-style-position: outside; }
#profesional ul li { margin: 8px 0 13px 0; padding: 0px; }
#profesional a { color: #FFFFFF; font-weight: bold; }
#obsah-r { width: 210px; margin: 0 0 0 15px; float: left; }
#rss { width: 205px; height: 52px; /*border:1px solid #dadbde;*/ margin-top: 3px; }
#rss a { margin: 0; }
#prehled-turnaju { width: 200px; padding: 6px 0; border: 1px solid #dadbde; text-align: center; margin-top: 0px; font-weight: bold; }
#prehled-turnaju a { background: url(graphic/prehled.gif) no-repeat; padding: 3px 0 5px 22px; }
.dalsi { float: left; padding: 0 8px 10px 8px; margin: 10px 0 5px 0; line-height: 1.4em; position: relative; border-left: 1px solid #dadbde; background: url(graphic/hr.gif) bottom center no-repeat; }
.dalsi img { padding: 4px; margin: 6px 8px 0 0; border: 1px solid #dadbde; float: left; }
.dalsi h3 { margin: 0px; padding: 0px; }
.articlelist { float: left; padding: 0 8px 10px 0px; margin: 0px 0 5px 0; position: relative; }
.articlelist img { padding: 4px; margin: 0px 8px 0 0; border: 1px solid #dadbde; float: left !important; }
.clearleft { clear: left; margin: 4px 0 0 0; }



.rightpanel { float: left; width: 212px; }

/* Right */
.rightbox { margin-left: 8px; width: 212px; padding: 0 0 10px 8px; background: #fff; position:relative; float:left; }
.rightbox-down { width: 220px; height: 8px; background: url(graphic/downbox-r.gif); position:absolute; bottom:0px; left:0px; }
.rightbox img, .casinosc { padding: 4px; margin: 6px 8px 0 0; border: 1px solid #dadbde; }
.rightbox img.bt { border: none; padding-left: 6px; margin-bottom: 6px; }
.rightbox ul { margin: 10px 0 10px 18px; padding: 0px; }
.stahnout { background: url(graphic/stahnout.gif) top center no-repeat; padding: 14px 0 0 58px; display: block; margin: 0 0 0 8px; height: 38px; width: 136px; color: #fff; line-height: 1.3em; }
a.stahnout:hover { color: #fff; }
.stahnout-casino { background: url(graphic/casino.gif) 2px 0px no-repeat; text-align: left; padding: 14px 0 0 52px; display: block; margin: 0 0 0 8px; height: 38px; width: 155px; color: #fff; line-height: 1.3em; }
a.stahnout-casino:hover { color: #fff; }
.new, .karta, .czech { display: block; margin-top: 13px; height: 24px; line-height: 21px; background: url(graphic/new.gif) no-repeat; padding-left: 63px; font-weight: bold; }
.karta { background: url(graphic/karta.gif) no-repeat; padding-left: 30px; }
.czech { background: url(graphic/czech.gif) no-repeat; padding-left: 36px; }
.tournamentlist { float: left; width: 212px; position: relative; background: #fff; padding: 0 0 0 8px; margin: 0 0 0 8px; }
.tournamentlist ul { margin: 0px 0 15px 12px; padding: 0px; list-style-position: outside; }
.tournamentlist li { font-size: 0.9em; padding: 0px; margin: 0px; }

#footer { width: 1000px; height: 100px; top: 15px; clear: both; border-top: 1px solid #2A2A2A; margin: 0 auto; padding: 8px 0 0 0; color: #A7A7A7; text-align: center; position: relative; }
#footer a { text-decoration: underline; color: #A7A7A7; }
#footer a:hover { color: #FFFFFF; text-decoration: underline; }
hr.cleaner { clear: both; height: 1px; margin: -1px 0 0 0; padding: 0; border: none; visibility: hidden; }

/* clanek */
#obsah-clanek { width: 532px; padding: 0 0 15px 18px; float: left; }
#obsah-clanek p { margin: 0 0 8px 0; padding-right: 8px; }
#obsah-clanek .anotace-img-clanek { padding: 4px; border: 1px solid #dadbde; float: left; border-right: none; }
#obsah-clanek #anotace-clanek { float: left; background-color: #ebf0f8; padding: 8px; margin: 0px; border: 1px solid #dadbde; border-left: none; width: 305px; margin: 0 0 10px 0; min-height: 137px; _height: 137px; }
#obsah-clanek #anotace-clanek-wo-img { float: left; background-color: #ebf0f8; padding: 8px; margin: 0px; border: 1px solid #dadbde; width: 514px; margin: 0 0 10px 0; }
#obsah-clanek h2 { clear: left; }
#obsah-clanek h3, #obsah-clanek h4 { font-weight: bold; display: block; clear: both; color: #1B1B1B; text-transform: none; margin: 0; }
#obsah-clanek h3 { font-size: 12px; padding: 0 0 0 9px; margin: 10px 8px 3px 0; height: 24px; line-height: 24px; border-bottom: 1px solid #DADBDE; }
#obsah-clanek h4 { font-size: 11px; padding: 0; margin: 10px 0 0 0; }
#obsah-clanek .appdown-center a { padding: 14px 0 0 58px; display: block; margin: 16px auto 0 auto; height: 43px; width: 131px; font-weight: bold; color: #fff; line-height: 1.3em; }
#obsah-clanek .ukazka-hry a { background: url(graphic/ukazka-hry.gif) 2px 0px no-repeat; padding: 21px 0 0 62px; display: block; margin: 16px auto 0 auto; height: 43px; width: 131px; font-weight: bold; color: #fff; line-height: 1.3em; }
#obsah-clanek a img { float: right; margin: 0 0 8px 0; }
#obsah-clanek a.imgbox, #obsah-clanek a.imgbox-sm, #obsah-clanek a.imgbox-ctyri { margin: 0px 0 15px 10px; border: 1px solid #dadbde; width: 160px; height: 121px; float: left; }
#obsah-clanek a.imgbox img, #obsah-clanek a.imgbox-sm img, #obsah-clanek a.imgbox-ctyri img { margin: 4px; padding: 0px; border: none; float: none; }
#obsah-clanek a.imgbox-sm { text-align: center; }
#obsah-clanek a.imgbox-ctyri { width: 126px; height: 94px; margin: 0px 2px 15px 0px; }
#obsah-clanek a.imgbox-ctyri img { margin: 2px; }
#obsah-clanek ul { margin: 0 0 10px 12px; padding: 0px; clear: left; }
#obsah-clanek #profesional ul { margin: 0 0 0 22px; padding: 0 0 8px 0; }
#obsah-clanek #profesional ul li { margin: 2px 0 2px 0; padding: 0px; }
.left { float: left; margin: 4px 8px 8px 0; }
.right { float: right; margin: 4px 0px 8px 8px; }
.red { color: #CC0000; }
a.novinky { background: url(graphic/list.gif) -5px -4px no-repeat; padding: 0 0 8px 10px; }
.small { font-size: 9px; clear: both; }
.comics { display: block; width: 240px; height: 70px; position: relative; background: url(graphic/comics.gif) no-repeat; color: #333; text-decoration: none; font-weight: bold; float:left; margin-top:10px; }
.comics span { position: absolute; top: 8px; left: 25px; width: 100px; text-align: center; font-family: 'Comic Sans MS' ,sans-serif; }

/*  -----   TABLE  -----   */
table.form, #obsah-clanek table.form tr td { background-color: #FFF; border: 0; padding: 0; margin: 0; }
table { position: relative; padding-bottom: 7px; width: 533px; padding: 0; margin: 0; }
table tbody { background-color: #FFF; }
table tr td { border: 1px solid #eaeaea; padding-left: 4px; padding-right: 4px; /*border-right:1px solid #DBDBDB; border-top:1px solid #eaeaea;*/ background-color: #fdfdfb; }
table tr.titletable td { background: url(graphic/h2-bg.gif) bottom left repeat-x; border: 1px solid #dadbde; }
table tr td.tdred { background: #910000 url(graphic/td-bt-red.gif) top left repeat-x; color: #fff; }
table tr td.tdblue { background-color: #008ad9; background: #649310 url(graphic/td-bt-blue.gif) top left repeat-x; color: #fff; padding-left: 3px; padding-right: 3px; }
table tr td.tdred a, #obsah-clanek table tr td.tdblue a { color: #fff; }
table tr td.tdcas { background: url(graphic/clock.gif) center left no-repeat; padding-left: 23px; padding-right: 3px; }

.nejctenejsi { margin: 0 0 0 12px; }
.ul-aktuality { margin: 0 0 12px 12px; }
.code { font: normal 9pt 'Courier New' , Courier, monospace; clear: both; color: #999999; padding-bottom: 17px; }
.dotaz { border-left: 1px solid #DADBDE; padding-left: 10px; margin-right: 5px; }
.otazka-hp { border: 1px solid #dadbde; padding: 2px 8px 0 8px; }
.otazka-hp ul { margin: 0 0 0 14px; }
.otazka-hp p { margin-bottom: 10px; }
#comment, #commentadmin { float: left; padding-top: 7px; background: url(graphic/bublina-1.gif) no-repeat; }
#comment strong, #commentadmin strong { color: #333333; }
#comment p, #commentadmin p { padding: 2px 16px 2px 10px; background: url(graphic/bublina-2.gif) repeat-y; margin: 0 0 0 0; float: left; width: 500px; }
#comment #bubdown, #commentadmin #bubdown { background: url(graphic/bublina-3.gif) top left no-repeat; color: #999999; display: block; width: 452px; float: left; _float: none; height: 20px; padding: 16px 0 10px 70px; margin: 0px; }
#comment #bubdown a, #commentadmin #bubdown a { font-weight: bold; }
#commentadmin { background: url(graphic/bublina-adm-1.gif) no-repeat; }
#commentadmin p { background: url(graphic/bublina-adm-2.gif) repeat-y; }
#commentadmin #bubdown { background: url(graphic/bublina-adm-3.gif) no-repeat; }
ol#pravidla { font-size: 0.8em; margin: 0px 15px 15px 15px; color: #606060; padding-bottom: 10px; border-bottom: 1px solid #CCCCCC; }
ol#pravidla li { margin: 2px 0; }

form#txpCommentInputForm { float: left; width: 522px; }
form#txpCommentInputForm table tr td { border: none; background-color: #F9F9F9; }
form#txpCommentInputForm table { border: 1px solid #BEC0C4; padding: 10px; background-color: #F9F9F9; }
form#txpCommentInputForm textarea { width: 440px; }
form#txpCommentInputForm input { /*width:180px;*/ }
h2.comments { margin: 15px 8px 15px 0px; background: url(graphic/h2-bg-komentare.gif) bottom left repeat-x; color: #fff; }
p#txpCommentInputForm { float: left; padding: 4px 10px; color: #fff; display: block; margin-top: 20px; background: #74B015 url(graphic/h2-bg-komentare.gif) top left repeat-x; border: 1px solid #BEC0C4; }

.img-shadow { float: left; display: block; margin: 10px 0 0 10px !important; width: 158px; border: 1px solid #a9a9a9; text-align: center; }
.img-shadow img { margin: 0px !important; padding: 4px 0 4px; float: none !important; }

.tip, .zvidavy, .newcard { font-weight: bold; color: #1b1b1b; text-transform: none; margin: 4px 0 0 0; padding: 3px 0 3px 28px; display: block; clear: both; }
.tip { background: url(/css/graphic/karta.gif) 0px 0px no-repeat; }
.zvidavy { background: url(graphic/light.gif) 0px 4px no-repeat; padding-left: 16px; }
.newcard { background: url(graphic/newcard.gif) 0px 0px no-repeat; }
.krize, .kary, .piky, .srdce, .deset-kary, .deset-krize, .deset-piky, .deset-srdce { padding-right: 16px; font-weight: bold; }
.krize { background: url(/css/graphic/krize.gif) 9px 0 no-repeat; }
.kary { background: url(graphic/kary.gif) 9px 0 no-repeat; }
.piky { background: url(graphic/piky.gif) 9px 0 no-repeat; }
.srdce { background: url(graphic/srdce.gif) 9px 0 no-repeat; }
.deset-krize { background: url(graphic/krize.gif) 16px 0 no-repeat; }
.deset-kary { background: url(graphic/kary.gif) 16px 0 no-repeat; }
.deset-piky { background: url(graphic/piky.gif) 16px 0 no-repeat; }
.deset-srdce { background: url(graphic/srdce.gif) 16px 0 no-repeat; }


/*  -----   MIN HEIGHT  -----   */

.leftadvert { min-height: 308px; _height: 305px; }

#centerbox { min-height: 965px; _height: 962px; }

.tournamentlist { min-height: 323px; _height: 323px; }

.bannertop { position: absolute; top: 18px; left: 781px; }

.appbanner { overflow:hidden; margin: 8px 0 0 8px; border:solid 1px #676767; float:left;}
.appbanner iframe { float:left; margin: -1px; }