/*
    Project: CrystalX
    URL: http://www.nuvio.cz
    
    Output device: screen, projection
    
    Author: Vit Dlouhy (vit.dlouhy@nuvio.cz); Nuvio (www.nuvio.cz)
    Last revision: 2006-12-05, 12:00 GMT+1

    Structure:
        display | position | float | overflow | width | height | border | margin | padding | background | align | font
*/

* {min-height:1px;}
body {border:0; margin:0; padding:0; background:#1d3863; font:70%/160% "Trebuchet MS",Verdana,sans-serif; color:#000; _text-align:center;}

a {color:#053783;}
a:hover {color:#fff;}

p {border:0; margin:15px 0; padding:0;}

div {display:block; border:0; margin:0; padding:0;}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h2 {font-size:180%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h3 {font-size:120%; line-height:100%; font-weight:bold;}
h4 {font-size:120%;}
h5 {font-size:100%;}

table { display:table; border-collapse:collapse; margin:15px 0; padding:0; background: #676767; border: 1px solid #383838; }
table tr {display:table-row;}
table th, table td { margin: 0; padding: 7px 10px; vertical-align: middle; font-size: 12px; color: #e3e3e3; border: 0; border-bottom: 1px solid #757575; text-align:left; }
table th { background: url('../design/forum-bar.png') left top repeat-x #3a3a3a; text-align: center; }
table td.dark { background: #4f4f4f; text-align:center; font-weight:bold; }
table td.dark_yellow { background: #4f4f30; text-align:center; font-weight:bold; }
table td.yellow { background: #676730; text-align:center; font-weight:bold; }
table th a, table td a { color: #b6b6b6; }
table th a:hover, table td a:hover { color: #fff; text-decoration: none; }

ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0; _height:1px;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;}

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

/* Floating */
.f-left {float:left;}
.f-right {float:right;}

/* Text align */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

.va-middle {vertical-align:middle;}

.clear {clear:both;}
.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

.nom {margin:0;}
.noscreen {display:none;}

.ffix {
  position: relative; clear: both;
  margin: 0; padding: 0; width: 0;
  height: 0; font-size: 0; line-height: 0;
}

/* -----------------...........--------------------------------------------------------------------------------------- */

#mainwrapper { background: url('../design/body-bg-top.png') repeat-x center top #172e50; }
#logowrapper { background: url('../design/logo.jpg') no-repeat center top; }
#footwrapper { background: url('../design/body-bg-bottom.png') repeat-x center bottom; padding: 0 0 50px 0; }

#main { position: relative; width:952px; margin: 0 auto; padding-top: 180px; _text-align:left; }

/* Header */
#header {}

    /* Header - logo */
    #logolink {position:absolute; top:95px; left:25px; width:485px; height: 70px;}
    #logolink a {text-decoration: none;}
    
    /* Header - Search */
    #header #search {position:absolute; top:35px; right:20px;}
    #header #search form {position:relative;}
    #header #search #search-input-out {position:absolute; top:0; right:45px; width:155px; height:28px; margin:0; padding:0; border:0; background:url("../design/search_input.gif") 0 0 no-repeat; font:bold 90%/100% "verdana",sans-serif; color:#192666;}
    #header #search #search-input {width:140px; margin:5px 8px; padding:3px 0; border:0; background:#FFF; font:bold 100%/100% "verdana",sans-serif; color:#192666;}
    #header #search #search-submit {position:absolute; top:0; right:0px;}
    #header #search fieldset {margin:0; padding:0; border:0;}
    #header #search fieldset {width:200px;}
    #header #search legend {display:none;}

/* Main menu (tabs) */
#tabs { margin: 0; padding:0 5px; height: 42px; max-height: 42px; }

    #tabs > a {
      display: block;
      float: left;
      width: 135px; max-height: 135px;
      height: 42px; max-height: 42px;
      background-position: center top;
    }
    
    /* Main menu (tabs - hover) */
    #tabs > a:hover { background-position: center center; }
    
    /* Main menu (tabs - active) */
    #tabs > a.active { background-position: center bottom; }
    
    /* Main menu (tabs - images) */
    #tabs > a.dokumenty { background-image: url('../design/menu-dokumenty.png'); }
    #tabs > a.ankety { background-image: url('../design/menu-ankety.png'); }
    #tabs > a.clanky { background-image: url('../design/menu-clanky.png'); }
    #tabs > a.forum { background-image: url('../design/menu-forum.png'); }
    #tabs > a.odkazy { background-image: url('../design/menu-odkazy.png'); }
    #tabs > a.kontakt { background-image: url('../design/menu-kontakt.png'); }
    
    /* RSS feeds */
    #rss {
      position: relative;
      float: right;
      margin: 4px -5px 0 0;
      padding: 3px 3px 0 3px;
    }
    #rss img { margin: 0; padding: 0; cursor: pointer; }
    #rss:hover { background: #e9e9e9; }
    #rss:hover > div { display: block; }
    #rss > div {
      display: none;
      position: absolute;
      top: 31px; right: 0;
      background: #e9e9e9;
      padding: 2px;
      z-index: 100;
    }
    #rss > div > a {
      display: block;
      margin: 1px 0; padding: 5px 25px 5px 8px;
      line-height: 12px;
      color: #294c7e;
      letter-spacing: 1px;
      background: url('../design/rss-14.png') no-repeat 95% center;
      text-align: right;
      text-decoration: none;
    }
    #rss > div > a:hover { color: #fff; }


/* Rounded corners */
#rounds-top { height: 4px; background: url("../design/rounds-top.png") no-repeat; }
#rounds-bottom { height: 4px; background: url("../design/rounds-bottom.png") no-repeat; }

/* Page (2 columns) */
#page {  position: relative; background: url("../design/bg_page.png") repeat-y left top; _height:1px;}
#page_movie { background: #bababa; _height:1px;}
#page-in {  background:url("../design/bg_page_top.png") no-repeat left top; _height:1px;}
#page-in2 { padding: 10px 0 20px 0; background:url("../design/bg_page_bottom.png") no-repeat left bottom; _height:1px;}
#page-in2-side { padding: 10px 0 20px 0; background:url("../design/bg_page_bottom_side.png") no-repeat left bottom; _height:1px;}

/* Strip */
#strip {position:relative; clear:both; padding:3px 20px 10px 20px; color:#6182D1;}
#strip p {margin:0;}
#strip a {color:#6182D1;}
#strip a:hover {color:#192666;}

    /* Strip - breadcrumbs */
    #strip #breadcrumbs {width:520px; margin:0; padding:0;}

/* Content */
#content {float:left; width:665px; _width:665px; margin:0; padding:0 0 0 15px;}
#content_movie {float:left; width:900px; _width:900px; margin:10px 0 0 26px; padding: 0;}

    /* Content - article */
    #content .article  { clear:both; margin: 0; padding: 0px ;}
    
    #content .article div.title { height: 35px; margin: 10px 0 0 0; padding:0; background: url("../design/post-title.png") left top no-repeat; color:#192666;}
    #content .article div.title a { float: left; padding: 8px 0 0 40px; line-height: 18px; font-size: 18px; color: #efefef; text-decoration: none; }
    #content .article div.title a:hover { color: #fff; text-decoration: underline; }
    #content .article div.title img {float: right; margin: 5px 10px 0 0;}
    
    #content .article div.info { height: 25px; padding: 0 10px; line-height: 12px; background: #09253f; }
    #content .article div.info div { float: left; padding: 6px 20px 6px 21px; color: #a8aaac; }
    #content .article div.info div a { color: #438bb1; text-decoration: none; }
    #content .article div.info div a:hover { color: #fff; }
    #content .article div.info div.date { background: url('../design/info-time.png') left center no-repeat; }
    #content .article div.info div.cat { background: url('../design/info-cat.png') left center no-repeat; }
    #content .article div.info div.user { background: url('../design/info-author.png') left center no-repeat; }
    #content .article div.info div.comments { background: url('../design/info-comments.png') left center no-repeat; }
    
    #content .article div.text { position: relative; padding: 10px 10px 10px 10px; margin-bottom: 15px; line-height: 19px; background: url('../design/post-bg.png') left top repeat-x; border-bottom: 2px solid #2b4359; color: #06162a; }
    #content .article div.text img { float: left; height: 130px; margin: 0 15px 2px 0; }
    #content .article div.text a.btn-more { position: absolute; bottom: 0; right: 0; width: 139px; height: 29px; background: url('../design/button-more.png') right top no-repeat; }
    #content .article div.text a.btn-more:hover { background-position: right bottom; }

    .anketa img {float: left; height: 100px; padding:5px 10px 0px 0px;}
    .anketa hr {clear: both;}
    .vyzva {background-color: #676767; padding: 10px; border: solid 1px #383838; padding-top: 0px;}


    /* Content - article */
    #content_movie .article { clear:both; margin: 0; padding: 0; background: url("../design/icon-article.png") -5px 0 no-repeat; }
    #content_movie .article div.titlebar { padding: 0 0 13px 0; background: url('../design/line.png')  repeat-x left bottom; }
    #content_movie .article a.title { margin: 0 0 0 42px; font-size: 24px; line-height: 24px; color: #1e4263; text-decoration: none; }
    #content_movie .article a.title:hover { color: #fff; }
    #content_movie .article div.titlebar div.info { margin: 5px 0 0 46px; color: #fff; height: 15px; }
    #content_movie .article div.titlebar div.info div { float: left; padding: 3px 20px 3px 22px; line-height: 12px; color: #747474; }
    #content_movie .article div.titlebar div.info div a { color: #438bb1; text-decoration: none; }
    #content_movie .article div.titlebar div.info div a:hover { color: #fff; }
    #content_movie .article div.titlebar div.info div.date { background: url('../design/info-time.png') left center no-repeat; }
    #content_movie .article div.titlebar div.info div.comments { background: url('../design/info-comments-dark.png') left center no-repeat; }
    #content_movie .article div.text { padding: 10px 3px; font-size: 12px; color: #000; }
    #content_movie .article div.videowrapper { padding: 0 67px 43px 68px; background: url('../design/video-wrapper.png') left bottom no-repeat; text-align: center; }
    #content_movie .article div.video { padding: 15px; background: #1e1e1e; text-align: center; }
    #content_movie .article div.video div.info { margin: -15px -15px 15px -15px; background: #9c9c9c; font-size: 11px; line-height: 20px; color: #1e1e1e; text-align: center; }
    #content_movie .article div.video div.info a { color: #1e1e1e; text-decoration: underline; }
    #content_movie .article div.video div.info a:hover { color: #fff; text-decoration: none; }
    
    #content_movie .article div.text img {float: left; height: 100px; padding:5px 10px 0px 0px;}
    #content_movie .article img.star {float:none; height: 10px; padding:none}
    #content_movie .article img.captcha {float:none; height: 22px; width: 88px; padding:none}
    
    #content_movie .article div.comments-title { margin: 0; padding: 5px 0 17px 45px; font-size: 18px; line-height: 18px; color: #19334b; background: url('../design/icon-comments.png') left top no-repeat; }
    #content_movie .article div.add-comment-button { float: right; width: 117px; height: 26px; margin: 0; background: url('../design/button-add-comment.png') right top no-repeat; cursor: pointer; }
		
    /* Content - Comments */
    #new_comment {display:none;}

    /* Content - More */
    #content_movie .btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;}
    #content_movie .btn-more a {display:block; position:absolute; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("../design/btn_more.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;}
    #content_movie .btn-more a:hover {background:url("../design/btn_more.gif") -95px 0 no-repeat;}
    
    /* Content - article icons */
    .icon-forum { background-image: url('../design/icon-forum.png') !important; }
    .icon-odkazy { background-image: url('../design/icon-odkazy.png') !important; }
    .icon-kontakt { background-image: url('../design/icon-kontakt.png') !important; }
    .icon-anketa { background-image: url('../design/icon-anketa.png') !important; }
    
/* Right column */
#col { float:right; width:256px; margin: 0 9px 0 0; padding:0; background: url("../design/side-top.png") no-repeat right top;}
#col-in {padding: 45px 8px 20px 8px; background:url("../design/side-bottom.png") no-repeat right bottom;}

    /* Right column - Category */
    #col ul#category {margin:15px 0; padding:0; list-style:none;}
    #col ul#category li {margin:0; padding:0;}
    #col ul#category li a {display:block; font-size: 12px; line-height: 15px; padding: 8px 0 8px 33px; background: url("../design/side-link-normal.png") left center no-repeat; text-decoration:none; color: #cdcdcd; }
    #col ul#category li a:hover {background: url("../design/side-link-hover.png") left center no-repeat; color:#fff;}
    #col ul#category li#category-active a {  font-size: 12px; line-height: 15px; padding: 12px 0 13px 33px; background: url("../design/side-link-active.png") left center no-repeat; font-weight:bold; color: #0a2548; }
    
    /* Right column - Archive */
    #col ul#archive {margin:15px 0; padding:0; list-style:none;}
    #col ul#archive li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #col ul#archive li a {display:block; padding:3px 0 3px 22px; background:url("../design/ico_archive.gif") 5px 50% no-repeat; text-decoration:none;}
    #col ul#archive li a:hover {background-color:#D3DFF8; color:#192666;}
    #col ul#archive li#archive-active a {background:#E0E8FA url("../design/ico_archive2.gif") 5px 6px no-repeat; font-weight:bold;}
    
    /* Right column - Links */
    #col ul#links {margin:15px 0; padding:0; list-style:none;}
    #col ul#links li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #col ul#links li a {display:block; padding:3px 0 3px 22px; background:url("../design/ico_links.gif") 5px 6px no-repeat; text-decoration:none;}
    #col ul#links li a:hover {background-color:#D3DFF8; color:#192666;}

/* Footer */
#footer { margin-top: 5px; position:relative; clear:both; height:80px; line-height: 40px; letter-spacing: 1px; text-align: center; background:url("../design/footer.png") 0 0 no-repeat; color:#a0afc4;}
#footer a { color: #1895d5 }
#footer a:hover { color: #fff; text-decoration: none; }
#footer div.go-top { float: right; margin: 10px 10px 0 0; width: 23px; height: 25px; background: url('../design/go-top.png') center top no-repeat; cursor: pointer; }
#footer div.go-top:hover { background-position: center bottom; }


/* Comment */
div.comment { margin: 15px 0 5px 0; padding: 0 0 4px 0; background: url("../design/comment-bottom.png") left bottom no-repeat; }
div.comment div.comment-title { height: 28px; background: url("../design/comment-top.png") left bottom no-repeat; padding-left: 0 0 20px 0; }
div.comment div.comment-title div.nick { float: left; padding: 0 0 0 5px; font-size: 14px; line-height: 14px; font-weight: bold; color: #30465b; }
div.comment div.comment-title img.star { float: left; height: 18px !important; margin: -7px 0 -6px 15px; }
div.comment div.comment-title div.date { float: right; margin: 10px 0 -10px 0; font-size: 11px; line-height: 11px; color: #5b5a5a; }
div.comment div.comment-text { position: relative; background: #e6e6e6; border-left: 1px solid #9d9d9d; border-right: 1px solid #9d9d9d; padding: 30px 18px 12px 18px; }
div.comment div.comment-text div.reaction { position:absolute; right: 0px; top: -3px; background: url("../design/button-reaction.png") right top no-repeat; width: 139px; height: 29px; cursor: pointer; cursor: hand;}
div.comment div.comment-text div.reaction:hover {background: url("../design/button-reaction.png") right bottom;}
div.comment div.comment-text div.reactions {background-color: #bababa; padding: 10px;}
div.comment div.comment-text div.reactions div.title {height: 28px; background: url("../design/comment-top.png") left bottom no-repeat; padding-left: 0 0 20px 0; }
div.comment div.comment-text div.reactions div.title div.nick {font-size: 14px; line-height: 14px; font-weight: bold; color: #30465b;}
div.comment div.comment-text div.reactions div.title div.date {position:relative; top:-3px; float:right; font-size: 11px; line-height: 11px; color: #5b5a5a; }
div.comment div.comment-text div.reactions div.single-reaction { position: relative; background: #e6e6e6; border-left: 1px solid #9d9d9d; border-right: 1px solid #9d9d9d; padding: 10px 18px 12px 18px; margin-bottom: 10px;}

#kontakt_table{width: 100%;}

#net_agent{ margin-top: 30px; width: 100%; text-align: center;}

div.add-vlakno-button { float: right; clear: both; width: 117px; height: 26px; margin: 0 0 0 0; background: url('../design/button-add-vlakno.png') right top no-repeat; cursor: pointer; }
div.add-koment-button { float: right; clear: both; width: 117px; height: 26px; margin: 0 0 0 0; background: url('../design/button-add-comment.png') right top no-repeat; cursor: pointer; }

#threads { margin: 10px 0 -5px 0; }
#threads #threads_table { margin: 5px 0; }
#threads #threads_table td.dark { width: 110px; min-width: 110px; text-align: left; }

#threads_table{ width: 100%; }
#threads_table td div.time { font-size: 10px; line-height: 10px; text-align: left; font-weight: normal; margin: 0; padding: 3px 0 3px 17px; background: url('../design/info-time.png') left center no-repeat; color: #b0b0b0; white-space: nowrap; }
#threads_table td a.topic { float: left; font-size: 13px; font-weight: bold; line-height: 13px; text-decoration: none; padding: 3px 15px 3px 30px; background: url('../design/topic-icon.png') left center no-repeat; }
#threads_table td a.topic:hover { color: #fff; }
#threads_table td div.new { float: right; width: 50px; height: 25px; background: url('../design/post-novy.png') center center no-repeat;  }

/* Share links */
div.share {
  position: relative;
  width: 67px; height: 23px;
  float: right !important;
  font-size: 12px;
  line-height: 23px !important;
  color: #c0c0c0 !important;
  margin: 0 0 0 0 !important;
  padding: 0 25px 0 0 !important;
  background: url('../design/share-bg.png') no-repeat right top;
  text-align: right;
  cursor: pointer;
}
div.share:hover { color: #fff !important; }
div.share:hover > div { display: block; }
div.share > div {
  display: none;
  position: absolute;
  top: 20px; right: 0;
  width: 100px;
  background: #09253f;
  padding: 7px !important;
  z-index: 100;
}
div.share > div > a {
  display: block;
  margin: 0; padding: 6px 10px;
  line-height: 12px;
  color: #2785b7;
  border-bottom: 1px solid #0b4d70;
  text-align: left;
  text-decoration: none;
}
div.share > div > a > img { display: block; float: left; margin: -1px 10px -1px 0; }
div.share > div > a:hover { color: #fff; background: #0e3551; }

#video
{
	width:675px;
	height:400px;
}

.nove_video
{
	color: #ff0000;
	font-weight: bold;
}

.forum_hvezdicka
{
	color: #f70;
}

.ban
{
	background-color: #faa;
	margin-bottom: 20px;
}

.banner
{
	position: absolute;
	left: 370px;
	top: 10px;
}