html {
    background: #171717 url(bg-bottom.png) repeat-x left bottom;
    min-height: 100%;
}

body {
    font: 15px calibri,verdana,sans-serif;
    margin: 0; padding: 0;
    background-image: url(bg-top.png);
    background-repeat: repeat-x;
    color: #aaa;
}

hr {
    border: none; 
    border-top: 1px solid #333;
}

p { 
    color: #999;
    margin: 1em 0; 
}

a {
    color: #aaa;
    outline: none;
    text-decoration: underline;
}
a:hover {
    color: #fff;
}
a img {
    border: none;	
}

sup {
    font-size: 0.5em;	
}

form {
    margin: 0; padding: 0;	
}

dl {}
dl dt, 
dl dd {
    margin: 0.2em 0; padding: 0;
}

table {
    border-spacing: 0;
}
table tr {
    vertical-align: top;	
}
table caption {
	font-size: 1.2em;
    font-weight: bold;
    text-align: left;
}
	
h1, h2, h3, h4 { font-weight: normal; }
h1 { font-size: 1.7em; letter-spacing: -1px; line-height: 1em; }
h2 { font-size: 1.45em; letter-spacing: -1px; line-height: 1em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em  }

.hidden {
    display: none;	
}
.block {
    overflow: hidden;	
} 

.align-right {
    text-align: right;	
}
.align-left {
    text-align: left;  
}
.align-center {
    text-align: center;  
}
.align-justify {
    text-align: justify;  
}

.float-left {
	float: left;
}
.float-right {
    float: right;
}

.more a {
    font-size: 0.85em;
    font-style: italic;
    padding: 1px 6px;
}
.more a span:before {
    content: "více ";
}


.wrap {
    width: 840px;
    margin: 0 auto; padding: 0;
}
.wrap > div.box {
    padding: 10px;	
}

.pagination {
    margin-top: 2em;
}
.pagination a {
	display: block;
	color: #888;
    text-decoration: none;	
}
.pagination a span:hover {
    background-color: #1f1f1f;	
}
.pagination span {
	display: block;
	padding: 0 4px;
}
.pagination .float-right > * {
	float: left;
	border: 1px solid #222;
}
.pagination .float-right > * + * {
	margin-left: 2px;
}
.pagination .disabled {
    color: #444;	
}
.pagination .active {
    font-weight: bold;
    color: #fff;	
}
	
#clock {
    color: #3a3a3a;
    font: bold 32px 'century gothic',tahoma,verdana,arial,sans-serif;
    position: absolute;
    right: 10px; top: 70px;  	
}
#adv {
    position: absolute;
    right: 10px; top: 5px;	
}

#header { 
    position: relative;
}
#header small {
	float: right;
}
#header h1 {
    margin: 0; padding: 0;	
}
#header h1 a {
	display: block;
	width: 260px; height: 90px;
    background: transparent url(logo.png) no-repeat center left;
}

#header h1 a span {
	display: none;
}

#menu {
    height: 40px;
    padding: 10px 0;
}
#menu ul {
    position: relative;
    margin: 0; padding: 0 2px;
    list-style: none;
}
#menu ul li {
    float: left;
    margin: 0; padding: 0;
}    
#menu > ul li ul {
    display: none;
    font-size: 0.85em;
}
#menu > ul li.active ul {
	display: block;
    position: absolute;
    left: 0em; top: 30px;
}
#menu > ul li a {
	display: block;
    margin: 0; padding: 4px 8px;
    text-decoration: none;
    border: 1px solid transparent;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#menu > ul ul li a {
	 padding: 2px 8px;
}
#menu > ul li a:hover,
#menu > ul li.active > a {
    background-color: #1f1f1f;
    border: 1px solid #111;
    
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
}


#content {
    overflow: hidden;
}
#content > .float-left {
    width: 470px;
}
#content > .float-right {
    width: 330px;
}
#content > div > h2 {
	margin: 0;
}

#footer  {
    margin-top: 1em;	
}
#footer .partners {
	padding-top: 4px;
    border-top: 3px double #333;
}
#footer .partners h2 {
    display: none;	
}
#footer .partners ul {
	margin: 0; padding: 0;
    list-style: none;
    overflow: hidden;
}
#footer .partners ul li {
    float: left;
    width: 160px; height: 40px;
    margin: 2px;	
}
#footer .partners ul li a {
    display: block;	
    width: 100%; height: 100%;
    color: #666;
}
#footer .partners ul li a:hover {
    color: #fff;	
}

