body {
  margin:0;
  padding:0;
  background:url('/img/pozadi.jpg') center 31px;
  text-shadow:#777 1px 1px 3px;
  font-family:Tahoma,Arial,Helvetica,sans-serif;
}

a {
  color:#00f;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
}

a:hover {
  color:#55f;
  text-decoration:none;
}

h1 {
  margin:0;
  padding:0;
}

h2 {
  padding:0;
  margin:4px 0 8px;
  font-size: 23px;
}

h3 {
  padding:0;
  margin:8px 0;
  font-size: 16px;
}

img {
  border:0;
}

#all {
  position:relative;
  margin:0 auto;
  width:878px;
  height:600px;
}

#map {
  border:0;
  position:absolute;
  top:0;
  left:0;
}

.content {
  font-size:14px;
  position:absolute;
  top:121px;
  left:63px;
  width:510px;
  height:307px;
  overflow:hidden;
  overflow-y:scroll;
  padding:5px 8px;
  line-height:20px;
}

#iq {
  text-align:center;
  font-size:12px;
  position:absolute;
  top:105px;
  left:485px;
  width:135px;
}

#jserror {
  position:absolute;
  top:0;
  width:100%;
  text-align:center;
  font-weight:bold;
  color:#eee;
  background:red;
  line-height:25px;
  height:25px;
  font-size:18px;
}

#mp3zdarma {
  display:block;
  height:31px;
  text-align:center;
  background:url('/img/mp3-zdarma-bg.gif');
}

#mp3zdarma img {
  border:0;
  margin-left:384px;
}

.loading {
  margin-top:140px;
  text-align:center;
}

.loading img {
  vertical-align:middle;
}

#newAnswerIco {
  position:absolute;
  top:181px;
  left:720px;
  border:0;
}

#plusone {
  position:absolute;
  top:10px;
  left:10px;
  border:0;
}

#visitors {
  background:top left url('/img/visitors.png') no-repeat;
  padding-left:32px;
  position:absolute;
  top:4px;
  left:50%;
  color:white;
  font-size:15px;
  line-height:23px;
  font-weight:bold;
  font-family:'Helvetica CE', 'Trebuchet MS', Arial, sans-serif;
  margin-left:235px;
}

#info-novaslova, #info-potize {
  margin-left:15px;
}

.smajlik {
  /*height:22px;*/
  border:0;
}

#form-kniha, #form-pokec {
  display:none;
  position:absolute;
  left:70px;
  top:444px;
  color:white;
  font-size:15px;
}

#form-pokec {
  top:441px;
}

#form-kniha {
  background: url('/img/pozadi2.jpg');
  border:2px solid #444;
  box-shadow:0 0 15px black, inset 0 0 10px rgba(0,0,0,0.2);
  border-radius:5px;
  left:50%;
  top:120px;
  width:880px;
  height:500px;
  margin-left:-435px;
}

#form-kniha th, #form-kniha td {
  vertical-align:top;
  text-align:left;
  color:black;
}

#form-kniha th, #form-pokec {
  padding-top:2px;
  padding-right:8px;
  text-shadow:black 1px 1px 3px;
}

#form-kniha th {
  padding-top:8px;
}
#form-kniha td {
  padding-right:15px;
}

#form-kniha input, #form-kniha textarea, #form-pokec input, #form-pokec textarea {
  font-family:Calibri,Tahoma,Arial,Helvetica,sans-serif;
  font-size:14px;
}
#form-kniha input[type=text], #form-kniha textarea, #form-pokec input[type=text], #form-pokec textarea {
  opacity:0.8;
  filter:alpha(opacity=80);
}


#content-pokec div {
  margin:3px;
}

#content-pokec div b {
  display:block;
  float:left;
  width:55px;
}

#messagePopup {
  position:absolute;
  left:628px;
  top:317px;
  width:32px;
  height:32px;
  background:url('/img/message.png');
  text-decoration: none;
}

input[type=text], input[type=password], input[type=checkbox], textarea {
  outline:none;
  transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border:1px solid rgba(0, 0, 0, 0.3);
  padding: 2px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
  box-shadow:0 0 4px rgba(0, 0, 255, 0.5);
  border:1px solid rgba(0, 0, 255, 0.5);
}

