/* CSS RESET ZACATEK */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
body {line-height: 1;}
blockquote, q {quotes: none;}
legend {display:none;}
button {cursor:pointer;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* other */ 
body {font-family:Arial, Helvetica, sans-serif; background:#e9e9e9 url("../images/body-bg.png") center top repeat-x;}
span.uzavirac {clear:both;overflow:hidden;height:1px;display:block;}
button {cursor:pointer}
a:hover {text-decoration:none;}
a span {display:none;}
legend {display:none;}

#page {position:relative;margin:0px auto;width:992px;}
#pageLeft {position:relative;float:left;width:858px;}

#hlava {background: url("../images/hlava-bg.png") center bottom repeat-x;*margin-top:-3px;}
#hlava .hlava-vne {position:relative;margin:0px auto;width:992px;}
#hlava .reklama {padding-top:7px;}
#hlava a.logo img {float:left;margin-top:25px;}
#hlava a.logo h1 {display:none;}
#hlava .bar {float:left;height:85px;margin-top:27px;margin-left:52px;width:490px;}
#hlava .bar .stats {margin-top: 6px;font-size:10px;color:#bcbcbc;font-weight:normal}
#hlava .bar .stats .leftstat {color:#bcbcbc;float:left;width:155px;margin:0px;padding:0px;}
#hlava .bar .stats .rightstat {color:#bcbcbc;float:left;width:300px;margin:0px;padding:0px;}
#hlava h2.slogan {font-size:18px;color:#bcbcbc;font-weight:normal}
#hlava form {width:490px;margin-top:20px;}
#hlava form select {width:140px;float:left;margin-right:13px;height:18px;*height:20px;font-size:11px;}
#hlava form input {width:237px;float:left;margin-right:13px;height:14px;}
#hlava form button {float:left;width:81px;height:20px;line-height:20px;color:white;font-size:12px;text-align:center;border:0px;border:none;background: url("../images/button.png") center top no-repeat;font-weight:bold}
#hlava form button:hover {text-decoration:underline;}
#hlava .nav {float:left;width:105px;margin-top:25px;margin-left:54px;}
#hlava a.favorite {margin-bottom:10px;float:left;padding-left:30px;width:105px;height:29px;line-height:30px;text-decoration:underline;color:white;font-size:12px;font-weight:bold;background: url("../images/home-favorite.png") center top no-repeat;}
#hlava a:hover.favorite {text-decoration:none;}
#hlava a.homepage {float:left;padding-left:30px;width:105px;height:29px;line-height:30px;text-decoration:underline;color:white;font-size:12px;font-weight:bold;background: url("../images/home-favorite.png") center top no-repeat;background-position:0px -29px;}
#hlava a:hover.homepage {text-decoration:none;}


#hlava .tagy {position:relative;background: url("../images/tagy.gif") left bottom no-repeat;padding-left:40px;height:78px;width:952px;line-height:24px;}
#hlava .tagy h1, #hlava .tagy h2, #hlava .tagy h3, #hlava .tagy h4, #hlava .tagy h5, #hlava .tagy h6 {display:inline;padding:0px 15px 0px 0px;}
#hlava .tagy h1 a, #hlava .tagy h2 a, #hlava .tagy h3 a, #hlava .tagy h4 a, #hlava .tagy h5 a, #hlava .tagy h6 a {color:#697277;}
#hlava .tagy h1 a {font-size:18px;}
#hlava .tagy h2 a {font-size:18px;}
#hlava .tagy h3 a {font-size:16px;}
#hlava .tagy h4 a {font-size:14px;}
#hlava .tagy h5 a {font-size:12px;}
#hlava .tagy h6 a {font-size:10px;}

/*
#hlava .tagy {position:relative;background: url("../images/tagy.gif") left bottom no-repeat;padding-left:40px;height:80px;width:952px;line-height:24px;}
#hlava .tagy h1, #hlava .tagy h2, #hlava .tagy h3, #hlava .tagy h4, #hlava .tagy h5, #hlava .tagy h6 {
	
	
	display:inline;padding:0px 15px 0px 0px;}
#hlava .tagy h1 a, #hlava .tagy h2 a, #hlava .tagy h3 a, #hlava .tagy h4 a, #hlava .tagy h5 a, #hlava .tagy h6 a {color:#697277;}
#hlava .tagy h1 a {font-size:18px;}
#hlava .tagy h2 a {font-size:18px;}
#hlava .tagy h3 a {font-size:16px;}
#hlava .tagy h4 a {font-size:14px;}
#hlava .tagy h5 a {font-size:12px;}
#hlava .tagy h6 a {font-size:10px;}
*/

#obsah {width:672px;float:right;position:relative;background-color:white;margin-top:15px;}
#obsah .reklama-obsah {background-color:#e9e9e9;text-align:center;padding-top:20px;padding-left:185px;padding-right:185px;}
#obsah .reklama-obsah img.reklama-nadpis {float:left;*position:relative;*bottom:-3px;}
#obsah h1 {font-size:22px;font-weight:bold;margin-left:13px;margin-top:5px;display:block;*height:40px;}
#obsah h1.nadpisHRA {margin-left:20px;font-size:18px;font-weight:bold;display:block;}
#obsah h1.nadpisHRA span {font-size:11px;font-style:italic;font-weight:normal;line-height:22px;}
#obsah .dashed {background: url("../images/dashed.gif") center bottom repeat-x;height:1px;margin-left:16px;margin-right:16px;margin-bottom:15px;margin-top:20px;}
* html #obsah .dashed {margin-bottom:-2px;background: url("../images/dashed.gif") center top repeat-x;}
#obsah .flash {float:left;width:328px;}
#obsah .top {float:right;width:326px;}
#obsah .top h3 {background: url("../images/top.png") left top no-repeat;height:36px;line-height:34px;font-size:12px;padding-left:15px;margin-bottom:-19px;}
#obsah .top h3 a {color:white;}
#obsah .top .box {height:126px;width:100px;float:left;margin-top:19px;background: url("../images/top-box.png") center bottom no-repeat;margin-right:13px;}
#obsah .top .box h2 {font-size:12px;text-align:center;line-height:27px;*line-height:20px;font-weight:normal}
#obsah .top .box h2 a {color:white;display:block;}
#obsah h2.h2HP {font-size:12px;background: url("../images/dashed.gif") left center repeat-x;margin-right:17px;margin-bottom:6px;margin-top:10px;}
#obsah h2.h2HP span {color:black;padding-left:40px;background:#ffffff url("../images/sipka.png") left top no-repeat;background-position:14px 1px;padding-right:20px;line-height:22px;}
#obsah .box-kat {float:left;width:307px;margin-left:16px;*margin-bottom:-12px;}
* html #obsah .box-kat {margin-left:8px;}
#obsah .box-kat a img.nahled {float:left;margin-right:15px}
#obsah .box-kat h3 a {color:#d2350a;font-size:14px;margin-bottom:5px;display:block;}
#obsah .box-kat p {font-size:12px;line-height:14px;margin-bottom:6px;}
#obsah .box-kat p.online {font-style:italic;font-size:11px;margin-bottom:4px;}
#obsah .box-kat .info {background: url("../images/info.gif") center top no-repeat;float:right;width:192px;line-height:20px;font-size:11px;}
#obsah .box-kat .info img {float:left;margin-top:5px;margin-right:2px;}
#obsah .box-kat .info strong {font-weight:normal;float:right;width:110px;margin-top:2px;}
#obsah .strankovani {font-size:12px;color:#777777;background: url("../images/dashed.gif") center top repeat-x;margin-left:16px;margin-right:16px;margin-top:16px;padding-top:15px;}
#obsah .strankovani .prev {float:left;width:60px;background: url("../images/sipky.png") left top no-repeat;background-position:0px 1px;*background-position:0px 0px;height:14px;padding-left:20px;}
#obsah .strankovani a.prev {color:#cc2c00;background: url("../images/sipky.png") left top no-repeat;background-position:0px -14px;*background-position:0px -15px;height:14px;padding-left:20px;}
#obsah .strankovani a:hover.prev {background: url("../images/sipky.png") left top no-repeat;background-position:0px 1px;*background-position:0px 0px;}
#obsah .strankovani .next {float:right;width:60px;background: url("../images/sipky.png") right top no-repeat;background-position:-70px -14px;*background-position:-70px -15px;height:14px;padding-right:20px;text-align:right;}
#obsah .strankovani a.next {color:#cc2c00;background: url("../images/sipky.png") right top no-repeat;background-position:-70px 1px;*background-position:-70px 0px;height:14px;padding-right:20px;text-align:right;}
#obsah .strankovani a:hover.next {background: url("../images/sipky.png") right top no-repeat;background-position:-70px -14px;*background-position:-70px -15px;}
#obsah .strankovani .center {float:left;width:450px;text-align:center;margin-lefT:10px;line-height:20px;margin-top:-4px;}
#obsah .strankovani .center a {border:1px solid #6e6e6e;padding:0px 3px;text-decoration:none;color:#cc2c00;}
#obsah .strankovani .center a:hover {border:1px solid #6e6e6e;padding:0px 3px;text-decoration:none;color:#6e6e6e;background-color:#eeeeee;}
#obsah .strankovani .center a.active {border:1px solid #6e6e6e;padding:0px 3px;text-decoration:none;color:#6e6e6e;background-color:#eeeeee;}
#obsah .opona {background: url("../images/opona.jpg") center top no-repeat;width:630px;height:474px;margin:0px auto;margin-top:20px;*position:relative;*top:20px;}
#obsah .nav {position:absolute;right:20px;top:0px;color:#808080;font-size:12px;width:350px;line-height:28px;}
#obsah .nav a.button {padding-bottom:10px;padding-top:5px;*padding-top:6px;padding-left:20px;padding-right:20px;background: url("../images/button1.gif") center top no-repeat;color:white;font-weight:bold;}
#obsah .nav .next {color:black;font-weight:bold;background: url("../images/sipka.png") left top no-repeat;background-position:0px 2px;padding-left:20px;position:relative;left:10px;right:0px;}
* html #obsah .nav .next {line-height:18px;background-position:0px 8px;padding-top:7px;}
#obsah .reklama-hra {text-align:center;margin-top:10px;*position:relative;*top:15px;}
#obsah .infoHRA {background-color:#e9e9e9;padding-top:15px;padding-bottom:15px;margin-bottom:-1px;}
#obsah .infoHRA .reklama {float:left;width:300px;}
#obsah .infoHRA .info {float:right;width:355px;background-color:white;}
#obsah .infoHRA .info h3 {color:#df4715;font-size:14px;margin:10px;}
#obsah .infoHRA .info h3 strong {color:black;}
#obsah .infoHRA .info p {font-size:12px;line-height:16px;margin:10px;}
#obsah .infoHRA .info .alert {background-color:#df4917;color:white;padding:10px;}
#obsah .infoHRA .info .alert p {font-size:12px;line-height:16px;margin:0px;}
#obsah .infoHRA .info .alert p a {color:white;}
#obsah .topGames {width:684px;margin-top:15px;}
* html #obsah .topGames {width:670px;}
#obsah .topGames h3 {background: url("../images/topGames.gif") left top no-repeat;height:36px;line-height:34px;font-size:12px;padding-left:15px;margin-bottom:-19px;}
#obsah .topGames h3 a {color:white;}
#obsah .topGames .box {height:126px;width:100px;float:left;margin-top:19px;background: url("../images/top-box.png") center bottom no-repeat;margin-right:14px;}
#obsah .topGames .box h2 {font-size:12px;text-align:center;line-height:27px;*line-height:20px;font-weight:normal}
#obsah .topGames .box h2 a {color:white;display:block;}
#obsah .comments {padding:10px;}
#obsah .comments h3 {margin-bottom:10px;font-size:14px;background:#ffffff url("../images/comment.gif") left center no-repeat;padding-left:30px;width:500px;}
#obsah .comments h3 strong {color:#d43500;}
#obsah .comments .dashed {margin:0px;}
#obsah .comments form {margin-top:15px;margin-left:8px;}
#obsah .comments form textarea {background:#f5f5f5;border:1px solid black;width:355px;height:80px;margin-top:10px;margin-bottom:10px;}
#obsah .comments form label {font-size:12px;font-weight:bold;}
#obsah .comments form label span {font-weight:normal;}
#obsah .comments form input {background:#f5f5f5;border:1px solid black;margin-left:10px;height:18px;width:172px;margin-right:10px;}
#obsah .comments form button {background: url("../images/button2.gif") center top no-repeat;font-size:12px;text-decoration:underline;color:white;font-weight:bold;line-height:22px;height:23px;width:88px;border:0px;border:none;}
#obsah .komentare {width:620px;*width:637px;height:197px;background: url("../images/textarea.gif") center top no-repeat;overflow:auto;padding:10px;font-size:12px;line-height:16px;margin-left:16px;*margin-left:8px;margin-top:15px;}
* html #obsah .komentare {background: url("../images/textarea.gif") center top no-repeat;background-attachment: fixed}
#obsah .komentare p {background-color:white;margin-top:5px;margin-bottom:7px;padding:2px 3px;}
#obsah .sorting {position:absolute;right:8px;top:8px;}
#obsah .sorting a {font-size:12px;color:black;text-decoration:none;font-weight:bold;line-height:21px;padding-right:10px;}
#obsah .sorting a:hover {text-decoration:underline;}
#obsah .sorting a.active {background: url("../images/sort.jpg") left center no-repeat;text-decoration:underline;padding-left:20px;}

#leva {width:172px;float:left;position:relative;}
#leva h4 {font-size:14px;height:30px;line-height:28px;color:white;font-weight:bold;padding-left:17px;margin-top:15px;}
#leva h4.shadow {background: url("../images/h4-shadow.png") center bottom no-repeat;}
#leva h4.silver {background: url("../images/h4-silver.png") center bottom no-repeat;}
#leva ul {list-style-type:none;}
#leva ul.menu li {float:left;width:172px;}
#leva ul.menu li a {padding-lefT:40px;display:block;font-size:12px;color:black;height:27px;line-height:27px;background: url("../images/li.png") left top no-repeat;font-weight:bold;}
#leva ul.menu li a:hover {background: url("../images/li.png") left top no-repeat;background-position:0px -27px;color:#525252;}
#leva ul.box {padding:5px 15px;border:1px solid #cccccc;background-color:white;}
#leva ul.box li a {font-size:12px;color:black;line-height:22px;}
#leva ul.box a {font-size:10px;color:black;}

#prava {width:120px;float:right;margin-top:15px;margin-left:14px;}
#prava .reklama {background: url("../images/reklama-prava-nadpis.gif") left top no-repeat;padding-top:15px;}

#pata {height:40px;background-color:#bebebe;margin-top:20px;color:#414141;font-size:12px;}
#pata .center {width:992px;margin:0px auto;padding-top:15px;}
#pata .center a {color:#414141;}
#pata .center .left {float:left;width:350px;}
#pata .center .right {float:right;width:600px;text-align:right;}

#partneri-box {margin:10px;background:none;}
#partneri-box .center {width:992px;margin:0px auto;padding-top:15px;text-align:center;}
#partneri-box .center a {font-size:11px;color:black;}

.reklama_text {margin: 0px auto -5px auto;width:580px;text-align: center;}
.reklama_text a {color:#d2350a;font: 12px Arial;text-align: center;}
.reklama_text a img {border: 1px solid #d2350a;float: left;margin-left: 5px;}