* {margin:0; padding:0}
html {height: 100%}
body {height: 100%; background:url(../img/bg.gif) center top repeat-x #f4cca7; color:#731900; font-family:sans-serif; font-size:.8em; text-align:center}
a {color:#af0000}
a:hover {text-decoration:none}
h2, h3 {font-family:Verdana,sans-serif; font-size:120%; font-weight:normal; color:#731900}
h2 {height:49px; line-height:49px; text-indent:20px; background:url(../img/h2b.gif) center center repeat-x; border-bottom:2px solid #fff}
h2.a {background-image:url(../img/h2a.gif)}
h3 {font-size:110%; margin:10px 20px 0px 20px; font-weight:bold}
a img {border:0}

form br {clear:both}
fieldset {padding:10px 20px 20px 20px; border:0}
label, input, textarea {color:#731900; font-family:Verdana,sans-serif}
input, textarea {width:210px; border:1px solid #f8d5b1; margin:2px 0; background:#fff; font-size:100%}
label em {font-size:80%}
textarea.long {width:500px}
textarea {height:90px}
label.fail {color:#af0000}
input.fail, textarea.fail {border:1px solid #af0000}
div.fail, div.ok {padding:10px 20px}
input#odeslat, input#submit {width:90px; font-weight:bold; cursor:pointer}
input#odeslat {width:120px}

.smaller {font-size:80% !important}
.left {text-align:left}
.center {text-align:center}
.right {text-align:right}
.fl {float:left}
.fr {float:right}
.clear {clear:both}
.invisible {position:absolute; top:-10000px; left:0; height:1px; overflow:hidden}
a.skipmenu {position:absolute; top:0; left:-10000px; padding:5px}
a.skipmenu:focus, a.skipmenu:active {left:0; background:#f00; color:#fff}

#wrapper {position:relative; height:auto; min-height:100%}
#page {width:960px; margin:auto; background:url(../img/page.jpg) repeat-y; padding-bottom:91px; position:relative}

#header {height:140px; position:relative}
#header h1 {position:absolute; top:22px; left:60px; width:175px; height:100px; overflow:hidden}
#header h1 span {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/logo.gif) no-repeat; z-index:1}

#menu {position:absolute; bottom:0; right:58px; width:646px; height:81px; list-style-type:none; font-family:Verdana,sans-serif; font-size:120%; text-align:left}
#menu li {float:left; position:relative; width:128px; height:81px; margin-left:1px}
#menu a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/menu.gif) center top; color:#320b00; text-decoration:none}
#menu a:hover, #menu a.active {background-position:center bottom}
#menu a.active {font-weight:bold}
#menu span {display:block; padding:15px}

#mainphoto {height:276px; background:url(../img/mainphoto.gif); margin:2px 0; text-align:center}

#main {text-align:left; width:846px; margin:auto; background:#fff; padding-bottom:30px; text-align:left}
#main p {line-height:150%; padding:10px 20px}
#main div.homepage {min-height:200px}
#single {margin:2px}
#content {float:left; width:583px; margin:2px 0 2px 2px}
#content ul, #single ul {margin:10px 10px 10px 45px; list-style-type: square}
#content a {text-decoration:underline}
#content a:hover {text-decoration:none}
#content .post {margin-bottom:10px}
#content .post p {background:#eee; margin:0; padding:5px 10px}
#content p.head {background:#999; color:#fff; border-bottom:2px solid #fff}
#content .head a {color:#fff}

#col {float:left; width:257px; margin:2px}
#col div.a {background:#fcf1e6}
#col div.b {background:#fff0d2}

.gallery a img {border:5px solid #fff0d2; padding:4px; margin:5px 10px 5px 0}
.gallery a:hover img {border:5px solid #af0000}

#footer {position:absolute; bottom:0; left:0; width:100%; height:91px; background:url(../img/footer.gif)}
#footer-content {width:804px; margin:10px auto; font-size:80%; color:#b4987d}
#footer-content div {width:50%; float:left}
#footer a {color:#b4987d}
#footer a:hover {color:#fff}