/*
   Lubomir Pokorny (lubomirpokorny@email.cz)
   CSS styles for NaturePicture.cz
*/


* {margin:0;padding:0;border:0;}
body {text-align:center;font-size:0.8em;font-family:"Times New Roman",serif,sans-serif;color:#808080;background:#001808;}

#page {width:900px;margin:0 auto;text-align:left;}

/* Header */
#header {background:url(../img/bg-header.jpg) no-repeat bottom right;}
#logotype {display:block;width:488px;height:133px;position:relative;top:30px;left:5px;background:url(../img/logotype.gif) no-repeat center;}
#mainmenu {padding-top:110px;}
#mainmenu li {list-style:none;float:left;padding:0 8px 17px 8px;}
#mainmenu a {font-size:1.25em;text-transform:uppercase; text-decoration:none;}
#mainmenu a.selected {color:#fff;text-decoration:underline;}

/* Searchbar */
#searchbar {padding:0 8px 7px 8px;}
#searchbar .input {width:200px;padding:5px;background:#001808;border:1px solid #6f7270;}
#searchbar .submit {margin-left:7px;padding:4px 0 4px 55px;background:url(../img/bg-search-submit.gif) no-repeat left;border:0;cursor:pointer;}

/* Navbar */
#navbar {padding-bottom:25px;color:#666;}
.nbtop {padding:5px 0 !important;}

/* Mainbox */
#mainbox {clear:both;height:auto !important;height:700px;min-height:700px;padding-bottom:30px;background:url(../img/bg-mainbox.jpg) no-repeat top right;}

/* Leftbox */
#leftbox {float:left;width:220px;padding-top:15px;}
.lbtitle {padding-left:7px;color:#2c3b31;font-size:3em;}
.leftmenu {padding:10px 7px;list-style:none;}
.leftmenu li {padding:4px 3px;}
.leftmenu a {text-decoration:none;}
.leftmenu a.selected {color:#fff;text-decoration:underline;}
.leftmenu ul {padding:5px 0 7px 5px;list-style:url(../img/ico-bullet.gif);list-style-position:inside;}
.leftmenu ul li {padding:2px 3px;}
.leftmenu ul ul {padding:5px 0 0 10px;list-style:url(../img/ico-bullet-2.gif);list-style-position:inside;}
.leftmenu ul ul li {padding:0 3px;}

/* Content */
#content {float:right;width:640px;position:relative;right:20px;padding:10px 0 30px 0;}
.table {width:100%;margin:10px 0;color:#000;border-collapse:collapse;}
.table thead td {background:#1b3a24;color:#fff;font-weight:bold;}
.table td {padding:5px 5px;font-size:0.9em;line-height:1.2em;background:#808080;border:1px solid #9f9f9f;}
.table .sudy td {background:#999;}
.table a {color:#fff;}

/* News */
.hpnews {float:left;width:425px;}
.new {margin:9px 0 0 5px;padding:5px 8px;background:#001808 url(../img/bg-article.gif) repeat-x top;border:1px solid #2d3f33;}
.news h2 {margin-left:5px;font-size:1.3em;color:#7ea789;}
.new h3 {padding-bottom:2px;font-size:1.1em;color:#7ea789;}
.new h3 a, .news .more a {color:#7ea789;}
.new h3 a:hover, .news .more a:hover {color:#fff;}
.new .date {color:#808080;}
.new .text {padding:4px 0;color:#bebebe;text-align:justify;}
.new .text p {margin:8px 0;padding:0;}
.new .more {padding:2px;text-align:right;font-weight:bold}
.allnews {clear:both;position:relative;top:6px;margin:2px;font-weight:bold;}

/* Home */
.rightpanel {float:right;width:200px;}
.rightpanel h2 {padding-bottom:9px;font-size:1.3em;color:#7ea789;text-align:left;}
.bestfoto {clear:both;/*margin-left:22px;*/text-align:center;}
.bestfotoright {padding-top:20px;}
.bestfoto a.imgcont {display:block;width:198px;padding:0;text-decoration:none;background:#001808;border:1px solid #595959;cursor:pointer;/*display:block;width:173px;padding:0;text-decoration:none;border:1px solid #2d3f33;cursor:pointer;*/}
.bestfoto a.imgcont:hover {background:#042c11;border:1px solid #777c78;}
.bestfoto .fotobox {display:block;height:126px;}
.bestfoto .nazev {display:block;padding:4px 0 5px 0;}
.bestfoto .horizontal {margin-top:20px;}
.bestfoto .vertical {margin-top:7px;}
.homeusers {float:left;width:160px;}
.homeusers h2 {padding:10px 0 10px 7px;color:#2c3b31;font-size:2.2em;font-weight:normal;}
.homeusers ul {padding-left:10px;list-style:none;}
.homeusers li {padding:3px 0 3px 0;}
.homeusers a {color:#bebebe;}
.homeusers .allauthors {float:right;padding:5px 20px;color:#808080;}
.homeusers .allauthors:hover{color:#fff;}

/* Pool */
.anketa {float:left;width:200px;margin-top:20px;text-align:left;}
.arch_anketa {width:213px;padding-bottom:20px;}
.arch_anketa h2.normal {padding-bottom:3px;}
.anketa form {width:200px;}
.anketa form,.anketa ul,.anketa input {font-size:0.95em;list-style:none;}
.anketa .otazka {font-size:1em;margin:0 2px 5px 0px;color:#bebebe;}
.anketa .procenta {margin:3px 0 0 18px;padding:0;height:5px;overflow:hidden;background:#F18523;}
.arch_anketa .procenta {margin-left:0;}
.anketa .hlaska {font-weight:bold;margin-top:4px;}
.anketa .liche,.anketa .sude {padding:5px 2px 6px 5px;color:#bebebe;background:#1c3325;}
.anketa .sude {background:#14281c;}
.anketa .submit {color:#fff;background:#1e6c39;border:1px solid #999;cursor:pointer;}
.anketa label {cursor:pointer;}
.anketa input {background:0;border:0;}

/* Gallery */
.gallery {clear:both;margin:20px 0;font-size:0.9em;list-style:none;}
.hpgallery {margin:10px 0;}
.gallery li {float:left;margin:5px;text-align:center;}
.gallery li a.imgcont {display:block;width:148px;padding:0;text-decoration:none;background:#001808;border:1px solid #595959;cursor:pointer;}
.gallery li a.imgcont:hover {background:#042c11;border:1px solid #777c78;}
.gallery .fotobox {display:block;height:126px;}
.gallery .nazev {display:block;padding:4px 0 5px 0;}
.gallery .horizontal {margin-top:20px;}
.gallery .vertical {margin-top:7px;}
.gallery .center {margin-top:7px;}
* html .gallery .horizontal {margin-top:20px;}
* html .gallery .vertical {margin-top:4px;}
.gallery .ed {position:absolute;padding:2px 13px 0 13px;text-align:center;font-size:0.95em;}
.order {float:right;position:relative;bottom:5px;height:35px;}
.order select {width:85px;}
.gal_desc {padding:10px 5px;text-align:justify;font-size:1.1em;color:#bebebe;}

/* Foto */
#photobox {text-align:center;}
#photobox img {margin:0 auto;}
#photobox .buttons2 {float:left;width:50%;padding-bottom:10px;text-align:center;}
#photobox .buttons {position:absolute;}
#photobox .previous {position:relative;bottom:303px;left:8px;display:block;width:31px;height:62px;background:url(../img/previous.gif) no-repeat left;}
#photobox .next {position:relative;bottom:303px;left:601px;display:block;width:31px;height:62px;background:url(../img/next.gif) no-repeat left;}
#photobox .previous:hover, #photobox .next:hover {background-position:-31px;}
#photobox img {border:1px solid #595959;}
.phototitle {padding:8px 0 0 0;text-align:center;font-size:1.3em;}
.photoautor {padding:1px 0 0 0;text-align:center;}
.photoinfo {padding:10px 10px;}
.views {float:left;width:150px;}
.taxonomy {float:left;width:320px;height:45px;text-align:center;}
.lokalita {padding:5px 0 10px 0;text-align:center;}
.popis {margin:10px;padding:4px 8px;font-size:1.1em;color:#aaa;line-height:1.4em;text-align:justify;background:#001808 url(../img/bg-article.gif) repeat-x top;border:1px solid #2d3f33;}
#nextphotos h2 {margin:0 0 0 5px;font-weight:normal;position:relative;top:18px;}
#nextphotos .nfautor {padding:15px 10px;text-align:right;}
#keywords h2 {margin:20px 0 0 5px;font-weight:normal;}
#keywords .keywords {margin:5px 25px 5px 7px;padding:4px 8px;font-size:1.1em;color:#aaa;line-height:1.6em;text-align:justify;}
#keywords a {color:#aaa;}
.offerul li {float:left;width:310px;padding:10px 0 30px 0;text-align:center;list-style:none;font-size:1.3em;font-weight:bold;}
.offerul img {position:relative;top:7px;right:5px;}
.offerul li a {color:#bebebe;}
.offerul li a:hover {color:#fff;}
.closetab {padding:10px;text-align:right;}
.searchurl {text-decoration:none!important;}

/* Rating */
.ratingbox {float:left;width:150px;text-align:right;}
.ratingbox ul {float:right;height:17px;width:90px;margin:0 auto;}
.ratingbox li {float:left;list-style:none;}
.ratingbox li a {display:block;width:18px;height:17px;background:url(../img/starrating.gif) no-repeat top;}
.ratingbox li a.light {background-position:center;}
.ratingbox li a span {display:none;}
.ratingbox li a:hover {background-position:bottom;}
.rated {clear:both;padding:3px;}
* html .rated {position:relative;left:-3px;}

/* Articles */
.article {clear:both;margin-top:15px;padding:10px;background:#001808 url(../img/bg-article.gif) repeat-x top;border:1px solid #2d3f33;}
.article .fright {width:485px;}
.article h2 {position:relative;z-index:50;padding:3px 0;font-weight:normal;}
.article h2 a {color:#bebebe;}
.article strong, .article strong a {font-size:1.05em;text-decoration:none;color:#909192;}
.article a:hover {color:#fff;}
.article .thumb {border:1px solid #333;}
.article .text {padding:4px 0;text-align:justify;}
.article .article_footer {clear:both;padding:15px 5px 0 5px;text-align:right;}
.article .article_footer .img {margin:0 3px 0 15px;}
.article .article_footer span {position:relative;bottom:4px;}
.article .article_footer ins {color:#7e9e88;}
.image {margin:20px auto 20px auto;padding:18px;background:#001808;border:1px solid #2d3f33;}
.youtube {width:425px;margin:15px auto 15px auto;padding:5px;text-align:center;background:#f4f6f7;border:1px solid #e6e6e6;}
.h2komentare {padding:23px 10px 30px 5px;color:#808080;font-weight:normal;}
.nocomments {padding-bottom:25px;font-size:1.4em;}

/* Authors */
.autori {list-style:none;}
.autori li {clear:both;margin-top:15px;padding:10px;background:#001808 url(../img/bg-article.gif) repeat-x top;border:1px solid #2d3f33;}
.autori .fright {width:495px;}
.autori h2 {padding-bottom:5px;font-weight:normal;}
.autori .thumb {border:1px solid #2d3f33;}
.autori .ed {padding:0;text-align:left;}
.autori table .title {width:110px;}
.autori table .field {width:220px;}

/* Text */
.text {font-size:1.1em;color:#aaa;line-height:1.4em;}
.text p {padding:10px 0;text-align:justify;}
.text ul {padding:0 25px 5px 20px;}

/* Comments */
#komentare {text-align:center;}
.komentar {width:550px;margin:10px auto 0 auto;padding:8px 10px 4px 10px;text-align:left;background:#001808 url(../img/bg-article.gif) repeat-x top;border:1px solid #2d3f33;}
.komentar .kfooter {margin-bottom:2px;padding:2px 0 4px 0;color:#7e9e88;}
#komentare .kfooter strong {color:#aaa;}
#komentare .kfooter a {color:#aaa;}
#komentare .autor {background:#273e2f;border:1px solid #3d5144;}
#komentare a:hover {color:#fff;}
.komentar p {margin:5px 0;color:#aaa;text-align:justify;}
.komentar p img {position:relative;top:2px;}
.komentar .ed {padding:0;font-size:0.9em;}
#komentare .formular {margin:0 50px;text-align:left;}
.komentare_clanku {margin:20px 0;font-size:0.9em;list-style:none;}
.komentare_clanku li {float:left;margin:5px;text-align:center;}
.komentare_clanku li a {display:block;width:148px;height:130px;text-decoration:none;background:#001808;border:1px solid #595959;cursor:pointer;}
.komentare_clanku li a:hover {background:#042c11;border:1px solid #777c78;}
.komentare_clanku span {display:block;}
.komentare_clanku .imgobal {width:119px;height:97px;margin:13px auto 0 auto;text-align:center;}
.komentare_clanku .nasirku {height:86px;margin-top:24px;}
.komentare_clanku img {margin:0 auto;}
.komentare_clanku .clean {background:#fff;border:0;}
.komentare_clanku .clean:hover {background:#fff;border:0;}

/* Pagination */
.page2 {padding-right:40px;}
#mainbox .pagination {clear:both;padding:20px 15px;font-size:1.1em;text-align:right;}
#mainbox .pagination a {margin:0 3px;}
#mainbox .pagination .selected, #mainbox .pagination a:hover {color:#fff;}
.paginationinfo {clear:both;text-align:right;padding:0 15px;position:relative;bottom:10px;}
.pginfo2 {right:40px;}

/* Footer */
#footer {clear:both;padding:0 15px 85px 15px;background:url(../img/bg-footer.gif) no-repeat top right;}
#footer .fright {position:relative;top:14px;text-transform:uppercase;}
#footer .imagelink1 {position:relative;top:17px;margin-right:10px;}
#footer .imagelink2 {position:relative;top:2px;margin-left:10px;}

/* Common Styles */
h1 {padding:8px 0 5px 0;font-weight:normal;font-size:2em;}
.h1bottom {padding:5px 0 10px 0 !important;}
h2 {font-size:1.5em;}
a {color:#808080;}
a:hover {color:#fff;}
.fleft {float:left;}
.fright {float:right;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.cb {clear:both;width:100%;}
.icon {position:relative;top:1px;}
.normal {font-weight:normal;}

/* Forms */
input {padding:4px;color:#808080;font-family:"Times New Roman",serif,sans-serif;background:#001808;border:1px solid #535c56;}
.hlaska, .formular .hlaska {padding:5px;color:#ff0000;font-weight:bold;}
.zlata_hlaska {padding:5px;color:#fe9c00;}
.formular td {padding:0 3px;color:#bbb;text-align:left;}
.formular {margin:5px;padding:0 5px;}
.formular .submit {margin:8px 14px;padding:3px 15px;color:#fff;font-weight:bold;background:#1e6c39;border:1px solid #999;cursor:pointer;}
.formular fieldset {margin-top:15px;padding:0 10px 10px 10px;color:#000;background:#2c3b31;border:1px solid #525d55;}
.formular legend {padding:2px 8px;color:#bbb;font-weight:bold;background:#001808;border:1px solid #525d55;}
.formular label {padding:6px 15px 6px 5px;}
.formular input {padding:3px 4px;color:#808080;font-family:"Times New Roman",serif,sans-serif;background:#001808;border:1px solid #525d55;}
.formular select {font-size:1em;color:#808080;font-family:"Times New Roman",serif,sans-serif;background:#001808;border:1px solid #525d55;}
.formular textarea {padding:3px 4px;color:#808080;font-family:"Times New Roman",serif,sans-serif;background:#001808;border:1px solid #525d55;}
.formular table {margin-top:8px;color:#999}
.formular td {padding:2px 10px;}
.formular td td {padding:2px 0;}
.formular .info, .info {margin:0;padding:3px 10px;color:#888888;text-align:right;}
.formular .info input {font-weight:bold;text-align:center;border:0;color:#bebebe;background:none;width:22px;}
.login {width:350px;}
.postd input {margin:5px;}
.w150 {width:150px;}

/* Admin */
.adminbox {padding:3px 15px;text-align:right;}
#mainbox .adminlink {font-weight:bold;color:#ff0000;}
#mainbox .adminlink:hover {color:#fff;}
.ed {clear:both;padding:15px;font-weight:bold;font-size:1.1em;text-align:right;}
.ed a {color:#ff0000;}
.ed a:hover {color:#fff;}
.categoryul {list-style:none;}
.categoryul li {padding:2px;}
.categoryul ul {padding-left:60px;padding-top:4px;list-style:none;}
.categoryul ul ul {padding-top:4px;list-style:none;}