#bg_top {background: url(../images/bg_top.png) repeat-x 0 0; width: 100%; text-align: center;}
#content {width: 1070px; margin: 0 auto; position: relative; text-align: left;}
a {cursor: pointer;}

/* Top */
#top {height: 194px; padding: 0 70px 0 18px; text-align: left;}
#top h1 {float: left; width: 155px; padding-top: 6px; height: 188px;}
#top h1 a {background: url(../images/logo.png) no-repeat 0 0; display: block; width: 155px; height: 188px;}
#top h1 a:hover {background-position: 0 -188px; height: 188px;}
#top .top_info {float: left; width: 799px; }
#top .today_info {width: 799px; overflow: hidden; height: 33px; text-align: right; padding-right: 28px;}
#top .today_info .today span {display: block; float: left; line-height: 33px;}
#top .today_info .today strong {display: block; float: left; width: 35px; line-height: 33px; text-align: center; background: url(../images/bg_date.png) no-repeat 0 0; margin-left: 4px;}
#top .today_info span.sep {padding: 0 5px; line-height: 33px; display: block; float: right; font-size: 16px; color: #48331b;}
#top .log {float: left; line-height: 33px; font-size: 14px; color: #48331b;}
#top .log a {font-weight: bold;}
#top .nar {float: right; padding: 0 10px 0 0; line-height: 33px; font-size: 16px; color: #48331b; text-align: right;}
#top .today {float: right; padding: 0 0 0 0; line-height: 33px; font-size: 16px; color: #48331b; }

#top .sound_on {display: block; position: absolute; top: 5px; right: 70px; background: url(../images/bg_sound_on.gif) no-repeat 0 0; width: 26px; line-height: 26px; height: 26px; z-index: 200;}
#top .sound_on:hover {background-position: 0 -26px;}
#top .sound_off {display: block; position: absolute; top: 5px; right: 70px; background: url(../images/bg_sound_off.gif) no-repeat 0 0; width: 26px; height: 26px;  z-index: 200;}
#top .sound_off:hover {background-position: 0 -26px;}

#top .top_menu {width: 783px; overflow: hidden; padding-left: 47px; height: 61px;}
#top .top_menu .menu {padding-top: 10px; width: 500px; float: left; font-size: 16px; padding-left: 8px;}
#top .top_menu .menu a {color: #46341d; display: block; float: left; z-index: 1000; height: 16px; _width: 50px; white-space: nowrap; background: url(../images/blank.png) repeat 0 0;}
#top .top_menu .menu span {color: #f5b265; padding: 0 7px; display: block; float: left;}
#top .top_menu .dospely {display: block; position: absolute; top: 33px; right: 130px; background: url(../images/link_dospely.png) no-repeat 0 0; width: 183px; height: 61px; z-index: 200;}
#top .top_menu .dospely:hover {background-position: 0 -61px;}
#top .top_menu .play {display: block; position: absolute; width: 160px; height: 50px; top: 33px; right: -10px; z-index: 300; background: url(../images/btn_prehrat.png) no-repeat 0 0;} /* background: url(../images/btn_prehrat.png) no-repeat 0 0; */

#top .ban {padding-left: 272px;}

#top .help_link {padding-right: 2px; height: 54px; width: 170px; position: absolute; top: 150px; right: 72px; z-index: 100;}
#top .help_link a {display: block; float: left;}
#top .help_link a.home {width: 57px; height: 58px; background: url(../images/ico_home.png) no-repeat 0 0;}
#top .help_link a.home:hover {background-position: 0 -58px;}
#top .help_link a.pomoc {width: 59px; height: 54px; background: url(../images/ico_pomoc.png) no-repeat 0 0;}
#top .help_link a.pomoc:hover {background-position: 0 -54px;}
#top .help_link a.nacelnik {width: 52px; height: 50px; margin-top: 4px; background: url(../images/ico_nacelnik.png) no-repeat 0 0;}
#top .help_link a.nacelnik:hover {background-position: 0 -50px;}

#top .add_work {position: absolute; top: 62px; left: 218px; display: block; background: url(../images/ico_motyl.png) no-repeat 0 0; width: 203px; height: 157px; }
#top .add_work:hover {background-position: 0 -157px;}

