body {
     padding: 0;
     margin: 0;
     text-align: center;
     background-color: #003457;
     font: 14px "Trebuchet MS", arial, sans-serif;
     color: #fff;
}
#all {
    text-align: left;
    width: 880px;
    margin: auto;
    position: relative;
}
#line {
      background-color: #fff;
      height: 5px;
      width: 100%;
      position: relative;
      z-index: 20;
}
/***** VSEOBECNE *****/
h1 {
   visibility: hidden;
}
h2 {
   font: bold 22px "Myriad Pro", "Trebuchet MS", arial, sans-serif;
   color: #df6e00;
   margin: 0;
   padding: 8px 0;
}
h3 {
   font: bold 16px "Myriad Pro", "Trebuchet MS", arial, sans-serif;
   color: #df6e00;
   margin: 0;
   padding: 10px 0;
   clear: left;
}
h4 {
   font: bold 14px "Myriad Pro", "Trebuchet MS", arial, sans-serif;
   color: #df6e00;
   margin: 0;
   padding: 4px 0;
}
a {
  color: #df6e00;
}
a:hover {
        text-decoration: none;
}
p {
  margin: 6px 0;
  line-height: 22px;
}
img {
    border: 0;
}
.left {
      float: left;
}
.clear {
       clear: both;
}
/***** ZAHLAVIE *****/
#header {
        width: 880px;
        height: 195px;
        background: url(grafika/header.jpg) no-repeat top left;
        position: relative;
        z-index: 10;
}
#logo_uvod {
           display: block;
           width: 263px;
           height: 87px;
}
/** MENU **/
#menu {
      margin: 0;
      padding: 0;
      position: absolute;
      bottom: 0;
      right: 0;
      background: #fff;
}
#menu li {
         list-style-type: none;
         display: inline;
}
#menu a {
        color: #003457;
        display: block;
        text-decoration: none;
        padding: 18px 22px;
        float: left;
        font-size: 16px;
        background: #fff;
}
#menu a:hover, #menu a.hover {
                             background-color: #df6e00;
                             color: #fff;
}
#menu a#home {
             background: url(grafika/home.gif) no-repeat center center;
             width: 30px;
}
#menu a#home:hover, #menu a#home.hover {
                   background: #fff url(grafika/home1.gif) no-repeat center center;
}
/** menu gunold **/
#gunold-menu {
             top: -70px;
             right: 45px;
             position: absolute;
             margin: 0;
             padding: 3px 0 0 0;
             width: 170px;
             background: #fff;
             text-align: center;
             z-index: 5;
             -webkit-box-shadow: 0 0 4px 0 #000;
             -moz-box-shadow: 0 0 4px 0 #000;
             box-shadow: 0 0 4px 0 #000;
}
#gunold-menu li {
                list-style-type: none;
}
#gunold-menu a {
               display: block;
               padding: 7px 0;
               width: 100%;
               color: #df6e00;  
               font-weight: bold;
               text-decoration: none;
               background: #fff;      
}
#gunold-menu a:hover {
                     background: #df6e00;
                     color: #fff;
}
/***** OBSAH *****/
#middle {
        width: 880px;
        padding-top: 25px;
        padding-bottom: 20px;
        float: left;
        background-color: #002a45;
}
/** VNUTORNY OBSAH **/
#content {
         width: 560px;
         float: left;
         padding: 0 40px;
         background: url(grafika/line.gif) repeat-y right;
         position: relative;
         min-height: 300px;
}
#line_top {
          position: absolute;
          right: 0;
          top: 0;
}
#line_bottom {
             position: absolute;
             right: 0;
             bottom: 0;
}
.navigation {
            margin-bottom: 25px;
}
#content ul {
            margin: 0;
            padding: 5px 15px;
}
#content li {
            padding: 3px 0;
            list-style-image: url(grafika/ul.gif);
            line-height: 20px;
}
a.container {
            width: 268px;
            float: left;
            display: block;
            text-decoration: none;
            color: #fff;
            padding: 6px;
            line-height: 22px;
}
a.container:hover {
                  background: #00253d;
}
.container img {
               float: left;
               padding: 0 8px 0 0;
               border: 0;
}
/** PODMENU **/
#content ul.podmenu {
         margin: 0;
         padding: 10px 0;
}
#content .podmenu li {
                     list-style-image: none;
                     list-style-type: none;
                     padding: 3px 0;
                     float: left;
                     width: 100%;
}
.podmenu a {
           display: block;
           padding: 5px 10px;
           background-color: #df6e00;
           color: #fff;
           float: left;
           font-size: 16px;
           font-weight: bold;
           text-decoration: none;           
}
.podmenu a:hover {
                 background-color: #fff;
                 color: #df6e00;
}
/** GUNOLD **/
.tabulka {
          border-top: 1px solid #6E96AF;
          border-left: 1px solid #6E96AF;
          margin: 20px 0 10px 0; 
          font-size: 13px; 
          text-align: center;
}
.tabulka th {
            padding: 2px 3px;
            border-right: 1px solid #6E96AF;
            border-bottom: 1px solid #6E96AF;
            color: #df6e00;
}
.tabulka td {
            padding: 2px 3px;
            border-right: 1px solid #6E96AF;
            border-bottom: 1px solid #6E96AF;
}
.foto_gunold {
             float: right;
             border: 14px solid #00253D;
             margin: 10px 0 0 10px;
             display: inline;
}
.gunold_text_box {
                 width: 100%;
                 float: left;
}
.foto_gunold2 {
              float: left;
              padding: 0 15px 10px 0;
}
.fotka {     
       margin-right: 8px;
       margin-bottom: 8px;
       display: inline;
       float: left;
       width: 178px;
       height: 178px;
       text-align: center;
}
.fotka a img {
       border: 9px solid #002135;
}
.fotka a:hover img {
                  border-color: #df6e00;
}
a.fotka_detail {
               border: 15px solid #002135;
               float: left;
               display: inline;
               margin: 10px 0 14px;
}
a:hover.fotka_detail {
                     border-color: #df6e00;
}
a.fotka_kat {
            margin-right: 8px;
            display: inline;
            float: left;
            border: 9px solid #002135;
}
a:hover.fotka_kat {
                  border-color: #df6e00;
}
.button_left {
             float: left;
             width: 100%;
             padding-top: 15px;
}
.strankovanie {
              padding: 8px 0;
              clear: both;
}
.strankovanie a, .strankovanie strong {
                display: block;
                float: left;
                margin: 0 3px;
                padding: 4px 7px;
                color: #fff;
                background-color: #df6e00;
                text-decoration: none;
}
.strankovanie strong, .strankovanie a:hover {
                     color: #df6e00;
                     background-color: #fff;
}
/** KONTAKT **/
#kontakt {
         width: 210px;
         float: right;
         padding-left: 29px;
}
/** GALERIA **/
#gallery_bottom {
                text-align: center;
                width: 880px;
                padding-top: 8px;
                clear: left;
}
#gallery_bottom a img {
                    border: 14px solid #002a45;
                    margin: 6px 10px;
}
#gallery_bottom a:hover img {
                  border-color: #df6e00;
}
/***** ZAPETIE *****/
#bottom {
        display: block;
        font-style: normal;
        font-size: 12px;
        width: 840px;
        background-color: #002a45;
        text-align: right;
        padding: 6px 20px;
}
/***** ADMIN *****/
#admin_menu {
            float: left;
            padding: 10px 0;
}
#admin_menu a {
              display: block;
              float: left;
              margin-right: 10px;
              padding: 5px 10px;
              color: #fff;
              background-color: #df6e00;
              text-decoration: none;
}
#admin_menu a:hover {
                    color: #df6e00;
                    background-color: #fff;
}
#admin_menu form {
                 display: inline;
}
.vacsie {
        font-size: 19px;
        line-height: 30px;
}
.button {
        display: block;
        margin-right: 10px;
        padding: 3px 6px;
        color: #fff;
        background-color: #df6e00;
        text-decoration: none;
        float: left;
        border: 0;
}
.button:hover {
               color: #df6e00;
               background-color: #fff;
               cursor: pointer;
}
input.button {
             margin-left: 115px;
}
form .block {
            float: left;
            width: 100%;
            padding: 3px 0;
}
form .block label {
                  display: block;
                  font-weight: bold;
                  width: 115px;
                  float: left;
}