/* ------------------------------------------ */ /* Webová galerie Azael --------------------- */ /* Základní 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, 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 formatting ----------------------------------------------- */ html {height: 100%;} body {color: #000; font: 16px/1em "Trebuchet MS", Verdana; height: 100%; background: #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;} .left {float: left;} .right {float: right;} .bold {font-weight: bold;} .no-bold {font-weight: normal; padding-left: 17px;} /* ------------------------------------------ */ /* Webová galerie Azael --------------------- */ /* Styly galerie ---------------------------- */ /* ------------------------------------------ */ /* Footer ----------------------------------------------- */ #footer {clear: both;} #footer address {text-align: center; font-style: normal; font-size: 1.1em; color: #545454; padding: 25px 0 20px 0;} #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 ----------------------------------------------- */ #pagination {clear: both; font-size: 1.0em; margin-left: 15px;} #pagination li {color: #000; display: block; float: left; border: 0px solid #695949; padding: 2px 4px; margin-right: 2px;} #pagination li a:hover {color: #d7c5b7;} #pagination .active {background: none; color: #819c9e; font-size: 1.3em; font-weight: bold;} #pagination .active:hover {border: 0; color: #819c9e;} #pagination a, #pagination a:visited {text-decoration: none; color: #a18b7a; border: 0;} #pagination li:hover {border: 0px solid #695949;} #pagination .dotty {text-decoration: none; border: 0;} #pagination .dotty:hover {text-decoration: none; border: 0;} /* Alerts ----------------------------------------------- */ .alert-bad {border: 1px solid red; width: 350px; font-size: 1.1em; padding: 5px 5px 5px 35px; font-weight: bold; background: url(../images/cancel.jpg) no-repeat 8px 4px #ffe3e3; margin: 10px 0 30px 2%; color: #000;} .alert-good {border: 1px solid green; width: 350px; font-size: 1.1em; padding: 5px 5px 5px 35px; font-weight: bold; background: url(../images/accept.jpg) no-repeat 8px 4px #d4ead4; margin: 10px 0 30px 2%; color: #000;} .center {position: relative; left: 50%; margin: 0 0 0 -175px; width: 350px; padding-bottom: 20px;} /* Kniha navstev - editace ----------------------------------------------- */ #kniha {width: 520px; background: #d99292; border: 1px solid #000; font-size: 0.75em;} #kniha input, #kniha textarea {background: #ddd; border: 1px solid #000;} .posttop-comment {border: 1px solid #000; background: #ddd;} .posttext-comment {border: 1px solid #000; background: #eee;} .post-comment-reply .posttop-comment {background: #c2d5f8;} .post-comment-reply .posttext-comment {background: #e1eafc;} /* Kniha navstev ----------------------------------------------- */ #kniha {padding: 20px 20px; margin: 40px auto; height: 120px;} #kniha .comment-input {width: 100%; margin-bottom: 4px; float: left;} #kniha .comment-nadpis {width: 25%; float: left; text-align: right; padding-right: 5px; font-weight: bold;} #kniha .comment-pole {width: 73%; float: left;} #kniha .comment-pole input {width: 95%; font-size: 0.875em; padding: 2px;} #kniha .comment-antispam {width: 31%; float: left;} #kniha .comment-antispam input {width: 90%; font-size: 0.875em; padding: 2px;} #kniha .comment-kod {width: 100px; float: left;} #kniha .comment-bottom {width: 100%; float: left;} #kniha .comment-smile {float: left; width: 140px; padding-top: 2px;} #kniha .comment-button {float: right; font-weight: bold; width: 100px; text-align: right;} #kniha .comment-button input {width: 100%;} #kniha .prvni-sloupec {width: 50%; float: left;} #kniha .druhy-sloupec {float: right; width: 49%;} #kniha em {font-size: 0.875em; color: red;} #kniha #antispam img {position: relative; top: 5px;} #kniha textarea {width: 100%; height: 86px; margin-bottom: 10px; position: relative; top: -1px;} .post-comment {margin: 0 0 16px 40px; width: 500px;} .post-comment-reply {margin: 0 0 16px 70px; width: 470px;} .posttop-comment {padding: 4px 4px 7px 4px ; height: 12px;} .username-comment {font-weight: bold; width: auto; float: left;} .userweb-comment {width: auto; float: left; margin-left: 10px;} .userweb-image {width: 16px; height: 20px; border: 0;} .posttext-comment {padding: 4px; border-top: 0; text-align: left;} .postdate-comment {float: right; margin-right: 10px; font-size: 0.75em; padding: 1px 0 0 0;} #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.2em;} .thumbnail img {border: 1px solid #000; margin: 0 0 5px 0;} .thumbnail a, .thumbnail a:link, .thumbnail a:visited, .thumbnail a:hover {border: 0;} .thumbnail span {} /* Thumbnail - zarovnani na stred vertikalne i horizontalne ----------------------------------------------- */ .thumbnail-back {border: 1px solid #7e7e7e; margin: 0 0 10px 10px; background: #a7a7a7;} .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 {clear: both; width: 96%; margin-left: 2%; height: 90px;} .thumbnail-link-thumblist img {float: left; border: 1px solid #000; margin: 0 15px 20px 0;} .thumbnail-link-thumblist .thumbnail-link-list-text {float: left; width: 420px;} .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;} /* Blog ----------------------------------------------- */ .blog {margin-top: 20px;} .blog h3 {margin: 0; padding: 0 0 3px 0;} .blog h3 a, .blog h3 a:visited {font-weight: bold; font-size: 1.25em; text-decoration: underline;} .blog span {font-style: italic; padding-bottom: 7px; display: block;} .blog p {margin: 0; padding: 0;} /* Vlajky ----------------------------------------------- */ #flag {text-align: right; position: relative; top: 0; left: 0; float: right;} #flag img {border: 1px solid #000; margin-right: 3px; padding: 0;} /* Lightbox ----------------------------------------------- */ #lightbox {position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox a img {border: none;} #outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;} #imageContainer {padding: 10px;} #loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;} #hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} #imageContainer>#hoverNav {left: 0;} #hoverNav a {outline: none;} #prevLink, #nextLink {width: 49%; height: 100%; display: block;} #prevLink {left: 0; float: left;} #nextLink {right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover {background: url(../scripts/prev.gif) left 15% no-repeat;} #nextLink:hover, #nextLink:visited:hover {background: url(../scripts/next.gif) right 15% no-repeat;} #imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;} #imageData {padding: 0 10px; color: #666;} #imageData #imageDetails {width: 70%; float: left; text-align: left;} #imageData #caption {font-weight: bold;} #imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;} #imageData #bottomNavClose {width: 21px; height: 19px; float: right; padding-bottom: 0.7em;} #overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;} /* Image ----------------------------------------------- */ #image {width: 100%; text-align: center;} #image a, #image a:link, #image a:visited {border: 0;} #image img {border: 1px solid #000;} #image #sipky {width: 276px; margin: 20px auto; height: 25px;} #image #sipky a, #image #sipky a:link, #image #sipky a:visited {color: #a18b7a;} #image #sipky a:hover {color: #d3bead;} #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;} /* ------------------------------------------ */ /* Webová galerie Azael --------------------- */ /* Základní layout stránek ------------------ */ /* ------------------------------------------ */ /* Basic ----------------------------------------------- */ body {background: url(/images/back.jpg) #221c1a; font: 62.5% georgia, verdana; color: #7d7c7c;} a img {border: 0;} a {font-size: 1.2em;} a:link {border-bottom: 1px dotted #819c9e; color: #819c9e; text-decoration: none; padding: 0 0 1px 0; margin: 0; } a:visited {border-bottom: 1px dotted #819c9e; color: #819c9e; text-decoration: none; padding: 0 0 1px 0; margin: 0;} a:hover, a:active {border-bottom: 1px dotted #2d6eaa; color: #2d6eaa; text-decoration: none;} .clear {clear: both;} strong {font-weight: bold;} em {font-style: italic;} p {margin: 0 10px 0 0; color: #a18b7a;} /* 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/michal-vitasek.jpg") no-repeat; width: 194px; height: 57px; position: relative; top: 24px; left: 10px; float: left;} #header h1 a {width: 194px; 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: #ca5100;} #content #left #latest-blog h3 a, #content #left #latest-blog h3 a:visited {color: #ca5100; 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 .more {margin: 10px 0 23px 0; display: block; float: left;} #content #left h2 {font-size: 1.7em; padding: 0 0 0.8em 0; margin: 0; color: #fff; clear: both;} #content #left p {font-size: 1.2em; line-height: 1.7em;} #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: #ca5100;} #content #left-blog #latest-blog h3 a, #content #left #latest-blog h3 a:visited {color: #ca5100; 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;} #content #left-gallery {float: left; width: 645px; padding-left: 8px; padding-top: 8px;} #content #left-article {width: 520px; margin-left: 27px; 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: #fff; clear: both;} #content #left-article h3 {font-weight: bold; font-size: 1.25em; padding: 5px 0 12px 0; margin: 0; color: #ca5100;} #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;} #container #content #left-article a.no-border, #container #content #left-article a.no-border:visited {text-decoration: none; border: 0;} .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: #fff; 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;} #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;} #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-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: #fff; clear: both;} #content #right-blog #latest-blog {background: #1c1916; float: left; padding: 15px 15px 10px 15px;} #content #right-blog #latest-blog .blog-text {float: left;} #content #right-blog #latest-blog .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-blog .blog-text h3 a, #content #left #latest-blog .blog-text h3 a:visited {color: #ca5100; 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: #f07d30;} #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;} #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: #ca5100; 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: #f07d30;} #content #right-blog #latest-link .blog-text p {font-size: 1.2em; line-height: 1.7em;} #content #right-blog .more {margin: 10px 0 23px 0; display: block; float: left;} #content #right-blog #latest-link .zakulisi a img, #content #right-blog #latest-link .zakulisi a:visited img {text-decoration: none; border: 0; margin: 5px 5px 5px 0; display: block; float: left; width: 56px;} #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: 2.5em; 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.2em; line-height: 1.7em; padding: 15px; background: #1c1916; width: 300px; margin: 23px 0 15px 12px;} #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; margin: 0 0 13px 0; height: 108px;} .icon-bw {background: url("/images/icon-bw.jpg") 16px 13px no-repeat #1c1916; padding: 7px 7px 0 75px; width: 435px; height: 108px;} /* RSS flip ----------------------------------------------- */ #pageflip { position: absolute; right: 0; top: 0; } #pageflip img { width: 50px; height: 52px; z-index: 99; position: absolute; right: 0; top: 0; -ms-interpolation-mode: bicubic; } #pageflip .msg_block { width: 50px; height: 50px; position: absolute; right: 0; top: 0; background: url(/images/subscribe.png) no-repeat right top; text-indent: -9999px; }