/* left menu */
#leftm {
        float: left;
        vertical-align: center;
        width: 290px;
        padding: 15px 20px 0px 20px;

 }


#mutace  {
        position: absolute;
        top: 100px;
        left: 150px;

}


* {
     margin: 0;
     padding: 0;
}

body {
     background: White url(../images/img01.jpg) repeat-x;
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #6B6B6B;
}
#text {
     font-family:  Trebuchet MS;
     font-size: 15px;
     color: #000000;
}
#text.li{
     font-family:  Trebuchet MS;
     font-size: 15px;
     color: #000000;
}
#text.ul{
     font-family:  Trebuchet MS;
     font-size: 15px;
     color: #000000;
}


form {
}

input, textarea {
     padding: 2px 5px;
     border: 1px solid #EBEBEB;
     font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
     color: #000000;
}

h1, h2, h3, h4 {
     margin: 0;
}

h2, h3, h4 {
     margin-bottom: 20px;
     padding-bottom: 9px;
     border-bottom: 1px solid #F2F2F2;
     letter-spacing: -0.035em;
     font-weight: normal;
     color: #37404C;
}

h2 {
     font-size: 28px;
}

h3 {
     font-size: 16px;
     font-weight: bold;
}

h4 {
     font-size: 14px;
     font-weight: bold;
}

p, ul, ol {
     margin-bottom: 1.5em;
     line-height: 170%;
     text-align: justify;
}

ul, ol {
     margin-left: 3em;
}

dl.list1 {
     margin: 0;
     padding: 0;
     list-style: none;
}

dl.list1 dt {
     float: left;
     width: 70px;
}

dl.list1 dd {
     margin-bottom: 10px;
}

dl.list1 a {
     color: #666666;
}

ul.list2 {
     margin: 0;
     padding: 0;
     list-style: none;
     line-height: normal;
}

ul.list2 li {
     float: left;
     margin: 0 18px 18px 0;
}

ul.list2 li.nopad {
     margin-right: 0;
}

blockquote {
     margin-left: 3em;
     margin-right: 3em;
}

a {
     color: #000000;
}

a:hover {
     text-decoration: none;
}

a img {
     border: none;
}

img.left {
     float: left;
     margin: 5px 20px 0 0;
}

img.right {
     float: right;
     margin: 5px 0 0 20px;
}

/* Wrapper */

#wrapper {
     width: 960px;
     margin: 0 auto;
     background: url(../images/img02.jpg) repeat-y;
}

#wrapper2 {
     background: url(../images/img02.jpg) no-repeat left bottom;
}

/* Header */

#header {
     height: 513px;
     z-index: -3;

}
.border {
        BORDER-BOTTOM: #000000 1pt solid;
        BORDER-LEFT: #000000 1pt solid;
        BORDER-RIGHT: #000000 1pt solid;
        BORDER-TOP: #000000 1pt solid
}

.bord {
        BORDER-BOTTOM: #C0C0C0 2pt solid;
        BORDER-LEFT: #C0C0C0 2pt solid;
        BORDER-RIGHT: #C0C0C0 2pt solid;
        BORDER-TOP: #C0C0C0 0pt solid;
        padding: 0px 5px 0px 5px;
}

/* Logo */

#logo {
     float: left;
}

#logo h1 {
     margin: 0;
     padding: 90px 0 0 78px;
     text-transform: lowercase;
     letter-spacing: -3px;
     font-size: 40px;
     color: #FFFFFF;
}

#logo h1 a {
     text-decoration: none;
     color: #FFFFFF;
}

#menu
{
position: relative;
top: 0;
left: 0;
height: 600px;
}

#menu .polozka
{
float: left;
}

#menu .zalozka
{
background: white;
margin: 0 0 0 17px;
}

#menu .zalozka a

{
color: #333;
text-decoration: none;
}

#menu .ramecek
{
position: absolute;
top: 74px;
left: 0;
width: 620px;
padding: 2px;
visibility: hidden;
background: black;
}

#menu .telo
{
overflow: auto;
height: 300px;
background: white;
padding: .5em 1em;
vertical-align: center;
}

#menu .telo img
{
float: left;
margin: 0 1em .10em 0;
border: solid #666 2px;
}

