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


/* Reset styles */
body, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, form {margin:0;padding:0;}
img, hr {border:0;}
* html td {font-size:13px;}

/* Body */
body {font-size:13px;color:#bbbbbb;text-align:center;font-family: Tahoma,lucida grande ce,sans-serif;background: #000000;}

/* General styles */
h1 {padding:10px 0 0 15px;font-size:18px;font-weight:normal;color:#d3d3c7;}
h2 {padding:10px 0 0 15px;font-size:16px;font-weight:normal;color:#d3d3c7;}
p {margin:0 0 10px 0;text-align:justify;}
a {color:#8a4c2e;}
a:hover {color:#b2b2b2;}

/* Mainboxes */
#page {width:968px;margin:34px auto;text-align:left;background:#272727;}
#mainbox {clear:both;margin:0px 8px 0 8px;background:url(../img/mainbox-back.gif) repeat-y;}
#leftbox {width:208px;float:left;text-align:center;background:#2f2f2f url(../img/left-box-back.gif) no-repeat top;}
#content {width:731px;float:right;background:#2f2f2f url(../img/content-back.gif) no-repeat top;}

/* Common styles */
.right {text-align:right;}
.fright {float:right;}
.fleft {float:left;}
.cb {clear:both;}

/* Header */
#topstrip {height:34px;background:url(../img/header-topstrip-back.gif) no-repeat top;}
#headerimage {display:block;padding:7px 7px 0 7px;}
#headersearch {float:right;position:relative;top:14px;right:20px;font-size:11px;color:#d3d3c7;}
#headersearch .searchinput {position:relative;top:1px;width:130px;height:17px;line-height:17px;text-indent:10px;font-size:11px;color:#000;background:transparent url(../img/search-input.gif) no-repeat top;border:0;}
#headersearch .searchsubmit {position:relative;top:2px;}
#mainmenupanel {height:52px;background:url(../img/mainmenupanel-back.gif) no-repeat top;}
#mainmenu {padding-left:8px;}
#mainmenu li {float:left;list-style:none;}
#mainmenu li a {display:block;padding:16px 0;text-align:center;text-decoration:none;text-transform:uppercase;color:#c3c3c3;font-size:14px;}
#mainmenu li a:hover, #mainmenu a.selected {color:#fff;}
#mainmenu .item1 a {width:169px;}
#mainmenu .item2 a {width:162px;}
#mainmenu .item3 a {width:154px;}
#mainmenu .item4 a {width:169px;}
#mainmenu li ul {position:absolute;z-index:99;display:none;}
#mainmenu li ul li {float:none;width:150px;position:relative;left:10px;background:#2e2a25;-moz-opacity:0.85;opacity:0.85;filter:alpha(opacity=85);}
#mainmenu li ul li.first {padding-top:10px;}
#mainmenu li ul li.last {padding-bottom:10px;}
#mainmenu li ul li a {width:auto;padding:4px 15px;font-size:12px;text-align:left;text-transform:none;}

/* Leftbox */
.leftmenu {padding:6px;list-style:none;}
.leftmenu li {padding:1px 0 2px 0;text-align:left;}
.leftmenu a {display:block;width:196px;padding:5px 0 6px 0;text-indent:35px;color:#1f1e1e;text-decoration:none;background: url(../img/leftmenu-item.gif) no-repeat left;}
.leftmenu a:hover, .leftmenu a.selected {color:#c2c2c2;background-position:right;}
.leftmenu2 {padding:6px;list-style:none;}
.leftmenu2 li {padding:1px 0 2px 0;text-align:left;}
.leftmenu2 a {display:block;width:196px;padding:5px 0 6px 0;text-indent:35px;color:#c2c2c2;text-decoration:none;background: url(../img/leftmenu-item.gif) no-repeat right;}
.leftmenu2 a:hover, .leftmenu2 a.selected {color:#1f1e1e;background-position:left;}
#animalwatching {display:block;width:198px;height:143px;margin:0 auto;background:url(../img/pozorovani-zivocichu.gif) no-repeat left;}
#animalwatching:hover {background-position:right;}
#animalwatching span {display:none;}
.leftpanel {width:198px;margin:8px auto;text-align:left;font-size:11px;background:url(../img/leftbox-panel-back.gif) repeat-y left;}
.lptop {background:url(../img/leftbox-panel-top.gif) no-repeat top;}
.lpbottom {padding:7px 10px 7px 9px;background:url(../img/leftbox-panel-bottom.gif) no-repeat bottom;}
.lbtitle {color:#d3d3c7;}
.commentbox {padding:10px 0;background:0;}

/* Footer */
#footer {height:149px;background:url(../img/footer-back.gif) no-repeat bottom;}
#footertext {padding-top:57px;font-size:11px;text-align:center;color:#b5b0b0;line-height:14px;}
#footertext a {color:#b5b0b0;text-decoration:none;}
#footertext .link {color:#956336;}
#footertext a:hover {text-decoration:underline;}

/* Content */
.blackbox {padding-bottom:20px;background:#272727 url(../img/content-back.gif) no-repeat bottom;}
* html .blackbox {width:732px;}
.titlebox {height:42px;margin:9px;background:url(../img/title-back.gif) no-repeat top;}
.tb_small {position:relative;bottom:6px;height:23px;line-height:21px;margin:9px 9px 0 9px;padding:0 0 0 15px;font-size:12px;color:#d3d3c7;background:url(../img/title-small-back.gif) no-repeat top;}
.tb_small a {text-transform:uppercase;text-decoration:none;color:#d3d3c7;}
.tb_small a:hover {text-decoration:underline;}
.text {margin:15px 20px 20px 20px;}
.text ul {list-style:disc;padding:10px 20px;}
.text ul li {padding:3px 0;}

/* Home */
.home_news {width:324px;height:193px;background:url(../img/news-back.gif) no-repeat;}
.hn_inner {padding:8px 13px;}
.hn_title {padding-left:6px;color:#8a4c2e;font-size:11px;}
.home_news table {width:300px;margin:16px 0;color:#d3d3c7;font-size:12px;line-height:16px;}
.home_news td {padding:0 0 1px 0;vertical-align:top;}
* html .home_news td {font-size:12px;}
.home_news .date {padding-right:15px;}
.home_news .dalsi a {float:right;text-decoration:none;color:#7b7b7b;}
.home_news .dalsi a:hover {text-decoration:underline;}
.home_clanky {padding:8px 0 0 0;}
.home_clanky .article {margin:0 0 1px 0;background:url(../img/article-home-back.gif) no-repeat top;}
.rightlink {padding:0 15px;text-align:right;font-size:11px;}
.rightlink a {float:right;text-decoration:none;color:#d3d3c7;}
.rightlink a:hover {text-decoration:underline;}
.rl2 {padding-top:6px;}
.home_images {position:relative;bottom:20px;}

/* Galerie */
h1 span {text-transform:uppercase;}
h1 a {text-transform:uppercase;text-decoration:none;color:#d3d3c7;}
h1 a:hover {text-decoration:underline;}
h1 a.gallerylink {text-transform:capitalize;}
.kategorie {clear:both;padding:0 0 8px 0;list-style:none;}
.kategorie li {margin:5px 18px;height:auto!important;height:90px;min-height:90px;background:#272727 url(../img/new-top.gif) no-repeat top;}
.kategorie li .kategorie_inner {padding:5px 10px;background:url(../img/new-bottom.gif) no-repeat bottom;}
.kategorie li td {width:90px;height:90px;text-align:center;vertical-align:middle;}
.kategorie .fright {width:568px;}
.kategorie .nazev {padding-top:5px;font-size:15px;font-weight:bold;}
.kategorie .nazev a {color:#b2b2b2;text-decoration:none;}
.kategorie .nazev a:hover {color:#fff;}
.kategorie .popis {padding:5px 0 0 0;}
.kategorie .fotek {padding:5px 0 0 0;}
.kategorie .ed {padding:0;}
.alba {clear:both;padding:0 10px 10px 10px;list-style:none;}
.alba li {float:left;margin:1px;}
.alba li a.imgbox {display:block;color:#c0c0c0;text-decoration:none;cursor:pointer;background:#272727 url(../img/album-back.gif) no-repeat left;}
.alba li a.imgbox:hover {text-decoration:underline;background-position:right;}
.alba li .imagebox {display:block;width:140px;height:108px;text-align:center;}
.alba li .imagebox img {position:relative;top:15px;cursor:pointer;}
.alba li .nazev {display:block;text-align:center;}
.alba li .fotek {display:block;padding-bottom:9px;text-align:center;}
.alba li .ed {padding:4px 0;font-size:11px;text-align:center;}
.fotky {margin:10px;list-style:none;}
.fotky_smallpad {margin:0 9px 0 11px!important;}
.fotky li {float:left;margin:1px;}
* html .fotky li, *+ html .fotky li {margin:1px 0 1px 1px;}
.fotky li a.imgbox {display:block;width:140px;height:140px;text-align:center;text-decoration:none;cursor:pointer;background:url(../img/foto-back.gif) no-repeat left;}
.fotky li a.imgbox:hover {background-position:right;text-decoration:underline;}
.fotky li a.imgbox img {margin-top:15px;cursor:pointer;}
.fotky li a.imgbox .image {display:block;height:115px;}
.fotky li .horizontal {margin-top:30px !important;}
.fotky li .nazev {display:block;text-align:center;color:#d3d3c7;}
.fotky li .ed {padding:4px 0;font-size:11px;text-align:center;}

/* Fotka */
.zpet {display:none;padding:0 0 10px 20px;color:#d3d3c7;}
.posun {float:right;padding-right:15px;font-size:11px!important;}
.posun a {text-decoration:none;text-transform:capitalize;}
.fotka {padding:5px 0;text-align:center;}
.fotka .ed {text-align:center;}
.fotobox {margin:8px 0;text-align:left;line-height:15px;color:#d3d3c7;font-size:11px;background:url(../img/fotobox-back.gif) no-repeat top;}
.fotobox .fb_inner {padding:7px 25px;background:url(../img/fotobox-bottom.gif) no-repeat bottom;}
.fotobox a {color:#d3d3c7;text-decoration:none;}
.fotobox a:hover {text-decoration:underline;}
.fb_smallpad {margin:25px 0 3px 0!important;}
.fb_smallpad .fb_inner {padding:3px 25px;}

/* Article */
.article {margin:0 12px;height:163px;background:url(../img/article-back.gif) no-repeat top;}
.article .fright {width:555px;padding-top:11px;}
.article .thumb {position:relative;top:48px;left:33px;}
.article .added {float:right;padding:12px 25px 0 0;font-size:11px;}
.article .nadpis {padding-top:11px;font-size:14px;text-transform:uppercase;}
.article .nadpis a {color:#d3d3c7;text-decoration:none;}
.article .clanek_text {padding:4px 15px 9px 0;}
.article .article_footer {font-size:11px;}
.article .article_footer a {text-decoration:none;}
.article ins {text-decoration:none;color:#8a4c2e;}
.article .ed {float:right;padding:0 15px;}
.h2back {margin:0;padding:6px 15px;font-size:14px;background:url(../img/h2-back.gif) no-repeat;}
h1 .date {float:right;font-size:13px;position:relative;top:3px;right:20px;}
.ramecek {text-align:center;}
.ramecek img {border:10px solid #262626;-moz-border-radius:5px;-webkit-border-radius:5px;}
.popisek {position:relative;padding:5px 10px;margin:0 80px;font-style:italic;font-size:12px;background:#262626;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}

/* Archiv */
.archiv {list-style:none;}
.archiv li {clear:both;margin:5px 18px;background:#272727 url(../img/new-top.gif) no-repeat top;}
.archiv li .new_inner {padding:8px;background:url(../img/new-bottom.gif) no-repeat bottom;}
.archiv li .new_header {padding:0 5px 5px 5px;font-size:11px;font-weight:bold;color:#d3d3c7;border-bottom:1px solid #333333;}
.archiv li .ed {padding:0;}
.archiv li p {margin:8px 5px;}

/* Komentáře */
.comments {width:600px;margin:25px auto;}
.comment {clear:both;margin:5px auto 0 auto;background:#272727 url(../img/comment-top.gif) no-repeat top;}
.comment_inner {padding:8px;background:url(../img/comment-bottom.gif) no-repeat bottom;}
.comment_autor {background:#222 url(../img/comment-top.gif) no-repeat top;}
.comment_header {padding:0 5px 6px 5px;font-size:11px;font-weight:bold;color:#d3d3c7;border-bottom:1px solid #333333;}
.comment_header a {color:#d3d3c7;text-decoration:none;}
.comment_header a:hover {color:#fff;}
.comment_text {padding:7px 5px;color:#9f9f9f;}
.comment .ed {padding:0;text-align:right;}

/* Pozorovani */
.pozorovani {padding:10px 13px;}
.pozorovani .filter {float:right;padding:0 7px 5px 0;position:relative;bottom:8px;}
.pozorovani table {width:100%;border-collapse:collapse;}
.pozorovani th {padding:6px 10px;font-size:14px;background:#202020;}
.pozorovani td {padding:4px 10px;}
.pozorovani th a {text-decoration:underline;}
.pozorovani .even td {background:#272727;}
.pozorovani a {color:#b2b2b2;text-decoration:none;}
.pozorovani a:hover {color:#fff;}
.pozorovani a.zdroj {text-decoration:underline;}

/* Stránkováni */
.pagination {clear:both;padding:25px 30px;font-size:12px;text-align:right;font-weight:bold;color:#afa893;background:url(../img/title-back.gif) no-repeat center;}
*+ html .pagination {background:url(../img/title-back.gif) no-repeat center 37px;}
.pagination a:hover {text-decoration:underline;}
.pagination a {color:#afa893;text-decoration:none;}
.m35 {padding:0 75px;}

/* Tooltips */
.bublina {padding:1px 5px;border:1px dashed #555;background:#333;}

/* Admin prvky */
#logoutbox {float:right;position:relative;top:9px;right:20px;}
.ed {padding:15px;text-align:right;}
.ed a {color:#a03a3a;font-weight:bold;text-decoration:none;}
.ed a:hover {color:#d9d5b8;}

/* Formulářové prvky */
.hlaska {padding:5px;color:#a03a3a;font-weight: bold;}
.info {margin:0;padding:4px 10px;color:#888;text-align:right;}
.submit {margin:8px 0 0 10px!important;padding:3px!important;font-size:13px!important;color:#fff!important;background:#8a4c2e!important;border:1px solid #1f1f1f!important;cursor:pointer;}
.form {margin:5px 10px;padding:0 5px;font-size:11px;}
.form table {width:100%;margin-top:8px;}
.form fieldset {margin-top:15px;padding:0 10px 10px 10px;background:#262626;border:1px solid #1f1f1f;border-top:3px solid #1f1f1f;}
.form legend {padding:2px 8px;font-weight:bold;background:#262626;border:1px solid #1f1f1f;}
.form input {padding:1px 2px;color:#000;background:#6f6f6f;border:1px solid #1f1f1f;}
.form textarea {padding:1px 2px;font-size:13px;color:#000;font-family:"Tahoma",'Arial',Sans-Serif;background:#6f6f6f;border:1px solid #1f1f1f;}
.form select {font-size:1em;color:#000;background:#6f6f6f;border:1px solid #1f1f1f;}
.form label {padding:6px 15px 6px 5px;}
.form .popisek {width: 110px;}
.center2 .form {width:75%;margin:0 auto;} /* Komentar pod foto */
.form .info input {font-weight:bold;text-align:center;border:0;color:#8a4c2e;background:none;width:26px;}
.selSearch {width:150px;padding:2px;}
.hide {width:25%;height:24px;}

/* Ramecky do odkazu */
.odkaz {position:relative;padding:2px 2px;margin:0 80px;font-style: normal;font-size:12px;background:#262626;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border: 1px solid   #202020;}