input[type=checkbox]:focus {
  outline:2px solid rgba(0, 0, 255, 0.5);
  border:1px solid rgba(0, 0, 255, 0.5);
}

.FB_fan, .fb_iframe_widget, #facebox {
  display:block !important;
  /*opacity:0;*/
  position: absolute !important;
  top: 630px;
  left: 50%;
  border: 0;
  margin-left: -378px;
}

/*.FB_ElementReady {
  -webkit-transition: all 0.3s ease-in-out;
  opacity:1;
}*/

.favicon {
  vertical-align: bottom;
  margin-right: 2px;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border:0;
}

#messageCount {
  color: white;
  background: red;
  padding: 2px 5px;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid white;
  border-radius: 3px;
  position: absolute;
  top: 10px;
  left: 20px;
  box-shadow: 0 0 2px #eee;
}

#icons {
  background:url('/img/icon_bg.png');
  height:31px;
  line-height:31px;
  font-family:'Helvetica CE', 'Trebuchet MS', Arial, sans-serif;
  font-size:15px;
}

#icons #iconsList {
  width:955px;
  margin: 0 auto;
}

#icons #iconsList a {
  display:block;
  float:left;
  text-decoration:none;
  background:7px top no-repeat;
  padding:0 7px 0 45px;
  line-height:31px;
  font-weight:bold;
  color:white;
  margin-left:15px;
}

#icons #iconsList a:hover {
  background-color: rgba(255,255,255,0.2);
}

#toplist {
  display:none;
}









#z_registrace {background: #fff url('/img/signup.png') 355px 52px no-repeat;}
#z_prihlaseni {background: #fff url('/img/login.png') 370px 58px no-repeat;}


#black {
  position:fixed;
  height:100%;
  width:100%;
  background:rgba(0,0,0,0.2);
  top:0;
  left:0;
  display:none;
}
.popup {
  position:fixed;
  top:-2000px;
  left:50%;
  margin-left:-270px;
  width:460px;
  padding:15px;
  background:#f5f5f5;
  border:2px solid #666;
  box-shadow:0 0 10px #444;
  overflow:hidden;
  border-radius: 5px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  font-size:14px;
  opacity:0;
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
}
.popup.show {
  opacity:1;
  top:160px;
}
.popup img.close {
  width:19px;
  height:19px;
  position:absolute;
  top:12px;
  right:12px;
  cursor:pointer;
}
.popup h2 {
  background: #efefef;
  margin: -15px -15px 15px -15px;
  padding: 10px 15px;
  border-bottom: 1px solid #ddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size:19px;
  background-image: linear-gradient(bottom, rgb(239,239,239) 25%, rgb(245,245,245) 63%);
  background-image: -o-linear-gradient(bottom, rgb(239,239,239) 25%, rgb(245,245,245) 63%);
  background-image: -moz-linear-gradient(bottom, rgb(239,239,239) 25%, rgb(245,245,245) 63%);
  background-image: -webkit-linear-gradient(bottom, rgb(239,239,239) 25%, rgb(245,245,245) 63%);
  background-image: -ms-linear-gradient(bottom, rgb(239,239,239) 25%, rgb(245,245,245) 63%);
}
.popup label {display:block;}
.popup label span {display:inline-block;width:150px;font-weight:bold;}
.popup label input, .popup label select {padding:1px;line-height:18px;margin:2px;}
.popup input[type=submit] {padding:3px 6px;margin-left: 156px;}


#form-kniha input[readonly] {
  width: 100%;
  background: transparent;
  /*color: white;*/
  font-weight: bold;
  font-size: 17px;
  padding: 0;
  border:0;
  opacity:1;
}

#account {
  position: absolute;
  top: 120px;
  left: 50%;
  margin-left: 264px;
  background:#CACA51;
  padding: 5px;
  font-size: 14px;
  border-radius: 7px;
  line-height: 20px;
  border: 2px solid #444;
  width:120px;
  text-align: center;
  box-shadow:0 0 10px #000;
  background-image: linear-gradient(bottom, rgb(182,182,61) 25%, rgb(202,202,81) 63%);
  background-image: -o-linear-gradient(bottom, rgb(182,182,61) 25%, rgb(202,202,81) 63%);
  background-image: -moz-linear-gradient(bottom, rgb(182,182,61) 25%, rgb(202,202,81) 63%);
  background-image: -webkit-linear-gradient(bottom, rgb(182,182,61) 25%, rgb(202,202,81) 63%);
  background-image: -ms-linear-gradient(bottom, rgb(182,182,61) 25%, rgb(202,202,81) 63%);
}
#account a {
  color:black;
  text-decoration: none;
}
#account a:hover {
  text-decoration: underline;
}

