/* CSS Document */

* {
     margin: 0px;
     padding: 0px;
}


body {
     background-image: url('pic/pozadi.jpg');
     text-align: center;
}

#center {
     position: relative;
     width: 857px;
     top: 0px; 
     height: auto;
     margin: 0px auto 0px auto;
}

#logo {
     position: relative;
     width: 261px;
     height: 33px;
     top: 65px;
     left: 450px;
     #left: 150px;
}

#logo img {
     border-style: none;
}

#head {
     position: relative;
     width: 857px;
     height: 252px;
     background-image: url('pic/hlavicka-menu.png');
     background-repeat: no-repeat;
     
}

#menu {
     position: relative;
     width: 750px;
     height: 30px;
     top: 153px;
     left: 30px;
     margin: 0px;
     text-align: left;
     color: #FFFFFF;
     padding: 0px 150px 0px 0px;
}

#menu a {
     font-family: Arial;
     font-size: 14px;
     font-weight: normal;
     color: #FFFFFF;
     text-decoration: none;
     margin: 0px 4px 0px 4px;
}

#menu a:hover {
     text-decoration: underline;
}

#content {
     position: relative;
     width: 735px;
     height: auto;
     margin: 0px 71px 0px 1px;
     background-color: #FFFFFF;
     text-align: left;
     padding: 0px 25px 0px 25px;
}

#content h1,h2,h3 {
     font-family: Arial;
     font-weight: normal;
     color: #000000;
     padding: 25px 0px 0px 0px;
}

#content h1 {
     font-size: 22px;
}

#content h2 {
     font-size: 20px;
}

#content h3 {
     font-size: 18px;
     color: #DB0000;
     padding: 0px;
}

#content a {
     font-family: Arial;
     font-weight: normal;
     font-size: 12px;
     color: #DB0000;
}

#content ul {
     font-family: Arial;
     font-weight: normal;
     font-size: 12px;
     color: #000000;
     margin: 25px 0px 0px 50px;
}

#content table {
     font-family: Arial;
     font-weight: normal;
     font-size: 12px;
     color: #000000;
}

input.input {
     position: relative;
     width: 200px;
     height: auto;
}

input.odeslat {
     width: 80px;
}

#content textarea {
     position: relative;
     width: 300px;
     height: 90px;
}


#content a:hover {
     text-decoration: none;
}

#content p {
     font-family: Arial;
     font-weight: normal;
     font-size: 12px;
     color: #000000;
     line-height: 18px;
     margin: 10px 0px 0px 10px;
}


#footer {
     position: relative;
     width: 857px;
     height: 152px;
     background-image: url('pic/paticka.png');
     background-repeat: no-repeat;
     color: #FFFFFF;
}

#footer-menu {
     position: relative;
     width: 700px;
     height: 30px;
     top: 22px;
     left: 85px;
     #left: 0px;
     margin: 0px;
     text-align: left;
     color: #FFFFFF;
}

#footer-menu a {
     font-family: Arial;
     font-size: 11px;
     font-weight: normal;
     color: #FFFFFF;
     text-decoration: none;
}

#footer-menu a:hover {
     text-decoration: underline;
}

#grafart {
     position: relative;
     width: 700px;
     height: 30px;
     top: 20px;
     left: 65px;
     #left: 0px;
     margin: 0px;
     text-align: right;
     color: #000000;
     font-family: Arial;
     font-size: 11px;
}

#grafart a {
     font-family: Arial;
     font-size: 11px;
     font-weight: normal;
     color: #000000;
     text-decoration: none;
}

#grafart a:hover {
     text-decoration: underline;
}