/* POST */
.post {
    overflow: hidden;
}
.post .title {
    margin: 0;    
}
.post h1 { color: #fff; margin-bottom: 0.2em;  }
.post h2 { color: #c6c6c6; margin-bottom: 0.2em; }
.post h3 { color: #ccc; margin-bottom: 0.2em; }
.post h2 a { color: #bbb; text-decoration: none; }
.post h2 a:hover { color: #fff; text-decoration: underline; }
.post h2 + p,
.post h3 + p { margin-top: 0; }
.post p { position: relative; text-align: justify; }
.post p a { color: #bbb; }
.post p a:hover { color: #fff; }
.post p a img { cursor: pointer; }
.post-info {
    font-size: small;
    color: #999;
    padding: 2px 0 4px 0;
}
.post-info .rubric a {
    font-weight: bold;    
}
.post-content p:first-child {
    margin-top: 0;    
}
.post-content p a[rel~=lightbox] {
    text-decoration: none;    
}
.post-content p a[rel~=lightbox] .image-descr:after {
    position: absolute;
    content: url(magnify.png);
    right: 5px; top: 5px; 
}
.post-content p .image-descr {
    position: relative;
    display: inline-block;    
}
.post-content p .descr {
    display: block;
    font-size: 0.85em;
    font-style: italic;
}
.post-content p img {
    max-width: 470px;
}
.post .gallery {
    border: 1px solid #242424;
    background-color: #1d1d1d;
    padding: 4px;
    overflow: hidden;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.post .gallery a {
    float: left;
}
.post .gallery a img {
    display: block;
    border: 1px solid #4e4e4e;
    margin: 4px;    
}

.post-content table.params {
    border-collapse: collapse;
    width: 100%;
}
.post-content table.params, table.params td {
    border: 1px solid #333; 
}
.post-content table.params td {
    padding: 1px 4px;   
}
.post-content table.params tr td:first-child {
    background-color: #111;
    width: 35%;
}


/* POST-LIST */
.list .post {
    margin-top: 15px;
}
.list .post:first-child {
    margin-top: 0;
}
.list .thumb {
    float: left;
    margin: 5px 10px 0 0;    
}
.list .post-content p {
    margin: 0; padding: 0;
}



.links {
    margin: 0.2em 0; padding: 0;
    padding-left: 1em;
    list-style: square;	
}


.panel {
	position: relative;
}
.panel > h2 {
    margin: 0; padding: 0;	
}
.panel > h2 {
	font-size: 1.2em;
    border-bottom: 1px solid #333;
    color: #666;	
}
.panel .content {
    height: 180px;
    overflow: hidden;
    margin-top: 0.8em;	
}
.panel .navi {
	position: absolute;
	top: 12px; right: 0px;
	font-size: 0.8em;
    color: #888;
	overflow: hidden;
	z-index: 1010;
}
.panel .navi span a * {
    vertical-align: middle;	
}
.panel .navi span {
	float: left;
    background-color: #131313;
    padding: 2px 6px;
}
.panel .navi .info {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.panel .navi .prev-next {
	margin-left: 4px;
	   
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.thumbnail {
    overflow: hidden;
    margin-top: 0.6em;
}
.thumbnail .image {
    float: left;
    width: 64px; height: 46px; 
    background: #1d1d1d url(bg-thumb.png) no-repeat center center;
    border: 2px solid #212121;
    overflow: hidden;
}
.thumbnail .image + .image {
    margin-left: 2px;	
}
.thumbnail .image img {
    max-width: 64px; max-height: 46px;
}

#news { width: 470px; }
#articles { width: 470px; }
#articles .content { height: auto; }
#advert { width: 330px; }
#advert .content { height: auto; position: relative; height: 260px; }
#advert .content img { position: absolute; top: 0; left: 0;}
#watches { width: 210px; }
#movies { width: 280px; margin-left: 25px; }
#news { width: 280px; margin-left: 25px; }

#slidetitle {
	position: absolute; 
	bottom: 0px; left: 0px; right: 0px;
	padding: 10px;
	font-size: 1.25em;
	font-weight: bold;
	width: 330px; height: auto;
	background-image: url(bg-transparent-black.png);
	color: #ccc;
	z-index: 1000;
}

#news h4 {
    margin: 0; padding: 0;
    margin-bottom: 0.4em;
    color: #ddd;
    font-weight: normal;
}

#aktualni-cislo h3 {
    margin-bottom: 0.6em;	
}
#aktualni-cislo h4,
#aktualni-cislo p {
    margin: 0; padding: 0;	
}
#aktualni-cislo p + * {
    margin-top: 0.8em;	
}
#aktualni-cislo h4 {
	font-size: 1em;
    text-transform: uppercase;	
}


/* ZNACKY */
#znacky dl {
    float: left;
    width: 25%;
    clear: right;	
}
#znacky dl dt {
    font-weight: bold;
    font-size: 1.2em;	
}

/* NEJCTENEJSI CLANKY */
#topten ul {
    list-style: none;
    margin: 0.4em 0; padding: 0;	
}


/* SOUTEZ */
.contest div {
    margin-bottom: 0.4em;	
}
.contest label span {
    display: block;	
}