.cols:after, .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
* html .cols, * html .clearfix	{ height:1%; } 
.clearfix	{ display:block; } 
.clearfix, .cols { =zoom:1;}

body {
  margin:0 0 0 0;
  padding:0;
  font:70%/1.6 tahoma, verdana, arial, sans serif;
  text-align:center;
  background:url(../img/bg.jpg) repeat-x #121212;
  color:#333;
}


textarea, input, select {
	font-family:tahoma, serif;
}
/*** default ***/
td, th {
	_font-size /**/:80%;
	padding:0;
}
.transparent, .transparent td {
	border:0!important;
	background:none!important;
}
input.submit {
	font-weight:bold;
	width:auto!important;
	cursor:hand;
	cursor:pointer;
	text-transform:uppercase;
	font-size:90%;
	padding:1px;
}
input.kod {
	width:194px!important;
}
.check {
	width:auto!important;
	border:0;
	margin:0;
	padding:0;
	background:none;
}
a {
  text-decoration:none;
  color:#000;
}
a:hover {
  text-decoration:underline;
}
img {
	border:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
form {
	margin:0;
	padding:0;
}
input, textarea {
	background:#fff;
	padding:2px;
	border:1px solid #666;
}
select {
	background:white;
}
label {
	font-weight:bold;
}
input.submit {
  background:#26C1F9;
  color:white;
  font-weight:bold;
  font-size:90%;
  text-transform:uppercase;
  border:1px solid #26C1F9;
}
a.to-home {
	display:block;
	position:absolute;
	top:0;
	z-index:10;
	width:270px;
	height:140px;
	margin:0 0 0 0;
}
a.to-home span {
	display:none;
}
.hidden {
	display:none;
}
p {
	margin:0 0 0 0;
	padding:0 0 15px 0;
}
.clear {
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
.t-center {
	text-align:center!important;
}
.t-left {
	text-align:left!important;
}
.t-right {
	text-align:right!important;
}
.no-float {
	float:none!important;
}
.f-right {
	float:right!important;
}
.f-left {
	float:left!important;
}
img.f-left {
	margin:0 20px 0 0;
}
img.f-right {
	margin:0 0 0 20px;
}
.bold {
	font-weight:bold!important;
}
.no-bord {
	border:0!important;
}
.no-r-mg {
	margin-right:0!important;
}
.no-l-mg {
	margin-left:0!important;
}
.no-padd {
	padding:0!important;
}
.no-bold {
	font-weight:normal!important;
}
.no-float {
	float:none!important;
}
.inline {
	display:inline!important;
}
.w-100pro {
	width:100%!important;
}
.v-top {
	vertical-align:top;
}
.v-bott {
	vertical-align:bottom;
}
.red {
	color:red!important;
}
.black {
	color:black!important;
}
.delmsg {
	color:Red!important;
	font-weight:bold;
}
.red-bg {
	background:red!important;
	color:white!important;
	padding:0 5px 0 5px!important;
}
.nowrap {
	white-space:nowrap!important;
}
.big-font {
  font-size:120%;
}
.small-font {
  font-size:90%;
}
ul.def {
	margin:10px 0 15px 15px;
	padding:0;
}
ul.def li {
	list-style:none;
	padding:0 0 0 15px;
	color:#000;
	background:url(../img/li2.gif) no-repeat 0 8px;
	font-size:110%;
}

/*** bottom margin ***/
.bmg-3 {margin-bottom:3px!important}
.bmg-5 {margin-bottom:5px!important}
.bmg-15 {margin-bottom:15px!important}
.bmg-10 {margin-bottom:10px!important}
.bmg-20 {margin-bottom:20px!important}
.bmg-30 {margin-bottom:30px!important}

/*** top margin ***/
.tmg-3 {margin-top:3px!important}
.tmg-5 {margin-top:5px!important}
.tmg-15 {margin-top:15px!important}
.tmg-10 {margin-top:10px!important}
.tmg-20 {margin-top:20px!important}
.tmg-30 {margin-top:30px!important}

/*** right margin ***/
.rmg-3 {margin-right:3px!important}
.rmg-5 {margin-right:5px!important}
.rmg-15 {margin-right:15px!important}
.rmg-10 {margin-right:10px!important}
.rmg-20 {margin-right:20px!important}
.rmg-30 {margin-right:30px!important}

/*** left margin ***/
.lmg-3 {margin-left:3px!important}
.lmg-5 {margin-left:5px!important}
.lmg-15 {margin-left:15px!important}
.lmg-10 {margin-left:10px!important}
.lmg-20 {margin-left:20px!important}
.lmg-30 {margin-left:30px!important}



h1 {
	padding:0 0 0 0;
  margin:0 0 0 0;
  color:#fff;
  font-size:180%;
  font-weight:normal;
  height:70px;
  overflow:hidden;
  background:url(../img/h1_bg.jpg) no-repeat top left;
  line-height:40px;
}
h1 span {
  display:block;
  padding:22px 0 0 30px;
}
h1 em {
	font-size:80%;
	font-style:normal;
	font-weight:bold;
}
h1 a {
	color:white;
}
h2 {
	padding:0 0 0 0;
  margin:0 0 5px 0;
  color:#000;
  font-size:160%;
}
h3 {
	margin:20px 0 10px 0; 
	padding:0;
	font-size:130%;
	border-bottom:1px solid #999;
	color:black;
}
h3 a.f-right {
	font-size:70%;
	xfont-weight:normal;
	padding:5px;
}
h4 {
	margin:0 0 5px 0; 
	padding:0;
	font-size:120%;
}
h5 {
	margin:0 0 3px 0; 
	padding:0;
	font-size:100%;
}


div.screen {
  width:990px;
  margin:0 auto 0 auto;
  text-align:left;
}
div.head {
  position:absolute;
  top:0;
  width:990px;
  height:140px;
  background:url(../img/logo.jpg) no-repeat left top;
  border-bottom:8px solid #3A3A3A;
}
div.page {
  margin:148px 0 0 0;
}
div.l {
  width:201px;
  float:left;
}
div.r {
  width:784px;
  float:right;
}
div.top-bann {
  position:absolute;
  top:0;
  width:468px;
  height:60px;
  margin:15px 0 0 520px;
  border:1px solid #444444;
}
div.top-bann img {
  display:block;
}
div.page-in {
  margin:4px 0 0 0;
  background:url(../img/page_bg.jpg) no-repeat top left #CECECE;
  padding:22px 30px 15px 30px;
}
div.page-in-in {
	width:724px;
	overflow:hidden;
}



/*** prehravac ***/
div.prehravac {
	color:#666;
	font-weight:bold;
	width:140px;
	margin:5px 0 15px 0;
	padding:0 0 0 10px; 
	line-height:30px;
	height:30px;
	background:#FEFEFE;
	border:1px solid #ddd;
	text-transform:uppercase;
}
div.prehravac-in {
	float:right;
	width:30px;
	padding:6px 0 0 0;
}


/*** telefony ***/
a.oc {
	float:left;
	display:block;
	margin:4px 7px 0 0;
}
a.oc img {
	display:block;
}



/*** menu ***/
ul.menu {
  position:absolute;
  top:0;
  width:720px;
  margin:99px 0 0 270px;
  padding:0;
}
ul.menu li {
  list-style:none;
  float:right;
  margin:0 0 0 2px; 
  padding:0;
}
ul.menu li a {
  float:left;
  display:block;
  height:40px;
  color:white;
  text-transform:uppercase;
  padding:0 25px 0 25px;
  font-weight:bold;
}
ul.menu li a span {
  display:block;
  padding:14px 0 0 0;
}
ul.menu li a:hover {
  height:36px;
  margin:4px 0 0 0;
  text-decoration:none;
}
ul.menu li a:hover span {
  padding:10px 0 0 0;
}
ul.menu li a.act, ul.menu li a.act:hover {
  height:36px;
  margin:5px 0 0 0;
}
ul.menu li a.act span {
  padding:9px 0 0 0;
}
ul.menu li.m-blue a {
  background:url(../img/blue/menu_bg.jpg) no-repeat left bottom;
}
ul.menu li.m-blue a.act {
  background:url(../img/blue/menu_bg_a.jpg) repeat-x left top;
}
ul.menu li.m-green a {
  background:url(../img/green/menu_bg.jpg) no-repeat left bottom;
}
ul.menu li.m-green a.act {
  background:url(../img/green/menu_bg_a.jpg) repeat-x left top;
}
ul.menu li.m-orange a {
  background:url(../img/orange/menu_bg.jpg) no-repeat left bottom;
}
ul.menu li.m-orange a.act {
  background:url(../img/orange/menu_bg_a.jpg) repeat-x left top;
}
ul.menu li.m-pink a {
  background:url(../img/pink/menu_bg.jpg) no-repeat left bottom;
}
ul.menu li.m-pink a.act {
  background:url(../img/pink/menu_bg_a.jpg) repeat-x left top;
}
ul.menu li.m-grey a {
  background:url(../img/grey/menu_bg.jpg) no-repeat left bottom;
}
ul.menu li.m-grey a.act {
  background:url(../img/grey/menu_bg_a.jpg) repeat-x left top;
}


/*** submenu ***/
ul.submenu {
  margin:4px 0 0 1px;
  padding:0;
}
ul.submenu li {
  list-style:none;
  margin:0 0 1px 0;
  padding:0 0 0 0;
  border-bottom:1px solid #ddd;
  background:url(../img/submenu_bg.jpg) repeat-x left top #D1D1D1;
}
ul.submenu li a {
  display:block;
  background:url(../img/li2.gif) no-repeat 14px 14px;
  color:black;
  font-weight:bold;
  padding:6px 10px 5px 30px;
  font-size:110%;
  _height:1px;
}
ul.submenu li.act {
  padding:0;
}
ul.submenu li.act a {
  display:block;
  color:white;
  background:none!important;
}
ul.submenu li.act a:hover {
  text-decoration:none;
}

ul.submenu li.act ul {
  margin:0 0 0 0;
  padding:0 0 0 0;
}
ul.submenu li.act ul li {
  margin:1px 0 0 0;
  padding:1px 0 0 0;
  border-bottom:0;
}
ul.submenu li.act ul li a {
  background:none;
  font-weight:bold;
  margin:0 0 0 0;
  padding:2px 10px 5px 30px;
  font-size:100%;
  background:url(../img/li.gif) no-repeat 14px 10px!important;
}
ul.submenu li.act ul li a:hover {
  text-decoration:underline;
}
ul.submenu li.act ul li a.act {
  text-decoration:underline;
}

ul.submenu li.act ul li ul {
	margin:0 0 0 0;
}
ul.submenu li.act ul li ul li {
  margin:0 0 0 0;
  padding:1px 0 0 0;
  border-bottom:0;
}
ul.submenu li.act ul li ul li a {
  background:none;
  font-weight:normal;
  margin:0 0 0 0;
  padding:2px 10px 5px 30px;
  font-size:100%;
  background:url(../img/li3.gif) no-repeat 14px 10px!important;
}
ul.submenu li.act ul li ul li a.act {
  font-weight:bold;
  background:url(../img/li.gif) no-repeat 14px 10px!important;
}

ul.submenu li.m-blue a {
  background:url(../img/blue/submenu_bg_a.jpg) no-repeat 2px 3px;
}
ul.submenu li.m-green a {
  background:url(../img/green/submenu_bg_a.jpg) no-repeat 2px 3px;
}
ul.submenu li.m-orange a {
  background:url(../img/orange/submenu_bg_a.jpg) no-repeat 2px 3px;
}
ul.submenu li.m-pink a {
  background:url(../img/pink/submenu_bg_a.jpg) no-repeat 2px 3px;
}
ul.submenu li.m-grey a {
  background:url(../img/grey/submenu_bg_a.jpg) no-repeat 2px 3px;
}




/*** item ***/
a.item {
  display:block;
  width:138px;
  text-align:left;
  padding:5px 0 5px 0;
  float:left;
  margin:0 6px 6px 0;
  cursor:hand;
  background:url(../img/grey/item_bg.jpg) repeat-x top left #616161;
  border:1px solid #666666;
}
a.item img {
  display:block;
  margin:auto;
  border:1px solid #AAAAAA;
}
span.detail-butt {
  display:block;
  margin:3px auto 0 auto;
  background:url(../img/stahnout.jpg) no-repeat;
  width:130px;
  height:26px;
}
span.detail-butt span {
  display:none;
}
a.item:hover {
  background:#FEFEFE;
  border:1px solid #fff;
  border-bottom:1px solid #fff;
  border-left:1px solid #bbb;
  border-top:1px solid #bbb;
  text-decoration:none;
}
a.item:hover img {
  border:1px solid #462517;
}
a.item span.lng {
	display:block;
	background:#fff;
	line-height:8px;
	font-size:65%;
	letter-spacing:1px;
	font-weight:bold;
	color:black;
	position:absolute;
	z-index:10;
	padding:1px 2px 1px 2px;
	margin:1px 0 0 5px;
	text-transform:uppercase;
	cursor:hand;
	cursor:pointer;
}

a.music-item {
	width:235px;
	color:white;
	font-size:100%;
	text-align:left;
	font-weight:bold;
	height:42px;
	overflow:hidden;
}
a.music-item span.music-item-in {
	display:block;
	padding:0 30px 0 10px;
	background:url(../img/pink/music_ico.gif) no-repeat 211px 3px;
}
a.music-item strong {
	font-size:130%;
	display:block;
	color:black;
}
a.music-item:hover {
	color:black;
	text-decoration:none;
}

.debug {
	background:white;
	border:2px solid red;
	color: black;
	text-align:left;
}


/*** detail ***/
div.desc {
	text-align:justify;
	margin:0 0 4px 0;
}
div.pic-line img, img.solopic {
	margin:0 3px 3px 0;
	border:1px solid black;
}
img.solopic {
	margin:0;
	float:right;
}


/*** sms box ***/
div.sms-box {
	font-weight:bold;
	padding:0;
	margin:0 0 8px 0;
}
div.sms-box h2 {
	padding:8px 20px 8px 20px;
	margin:0;
	background:#151515;
	color:white;
	border-right:1px solid #f1f1f1;
	font-size:140%;
	text-transform:uppercase;
}
div.sms-box div.cena {
	float:right;
	font-weight:normal;
	font-size:60%;
	text-transform:none;
	color:#ccc;
}
div.sms-box-in {
	padding:12px 20px 12px 20px;
	border-bottom:1px solid #f1f1f1;
	border-right:1px solid #f1f1f1;
	border-top:1px solid #999;
	border-left:1px solid #999;
	font-size:120%;
	color:white;
	margin:1px 0 0 0;
	background:#659F31;
	letter-spacing:1px;
}
div.sms-box strong {
	font-size:120%;
	background:#527F24;
	padding:1px 4px 1px 4px;
}


/*** strankovani ****/

.strankovani {
	text-align:center;
	color:#aaa;
	margin:5px 0 15px 0;
	padding:0 10px 0 10px; 
	line-height:30px;
	height:30px;
	background:#FEFEFE;
	border:1px solid #ddd;
}
.strankovani span {
	font-weight:bold;
	color:#000;
	padding:2px 6px 2px 6px;
	border:2px solid #aaa;
}
.strankovani a.start {
	display:block;
	float:left;
}
.strankovani a.end {
	display:block;
	float:right;
}
.strankovani div.str-in {
	width:542px;
	text-align:center;
	float:left;
	margin:0 0 0 5px;
}
.strankovani .no {
	visibility:hidden;
}



/* hlink */

div#hlink {
	width:990px;
	margin:0 auto 0 auto;
	padding:25px 0 15px 0;
	font-size:90%;
	line-height:20px;
}
div#hlink ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
div#hlink li {
	list-style: none!important;
	background-image: none!important;
	display: inline;
	padding: 0 3px;
	color: #666;
}
div#hlink li a {
	color: #666;
	font-weight:normal;
}




.count {
	font-size:8px;
}



/*** like button ***/
#fb-like {width: 390px; height: 25px; margin-top: 10px}
.FBLike {width: 390px; height: 25px}
span.FBConnectButton_Simple, span.FBConnectButton_Text_Simple {display:block !important}