/*** 1 - obecné definice ******************************************************/

body {
  background:#000 url("/images/bg.gif") repeat-x; 
  font:90% Arial, sans-serif;
  color:#fff;
}

* {
  padding:0;
  margin:0;
  _text-align: center;
}

p {text-align:justify;}

fieldset {border:none;float:left;background:none;}

a {
  color:#fff;
  text-decoration:underline;
}

a:hover {
  color:#fff;
  text-decoration:underline;
}

a img {
  border:none;
}

.login_table {width: 100%}
.login_text {height: 25px; _height: 29px;}
.input_login {margin-bottom: 6px}
#xcm {height: 600px; overflow-y:auto;overflow-x:hidden; background-color: #efefef; text-align: left;}
#xcm * {text-align: left}

.clearfloat {
	clear:both;
  height:0;
  display:block;
  font-size:0%;
  line-height:0;
	overflow:hidden;
}



/*** 2 - #container ***********************************************************/

#container {
  width:950px;
  margin:0 auto;
  position:relative;
}

#container * {_text-align: left}


/*** 3 - #header **************************************************************/

#header {
  height:129px;
  overflow:hidden;
  position:relative;
}

#header #logo {
  position:absolute;
  left:30px;
  top:5px;
}
#header #logo a {
  width:315px;
  height:87px;
  display:block;
  background:url("/images/logo.png") no-repeat;
}
#header #logo span {display:none;}

#header #reklama-top {
  position:absolute;
  right:10px;
  top:19px;
}


/* menu */

#header #menu {
  position:absolute;
  top:101px;
  list-style:none;
  padding-left:10px;
}
#header #menu li {display:inline;list-style:none;}
#header #menu li a {
  float:left;
  display:block;
  color:#000;  
  text-decoration:none;
  text-transform:uppercase;
}
#header #menu li a span {
  float:left;
  display:block;
  height:28px;
  line-height:30px;
  cursor:pointer;
}
#header #menu li a span.menu-l {width:16px;background:url("/images/menu1-l.gif") no-repeat;}
#header #menu li a span.menu-r {width:3px;background:url("/images/menu1-r.gif") no-repeat;}
#header #menu li a span.menu-c {padding-right:7px;background:url("/images/menu1-c.gif") repeat-x;}
#header #menu li a.active span.menu-l {background:url("/images/menu1-active-l.gif") no-repeat;}
#header #menu li a.active span.menu-r {background:url("/images/menu1-active-r.gif") no-repeat;}
#header #menu li a.active span.menu-c {background:url("/images/menu1-active-c.gif") repeat-x;}
#header #menu li a.active {color:#fff;}
#header #menu li a.second {color:#fff;height:28px;line-height:30px;padding-left:20px;}
#header #menu li a:hover {text-decoration:underline;}


/* menu2 */

#header #menu2 {
  position:absolute;
  top:105px;
  right:0px;
  list-style:none;
  padding-right:10px;
}
#header #menu2 li {display:inline;list-style:none;}
#header #menu2 li a {
  float:left;
  display:block;
  color:#000;  
  text-decoration:none;
  text-transform:uppercase;
  font-size:80%;
}
#header #menu2 li a span {
  float:left;
  display:block;
  height:24px;
  line-height:26px;
  cursor:pointer;
}
#header #menu2 li a span.menu-l {width:14px;background:url("/images/menu2-l.gif") no-repeat;}
#header #menu2 li a span.menu-c {padding-left:3px;padding-right:12px;background:url("/images/menu2-c.gif") repeat-x;}
#header #menu2 li a.active span.menu-l {background:url("/images/menu2-active-l.gif") no-repeat;}
#header #menu2 li a.active span.menu-c {background:url("/images/menu2-active-c.gif") repeat-x;}
#header #menu2 li a.active {color:#fff000;}
#header #menu2 li a:hover {text-decoration:underline;}



/*** 4 - #main ****************************************************************/

#main {
  padding-top:8px;
  padding-bottom:8px;
  background:#000;
}
#main #reklama-r {
  position:absolute;
  right:-130px;
}
#main #reklama-l {
  position:absolute;
  left:-130px;
}

#main #content {
  width:693px;
  float:left;
}