.comment {
  font-family:Calibri;
  font-size:15px;
}
.comment .banUser {
  visibility: hidden;
  margin-left: 6px;
  margin-top: 1px;
  cursor:pointer;
  visibility:hidden;
  width:12px;
  height:12px;
}
.comment:hover .banUser {
  visibility: visible;

}
.comment .nick {
  float:left;
  font-weight:bold;
  cursor:pointer;
  text-decoration:none;
  color:black;
}
.user .banUser {
  float:right;
  margin-right: 6px !important;
  margin-top: 1px;
  cursor:pointer;
  visibility:hidden;
  width:12px !important;
  height:12px !important;
}
.user:hover .banUser {
  visibility:visible;
}

#content-kniha {
  width:auto;
  height:auto;
  top: 5px;
  left: 183px;
  right:5px;
  bottom:41px;
  border-left: 2px solid #444;
  border: 2px solid #444;
  box-shadow: 0 0 15px #444 inset;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.15);
  color:black;
}

#userlist a.user {
  display: block;
  color:black;
  text-decoration:none;
  cursor:default;
  font-family: Calibri;
  font-size: 15px;
  margin: 3px 5px;
  padding: 2px 5px;
}

#userlist a.user[href^="#"] {
  cursor:pointer;
}

#userlist a.user[href^="#"]:hover {
  background:rgba(0,0,0,0.15);
  border-radius:4px;
}

#userlist .user img {
  margin-right:3px;
  width:15px;
  height:12px;
}

#userlist .user img.jukebox {
  margin-right:3px;
  width:9px;
  height:12px;
}



.geewa {
  display: inline-block;
  width: 84px;
  height: 84px;
  background-image: url('/img/geewa.jpg');
  margin:5px;
  border-radius:3px;
}

.geewa-small {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url('/img/geewa-small.jpg');
  margin:5px;
  border-radius:3px;
}

.geewa-abaku {background-position:0 0;}
.geewa-backgammon {background-position:-84px 0;}
.geewa-checkers {background-position:-168px 0;}
.geewa-horolezci {background-position:-252px 0;}
.geewa-kris-kros {background-position:0 -84px;}
.geewa-warships {background-position:-84px -84px;}
.geewa-gomoku {background-position:-168px -84px;}
.geewa-mau-mau {background-position:-252px -84px;}
.geewa-reversi {background-position:0 -168px;}
.geewa-slovni-fotbal {background-position:-84px -168px;}
.geewa-chess {background-position:-168px -168px;}

.geewaInvite {
  float:right;
  cursor:pointer;
}

.geewa-invite {
  background: rgba(0,0,0,0.2);
  border-radius: 4px;
  line-height:50px;
  font-size:16px;
  margin-bottom:5px;
}

.geewa-invite span {
  float:left;
  margin-right:30px;
}

.geewa-invite a {
  margin-left:20px;
}

#form-kniha table {
  /*width:95%;
  float:right;*/
  position:absolute;
  left:200px;
  right:20px;
  bottom:0;
}



div.photo-upload {
  background:right center no-repeat url('/img/upload.png');
  padding-right:20px;
  position:relative;
  overflow:hidden;
  cursor:pointer;
  text-decoration:underline;
  color:#00f;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
}

div.photo-upload:hover {
  color:#55f;
  text-decoration:none;
}

a.photo-delete {
  background:right center no-repeat url('/img/delete.gif');
  padding-right:20px;
}

