/* Reset
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: #fff;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}



/* Basic
----------------------------------------------- */
html {height: 100%;}
body {color: #fff; font: 16px/1.2em "Verdana CE", Verdana, "Trebuchet MS"; height: 100%; background: url("../images/back.jpg") repeat-x #333;}
a, a:visited {color: #ababab; text-decoration: none;}
a:hover {color: #fff;}
p {margin: 20px 0;}
.clear {clear: both;}
strong {font-weight: bold;}
em {font-style: italic;}
.left {float: left;}
.right {float: right;}
.bold {font-weight: bold;}
.no-bold {font-weight: normal; padding-left: 17px; color: #000;}



/* Vlajky
----------------------------------------------- */
#flag {text-align: right; position: relative; top: 55px; left: 0px; float: right;}
#flag img {border: 1px solid #000; margin-right: 3px; padding: 0;}



/* Layout
----------------------------------------------- */
#wrapper {width: 1010px; margin: 0 auto;}
#header {width: 1010px; height: 100px; background: url("../images/zahlavi.gif") no-repeat;}
#header ul {width: 1000px; margin: 0 auto; position: relative; top: 80px; left: -15px;}
#header ul li {display: inline;}
#header ul li a {color: #fff; text-decoration: none; float: left; height: 23px; width: 138px; background: #000; text-align: center; padding-top: 6px; border-bottom: 1px solid #000; font-weight: bold; font-size: 0.88em;}
#header ul li a:hover {color: #eee; background: #2e2e2e; border-bottom: 1px solid #727272;}


#content {width: 1000px; margin: 0 auto; margin-top: 30px; font-size: 0.86em; float: left;}
#content h2 {margin-bottom: 20px; font-weight: bold; color: #ababab; font-size: 1.3em;}



/* Alerts
----------------------------------------------- */
.alert-bad {border: 1px solid red; width: 350px; font-size: 0.75em; padding: 5px 5px 5px 30px; font-weight: bold; background: url(../images/cancel.jpg) no-repeat 8px 4px #ffe3e3; margin: 10px 0 30px 0; color: #000;}
.alert-good {border: 1px solid green; width: 350px; font-size: 0.75em; padding: 5px 5px 5px 30px; font-weight: bold; background: url(../images/accept.jpg) no-repeat 8px 4px #d4ead4; margin: 10px 0 30px 0; color: #000;}



/* Footer
----------------------------------------------- */
#footer {width: 100%; height: 50px; font-size: 0.75em; clear: both;}
#footer p {text-align: center; padding-top: 40px;}



/* Thumbnail
----------------------------------------------- */
.thumbnail {width: 218px; height: 210px; float: left; text-align: center; font-size: 0.875em; background: #545454; border: 1px solid #000; padding-top: 20px; margin: 5px;}
.thumbnail:hover {background: #777;}
.thumbnail img {border: 1px solid #000; margin: 0 0 5px 0;}
.thumbnail .nadpis-galerie {font-weight: bold;}

.more {float: right; margin: 10px 20px 0 0;}



/* Thumbnail gallery
----------------------------------------------- */
.thumbnail-gallery {width: 230px; height: 233px; float: left; text-align: center; font-size: 0.875em; background: #545454; border: 1px solid #000; padding-top: 20px; margin: 5px;}
.thumbnail-gallery:hover {background: #777;}
.thumbnail-gallery img {border: 1px solid #000; margin: 0 0 5px 0;}
.thumbnail-gallery .nadpis-galerie {font-weight: bold;}



/* Lista
----------------------------------------------- */
#lista {float: left; margin: 0 100px 10px 0;}



/* Category
----------------------------------------------- */
#category {float: left;}
#category select {font-size: 0.875em; border: 1px solid #000; margin-left: 10px;}
#category option {padding-left: 15px;}


/* Kniha navstev - editace barev
----------------------------------------------- */
#kniha {background: #525252; font-size: 0.75em; margin-left: 116px;}
#kniha input, #kniha textarea {background: #ddd; border: 1px solid #000;}
.posttop-book {border: 1px solid #000; background: #525252;}
.posttext-book {border: 1px solid #000; background: #6e6e6e;}



/* Kniha navstev
----------------------------------------------- */
#kniha {width: 700px; border: 1px solid #000; padding: 20px 20px; float: left; margin-bottom: 35px;}
#kniha .kniha-input {width: 350px; margin-bottom: 4px; float: left;}
#kniha .kniha-nadpis {width: 80px; float: left; text-align: right; padding-right: 5px; font-weight: bold;}
#kniha .kniha-pole {width: 265px; float: left;}
#kniha .kniha-pole em {font-size: 1.0em;}
#kniha .kniha-pole input {width: 260px;}
#kniha .kniha-antispam {width: 150px; float: left;}
#kniha .kniha-antispam input {width: 140px;}
#kniha .kniha-kod {width: 100px; float: left;}
#kniha .kniha-bottom {width: 340px; float: left;}
#kniha .kniha-smile {float: left; width: 180px;}
#kniha .kniha-button {float: right; font-weight: bold; width: 120px; text-align: right;}

#kniha .prvni-sloupec {width: 350px; float: left;}
#kniha .druhy-sloupec {float: right; width: 350px;}
#kniha em {font-size: 0.75em; color: red;}
#kniha #antispam img {position: relative; top: 5px;}
#kniha textarea {width: 340px; height: 91px; margin-bottom: 10px; position: relative; top: -1px;}

.post-book {margin: 0 0 16px 226px; width: 500px;}
.post-book-reply {margin: 0 0 16px 256px; width: 470px;}
.posttop-book {padding: 4px 4px 7px 4px ; height: 12px;}
.username-book {font-weight: bold; width: auto; float: left;}
.userweb-book {width: auto; float: left; margin-left: 10px;}
.userweb-image {width: 16px; height: 20px; border: 0;}
.posttext-book {padding: 4px; border-top: 0; text-align: left;}
.postdate-book {float: right; margin-right: 10px; font-size: 0.75em; padding: 1px 0 0 0;}



/* Image
----------------------------------------------- */
#image {width: 100%; text-align: center;}
#image img {border: 1px solid #000;}
#image #sipky {width: 276px; margin: 20px auto; height: 25px; font-size: 0.75em;}
#image #sipky .vlevo {width: 90px; float: left; height: 23px; text-align: right;}
#image #sipky .vpravo {width: 90px; float: left; height: 23px; text-align: left;}
#image #sipky .zpet {width: 90px; float: left; height: 23px;}
#image #info {width: 600px; margin: 20px auto; text-align: left; padding-bottom: 30px;}
#image #info p {margin: 7px 0; font-size: 0.75em;}
#image #info p.nazev {font-weight: bold; font-size: 1.0em;}
#image #info p.popis {}



/* Strankovani
----------------------------------------------- */
.listing {float: left; width: 1000px; clear: both;}

#pagination {font-size: 1.0em; font-weight: bold; padding: 15px 0 0 20px; width: 450px; position: relative; left: 50%; margin: 0 0 0 -150px;}
#pagination li {display: block; float: left; padding: 2px 4px; margin-right: 2px;}
#pagination li a:hover {color: #fff;}
#pagination .active {background: none; color: #fff;}
#pagination .active:hover {color: #fff;}

#pagination a, #pagination a:visited {text-decoration: none; color: #ababab;}
#pagination li:hover {color: #fff;}

#pagination .dotty {text-decoration: none;}
#pagination .dotty:hover {text-decoration: none; color: #fff;}



/* News
----------------------------------------------- */
#right {width: 250px; float: right;}
#right #news {margin-bottom: 30px;}
#right h4 {font-weight: bold; padding: 0; position: relative; margin: 10px 0;}



/* News
----------------------------------------------- */
#pre-news {width: 690px; float: left; font-size: 0.875em; clear: both;}
#pre-news h2 {margin: 0; padding: 0; margin-top: 10px;}
#pre-news span.datum-news {font-style: italic; font-size: 0.875em;}
#pre-news p {margin: 0; padding: 0; margin-top: 10px;}
#pre-news hr {border-width: 0; border-top: 1px solid #787878; height: 1px; margin: 25px 0;}

#news {width: 250px; margin: 0 0 7px 0; border: 1px solid #000; background: #646464; padding: 8px; font-size: 0.875em;}
#news h3 {font-weight: bold; margin-bottom: 6px; padding-bottom: 0;}
#news h3 a, #news h3 a:visited {color: #fff;}
#news h3 a:hover {color: #b8b8b8;}
#news span {font-style: italic; position: relative; top: -7px; font-size: 0.875em;}
.side-all {font-style: italic; display: block;}

#sitemap {width: 650px; float: left; font-size: 0.875em; clear: both;}
#sitemap h2 {margin: 0; padding: 0; margin-top: 10px; margin-left: 30px; padding-bottom: 15px;}
#sitemap span.datum-news {font-style: italic; font-size: 0.875em;}
#sitemap p {margin: 0; padding: 0; margin-top: 10px;}
#sitemap hr {border-width: 0; border-top: 1px solid #787878; height: 1px; margin: 25px 0;}
#sitemap ul {margin-left: 35px;}
#sitemap ul ul {list-style: disc;}



/* Fuji
----------------------------------------------- */
#fuji {width: 250px; float: right; margin: 0 18px 7px 0;}
#fuji img {border: 1px solid #000;}



/* Links
----------------------------------------------- */
#links-box {width: 1000px;}
#links-box h2 {clear: both; color: #fff; margin: 10px 0 40px 0;}
.links {width: 450px; float: left; margin: 0 15px 20px 0; height: 120px;}
.links-img {float: left; width: 125px; height: 100px;}
.links-img img {border: 1px solid #000;}
.links-text {float: left; width: 300px; padding-left: 15px; font-size: 0.875em;}
.links-text h3 {font-weight: bold; font-size: 1.25em; padding-bottom: 5px;}



/* Article
----------------------------------------------- */
.article-back {background: url("../images/article.jpg") no-repeat; width: 626px; padding: 12px; margin-bottom: 25px;}
.article img {border: 1px solid #000; margin: 0 10px 10px 0; float: left;}
.article .clanek-h5 {font-weight: bold; margin-bottom: 9px; padding-bottom: 0;}
.article-prehled p {margin: 7px 0 25px 0; padding: 0;}
.article-prehled a.article-nadpis, .article-prehled a.article-nadpis:visited {color: #fff; text-decoration: underline;}
.article-back p {font-size: 0.75em; width: 600px;}



/* Article
----------------------------------------------- */
.article {width: 95%; margin-left: 2%; font-size: 1.25em;}

.article h1 {font-weight: bold; font-size: 1.1em; padding: 5px 0 12px 0; margin: 0;}
#content .article h2 {font-size: 1.1em; padding: 5px 0 12px 0; margin: 0; color: #fff; font-weight: normal;}
.article h3 {font-size: 1.1em; padding: 5px 0 12px 0; margin: 0; text-decoration: underline;}
.article h4 {font-size: 1.1em; padding: 5px 0 12px 0; margin: 0; font-style: italic;}

.article p {font-size: 0.875em; line-height: 1.5em; margin: 0 0 17px 0;}
.article pre {border: 1px dotted #000; margin: 12px 25px 12px 10px; padding: 7px; background: #fff; font-size: 0.75em; font-family: "courier new"; line-height: 1.4em; display: block; overflow-x: auto; white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
.article blockquote {border-left: 1px dashed #000; margin: 12px 25px 12px 10px; background: #d7d7d7; display: block;}
.article blockquote p {font-size: 0.75em; line-height: 1.6em; padding: 10px 15px;}

.article ul {margin: 12px 0 20px 25px; font-size: 0.875em; list-style: disc;}
.article ul li {line-height: 1.38em;}
.article ul li ul {margin-top: 0; margin-bottom: 0; font-size: 1.0em; list-style: circle;}
.article ul li ul li ul {margin-top: 0; margin-bottom: 0; font-size: 1.0em; list-style: square;}

.article ol {margin: 12px 0 20px 25px; font-size: 0.875em; list-style: decimal;}
.article ol li {line-height: 1.38em;}
.article ol li ol {margin-top: 0; margin-bottom: 0; font-size: 1.0em;}
.article ol li ol li ol {margin-top: 0; margin-bottom: 0; font-size: 1.0em; list-style: lower-latin;}

.article table {width: auto; border-collapse: collapse; font-size: 0.75em; margin: 20px 0 20px 0; border: 0px solid #e0e0e0; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.article table caption {font-variant: small-caps; padding-bottom: 10px;}
.article table.full {width: 100%;}
.article table th {background: #e0e0e0; color: #333; padding: 0.5em; border-bottom: 1px solid #fff; text-align: left; font-weight: bold;}
.article table td {border-bottom: 1px solid #eee; padding: 0.5em;}

.article .article-vlevo {float: left; margin: 7px; border: 1px solid #000;}
.article .article-vpravo {float: right; margin: 7px; border: 1px solid #000;}
.article .article-text-vlevo {text-align: left;}
.article .article-text-vpravo {text-align: right;}
.article .article-text-center {text-align: center;}
.article .article-text-justify {text-align: justify;}
.article .youtube {text-align: center; padding: 20px 0;}

.centr {width: 100%; text-align: center;}