#menu .polozka
{
behavior: url(hovermenu.htc); /* IE */
}

#menu .polozkaHover .ramecek,
#menu .polozka:hover .ramecek
{
visibility: visible;
}

#menu .polozkaHover .zalozka,
#menu .polozka:hover .zalozka
{
background: #caf;
} 
/* Page */

#page {
     background: url(../images/img04.jpg) no-repeat;
}

/* Content */

#content {
      float: left;
     width: 620px;
     padding: 15px 0 0 0px;
}

.post {
     padding-top: 25px;
}

.post .title {
}

.post .title a {
     text-decoration: none;
     color: #37404C;
}

.post .title a:hover {
     text-decoration: underline;
}

.post .entry {
}

.post .meta {
     height: 16px;
     margin: 0;
     padding: 10px;
     background: url(../images/img07.jpg) repeat-x left bottom;
     line-height: normal;
}

.post .meta .posted {
     display: block;
     float: left;
}

.post .meta .permalink {
     display: block;
     float: right;
     padding-left: 17px;
     background: url(../images/img09.gif) no-repeat left center;
}

.post .meta .comments {
     display: block;
     float: right;
     padding: 0 30px 0 19px;
     background: url(../images/img08.gif) no-repeat left center;
}

/* Sidebar */

#sidebar {
     float: right;
     width: 150px;
     padding: 20px 76px 0 0;
}

#count{
       background: url(../images/poz.jpg) no-repeat left center;}

#sidebar ul {
     margin: 0;
     padding: 0;
     list-style: none;
}

#sidebar li {
     margin-bottom: 40px;
}

#sidebar li ul {
}

#sidebar li li {
     margin: 0;
}

/* Search */

#search {
}

#search br {
     display: none;
}

#search input {
     padding: 1px 5px;
     border-top: 1px solid #00FFFF;
     border-left: 1px solid #00FFFF;
     border-right: 1px solid #00FFFF;
     border-bottom: 1px solid #00FFFF;
     background: #0000FF url(../images/img18.gif) repeat-x;
     font-size: 11px;
     font-weight: bold;
     color: #000000;
}

#search #s {
     width: 130px;
     padding: 2px 5px;
     background: #FFFFFF;
     border: 1px solid #EBEBEB;
     font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
     color: #6B6B6B;
}

/* Widebar */

#widebar {
     margin: 0 50px;
     padding: 25px 28px 0 28px;
     background: #F2F2F2 url(../images/img11.gif) repeat-x;
}

#widebar #colA {
     float: left;
     width: 260px;
}

#widebar #colB {
     float: left;
     width: 260px;
     padding-left: 45px;
}

#widebar #colC {
     float: left;
     width: 186px;
     padding-left: 45px;
}

/* Footer */

#footer {
     height: 51px;
     background: url(../images/footer.jpg) no-repeat;
}

#footer p {
     margin: 0;
     padding-top: 17px;
     padding-left: 40px;
     text-align: left;
     color: #8E8E8E;
}

#footer a {
     color: #666666;
}


#test{
position: relative;
top: -40px;
left: 0px;
z-index: -1;
}

#test2{
z-index: 100;
}


#menua
{
position: relative;
top: 0;
left: 0;
height: 600px;
}

#menua .polozka
{
float: left;
}

#menua .zalozka
{
background: white;
margin: 0 0 0 90px;
}

#menua .zalozka a

{
color: #333;
text-decoration: none;
}

#menua .ramecek
{
position: absolute;
top: 74px;
left: 0;
width: 620px;
padding: 2px;
visibility: hidden;
background: black;
}

#menua .telo
{
overflow: auto;
height: 300px;
background: white;
padding: .5em 1em;
vertical-align: center;
}

#menua .telo img
{
float: left;
margin: 0 1em .10em 0;
border: solid #666 2px;
}

#menua .polozka
{
behavior: url(hovermenu.htc); /* IE */
}

#menua .polozkaHover .ramecek,
#menua .polozka:hover .ramecek
{
visibility: visible;
}

#menua .polozkaHover .zalozka,
#menua .polozka:hover .zalozka
{
background: #caf;
}