/* ------------------------------------------ */
/* 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 Arial, "Trebuchet MS", Verdana; height: 100%; background: url("../images/back.jpg") repeat-x #cadfc5;}
a, a:visited {color: #000; text-decoration: underline;}
a:hover {color: #414b3f; text-decoration: none;}
p {margin: 20px 0;}
strong {font-weight: bold;}
em {font-style: italic;}

.clear {clear: both;}
.clear-14 {clear: both; height: 14px;}
.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;}





/* ------------------------------------------ */
/* Webová galerie Azael --------------------- */
/* Styly galerie ---------------------------- */
/* ------------------------------------------ */



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



/* 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 2%; clear: both; width: 96%; font-size: 0.75em;}
#lista a, #lista a:visited {text-decoration: underline;}



/* Lista blog
----------------------------------------------- */
#lista-blog {float: left; margin: 20px 0 5px 80px; clear: both; width: 96%; font-size: 0.75em; font-weight: bold;}
#lista-blog a, #lista-blog a:visited {text-decoration: none;}



/* Footer
----------------------------------------------- */
#footer {clear: both;}
#footer address {text-align: center; font-style: normal; font-size: 0.75em; color: #fff; padding-top: 7px;}
#footer address a, #footer address a:visited {text-decoration: none; color: #fff; font-weight: bold;}
#footer address a:hover {color: #c3f1b9;}
#footer address dfn {border-bottom: 1px dashed; cursor: help; font-style: normal;}

#under-footer {clear: both; padding-bottom: 15px;}
#under-footer address {text-align: center; font-style: normal; font-size: 0.75em; color: #c3f1b9; padding-top: 7px;}
#under-footer address a, #under-footer address a:visited {text-decoration: underline; color: #c3f1b9;}
#under-footer address dfn {border-bottom: 1px dashed; cursor: help; font-style: normal;}



/* Strankovani
----------------------------------------------- */
#centering {clear: both; float: left; 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; margin-bottom: 20px;}
#pagination li {color: #000; float: left; position: relative; right: 50%; font-weight: bold;}
#pagination li a {width: auto; display: block; padding: 2px 4px; color: #000; text-decoration: none;}
#pagination li a:hover {color: #fff;}

#pagination .active {padding: 2px 4px; color: #fff;}
#pagination .active:hover {color: #fff; cursor: pointer;}



