/* Break.cz - LAYOUT */
/* BASIC RULES */
body { background: #E1E8EA url("/img/bg-body-grad.gif") repeat-x; color: black; text-align: center;  font-family: Arial, Geneva, "Luxi Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 75%;  padding: 0; margin: 0;}

.clearfix:after, #col-left:after, #col-right:after, #main:after, #game-select:after, .col-in-r:after, .news-item:after, .rating:after, .grad3:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

#breadcrumb { font-size: 92%; margin-bottom: 0.7em;}
#breadcrumb, #breadcrumb a { color: white; }

a#nav-skip { color: white; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; display: block; width: 10em; position: absolute; bottom: 34%; left: -2000px; }
a#nav-skip:focus, a#nav-skip:active {left: 320px; height: 1.5em; }

/* LAYOUT RULES */
#mother { width: 995px; margin: 0 auto; text-align: left; }

/* Header */
#header { position: relative; height: 123px; /* overflow: hidden; */}
#logo { width: 303px; height: 104px; margin: 0; position: absolute; top: 9px; left: 10px; }
#banner { width: 250px; height: 60px; margin: 0; position: absolute; top: 1px; left: 350px; }

#searchbox { background: #96B8C6 url("/img/bg-head-grad.gif") repeat-y top right; padding: 18px; text-align: right; padding: 18px 0 0 18px;}
#searchbox form {background: url("/img/bg-search-bottomright.gif") no-repeat right bottom;  margin-bottom: 0; padding: 0 13px 4px 0; }
#searchbox label {color: #00597B; text-transform: uppercase; font-size: 92%; padding-right: 4px; }
/* AXIMA - plus width */
#searchbox .inp {border: 1px #666666 solid; width: 157px; height: 1.6em; }

#top-box { width: 815px; background: #DA663E url("/img/bg-topbox-hry.gif") repeat-x left top; margin-top: 0; position: relative;  margin-bottom: 7px;}
#top-box .spc {background: url("/img/bg-topbox-hry-bottom.gif") no-repeat left bottom; padding: 10px 22px; }

.theme-oserveru #top-box { background: #A3A3A3 url("/img/bg-topbox-oserveru.gif") repeat-x left top;}
.theme-oserveru #top-box .spc{ background: url("/img/bg-topbox-oserveru-bottom.gif") no-repeat left bottom;}
.theme-oserveru #bookmarks{ border-bottom-color: #666666;}

.theme-melodie #top-box { background: #EBB82F url("/img/bg-topbox-melodie.gif") repeat-x left top;}
.theme-melodie #top-box .spc{ background: url("/img/bg-topbox-oserveru-bottom.gif") no-repeat left bottom;}
.theme-melodie #bookmarks{ border-bottom-color: #B1850F;}

.theme-clanky #top-box { background: #6FA4BA url("/img/bg-topbox-zabava.gif") repeat-x left top;}
.theme-clanky #top-box .spc{ background: url("/img/bg-topbox-oserveru-bottom.gif") no-repeat left bottom;}
.theme-clanky #bookmarks{ border-bottom-color: #00597B;}

.theme-tapety #top-box { background: #E87400 url("/img/bg-topbox-tapety.gif") repeat-x left top;}
.theme-tapety #top-box .spc{ background: url("/img/bg-topbox-oserveru-bottom.gif") no-repeat left bottom;}
.theme-tapety #bookmarks{ border-bottom-color: #b35900;}

.theme-faq #top-box { background: #A5BD45 url("/img/bg-topbox-faq.gif") repeat-x left top;}
.theme-faq #top-box .spc{ background: url("/img/bg-topbox-oserveru-bottom.gif") no-repeat left bottom;}
.theme-faq #bookmarks{ border-bottom-color: #6C840B;}

#bookmarks {position: absolute; right: 0; bottom: 0px; right: 0; width: 815px; border-bottom: 4px #A71603 solid; height: 4em;}
#bookmarks ul{ list-style: none; position: absolute; margin: 0; margin-bottom: 0; padding: 0;  float: right;  font-size: 109%; bottom: -4px; right: 0; }
#bookmarks li { float: left; margin-left: 2px; width: 7em; position: relative;}
#bookmarks li a, #bookmarks li .off {display: block; text-align: center; text-decoration: none;  }
#bookmarks li a span, #bookmarks li .off span {display: block; width: 7em; text-align: center; color: white; font-weight: bold;  padding: 8px 0em 4px 0; cursor: pointer; }
#bookmarks li span.off span{ cursor: auto; }


#bookmarks li .off span{ cursor: auto; }
#bookmarks li.active a span, #bookmarks li.active .off span{ padding-bottom: 8px; position: relative; display: block;}
#bookmarks li a:hover span{ color: #F4D9B7; display: block; }

#bookmarks .topleft{ display: block; }
#bookmarks .topright{ display: block; _height: 1px;}

#bookmarks li#hry{ background: #C6220C url("/img/bg-hry-right.gif") repeat-y right top; }
#bookmarks li#hry .topleft{ background: url("/img/bg-hry-topleft.gif") no-repeat left top; }
#bookmarks li#hry .topright{	background: url("/img/bg-hry-topright.gif") no-repeat right top; } 

#bookmarks li#melodie{ background: #E9B018 url("/img/bg-melodie-right.gif") repeat-y right top; }
#bookmarks li#melodie .topleft{ background: url("/img/bg-melodie-topleft.gif") no-repeat left top; }
#bookmarks li#melodie .topright {	background: url("/img/bg-melodie-topright.gif") no-repeat right top; } 

#bookmarks li#clanky{ background: #5F9AB2 url("/img/bg-zabava-right.gif") repeat-y right top; }
#bookmarks li#clanky .topleft{ background: url("/img/bg-zabava-topleft.gif") no-repeat left top; }
#bookmarks li#clanky .topright {background: url("/img/bg-zabava-topright.gif") no-repeat right top; } 

#bookmarks li#tapety{ background: #E87400 url("/img/bg-tapety-right.gif") repeat-y right top; }
#bookmarks li#tapety .topleft{ background: url("/img/bg-tapety-topleft.gif") no-repeat left top; }
#bookmarks li#tapety .topright {background: url("/img/bg-tapety-topright.gif") no-repeat right top; } 


#bookmarks li#faq{ background: #9BB631 url("/img/bg-faq-right.gif") repeat-y right top; }
#bookmarks li#faq .topleft{ background: url("/img/bg-faq-topleft.gif") no-repeat left top; }
#bookmarks li#faq .topright {	background: url("/img/bg-faq-topright.gif") no-repeat right top; }
 
#bookmarks li#oserveru{ background: #999999 url("/img/bg-oserveru-right.gif") repeat-y right top; }
#bookmarks li#oserveru .topleft{ background: url("/img/bg-oserveru-topleft.gif") no-repeat left top; }
#bookmarks li#oserveru .topright{	background: url("/img/bg-oserveru-topright.gif") no-repeat right top; }

#main {width: 100%; background: white url("/img/bg-main-top.gif") no-repeat left top; }

#col-right {width: 815px;  float: right; margin-bottom: 0; }
#col-left {width: 180px;  float: left;  }
#col-right-l {width: 546px; margin-right: 6px; float: left; }
#col-right-r {width: 257px; float: right; margin-left: 6px; }

.grad1 {background: white url("/img/bg-grad1.gif") repeat-x left top; }
.grad1 .spc {background: url("/img/bg-grad1-top.gif") no-repeat left top; padding: 22px; }
.grad2 {background: #F6F6F6 url("/img/bg-grad2.gif") repeat-x left top; width: 241px; font-size: 92%; }
.grad2 .spc {background: url("/img/bg-grad2-top.gif") no-repeat left top; padding: 10px; padding-bottom: 0px; }
.grad2 .spc .ul { padding: 10px; padding-bottom: 0px; }
.grad2 .bg-bottom {background: url("/img/bg-grad2-bottom.gif") no-repeat left bottom; height: 10px; }

.grad3 { width: 800px; background: white url("/img/bg-grad3.gif") repeat-x left top; }
.grad3 .spc { background: url("/img/bg-grad3-top.gif") no-repeat left top; padding: 22px; padding-bottom: 0; }

.grad4 { width: 165px; background: white url("/img/bg-grad4.gif") repeat-x left top; margin-left: 15px; color: black;}
.grad4 .spc {background:  url("/img/bg-grad4-top.gif") no-repeat left top; padding: 15px 0 15px 0 ; }

#col-right .grad3 .col-in-r .grad4 form input, #col-right .grad3 .col-in-r .grad4 form label {margin: 0px; }
#col-right .grad3 .col-in-r .grad4 form p {margin-left: 20px; margin-bottom: 6px; }
#col-right .grad3 h3 img {float: left; margin-right: 17px; }
#col-right .grad3 .news-item h3 {margin: 0; padding: 0; background: none; text-decoration: none; text-transform: none; font-size: 1.17em; margin-bottom: 0.3em; }

#col-right-l .grad1 h3 {margin: 0; padding: 0; background: none; text-decoration: none; text-transform: none; font-size: 1.17em; margin-bottom: 0.3em; }
#col-right-l .grad1 h3 img {float: left; margin-right: 17px; }

#col-right-r ol{ margin-top: 5px; margin-left: 30px; margin-bottom: 0; padding-left: 0; }

#melody-name { font-size: 1.17em; }

.news-item p {margin-left: 85px; margin-bottom: 0.3em; }
.news-item{ margin-bottom: 2em; clear: both; }
.info {font-size: 92%; color: #666666; margin-left: 85px; }
.info a {color: #666666; }
/* AXIMA */
.info a:visited {color: #666666; }
.info a:hover {color: #FFC425; }

/* AXIMA */
.info-articles {font-size: 92%; color: #666666;}
.info-articles a {color: #666666; }
.info-articles a:visited {color: #666666; }
.info-articles a:hover {color: #FFC425; }

.nazevmelodie {margin-left: 20px;}

.col-half-l {display: inline; width: 49%; float: left;}
.col-half-r {display: inline; width: 49%; float: right;}

.col-in-l {display: inline; width: 75%; float: left;  }
.col-in-r {display: inline; float: right; width: 23%;  border-left: 1px #808080 dashed; font-size: 92%;  color: #666666; }
.col-in-r img {border: none; vertical-align: middle; margin-left: 5px; }
.col-in-r h2 { margin-left: 15px !important;}

.grad3 { margin-bottom: 3em; }
.grad3 .info, .grad3 .news-item p { margin-left: 101px; }
.grad3 .news-item{ margin-bottom: 2em;}

#col-right .grad3 .col-in-r p { margin: 0 0 0.5em 15px; }

#game-select ul {margin: 0; padding: 0; }
#game-select li h3 {font-size: 100%; }
#game-select li h3 a {text-transform: uppercase; text-decoration: none; color: white; padding-left: 12px; background: url(/img/arrow3.gif) no-repeat left center; }
#game-select li {list-style: none; display: inline; float: left; margin: 11px; }
#game-select li a, #game-select li a:visited {color: white; text-decoration: none; }
#game-select li a:hover {color: #FFC425; text-decoration: none; }
#game-select li a strong {text-decoration: underline; margin-top: 4px; display: block; }
#game-select li a img {border: 1px black solid; }

.game-desc{ margin-left: 155px; }

#login {margin-top: 20px; }
#login form {background: #AEAEAE url("/img/bg-login-top.gif") no-repeat left top; width: 157px; color: white; border: 0px; }
#login form .spc {background: url("/img/bg-login-bottom.gif") no-repeat left bottom; padding: 7px 10px 10px 10px; }
#login form p {margin-bottom: 0; }
#login form input {border: 1px #666666 solid; width: 98%; margin-top: 2px; }
/* AXIMA - #login form input.btt {width: auto; float: right; margin-top: 6px; margin-bottom: 5px; border: 1px #A71603 solid;} */
#login form input.btt {width: 130px; float: center; margin-top: 6px; margin-bottom: 5px; border: 1px #A71603 solid;}
#login .new-reg {clear: both; margin-bottom: 5px; }
#login .new-reg a {font-weight: bold; color: white; }

#chat {margin-top: 10px; }
#chat form {background: #AEAEAE url("/img/bg-login-top.gif") no-repeat left top; width: 157px; color: white; border: 0px; }
#chat form .spc {background: url("/img/bg-login-bottom.gif") no-repeat left bottom; padding: 7px 10px 10px 10px; }
#chat form p {margin-bottom: 0; padding:6px; padding-left:4px; font-weight:bold;}
#chat form p a:hover {color:#FFC425;}

#info {margin-top: 10px; }
#info .infobox {background: #AEAEAE url("/img/bg-login-top.gif") no-repeat left top; width: 157px; color: white; border: 0px; }
#info .infobox .spc {background: url("/img/bg-login-bottom.gif") no-repeat left bottom; padding: 7px 10px 10px 10px; }
#info .infobox p {margin-bottom: 0; padding:6px; padding-left:4px; font-weight:bold;}
#info .infobox p a:hover {color:#FFC425;}

.offline {color:#DEDEDE;}

input.btt, a.btt {width: auto; text-transform: uppercase; font-size: 82%; color: white; border: 1px #A71603 solid; background: #D24B2A url(/img/bg-btt.gif) repeat-x left top; padding: 3px 6px 3px 6px; }

a.btt{ padding: 3px 30px; text-decoration: none; }

a.btt-big{text-transform: uppercase; font-size: 58%; text-decoration: none; font-weight: normal; color: white; border: 1px #A71603 solid; border-top-color: #DA9D95; border-left-color: #DA9D95; background: #D66D35 url("/img/bg-btt-big.gif") repeat-x left top; padding: 10px 35px; position: absolute; top: 24px; right: 65px; }

a.btt:visited, a.btt-big:visited { color: white; }

#enquiry .spc {padding-left: 20px; padding-right: 15px; padding-bottom: 0; }
#enquiry label {display: block; margin: 0; padding: 0; padding-left: 22px; margin-top: -2.2em; line-height: 1.6em; position: relative; }
#enquiry label img {display: block; margin: 0; padding: 0; border: none; }
#enquiry form {margin-bottom: -10px; }
#enquiry input.rad {margin: 0; padding: 0;}
.vote-bar {display: block; height: 7px; width: 182px; border: 1px white solid; background: white; }

#footer {background: url(/img/bg-footer.gif) no-repeat left top; padding-top: 15px; }
#footer p {font-size: 11px; text-align: center; color: #666666;}
#footer a {color: #666666; text-decoration: none;}
#footer a:hover {color: #FFC425; text-decoration: underline;}

.sidebox {margin: 8px 0 15px 9px; }
.sidebox h2 {font-size: 100%; text-transform: uppercase; font-weight: bold; margin-bottom: 4px;}

#col-right h2 {padding-left: 16px; margin-left: 8px; margin-top: 18px; background: url("/img/arrow2.gif") no-repeat left center; }
#col-right .grad3 h2 {margin-left: -16px; margin-top: 0; position: relative; }

#left-menu ul {margin: 0; padding: 0; }
#left-menu li {list-style: none; width: 157px; background: #5F9AB2 url("/img/arrow1.gif") no-repeat 10px 50%; margin-bottom: 3px;}
#left-menu a {display: block; padding: 8px 0px 8px 25px; color: white;  font-weight: bold;  font-size: 109%; text-decoration: none;  _height: 1; position: relative;}

#left-menu li .bott {display: block; width: 100%; background: url("/img/bg-leftmenu1-bottom.gif") no-repeat left bottom; }
#left-menu li .top {display: block; width: 100%; background: url("/img/bg-leftmenu1-top.gif") no-repeat left top; }

#second-menu ul {margin: 0; padding: 0; }
#second-menu li {list-style: none; width: 157px; background: #7EB0C5 url("/img/arrow1.gif") no-repeat 10px 50%; margin-bottom: 3px; }
#second-menu a {display: block; padding: 8px 0px 8px 25px; color: white;  font-weight: bold;  font-size: 109%; text-decoration: none;  _height: 1; position: relative;}

#second-menu li .bott {display: block; width: 100%; background: url("/img/bg-leftmenu2-bottom.gif") no-repeat left bottom; }
#second-menu li .top {display: block; width: 100%; background: url("/img/bg-leftmenu2-top.gif") no-repeat left top; }

#col-left a:hover { color: #F4D9B7;}

.paginace {text-align: right; width: 90%; font-weight: bold; font-size: 92%; margin-left: 30px; margin-right: 25px; display: inline; float: right; margin-top: -1.8em; margin-bottom: 1em; }
.paginace .numbers {word-spacing: 0.25em; margin-left: 25px; }