/* CSS Document */

* {margin: 0; padding: 0; font-family: Tahoma, Arial, sans}
a {color: #B92A2E; text-decoration: underline}
a:hover {text-decoration: none; color: #E31D2F}
a img {border: none}
p {margin: 0 0 5px 0}
/*.al_r {text-align: right}*/

body {background: url(img/back.png) top repeat-x}
#container {width: 940px; margin: auto}
#leftBox {width: 940px; height: 150px; background: url(img/header.png) no-repeat; position: relative}
#rightBox {width: 940px; height: 100%; min-height: 300px; background: url(img/body.png) no-repeat top}
#footer {height: 160px; width: 940px; background: url(img/footer.png) top no-repeat; position: relative;}

#logo a {display: block; background: transparent; width: 300px; height: 70px; position: absolute; top: 20px; left: 30px}
#logo span {display: none}

#menu {position: absolute; top: 112px; margin: 0 0 0 20px; width: 900px}
#menu ul {list-style: none}
#menu li {float: left}
#menu a {display: block; height: 36px; text-decoration: none}
#menu a span {display: none}
#menu a.menu_1 {width: 137px; background: url(img/menu_1.gif) bottom}
#menu a.menu_2 {width: 83px; background: url(img/menu_3.gif) bottom}
#menu a.menu_3 {width: 138px; background: url(img/menu_4.gif) bottom}
#menu a.menu_4 {width: 154px; background: url(img/menu_5.gif) bottom}
#menu a.menu_5 {width: 77px; background: url(img/menu_6.gif) bottom}
#menu a.menu_6 {width: 82px; background: url(img/menu_7.gif) bottom}
#menu a.menu_1:hover {width: 137px; background: url(img/menu_1.gif) 50%}
#menu a.menu_2:hover {width: 83px; background: url(img/menu_3.gif) 50%}
#menu a.menu_3:hover {width: 138px; background: url(img/menu_4.gif) 50%}
#menu a.menu_4:hover {width: 154px; background: url(img/menu_5.gif) 50%}
#menu a.menu_5:hover {width: 77px; background: url(img/menu_6.gif) 50%}
#menu a.menu_6:hover {width: 82px; background: url(img/menu_7.gif) 50%}
#menu a.menu_1#actual {width: 137px; background: url(img/menu_1.gif)}
#menu a.menu_2#actual {width: 83px; background: url(img/menu_3.gif)}
#menu a.menu_3#actual {width: 138px; background: url(img/menu_4.gif)}
#menu a.menu_4#actual {width: 154px; background: url(img/menu_5.gif)}
#menu a.menu_5#actual {width: 77px; background: url(img/menu_6.gif)}
#menu a.menu_6#actual {width: 82px; background: url(img/menu_7.gif)}

#hints {position: absolute; top: 8px; left: 700px}
#hints ul {list-style: none}
#hints li {float: left}
#hints a {font-size: 11px; padding: 0 8px; text-decoration: none}
#hints a#link_rss {font-weight: bold}
#hints a:hover {text-decoration: none}

#content {margin: 0 70px 0 110px; font-size: 12px; color: #333; line-height: 15px; padding: 5px 0 0 0}
#content .content_img {float: right; margin: 0 0 30px 50px}
#content .list_image img {width: 160px; margin: 40px 0 0 40px; border-bottom: 2px solid transparent}
#content .list_image:hover img {border-bottom: 2px solid #B92A2E}
#content .detail_image {padding: 0}
#content .detail_image img {width: 160px; margin: 0px 40px 0 0; border-bottom: 2px solid transparent}
#content .detail_image a:hover img {border-bottom: 2px solid #B92A2E}
#content .detail_about {margin: 20px 0}
#content table td {vertical-align: top}
#content .detail_about .al_r {font-size: 10px; padding: 0 10px 0 0; font-weight: bold}
#content .list_item span {font-size: 10px; font-weight: bold}
#content span.list_more, #content .question {margin: 10px 0; display: block; padding: 2px 0 0 0; width: 350px; font-size: 10px; background: url(img/navig.gif) top left no-repeat; font-weight: normal}
#content ul {list-style: square outside; margin: 5px 0 10px 15px}
#content .question {margin: 10px 0 30px 0; width: 175px}

#navig {margin: 40px 0 40px 0px; display: block; width: 550px; border-top: 1px solid #B92A2E; text-align: center}
#navig table {margin: auto}
#navig td {padding: 0px 20px 0 0}
#navig a {display: block; border-top: 1px solid transparent; margin: -3px 0 0 0; padding: 2px 0 0 0}
#navig a:hover {border-top: 1px solid #999; text-decoration: none}


h1, h2 {height: 20px; margin: 0 0 10px 0; color: #B92A2E; font-weight: normal; position: relative; left: -80px; padding: 0 0 0 80px; background: url(img/heading.png) no-repeat top left; text-transform: lowercase}
h1 {font-size: 17px}
h2 {font-size: 15px; padding-top: 2px}
h3 {font-size: 13px; color: #B92A2E; font-weight: bold; margin: 7px 0 3px}

hr.span {display: none}

#links {margin: 0 70px 0 110px; padding: 40px 0 0 0}
#links a {text-decoration:none}
#links h2 {margin-top: 0px}
#links ul {list-style: none}
#links li {display: inline; margin: 0 20px 30px 0}
#copyright, #design {font-size: 11px; position: absolute; top: 140px; margin: 0 20px}
#design {right: 0px;}

.jumper {position: absolute; left: -1000px; top: -1000px; width: 1px; height: 1px; overflow: hidden}
.jumper2 {display: none !important}
dt {clear: both; float: left; margin: 0 10px 5px 0; color: #B92A2E}
dd {margin: 0 0 5px 0}

#header {height: 50px}
#taglist {padding-left: 210px; position: relative; top: 25px; font-size: 11px}
#taglist span a {padding-right: 10px}
#search {position: relative}
#search input {border: 1px solid #B92A2E; width: 200px; height: 21px; position: absolute; line-height: 21px}
#search label, caption {display: none}
#search input#searchButton {background: url(img/button-hledat.png); width: 81px; height: 23px; position: absolute; left: 195px; border: none}

.clanek, .prispevek, .diskuze, .hledani, .stitky {clear: both; padding-bottom: 25px; position: relative}
.clanek h2, .prispevek h2, .diskuze h2 {font-size: 16px; font-weight: bold}
.about {margin: 0; padding: 0; font-size: 11px; position: absolute; top: 18px}
.info {float: right; width: 130px; padding-left: 5px; margin-left: 20px; border-left: 3px solid #B92A2E; margin-top: 5px}
.clanek .info img {width: 40px; height: 30px; border-bottom: 2px solid transparent}
.clanek .info img:hover {border-bottom: 2px solid #B92A2E}
.clanek .perex, .clanek .text {padding: 8px 150px 5px 0}
input[type="text"], textarea {border: 1px solid #B92A2E}

#blogAnch {position: absolute; top: 53px; left: 821px; background: url(img/blog-button.png) no-repeat 50% 50%; width: 125px; height: 102px}
#blogAnch:hover {background: url(img/blog-button.png) no-repeat right}
#blogAnch.actual {background: url(img/blog-button.png) no-repeat left}
#blogAnch span {display: none}