a span {display: block; padding: 0px 0px 220px 0px;} 

body {margin: 0 auto; padding: 0; background-color: #FFFFFF;}
form {padding:0 !important; margin:0 !important;}
p  {margin-top: 1em; margin-bottom: 1em;}
.clanek {width:370px; float:left;}
.galerie {float:right;}

.sitka {height: 400px; float:left; margin: 4px 14px 4px 4px;}

.p {text-align: justify;}
.pp {text-indent: -1em; margin-left: 1em; padding-bottom: 0px;}

.cleared {float: none; clear: both; margin: 0; padding: 0; border: none; font-size:1px;}

.art-Sheet {position:relative; z-index:0; margin:0 auto; width: 900px; min-width:1px; min-height:1px; margin-top: 0px !important;}

div.art-Header {margin: 0 auto; position: relative; z-index:0; width: 900px; height: 150px;}
div.art-Header-jpeg {position: absolute; z-index:-1; top: 0; left: 10px; width: 900px; height: 150px; background-image: url('images/Header.jpg'); background-repeat: no-repeat; background-position: left bottom;}

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover {text-align:left; text-decoration:none; outline:none; letter-spacing:normal; word-spacing:normal;}
.art-menu, .art-menu ul {margin: 0; padding: 0; border: 0; list-style-type: none; display: block;}
.art-menu li {margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background:none;}
.art-menu li:hover {z-index: 10000; white-space: normal;}
.art-menu li li {float: none;}
.art-menu ul {visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background:none;}
.art-menu li:hover>ul {visibility: visible; top: 100%;}
.art-menu li li:hover>ul {top: 0; left: 100%;}
.art-menu:after, .art-menu ul:after {content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; }
.art-menu, .art-menu ul {min-height: 0;}
.art-menu ul {background-image: url(images/spacer.gif); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px;}
.art-menu ul ul {padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px;}
ul.art-menu {float:right;}

.art-menu {padding: 8px 4px 0px 4px;}
.art-nav {position: relative; height: 36px; z-index: 100;}
.art-nav .l, .art-nav .r {position: absolute; z-index: -1; top: 0; height: 36px; background-image: url('images/nav.png');}
.art-nav .l {left: 0; right:0px;}
.art-nav .r {right: 0; width: 900px; clip: rect(auto, auto, auto, 900px);}

.art-menu ul li {clear: both;}
.art-menu a {position:relative; display: block; overflow:hidden; height: 28px; cursor: pointer; text-decoration: none; margin-right: 3px; margin-left: 3px;}
.art-menu a .r, .art-menu a .l {position:absolute; display: block; top:0; z-index:-1; height: 84px; background-image: url('images/MenuItem.png');}
.art-menu a .l {left:0; right:12px;}
.art-menu a .r {width:424px; right:0; clip: rect(auto, auto, auto, 412px);}
.art-menu a .t {font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif; font-size: 12px; color: #292929; padding: 0 1px; margin: 0 12px; line-height: 28px; text-align: center;}
.art-menu a:hover .l, .art-menu a:hover .r {top:-28px;}
.art-menu li:hover>a .l, .art-menu li:hover>a .r {top:-28px;}
.art-menu li:hover a .l, .art-menu li:hover a .r {top:-28px;}
.art-menu a:hover .t {color: #000000;}
.art-menu li:hover a .t {color: #000000;}
.art-menu li:hover>a .t {color: #000000;}
.art-menu a.active .l, .art-menu a.active .r {top: -56px;}
.art-menu a.active .t {color: #1A1A1A;}

.art-contentLayout {position: relative; margin-bottom: 0px;width: 900px;}

.art-Post {position:relative; z-index:0; margin:0 auto; min-width:3px; min-height:3px;}
.art-Post-body
{
position: relative;
z-index:1;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 8px;
padding-left: 10px;
}

.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl, .art-Post-tc, .art-Post-bc,.art-Post-cr, .art-Post-cl
{
position:absolute;
z-index:-1;
}

.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl
{
width: 2px;
height: 2px;
background-image: url('images/Post-s.png');
}

.art-Post-tl
{
top:0;
left:0;
clip: rect(auto, 1px, 1px, auto);
}

.art-Post-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 1px, 1px);
}

.art-Post-bl
{
bottom: 0;
left: 0;
clip: rect(1px, 1px, auto, auto);
}

.art-Post-br
{
bottom: 0;
right: 0;
clip: rect(1px, auto, auto, 1px);
}

.art-Post-tc, .art-Post-bc
{
left: 1px;
right: 1px;
height: 2px;
background-image: url('images/Post-h.png');
}

.art-Post-tc
{
top: 0;
clip: rect(auto, auto, 1px, auto);
}

.art-Post-bc
{
bottom: 0;
clip: rect(1px, auto, auto, auto);
}

.art-Post-cr, .art-Post-cl
{
top: 1px;
bottom: 1px;
width: 2px;
background-image: url('images/Post-v.png');
}

.art-Post-cr
{
right:0;
clip: rect(auto, auto, auto, 1px);
}

.art-Post-cl
{
left:0;
clip: rect(auto, 1px, auto, auto);
}

.art-Post-cc
{
position:absolute;
z-index:-1;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
background-color: #FFFFFF;
}




a img {border: 0;}

.art-PostHeaderIcon-wrapper
{
text-decoration:none;
margin: 0 0;
padding: 0;
font-weight:normal;
font-style:normal;
letter-spacing:normal;
word-spacing:normal;
font-variant:normal;
text-decoration:none;
font-variant:normal;
text-transform:none;
text-align:left;
text-indent:0;
line-height:inherit;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 22px;
color: #803900;
}

.art-PostHeaderIcon-wrapper, .art-PostHeaderIcon-wrapper a, .art-PostHeaderIcon-wrapper a:link, .art-PostHeaderIcon-wrapper a:visited, .art-PostHeaderIcon-wrapper a:hover
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 22px;
color: #803900;
}

body
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #292929;
}

.art-PostContent
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  text-align: left;
  margin-left: 0px;
  margin-right: 0px;
  color: #292929;
}




.art-Post
{
margin: 8px 0 0 0;
}


/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
*/
a
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #B25000;
}

