/********************************************
	AUTHOR:  			Jiří Černý
	E-MAIL:           Tvorbawebu@email.cz 	
 *******************************************/
 
/* Top Elements */
* { margin: 0; padding: 0; }

body {background: #CCCCCC url(../img/body-bg.png);border-top: 2px solid #000;font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;color: #333;text-align: center;}

/* links */
a, a:visited {text-decoration: underline;color: #333;background: inherit;}
a:hover {color: #333;background: inherit;text-decoration: none;}

/* headers */
h1, h2, h3 {font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;font-weight: Bold;}
h1 {font-size: 120%;}
h2 {font-size: 110%;color: #88ac0b;}
h3 {font-size: 120%;color: #666666;}

/* images */
img {border: 0;}

h1, h3, p {padding: 5px 0;	margin: 0;}
ul, ol {margin: 5px 20px;padding: 0 20px;color: #88ac0b;}
ul span, ol span {color: #666666;}

/********************************************
   LAYOUT
********************************************/ 
#wrap {width: 900px;margin: 0 auto;text-align: left;}
#content-wrap {clear: both;width: 900px;padding: 0;margin: 0 auto;}
#header {width: 100%;height: 170px;background: #373432 url(../img/header-bg.png) repeat-x;padding: 0;}
#header #hwrap{position: relative;width: 900px;margin: 0 auto;}

#header #hwrap h1 a, #header #hwrap h1 span {display: block;height: 59px;width: 347px;position: absolute;top: 30px;	left: 0;}
#header #hwrap h1 a {position: relative;}
#header #hwrap h1 span {position: absolute;top: 0;	left: 0;cursor: pointer;}
#header #hwrap h1 a span {background: url(../img/logo.gif) left top no-repeat;}

#header #hwrap #menu {margin: 0;padding: 0;width: 900px;background: url(../img/menu-bg.png);font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;height: 40px;position: absolute;top: 129px;left: 0;}
#header #hwrap #menu ul {float: left;list-style: none;margin:0; padding: 0;}
#header #hwrap #menu ul li {display: inline;}
#header #hwrap #menu ul li a {display: block;float: left;padding: 6px 10px;color: #949494;text-decoration: none;font-weight: normal;margin: 3px 0;background: url(../img/menu-separator.png) no-repeat right bottom;}
#header #hwrap #menu ul li a:hover {text-decoration: underline;color: #666;}
#header #hwrap #menu ul li#current a {text-decoration: underline;color: #666;}

#header #hwrap #menu .search{float:right;margin: 7px 5px 0 5px;text-align:right;}
#header #hwrap #menu .search .text-box{border: 1px solid #999;padding: 2px;background: #FFF;font-size: 12px;}
#header #hwrap #menu .search .button{background: url(../img/search-but.png) no-repeat;width: 50px;height: 19px;border:0;font-size: 11px;}
#header #hwrap #menu .search .other{margin-top: -9px;font-weight:normal;}
#header #hwrap #menu .search .other a{font-size: 10px;color: #949494;text-decoration:none;}
#header #hwrap #menu .search .other a:hover{text-decoration: underline;}

#header #hwrap #slider {width: 493px;height: 114px;margin: 0 auto;background: url(../img/slider.png) no-repeat scroll left bottom;position: absolute;top: 0;right: 0;}
#header #hwrap #slider .scrollContainer div.panel {padding: 10px 20px 0 20px;height: 114px;width: 453px;text-align:justify;}
#header #hwrap #slider .scrollContainer div.panel h2 a{color:#dc6c26;}
#header #hwrap #slider .scrollContainer div.panel p{color:#7c7c7c;padding:0;}
#header #hwrap #slider .scrollContainer div.panel .float-left img{border:1px solid #000;margin: 0 10px 0 0;height: 92px;}
#header #hwrap #slider .scrollContainer div.panel .time{margin: 7px 0 0 0;color:#494949;}
#header #hwrap #slider .scrollContainer div.panel .time img{margin-bottom: -4px;}
#header #hwrap #slider ul.navigation {list-style: none;margin: 0; padding: 0;position: absolute;top: 95px;right: -32px;}
#header #hwrap #slider ul.navigation li { display: inline; margin-right: 10px;}
#header #hwrap #slider ul.navigation a {float:left;margin: 0 5px;color: #000;text-decoration: none;background: url(../img/slider-nav.png) no-repeat;width: 9px;height: 9px;}
#header #hwrap #slider ul.navigation a.selected {background: url(../img/slider-nav-cur.png) no-repeat;}

#header #hwrap #topmenu {width: 500px;margin-left: -40px;padding: 0;position: absolute;top: 0;left: 0;}
#header #hwrap #topmenu strong{color: #D9D9D9;}
#header #hwrap #topmenu li {float:left;list-style-type:none;color:#999;}
#header #hwrap #topmenu li a {display:block;text-align:center;text-decoration:none;color:#999;padding:0 5px;height: 20px;margin: 0 5px;}
#header #hwrap #topmenu li a:hover {text-decoration: underline;}
#header #hwrap #topmenu li ul {display:none;}
#header #hwrap #topmenu li:hover ul {display:block;position:absolute;margin: 0 5px;padding: 0;width:150px; border: 1px solid #161B19;opacity: 0.95;filter: alpha(opacity=95);-moz-opacity: 0.95;-khtml-opacity: 0.95;}
#header #hwrap #topmenu li:hover ul li {display:block;float:none;}
#header #hwrap #topmenu li:hover ul li a {background: #2D3632 url(../img/topmenu-bullet.gif) no-repeat 5px 8px;width: 120px;margin: 0;padding: 2px 15px;text-align: left;height: 15px;}
#header #hwrap #topmenu li:hover ul li a:hover {text-decoration: underline;color:#fff;}

/* Main Column */
#main {float: right;width: 620px;padding: 10px; margin: 20px 0;background: #FFF;}
#main h1 {font: bold 1.6em Verdana, 'Trebuchet MS', Sans-serif;color: #0056ae;padding: 5px 0 15px 0;clear:both;}
#main h2 {font: bold 1.4em Verdana, 'Trebuchet MS', Sans-serif;color: #0056ae;padding: 5px 0 5px 0;clear:both;}
#main .guvod {clear:both;}
#main .guvod .ulink{float:left;width:173px;height: 210px;margin: 0px 15px 0px 15px;text-align:center;position: relative;}
#main .guvod .ulink a.edit{width: 16px;height: 16px;background: #FFF url(../img/ico/edit-16.png) no-repeat center center;position:absolute;top: 5px;right:25px;padding: 4px;text-align:center;}
#main .guvod .ulink a.del{width: 16px;height: 16px;background: #FFF url(../img/ico/del-16.png) no-repeat center center;position:absolute;top: 5px;right:5px;padding: 4px;text-align:center;}
#main .guvod .ulink img{background: #FFF;border:1px solid #000;padding: 5px;}
#main .guvod .ulink h2{margin-top: -10px;}
#main .guvod .ulink h2 a {color: #000;font-size: 0.7em;font-weight:normal;line-height: 1px;}
#main .guvod table {width: 100%;}
#main .guvod table thead tr th {background:#333;color:#FFF;border: 1px solid #CCC;padding: 5px;}
#main .guvod table thead tr th h2{color:#FFF;font-size: 15px;padding: 0;}
#main .guvod table tbody tr td h3{margin: 0 0 -10px 0;}
#main .guvod table tbody tr td{ border-bottom: 1px dotted #999;padding: 5px; vertical-align: middle;}
#main .guvod table tbody tr td .info{color:#666;font-size: 90%;}
#main .guvod a.post-icon {background: url("../img/button_topic_new.gif") no-repeat center top;width: 96px;height: 25px;float:left;margin: 10px 0;}
#main .guvod a:hover.post-icon {background-position: center bottom;}
#main .guvod table tbody tr:hover td{background: #fdfddd;}
#main .guvod table tbody .reklama{padding: 10px 0;}
#main .guvod table .col-id{width: 7%;}
#main .guvod table .col-nazev{width: 77%;}
#main .guvod table .col-zobrazeni{width: 15%;}
#main .fo-prispevek{background: #F8F8F8;margin: 10px 0;border: 1px dashed #E7E7E7;clear:both;padding: 10px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;-khtml-box-sizing: content-box;box-sizing: content-box;}
#main .fo-prispevek .user{color:#000;font-size: 15px;font-weight:bolder;}
#main .fo-prispevek .date{color:#a6a6a6;font-size: 10px;}
#main .settings{clear:both;}
#main .settings .seradit {float:left; z-index:97;}
#main .settings .seradit p {float:left; padding:15px 0 0 0; margin:0; font-size:1.1em;}
#main .settings .seradit ul.optionsList {list-style:none; position:relative; margin:8px 0px 8px 0px; padding:0 0 0 5px;float:left; z-index:98;}
#main .settings .seradit ul.optionsList li {padding:0; list-style:none; font-size:11px; font-weight:normal;}
#main .settings .seradit ul.optionsList li a {display:block;text-decoration: none; background:url(../img/page_options_buttons.png) no-repeat right -101px; padding: 0 23px 0 0; width:127px; color:#000;} 
#main .settings .seradit ul.optionsList:hover li a {background-position:right -136px;}
#main .settings .seradit ul.optionsList li a span {display:block; background:url(../img/page_options_buttons.png) no-repeat left -101px; padding:7px 9px 6px 9px;} 
#main .settings .seradit ul.optionsList:hover li a span {background-position:left -136px;}
#main .settings .seradit .optionsList li ul {display:none; list-style:none; padding:0; margin:0; z-index:99;}
#main .settings .seradit .optionsList li:hover ul {display:block; position:absolute; top:27px; left:5px; z-index:99; background:#fff; border:1px solid #e0e2e4; border-top-color:#cdd0d4; border-bottom:none;}
#main .settings .seradit .optionsList li ul li {list-style:none; font-weight:normal;}
#main .settings .seradit .optionsList li ul li a {display:block; border-bottom:1px solid #e0e2e4; padding:6px 9px; background:#fff; width:130px; color:#000;} 
#main .settings .seradit .optionsList li ul li a:hover {color:#0086cc; background:#f9fafb;}  
#main .settings .pocet_vypis{float:right;margin-top: 17px;}
#main .settings .pocet_vypis a.number15_thumb{background: url(../img/settings_buttons.png) no-repeat left top; width: 19px; height: 19px; padding: 2px 7px;text-decoration:none;}
#main .settings .pocet_vypis a.number30_thumb{background: url(../img/settings_buttons.png) no-repeat -21px top; width: 19px; height: 19px; padding: 2px 7px;text-decoration:none;}
#main .settings .pocet_vypis a.number30_no{background: url(../img/settings_buttons.png) no-repeat -42px top; width: 19px; height: 19px; padding: 2px 7px;text-decoration:none;}
#main .settings .pocet_vypis a.number60_no{background: url(../img/settings_buttons.png) no-repeat -63px top; width: 19px; height: 19px; padding: 2px 7px;text-decoration:none;}
#main .settings .pocet_vypis a.active_15_thumb{background-position: left -22px; padding: 10px 7px;}
#main .settings .pocet_vypis a.active_30_thumb{background-position: -21px -22px; padding: 10px 7px;}
#main .settings .pocet_vypis a.active_30_no{background-position: -42px -22px; padding: 10px 7px;}
#main .settings .pocet_vypis a.active_60_no{background-position: -63px -22px; padding: 10px 7px;}

/* Main Search */
#main .search .hlaska {padding:5px;color:#f00404;font-weight: bold;}
#main .search td {padding:0 3px;color:#000;}
#main .search {margin:5px 0;padding:0 5px;}
#main .search .submit {margin:8px 14px;padding:3px 15px;color:#fff;font-weight:bold;background:#639ec8;border:1px solid #5b96bf;cursor:pointer;}
#main .search fieldset {margin-top:15px;padding:0 10px 10px 10px;color:#000;background:#eff4f7;border:1px solid #a5c6ea;border-top:3px solid #a5c6ea;}
#main .search legend {padding:2px 8px;color:#639ec8;font-weight:bold;background:#f8fafb;border:1px solid #a5c6ea;}
#main .search label {padding:6px 15px 6px 5px;}
#main .search input {padding:2px;font-size:1em;color:#000;border:1px solid #a5c6ea;background:#fff url(../img/input-back.gif) repeat-x top;}
#main .search select {font-size:1em;color:#000;background:#fff;}
#main .search textarea {border:1px solid #a5c6ea;background:#fff url(../img/input-back.gif) repeat-x top;}
#main .search table {margin-top:8px;color:#999}
#main .search td {padding:2px 10px;}
#main .search td td {padding:2px 0;}
#main .search input[type=submit] {clear:both;margin:8px 0;padding:5px 5px;cursor:pointer;color:#fff;background:#639ec8;border:0;}
#main .search textarea {padding:1px 2px;font-size:1em;color:#000;font-family:"Tahoma",'Arial',Sans-Serif;}


/* Sidebar */	
#sidebar {float: left;width: 250px;padding: 0; margin: 20px 0;background: #FFF;}	
#sidebar h1 {margin-top: 10px;padding: 5px 0 15px 10px;font: bold 1.2em Verdana, 'Trebuchet MS', Sans-serif;	color: #FFF;background: #242822;}
#sidebar .left-box {margin: 5px;}
#sidebar ul.sidemenu {list-style: none;text-align: left;margin: 3px 0 8px 0; padding: 0;text-decoration: none;}
#sidebar ul.sidemenu li {border-bottom: 1px solid #EFF0F1;margin: 5px 0;height: 20px;color: #E6E6E6;}
#sidebar ul.sidemenu li a {background: url(../img/sidebar-bullet.gif) no-repeat left 5px;color: #242822;padding: 2px 0 2px 13px;text-decoration: none;}
#sidebar ul.sidemenu li a.ico{background: none;padding: 0;margin: 0;}
#sidebar ul.sidemenu li a:hover{text-decoration: underline;}
#sidebar ul.sidemenu li.current a{color: #0056ae;text-decoration: underline;background-position: left -16px;}

/* Footer */	
#footer {background: #242822 url(../img/footer-bg.png) repeat-x center top;clear: both;width: 100%;}
#footer #fwrap {width: 900px;margin: 0 auto;color: #FFF;text-align: left;font-size: 92%;padding: 20px 0 0 0;}
#footer #fwrap a{color: #999;}
#footer #fwrap p{padding: 5px 0;}
#footer #fwrap hr{border-top: 1px solid #131512;border-bottom: 1px solid #323830;}

/* Formulářové prvky */
#formular {padding:0;text-align:left;color:#2a5a6d;clear:both;}
#formular td {margin: 5px 0 0 0;}
#formular fieldset {margin-top:15px;padding:0 10px 10px 10px;background:#f7f8fa;border:1px solid #d8dbe7;border-top:3px solid #d8dbe7;}
#formular legend {padding:2px 5px;font-weight:bold;border:1px solid #d8dbe7;border-top:2px solid #d8dbe7;background:#f7f8fa;}
#formular .info {padding:0 0 5px 5px;color:#5f6d9d;text-align:right;font-weight:normal;}
#formular .input {border: 1px solid #d8dbe7;padding: 1px;}
#formular .antispam{margin: 5px;}
#formular input[type=submit]{margin: 10px 0;}
#formular textarea {border: 1px solid #d8dbe7;padding: 1px;}
#formular select {border: 1px solid #d8dbe7;padding: 1px;}

/* Stránkování */
#PagerId{clear:both;font-weight:bolder;padding-top: 50px;}
#PagerId a{border: 1px solid #FFF;background: #FFF;text-decoration: none;color: #0066C8;padding: 2px 5px;}
#PagerId a:hover{border: 1px solid #0066AA;background: #0088CC;color: #FFF;}

/* Page Abeceda */
.page-abc{width: 100%;clear:both;}
.page-abc a{border: 1px solid #dadada;background: #ededed url(../img/page-abc-bg.png) repeat-x center bottom;padding: 2px 4px;text-decoration: none;margin: 0 0 0 2px;}
.page-abc a:hover, .page-abc a.current{border: 1px solid #d10741;background: #da3d6a url(../img/page-abc-bg2.png) repeat-x center bottom;color:#FFF;}

/* Hodnoceni */
#hodnoceni{width: 80px;clear:both;margin: 0 auto;/*float:left;margin: 20px 0;*/}
#hodnoceni .hlasu{background: #f5f5f5;border: 1px solid #dedede;color: #000;font-size: 1.5em;font-weight: bolder;padding: 0 5px 5px 5px;text-align:center;}
#hodnoceni a.vote_up, #hodnoceni a.vote_down{background: #4272c6;border: 1px solid #30589f;float:left;color: #FFF;padding: 0 5px;margin: 2px 6px 0 0;}
#hodnoceni a.vote_down{margin: 2px 0 0 0;}
#hodnoceni .bodu{font-size: 60%;font-weight: normal;color: #BDBDBD;}

/* Komentáře */
.komentar {clear:both;margin: 5px 0;}
.komentar .text-box{background: #E6E6E6;float:left;width: 72%;margin: 5px 0;padding: 7px;position:relative;}
.komentar .text-box .arrow{float:right;background: url(../img/komentar-arrow.gif) no-repeat;position: absolute;top: 5px;left: 460px;width: 6px;height: 11px;}
.komentar .user-box{float:right;width: 23%;margin: 5px 0;padding: 5px 0;line-height: 10px;}
.komentar .user-box .date{color:#888888;font-size: 70%;}

/* bookmarks */
.bookmarks{width: 315px;clear:both;text-align:center;margin: 0 auto;padding: 20px 0;}
.bookmarks a{width: 48px;height: 42px;float:left;margin-right: 15px;}
.bookmarks a.facebook{background: url(../img/ico/facebook.png) no-repeat;}
.bookmarks a.twitter{background: url(../img/ico/twitter.png) no-repeat;}
.bookmarks a.myspace{background: url(../img/ico/my-space.png) no-repeat;}
.bookmarks a.email{background: url(../img/ico/email.png) no-repeat;}
.bookmarks a.print{background: url(../img/ico/print.png) no-repeat;}

/* Reklama */
#righter {position:fixed;_position:absolute !important;top:0;left:0;width:100%;visibility:hidden;}
#righter.expression {top:expression(eval(document.body.scrollTop) + "px");}
#righter div.content {margin:0 auto;position:relative;right:-482px;top:185px;text-align:right;width:300px;}
#righter div.content span {float:right;visibility:visible;}
#righter .adv-info {color:#000;font-size:10px;text-align:left;}
#lefter {position:fixed;_position:absolute !important;top:0;left:0;width:100%;visibility:hidden;}
#lefter.expression {top:expression(eval(document.body.scrollTop) + "px");}
#lefter div.content {margin:0 auto;position:relative;left:-482px;top:185px;text-align:right;width:300px;}
#lefter div.content span {float:left;visibility:visible;}
#lefter .adv-info {color:#000;font-size:10px;text-align:left;}
/* bbcode */
.bold {font-weight: bold;}
.italics {font-style: italic;}
.underline {text-decoration: underline;}
.strikethrough {text-decoration: line-through;}
.overline {text-decoration: overline;}
.sized {text-size:}
.quotecodeheader {font-family: Verdana, arial, helvetica, sans-serif;font-size: 12px;font-weight: bold;}
.codebody {background-color: #FFFFFF;font-family: Courier new, courier, mono;font-size: 12px;color: #006600;border: 1px solid #BFBFBF;}
.quotebody {background-color: #FFFFFF;font-family: Courier new, courier, mono;font-size: 12px;color: #660002;border: 1px solid #BFBFBF;}
.listbullet {list-style-type: disc;list-style-position: inside;}
.listdecimal {list-style-type: decimal;list-style-position: inside;}
.listlowerroman {list-style-type: lower-roman;list-style-position: inside;}
.listupperroman {list-style-type: upper-roman;list-style-position: inside;}
.listloweralpha {list-style-type: lower-alpha;list-style-position: inside;}
.listupperalpha {list-style-type: upper-alpha;list-style-position: inside;}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.mar0auto {margin:  0 auto;}
.no-disp {display:none;}

/* display and additional classes */
.clear { clear: both; }
.curpointer{cursor:pointer;}
.hlaska {color: #cc0000;text-align: center;}
.hlaska2 {color: green;text-align: center;}
.row-actions {visibility: hidden;font-size: 80%;clear:both;}
.row-actions .edit a{color: green;}
.row-actions .delete a{color: #cc0000;}
.komentar:hover .row-actions {visibility: visible;}
.bf6f6f6{background: #F6F6F6;}