div.main_menu {position: absolute; left: 0; top: 180px; width: 100%; z-index: 100;}
.main_menu a {position: absolute; display: block; z-index: 100; }
.main_menu .menu01 a {top: 9px; left: 0; background: url(../images/menu_01.png) no-repeat 0 0; width: 202px; height: 180px;}
.main_menu .menu01 a.hover {background-position: 0 -180px;}
.main_menu .menu02 a {top: 0px; left: 188px; background: url(../images/menu_02.png) no-repeat 0 0; width: 179px; height: 183px;}
.main_menu .menu02 a.hover {background-position: 0 -183px;}
.main_menu .menu03 a {top: 2px; left: 362px; background: url(../images/menu_03.png) no-repeat 0 0; width: 183px; height: 175px;}
.main_menu .menu03 a.hover {background-position: 0 -175px;}
.main_menu .menu04 a {top: 7px; left: 541px; background: url(../images/menu_04.png) no-repeat 0 0; width: 135px; height: 145px;}
.main_menu .menu04 a.hover {background-position: 0 -145px;}
.main_menu .menu05 a {top: 16px; right: 282px; background: url(../images/menu_05.png) no-repeat 0 0; width: 126px; height: 130px;}
.main_menu .menu05 a.hover {background-position: 0 -130px;}
.main_menu .menu06 a {top: 8px; right: 175px; background: url(../images/menu_06.png) no-repeat 0 0; width: 119px; height: 139px;}
.main_menu .menu06 a.hover {background-position: 0 -138px;}
.main_menu .menu07 a {top: 20px; right: 67px; background: url(../images/menu_07.png) no-repeat 0 0; width: 122px; height: 127px;}
.main_menu .menu07 a.hover {background-position: 0 -126px;}
.main_menu span.play { display:none; width: 32px; height: 33px; position: absolute; cursor: pointer; z-index: 200;} /*background: url(../images/ico_play.png) no-repeat 0 0;*/
.main_menu .hover span.play { display:block; }
.main_menu .menu01 .play {top: 131px; left: 155px;}
.main_menu .menu02 .play {top: 136px; left: 128px;}
.main_menu .menu03 .play {top: 127px; left: 126px;}
.main_menu .menu04 .play {top: 81px; left: 79px;}
.main_menu .menu05 .play {top: 69px; left: 81px;}
.main_menu .menu06 .play {top: 65px; left: 75px;}
.main_menu .menu07 .play {top: 65px; left: 75px;}