#main #content h1 {
  width:653px;
  margin-bottom:10px;
  margin-top:5px;
  height:25px;
  line-height:25px;
  display:block;
  padding-left:30px;
  font-weight:normal;
  font-size:150%;
  background:url("/images/ico-superstar.gif") 5px center no-repeat;
}
#main #content .h2 {
  width:653px;
  margin-bottom:10px;
  margin-top:5px;
  height:25px;
  line-height:25px;
  display:block;
  padding-left:30px;
  font-weight:normal;
  font-size:150%;
  background:url("/images/ico-superstar.gif") 5px center no-repeat;
}
#main #content h1 .breadcrumbs {float:right;}
#main #content h1 .breadcrumbs * {
  float:left;
  font-size:60%;
  text-decoration:none;
  color:#47a0c1;
}
#main #content h1 .breadcrumbs span {width:20px;height:25px;display:block;background:url("/images/ico-sipka.gif") center center no-repeat;}
#main #content h1 .breadcrumbs a:hover {text-decoration:underline;}

#main #content #videolista {padding-top:10px;color:#797979;clear:both;display:block;}
#main #content #videolista .vstars {float:left;margin-right:5px;}
#main #content #videolista .vstars .star {float:left;margin-right:2px;display:block;width:20px;height:25px;background:url("/images/ico-superstar.gif") no-repeat;}
#main #content #videolista .vstars .star.off {background:url("/images/ico-superstaroff.gif") no-repeat;}
#main #content #videolista .hodnoceni {float:left;display:block;line-height:18px;}
#main #content #videolista .zhlednuti {float:right;display:block;line-height:18px;}

#main #content #komentare {padding-top:10px;padding-bottom:10px;}
#main #content h2.nadpis {font-weight:normal;font-size:140%;}
#main #content #komentare .comment {padding:5px 0 0 20px;background:url("/images/ico-comment.gif") 10px 10px no-repeat;}
#main #content #komentare .comment .hlava {color:#797979;}
#main #content #komentare .comment p {padding-top:3px;color:#797979;}
#main #content #komentare .comment .hlava a {color:#fff;font-weight:bold;text-decoration:none;}
#main #content #komentare .comment .hlava a:hover {text-decoration:underline;}

#main #content .videa {padding-top:10px;}
#main #content .videa .videa-box {
  width:173px;
  height:180px;
  float:left;
  position:relative;
  background:url("/images/video-line.png") right top no-repeat;
  text-align:center;
}
#main #content .videa .videa-box.last {background:none;}
#main #content .videa .videa-box a.vnadpis {line-height:150%;text-decoration:none;font-weight:bold;}
#main #content .videa .videa-box a.vnadpis:hover {text-decoration:underline;}
#main #content .videa .videa-box .vstars {position:absolute;right:12px;bottom:20px;}
#main #content .videa .videa-box .vstars .star {float:left;display:block;width:12px;height:13px;background:url("/images/ico-star.png") no-repeat;}

#main #content #uvodpanel #uvodprava {float:right;}

#uvodnova {margin-bottom:5px;width:285px;float:left;}
#uvodnova #uvodnova-t {position:relative;height:30px;clear:both;background:url("/images/u-panel2-t.gif") no-repeat;position:relative;}
#uvodnova #uvodnova-t h2 {position:absolute;font-weight:normal;left:17px;bottom:0;font-size:130%;}
#uvodnova #uvodnova-t a {position:absolute;right:14px;top:13px;text-decoration:none;}
#uvodnova #uvodnova-t a span {text-transform:uppercase;color:#47a0c1;}    
#uvodnova #uvodnova-c {
  padding:10px 0px 0px 17px;
  width:268px;
  clear:both;
  background:url("/images/u-panel2-c.gif") repeat-y;
  position:relative;
}
#uvodnova #uvodnova-b {height:8px;clear:both;background:url("/images/u-panel2-b.gif") no-repeat;font-size:0;}
#uvodnova #uvodnova-c .video {
  width:268px;
  height:90px;
  position:relative;
}
#uvodnova #uvodnova-c .video.even {background:url("/images/bg-nove.gif") 27px 0 repeat-y;}
#uvodnova #uvodnova-c .video .vimage {
  position:absolute;
  top:5px;
}
#uvodnova #uvodnova-c .video a.vnadpis {
  position:absolute;
  left:110px;
  width:146px;
  top:5px;
  text-decoration:none;
  font-weight:bold;
}
#uvodnova #uvodnova-c .video a.vnadpis:hover {text-decoration:underline;}
#uvodnova #uvodnova-c .video p.vpopis {
  position:absolute;
  left:110px;
  top:28px;
  width:146px;
  line-height:100%;
  color:#797979;
  font-size:90%;
}
#uvodnova #uvodnova-c .video .vstars {position:absolute;right:12px;bottom:5px;}
#uvodnova #uvodnova-c .video .vstars .star {float:left;display:block;width:12px;height:13px;background:transparent url("/images/ico-star2.gif") no-repeat;}




