/* 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 */ 
html {background: url("../images/html-bg.gif") center top repeat-x;}
body {font-family:Arial, Helvetica, sans-serif;background: url("../images/body-bg.png") center top no-repeat;}
span.uzavirac {clear:both;overflow:hidden;height:1px;display:block;}
button {cursor:pointer}
button span {display:none;}
a:hover {text-decoration:none;}
a span {display:none;}
legend {display:none;}
.reklama120 {position:absolute;top:310px;right:-125px;}

#page {margin:0px auto;width:866px;padding-top:30px;position:relative;}
.content {background:#fff url("../images/obsah-middle.png") center top repeat-y;margin-top:3px;}
.content-top {font-size:0px;line-height:0px;height:15px;background: url("../images/obsah-top.png") center top no-repeat;}
.content-bottom {font-size:0px;line-height:0px;height:15px;background: url("../images/obsah-bottom.png") center top no-repeat;}

#hlava {width:866px;height:156px;position:relative;background: url("../images/hlava-bg.png") center top no-repeat;}
#hlava a img.logo {top:50px;left:27px;position:absolute;}
#hlava a.mapa-webu {color:#00a4d7;font-size:11px;position:absolute;}
#hlava a.kontakt {color:#00a4d7;font-size:11px;position:absolute;right:20px;top:12px;padding-left:20px;background: url("../images/kontakt.gif") left center no-repeat;background-position:0px 1px;text-decoration:none;}
#hlava a:hover.kontakt {text-decoration:underline;}
#hlava a.mapa-webu {color:#00a4d7;font-size:11px;position:absolute;right:90px;top:6px;padding-left:20px;background: url("../images/mapa-webu.gif") left center no-repeat;background-position:0px 5px;text-decoration:none;line-height:24px;}
#hlava a:hover.mapa-webu {text-decoration:underline;}
#hlava .reklama {position:absolute;top:41px;right:17px;}
#hlava ul {list-style:none;position:absolute;bottom:11px;right:0px;width:435px;}
#hlava ul li {float:left;}
#hlava ul li a {floaT:left;background: url("../images/head-li.png") left bottom no-repeat;font-size:11px;color:white;line-height:32px;margin-right:2px;text-decoration:none;}
#hlava ul li a strong {font-weight:normal;background: url("../images/head-li-back.png") right bottom no-repeat;line-height:32px;float:left;padding-left:15px;padding-right:15px;cursor:pointer}
#hlava ul li a:hover {text-decoration:none;background: url("../images/head-li.png") left top no-repeat;}
#hlava ul li a:hover strong {background: url("../images/head-li-back.png") right top no-repeat;}
#reklama-hlava {text-align:center;background: url("../images/reklama-bg.png") center top no-repeat;width:866px;height:103px;padding-top:13px;}

#obsah {float:left;width:460px;margin-left:15px;}
#obsah h1 {font-size:20px;font-weight:normal;margin-bottom:10px;}
#obsah .abeceda {background-color:#e5f7fc;text-align:center;}
#obsah .abeceda a {color:#054f78;font-weight:bold;font-size:11px;margin-lefT:1px;text-decoration:none;border-right:1px solid white;padding-left:0px;padding-right:4px;padding-top:5px;padding-bottom:5px;line-height:20px;}
#obsah .abeceda a.last {border:0px;}
#obsah .abeceda a:hover {text-decoration:underline;}
#obsah .editorial {background: url("../images/editorial.png") center top no-repeat;height:130px;color:#004871;margin-top:5px;margin-bottom:10px;}
#obsah .editorial h2 {font-size:13px;margin-bottom:10px;}
#obsah .editorial p {font-size:11px;line-height:14px;}
#obsah .editorial .left {float:left;width:33%;margin-left:10px;margin-top:10px;}
#obsah .editorial .right {float:right;width:33%;margin-right:10px;margin-top:10px;text-align:right;}
#obsah .threeBox {background: url("../images/threeBox.png") center top no-repeat;height:170px;margin-bottom:10px;}
#obsah .threeBox .box {float:left;width:140px;background-color:#e5f7fc;text-align:center;padding-top:8px;padding-bottom:8px;margin-right:20px;}
#obsah .threeBox .box h2 {text-align:left;margin-left:10px;margin-bottom:10px;}
#obsah .threeBox .box h2 a {text-decoration:none;color:#004b75;font-size:12px;}
#obsah .threeBox .box a.tlacitko {background: url("../images/tlacitko-bg.png") left top no-repeat;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;floaT:left;margin-left:18px;margin-top:10px;}
#obsah .threeBox .box a:hover.tlacitko {text-decoration:underline;}
#obsah .threeBox .box a.tlacitko strong {background: url("../images/tlacitko-back-bg.png") right top no-repeat;line-height:22px;floaT:left;padding-left:8px;padding-right:7px;cursor:pointer;}
#obsah .joke {height:100px;overflow:hidden;background: url("../images/joke-bg.png") center top no-repeat;font-size:11px;line-height:18px;color:#004871;}
#obsah .joke h2 {font-size:12px;floaT:left;margin-top:10px;margin-left:10px;}
* html #obsah .joke h2 {margin-left:5px;}
#obsah .joke p {float:right;width:285px;margin-right:10px;margin-top:10px;}
* html #obsah .joke p {margin-right:5px;}
#obsah .boxCat {position:relative;height:136px;overflow:hidden;background: url("../images/boxCat-bg.png") center top no-repeat;color:#004871;margin-top:5px;}
#obsah .boxCat h2 {floaT:left;margin-left:10px;font-size:12px;line-height:26px;}
#obsah .boxCat h3 {floaT:right;margin-right:10px;font-size:12px;line-height:26px;background: url("../images/boxCat-section.png") left top no-repeat;padding-left:140px;}
#obsah .boxCat h2 a {text-decoration:none;color:#004871;}
#obsah .boxCat h3 a {text-decoration:none;color:#004871;}
#obsah .boxCat h2 a:hover {text-decoration:underline;color:#004871;}
#obsah .boxCat h3 a:hover {text-decoration:underline;color:#004871;}
#obsah .boxCat a img {float:left;margin-left:7px;margin-top:7px;}
#obsah .boxCat p {float:right;width:300px;font-size:11px;line-height:16px;margin-top:7px;margin-right:7px;}
#obsah .boxCat a.tlacitko {background: url("../images/tlacitko-bg.png") left top no-repeat;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;margin-left:18px;margin-top:10px;float:right;height:22px;line-height:22px;margin-right:10px;}
#obsah .boxCat a:hover.tlacitko {text-decoration:underline;}
#obsah .boxCat a.tlacitko strong {background: url("../images/tlacitko-back-bg.png") right top no-repeat;line-height:22px;floaT:left;padding-left:8px;padding-right:7px;cursor:pointer;}
#obsah .strankovani {text-align:center;margin-top:10px;line-height:22px;}
#obsah .strankovani a {color:#054f78;font-weight:bold;font-size:11px;margin-lefT:1px;text-decoration:none;border-right:1px solid white;padding-left:6px;padding-right:6px;padding-bottom:3px;padding-top:3px;*padding-bottom:22px;*padding-top:3px;background-color:#e5f7fc;}
#obsah .strankovani a:hover {text-decoration:underline;}
#obsah .strankovani a.active {color:#fff;background-color:#054f78;}
#obsah .detailBox {background: url("../images/detailBox-bg.png") center bottom no-repeat;font-size:11px;color:#054f78;padding-bottom:20px;}
#obsah .detailBox .left {float:left;width:130px;margin-left:10px;margin-top:10px;line-height:20px;}
* html #obsah .detailBox .left {margin-left:5px;}
#obsah .detailBox .left p {padding-left:3px;margin-top:5px;}
#obsah .detailBox .right {float:right;width:315px;line-height:20px;}
#obsah .detailBox .right h2 {background: url("../images/hdetail.png") left top no-repeat;line-height:26px;font-size:12px;padding-left:10px;margin-bottom:7px;}
#obsah .detailBox .right p {padding-left:10px;margin-bottom:10px;}
#obsah .detailBox a {color:#054f78;}
#obsah .detailBox a.tlacitko {background: url("../images/tlacitko-bg.png") left top no-repeat;font-size:12px;font-weight:bold;color:#fff;text-decoration:none;margin-left:0px;margin-top:10px;float:right;height:22px;line-height:22px;margin-right:10px;}
#obsah .detailBox a:hover.tlacitko {text-decoration:underline;}
#obsah .detailBox a.tlacitko strong {background: url("../images/tlacitko-back-bg.png") right top no-repeat;line-height:22px;floaT:left;padding-left:18px;padding-right:16px;cursor:pointer;}
#obsah .sendBox {background: url("../images/send-bg.png") top center no-repeat;height:46px;margin-bottom:4px;}
#obsah .sendBox a {color:#054f78;text-decoration:none;font-size:11px;font-weight:bold;}
#obsah .sendBox a:hover {text-decoration:underline;}
#obsah .sendBox a.sendToFriend {float:left;background: url("../images/s2f.png") left center no-repeat;line-height:38px;padding-left:25px;margin-left:25px;}
#obsah .sendBox a.errorGame {float:right;background: url("../images/sendEroor.png") left center no-repeat;line-height:37px;padding-left:25px;margin-right:25px;}
#obsah .voteBox {background: url("../images/voteBox-bg.png") center top no-repeat;height:56px;font-size:11px;color:#054f78;text-align:center;line-height:22px;padding-top:10px;margin-bottom:5px;}
#obsah .voteBox a {color:#054f78;text-decoration:none;font-weight:bold;padding-left:7px;padding-right:7px;}
#obsah .voteBox a:hover {text-decoration:underline;}
#obsah .commentForm {background-color:#e5f7fc;font-size:11px;padding-bottom:10px;}
#obsah .commentForm h4 {font-size:12px;padding-top:10px;margin-left:10px;color:#054f78;}
#obsah .commentForm form {margin-left:10px;margin-top:10px;}
#obsah .commentForm form br {height:1px;clear:both;overflow:hidden;display:block;}
#obsah .commentForm form label {float:left;color:#054f78;width:50px;margin-top:4px;}
#obsah .commentForm form input {float:left;width:160px;background:#fff url("../images/detailInput.png") center top repeat-x;border:1px solid #353535;margin-bottom:10px;}
#obsah .commentForm form textarea {float:left;width:362px;height:90px;background:#fff url("../images/textarea.gif") right bottom no-repeat;border:1px solid #353535;margin-bottom:10px;}
#obsah .commentForm form button {background: url("../images/detailButton.png") left top no-repeat;width:110px;height:22px;line-height:22px;font-size:11px;font-weight:bold;color:#fff;text-decoration:none;float:left;border:0px;margin:0px;padding:0px;}
#obsah .commentForm .smille {width:330;margin-bottom:10px;margin-left:50px;}
#obsah .commentForm .smille img {margin-right:4px;float:left;}
#obsah .comment {background:#fff url("../images/comment-bg.png") center top no-repeat;padding-top:26px;line-height:22px;font-size:11px;margin-top:7px;}
#obsah .comment p strong {color:#666666}
#obsah .comment p {margin-left:12px;margin-right:12px;}
#obsah .comment .bottom {background:#fff url("../images/comment-bottom-bg.png") center bottom no-repeat;height:13px;font-size:0px;}
#obsah .textPage {}
#obsah .textPage p {font-size:11px;color:black;line-height:18px;}
#obsah .textPage p a {color:#336699}
#obsah .textPage .kontakt {position:relative;overflow:hidden;background-color:#e5f7fc;color:#004871;margin-top:5px;}
#obsah .textPage .kontakt h2 {font-size:12px;color:#004871;padding:7px 10px;background-color:#d4f2fb;}
#obsah .textPage .kontakt h2 a {font-size:12px;color:#004871;}
#obsah .textPage .kontakt p {padding:10px;padding-bottom:0px;}
#obsah .textPage .kontakt p a {color:#004871;}
#obsah .textPage .kontakt .html {background-color:white;border:1px solid #99d2e7;margin:10px;font-size:10px;padding:3px 6px;}
#obsah .textPage .kontakt .embed {margin:10px;margin-bottom:0px;}
#obsah .textPage h3 {font-size:15px;margin:10px;margin-left:0px;}

#game-page {background: url("../images/game-bg.gif") center top repeat-x;text-align:center;}
#game-page .obal {top:17px;margin:0px auto;position:relative;}
#game-page .obal h1 {}
#game-page .obal .reklama-left {float:left;margin-right:15px;width:160px;height:600px;}
#game-page .obal .reklama-right {float:right;margin-left:15px;width:160px;height:600px;}
#game-page .obal .game {floaT:left;text-align:center;background:#fff}
#game-page .obal .game .opona {margin:20px;text-align:center;font-size:12px;}
#game-page .obal .game .info {font-size:12px;font-weight:normal;line-height:20px;text-align:left;width:460px;margin:0px auto;}
#game-page .obal .game .info p {margin-bottom:10px;}
#game-page .obal .game .info p strong {font-size:14px;color:#336699}
#game-page .obal .game .info .comments {}
/*#game-page .obal .game .info .comments .comment {background-color:#f3f3f3;padding:5px 10px;border-bottom:1px dotted #999999;margin-bottom:10px}
#game-page .obal .game .info .comments .comment p {margin:0px;}
#game-page .obal .game .info .comments .comment p strong {font-size:12px;color:black;}*/
#game-page .obal .game .info .comment {background:#fff url("../images/comment-bg.png") center top no-repeat;padding-top:26px;line-height:22px;font-size:11px;margin-top:7px;width:460px;margin:0px auto;}
#game-page .obal .game .info .comment p strong {color:#666666;font-size:12px;}
#game-page .obal .game .info .comment p {margin:0px;margin-left:12px;margin-right:12px;}
#game-page .obal .game .info .comment .bottom {background:#fff url("../images/comment-bottom-bg.png") center bottom no-repeat;height:13px;font-size:0px;}

/*
#gameObsah {background: url("../images/gameObsah.png") center top no-repeat;margin-top:-6px;margin-left:2px;}
#gameObsah h1 {font-size:12px;color:white;padding-top:10px;margin-left:20px;}
#gameObsah .hra {text-align:center;margin-top:50px;} 
*/

#leva {width:180px;floaT:left;margin-left:8px;margin-top:-6px;}
* html #leva {margin-left:4px;}
#leva h4 {background: url("../images/leva-h4.png") center top no-repeat;line-height:32px;font-size:12px;color:white;padding-left:10px;}
#leva ul {list-style:none;}
#leva ul li {}
#leva ul li.oddelovac {height:1px;*margin-bottom:-1px;line-height:0px;font-size:0px;}
#leva ul li a {display:block;color:white;font-size:12px;padding-left:18px;background: url("../images/menu-li.png") left center no-repeat;line-height:26px;*line-height:24px;height:26px;font-weight:bold;text-decoration:none;}
#leva ul li a:hover {background: url("../images/menu-li.png") left bottom no-repeat;}
#leva ul li a.nej {background: url("../images/menu-li.png") left top no-repeat;color:#3cd3ff;}
#leva ul li a:hover.nej {color:#fff;background: url("../images/menu-li.png") left top no-repeat;}
#leva ul li ul {display:none}
#leva ul li:hover ul {display:block;position:absolute;margin-left:180px;z-index:2;margin-top:-80px;border:1px solid #336699;border-left:1px solid white;background:#d4f2fb}
#leva ul li ul li {}
#leva ul li ul li a {background:#d4f2fb url("../images/ulul.png") center bottom repeat-x;color:#336699;padding-left:10px;padding-right:10px;display:block;width:160px;}
#leva ul li ul li a:hover {background:#d4f2fb url("../images/ulul.png") center bottom repeat-x;color:#336699;padding-left:10px;padding-right:10px;display:block;width:160px;text-decoration:underline}
#leva ul li ul li a.last {background-image:none;color:#336699;padding-left:10px;padding-right:10px;display:block;width:160px;}
#leva .newsletter {background:#ffcc00 url("../images/newsletter-bg.gif") center top repeat-x;margin-top:5px;}
#leva .newsletter h4 {background-image:none;}
#leva .newsletter form {}
#leva .newsletter form input {background: url("../images/newsletter-input.gif") center top no-repeat;floaT:left;width:158px;height:22px;border:0px;margin-lefT:11px;margin-bottom:5px;margin-top:5px;}
#leva .newsletter form button {background: url("../images/newsletter-button.gif") center top no-repeat;floaT:right;width:58px;height:22px;border:0px;margin-right:11px;font-weight:bold;color:white;font-size:11px;margin-bottom:10px;} 
#leva .menuBottom {background: url("../images/menu-h3.gif") center top repeat-x;margin-top:5px;}
#leva .menuBottom ul {margin:0px;}
#leva .menuBottom ul li a {background: url("../images/menu-li.png") left top no-repeat;color:#3CD3FF;display:block;font-size:12px;padding-left:18px;line-height:26px;*line-height:24px;height:26px;font-weight:bold;text-decoration:none;}
#leva .menuBottom ul li a {}
#leva .menuBottom ul li a:hover {color:#fff;}
#leva .menuBottom h4 {background-image:none;line-height:30px;}
#leva .leftBox {text-align:center;background:#0098ca url("../images/box-leva-bg.gif") center top repeat-x;padding-bottom:10px;margin-top:5px;}
#leva .leftBox h4 {background-image:none;line-height:30px;margin-bottom:10px;text-align:left;}
#leva .leftBox a {color:white;line-height:18px;font-size:11px;}

#prava {float:right;width:180px;margin-right:8px;margin-top:-6px;}
* html #prava {margin-right:4px;}
#prava h4 {line-height:32px;font-size:12px;color:white;padding-left:10px;}
#prava .search {background:#0097ca url("../images/search-bg.gif") center top no-repeat;}
#prava .search h4 {background-image:none;line-height:30px;margin-bottom:0px;text-align:left;}
#prava .search form input {background: url("../images/search-input.gif") center top no-repeat;floaT:left;width:121px;height:22px;border:0px;margin-lefT:10px;margin-bottom:5px;margin-top:5px;}
#prava .search form button {background: url("../images/search-button.gif") center top no-repeat;floaT:right;width:35px;height:22px;border:0px;margin-right:10px;font-weight:bold;color:white;font-size:11px;margin-bottom:10px;margin-top:5px;}
#prava .nej {background:#0098cb url("../images/box-leva-bg.gif") center top repeat-x;margin-top:5px;/*background:#00638f url("../images/menu-h3.gif") center top repeat-x;margin-top:5px;*/padding-bottom:10px;}
#prava .nej ul {list-style:none;font-size:11px;line-height:20px;margin-left:10px;}
#prava .nej ul a {color:white;text-decoration:none;}
#prava .nej ul a:hover {color:white;text-decoration:underline;}
#prava .menuBottom {background:#fff url("../images/menu-h3.gif") center top repeat-x;margin-top:5px;}
#prava .menuBottom ul {margin:0px;list-style:none;}
#prava .menuBottom ul li a {background: url("../images/menu-li.png") left top no-repeat;color:#3CD3FF;display:block;font-size:12px;padding-left:18px;line-height:26px;*line-height:24px;height:26px;font-weight:bold;text-decoration:none;}
#prava .menuBottom ul li a {}
#prava .menuBottom ul li a:hover {color:#fff;}
#prava .menuBottom h4 {background-image:none;line-height:30px;}

#pata {height:55px;line-height:55px;color:white;font-weight:bold;background: url("../images/pata-bg.png") center top no-repeat;font-size:12px;margin-top:2px;margin-bottom:30px;}
#pata .left {float:left;margin-lefT:18px;}
#pata .right {float:right;margin-right:18px;}
#pata a {color:white;}