/* CSS Document */

body  {
  margin: 0px;
  padding: 0px;  
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  line-height: 13px;
  color: #575757;  
  background-color: #EFEFEF; }

div.hlavni  {
  margin: 0px auto;
  padding: 0px;
  width: 900px; }

/* LOGO, JAZYKY */
div.zahlavi {
  height: 70px; }

div.zahlavi div.logo  {
  float: left;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 82px; }
    
  div.zahlavi div.logo img  {
    border: 0px;
    width: 153px;
    height: 40px; }

div.zahlavi div.jazyky  {
  float: right;
  width: 120px;
  height: 20px;
  text-align: right;
  margin: 24px 0px 0px 0px;
  padding: 4px 86px 0px 16px;
  background: no-repeat left top url('/pics/stin-tlacitka-jazyky.gif'); }
    
  div.zahlavi div.jazyky div.jazyky-tlacitko {
    width: 57px;
    height: 18px;
    float: right;
    text-align: center;
    border: 1px solid #474747;
    margin: 0px 0px 0px 1px;
    padding: 0px; }

  div.zahlavi div.jazyky div.jazyky-tlacitko a {
    display: block;
    width: 57px;
    height: 16px;
    color: #F9F9F9;
    text-decoration: none;
    padding-top: 2px; }      
      
  div.zahlavi div.jazyky div.jazyky-tlacitko a:hover {
    color: #F9F9F9;
    text-decoration: none; }
       
  div.zahlavi div.jazyky div.jazyky-tlacitko a.active {
    display: block;
    width: 57px;
    height: 16px;
    color: #F9F9F9;
    text-decoration: none;
    padding-top: 2px; }      

  div.zahlavi div.jazyky div.jazyky-tlacitko a.en { background: no-repeat 0px 0px url('/pics/jazyky-tlacitko-en.gif'); }
  div.zahlavi div.jazyky div.jazyky-tlacitko a.en:hover { background: no-repeat 0px -18px url('/pics/jazyky-tlacitko-en.gif'); }  
  div.zahlavi div.jazyky div.jazyky-tlacitko a.active-en { background: no-repeat left top url('/pics/jazyky-tlacitko-active-en.gif'); }
  div.zahlavi div.jazyky div.jazyky-tlacitko a.cz { background: no-repeat 0px 0px url('/pics/jazyky-tlacitko-cz.gif'); }
  div.zahlavi div.jazyky div.jazyky-tlacitko a.cz:hover { background: no-repeat 0px -18px url('/pics/jazyky-tlacitko-cz.gif'); }    
  div.zahlavi div.jazyky div.jazyky-tlacitko a.active-cz { background: no-repeat left top url('/pics/jazyky-tlacitko-active-cz.gif'); }     

/* MENU */
div.top-menu  {
  height: 58px;
  padding: 4px 0px 0px 0px;
  background: no-repeat left top url('/pics/stin-top-menu-top.gif'); }
  
  div.top-menu div.top-menu-in-en, div.top-menu div.top-menu-in-cz {
    height: 44px;
    border-bottom: 1px solid #EFEFEF;
    padding: 0px 0px 0px 81px; }
    
    div.top-menu div.top-menu-in-en div.top-menu-tlacitko,  div.top-menu div.top-menu-in-cz div.top-menu-tlacitko {
      width: 121px;
      height: 44px;
      float: left; }   

      div.top-menu div.top-menu-in-en div.top-menu-tlacitko a, div.top-menu div.top-menu-in-cz div.top-menu-tlacitko a {
        width: 121px;
        height: 14px;
        color: #565656;
        text-decoration: none;
        display: block;
        padding-top: 30px; }

      div.top-menu div.top-menu-in-en div.top-menu-tlacitko a:hover, div.top-menu div.top-menu-in-cz div.top-menu-tlacitko a:hover {
        color: #2A2A2A;
        text-decoration: none; }

      div.top-menu div.top-menu-in-en div.top-menu-tlacitko a.postproduction, div.top-menu div.top-menu-in-cz div.top-menu-tlacitko a.postproduction {
        width: 128px;
        height: 14px;
        color: #0298D7;
        text-decoration: none;
        display: block;
        padding-top: 30px; }

      div.top-menu div.top-menu-in-en div.top-menu-tlacitko a.postproduction:hover, div.top-menu div.top-menu-in-cz div.top-menu-tlacitko a.postproduction:hover {
        color: #001016;
        text-decoration: none; }
        
      div.top-menu div.top-menu-in-en div.predel, div.top-menu div.top-menu-in-cz div.predel {
        float: left;
        width: 1px;
        display: block;
        height: 44px;
        background: no-repeat left 10px url('/pics/menu-predel.gif') #575757; }        

      div.top-menu div.top-menu-in-en div.predel-contacts, div.top-menu div.top-menu-in-cz div.predel-contacts {
        float: left;
        width: 1px;
        display: block;
        height: 44px;
        background-color: #575757; } 

/* menu en */
      div.top-menu div.top-menu-in-en div.top-menu-tlacitko a.studios { background: no-repeat 0px 0px url('/pics/menu-studios-en.gif'); }
      div.top-menu div.top-menu-in-en div.top-menu-tlacitko a.map { background: no-repeat 0px 0px url('/pics/menu-map-en.gif'); }
      div.top-menu div.top-menu-in-en div.top-menu-tlacitko a.photogallery { background: no-repeat 0px 0px url('/pics/menu-photogallery-en.gif'); }
      div.top-menu div.top-menu-in-en div.top-menu-tlacitko a.pricelist { background: no-repeat 0px 0px url('/pics/menu-pricelist-en.gif'); }
      div.top-menu div.top-menu-in-en div.top-menu-tlacitko a.contacts { background: no-repeat 0px 0px url('/pics/menu-contacts-en.gif'); }        
      div.top-menu div.top-menu-in-en div.top-menu-tlacitko a.postproduction { width: 128px; background: no-repeat 0px 0px url('/pics/menu-postproduction-en.gif'); }
      div.top-menu div.top-menu-in-en div.top-menu-tlacitko a.studios:hover { background: no-repeat 0px -44px url('/pics/menu-studios-en.gif'); }
      div.top-menu div.top-menu-in-en div.top-menu-tlacitko a.map:hover { background: no-repeat 0px -44px url('/pics/menu-map-en.gif'); }
      div.top-menu div.top-menu-in-en div.top-menu-tlacitko a.photogallery:hover { background: no-repeat 0px -44px url('/pics/menu-photogallery-en.gif'); }
      div.top-menu div.top-menu-in-en div.top-menu-tlacitko a.pricelist:hover { background: no-repeat 0px -44px url('/pics/menu-pricelist-en.gif'); }
      div.top-menu div.top-menu-in-en div.top-menu-tlacitko a.contacts:hover { background: no-repeat 0px -44px url('/pics/menu-contacts-en.gif'); }        
      div.top-menu div.top-menu-in-en div.top-menu-tlacitko a.postproduction:hover { width: 128px; background: no-repeat 0px -44px url('/pics/menu-postproduction-en.gif'); }
        

/* menu cz */
      div.top-menu div.top-menu-in-cz div.top-menu-tlacitko a.studios { background: no-repeat 0px 0px url('/pics/menu-studios-cz.gif'); }
      div.top-menu div.top-menu-in-cz div.top-menu-tlacitko a.map { background: no-repeat 0px 0px url('/pics/menu-map-cz.gif'); }
      div.top-menu div.top-menu-in-cz div.top-menu-tlacitko a.photogallery { background: no-repeat 0px 0px url('/pics/menu-photogallery-cz.gif'); }
      div.top-menu div.top-menu-in-cz div.top-menu-tlacitko a.pricelist { background: no-repeat 0px 0px url('/pics/menu-pricelist-cz.gif'); }
      div.top-menu div.top-menu-in-cz div.top-menu-tlacitko a.contacts { background: no-repeat 0px 0px url('/pics/menu-contacts-cz.gif'); }        
      div.top-menu div.top-menu-in-cz div.top-menu-tlacitko a.postproduction { width: 128px; background: no-repeat 0px 0px url('/pics/menu-postproduction-cz.gif'); }
      div.top-menu div.top-menu-in-cz div.top-menu-tlacitko a.studios:hover { background: no-repeat 0px -44px url('/pics/menu-studios-cz.gif'); }
      div.top-menu div.top-menu-in-cz div.top-menu-tlacitko a.map:hover { background: no-repeat 0px -44px url('/pics/menu-map-cz.gif'); }
      div.top-menu div.top-menu-in-cz div.top-menu-tlacitko a.photogallery:hover { background: no-repeat 0px -44px url('/pics/menu-photogallery-cz.gif'); }
      div.top-menu div.top-menu-in-cz div.top-menu-tlacitko a.pricelist:hover { background: no-repeat 0px -44px url('/pics/menu-pricelist-cz.gif'); }
      div.top-menu div.top-menu-in-cz div.top-menu-tlacitko a.contacts:hover { background: no-repeat 0px -44px url('/pics/menu-contacts-cz.gif'); }
      div.top-menu div.top-menu-in-cz div.top-menu-tlacitko a.postproduction:hover { width: 128px; background: no-repeat 0px -44px url('/pics/menu-postproduction-cz.gif'); }

  div.top-menu-bottom {
    height: 13px;
    overflow: hidden;
    background: no-repeat left top url('/pics/stin-top-menu-bottom.gif'); }

/* STŘED */
div.stred {
  min-height: 250px;
  height: auto;
  padding: 0px 0px 0px 70px;
  text-align: left; }

  div.stred-top {
    height: 6px;
    width: 749px;
    margin-left: 11px;
    background: no-repeat right top url('/pics/stin-stred-top.gif');
    overflow: hidden; }

  div.stred-in  {
    min-height: 250px;
    width: 749px;
    height: auto;
    margin-left: 11px;
    background: no-repeat right top url('/pics/stin-stred-right.gif'); }

/* nadpis */    
    div.stred-in div.nadpis {
      background: no-repeat left top url('/pics/back-nadpis.jpg');
      height: 65px;
      padding: 27px 0px 0px 43px; }
      
      div.stred-in div.nadpis div.nadpis-in {
        width: 200px;
        height: 12px;
        padding: 0px; }

        div.stred-in div.nadpis div.nadpis-in img {
          width: 200px;
          height: 12px;
          display: block;
          position: relative;
          top: -12px; }
      
        div.stred-in div.nadpis div.nadpis-in h2 {
          font-size: 8pt;
          color: #D6FFFF;
          font-weight: normal;
          margin: 0px 0px 0px 4px;
          padding: 0px; }

/* INDEX */
  div.stred div.flash {
    height: 269px;
    width: 760px;
    padding: 0px; }
    
    div.stred div.flash div.flash-top-back  {
      height: 8px;
      overflow: hidden;
      background: no-repeat left top url('/pics/stin-flash-top.gif'); }

    div.stred div.flash div.flash-bottom-back  {
      height: 2px;
      overflow: hidden;
      margin: 0px;
      padding: 0px;
      background: no-repeat left top url('/pics/stin-flash-bottom.gif'); }
    
    div.stred div.flash div.flash-in {
      height: 259px;
      width: 760px; }
      
      div.stred div.flash div.flash-in div.flash-left-back {
        float: left;
        width: 11px;
        height: 259px;
        background: no-repeat left top url('/pics/stin-flash-left.gif'); }

      div.stred div.flash div.flash-in div.flash-right-back {
        float: right;
        width: 11px;
        height: 259px;
        background: no-repeat left top url('/pics/stin-flash-right.gif'); }
      
      div.stred div.flash div.flash-in div.flash-in-in {
        width: 738px;
        height: 259px;
        display: block;
        float: left; }
        
        div.stred div.flash div.flash-in div.flash-in-in img {
          display: block;
          width: 738px;
          height: 259px; }

/* STUDIOS */    
  div.stred-in div.studios  {
      min-height: 247px;
      height: auto;
      margin-bottom: 3px;
      background: repeat-y left top url('/pics/left-menu-back.gif'); }

    
    
    
    
    div.left-menu  {
      float: left;
      min-height: 247px;
      height: auto;
      width: 193px;
      background: no-repeat left top url('/pics/left-menu-back.jpg');
      position: relative;
      top: -23px;
      text-align: left; }
      
     div.left-menu hr  {
        background-color: black;
        border-top: 1px solid #3A3A3A;
        position: relative;
        top: -6px;
        width: 158px; }
      
      div.left-menu ul  {
        margin: 0px 0px 0px 16px;
        padding: 0px;
        line-height: 29px; }
      
      div.left-menu ul li {
          height: 29px;
          margin: 0px;
          padding: 0px;
          list-style-position: inside;
          list-style-image: url('/pics/left-menu-odrazka.gif');
          background: no-repeat left bottom url('/pics/left-menu-predel.gif'); 
          text-transform: uppercase;
          }
        
      div.left-menu ul li a {
          color: #FFFFFF;
          text-decoration: none; }

      div.left-menu ul li a:hover {
          color: #0096D4;
          text-decoration: none; }
    
    
    
    
    div.stred-in div.studios div.content {
      min-height: 240px;
      height: auto;
      width: 521px;
      float: left;
      padding: 0px 0px 0px 24px;
      line-height: 19px; }
    
    div.stred-in div.studios div.content h3 {
      position: relative;
      top: -6px; }

/* photogallery */
  div.stred-in div.photogallery  {
      min-height: 246px;
      height: auto;
      margin-bottom: 4px;
      background: repeat-y left top url('/pics/left-menu-back.gif'); }


    div.stred-in div.photogallery div.content {
      min-height: 240px;
      height: auto;
      width: 521px;
      float: left;
      padding: 0px 0px 0px 24px;
      line-height: 19px; }
    
    div.stred-in div.photogallery div.content h3 {
      position: relative;
      top: -6px; }

  div.photos {
    width: 521px;
    margin-top: 10px;
    overflow: hidden; }
    
    div.photos div.photo {
      width: 150px;
      height: 100px;
      border: 4px solid #C7C7C7;
      margin: 0px 15px 0px 0px;
      float: left; }
      
      div.photos div.mezera {
        height: 16px;
        margin: 0px;
        padding: 0px;
        clear: both;
        overflow: hidden; }
      
      div.photos div.photo img {
        display: block;
        width: 150px;
        height: 100px;
        border: 0px; }

/* CONTACTS */
  div.stred-in div.contacts div.content {
    width: 695px;
    position: relative;
    top: -6px;
    padding: 0px 0px 0px 43px; }
    
    div.stred-in div.contacts div.content div.content-top {
      height: 23px;
      width: 695px;
      padding-top: 1px;
      overflow: hidden; }
    
      div.content div.content-left {
        float: left;
        padding: 0px 0px 2px 0px;
        width: 248px;
        margin: 0px; }
  
      div.content div.content-right {
        float: left;
        padding: 0px 0px 0px 43px;
        width: 248px; }
        
        div.content ul {
          margin-bottom: 15px;}
        
        div.content hr {
          clear: both;
          color: #FFFFFF;
          width: 652px;
          height: 2px;
          margin: 0px;
          padding: 0px;
          border-top: 1px solid #D1D1D1;
          overflow: hidden; }

          div.map {
          float: left;
          width: 49px;
          height: 31px;
          background: no-repeat left top url('/pics/stin-tlacitko-map.gif');
          padding: 8px 0px 0px 9px;
          margin: 0px 17px 0px 0px; }

          div.map div.map-tlacitko {
            width: 47px;
            height: 19px;
            text-align: center;
            border: 1px solid #474747;
            margin: 0px;
            padding: 0px; }
            
          div.map div.map-tlacitko a {
              display: block;
              width: 47px;
              height: 16px;
              color: #F9F9F9;
              text-decoration: none;
              padding-top: 3px;}

          div.map div.map-tlacitko a:hover {
              color: #F9F9F9;
              text-decoration: none; }

          div.map div.map-tlacitko a.en {
              background: no-repeat 0px 0px url('/pics/map-tlacitko-en.gif'); }

          div.map div.map-tlacitko a.cz {
              background: no-repeat 0px 0px url('/pics/map-tlacitko-cz.gif'); }

          div.map div.map-tlacitko a.en:hover {
              background: no-repeat 0px 0px url('/pics/map-tlacitko-en.gif'); }

          div.map div.map-tlacitko a.cz:hover {
              background: no-repeat 0px 0px url('/pics/map-tlacitko-cz.gif'); }

        div.gps {
          float: left;
          padding-top: 12px; }
  
/* map */
   div.map-image {
    height: 180px;
    width: 250px;
    border: 4px solid #C7C7C7;
    margin-bottom: 18px; }
    
   div.content div.map-image img {
      display: block;
      width: 250px;
      height: 180px;
      border: 0px; }

  
  div.clear {
    clear: both;
    width: 0px;
    height: 0px;
    line-height: 0px; }

/* pricelist */
  table {
    margin: 5px 0px 15px 0px;
    border-collapse: collapse;
    border: 1px solid #000000; }

  td.border {
    border-bottom: 1px solid #000000; }

  td {
    vertical-align: top;
    padding: 5px;
    width: 50px; }

  td.cena {
    width: 100px;
    vertical-align: bottom;
    text-align: right; }

  td.cena-border {
    width: 100px;
    vertical-align: bottom;
    text-align: right;
    border-bottom: 1px solid #000000; }

  table.pronajem-atelieru1 td.cena {
    width: 100px;
    vertical-align: bottom;
    text-align: center; }

  table.pronajem-atelieru1 td.cena-border {
    width: 100px;
    vertical-align: bottom;
    border-bottom: 1px solid #000000;
    text-align: center; }

  table.pronajem-atelieru2 td.cena {
    width: 100px;
    vertical-align: bottom;
    text-align: center; }

  table.pronajem-atelieru2 td.cena-border {
    width: 100px;
    vertical-align: bottom;
    border-bottom: 1px solid #000000;
    text-align: center; }

  td.vertical-bottom {
    vertical-align: bottom; }

  table.pronajem-atelieru1 {
    width: 600px; }

  table.pronajem-atelieru1 td {
    width: auto;
    text-align: center; }

  table.pronajem-atelieru2 {
    width: 600px; }

  table.pronajem-atelieru2 td {
    width: 200px; }

  table.pronajem-atelieru1 th {
    background-color: #0096D4;
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px;
    text-align: center; }

  th {
    background-color: #0096D4;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    text-align: right; }

  .grey {
    background-color: #575757;
    width: 200px;
    color: #FFFFFF;
    font-weight: bold; }

div.zapati  {
  height: 55px;
  padding: 4px 82px 0px 80px;
  background: no-repeat left top url('/pics/stin-zapati.gif');
  position: relative;
  width: 744px; }
  
  #index { margin-top: 4px; }
  #map { top: -2px; }
  
  div.zapati div.zapati-in {
    background-color: #0096D4;
    height: 55px;
    text-align: right; }

    div.zapati div.zapati-in p {
      color: #FFFFFF;
      margin: 0px;
      padding: 38px 7px 0px 0px; }



h3 {
  margin: 0px;
  padding: 0px;
  font-size: 8pt; 
  text-transform: uppercase;
  }

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

ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none; }

a {
  color: #0094D3;
  text-decoration: none; }

a:hover {
  color: #000000;
  text-decoration: none; }