/* base definition -------------------------------------------------------- */
     body {
          margin: 0px;
          padding: 0px;
          background-color: #F0F0F0;
          font-family: verdana, tahoma, arial;
          font-size: 70%;
          color: black;
     }
     a {
          color: black;
     }
     #page {
           width: 908px;
           margin: 0px auto;
          padding-left: 10px;
          padding-right: 10px;
     }
     
     
     #head {
           width: 906px;
           height: 177px;
           border-left: 1px solid #989898;
           border-right: 1px solid #989898;
           border-bottom: 1px solid #989898;
           margin: 0px auto;
     }
     .head1 {
            background: url('../../images/utulek/head1.jpg');
            background-repeat: no-repeat;
            background-position: 384px 0px;
            background-color: #D2D2D2;
     }
     .head2 {
            background: url('../../images/utulek/head2.jpg');
            background-repeat: no-repeat;
            background-position: 384px 0px;
            background-color: #D2D2D2;
     }
     .head3 {
            background: url('../../images/utulek/head3.jpg');
            background-repeat: no-repeat;
            background-position: 384px 0px;
            background-color: #D2D2D2;
     }
     .head4 {
            background: url('../../images/utulek/head4.jpg');
            background-repeat: no-repeat;
            background-position: 384px 0px;
            background-color: #D2D2D2;
     }     
     #head #h-left {
           width: 370px;
           height: 177px;
           margin-left: 3px;
           border-left: 5px solid #979797;
           border-right: 5px solid #979797;
           background: url('../../images/utulek/logo.gif');
           background-repeat: no-repeat;
           position: relative;
     }
     #head .l-link-1 {
           position: absolute;
           display: block;
           width: 100px;
           height: 120px;
           left: 5px;
           top: 5px;
     }
     #head .l-link-2 {
           position: absolute;
           display: block;
           width: 245px;
           height: 45px;
           left: 110px;
           top: 34px;
     }
     
     #content-part {
           margin-top: 57px;
           width: 906px;
           background: url('../../images/teplice/content-bg.gif');
           background-repeat: repeat-y;
           border-left: 1px solid #969696;
           border-right: 1px solid #969696;
           background-color: white;
           padding-bottom: 13px;
     }
     #content-part #left {
                   border-top: 1px solid #969696;
                   width: 710px;
                   float: left;
     }
     #content-part #left .content {
                   width: 680px;
                   overflow: hidden;
                   padding-left: 17px;
                   padding-top: 13px;
                   
     }
     #content-part #right {
                   border-top: 1px solid #969696;
                   width: 190px;
                   float: right;
                   background-color: #D2D2D2;
     }
     #content-part #right .content {
                   width: 184px;
                   margin-left: 3px;
                   margin-top: 4px;
                   overflow: hidden;
     }
  /* base definition -------------------------------------------------------- */
  
  
  /* pata ------------------------------------------------------------------- */
     #pata {
           background: url('../../images/teplice/content-bg.gif');
           background-repeat: repeat-y;
           background-position: center;
           border-left: 1px solid #969696;
           border-right: 1px solid #969696;
           background-color: white;
           width: 906px;
     }
     #pata .left {
                   width: 711px;
                   float: left;
     }
     #pata .left p {
           margin: 0px;
           padding: 0px;
           margin-left: 8px;
     }
     #pata .left p a {
           display: block;
           float: left;
           background-color: #575757 !important;
           color: white;
           font-weight: bold;
           padding: 3px;
           padding-left: 30px;
           padding-right: 5px;
           overflow: hidden;
           font-size: 10px;
           margin-right: 1px;
           margin-top: 1px;
     }
     #pata .left p .link1 {
            width: 110px;
            background: url('../../images/teplice/pata-link1.gif');
            background-repeat: no-repeat;
            background-position: 10px center;
     }
     #pata .left p .link2 {
            width: 79px;
            background: url('../../images/teplice/pata-link2.gif');
            background-repeat: no-repeat;
            background-position: 10px center;
     }
     #pata .left p .link3 {
            width: 178px;
            background: url('../../images/teplice/pata-link3.gif');
            background-repeat: no-repeat;
            background-position: 10px center;
     }
     #pata .left p .link4 {
           width: 73px;
            background: url('../../images/teplice/pata-link4.gif');
            background-repeat: no-repeat;
            background-position: 10px center;
     }
     #pata .left p .link5 {
           width: 81px;
            background: url('../../images/teplice/pata-link5.gif');
            background-repeat: no-repeat;
            background-position: 10px center;
            margin-right: -5px;
     }
     
     #pata .right {
                   width: 191px;
                   float: right;
     }
     #pata-bottom {
            background-color: #F0F0F0;
            line-height: 250%;
            padding-bottom: 20px;
     }
     #pata .updatec {
                   background: url('../../images/teplice/pata-bottom.gif');
                   background-repeat: no-repeat;
                   background-position: bottom;
     }
  /* pata ------------------------------------------------------------------- */
  
  
  
  /* top links -------------------------------------------------------------- */