#uvodcat {margin-bottom:5px;width:401px;}
#uvodcat #uvodcat-t {height:30px;clear:both;background:url("/images/u-panel1-t.gif") no-repeat;position:relative;}
#uvodcat #uvodcat-t h2 {position:absolute;font-weight:normal;left:17px;bottom:0;font-size:130%;}    
#uvodcat #uvodcat-c {
  padding:10px 12px 10px 17px;
  width:372px;
  _width: 403px;
  clear:both;
  background:url("/images/u-panel1-c.gif") repeat-y;
  position:relative;
}
#uvodcat #uvodcat-b {height:8px;clear:both;background:url("/images/u-panel1-b.gif") no-repeat;font-size:0;}
#uvodcat #uvodcat-c ul {width:93px;float:left;list-style:none;}
#uvodcat #uvodcat-c ul li {list-style:none;}
#uvodcat #uvodcat-c ul li a {color:#47a0c1;text-decoration:none;line-height:115%;}
#uvodcat #uvodcat-c ul li a:hover {text-decoration:underline;}

#main #content #uvodbanner1, #main #content #uvodbanner2 {
  width:197px;
  height:95px;
  position:relative;
  float:left;
  background:url("/images/banner-1.jpg") no-repeat;
} 
#main #content #uvodbanner2 {margin-left:4px;width:200px;background:url("/images/banner-2.jpg") no-repeat;}
#main #content #uvodbanner1 span, #main #content #uvodbanner2 span {
  position:absolute;
  font-weight:bold;
  font-size:160%;
  right:12px;
  top:15px;
}
#main #content #uvodbanner1 a, #main #content #uvodbanner2 a {
  position:absolute;
  font-weight:bold;
  font-size:100%;
  right:12px;
  top:57px;
  height:24px;
  line-height:24px;
  display:block;
  text-decoration:none;
}


/* rightpanel */

#main #rightpanel {
  width:250px;
  float:right;
}

#main #rightpanel .box {width:250px;margin-bottom:7px;}
#main #rightpanel .box .box-t {height:22px;padding-top:8px;width:250px;background:url("/images/r-panel-t.gif") no-repeat;}
#main #rightpanel .box .box-t h2 {font-weight:normal;margin-left:17px;font-size:130%;}    
#main #rightpanel .box .box-c {
  padding:10px 12px 10px 15px;
  width:223px;
  _width:250px;
  clear:both;
  background:url("/images/r-panel-c.gif") repeat-y;
}
#main #rightpanel .box .box-b {height:8px;clear:both;background:url("/images/r-panel-b.gif") no-repeat;font-size:0;}

#main #rightpanel .box#login table {padding-bottom:5px;}
#main #rightpanel .box#login table td {text-align:right;padding-left:5px;}
#main #rightpanel .box#login table input {width:130px;}
#main #rightpanel .box#login #btn-login {
  float:right;
  width:60px;
  height:30px;
  border:none;
  cursor:pointer;
  background:url("/images/btn-login.png") no-repeat;
}
#main #rightpanel .box#login a {float:left;text-decoration:none;display:block;line-height:30px;padding-left:15px;}
#main #rightpanel .box#login a:hover {text-decoration:underline;}

