/*
   Lubomir Pokorny (lubomirpokorny@email.cz)
   CSS styles for ReZe.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:0.7em;}

/* Body */
body {font-size:13px;color:#777;text-align:center;font-family:'segoe ui',arial,sans-serif;background:#000 url(../img/body-back.jpg) no-repeat top;}

/* General styles */
h1 {font-size:1.6em;color:#adadad;}
h2 {padding:15px 0 8px 0;}
h3 {padding:15px 0 8px 0;}
p {margin:10px 0;text-align:justify;}
a {color:#777;}
a:hover {color:#3f8bbd!important;}

/* Page */
#page {width:990px;margin:0 auto;text-align:left;}

/* Common styles */
.right {text-align:right;}
.center {text-align:center;}
.fright {float:right;}
.fleft {float:left;}
.cb {clear:both;}
.icon {position:relative;top:2px;}
.hidden {display:none;}

/* Header */
.toppanel {padding:7px;}
#mainmenu {margin-top:2px;}
#mainmenu li {float:left;list-style:none;}
#mainmenu span {display:none;}
#mainmenu a {display:block;height:113px;}
#mainmenu a:hover, #mainmenu a.selected {background-position:right;}
#mainmenu .home {width:245px;background:url(../img/menu-home.png) no-repeat left;}
#mainmenu .gallery {width:250px;background:url(../img/menu-gallery.png) no-repeat left;}
#mainmenu .articles {width:247px;background:url(../img/menu-articles.png) no-repeat left;}
#mainmenu .about {width:248px;background:url(../img/menu-about.png) no-repeat left;}

/* Mainpage */
#mainpage {clear:both;height:auto!important;height:600px;min-height:600px;}
#content {padding:10px;}
#content ul, #content ol {padding:10px 20px;}
#slideshow .loading {width:970px;height:485px;background:url(../img/loading.gif) no-repeat center;}

/* Footer */
#footer {clear:both;margin-bottom:40px;padding:60px 20px 10px 20px;font-size:0.9em;color:#555;background:url(../img/footer-back.png) no-repeat bottom;}
#footer a {color:#666;text-decoration:none;}
#footer a:hover {color:#3f8bbd;}

/* Navigation */
.navigace {position:relative;bottom:5px;right:2px;color:#444;font-size:1.1em;}
.navigace a {padding:0 2px 0 2px;color:#666;text-decoration:none;font-weight:bold;}
.navigace span {padding:0 2px 0 2px;color:#666;}

/* Clanky */
.clanek_nahled {clear:both;margin-top:10px;background:#191919 url(../img/article-back.png) repeat-x;}
.clanek_nahled .thumb {margin:20px 15px 20px 20px;}
.clanek_nahled .fright {width:720px;padding:22px 0 10px 0;}
.clanek_nahled h3 {padding:0 15px 6px 0;font-size:1.3em;font-weight:normal;}
.clanek_nahled h3 a {color:#fff;text-decoration:none;}
.clanek_nahled h3 a:hover {color:#8b4a39;}
.clanek_nahled .intro {height:75px;padding-right:20px;line-height:1.3em;}
.clanek_nahled .bottom {padding:15px 20px 15px 0;color:#747474;}
.clanek_nahled .space {margin-left:20px;}
.clanek_nahled .icon {position:relative;right:4px;top:4px;}
.clanek_nahled .ed {padding:5px 15px 7px 0;font-size:1em;}
.youtube {text-align:center;}

/* Gallery */
.backlink {padding-left:20px;color:#cbcbcb;font-size:1.25em;font-weight:bold;}
.alba {padding:0!important;list-style:none;}
.alba li {float:left;padding:5px 0 10px 0;}
.alba li.left {padding-right:10px;}
.alba .holder {width:480px;height:194px;background:#191919 url(../img/article-back.png) repeat-x;}
.alba a {display:block;text-decoration:none;}
.alba h2 {padding:8px 0 8px 13px;font-size:1.25em;}
.alba img {float:left;margin:0 0 0 13px;}
.alba .fright {width:245px;}
.alba .date {display:block;padding-bottom:5px;}
.alba .popis {height:82px;padding:0 20px 0 0;color:#b0b0b0;text-align:justify;line-height:1.4em;}
.alba .footer {padding:15px 0 0 0;line-height:1.4em;}
.fotky {padding:12px 0 0 1px!important;list-style:none;}
.fotky li {float:left;font-size:0.85em;text-align:center;}
.fotky td {width:236px;height:238px;text-align:center;vertical-align:middle;background:url(../img/foto-back.png) no-repeat;}
.fotky td:hover {background:#222;}
.posun {padding-top:10px;text-align:center;}
.posun a {margin:0 150px;text-decoration:none;font-weight:bold;font-size:1.45em;}
.fotka {text-align:center;font-size:1.1em;line-height:1.4em;}
.fotka img {border:4px solid #463b3d}
.fotka .nazev {padding-bottom:5px;font-size:1.5em;font-family:'trebuchet ms';}
.fotka .popis {padding:20px 100px;text-align:center;}

/* Komentare */
#komentare {text-align:center;}
.komentare {width:550px;padding-top:30px;margin:0 auto;}
.komentare h1 {text-align:left;}
.komentare form {width:446px;margin:0 auto;text-align:left;}
.nocomments {padding:10px 0;text-align:center;font-size:1.2em;font-weight:bold;}
.komentar {min-height:115px;margin:5px auto 10px auto;padding-bottom:10px;color:#000;text-align:left;background:#827d7d url(../img/comment-back.jpg) no-repeat bottom;}
.komentar p {text-indent:0;margin:0 25px 10px 15px;padding:8px 0 0 0;border-top:1px solid #6c6666;}
.khead {padding:10px 15px;background:url(../img/comment-top.jpg) no-repeat top;}
.khead a {font-weight:bold;color:#333;}
.komentar img {position:relative;top:1px;margin-right:3px;}
.kfooter {float:right;margin:10px 15px 0 0;font-size:0.85em;}
.autor {color:#000;background:#d9d9d9 url(../img/comment-back-blue.jpg) no-repeat bottom;}
.autor .khead {color:#000;background:url(../img/comment-top-blue.jpg) no-repeat top;}
.autor .khead a {color:#000;}
.autor .kfooter {color:#000;}
.autor p {color:#000;border-top:1px solid #666;}

/* Pagination */
.page {clear:both;padding:40px 0 20px 0;font-size:1.2em;font-weight:bold;text-align:center;}
.toppage .page {padding:10px 0!important;}
.page a {text-decoration:none;}
.page a:hover,.page a.selected {color:#3f8bbd;text-decoration:underline;}

/* Tooltips */
.bublina {padding:3px 8px;color:#f2f2f2;font-size:0.9em;border:1px dashed #666;background:#555;z-index:1000;}

/* Content */
.text p {text-align:justify;}
.tabulka {clear:both;width:100%;border-collapse:collapse;}
.tabulka thead td {padding:7px 10px;font-weight:bold;color:#f0f0f0;background:#262626 url(../img/bg-threads-th.gif) repeat-x bottom;}
.tabulka tbody td {padding:7px 10px;background:#3f3f3f url(../img/bg-threads.gif) repeat-x;border-top:1px solid #333333;}
.tabulka .nazev {font-weight:bold;color:#fff;}
.tabulka .tfoot td {padding:7px 10px;color:#f0f0f0;border-top:1px solid #333333;}
.tabulka a {font-weight:bold;font-size:1.2em;color:#25c0eb;}
.tabulka a:hover {color:#fff;}

/* Forms */
.hlaska {padding:5px;color:#ff0000;font-weight: bold;font-size:1.2em;}
.formular {width:94%;margin:5px 10px;padding:0 5px;color:#b0b0b0;text-align:left;}
.formular .submit, .submit {margin:5px 0 0 10px;color:#fff;background:#3f8bbd;border:1px solid #444;cursor:pointer;}
.formular input {padding:2px 2px;font-size:1em;color:#000;border:1px solid #242424;background:#909090;}
.formular fieldset {margin-top:15px;padding:0 10px 20px 10px;background:#151515;border:1px solid #242424;border-top:3px solid #242424;}
.formular legend {padding:2px 8px;color:#b0b0b0;font-weight:bold;background:#151515;border:1px solid #242424;}
.formular label {padding:6px 15px 6px 5px;}
.formular select {font-size:1em;background:#909090;}
.formular option {padding-right:15px;}
.formular textarea {padding:1px 2px;font-size:1.2em;_font-size:1em;color:#000;font-family:"Tahoma",'Arial',Sans-Serif;font-size:1em;background:#909090;border:1px solid #242424;}
.formular table {margin-top:15px;}
.info {margin:0;padding-top:5px;color:#666;text-align:right;}
.formular .info input {font-weight:bold;text-align:center;color:#b0b0b0;border:0;background:none;width:22px;}
.login {width:300px;}
.narrow {width:750px;}
.form-tab {width:100%}
.form-tab thead {background:#232323;}
.form-tab td {padding:3px 8px;}
.webmailform {margin-left:100px;}

/* Administrace */
.adminline {float:right;padding:5px;}
.ed {clear:both;padding:30px 10px;font-size:1.2em;font-weight:bold;text-align:right;}
.ed a, .edlink {color:#e10000;}
.ed a:hover, .edlink:hover {text-decoration:none;}
.edit {padding:4px 10px;}
.edit a {display:inline;color:#e10000;font-weight:bold;}
.edit a:hover {text-decoration:underline;}