#ytuser {
  position: absolute;
  bottom: 131px;
  left: 6px;
  font-size: 13px;
  color: black;
  width:170px;
}
#ytiframe {
  position: absolute;
  bottom: 41px;
  left: 6px;
}
#ytoptions {
  position: absolute;
  bottom: 2px;
  left: 9px;
  width:176px;
  font-family:Calibri;
  font-size:12px;
}
#ytoptions a {
  display:block;
  float:left;
  width:88px;
  height:18px;
  color:#222;
  font-weight:bold;
  text-decoration:none;
}
#ytoptions a:hover {
  text-decoration:underline;
}
#ytvolume {
  width:12px;
  position:absolute;
  bottom:41px;
  left:164px;
  background:rgba(0,0,0,0.3);
  border-radius:3px;
  cursor:pointer;
  box-shadow:inset 1px 1px 0 rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.3);
}
#ytvolume div {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  background:green;
  border-radius:3px;
  box-shadow:0px -1px 0 rgba(0, 0, 0, 0.4);
  background-color: #62C462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
#ytoverflow {
  position: absolute;
  bottom: 41px;
  left: 6px;
  z-index: 1000;
  border: 0;
  background: url('/img/jukebox-radius.png?1') center center transparent;
  width: 156px;
  height: 88px;
}
#yttime {
  background: rgba(50, 50, 50, 0.6);
  text-shadow: none;
  font-size: 11px;
  position: absolute;
  bottom: 41px;
  left: 6px;
  z-index: 999;
  padding: 1px 6px;
  color: rgba(255, 255, 255, 0.9);
  border-top-right-radius: 4px;
}
a#gotoYoutube, a#stopytvideo {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.kniha-hide {
  top:-5000px !important;
  bottom:5000px !important;
}