#main #rightpanel .box#search form {margin-left:5px;width:210px;height:21px;background:#fff;}
#main #rightpanel .box#search form fieldset #inp-search {
  border:0px;
  width:183px;
  float:left;
}
#main #rightpanel .box#search form #btn-search {
  float:right;
  width:27px;
  height:21px;
  border:none;
  cursor:pointer;
  background:url("/images/btn-search.png") no-repeat;
}
#main #rightpanel .box#search a {display:block;width:215px;text-align:right;margin-top:5px;text-decoration:none;}
#main #rightpanel .box#search a:hover {text-decoration:underline;}

#main #rightpanel .box#kategorie ul {list-style:none;padding-left:10px;}
#main #rightpanel .box#kategorie ul li a {
  padding-left:10px;
  height:20px;
  line-height:20px;
  display:block;
  font-weight:bold;
  text-decoration:none;
  background:url("/images/ico-odrazka.gif") 0 center no-repeat;
}
#main #rightpanel .box#kategorie ul li a:hover {text-decoration:underline;}

#main #rightpanel .box#novavidea .box-t {position:relative;position:relative;}
#main #rightpanel .box#novavidea .box-t a {position:absolute;right:14px;top:13px;text-decoration:none;}
#main #rightpanel .box#novavidea .box-t a span {text-transform:uppercase;color:#47a0c1;}    
#main #rightpanel .box#novavidea .box-c {
  padding:10px 0px 0px 0px;
  width:250px;
  clear:both;
}
#main #rightpanel .box#novavidea .box-c .video {
  width:250px;
  height:90px;
  position:relative;
}
#main #rightpanel .box#novavidea .box-c .video.even {background:url("/images/bg-nove2.gif") 9px 0 repeat-y;}
#main #rightpanel .box#novavidea .box-c .video .vimage {
  position:absolute;
  left:10px;
  top:2px;
}
#main #rightpanel .box#novavidea .box-c .video a.vnadpis {
  position:absolute;
  left:110px;
  width:125px;
  top:5px;
  text-decoration:none;
  font-weight:bold;
  font-size: 13px;
}
#main #rightpanel .box#novavidea .box-c .video a.vnadpis:hover {text-decoration:underline;}
#main #rightpanel .box#novavidea .box-c .video p.vpopis {
  position:absolute;
  left:110px;
  top:28px;
  width:125px;
  line-height:100%;
  color:#797979;
  font-size:90%;
}
#main #rightpanel .box#novavidea .box-c .video .vstars {position:absolute;right:12px;bottom:5px;}
#main #rightpanel .box#novavidea .box-c .video .vstars .star {float:left;display:block;width:12px;height:13px;background:transparent url("/images/ico-star2.gif") no-repeat;}

#main #rightpanel .box#popisek .box-c a {text-decoration:none;}
#main #rightpanel .box#popisek .box-c a:hover {text-decoration:underline;}
#main #rightpanel .box#popisek .box-c {padding:10px 12px 10px 17px;width:221px; _width: 250px;}
#main #rightpanel .box#popisek .box-c .autor {font-weight:bold;float:left;display:block;}
#main #rightpanel .box#popisek .box-c .datum {float:right;color:#797979;display:block;padding-bottom:5px;}
#main #rightpanel .box#popisek .box-c p.popis {clear:both;color:#797979;padding-bottom:10px;}
#main #rightpanel .box#popisek .box-c .cat {color:#797979;display:block;padding-bottom:5px;}
#main #rightpanel .box#popisek .box-c .tags {color:#797979;display:block;}



/*** 5 - #footer **************************************************************/

#footer {
  height:58px;
  clear:both;
  background:url(/images/footer.gif) repeat-x;
}
#footer #footer2 {
  width:950px;
  margin:0 auto;
  position:relative;
}
#footer #footer2 a {font-size:90%;color:#fff;text-decoration:none;}
#footer #footer2 a:hover {text-decoration:underline;} 
#footer #footer-logo {
  position:absolute;
  top:15px;
  left:23px;
  padding-left:80px;
  height:26px;
  line-height:26px;
  display:block;
  background:url(/images/logo-footer.gif) no-repeat;
}

#footer #footer-r {
  position:absolute;
  right:25px;
  top:15px;
  height:26px;
  line-height:26px;  
}

.login_table td.no{background-color:#900}