/* ------------------------------------------ */
/* Webova galerie Azael --------------------- */
/* Zakladni styly --------------------------- */
/* ------------------------------------------ */



/* Reset css
----------------------------------------------- */
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, b, u, i, center, 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: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}



/* Basic formatting
----------------------------------------------- */
html {height: 100%;}
body {color: #000; font: 16px/1em Arial, "Trebuchet MS", Verdana; height: 100%; background: url("../images/back.jpg") repeat-x #fff;}
a, a:visited {color: #000; text-decoration: underline;}
a:hover {color: #ff0000; text-decoration: none;}
p {margin: 20px 0;}
strong {font-weight: bold;}
em {font-style: italic;}

.clear {clear: both;}
.clear-10 {clear: both; padding: 8px 0 7px 0;}
.clear-20 {clear: both; padding: 10px 0;}
.left {float: left;}
.right {float: right;}
.bold {font-weight: bold;}
.no-bold {font-weight: normal; padding-left: 17px;}

.height-1 {height: 1px;}
.margin-0 {margin: 0;}
.padding-0 {padding: 0;}

.black {color: black;}
.blue {color: blue;}
.green {color: green;}
.grey {color: grey;}
.orange {color: orange;}
.red {color: red;}



/* ------------------------------------------ */
/* Webova galerie Azael --------------------- */
/* Styly galerie ---------------------------- */
/* ------------------------------------------ */



/* Save layout
----------------------------------------------- */
.standart-content, .blog-content {width: 94%; margin-left: 2%;}



/* Debug table
----------------------------------------------- */
#debug {border-spacing: 1px; font-size: 0.75em;}
#debug td {background: #d5d5d5; padding: 5px 8px;}
#debug th {background: #aaa; font-weight: bold; padding: 5px 8px;}
#debug tr.debug-red td {font-weight: bold; color: red;}



/* Lista
----------------------------------------------- */
.lista {float: left; margin: 10px 0 15px 3%; clear: both; width: 590px; font-size: 1.0em; line-height: 2.0em;}
.lista a, .lista a:visited {text-decoration: underline;}
.lista span {font-size: 1.125em;}



/* Footer
----------------------------------------------- */
#footer {clear: both;}
#footer address {text-align: center; font-style: normal; color: #545454; padding: 27px 0; font-size: 1.125em;}
#footer address a, #footer address a:visited {text-decoration: none; font-size: 1.0em;}
#footer address dfn {border-bottom: 1px dashed; cursor: help; font-style: normal;}



/* Strankovani
----------------------------------------------- */
#centering {clear: both; width: 100%; overflow: hidden; padding: 15px 0;}

#pagination {padding: 0; margin: 0 auto; list-style-type: none; float: left; position: relative; left: 50%; font-size: 0.875em;}
#pagination li {float: left; position: relative; right: 50%; font-weight: bold;}
#pagination li a {width: auto; display: block; padding: 2px 4px; text-decoration: none;}
#pagination .active {padding: 2px 4px; color: #fff; font-size: 1.25em;}



/* Alerts
----------------------------------------------- */
.alert-bad {border: 1px solid red; width: 350px; font-size: 1.0em; padding: 5px 5px 5px 35px; font-weight: bold; background: url(../images/cancel.jpg) no-repeat 8px 4px #ffe3e3; margin: 10px 0 12px 2%; color: #000;}
.alert-good {border: 1px solid green; width: 350px; font-size: 1.0em; padding: 5px 5px 5px 35px; font-weight: bold; background: url(../images/accept.jpg) no-repeat 8px 4px #d4ead4; margin: 10px 0 12px 2%; color: #000;}
.alert-sql {border: 1px dashed #f3c14a; width: 500px; font-size: 1.0em; line-height: 1.4em; padding: 5px 5px 5px 35px; background: #fff99c; margin: 10px 0 12px 2%; color: #000;}
.alert-info {border: 1px solid #f7df5a; width: 350px; font-size: 1.0em; padding: 5px 5px 5px 35px; font-weight: bold; background: url(../images/info.jpg) no-repeat 8px 4px #fffca2; margin: 10px 0 12px 2%; color: #000;}
.alert-bad a, .alert-good a, .alert-info a {color: #606060;}
.alert-bad a:hover, .alert-good a:hover, .alert-info a:hover {color: #000;}
.align-center {position: relative; left: 50%; margin: 0 0 0 -195px; width: 410px; padding-bottom: 10px; clear: both;}
.align-left {width: 410px; padding-bottom: 10px; clear: both;}



/* Kniha navstev - editace
----------------------------------------------- */
#kniha {width: 650px; background: #f8f8f8; border: 5px solid #e8e8e8; font-size: 0.75em;}
#kniha input, #kniha textarea {background: #fff; border: 1px solid #ccc; color: #777;}
.posttop-comment {border: 1px solid #e3e3e3; background: #e3e3e3;}
.posttext-comment {border: 1px solid #e3e3e3; background: #f8f8f8; font-size: 0.75em;}
.post-comment-reply .posttop-comment {border: 1px solid #d5e0f6; background: #d5e0f6;}
.post-comment-reply .posttext-comment {border: 1px solid #d5e0f6; background: #eaf0fb; font-size: 0.75em;}



/* Kniha navstev
----------------------------------------------- */
#kniha {padding: 20px 30px 20px 20px; margin: 40px auto; overflow: hidden; position: relative; left: -5px;}
#kniha h4 {color: #7f7f7f; font-size: 1.5em; font-weight: bold; margin-bottom: 7px; padding-bottom: 0;}
#kniha p {color: #7f7f7f; font-size: 0.875em; margin: 0; padding: 0;}
#kniha p a, #kniha p a:visited {color: #525252;}
#kniha hr {border-width: 0; border-top: 1px solid #d9d9d9; height: 1px; margin: 20px 0 15px 0; padding: 0;}
#kniha .comment-input {width: 100%; margin-bottom: 4px;}
#kniha .comment-nadpis {width: 80%; text-align: left; padding: 7px 0 4px 2px; font-weight: bold; color: #777;}
#kniha .comment-nadpis span {margin-left: 5px; font-size: 1.25em; color: red;}
#kniha .comment-pole {width: 90%; float: left; margin-bottom: 10px;}
#kniha .comment-pole input {width: 98%; font-size: 1.0em; padding: 4px;}
#kniha .comment-pole input:focus {border: 1px solid #8c8c8c;}
#kniha .comment-pole-textarea textarea {height: 180px; padding: 4px;}
#kniha .comment-pole-textarea textarea:focus {border: 1px solid #8c8c8c;}
#kniha .comment-antispam {width: 50%; float: left;}
#kniha .comment-antispam input {width: 90%; font-size: 1.0em; padding: 4px;}
#kniha .comment-antispam input:focus {border: 1px solid #8c8c8c;}
#kniha .comment-kod {width: 100px; float: left; padding: 2px 0 0 5px;}
#kniha .comment-bottom {width: 100%; float: left;}
#kniha .comment-smile {float: left; width: 140px; padding: 8px 0 0 10px;}
#kniha .comment-button {float: right; font-weight: bold; width: 120px; text-align: right;}
#kniha .comment-button input {width: 90%; padding: 5px; cursor: pointer;}
#kniha .comment-button input:hover {background: #e8e8e8; color: #c60000;}
#kniha .comment-button input:focus {color: #7e0000;}

#kniha .prvni-sloupec {width: 40%; float: left;}
#kniha .druhy-sloupec {float: right; width: 59%;}
#kniha #antispam img {position: relative; top: 5px;}
#kniha textarea {width: 100%; height: 86px; margin-bottom: 10px; position: relative; top: -1px;}

.slider-inbox-reply {width: 477px; font-size: 0.75em; margin: 10px;}
.slider-inbox-reply input, .slider-inbox-reply textarea {background: #fff; border: 1px solid #ccc; color: #777;}
.slider-inbox-reply .comment-input {width: 100%; margin-bottom: 4px;}
.slider-inbox-reply .comment-nadpis {width: 40%; text-align: left; padding: 7px 0 4px 2px; font-weight: bold; color: #777;}
.slider-inbox-reply .comment-nadpis span {margin-left: 5px; font-size: 1.25em; color: red;}
.slider-inbox-reply .comment-pole {width: 90%; float: left; margin-bottom: 10px;}
.slider-inbox-reply .comment-pole input {width: 98%; font-size: 1.0em; padding: 4px;}
.slider-inbox-reply .comment-pole input:focus {border: 1px solid #8c8c8c;}
.slider-inbox-reply .comment-pole-textarea textarea {height: 180px; padding: 4px;}
.slider-inbox-reply .comment-pole-textarea textarea:focus {border: 1px solid #8c8c8c;}
.slider-inbox-reply .prvni-sloupec-reply {width: 40%; float: left;}
.slider-inbox-reply .druhy-sloupec-reply {float: right; width: 59%;}
.slider-inbox-reply textarea {width: 97%; height: 86px; margin-bottom: 10px;}

.slider-inbox-reply .comment-bottom {width: 100%; float: left;}
.slider-inbox-reply .comment-button {float: right; font-weight: bold; width: 136px; text-align: right;}
.slider-inbox-reply .comment-button input {width: 90%; padding: 5px; cursor: pointer;}
.slider-inbox-reply .comment-button input:hover {background: #e8e8e8; color: #c60000;}
.slider-inbox-reply .comment-button input:focus {color: #7e0000;}

.post-comment {margin: 0 0 16px 40px; width: 500px;}
.post-comment-reply {margin: 0 0 16px 70px; width: 470px; overflow: hidden;}
.posttop-comment {padding: 7px 7px 10px 7px; height: 12px;}
.username-comment {font-weight: bold; width: auto; float: left;}
.username-comment a {color: #8f8f8f; font-size: 0.75em; font-weight: normal; position: relative; top: -1px; cursor: pointer; margin-right: 2px; text-decoration: none;}
.username-comment a.order-reply {color: #9da8be;}
.username-comment a:hover {color: #000;}
.comment-reakce {color: #168ec6; text-decoration: none; display: block; padding-top: 10px; width: 150px;}
.comment-reakce-link, a.comment-reakce-link:visited {padding: 0 5px 0 9px; color: green; background: url("../img/reaction-down.gif") 0 4px no-repeat;}
.comment-reakce-who, a.comment-reakce-who:visited {color: #7f7f7f; padding-left: 9px; background: url("../img/reaction-up.gif") 0 4px no-repeat; margin-left: 5px;}
.userweb-comment {width: auto; float: left; margin-left: 10px;}
.userweb-comment-right {width: auto; float: right;}
.userweb-image {height: 20px; border: 0;}
.posttext-comment {padding: 7px; border-top: 0; text-align: left;}
.postdate-comment {float: right; margin-right: 10px; font-size: 0.75em; padding: 1px 0 0 0;}

.postimg-comment {width: 40px; float: left;}
.postbody-comment {width: 425px; float: right;}

#vypis {width: 500px; position: relative; left: 50%; margin: 0 0 0 -290px; float: left;}



/* Thumbnail
----------------------------------------------- */
.thumbnail {width: 158px; height: 180px; float: left; text-align: center; font-size: 1.125em;}
.thumbnail img {border: 1px solid #000; margin: 0 0 5px 0;}



/* Thumbnail - zarovnani na stred vertikalne i horizontalne
----------------------------------------------- */
.thumbnail-back {border: 1px solid #d2d2d2; margin: 0 0 10px 10px; background: #ebebeb;}
.thumbnail-back:hover {background: #cacaca;}
.posun {margin-top: 10px;}



/* Thumbnail - odkazy
----------------------------------------------- */
.thumbnail-link {width: 150px; height: 160px; float: left; text-align: center; font-size: 0.75em;}
.thumbnail-link img {border: 1px solid #000; margin: 0 0 5px 0;}

.thumbnail-link-list {width: 96%; margin-left: 2%;}
.thumbnail-link-list h3 {margin: 0; padding: 0 0 3px 0; font-weight: bold;}
.thumbnail-link-list h3 a, .thumbnail-link-list h3 a:visited {text-decoration: underline;}
.thumbnail-link-list h3 span a, .thumbnail-link-list h3 span a:visited {color: #828282; font-size: 0.75em; font-weight: normal; text-decoration: none;}
.thumbnail-link-list p {margin: 0 0 20px 0; padding: 0; font-size: 0.875em;}

.thumbnail-link-thumblist {width: 90%; margin: 0 0 15px 2%; float: left;}
.thumbnail-link-thumblist .thumbnail-link-list-img {float: left; margin: 0 15px 20px 0;}
.thumbnail-link-thumblist .thumbnail-link-list-img img {border: 1px solid #000;}
.thumbnail-link-thumblist .thumbnail-link-list-text {float: left; width: 520px;}
.thumbnail-link-thumblist .thumbnail-link-list-text h3 {margin: 0; padding: 0 0 3px 0; font-weight: bold;}
.thumbnail-link-thumblist .thumbnail-link-list-text h3 a, .thumbnail-link-thumblist .thumbnail-link-list-text h3 a:visited {text-decoration: underline;}
.thumbnail-link-thumblist .thumbnail-link-list-text h3 span a, .thumbnail-link-thumblist .thumbnail-link-list-text h3 span a:visited {color: #828282; font-size: 0.75em; font-weight: normal; text-decoration: none;}
.thumbnail-link-thumblist .thumbnail-link-list-text p {margin: 0 0 20px 0; padding: 0; font-size: 0.875em;}

#filter {margin: 0 0 0 15px; font-size: 0.75em;}
#filter li {float: left; display: block;}
#filter li a {text-decoration: none; padding: 0 0 0 15px;}
#filter li.current a {color: green;}

#links {clear: both; float: left; margin: 30px 0 0 0; width: 95%;}

.linky {font-family: verdana;}
.linky h2 {color: #ffcc99; font-size: 1.5em; margin: 25px 0 0 8px; font-weight: bold;}
.linky h3 {clear: both; padding-bottom: 7px;}
.linky h3 a, .linky h3 a:visited {color: #fff; text-decoration: none; font-size: 1.0em; float: left; margin-right: 10px;}
.linky h3 span {font-size: 1.25em; display: block; float: left;}
.linky h3 span a, .linky h3 span a:visited {color: #ff9900;}




/* Seznam uzivatelu
----------------------------------------------- */
.userlist-img {float: left; width: 160px; margin-left: 2%; padding: 0 10px 10px 0;}
.userlist-img img {border: 1px solid #000;}
.userlist-text {float: right; width: 545px; padding: 0 20px 20px 0;}
.userlist-text h1 {font-size: 1.0em; font-weight: bold; padding-bottom: 7px;}
.userlist-text h1 a, .userlist-text h1 a:visited {text-decoration: none;}
.userlist-text ul li {font-size: 0.75em; display: block; padding-bottom: 5px;}



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

.article h1 {font-weight: bold; font-size: 1.125em; padding: 0.31em 0 0.75em 0; line-height: 1.31em;}
.article h2 {font-weight: bold; font-size: 1.125em; padding: 1.0em 0 0.75em 0; line-height: 1.31em; color: #ffcc99;}
.article h3 {font-weight: bold; font-size: 1.0em; padding: 1.0em 0 0.75em 0; line-height: 1.31em; color: #ffcc99;}
.article h4 {font-weight: bold; font-size: 0.875em; padding: 1.0em 0 0.75em 0; line-height: 1.31em; color: #ffcc99;}
.article h5 {font-weight: bold; font-size: 0.875em; padding: 1.0em 0 0.75em 0; line-height: 1.31em; text-decoration: underline;}
.article h6 {font-weight: bold; font-size: 0.875em; padding: 1.0em 0 0.75em 0; line-height: 1.31em; font-style: italic;}
.article p {font-size: 0.875em; line-height: 1.75em; margin: 0 0 1.1em 0;}
.article pre {border: 1px dotted #000; margin: 0.75em 1.56em 0.75em 0.63em; padding: 0.63em 0.94em; 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: 0.75em 25px 0.75em 0.63em; background: #d7d7d7; display: block;}
.article blockquote p {font-size: 0.75em; line-height: 1.6em; padding: 0.63em 0.94em;}

.article ul {margin: 0.75em 0 1.25em 1.56em; font-size: 0.875em; list-style: disc;}
.article ul li {line-height: 1.75em;}
.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: 0.75em 0 1.25em 1.56em; font-size: 0.875em; list-style: decimal;}
.article ol li {line-height: 1.75em;}
.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: 0.31em 0 1.25em 0; border: 1px solid #e0e0e0; border-top: 2px solid #888; border-bottom: 2px solid #888;}
.article table caption {font-variant: small-caps; padding-bottom: 0.63em;}
.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; margin-right: 12px; border: 0px solid #000; margin-left: 0;}
.article .article-vpravo {float: right; margin: 7px; border: 0px solid #000; margin-right: 0;}

.article .article-img {padding: 14px 14px 6px 16px; background: #1c1916; color: #cdc1bc; font-style: italic; font-size: 1.1em;}
.article .article-img img {margin-bottom: 7px;}
.article p.article-img {color: #ffcc99;}


.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;}

.article-social {font-size: 0.875em; padding-bottom: 25px;}
.article-social .article-facebook {background: url("/azael/img/facebook.png") no-repeat; padding: 0 15px 0 22px; margin-left: 2%;}
.article-social .article-twitter {background: url("/azael/img/twitter.png") no-repeat; padding: 0 15px 0 22px;}
.article-social .article-delicious {background: url("/azael/img/delicious.png") no-repeat; padding: 0 15px 0 22px;}



/* Uprava typografie
----------------------------------------------- */
.uprava-typografie {font-size: 0.875em;}



/* Anketa
----------------------------------------------- */
.poll {border: 1px dashed #aaa; padding: 10px; width: 300px; margin: 7px 0 20px 0; float: left;}
.poll strong {line-height: 1.4em; font-size: 0.875em;}
.poll .voted {color: red; font-size: 0.75em; line-height: 2.0em;}
.poll hr {border-width: 0; border-top: 1px dashed #aaa; height: 1px;}
.poll ul {margin-left: 0;}
.poll ul li {display: block; list-style: none; margin-bottom: 10px;}
.poll .poll-img {border: 0; display: block; height: 10px; margin: 2px 0 10px 0; width: 1%;}

.poll-sidebar {width: 190px; font-size: 0.75em;}
.poll-sidebar strong {margin-bottom: 10px; display: block; float: left; font-size: 1.0em;}
.poll-sidebar ul {clear: both;}
.poll-sidebar hr {border-width: 0; border-top: 1px dashed #aaa; height: 1px;}
.poll-sidebar .voted {font-size: 0.875em;}



/* Blog
----------------------------------------------- */
.blog {margin-top: 0px;}
.blog-img {width: 140px; float: left;}
.blog-img a {border: 5px solid #d3d3d3; display: block; width: 119px;}
.blog-img a:hover {border: 5px solid #b7b7b7;}
.blog-text {width: 510px; float: left;}
.blog h3 {margin: 0; padding: 0 0 3px 0;}
.blog h3 a, .blog h3 a:visited {font-weight: bold; font-size: 1.0em; text-decoration: none;}
.blog span {font-style: italic; padding-bottom: 7px; display: block; font-size: 0.75em;}
.blog span strong {text-decoration: underline; font-weight: normal;}
.blog p {margin: 0; padding: 5px 0 40px 0; font-size: 0.75em; border-top: 1px dashed #a2a2a2;}



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



/* Image
----------------------------------------------- */
#image {width: 100%; text-align: center;}
#image img {border: 3px solid #000;}
#image #sipky {width: 276px; margin: 20px auto; height: 25px; font-size: 0.875em;}
#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: 750px; margin: 20px auto; text-align: left; padding-bottom: 30px;}
#image #info p {margin: 7px 0; line-height: 1.5em; font-size: 1.0em; padding-left: 5px; color: #fff;}
#image #info p .image-facebook {background: url("/azael/img/facebook.png") no-repeat; padding: 0 15px 0 22px;}
#image #info p .image-twitter {background: url("/azael/img/twitter.png") no-repeat; padding: 0 15px 0 22px;}
#image #info p .image-delicious {background: url("/azael/img/delicious.png") no-repeat; padding: 0 15px 0 22px;}
#image #info .keyword {color: #b9a596;}



/* Google mapa
----------------------------------------------- */
#map_canvas {width: 640px; height: 600px; border: 1px solid #000; width: 96%; margin-left: 2%; margin-bottom: 20px;}
#map_canvas strong {color: #000;}
#map_canvas p {color: #000;}



/* Menu galerie
----------------------------------------------- */
.gallery-menu {font-size: 0.75em; padding-bottom: 1px; border-top: 1px solid #c6c6c6; border-bottom: 0; background: #fff; margin-bottom: 10px; float: left; width: 215px;}

.gallery-menu li {border-bottom: 1px solid #c6c6c6; border-top: 1px solid #fff;}
.gallery-menu li a {text-decoration: none; display: block; padding: 6px 0; padding-left: 22px; background: url("/azael/images_shop/bullet.gif") 5px 9px no-repeat #efefef;}
.gallery-menu li a:hover {background: url("/azael/images_shop/bullet.gif") 5px 9px no-repeat #ffd633; color: #000;}
.gallery-menu li a.current {font-weight: bold; background: url("/azael/images_shop/bullet.gif") 5px 9px no-repeat #b2b2b2;}
.gallery-menu li a.current-up {font-weight: bold;}

.gallery-menu li li {border: 0;}
.gallery-menu li li a {padding-left: 40px; background: url("/azael/images_shop/bullet_under.gif") 23px 10px no-repeat;}
.gallery-menu li li a:hover {background: url("/azael/images_shop/bullet_under.gif") 23px 10px no-repeat #ffd633;}
.gallery-menu li li a.current {font-weight: bold; background: url("/azael/images_shop/bullet_under.gif") 23px 10px no-repeat #b2b2b2;}
.gallery-menu li li a.current-up {font-weight: bold;}

.gallery-menu li li li {border: 0;}
.gallery-menu li li li a {padding-left: 60px; background: url("/azael/images_shop/bullet_under.gif") 43px 10px no-repeat;}
.gallery-menu li li li a:hover {background: url("/azael/images_shop/bullet_under.gif") 43px 10px no-repeat #ffd633;}
.gallery-menu li li li a.current {font-weight: bold; background: url("/azael/images_shop/bullet_under.gif") 43px 10px no-repeat #b2b2b2;}
.gallery-menu li li li a.current-up {font-weight: bold;}

.gallery-menu li li li li a {padding-left: 80px;}
.gallery-menu li li li li li a {padding-left: 100px;}



/* Mracno klicovych slov
----------------------------------------------- */
#cloud {width: 193px; padding: 7px 10px 7px 7px; float: left; line-height: 1.6em; font-size: 1.0em;}
#cloud a {float: left; display: block; padding: 0 3px;}
#cloud a.key-low {font-size: 0.69em;}
#cloud a.key-middle {font-size: 1.0em;}
#cloud a.key-high {font-size: 1.25em;}



/* Prilohy k clankum
----------------------------------------------- */
h4.prilohy {font-weight: bold; font-size: 1.0em; width: 95%; margin-left: 2%; padding-top: 7px;}
#attach {width: 95%; margin: 12px 0 30px 2%; float: left; font-size: 0.75em;}
#attach li {line-height: 2.0em;}
#attach li a {padding-left: 25px;}
#attach li.ext-ai {background: url("../img/ext_ai.png") 1px 4px no-repeat;}
#attach li.ext-avi {background: url("../img/ext_avi.png") 1px 4px no-repeat;}
#attach li.ext-bmp {background: url("../img/ext_bmp.png") 1px 4px no-repeat;}
#attach li.ext-doc {background: url("../img/ext_doc.png") 1px 4px no-repeat;}
#attach li.ext-exe {background: url("../img/ext_exe.png") 2px 4px no-repeat;}
#attach li.ext-gif {background: url("../img/ext_gif.png") 1px 4px no-repeat;}
#attach li.ext-html {background: url("../img/ext_html.png") 0 4px no-repeat;}
#attach li.ext-jpg {background: url("../img/ext_jpg.png") 0 4px no-repeat;}
#attach li.ext-js {background: url("../img/ext_js.png") 2px 4px no-repeat;}
#attach li.ext-mp3 {background: url("../img/ext_mp3.png") 1px 4px no-repeat;}
#attach li.ext-other {background: url("../img/ext_other.png") 1px 4px no-repeat;}
#attach li.ext-pdf {background: url("../img/ext_pdf.png") 0 4px no-repeat;}
#attach li.ext-php {background: url("../img/ext_php.png") 0 4px no-repeat;}
#attach li.ext-png {background: url("../img/ext_png.png") 0 4px no-repeat;}
#attach li.ext-psd {background: url("../img/ext_psd.png") 0 4px no-repeat;}
#attach li.ext-rar {background: url("../img/ext_rar.png") 1px 4px no-repeat;}
#attach li.ext-tif {background: url("../img/ext_tif.png") 1px 4px no-repeat;}
#attach li.ext-ttf {background: url("../img/ext_ttf.png") 1px 4px no-repeat;}
#attach li.ext-xls {background: url("../img/ext_xls.png") 1px 4px no-repeat;}
#attach li.ext-zip {background: url("../img/ext_zip.png") 1px 4px no-repeat;}



/* Registrace
----------------------------------------------- */
#registrace fieldset {border: 1px solid #aaa; width: 703px; padding: 10px; margin: 0 0 25px 0; float: left;}
#registrace legend {padding: 0 3px; text-align: center; font-weight: bold; margin-bottom: 0.1em;}
#registrace .registrace-left {float: left;}
#registrace .registrace-help {float: left; border: 1px solid #e2d64d; background: #fff9b1; width: 270px; padding: 7px; margin: 5px 0 15px 0; font-size: 0.75em;}
#registrace .registrace-help p {padding-bottom: 10px; margin: 0;}
#registrace .registrace-vop {float: left; border: 1px solid #769bea; background: #cbd9f7; width: 708px; padding: 7px; margin: 5px 0 15px 0; font-size: 0.75em;}
#registrace .registrace-newsletter {float: left; border: 1px solid #f6d240; background: #ffe88e; width: 708px; padding: 7px; margin: 5px 0 15px 0; font-size: 0.75em;}
#registrace .registrace-newsletter input {position: relative; top: 2px; margin-right: 10px;}



/* Formulare
----------------------------------------------- */
.form .input-cell {width: 400px; text-align: left;}
.input-cell-login {border: 1px solid red; width: 195px;}
.form .input-textarea {width: 400px; text-align: left;}
.form .input-text, .form .input-text-selectbox {width: 100px; float: left; text-align: right; position: relative; top: 9px; font-size: 0.75em; font-weight: bold; padding: 0 7px 0 0;}

.form .input-input {width: 270px; float: left; text-align: left;}
.form .input-input input {height: 20px; border: 1px solid #aaa; background: #efefef; padding: 3px 3px 0 3px; width: 270px;}
.form .input-input select {border: 1px solid #aaa; background: #efefef; width: 200px; margin: 7px 0;}
.form .input-input textarea {height: 150px; width: 370px; border: 1px solid #aaa; background: #efefef; padding: 3px 3px 0 3px}

.form .em-upozorneni {color: red; margin: 10px 0; float: left; font-size: 0.75em; width: 640px;}
.form .input-input input.field {border: 1px solid #666; margin: 5px 0;}
.form .input-input input.obligatory {background: #fcffad; border: 1px solid #666; margin: 5px 0;}
.form .input-input input:focus {border: 1px solid #000;}
.form .input-input input.obligatory:focus {border: 1px solid #000; background: #fbff87;}

.form-login .input-cell {width: 190px; float: left;}
.form-login .input-text {width: 50px; font-size: 1.0em; font-weight: normal;}
.form-login .input-input {width: 125px;}
.form-login .input-input input {width: 115px; background: #fff;}
.form-login .input-button {width: 125px; float: left;}
.form-login .input-button input {float: right; margin-right: 7px; margin-top: 3px;}

#basic-form fieldset {border: 1px solid #aaa; width: 703px; padding: 10px; margin: 0 0 25px 2%; float: left;}
#basic-form legend {padding: 0 3px; text-align: center; font-weight: bold; margin-bottom: 0.1em;}
#basic-form input {position: relative; top: 6px;}
#basic-form .input-button input {float: right; margin: 8px 20px 0 0;}
#basic-form .registrace-left {float: left;}
#basic-form .registrace-help {float: left; border: 1px solid #e2d64d; background: #fff9b1; width: 270px; padding: 7px; margin: 5px 0 15px 0; font-size: 0.75em;}
#basic-form .registrace-help p {padding-bottom: 10px; margin: 0;}



/* Search box
----------------------------------------------- */
#box-search {border: 0px dashed #7ef24b; padding: 10px; margin: 0 0 10px 0; float: left; width: 193px;}
#box-search input.search-input {height: 18px; border: 3px solid #666; padding: 1px 3px 0 3px; width: 115px; background: #ccc; margin-right: 3px;}
#box-search input.search-button {border: 0; background: none; color: #ff9933; cursor: pointer; font-weight: bold; font-family: georgia; padding: 0 3px;}
#box-search input.search-button:hover {color: #f3810f;}

.search-lista {float: left;}
.search-where {float: right; line-height: 1.5em; font-size: 1.125em;}
.search-where label {margin-left: 10px;}

.search-where .where-nadpis {font-weight: bold; margin-right: 10px;}
.search-where .where-submit {margin-left: 10px; padding: 0 5px; border: 0; background: none; color: #ff9933; cursor: pointer; font-weight: bold; font-family: georgia;}
.search-where .where-submit:hover {color: #f3810f;}

.search-where #where_foto {position: relative; top: 2px;}
.search-where #where_article {position: relative; top: 2px;}



/* Subscribe box
----------------------------------------------- */
#box-subscribe {background: #d3ffbf; border: 1px dashed #7ef24b; padding: 10px; margin: 0 0 10px 0; float: left; width: 193px;}
#box-subscribe input.subscribe-input {height: 18px; border: 1px solid #aaa; background: #efefef; padding: 1px 3px 0 3px; width: 95px; background: #fff; margin-right: 3px;}



/* Kontaktni informace
----------------------------------------------- */
#kontakt {width: 280px; margin-left: 15px; float: left; font-size: 0.875em; line-height: 1.0em; padding-top: 12px;}
#kontakt ul li {font-size: 1.3em; line-height: 1.0em; padding-left: 24px; color: #ffcc99;}
#kontakt ul li.kontakt-user {background: url("../images/kontakt-user.jpg") 0 5px no-repeat;}
#kontakt ul li.kontakt-email {background: url("../images/kontakt-mail.jpg") 2px 5px no-repeat;}
#kontakt ul li.kontakt-phone {background: url("../images/kontakt-phone.jpg") 3px 6px no-repeat;}
#kontakt p {width: 280px; margin: 23px 0 20px 0;}



/* Kontaktni mailovy formular - barvy
----------------------------------------------- */
#formular input, #formular textarea {border: 1px solid #aaa;}
#formular input:focus, #formular textarea:focus {border: 1px solid #000;}



/* Kontaktni mailovy formular
----------------------------------------------- */
#formular {width: 420px; float: right; margin-bottom: 20px; margin-right: 27px; font-size: 0.875em;}
#formular form {padding: 15px 15px 10px 15px;}
#formular form .input-cell {width: 430px; text-align: left; height: 20px; margin: 0; padding-bottom: 17px;}
#formular form .input-text {width: 120px; height: 22px; float: left; text-align: right; padding: 5px 7px 0 0;}
#formular form .input-input {width: 260px; height: 15px; float: left; text-align: left;}
#formular form .input-input input.field {width: 250px; height: 20px; padding: 3px 3px 0 3px;}
#formular form .input-textarea {width: 430px; height: 175px; text-align: left; margin: 0;}
#formular form .input-input textarea {width: 250px; height: 160px; padding: 3px 3px 0 3px; margin: 0 0 10px 0;}
#formular form .input-button {width: 430px; text-align: left; height: 20px; margin: 0; padding-bottom: 17px;}
#formular form .input-button .input-input input.button {font-weight: bold; border: 1px solid #514743; padding: 5px 10px;}
#formular form .input-button .input-input input.button:hover {cursor: pointer;}



/* Checkbox list
----------------------------------------------- */
.checkbox-list span {width: 180px; font-size: 0.75em; padding-top: 2px;}
.checkbox-list .checkbox-disabled {font-weight: bold;}



/* Mega box
----------------------------------------------- */
ul#menumap  {width: 100px; display: block; float: left; margin: 0 0 15px 14px;}
ul#menumap li.mega a {background: url(../img/map.gif) 0 4px no-repeat; display: block; font-size: 0.75em; text-decoration: none; padding: 0 0 0 11px;}
ul#menumap li.mega a:hover {background-position: 0 -40px;}
ul#menumap div {display: none;}
ul#menumap li.mega div {position: relative; border: 1px solid #dda; padding: 10px; background: #ffc; margin: 5px 0 10px 0; font-size: 0.75em; width: 200px;}
ul#mega-gallery div {z-index: 5;}
ul#mega-category div {z-index: 10;}
ul#menumap li.mega label {position: relative; top: -2px;}
ul#menumap li.hovering div {display: block;}
ul#menumap li.mega div span {width: 180px; font-size: 0.75em; padding-top: 2px;}
ul#menumap li.mega div .checkbox-disabled {font-weight: bold;}
ul#menumap li.mega div .map-button {margin-top: 10px; width: 170px;}



/* ------------------------------------------ */
/* Webova galerie Azael --------------------- */
/* Zakladni layout stranek ------------------ */
/* ------------------------------------------ */



/* Basic
----------------------------------------------- */
body {background: url(../images/back.jpg) #221c1a; font: 62.5% georgia, verdana; color: #fff;}
a img {border: 0;}
a {font-size: 1.2em;}
a:link {color: #ff9900; text-decoration: none; padding: 0 0 1px 0; margin: 0; }
a:visited {color: #ff9900; text-decoration: none; padding: 0 0 1px 0; margin: 0;}
a:hover, a:active {color: #fff; text-decoration: none;}


.clear {clear: both;}
strong {font-weight: bold;}
em {font-style: italic;}
p {margin: 0 10px 0 0; color: #fff;}



/* Layout
----------------------------------------------- */
#container {text-align: left; width: 890px; margin: 0 auto;}
#content {float: left; width: 890px;}
#header {height: 96px; padding-left: 10px;}
#header h1 {background: url("../images/logo.jpg") no-repeat; width: 265px; height: 57px; position: relative; top: 24px; left: 10px; float: left;}
#header h1 a {width: 265px; height: 57px; display: block; border: 0;}
#header h1 a span {visibility: hidden;}

#header ul {width: 430px; height: 43px; background: url("../images/menu.jpg") no-repeat; float: right; position: relative; top: 31px; left: -21px;}
#header ul li {width: 71px; height: 43px; display: inline; float: left;}
#header ul li a {border: 0; display: block; width: 71px; height: 42px; background: url("../images/menu.jpg") no-repeat; text-decoration: none;}
#header ul li a span {visibility: hidden;}

#header ul li.menu-domu a {background-position: 0 0;}
#header ul li.menu-galerie a {background-position: 71px 0;}
#header ul li.menu-blog a {background-position: 142px 0;}
#header ul li.menu-nabidka a {background-position: 213px 0;}
#header ul li.menu-autor a {background-position: 284px 0;}
#header ul li.menu-kontakt a {background-position: 355px 0;}

#header ul li.menu-domu a:hover {background-position: 0 -43px;}
#header ul li.menu-galerie a:hover {background-position: -71px -43px;}
#header ul li.menu-blog a:hover {background-position: -142px -43px;}
#header ul li.menu-nabidka a:hover {background-position: -213px -43px;}
#header ul li.menu-autor a:hover {background-position: -284px -43px;}
#header ul li.menu-kontakt a:hover {background-position: -355px -43px;}

#header ul li.menu-domu a.current {background-position: 0 -43px;}
#header ul li.menu-galerie a.current {background-position: -71px -43px;}
#header ul li.menu-blog a.current {background-position: -142px -43px;}
#header ul li.menu-nabidka a.current {background-position: -213px -43px;}
#header ul li.menu-autor a.current {background-position: -284px -43px;}
#header ul li.menu-kontakt a.current {background-position: -355px -43px;}

#foto img {border: 5px solid #45362f;}

#content {margin-top: 10px;}

#content #left {float: left; width: 525px;}
#content #left #latest-blog {background: #1c1916; float: left; padding: 15px 0 0 0;}
#content #left #latest-blog .blog-text .date {float: left; width: 85px; height: 85px; text-align: center; padding-top: 29px; color: #b79f88; font-size: 1.8em; font-family: arial, verdana;}
#content #left #latest-blog .blog-text .text {float: left; width: 390px; height: 114px; padding-right: 10px;}
#content #left #latest-blog h3 {font-size: 1.3em; padding: 0.4em 0 0.2em 0; clear: both; color: #ffcc99;}
#content #left #latest-blog .blog-text .text a, #content #left #latest-blog .blog-text .text a:visited {color: #ffcc99; border: 0; float: none; padding: 0; margin: 0; font-size: 1.0em; display: inline;}
#content #left #latest-blog h3 a:hover {color: #f07d30;}
#content #left #latest-blog .blog-text .text a.more {font-size: 1.125em;}
#content #left #latest-blog .blog-text .text a.more:hover {color: #fff;}
#content #left #latest-blog .blog-text .text p {color: #fff;}

#content #left .more {margin: 10px 0 23px 0; display: block; float: left;}
#content #left a.more, #content #left a.more:visited {color: #ff9900;}
#content #left a.more:hover {color: #fff;}
#content #left h2 {font-size: 1.7em; padding: 0 0 0.8em 0; margin: 0; color: #ffcc99; clear: both;}
#content #left p {font-size: 1.2em; line-height: 1.7em; color: #A18B7A;}

#content #left-blog {float: left; width: 500px; margin-left: 25px;}
#content #left-blog #latest-blog {background: #1c1916; float: left; padding: 15px 0 0 0;}
#content #left-blog #latest-blog .blog-text .date {float: left; width: 85px; height: 85px; text-align: center; padding-top: 29px; color: #b79f88; font-size: 1.8em; font-family: arial, verdana;}
#content #left-blog #latest-blog .blog-text .text {float: left; width: 400px; padding-right: 10px;}
#content #left-blog #latest-blog h3 {font-size: 1.3em; padding: 0.4em 0 0.2em 0; clear: both; color: #ffcc99;}
#content #left-blog #latest-blog h3 a, #content #left #latest-blog h3 a:visited {color: #ffcc99; border: 0; float: none; padding: 0; margin: 0; font-size: 1.0em; display: inline;}
#content #left-blog #latest-blog h3 a:hover {color: #f07d30;}
#content #left-blog .more {margin: 10px 0 23px 0; display: block; float: left;}
#content #left-blog p {font-size: 1.2em; line-height: 1.7em; color: #fff;}

#content #left-gallery {float: left; width: 645px; padding-left: 8px; padding-top: 8px;}




#content #left-article {width: 520px; margin-left: 18px; float: left;}

/*
#content #left-article a, #content #left-article a:link, #content #left-article a:visited {color: #c3ac9a; border-bottom: 1px dotted #c3ac9a; font-size: 1.0em;}
#content #left-article a:hover {color: #e7d6c8; border-bottom: 1px dotted #e7d6c8;}

#content #left-article h2 {font-size: 1.7em; padding: 6px 0 0.8em 0; margin: 0; color: #ffcc99; clear: both;}
#content #left-article h3 {font-weight: bold; font-size: 1.25em; padding: 5px 0 12px 0; margin: 0; color: #ffcc99;}
#content #left-article h4 {font-weight: bold; font-size: 1.13em; padding: 5px 0 12px 0; margin: 0;}
#content #left-article h5 {font-weight: bold; font-size: 1.0em; padding: 5px 0 12px 0; margin: 0;}
#content #left-article h6 {font-weight: bold; font-size: 1.0em; font-style: italic; padding: 5px 0 12px 0; margin: 0;}
#content #left-article p {font-size: 1.2em; line-height: 1.7em; margin: 0 0 1.7em 0;}
#content #left-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;}
#content #left-article blockquote {border-left: 1px dashed #000; margin: 12px 25px 12px 10px; background: #d7d7d7; display: block;}
#content #left-article blockquote p {font-size: 0.75em; line-height: 1.6em; padding: 10px 15px;}

#content #left-article ul {margin: 12px 0 20px 25px; font-size: 0.875em; width: 90%;}
#content #left-article ul li {line-height: 1.38em; list-style: disc;}
#content #left-article ul li ul {margin-top: 0; margin-bottom: 0; font-size: 1.0em; width: 95%;}
#content #left-article ul li ul li {list-style: circle;}
#content #left-article ul li ul li ul {margin-top: 0; margin-bottom: 0; font-size: 1.0em; width: 95%;}
#content #left-article ul li ul li ul li {list-style: square;}

#content #left-article ol {margin: 12px 0 20px 25px; font-size: 0.875em; width: 90%;}
#content #left-article ol li {line-height: 1.38em; list-style: decimal;}
#content #left-article ol li ol {margin-top: 0; margin-bottom: 0; font-size: 1.0em; width: 95%;}
#content #left-article ol li ol li {list-style: decimal;}
#content #left-article ol li ol li ol {margin-top: 0; margin-bottom: 0; font-size: 1.0em; width: 95%;}
#content #left-article ol li ol li ol li {list-style: lower-latin;}

#content #left-article .article-vlevo {float: left; margin: 7px 13px 7px 0; border: 1px solid #000;}
#content #left-article .article-vpravo {float: right; margin: 7px 0 7px 7px; border: 1px solid #000;}
#content #left-article .article-img {padding: 14px 14px 6px 16px; background: #1c1916; color: #cdc1bc; font-style: italic; font-size: 1.1em;}
#content #left-article .article-img img {margin-bottom: 7px;}
#content #left-article .article-img span {clear: both; width: 500px; display: block; margin-left: 4px;}

#content #left-article table {font-size: 1.3em; border-spacing: 2px; background: #221c1a; margin: 5px 0 25px 0;}
#content #left-article table td {background: #1c1916; padding: 5px 25px;}
*/


.date-jan {background: url(../images/month-jan.jpg) 22px 10px no-repeat;}
.date-feb {background: url(../images/month-feb.jpg) 22px 10px no-repeat;}
.date-mar {background: url(../images/month-mar.jpg) 22px 10px no-repeat;}
.date-apr {background: url(../images/month-apr.jpg) 22px 10px no-repeat;}
.date-may {background: url(../images/month-may.jpg) 22px 10px no-repeat;}
.date-jun {background: url(../images/month-jun.jpg) 22px 10px no-repeat;}
.date-jul {background: url(../images/month-jul.jpg) 22px 10px no-repeat;}
.date-aug {background: url(../images/month-aug.jpg) 22px 10px no-repeat;}
.date-sep {background: url(../images/month-sep.jpg) 22px 10px no-repeat;}
.date-oct {background: url(../images/month-oct.jpg) 22px 10px no-repeat;}
.date-nov {background: url(../images/month-nov.jpg) 22px 10px no-repeat;}
.date-dec {background: url(../images/month-dec.jpg) 22px 10px no-repeat;}



#content #right {float: right; width: 330px;}
#content #right h2 {font-size: 1.7em; padding: 0 0 0.8em 0; margin: 0; color: #ffcc99; clear: both;}
#content #right dl {line-height: 1.3em; clear: both; display: block; padding: 12px 0px 23px 3px; margin: 0 12px 0 0;}
#content #right dl dt img {float: left; margin-right: 10px; padding: 3px; width: 50px; height: 50px; border: 3px solid #716e69;}
#content #right dl dt img:hover {border: 3px solid #a5a39f;}
#content #right dl dd h4 a, #content #right dl dd h4 a:visited {color: #ca5100; font-size: 1.3em; border: 0;}
#content #right dl dd h4 a:hover {color: #f07d30;}
#content #right dl dt span {font-size: 1.1em; display: block; padding-top: 4px;}
#content #right dl dd p {color: #819c9e; font-size: 1.1em; padding-top: 2px;}
#content #right .h4-contact {padding-top: 28px; color: #fff;}
#content #right .contact {background: #1c1916; padding: 15px; width: 260px;}
#content #right .contact ul li {font-size: 1.3em; line-height: 1.8em; padding-left: 24px; color: #ffcc99;}
#content #right .contact ul li.me {background: url("../images/kontakt-user.jpg") 0 5px no-repeat;}
#content #right .contact ul li.mail {background: url("../images/kontakt-mail.jpg") 2px 5px no-repeat;}
#content #right .contact ul li.tel {background: url("../images/kontakt-phone.jpg") 3px 6px no-repeat;}
#content #right .contact ul li.icq {background: url("../images/kontakt-icq.jpg") 3px 7px no-repeat;}

#content #right-gallery {float: right; width: 210px;}
#content #right-gallery h2 {font-size: 1.7em; padding: 15px 0 0.8em 7px; margin: 0; color: #d7c5b7; clear: both;}
#content #right-gallery h2.gallery-h2 {padding-bottom: 0;}
#content #right-gallery h2.search-h2 {padding-top: 0; color: #ffcc99;}
#content #right-gallery h2 a, #content #right-gallery h2 a:visited {color: #d7c5b7; font-size: 1.125em;}

#content #right-blog {float: right; width: 275px; margin-right: 25px}
#content #right-blog h2 {font-size: 1.7em; padding: 6px 0 0.8em 12px; margin: 0; color: #FFCC99; clear: both;}
#content #right-blog #latest-blog {background: #1c1916; float: left; padding: 15px 15px 10px 15px; width: 245px;}
#content #right-blog #latest-blog .blog-text {float: left; width: 245px;}
#content #right-blog #latest-blog .blog-text h3 {font-size: 1.5em; padding: 0.4em 0 0.3em 0; clear: both; color: #ffcc99; font-weight: normal;}
#content #right-blog #latest-blog .blog-text h3 a, #content #left #latest-blog .blog-text h3 a:visited {color: #ffcc99; border: 0; float: none; padding: 0; margin: 0; font-size: 1.0em; display: inline;}
#content #right-blog #latest-blog .blog-text h3 a:hover {color: #fff;}
#content #right-blog #latest-blog .blog-text p {font-size: 1.2em; line-height: 1.7em;}

#content #right-blog #latest-link {background: #1c1916; float: left; padding: 15px 15px 10px 15px; margin-top: 12px; width: 245px;}
#content #right-blog #latest-link .blog-text {float: left;}
#content #right-blog #latest-link .blog-text h3 {font-size: 1.5em; padding: 0.4em 0 0.3em 0; clear: both; color: #ca5100; font-weight: normal;}
#content #right-blog #latest-link .blog-text h3 a, #content #left #latest-link .blog-text h3 a:visited {color: #ffcc99; border: 0; float: none; padding: 0; margin: 0; font-size: 1.0em; display: inline;}
#content #right-blog #latest-link .blog-text h3 a:hover {color: #fff;}
#content #right-blog #latest-link .blog-text p {font-size: 1.2em; line-height: 1.7em; width: 245px;}

#content #right-blog .more {margin: 10px 0 23px 0; display: block; float: left;}

#content #right-blog .h4-contact {padding-top: 28px; color: #fff;}
#content #right-blog .contact {background: #1c1916; padding: 15px; width: 260px;}
#content #right-blog .contact ul li {font-size: 1.3em; line-height: 1.8em; padding-left: 24px; color: #ffcc99;}
#content #right-blog .contact ul li.me {background: url("../images/kontakt-user.jpg") 0 5px no-repeat;}
#content #right-blog .contact ul li.mail {background: url("../images/kontakt-mail.jpg") 2px 5px no-repeat;}
#content #right-blog .contact ul li.tel {background: url("../images/kontakt-phone.jpg") 3px 6px no-repeat;}
#content #right-blog .contact ul li.icq {background: url("../images/kontakt-icq.jpg") 3px 7px no-repeat;}


#footer {height: 30px; clear: both; width: 100%;}



/* Slide
----------------------------------------------- */
#parent {width: 886px; height: 270px;}
#parent img {border: 5px solid #45362f;}

#slide {position: relative; top: -40px; left: 805px; width: 70px;}
#slide a {display: block; float: left; padding: 2px 5px 4px 5px; margin-right: 4px; border: 0; background: #aaa; color: #000;}
#slide a:hover {background: #000; color: #fff;}
#slide a.wactive {background: #0f0e0c; color: #a18b7a;}



/* Menu galerie
----------------------------------------------- */
#gallery-menu {margin-bottom: 20px; margin-top: 5px;}
#gallery-menu a.current, #gallery-menu a.current:visited {font-weight: bold; color: #d7c5b7;}
#gallery-menu li a, #gallery-menu li a:visited {background: url("/images/li-image.gif") 7px 10px no-repeat; text-decoration: none; border-bottom: 1px solid #3a332f; display: block; padding: 5px 0 5px 21px; color: #a18b7a;}
#gallery-menu li a:hover {color: #d7c5b7; background: url("/images/li-image.gif") 7px 10px no-repeat #2b2422;}
#gallery-menu li li {margin-left: 20px;}
#gallery-menu li li li {margin-left: 20px;}
#gallery-menu li li li li {margin-left: 20px;}
#gallery-menu li li li li li {margin-left: 20px;}



/* Menu kategorie
----------------------------------------------- */
#category-menu {margin-bottom: 20px; margin-top: 5px;}
#category-menu a.current, #category-menu a.current:visited {font-weight: bold; color: #d7c5b7;}
#category-menu li a, #category-menu li a:visited {background: url("/images/li-image.gif") 7px 10px no-repeat; text-decoration: none; border-bottom: 1px solid #3a332f; display: block; padding: 5px 0 5px 21px; color: #a18b7a;}
#category-menu li a:hover {color: #d7c5b7; background: url("/images/li-image.gif") 7px 10px no-repeat #2b2422;}
#category-menu li li {margin-left: 20px;}
#category-menu li li li {margin-left: 20px;}
#category-menu li li li li {margin-left: 20px;}
#category-menu li li li li li {margin-left: 20px;}



/* Lista
----------------------------------------------- */
#lista {float: left; margin: 10px 100px 15px 3%; clear: both; width: 60%; font-size: 1.3em;}
#lista a, #lista a:visited {text-decoration: none; font-size: 1.0em; border-bottom: 1px dotted #819c9e;}
#lista a:hover {border-bottom: 1px dotted #2d6eaa;}



/* Mracno klicovych slov
----------------------------------------------- */
#cloud {width: 193px; padding: 7px 10px 7px 7px; background: #1c1916; float: left; line-height: 2.5em;}
#cloud a {float: left; color: #a18b7a; border: 0; display: block; padding: 0 3px;}

#cloud a.key-low {font-size: 1.1em; color: #6b5a4e;}
#cloud a.key-middle {font-size: 1.4em; color: #857263;}
#cloud a.key-high {font-size: 1.9em;}

#cloud a:hover {color: #d7c5b7;}



/* Formular
----------------------------------------------- */
#kontakt {width: 360px; margin-left: 15px; float: left;}
#kontakt h2 {font-size: 1.7em; padding: 6px 0 18px 12px; margin: 0; color: #fff; clear: both;}
#kontakt ul {margin-left: 10px;}
#kontakt ul li {font-size: 1.5em; line-height: 1.9em; padding-left: 39px;}
#kontakt ul li.kontakt-me {background: url("/images/kontakt-user-big.jpg") 0 4px no-repeat;}
#kontakt ul li.kontakt-mail {background: url("/images/kontakt-mail-big.jpg") 1px 6px no-repeat;}
#kontakt ul li.kontakt-tel {background: url("/images/kontakt-phone-big.jpg") 0 4px no-repeat;}
#kontakt ul li.kontakt-icq {background: url("/images/kontakt-icq-big.jpg") 1px 5px no-repeat;}
#kontakt p {color: #a18b7a; font-size: 1.45em; line-height: 1.7em; padding: 15px; background: #1c1916; width: 300px; margin: 23px 0 15px 12px;}
#kontakt span {color: #a18b7a; font-size: 1.45em; line-height: 1.7em; padding: 15px; background: none; width: 300px; margin: 10px 0 15px 12px; display: block;}
#kontakt img {margin-left: 25px;}

#right-formular {width: 460px; float: right; margin-bottom: 20px; margin-right: 27px;}
#right-formular h2 {font-size: 1.7em; padding: 6px 0 0.8em 12px; margin: 0; color: #fff; clear: both;}
#formular {background: #1c1916; padding: 15px 15px 10px 15px;}
#formular .input-cell {color: #8f817c; width: 450px; text-align: left; height: 20px; margin: 0; padding-bottom: 17px;}
#formular .input-text {width: 150px; height: 22px; float: left; text-align: right; font-weight: bold; padding: 5px 7px 0 0; font-size: 1.2em;}
#formular .input-input {width: 260px; height: 15px; float: left; text-align: left;}
#formular .input-input input.field {color: #8f817c; width: 250px; height: 20px; border: 1px solid #514743; background: #352d2a; padding: 3px 3px 0 3px;}
#formular .input-input input.field:focus {border: 1px solid #8f817c;}
#formular .input-textarea {width: 450px; height: 175px; text-align: left; margin: 0;}
#formular .input-input textarea {color: #8f817c; width: 250px; height: 160px; border: 1px solid #514743; background: #352d2a; padding: 3px 3px 0 3px; margin: 0 0 10px 0;}
#formular .input-input textarea:focus {border: 1px solid #8f817c;}
#formular .input-button {width: 450px; text-align: left; height: 20px; margin: 0; padding-bottom: 17px;}
#formular .input-button .input-input input.button {font-weight: bold; border: 1px solid #514743; padding: 5px 10px; background: #3d3731; color: #8f817c;}
#formular .input-button .input-input input.button:hover {background: #221c1a; cursor: pointer;}



/* Zviditelněné odstavce
----------------------------------------------- */
.icon-city {background: url("/images/icon-city.jpg") 16px 13px no-repeat #1c1916; padding: 7px 7px 0 75px; width: 435px; margin: 0 0 13px 0; height: 108px;}
.icon-panorama {background: url("/images/icon-landscape.jpg") 16px 13px no-repeat #1c1916; padding: 7px 7px 0 75px; width: 435px; height: 108px;}