@charset "utf-8";
/* CSS Document */

/*img, div, a, input { behavior: url(/_js/iepngfix.htc) }*/


html,body {height: 100%;}

body {margin:0; padding:0; text-align: left;	border: none;	color: #000000;	font-family: Tahoma, Helvetica, sans-serif;	font-size: 12px;}
img {border:0;}
fieldset {border: 0;}
*{ margin:0; padding:0;}

.clear {clear: both;}
.float_left {float: left;}
.float_right {float: right;}

h1{color:#12a5cf; font-size:20px; font-weight:normal;}

#holder{width: 900px; margin:0 auto 0 auto; padding-top:60px;}
#top-holder{width:895px; height:213px; background:url(/_clip/skins/default/bg-top.gif) no-repeat center top; position:relative; padding: 5px 0 0 5px;}
.coko-lista{ width:946px; height:165px; position:absolute; top:-3px; left:-30px; z-index:15;}

#top-menu-holder{width:860px; height:81px; background:url(/_clip/skins/default/bg-top-menu.jpg) no-repeat center top; text-align:right; padding:30px 30px 0 0; position:relative;}
.top-menu{position:absolute; top:20px; right:30px; z-index:20;}
#lista-holder{ width:930px; height:144px; z-index:5; position:absolute; top:84px; left:-34px; background:url(/_clip/skins/default/bg-lista.png) no-repeat center top;}
.flash-mask{ position: relative; top:18px; left:15px;}
#lista-sub{ height:69px; position:absolute; top:33px; left:330px; background:url(/_clip/skins/default/lista-divider.jpg) no-repeat left top;}
.karma{ height:59px; background:url(/_clip/skins/default/lista-divider.jpg) no-repeat right top; color:#ffffff; padding:10px 10px 0 10px; font-weight:bold;  float:left;}
.karma img{margin:5px 1px 0 0; float:left;}
.karma span{ font-size:30px; font-weight:normal; padding-left:10px;}
.body{height:59px; background:url(/_clip/skins/default/lista-divider.jpg) no-repeat right top; color:#ffffff; padding:10px 25px 0 10px; float:left; font-weight:bold;}
.body span{ font-size:30px; font-weight:normal; padding-left:10px;}
#onlineChatAlert{height:59px; color:#ffffff; padding:10px 25px 0 10px; float:left; font-weight:bold;}
#onlineChatAlert span{ font-size:30px; font-weight:normal; padding-left:10px;}
.new-messages{height:59px; background:url(/_clip/skins/default/lista-divider.jpg) no-repeat right top; color:#ffffff; padding:10px 25px 0 10px; float:left; font-weight:bold;}
.new-messages span a{ font-size:30px; font-weight:normal; padding-left:10px; color:#ffffff; text-decoration: none;}
.name{ width: 165px; position:absolute; top:95px; left:140px; text-align:center; color:#ffffff; font-weight:bolder; font-size:18px;}
.nalada{position:absolute; top:55px; left:160px; color:#ffffff; font-size:14px;}
.nalada-ico{position:absolute; top:45px; left:255px;}
.muj-stav{position:absolute; top:107px; left:330px;}
.muj-stav input{width:285px; height:18px; border:1px solid #e4e4e4; color:#848484; padding:2px 0 0 5px; font-size:11px;}
.muj-stav img{vertical-align:middle;}
	
.nastaveni{ position:absolute; top:194px; right:20px; z-index:10;}
.nastaveni ul, .nastaveni li{list-style:none; display:inline;}
.nastaveni li a{float:right; margin:0 0 0 10px; color:#929292; text-decoration:none; font-size:11px;}
.nastaveni li a:hover{color:#ff6a11;}
.nastaveni img{float:right; margin:3px 5px 0 0;}

#level{width:59px; height:42px; z-index:10; position:absolute; top:60px; left:-20px; background:url(/_clip/skins/default/bg-lvl.png) no-repeat center top; color:#ffffff; font-weight:bolder; font-size:20px; padding-top:17px; text-align:center;}
.login-box{z-index: 6; height: 115px; width: 296px; position: absolute; top: 218px; left: 700px; background: url(/_clip/bg-login.png); display: none;}
/* \*/ * html .login-box{background:#ff6a11;} /**/
.login-box div.log-title{float: left; color:#ffffff; font-size:12px; font-weight:bold; margin: 5px 0 -5px 20px;}
.login-box fieldset{padding:10px 0 0 20px;}
.login-box .btn-close{float:right; margin:5px 5px 0 0; cursor:pointer;}
.login-box h2{color:#ffffff; font-weight:bold; font-size:14px; margin-bottom:5px;}
.login-box label{width:90px; display:block; float:left; margin-bottom:3px; color:#ffffff; font-weight:bold;}
.login-box input{border:1px solid #ffffff; margin-bottom:3px; color:#9e9e9e; width:150px;}
.login-box fieldset input.btn-login{float:right; display:inline; margin:5px 35px 0 0; font: 11px Verdana, Helvetica, sans-serif; color: #ffffff; width:109px; height:29px; border:0; background-image:url(/_clip/btn-login.png);  background-color: transparent; padding-bottom:3px; cursor:pointer;}

#sub-menu{ position:absolute; top:208px; right:20px; text-align:center;}
#sub-menu ul{ list-style:none;}
#sub-menu li{ display:inline;}
#sub-menu li a{ display:block; float:right; width:94px; height:23px; background:url(/_clip/skins/default/sub-menu.gif) no-repeat center top; margin:0 0 0 5px; color:#ffffff; text-decoration:none; font-weight:bold; padding:8px 0 0 0;}
#sub-menu li a:hover, #sub-menu li a.active{background:url(/_clip/skins/default/sub-over.gif) no-repeat center top;}

#content-holder{width:850px; background:#ffffff; padding: 50px 25px 10px 25px;}
.nadpis-holder{ width:830px; height:33px; background:url(/_clip/skins/default/bg-nadpis.jpg) no-repeat center top; padding:5px  0 0 20px; margin-bottom:20px;}
.text-info{color:#a0a0a0; padding:20px;}
.text-info img{float:left; margin: 0 20px 0 0;}
.text-info h2{color:#0292cd; font-size:14px; margin: 0 0 15px 0; }
.text-info h3{color: #a0a0a0; font-size:16px; border-bottom: 1px solid #efefef; padding: 0 0 5px 0; margin: 15px 0 5px 0; }
.text-info a{color:#0292cd; text-decoration:none;}
.text-info p{margin-bottom:15px;}
.text-info span {color:#0292cd;}

.vyherci-table{width:100%;}
.vyherci-table tr.nadpis{background:#19B7E5; color:#ffffff;}
.vyherci-table tr.nadpis th{padding:5px;}
.vyherci-table tr.odd{background:#F4F4F4;}

.vyherci-table td{padding:3px 0 3px 5px;}

.text-info-back a{color:#0292cd; text-decoration:none; padding-left:20px;}
.text-info ul, ol{margin-left:20px;}
.text-info ul {list-style: square;}
.text-info ul, ul{ margin-top:10px; padding-left:10px;}
.text-info ul, ul li strong{ color:#0292cd;}
.text-info ul, ul li{ color:#848484;}
.text-info li{ margin-bottom:10px; text-align:justify;}

.text-info a:hover, .news a {color: #0292cd; text-decoration: underline;}
.text-info a:hover, .news a:hover {color: #FF6A10; text-decoration: none;}

.text-info form {border: 1px solid #efefef; padding: 25px;}
.text-info form input.btn{font: 11px Verdana, Helvetica, sans-serif; color: #ffffff; width:134px; height:22px; border:0; background-image:url(/_clip/btn-erase.png);  background-color: transparent; padding-bottom:3px; margin:0; cursor:pointer;}

.flash-produkty{width: 800px; margin: 0 auto 40px auto;}

.popisek-info{color:#a0a0a0;}
.popisek-info img{float:left; margin: 0 20px 0 0;}
.popisek-info h2{color:#0292cd; font-size:14px; margin-bottom:5px;}
.popisek-info a{color:#16afdb; text-decoration:none;}

.news-left{ width: 380px; float: left; background:url(/_clip/skins/default/bg-news.jpg) repeat-x right top; padding:30px 30px 0 30px; }
.news-right{ width: 340px; float:right; background:url(/_clip/skins/default/bg-news.jpg) repeat-x right top; padding:30px;}

.news{margin:0 0 25px 0;}
.news h2, .news-left h2 {color:#0292cd; font-size:14px; margin: 0 0 15px 0; }
/*.news h2 a{color:#0292cd; font-size:14px; margin-bottom:5px;}
.news h2 a:hover{color:#ff6a10;}*/
.news h3{color: #a0a0a0;  font-size:14px; padding: 0 0 5px 0; margin: 15px 0 5px 0; }

.news img{float:left; margin:0 20px 0 0;}
.news p{ text-align:justify; color:#a0a0a0; margin-bottom:5px; line-height:18px;}
.news span {color:#0292cd;}
.news ul {margin: 0; list-style: none;}
.news ul li {padding: 2px 5px 2px 5px; display: block;  margin: 0 0 2px 0;}

.games-holder{}
.games-holder img{border: 4px solid #ededed;}

.tel-rek-holder{ width:810px; background:url(/_clip/skins/default/bg-news.jpg) repeat-x right top; padding:20px;}
.rek-spot{ width:480px; float:right; margin-left:20px;}
.tel-rek-holder p{ text-align:justify; color:#a0a0a0;}
.tel-rek-holder h2{color:#0292cd; font-size:14px; margin-bottom:5px;}

.tisk-rek-holder{ width:830px; background:url(/_clip/skins/default/bg-news.jpg) repeat-x right top; padding:20px 0 20px 20px;}
.plakat-holder{ width:173px; float:left; display:inline; margin-right:34px;}
.plakat-tlac{width:165px; height:21px; background:url(/_clip/skins/default/bg-plakat.jpg) no-repeat right top; margin-left:4px; text-align:center; padding-top:10px;}
.plakat-tlac a{color:#ffffff; font-weight: bold; text-decoration:none;}
.plakat-holder img{ border:4px solid #ffffff;}
.tisk-rek-holder h2{color:#0292cd; font-size:14px; margin-bottom:10px;}

/* registrace twister */
.registrace-twister{color: #a0a0a0;}
.registrace-twister a{color: #0292cd;}
.registrace-twister fieldset p{padding:10px 10px 10px 0; font-size:11px;}
.registrace-twister fieldset label{width: 130px; display: inline-block; text-align: left; padding-right:10px; float:left; margin-top:2px;}
.registrace-twister fieldset label.pravidla{width: 270px; display: inline-block; text-align: left; padding-right:10px; float:right; margin-top:2px;}
.registrace-twister fieldset input.okno , .registrace-twister form fieldset textarea{width: 190px; float:left; margin-top:2px; color:#818181; border:1px solid #cccccc;}
.registrace-twister fieldset select.selectReg{ width: 100px; float:left; margin-top:2px; color:#818181; border:1px solid #cccccc;}
.registrace-twister fieldset select.selectReg-stat{ width: 190px; float:left; margin-top:2px; color:#818181; border:1px solid #cccccc;}
.registrace-twister fieldset input.btn-reg{float:right; 	font: 11px Verdana, Helvetica, sans-serif; color: #ffffff; width:120px; height:31px; border:0; background-image:url(/_clip/tlac-skol-reg.jpg);  background-color: transparent; padding-bottom:3px; margin:20px 45px 0 0;}
.registrace-twister fieldset input.error{border:1px dotted red;}
.registrace-twister form fieldset label.error{ color: red; width: 180px; text-align: left; padding-left: 140px;}

.reg-info{margin:0 0 30px 0;}
.reg-info h2{color:#0292cd; font-size:14px; margin-bottom:5px;}
.reg-info a{text-decoration:none; color:#0292cd;}
.reg-info img{float:left; margin:0 20px 0 0;}
.reg-info p{ text-align:justify; color:#a0a0a0; margin-top:10px;}
.reg-info p strong{ color:#0292cd;}

.pravidla-los{padding-top:20px;}