/* Alerts
----------------------------------------------- */
.alert-bad {border: 1px solid red; width: 350px; font-size: 0.75em; 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: 0.75em; 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;}
.alert-sql {border: 1px dashed #f3c14a; width: 500px; font-size: 0.75em; line-height: 1.4em; padding: 5px 5px 5px 35px; background: #fff99c; margin: 10px 0 30px 2%; color: #000;}
.alert-info {border: 1px solid #f7df5a; width: 350px; font-size: 0.75em; padding: 5px 5px 5px 35px; font-weight: bold; background: url(../images/info.jpg) no-repeat 8px 4px #fffca2; margin: 10px 0 30px 2%; color: #000;}
.center {position: relative; left: 50%; margin: 0 0 0 -195px; width: 350px; padding-bottom: 20px;}



/* Kniha navstev - editace
----------------------------------------------- */
#kniha {width: 520px; font-size: 0.75em;} /*background: #8a9981; border: 1px solid #000;*/
#kniha input, #kniha textarea {background: #eee; border: 1px solid #000;}
.posttop-comment {border: 1px solid #000; background: #8a9981;}
.posttext-comment {border: 1px solid #000; background: #b2c5a6;}
.post-comment-reply .posttop-comment {background: #c2d5f8;}
.post-comment-reply .posttext-comment {background: #e1eafc;}



/* Kniha navstev
----------------------------------------------- */
#kniha {padding: 20px 20px; margin: 10px auto 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: 204px; height: 200px; float: left; text-align: center; font-size: 0.75em;}
.thumbnail img {border: 1px solid #000; margin: 0 0 5px 0;}



/* Thumbnail - zarovnani na stred vertikalne i horizontalne
----------------------------------------------- */
.thumbnail-back {border: 1px solid #7e7e7e; margin: 0 0 19px 19px; background: #98a78e;}
.thumbnail-back:hover {background: #87967e;}
.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: 4%; float: left;}
.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: 440px;}
.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: #535e4c; 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;}



/* Article
----------------------------------------------- */
.article {width: 750px; margin-left: 80px;}
.article img {border: 1px solid #000; padding: 65px; background: #94a48a;}
.article img.article-strip {border: 0;  padding: 0; background: none;}
.article h2 {font-weight: bold; font-size: 1.38em; padding: 5px 0 12px 0; margin: 0;}
.article h2.nadpis-h2 {font-weight: bold; font-size: 1.125em; padding: 5px 0 20px 0; margin: 0;}
.article h3 {font-weight: bold; font-size: 1.25em; padding: 5px 0 12px 0; margin: 0;}
.article h4 {font-weight: bold; font-size: 1.13em; padding: 5px 0 12px 0; margin: 0;}
.article h5 {font-weight: bold; font-size: 1.0em; padding: 5px 0 12px 0; margin: 0;}
.article h6 {font-weight: bold; font-size: 1.0em; font-style: italic; padding: 5px 0 12px 0; margin: 0;}
.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;}
.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;}

.youtube {text-align: center; padding: 20px 0;}

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

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

.article .article-vlevo {float: left; margin: 7px; border: 1px solid #000;}
.article .article-vpravo {float: right; margin: 7px; border: 1px solid #000;}

.article .article-vlevo-p {text-align: left;}
.article .article-vpravo-p {text-align: right;}
.article .article-center-p {text-align: center;}



/* Blog
----------------------------------------------- */
.blog {margin-top: 0px; padding-left: 17px; padding-top: 5px;}
.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: 480px; 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 10px 0; font-size: 0.75em; border-top: 1px dashed #a2a2a2;}



/* Vlajky
----------------------------------------------- */
#flag {text-align: right; position: relative; top: 20px; left: -10px; 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%;	background: transparent url(../images/blank.gif) no-repeat; 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 img {border: 1px solid #000;}
#image #sipky {width: 276px; margin: 20px auto; height: 25px; font-weight: bold; font-size: 0.875em;}
#image #sipky a {text-decoration: none;}
#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; font-size: 0.75em;}
#image #info p {margin: 7px 0;}
#image #info a.globe {background: url("../img/globe.gif") 0 4px no-repeat; padding-left: 22px;}

#image .nadpis {margin-bottom: 8px; float: left;}
#image .nadpis-image {float: left; display: block;}
#image h1 {display: block; padding-left: 5px; position: relative; top: 7px; padding-bottom: 40px; font-weight: bold; text-align: center; font-size: 1.25em;}



/* 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-bottom: 4px solid #efefef; 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 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 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 li a {padding-left: 80px;}
#gallery-menu li li li li li a {padding-left: 100px;}



/* Menu kategorie
----------------------------------------------- */
#category-menu {margin-bottom: 20px;}
#category-menu .current {font-weight: bold;}
#category-menu li a, #category-menu li a:visited {text-decoration: none;}
#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;}



/* Mracno klicovych slov
----------------------------------------------- */
#cloud {width: 193px; padding: 7px 10px 7px 28px; float: left; line-height: 1.6em;}
#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 10px 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;}



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



/* Search box
----------------------------------------------- */
#box-search {padding: 10px; padding-left: 0; margin: 6px 0 10px 20px; float: left; width: 160px;}
#box-search input.search-input {border: 0; height: 18px; padding: 1px 3px 0 3px; width: 110px; background: #fff;}
#box-search input.img-button {position: relative; top: 7px; left: 16px;}


/* ------------------------------------------ */
/* Webová galerie Azael --------------------- */
/* Základní layout stránek ------------------ */
/* ------------------------------------------ */



/* Layout
----------------------------------------------- */
#container {text-align: left; width: 1200px; margin: 0 auto; background: #4c5d41; margin-bottom: 20px;}



/* Header
----------------------------------------------- */
#header {height: 292px; background: url("../images/header.jpg") no-repeat;}
#header h1 {width: 210px; height: 170px; margin: 10px 0; float: left;}
#header h1 a {display: block; width: 210px; height: 170px; text-decoration: none;}
#header h1 a span {visibility: hidden;}
#header ul {margin: 15px 0 10px 65px; float: left; width: 935px;}
#header ul li {padding: 0; font-size: 1.125em; font-weight: normal; float: left;}
#header ul li a {color: #fff; padding: 10px; margin-right: 34px; display: block; text-decoration: none;}
#header ul li a.posledni {margin-right: 0;}
#header ul li a:hover, #header ul li a.menu-current {color: #ccd9c3;}

#header #h1 {width: 250px; height: 160px; float: left;}
#header #h1 a {width: 245px; height: 155px; display: block;}

#header #mainmenu {width: 220px; float: left; margin: 0; padding: 0; margin-left: 20px;}
#header #mainmenu li {width: 220px; height: 50px; float: left; display: block;}
#header #mainmenu li a {width: 220px; height: 50px; display: block;}
#header #mainmenu li a span {visibility: hidden;}

#header #header-img {width: 688px; height: 234px; float: left; position: relative; top: -12px; left: 21px;}

#content {float: left; width: 665px; padding-bottom: 20px; margin: 0; padding: 0;}
#content-big {float: left; width: 935px;}
#left {float: left; width: 260px; margin-left: 10px; margin-bottom: 10px;}
#right {float: left; width: 265px; margin-bottom: 10px;}
#footer {height: 30px; clear: both; width: 100%; background: #414b3f; border-top: 1px solid #8f9988; border-bottom: 1px solid #8f9988; margin-bottom: 5px;}

.small-box {width: 255px; background: url("../images/box-small-content.jpg") repeat-y;}
.small-box-top {background: url("../images/box-small-top.jpg") no-repeat; height: 11px; width: 255px;}
.small-box-bottom {background: url("../images/box-small-bottom.jpg") no-repeat; height: 14px; width: 255px;}
.small-box strong {padding: 0 12px; float: left; display: block; width: 90%; text-align: center; color: #003300;}
.small-box-left strong {text-align: left; margin-left: 18px;}
.small-box p {padding: 12px; font-size: 0.75em; float: left;}
.small-box .box-name {font-weight: bold;}
.small-box .box-datum {font-style: italic; display: block; float: left; margin: 0; padding: 0; border-bottom: 1px solid #6f7869; width: 100%; margin-bottom: 4px; padding-bottom: 4px;}
.small-box .box-text {margin: 0;}

.middle-box {width: 659px; background: url("../images/box-middle-content.jpg") repeat-y; margin: 0;}
.middle-box-top {background: url("../images/box-middle-top.jpg") no-repeat; height: 11px; width: 659px;}
.middle-box-bottom {background: url("../images/box-middle-bottom.jpg") no-repeat; height: 15px; width: 659px;}

.big-box {width: 922px; background: url("../images/box-big-content.jpg") repeat-y; margin: 0 0 10px 10px;}
.big-box-top {background: url("../images/box-big-top.jpg") no-repeat; height: 14px; width: 922px;}
.big-box-bottom {background: url("../images/box-big-bottom.jpg") no-repeat; height: 16px; width: 922px;}

#menu-fotobanka {font-size: 1.0em; font-weight: bold; line-height: 1.75em; margin: 20px 0 20px 30px;}
#menu-fotobanka a {text-decoration: none;}



.komentare {float: left; width: 800px; margin-left: 30px; margin-bottom: 20px; border-bottom: 1px solid #75856b; padding-bottom: 15px;}
.komentare-img {float: left; width: 200px;}
.komentare-img img {border: 1px solid #000;}
.komentare-text {float: left; width: 550px; padding: 0; margin: 0; font-size: 0.75em;}
.komentare-text .box-name {font-weight: bold;}
.komentare-text .box-datum {font-style: italic; line-height: 1.7em;}

.pocet-fotografii {font-weight: bold; float: right; font-size: 1.0em; margin-right: 20px; position: relative; top: -5px;}