@import url('/css/tabs.css');
@import url('/css/hs_inzerts.css');
/*body,html { overflow:auto; }*/ /* pak odstranit - z duvodu ladeni */

/* ********************************************************************* 
							Obecne definice
  ********************************************************************* */
body {font-family: Arial; font-size: 70%; background: url('/images/bg_body.gif') #F7F7F7; margin:0; padding:0; text-align:center; }
form,input,select { margin:0; padding:0; font-size:100%; font-family: Arial; }
img {border: 0;}
div { text-align:left; }
td, th {font-size: 100%;}
a {color: #2B8DC7; text-decoration: underline;}
a:hover {text-decoration: none; color: #C33B27;}
h1 {font-family:Tahoma; text-align:left, padding: 0; margin: 0 0 20px 0; font-size: 145%; font-weight:weight; color: #88B51D /*#2B8DC7*/;}
h2 { font-weight:bold; color:#8FB524;font-size:140%; margin:0 0 5px 0; }
xmp {border: solid 1px #ccc; background: #FCFDFC; padding: 5px;}

#all { width:975px; margin:0 auto 0 auto; background: #fff; text-align: left;}
#logo-menu { height:80px; color: #626262; margin: 0 auto 1px auto;}
#logo-menu a.logo { display:block; float:left; margin: 7px 0 0 5px;}
#logo-menu img { border:0; }		
.slogan {font-size: 140%; color: #999; position: absolute; margin: 30px 0 0 220px; _margin-left: 10px;}

#topic-part {background: #2B8DC7; color:#fff; margin:0 auto 0 auto;  padding: 7px 7px 2px 7px; border-bottom:1px solid #fff; _height: 52px;}
#topic-part a { color:#fff; }

/* ********************************************************************* 
						 Prihlasovaci formulare
  ********************************************************************* */
#login-form { width:235px; float:right; margin-top:1px; font-family:Tahoma; }
#login-form * { display:block; float:left; }
#login-form .space { clear:both; font-size:6px; line-height:0; }
#login-form span { width:37px; margin:1px 0 1px 0; }
#login-form input.text { width:138px; height:17px; margin-right:8px;border:1px solid #BFBFBF; background:#fff; margin-bottom:7px; }
#login-form input.submit { width:44px; color:#fff; height: 17px; border:1px solid #fff; background:#88B51D; cursor:pointer; }

  
#menu-top { display:block; float:right; margin:0; padding:0; }
#menu-top li { display:block; float:left; list-style-type:none; background: url('/imgs/ul-bg.gif')  }

.quicknav {margin: 0 0 5px 0; padding: 0;}

/*#menu-part {background: #88B51D; color: #fff; line-height: 27px; text-align: right; padding: 0 15px 0 0; margin:auto;}
#menu-part a {color: #fff; text-decoration: none; dislay: block; float: left; line-height: 27px; padding: 0 15px 0 15px;}
#menu-part a:hover, #menu-part a.active {text-decoration: underline; background: #709615;}*/
#content-part { padding: 0 10px 10px 10px; width:955px; background:#fff; border-bottom: solid 5px #88B51D;}
#content-part .content-text {font-size: 110%;}
#footer {width: 950px; padding: 10px; margin: auto; text-align: center;}
#footer a {text-decoration: underline;}
#footer a:hover {color: #C33B27; text-decoration: none;}
.cl {clear:both; line-height:0; font-size:0;}

.menu-genders { float:left; width:955px; background: url("/images/ul-bg.gif") repeat-y; margin:3px 0 0 0; padding:0 10px 0 10px; }
.menu-genders li { display:block;float:left;padding:2px 10px 2px 0px;width:140px;list-style-type:none; }
.menu-genders li.row-3 { padding-right:40px; }
.menu-genders a { color:#2A2A2A; text-decoration:underline; }
.menu-genders a:hover { color: #2B8DC7; text-decoration:none; }

#loadwindow { background: white; position: absolute; margin: 0 0 0 250px; top: 200px; width: 400px; height: 70px; border: solid 4px #A9E800; z-index: 200; }

/* ********************************************************************* 
								Profil autora
  ********************************************************************* */
#author-profile { width:610px; float:left; color:#626262; background:#F5F5F5; padding:6px 6px 40px 6px; margin:6px 20px 0 0; border: solid 1px #E4E4E4;}
#author-profile-photo { width:257px; border:1px solid #E1E1E1; background:#fff; text-align:center; padding:7px 0 7px 0; margin-bottom:25px; overflow:auto; }
#ap-left { float:left; width:267px; } 
#ap-left strong { margin-left:10px; }
#description { float:left; width:332px; }
#author-player {  float:left; padding-top:5px; width:310px; }

/*
	horni reklamni banner
*/
#reklama-top {width: 468px; height: 60px; float: right; margin: 10px 10px 0 0;}

/*
	obecne prvky
*/
.submit-button { background: #8CB518; border: solid 1px #fff; color: #fff; vertical-align: middle; cursor: pointer;}
.submit-button-blue { background: #2B8DC7; border: solid 1px #005689; color: #fff; vertical-align: middle; cursor: pointer;}
.submit-button-gray { background: #F5F5F5; border: solid 1px #E1E1E1; color: #000; cursor: pointer; vertical-align: middle; cursor: pointer;}
.info-success, .info-failed, .info-gray {padding: 10px; text-align: center; font-weight: bold; font-size: 110%;}
.info-success {border: solid 4px #2B8DC7;}
.info-failed {border: solid 4px red;}
.info-gray {border: solid 4px #D5D5D5;}

.left-pylon, .right-pylon {width: 460px; background: #F5F5F5; padding: 5px;  border: solid 1px #E4E4E4; /*margin-top: 35px;*/}
.left-pylon a:hover, .right-pylon a:hover {color: #C33B27;}
.left-pylon {float: left; margin-top: 10px; margin-bottom: 10px;}

.right-pylon {margin-left: 10px; float: right; margin-top: 10px; margin-bottom: 10px;}
.right-pylon h2, .left-pylon h2 {/*position: absolute; margin: -30px 0 0 0;*/ /*color: #2B8DC7;*/ /*z-index: 1000;*/}
.right-pylon .news-item {margin: 0 0 10px 0; border-bottom: dotted 1px #D1D1D1; padding: 0 0 5px 0;}
.right-pylon .news-item img {float: right; display: block; margin: 5px 5px 0 5px;}
.right-pylon .news-item p {padding: 0; margin: 0;}

/* ********************************************************************* 
							komentare, diskuze
  ********************************************************************* */
.comments {background: #F5F5F5; border: solid 1px #E1E1E1; padding: 2px 0 2px 2px;}
.comment-item {border-left: solid 2px #8B8B8B; border-top: solid 1px #E1E1E1; border-bottom: solid 1px #E1E1E1; padding: 5px 0px 5px 5px; margin-left: 5px; margin-right: 0; margin-left: 0px; background: #fff;}
.comment-item h4 {color: #C34444; font-size: 110%; margin: 0 0 5px 0; padding: 2px 2px 2px 5px; background: #F5F5F5;}
h4.comment-root {background: #2B8DC7; color: #fff;}
.comment-item .not-registered {font-style: italic; display: block; font-size: 110%;}
.comment-item .not-registered strong {font-style: normal;}
.comment-item .citation {padding: 15px;}
.comment-item .comment-text {padding: 7px 0 5px 4px; font-size: 110%;}
.comment-react-from {text-align: right; padding: 4px;}
.comments-table { width: 450px;; background: #F5F5F5; border: solid 1px #E4E4E4; margin: auto; margin-top: 20px; }
.comments-table input.name, .comments-table textarea  {width: 250px; background: #fff; border: solid 1px #A6A6A6;}
.comments-table input.name {height: 16px; padding: 2px 0 0 4px;}
.comments-table textarea {height: 150px; padding: 2px;}
.comments-table th {text-align: right;}
.comments-table td, .comments-table th {padding: 5px; vertical-align: top;}
.comments-table .comments-smiles img {padding: 2px;}
.comments-table .comments-smiles {width: 430px;}

/*
	MP3
*/
.mp3-download {text-align: center; font-size: 150%;}
.tables {width: 100%; border: solid 1px #BFBFBF; margin-bottom: 10px;}
.tables td {font-size: 11px; border: solid 1px #F0F0F0; padding: 2px 0 0 5px;}
.tables tr:hover {background: #E9E9E9;}
.tables th {background: #E3E3E3; color: #000; text-align: center; font-weight: normal;}
.tables td.available {text-align: center; vertical-align: middle; height: 13px;}
.tables td.available img {margin: 3px 0 0px 0; _margin: 0;}

.video-play {text-align: center; background: #F5F5F5; width: 60%; border: solid 1px #E4E4E4; margin: auto;}
.video-play h4 {font-size: 140%; color: #C33B27;}

/*
	popup menu
*/
.adv-tabs {background: #88B51D; color: #fff; height: 27px; border-bottom: solid 2px #709615;}
.adv-tabs ul {margin: 0; padding: 0;}
.adv-tabs a {color: #fff; text-decoration: none;}
.adv-tabs a:hover {text-decoration: underline; color: #FF5C01;}


.adv-tabs ul {list-style-type: none; background: #88B51D;}
.adv-tabs ul li.item {float: left; padding: 2px 10px 2px 10px; behavior: url('/css/hovermenu.htc'); background: url('/images/bg_tabitem.gif') no-repeat;}
.adv-tabs ul li.item a {display: block; padding: 5px;}
.adv-tabs ul li.item a:hover, .adv-tabs ul li.item a.active {background: #709615; color: #fff;}
.adv-tabs ul li ul li {float: none; clear: both;}
.adv-tabs ul.subitem {display: none; behavior: url(hovermenu.htc); margin: 26px 0 0 0; width: 165px; padding: 0 0 0 0; position: absolute;}

.adv-tabs ul li:hover ul.subitem {display: block;}
.adv-tabs ul li.itemHover ul.subitem {display: block; padding: 0 0 0 0; position: absolute; margin: 27px 0 0 0;}

.adv-tabs h3 {margin: 0; padding: 0; font-size: 110%;}
.adv-tabs .subitem li {padding: 0px; margin: 0; border-bottom: solid 1px #7BA41A;}

/*
	quick search
*/

.top-search { position: absolute; background: url('/images/bg_dotted.gif') no-repeat top right; padding: 12px 0 0 0; margin: 2px 0 0 5px; width: 380px; height: 34px; }
.top-search .submit { background: #8CB518; border: solid 1px #fff; color: #fff; vertical-align: middle; }
.top-search select, .top-search .input-search { border: solid 1px #BCBCBD; height: 16px; vertical-align: middle;}


.left-part {width: 70%; float: left; background: url('/images/bg_comments.png') repeat-y;}
.comments-item, .comments-item-reg {border-top: solid 1px #88B51D; clear: both; }
.comments-item-reg {background: url('/images/bg_comments_reg.png') repeat-y; text-align: center;}
.comments-user {width: 16%; float: left; padding: 10px; color: #333;}
.comments-user strong {font-size: 120%;}
.comments-item-reg .comments-user strong {color: #739919; font-size: 120%;}
.comments-item-reg .comments-user {text-align: center;}

.comments-content {width: 78%; float: left; margin:  10px 0 0 10px;}
.comments-content-quote {font-size: 90%; color: #666; background: url('/images/bg_quote.png') no-repeat; padding: 0 0 0 25px; width: 90%; font-style: italic;}
.comments-content-quote strong {font-size: 110%;}
.comments-content-text {width: 90%; padding: 10px 0 10px 15px;}
.comments-nav {text-align: right; border-bottom: dashed 1px #ccc; padding: 0 0 4px 0; margin-bottom: 10px;}
.comments-nav span {float: left; color: #878787; font-size: 90%; font-style: italic;}
.right-part {width: 30%; float: left; text-align: center;}

/*
	leve menu
*/

ul.menu {background: #fff; width: 191px; margin: 0 0 0 0; padding: 0; border: 0;}
ul.menu, ul.menu a {color: #fff; text-decoration: none;}
ul.menu a {display: block; padding: 6px 0 6px 15px; width: 184px; _width: 191px; color: #2B8DC7; text-decoration: underline; background: url('/images/arrow02.png') no-repeat 4px 10px;}
ul.menu a:hover, ul.menu a.active,  ul.menu a.active-sub, ul.menu a.active-sub:hover, ul.menu a.active-sub {/*background-color: #266295;*/color: #2B8DC7; text-decoration: none; color: #C33B27;}
ul.menu li a.active {background: url('/images/arrow03.png') no-repeat 4px 10px;}
ul.menu a.active-sub  {/*background-color: #266295;*/ }
ul.menu li {list-style-type: none;/* background: url(/images/lines.gif) no-repeat 7px 0;*/ border-bottom: solid 1px #EBF1F2;}
ul.menu ul {margin: 0 0 0 20px; padding: 0;}
ul.menu ul a {width: 164px;	_width: 170px;	font-weight: normal;}


.news-item-img {border: solid 1px #ccc; padding: 1px;}
.latest {color: red;} /* naposledy pridany zaznam ve vypisu, oznaceni info textu */
.html-pages {margin: 0 0 10px 0; text-align: right; height: 40px; overflow: auto; width: 100%;}
.html-pages, .html-pages a {color: #c0c0c0;}
.html-pages a:hover {color: #C33B27;}


#reg-msg {font-size: 120%;}

/* autori zebricek */
.autor-top {width: 100%; background: #fff;}
.autor-top td {vertical-align: top; border-bottom: solid 1px #ccc;}
.autor-top tr {}
.autor-top .votes {background: url("/images/empty_stars.gif"); width: 69px; height: 12px; margin-top: 2px;}
.autor-top .votes-rank {background: url("/images/full_stars.gif"); width: 76%; height: 12px;}


.table-reklama {border: solid 1px #ccc;}
.table-reklama th {border: solid 1px #ddd; background: #eee;padding: 4px;}
.table-reklama td {border: solid 1px #ddd; padding: 4px;}