[class^="icon-"],[class*=" icon-"]{margin-right:3px;display:inline-block;width:14px;height:14px;line-height:14px;vertical-align:text-top;background-image:url("img/glyph.png");background-position:14px 14px;background-repeat:no-repeat;*margin-right:.3em;}[class^="icon-"]:last-child,[class*=" icon-"]:last-child{*margin-left:0;}
.icon-glass{background-position:0 0;}
.icon-music{background-position:-24px 0;}
.icon-search{background-position:-48px 0;}
.icon-envelope{background-position:-72px 0;}
.icon-heart{background-position:-96px 0;}
.icon-star{background-position:-120px 0;}
.icon-star-empty{background-position:-144px 0;}
.icon-user{background-position:-168px 0;}
.icon-film{background-position:-192px 0;}
.icon-th-large{background-position:-216px 0;}
.icon-th{background-position:-240px 0;}
.icon-th-list{background-position:-264px 0;}
.icon-ok{background-position:-288px 0;}
.icon-remove{background-position:-312px 0;}
.icon-zoom-in{background-position:-336px 0;}
.icon-zoom-out{background-position:-360px 0;}
.icon-off{background-position:-384px 0;}
.icon-signal{background-position:-408px 0;}
.icon-cog{background-position:-432px 0;}
.icon-trash{background-position:-456px 0;}
.icon-home{background-position:0 -24px;}
.icon-file{background-position:-24px -24px;}
.icon-time{background-position:-48px -24px;}
.icon-road{background-position:-72px -24px;}
.icon-download-alt{background-position:-96px -24px;}
.icon-download{background-position:-120px -24px;}
.icon-upload{background-position:-144px -24px;}
.icon-inbox{background-position:-168px -24px;}
.icon-play-circle{background-position:-192px -24px;}
.icon-repeat{background-position:-216px -24px;}
.icon-refresh{background-position:-240px -24px;}
.icon-list-alt{background-position:-264px -24px;}
.icon-lock{background-position:-287px -24px;}
.icon-flag{background-position:-312px -24px;}
.icon-headphones{background-position:-336px -24px;}
.icon-volume-off{background-position:-360px -24px;}
.icon-volume-down{background-position:-384px -24px;}
.icon-volume-up{background-position:-408px -24px;}
.icon-qrcode{background-position:-432px -24px;}
.icon-barcode{background-position:-456px -24px;}
.icon-tag{background-position:0 -48px;}
.icon-tags{background-position:-25px -48px;}
.icon-book{background-position:-48px -48px;}
.icon-bookmark{background-position:-72px -48px;}
.icon-print{background-position:-96px -48px;}
.icon-camera{background-position:-120px -48px;}
.icon-font{background-position:-144px -48px;}
.icon-bold{background-position:-167px -48px;}
.icon-italic{background-position:-192px -48px;}
.icon-text-height{background-position:-216px -48px;}
.icon-text-width{background-position:-240px -48px;}
.icon-align-left{background-position:-264px -48px;}
.icon-align-center{background-position:-288px -48px;}
.icon-align-right{background-position:-312px -48px;}
.icon-align-justify{background-position:-336px -48px;}
.icon-list{background-position:-360px -48px;}
.icon-indent-left{background-position:-384px -48px;}
.icon-indent-right{background-position:-408px -48px;}
.icon-facetime-video{background-position:-432px -48px;}
.icon-picture{background-position:-456px -48px;}
.icon-pencil{background-position:0 -72px;}
.icon-map-marker{background-position:-24px -72px;}
.icon-adjust{background-position:-48px -72px;}
.icon-tint{background-position:-72px -72px;}
.icon-edit{background-position:-96px -72px;}
.icon-share{background-position:-120px -72px;}
.icon-check{background-position:-144px -72px;}
.icon-move{background-position:-168px -72px;}
.icon-step-backward{background-position:-192px -72px;}
.icon-fast-backward{background-position:-216px -72px;}
.icon-backward{background-position:-240px -72px;}
.icon-play{background-position:-264px -72px;}
.icon-pause{background-position:-288px -72px;}
.icon-stop{background-position:-312px -72px;}
.icon-forward{background-position:-336px -72px;}
.icon-fast-forward{background-position:-360px -72px;}
.icon-step-forward{background-position:-384px -72px;}
.icon-eject{background-position:-408px -72px;}
.icon-chevron-left{background-position:-432px -72px;}
.icon-chevron-right{background-position:-456px -72px;}
.icon-plus-sign{background-position:0 -96px;}
.icon-minus-sign{background-position:-24px -96px;}
.icon-remove-sign{background-position:-48px -96px;}
.icon-ok-sign{background-position:-72px -96px;}
.icon-question-sign{background-position:-96px -96px;}
.icon-info-sign{background-position:-120px -96px;}
.icon-screenshot{background-position:-144px -96px;}
.icon-remove-circle{background-position:-168px -96px;}
.icon-ok-circle{background-position:-192px -96px;}
.icon-ban-circle{background-position:-216px -96px;}
.icon-arrow-left{background-position:-240px -96px;}
.icon-arrow-right{background-position:-264px -96px;}
.icon-arrow-up{background-position:-289px -96px;}
.icon-arrow-down{background-position:-312px -96px;}
.icon-share-alt{background-position:-336px -96px;}
.icon-resize-full{background-position:-360px -96px;}
.icon-resize-small{background-position:-384px -96px;}
.icon-plus{background-position:-408px -96px;}
.icon-minus{background-position:-433px -96px;}
.icon-asterisk{background-position:-456px -96px;}
.icon-exclamation-sign{background-position:0 -120px;}
.icon-gift{background-position:-24px -120px;}
.icon-leaf{background-position:-48px -120px;}
.icon-fire{background-position:-72px -120px;}
.icon-eye-open{background-position:-96px -120px;}
.icon-eye-close{background-position:-120px -120px;}
.icon-warning-sign{background-position:-144px -120px;}
.icon-plane{background-position:-168px -120px;}
.icon-calendar{background-position:-192px -120px;}
.icon-random{background-position:-216px -120px;}
.icon-comment{background-position:-240px -120px;}
.icon-magnet{background-position:-264px -120px;}
.icon-chevron-up{background-position:-288px -120px;}
.icon-chevron-down{background-position:-313px -119px;}
.icon-retweet{background-position:-336px -120px;}
.icon-shopping-cart{background-position:-360px -120px;}
.icon-folder-close{background-position:-384px -120px;}
.icon-folder-open{background-position:-408px -120px;}
.icon-resize-vertical{background-position:-432px -119px;}
.icon-resize-horizontal{background-position:-456px -118px;}



#form-bg {
  display:none;
}
.chatfull #form-kniha {
  width:auto;
  height:auto;
  left:60px;
  right:60px;
  bottom:60px;
  top:60px;
  margin:0;
}
.chatfull #form-bg.active {
  display:block;
  background:rgba(0,0,0,0.3);
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}

.chat-menu-link {
  position: absolute;
  bottom: 156px;
  color: black;
  font-family: Calibri;
  font-size: 12px;
  font-weight: bold;
}