/* Adds special style to an unvisited link. */
a:link
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #B25000;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #595959;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #EB6A00;
}

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-size: 24px;
  color: #803900;
  margin: 0px;
  padding: 0 0 6px 0;

}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-size: 22px;
  color: #B25000;
  margin: 0px;
  padding: 0px;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-size: 17px;
  color: #000000;
  margin: 0px;
  padding: 0 0 2px 0;

}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #512E01;
  margin: 0px;
  padding: 0 0 10px 0;

}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #512E01;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  color: #512E01;
}
/* Finish Content headings Fonts & Colors  */
/* end PostContent */

/* begin PostBullets */
/* Start Content list */
ol, ul
{
color: #404040;
margin:1em 0 1em 2em;
padding:0;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 12px;
}

li ol, li ul
{
margin:0.5em 0 0.5em 2em;
padding:0;
}

li 
{
margin:0.2em 0;
padding:0;
}

ul
{
list-style-type: none;
}

ol
{
list-style-position:inside;

}



.art-Post li
{
padding:0px 0 0px 14px;
line-height:1.2em;
}

.art-Post ol li, .art-Post ul ol li
{
background: none;
padding-left:0;
}

.art-Post ul li, .art-Post ol ul li 
{
background-image: url('images/PostBullets.png');
background-repeat:no-repeat;
padding-left:14px;
}


/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */
blockquote p
{
color:#363636;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
}

blockquote
{
margin:10px 10px 10px 50px;
padding:5px 5px 5px 38px;
background-color:#FECE90;
background-image:url('images/PostQuote.png');
background-position:left top;
background-repeat:no-repeat;
}


/* Finish blockuote */
/* end PostQuote */


input, select
{
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 12px;
}



.art-contentLayout .art-content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 390px;
}
.art-contentLayout .art-content-wide
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 899px;
}
/* end LayoutCell */

/* begin LayoutCell */
.art-contentLayout .art-sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 539px;
}
/* end LayoutCell */

