/* ----------------------------------------------------------------------------------------------------------
1) HTML tagy
---------------------------------------------------------------------------------------------------------- */

body {margin:0; padding:0; background:#E6E6E6; color:#000; font:0.8em/1.5 "arial", sans-serif; text-align:center;}
h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}

#main h1.archive {font-size:16px; margin-top:-4px;}
#main h2 {margin:0; padding:0; font-size:15px;}
#main h3, #main h1.page {margin:0; margin-top:-4px; width:468px; height:24px; padding:0; font-size:16px;}
#main h3.new {margin:0; margin-top:7px; margin-bottom:-17px; width:468px; height:24px; padding:0; font-size:16px;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styly
---------------------------------------------------------------------------------------------------------- */

a {color:#000; text-decoration:none; border-bottom:1px solid #921F0A;}
a:hover {color:#000; border:0;}

table {margin:0; padding:0; border-collapse:collapse; border-spacing:0; font-size:12px;}
table th {background:#EEE;}
table th, table td {border:1px solid #DDD; line-height:25px; padding-left:5px; padding-right:5px;}
table tr.alt td {background:#F5F5F5;}

input.input-text, #pwbox-1 {border:1px solid #999;}
form.form-search {padding-top:8px; padding-bottom:8px;}
#pwbox-1 {margin-bottom:5px; margin-top:5px; padding:2px;}

.bold {font-weight:bold}

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#logo {display:block; position:relative; overflow:hidden; width:150px; height:147px; margin:0; font-size:90%; border:0;}
    #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url(../design/logo.gif) 0 0 no-repeat; cursor:pointer;}
	
#main {display:block; width:970px; height:auto; background:#fff; margin-left:auto; margin-right:auto; text-align:left;}
	#main-in {padding-left:13px; padding-right:13px;}
	#main-content {display:block; width:944px; background: url(../design/main.gif) repeat-y 0 0;}
	
	#main .group {padding-top:6px; padding-bottom:6px; border-top:1px solid #1A1A18;}

#aside-left {display:block; float:left; width:150px; margin-right:42px;}
	#english-version {color:#666; text-decoration:none; font-size:19px; cursor:pointer;}		
#aside-center {display:block; float:left; width:468px;}
#aside-right {display:block; float:left; width:242px; margin-left:28px;}
	#aside-right-in {padding-left:14px;}
	#aside-right-content {display:block; width:242px; height:auto;}
	#aside-right-content-in {padding-left:16px; padding-right:16px; font-size:11px;}
		#aside-right-content-in p strong {display:block; color:#921F0A; text-transform:uppercase;}
		#aside-right-content-in p em {display:block;}
		#aside-right-content-in p a {border:0; color:#921F0A;}
	#main #white-line {display:block; overflow:hidden; width:256px; height:23px; background:#fff;}
	#main #aside-right-detailed a {color:#000; border-bottom:1px solid #921F0A;}
	
#main .aside-right-issue {font-weight:bold; color:#8D1D05;}
#main .aside-right-issue span {font-weight:bold; color:#000;}

#main #footer {display:block; width:468px; margin-left:192px; margin-top:15px; padding-bottom:30px;}
	#main #footer p {margin:0; padding:0; padding-left:36px; color:#666; font-size:11px; background:url(../design/ico-dn.gif) no-repeat 0px 4px;}
	#main #footer p a {color:#666; border-bottom:1px solid #666;}

#article {padding-top:8px; border-top:1px solid #000;}
#blogs {padding-top:8px; border-top:1px solid #000;}

#main .obsah-nadpis {display:block; padding-top:7px; color:#921F0A; font-size:11px; text-transform:uppercase;}
#main .obsah-autor {display:block; color:#404040; font-size:11px;}
#main .obsah-odkaz {color:#000; font-size:11px; border:0; text-decoration:none; font-weight:bold;}
#main .obsah-odkaz-u {text-decoration:underline;}
#main .obsah-zamek {display:block; color:#404040; font-size:11px;}

#main .author-link a {color:#000; border-bottom:0;}

/*archiv*/
#main .archive-item {display:block; width:107px; height:240px; margin-right:13px; margin-bottom:13px; float:left; text-align:left;}
#main .archive-item img {margin-bottom:5px; border:1px solid #666;}
#main .archive-item a {color:#921F0A; font-weight:bold; font-size:11px;}
#main .archive-item a.underline {color:#000; font-weight:100; font-size:11px;}
#main .archive-item span {color:#921F0A; font-weight:100; font-size:11px;}

/*aktualni cislo*/
#main #issue {display:block; width:242px; height:350px; background:url(../design/new-issue.gif) no-repeat 0 0;}
#main #issue-in {padding-left:16px; padding-top:18px;}

/*blog*/
#main .comment, #main .number, #main .small-title, #main .comments-h, #main .add-comment {font-weight:100; font-size:15px;}
#main .small-title {display:block; height:17px;}
#main .form-title {font-weight:bold; font-size:12px;}
#main .perex {margin:0; padding:0; font-family:Georgia,serif; line-height:22px; font-size:12px;}
	#main .perex p {margin:0; padding-top:3px; padding-bottom:3px; line-height:1.4;}
#main .information {margin:0; padding:0; color:#666; font-family:Verdana,sans-serif; line-height:16px; font-size:11px;}
#main .blog-item {margin-bottom:6px;}

#main .content-text {margin:0; padding:0; font-family:Georgia,serif; line-height:22px; font-size:12px;}

/*navigace*/
#main #navigation {display:block; padding-top:19px;}
	#main #navigation ul {margin:0; padding:0;}
	#main #navigation ul li {list-style:none; height:18px; margin-bottom:4px;}

/*strankovani*/
#main #number-pagination {display:inline;}
#main #number-pagination a {border:1px solid #ccc; padding:2px; padding-left:4px; padding-right:4px; margin-right:2px;}
#main #number-pagination a.current {border:1px solid #922008; color:#922008; background:#f5f5f5;}
#main #number-pagination a:hover {border:1px solid #808080; background:#ccc;}

/*reklama*/
#main .ads {padding-top:16px;}
#main .ads .item-ad {display:block; margin-bottom:12px; border:0;}

/*dynamicke prvky - dropdown*/
#filter {margin-top:15px; margin-bottom:35px;}
.filter-item {display:block; float:left; width:250px; font-size:12px;}
.filter-title {display:block; float:left; height:30px; line-height:27px; color:#808080; text-transform:uppercase; text-align:left;}
.dropdown {display:block; position:relative; float:left; width:150px; height:25px; margin-top:0px; font-size:12px; z-index:100;}
.dropdown dd, .dropdown dt, .dropdown ul {margin:0px; padding:0px;}
.dropdown dd {position:relative;}
.dropdown a, .dropdown a:visited {color:#808080; text-decoration:none; outline:none; width:140px;}
.dropdown a:hover {color:#808080; text-decoration:underline; border:1px solid #808080;}
.dropdown dd a:hover {border:0;}
.dropdown dt a {background:#fff url(../design/ico-arrow.gif) no-repeat scroll 130px center; padding-right:10px; display:block; border:1px solid #808080;}
.dropdown dt a span {cursor:pointer; display:block; padding:2px;}
.dropdown dd ul {background:#fff none repeat scroll 0 0; border:1px solid #808080; color:#808080; display:none; left:0px; position:absolute; top:2px; width:auto; min-width:90px; list-style:none;}
.dropdown dd ul li a {padding:2px; display:block; width:190px; border:0;}
.dropdown dd ul li a:hover {background:#f5f5f5;}

/*komentare*/
#main #comments {display:block; color:#666;}
#main #comments #comments-header {line-height:25px; padding-top:2px; margin-bottom:3px;}
#main #comments #comments-header .ico-add {display:block; float:right; width:27px; margin-right:7px;}
#main #comments #comments-list div.comments-item {margin-top:10px; margin-bottom:20px;}
#main #comments #comments-list div.comments-item-body {display:block; width:380px; float:left;}
#main #comments #comments-list div.comments-item-body h4 {margin:0; padding:0; font-size:100%;}
#main #comments #comments-list div.comments-item-body p {margin-top:3px; font-family:Georgia, serif;}
#main #comments #comments-list div.comments-item-body a {color:#921F0A;}
#main #comments #comments-list div.comments-item-avatar {display:block; width:42px; float:left; margin-left:10px; margin-right:10px;}
#main #comments #comments-list div.comments-item-avatar img {margin-top:5px;}
#main #comments #comments-list div.comments-item-info {display:block; width:100px; float:left; color:#858585; font-size:11px;}
#main #comments #comments-list div.comments-item-info a {color:#921F0A; border:0;}
	#main #comments #comments-list div.comments-item-info a:hover {border-bottom:1px solid #921F0A;}

/*ico*/
.ico-add {padding-left:15px; background:url(../design/ico-add.gif) no-repeat left center; color:#C90019; border:0;}
.ico-author {padding-left:20px; padding-top:2px; padding-bottom:2px; background:url(../design/ico-author.gif) no-repeat left center; border:0; text-transform:uppercase; color:#000;}
#main .ico-author a, #main .author-link {text-transform:uppercase; color:#000; font-weight:bold;}

/*form*/
#order-form form input.input-text {border:0; width:98%; background:#F8F1E4; padding:3px; font-size:12px;}
#order-form form textarea {border:0; width:98%; background:#F8F1E4; padding:3px; font-size:12px;}
#order-form dl dt {display:block; float:left; width:25%; margin-bottom:3px;}
#order-form dl dd {display:block; float:left; width:75%; margin-bottom:3px;}
#order-form #order-form-submit input {padding:3px; margin-top:5px;}

/*InDesign*/
#main span.bold {font-weight:bold;}
#main span.bold-italic {font-weight:bold; font-style:italic;}
#main span.italic {font-style:italic;}
#main span.small-caps-bold {font-size:80%; text-transform:uppercase; font-weight:bold;}
#main p.x01-mezititulek-b {font-size:16px; font-weight:bold; line-height:1.5;}
#main p.x01-mezititulek {font-size:16px; line-height:1.5;}
#main p.x01-perex-b {color:#921F0A; font-weight:bold;}
#main p.x01-perex {color:#921F0A;}

/*tabs*/
#main #tabs ul {margin:0; margin-top:-8px; padding:0; border-bottom:1px solid #000;}
#main #tabs ul li {list-style:none; float:left; margin-bottom:4px;}
#main #tabs ul li a {background:#fff; float:left; margin-right:9px; padding-top:6px; padding-bottom:3px; padding-left:8px; padding-right:8px; border-top:1px solid #808080; border-right:1px solid #808080; border-bottom:0; color:#fff;}
#main #tabs ul li.active {margin-bottom:-1px;}
#main #tabs ul li.active a {padding-bottom:8px; border:1px solid #000; border-bottom:0; color:#fff; padding-left:9px; padding-right:9px;}
#main #tabs ul li a span {background:#808080; padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px;}
#main #tabs ul li.active a span {background:#000; padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px;}

/*details-content*/
#main .details {border-bottom:1px solid #000;}
#main .details-left {display:block; float:left; width:95px; margin-right:5px;}
#main .details-right {display:block; float:left; width:367px; padding-bottom:6px;}
#main .details-title {margin:0; padding:0; margin-top:6px; font-size:11px;}
#main .details-title-underline {margin:0; padding:0; margin-top:6px; font-size:11px; text-decoration:underline;}
#main .details-excerpt {padding-top:3px; padding-bottom:3px; font-size:11px; font-family:Georgia,serif;}
#main .details-left-category {display:block; padding-top:8px; color:#921F0A; font-size:11px; text-transform:uppercase;}

#main .x04-tabulka-legenda {color:#f5f5f5;}
#main .x04-tabulka-kritik-hry {text-align:left}

/* ----------------------------------------------------------------------------------------------------------
*) Nadpisy
---------------------------------------------------------------------------------------------------------- */

#main .title {display:block; position:relative; overflow:hidden; font-size:30%; margin-bottom:4px;}
#main .title-item {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0;}

#main .english-version {background:url(../design/title/english-version.gif) no-repeat 0 0;}
#main .vyhledavani {background:url(../design/title/vyhledavani.gif) no-repeat 0 0;}
#main .archiv {background:url(../design/title/archiv.gif) no-repeat 0 0;}
#main .partneri {background:url(../design/title/partneri.gif) no-repeat 0 0;}

#main .o-nas {background:url(../design/title/o-nas.gif) no-repeat 0 0;}
#main .predplatne {background:url(../design/title/predplatne.gif) no-repeat 0 0;}
#main .inzerce {background:url(../design/title/inzerce.gif) no-repeat 0 0;}
#main .kde-koupit {background:url(../design/title/kde-koupit.gif) no-repeat 0 0;}
#main .cena-sazky-dn {background:url(../design/title/cena-sazky-dn.gif) no-repeat 0 0;}
#main .redakce {background:url(../design/title/redakce.gif) no-repeat 0 0;}

#main .title-01 {background:url(../design/title/title-01.gif) no-repeat 0 0;}


/* ----------------------------------------------------------------------------------------------------------
4) Komentare
---------------------------------------------------------------------------------------------------------- */

#main #comment-form {display:block;}
#main #comment-form .comment-form-33 {display:block; float:left; width:176px; padding-right:15px;}
#main #comment-form .comment-form-33 input {display:block; width:100%; margin-bottom:3px; padding:3px; background:#fff; border:1px solid #666;}
#main #comment-form .comment-form-33 label {font-size:11px;}
#main #comment-form textarea {display:block; width:100%; height:60px; padding:3px; background:#fff; border:0; border:1px solid #666; font-size:12px; font-family:arial,sans-serif;}

/* ----------------------------------------------------------------------------------------------------------
5) Tooltip
---------------------------------------------------------------------------------------------------------- */

#tooltip{
	position:absolute;
	border:1px solid #BB7361;
	background:#F8F1E4;
	padding:2px 5px;
	color:#BB7361;
	font-size:11px;
	display:none;
	}