html {
    background-color: #171717;
    background-image: url(bg-top.png), url(bg-bottom.png);
    background-position: top, bottom;
    background-repeat: repeat-x;
    min-height: 100%;
}
body {
    font: 15px calibri,verdana,sans-serif;
    margin: 0; padding: 0;
    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 h4 { 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,
.post h4 + 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; display: inline-block; }
.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;
}


/* 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: 240px; }
#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: 0em;	
}
#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;	
}

/* CASOPIS */
.harmonogram {
    border-collapse: collapse;
    width: 99%;
    border: 1px solid #333;
    margin-top: 1em;
}
.harmonogram td, .harmonogram th {
    text-align: left;
    border: 1px solid #333;
    padding: 1px 4px;
}
.harmonogram tr td:first-child {
    background-color: #111;
}

.info_cz, .info_de, .info_en {
    background-position: -2px 5px;
    background-repeat: no-repeat;
}
.info_cz {
    background-image: url(info_cz.png);
}
.info_de {
    background-image: url(info_de.png);
}
.info_en {
    background-image: url(info_en.png);
}
.info_cz small, .info_de small, .info_en small {
    display: block;
    margin-left: 2.6em;
}

/* 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;	
}