html, body {background-color: #241d15; margin: 0 0 0 0; padding: 0 0 0 0; font-family: Arial, Helvetica, sans-serif; color: #683b0f;}

div#document {width: 740px; margin: 0 auto; margin-top: 80px;}

a {color: #683b0f; text-decoration: underline;}
a:hover {color: #683b0f; text-decoration: none;}

div#lista {float: left; color: white; width: 40px; margin-top: 120px;}

a.portfolio {display: block; width: 40px; height: 160px; background-image: url(images/portfolio.gif);}
a.portfolio-checked {display: block; width: 40px; height: 160px; background-image: url(images/portfolio-checked.gif);}

a.kontakt {display: block; width: 40px; height: 160px; background-image: url(images/kontakt.gif); margin-top: 10px;}
a.kontakt-checked {display: block; width: 40px; height: 160px; background-image: url(images/kontakt-checked.gif); margin-top: 10px;}


div#content {float: right; width: 700px; background-color: White; font-size: 12px;}

div#logo {background: white url(images/logo.gif) no-repeat; height: 121px; width: 700px;}
div#logo a {display: block; width: 700px; height: 121px;}

div#footer {background-image: url(images/footer.gif); background-repeat: no-repeat; height: 80px; background-color: #241d15; width: 640px; padding-bottom: 80px; font-size: 10px; text-align: right; padding-top: 38px; padding-right: 60px; font-weight: bold; margin-top: -10px;}

div#obsah {padding-left: 33px; padding-right: 50px; text-align: justify;}

div.item {position: relative; margin-right: 10px; margin-bottom: 10px; float: left; width: 194px; height: 194px;}
div.item a {display: block; width: 194px; height: 194px;}
div.item img {border: 1px solid #683b0f; width: 194px; height: 194px;}
div.item div.desc {position: absolute; right: -1px; bottom: -1px; color: white; background-color: rgb(153,51,51); font-size: 10px; letter-spacing: -1px; padding: 0px 5px 0px 5px; font-family: verdana; text-align: right;}


.hidden {display: none;}
div.clear {clear: both; float: none;}