.theme {position: absolute; top: 260px; right: -13px; background: url(../images/bg_theme.png) no-repeat 0 0; padding: 18px 0 0 25px; width: 69px; height: 330px;}
.theme h3 {color: #746a32;}
.theme a {display: block; margin-top: 7px; padding: 2px; width: 40px; height: 30px; background: url(../images/bg_theme_link.gif) no-repeat 0 0;}
.theme a.sel {background: url(../images/bg_theme_link.gif) no-repeat 0 -34px;}

#nastenka {background: url(../images/bg_nastenka.png) no-repeat 0 0; height: 840px; position: relative; z-index: 1; width: 100%;}

.left_area {position: absolute; left: 0; top: 0; width: 100%; z-index: 100;}
.left_area h3 {display: none;}
.left_area .hviezda {position: absolute; top: 232px; left: 6px; background: url(../images/bg_hviezda.png) no-repeat 0 0; padding: 66px 42px 20px 25px; width: 102px; height: 93px; text-align: center; overflow: hidden;}
.left_area .hviezda:hover {background-position: 0 -179px; text-decoration: none;}
.left_area .hviezda p {font-size: 13px; padding-top: 3px;}

.left_area .naj_tieda {position: absolute; top: 389px; left: 42px; background: url(../images/bg_najtrieda.png) no-repeat 0 0; padding: 60px 25px 25px 35px; width: 95px; height: 83px; text-align: center; overflow: hidden; display: block;}
.left_area .naj_tieda:hover {background-position: 0 -168px; text-decoration: none;}
.left_area .naj_tieda h4 {font-size: 40px; line-height: 1.1em;}
.left_area .naj_tieda p {font-size: 16px; text-align: left; line-height: 1em;}

.left_area .vcielka {position: absolute; top: 527px; left: 33px; background: url(../images/bg_vcielka.png) no-repeat 0 0; padding: 62px 44px 30px 32px; width: 91px; height: 88px; text-align: center; overflow: hidden; display: block;}
.left_area .vcielka:hover {background-position: 0 -180px; text-decoration: none;}
.left_area .vcielka p {font-size: 13px; padding-top: 3px;}

.left_area .naj_klub {position: absolute; top: 687px; left: 21px; background: url(../images/bg_najklub.png) no-repeat 0 0; padding: 65px 30px 40px 25px; width: 120px; height: 60px; text-align: center; overflow: hidden; display: block;}
.left_area .naj_klub:hover {background-position: 0 -169px; text-decoration: none;}
.left_area .naj_klub h4 {font-size: 30px; line-height: 1.1em;}
.left_area .naj_klub p {font-size: 16px; line-height: 1em;}

.left_area .naj_dielka {position: absolute; left: 23px; top: 186px; background: url(../images/bg_najdiela.png) no-repeat 0 0; padding: 43px 28px 0 30px; width: 121px; height: 449px; text-align: center; }
.left_area .naj_dielka h3 {text-indent: -10000px; background: url(../images/title_najuspesnejsiedielka.gif) no-repeat 0 0; height: 50px; width: 114px; display: block;}
.left_area .naj_dielka li {padding: 5px 0 6px 0; border-bottom: 1px solid #eddf9a; font-size: 12px; color: #473726; line-height: 1.3em; }
.left_area .naj_dielka li a {color: #473726;}
.left_area .naj_dielka li strong {display: block;}
.left_area .naj_dielka .all {color: #473726; font-size: 16px; font-weight: bold; text-decoration: underline; line-height: 1.8em;}

.left_area .left_menu {position: absolute; left: 0; top: 189px; background: url(../images/bg_leftmenu.png) no-repeat 0 0; padding: 85px 9px 0 21px; width: 152px; height: 235px;}
.left_area .left_menu li {border-bottom: 1px solid #fdd67b; padding: 7px 5px 6px 23px; background: url(../images/arr_leftmenu.gif) no-repeat 5px 14px;}
.left_area .left_menu li a {font-size: 16px;}
.left_area .left_menu li.last {border-bottom: none;}
.left_area .left_menu li a.sel {font-weight: bold; text-decoration: underline;}

.left_area a.podmienky {position: absolute; top: 514px; left: 1px; background: url(../images/bg_link_podmienky.png) no-repeat 0 0; width: 183px; height: 156px;}

.left_area .kontrakt {position: absolute; left: 3px; top: 646px; background: url(../images/bg_kontakt.png) no-repeat 0 0; padding: 25px 15px 40px 25px; width: 146px; height: 131px; overflow: hidden; font-size: 13px;}
.left_area .kontrakt p {width: 141px; overflow: hidden; padding-bottom: 2px; line-height: normal; text-align: center;}
.left_area .kontrakt p span {display: block; line-height: normal;}
.left_area .kontrakt p strong {display: block; font-size: 14px;}

.left_area .top_dielka {position: absolute; top: 187px; left: 22px; background: url(../images/bg_najuspes_dielka.png) no-repeat 0 0; padding: 42px 35px 0 30px; width: 114px; height: 585px;}
.left_area .top_dielka h3 {display: block; text-indent: -10000px; background: url(../images/title_najuspesnejsie_dielka.png) no-repeat 0 0; height: 45px;}
.left_area .top_dielka h3.all {background-image: url(../images/title_naj_sutaze.png);}
.left_area .top_dielka h3.one {background-image: url(../images/title_naj_sutaz.png);}
.left_area .top_dielka h3.win {background-image: url(../images/title_vitazne_dielka.png);}
.left_area .top_dielka h3.group_all {background-image: url(../images/title_naj_skupiny.png);}
.left_area .top_dielka .item {padding: 10px 0 7px 0; border-top: 1px solid #e7d998; text-align: center; font-size: 13px; color: #473726; line-height: 1.2em;}
.left_area .top_dielka .item a {color: #473726;}
.left_area .top_dielka .item img {margin-bottom: 3px;}
.left_area .top_dielka .first {border: none;}


.right_area {position: absolute; left: 0; top: 0; width: 100%; z-index: 1;}
.right_area .search {position: absolute; top: 141px; right: 101px; background: url(../images/bg_search.png) no-repeat 0 0; padding: 14px 11px 0px 21px; width: 200px; height: 63px; overflow: hidden;}
.right_area .search .input_text {background-color: transparent; font-size: 21px; width: 140px; padding-top: 7px; float: left;}
.right_area .search .input_submit {float: right; background: url(../images/btn_search.png) no-repeat 0 0; width: 54px; height: 54px; text-indent: -100000px;}
.right_area .search .input_submit:hover {background-position: 0 -54px;}


.right_area a.login {position: absolute; width: 169px; height: 54px; right: 144px; top: 212px; background: url(../images/bg_prihlassa.png) no-repeat 0 0;}
.right_area a.login:hover {background-position: 0 -54px;}
.right_area a.pridajsa {position: absolute; width: 225px; height: 72px; right: 110px; top: 266px; background: url(../images/bg_pridajsa.png) no-repeat 0 0;}
.right_area a.pridajsa:hover {background-position: 0 -72px;}

.right_area a.my_place {position: absolute; width: 219px; height: 61px; right: 104px; top: 212px; background: url(../images/bg_mojeihrisko.png) no-repeat 0 0;}
.right_area a.my_profile {position: absolute; width: 219px; height: 61px; right: 104px; top: 212px; background: url(../images/bg_mojprofil.png) no-repeat 0 0;}
.right_area a.edit_profil {position: absolute; width: 219px; height: 61px; right: 104px; top: 212px; background: url(../images/bg_edit_profil.png) no-repeat 0 0;}
.right_area a.logout {position: absolute; width: 156px; height: 48px; right: 109px; top: 273px; background: url(../images/bg_logout.png) no-repeat 100% 0;}

.right_area .news {position: absolute; right: 49px; top: 344px; background: url(../images/bg_news.png) no-repeat 0 0; padding: 35px 18px 40px 40px; width: 193px; height: 180px; overflow: hidden;}
.right_area .news h3 {font-size: 15px; font-weight: bold;}
.right_area .news p {padding: 0 10px 9px 0; font-size: 13px; color: #6c5d30; height: 50px; overflow: hidden;}
.right_area .news .archiv {font-weight: bold; float: right; display: block; padding-bottom: 5px; background: url(../images/bg_link.png) no-repeat 0 100%;}
.right_area .news .archiv:hover {text-decoration: none;}

.sutaze {position: absolute; right: -15px; top: 576px; background: url(../images/bg_sutaze.png) no-repeat 0 0; padding: 35px 65px 55px 40px;  width: 222px; height: 179px; display: block; z-index: 10000;}
.sutaze h3 {font-size: 15px; font-weight: bold;}
.sutaze p {padding: 0 10px 3px 0; font-size: 13px; color: #6c5d30; height: 30px; overflow: hidden; line-height: 1.2em;}
.sutaze .archiv {font-weight: bold; float: right; display: block; padding-bottom: 5px; background: url(../images/bg_link.png) no-repeat 0 100%;}
.sutaze .archiv:hover {text-decoration: none;}
.sutaze .empty {padding: 43px 0 0 34px; }
.sutaze .empty h3 {background: url(../images/title_sutaze.png) no-repeat 0 0; height: 43px; text-indent: -100000px;}
.sutaze .empty h3 a {display: block; height: 43px; width: 119px; z-index: 10000;}

#bottom {padding-bottom: 10px; text-align: center;}
#bottom.down {padding-top: 100px;}
#bottom p { font-size: 15px;}
#bottom p span {color: #f5b265; padding: 0 3px;}
#bottom p a {color: #46341d;}
#bottom .ban {padding-bottom: 15px; width: 900px; margin: 0 auto; overflow: hidden; Z-index:-100;}
#bottom .ban span {display: block; float: left; padding-right: 2px;}

.static h4 {font-size: 18px; font-weight: bold; padding-top: 5px;}
.static h5 {font-size: 16px; font-weight: bold; padding-top: 5px;}
.static h6 {font-size: 14px; font-weight: bold; padding-top: 5px;}
.static .detail {font-weight: bold; color: #000;}
.static .inportant {color: #cc0000;}
.static a {color: #E95A00; text-decoration: underline;}
.static ul {padding: 5px 0 10px 10px; }
.static ul li {padding: 0 0 5px 15px; background: url(../images/arr_leftmenu.gif) no-repeat 0 7px;}
.static table {border-collapse: collapse; margin: 5px;}
.static table td, .static table th {border-collapse: collapse; border: 1px solid #333; padding: 2px 4px; vertical-align: top; text-align: center;}
.static table th {vertical-align: bottom; }
.static table caption {font-size: 16px; font-weight: bold; color: #000; text-align: center; padding: 3px 0;}


/* IE 6 Warning */
#ie6-warning { position: absolute; width: 800px; padding: 50px; top: 125px; left: 135px; background: #fff; height: 400px; z-index: 10000; border: 5px solid #cc0000; }
#ie6-warning h3 { margin-bottom: 15px; font-size: 30px; color: #cc0000; }
#ie6-warning p { margin-bottom: 15px; }
#ie6-warning a { color: #cc0000; }