/*
     #top-links {
                position: absolute;
                top: 127px;
                width: 390px;
                padding-left: 10px;
     }
     #top-links a {
                display: block;
                width: 87px;
                height: 55px;
                background-color: #bbbbbb;
                float: left;
                margin-right: 1px;
                padding: 2px;
                color: black !important;
                cursor: pointer;
     }
     #top-links a span {
                padding: 2px;
                display: block;
                width: 83px;
                height: 28px;
                background-color: #eeeeee;
                font-weight: bold;
                font-size: 11px;
                overflow: hidden;
                text-align: center;
                cursor: pointer;
     }
     #top-links .color1 {
                background: url('../../images/teplice/top-link-c1.gif');
                background-repeat: no-repeat;
                background-position: center bottom;
                background-color: #819F83;
     }
     #top-links .color1 span {
                background-color: #C1CFC2;
     }
     #top-links .color2 {
                background: url('../../images/teplice/top-link-c2.gif');
                background-repeat: no-repeat;
                background-position: center bottom;
                background-color: #E8D5DB;
     }
     #top-links .color2 span {
                background-color: #F3EAED;
     }
     #top-links .color3 {
                background: url('../../images/teplice/top-link-c3.gif');
                background-repeat: no-repeat;
                background-position: center bottom;
                background-color: #E7E1D5;
     }
     #top-links .color3 span {
                background-color: #F3F0E9;
     }
     #top-links .color4 {
                background: url('../../images/teplice/top-link-c4.gif');
                background-repeat: no-repeat;
                background-position: center bottom;
                background-color: #D4DAE6;
                width: 88px;
     }
     #top-links .color4 span {
                width: 84px;
                background-color: #EAEDF4;
     }
*/
  /* top links -------------------------------------------------------------- */


  
  /* search ----------------------------------------------------------------- */
     #search {
                position: absolute;
                top: 124px;
                color: #363636;
                /* width: 390px; */
                /* z-index: 0; */
     }
     #search form {
                 margin-left: 9px;
                 width: 370px;
                 height: 53px;
                 overflow: hidden;
                 background: url('../../images/utulek/search-bg.gif');
                 background-repeat: repeat-x;
                 background-position: bottom;
                 background-color: white;
     }
     #search legend {
             display: none;
     }
     #search fieldset {
             text-align: center;
             margin: 0px;
             padding: 0px;
             border: 0px;
             padding-top: 18px;
             width: 276px;
             overflow: hidden;
     }
     #search .input {
             width: 111px;
             border: 1px solid #A8A9AD;
     }
     #search input {
             font-size: 11px;
             font-family: verdana, tahoma, arial;     
     }
  /* search ----------------------------------------------------------------- */
  
  
     #text-size {
                position: absolute;
                top: 124px;
                margin-left: 280px;
                width: 98px;
                height: 53px;
                background: url('../../images/utulek/text-size.gif');
                background-repeat: no-repeat;
                overflow: hidden;
                font-size: 11px;
     }
     
     #text-size a {
                position: absolute;
                color: black;
                font-weight: bold;
                display: block;
     }
     #text-size .plus {
                 right: 5px;
                 top: 2px;
                 padding-left: 12px;
                 background: url('../../images/teplice/text-size-plus.gif');
                 background-repeat: no-repeat;
                 background-position: left 4px;
     }
     #text-size .minus {
                 right: 5px;
                 top: 38px;
                 padding-left: 12px;
                 background: url('../../images/teplice/text-size-minus.gif');
                 background-repeat: no-repeat;
                 background-position: left 7px;
     }
     #text-size span {
                position: absolute;
                 right: 5px;
                 top: 21px;
                color: #767873;
                font-weight: bold;
     }    
  /* langage switch --------------------------------------------------------- */
     #language-sw {
           position: absolute;
           left: 112px;
           top: 95px;
     }
     #language-sw span {
           float: left;
           margin-right: 5px;
     }
     #language-sw a span {
           color: white;
           position: absolute;
           cursor: pointer;
     }
     #language-sw .flag {
           display: block;
           width: 18px;
           height: 12px;
           background-color: #999999;
           float: left;
           margin-right: 5px;
           overflow: hidden;
           position: relative;
           margin-top: 1px;
     }
     #language-sw .img {
           position: absolute;
           display: block;
           width: 18px;
           height: 12px;
     }
     #language-sw .flag_cz .img {
           background: url('../../images/teplice/flag-cz.gif');
           background-repeat: no-repeat;
     }
     #language-sw .flag_en .img {
           background: url('../../images/teplice/flag-en.gif');
           background-repeat: no-repeat;
     }
     #language-sw .flag_de .img {
           background: url('../../images/teplice/flag-de.gif');
           background-repeat: no-repeat;
     }
     #language-sw .flag_cz_active .img, #language-sw .flag_cz_active span {
           background: url('../../images/teplice/flag-cz-active.gif');
           background-repeat: no-repeat;
           color: black;
     }
     #language-sw .flag_en_active .img, #language-sw .flag_en_active span {
           background: url('../../images/teplice/flag-en-active.gif');
           background-repeat: no-repeat;
           color: black;
     }
     #language-sw .flag_de_active .img, #language-sw .flag_de_active span {
           background: url('../../images/teplice/flag-de-active.gif');
           background-repeat: no-repeat;
           color: black;
     }
  /* langage switch --------------------------------------------------------- */






  /* vseobecne classy --------------------------------------------------------- */
     .hidden {
             display: none;
     }
     .cleaner {
              height: 1px;
              line-height: 1px;
              font-size: 1px;
              clear: both;
     }
     a {
         
         text-decoration: underline;
     }
     a:hover {
         text-decoration: none;
     }
     form {
          margin: 0px;
          padding: 0px;
     }
  /* vseobecne classy --------------------------------------------------------- */
  
  
  
  
  
  /* print ------------------------------------------------------------------ */
        #opust-print {
                     background-color: #00cc00;
                     color: white;
                     text-align: center;
        }
        #opust-print a {
                     display: block;
                     padding: 5px;
                     color: white;
                     font-weight: bold;
        }
  /* print ------------------------------------------------------------------ */
  
  
  
  /* vseobecne pre stranky -------------------------------------------------- */
     #zalozky {
              list-style: none;           
              margin: 0px;
              padding: 0px;
              /* border: 1px solid blue; */
     }
     #zalozky li {
              float: left;
              margin: 0px;
              padding: 0px;
              padding-right: 5px;
              border-bottom: 2px solid #919191;
              margin-bottom: 5px;
     }
     #zalozky li a {
              display: block;
              padding-left: 6px;
              padding-right: 6px;
              padding-top: 3px;
              padding-bottom: 3px;
              font-weight: bold;
              text-decoration: none;
              color: black;
              background-color: #bbbbbb;
              margin-right: 0px;
              font-size: 90%;
              white-space: nowrap;
     }
     #zalozky li a:hover {
              background-color: #cccccc;
              text-decoration: underline;
     }
     #zalozky .active {
              border-left: 5px solid #919191;
              background-color: #cccccc;
     }
     .zalozky-cleaner {
              /* border-top: 2px solid #919191; */
     }
  
     #navigation {
                 margin-bottom: 5px;
                 font-size: 90%;
                 font-weight: bold;
     }
     #navigation a {
                 color: black;
                 
     }
     #navigation #nlinks {
                 padding-top: 7px;
                 padding-bottom: 7px;
                 padding-left: 20px;
                 background-image: url('../../images/teplice/navigation-cube.gif');
                 background-repeat: no-repeat;
                 background-position: 9px center;
                 float: left;
     }
     #navigation .nav-links {
                float: right;
                padding-top: 1px;                
     }
     #navigation .nav-links a {
                float: left;
                font-size: 100%;
                padding-right: 10px !important;
                padding-top: 7px !important;
                padding-bottom: 7px !important;
                
     }
     .page-print, .page-doporucit, .page-mapa {
                 padding: 5px;
                 font-size: 90%;
                 color: black;
                 font-weight: bold;
                 padding-left: 30px;
                 display: block;
                 margin-right: 1px;
     }
     .page-print {
                 background: url('../../images/teplice/page-tisk.gif') no-repeat 3px center #F8F5F0;
     }
     .page-doporucit {
                 background: url('../../images/teplice/page-doporucit.gif') no-repeat 3px center #F8F5F0;
     }
     .page-mapa {
                 background: url('../../images/teplice/page-mapa.gif') no-repeat 3px center #F8F5F0;
     }
  /* vseobecne pre stranky -------------------------------------------------- */