#studio-cover{
  float: left; width: 780px; _width: 775px; overflow: hidden; position: relative; margin: 2px 0px 0px 5px;
}

#studio{
  width: 767px;
  background: #EDEDED;
  margin-left: 5px;
  position: relative;
  clear: both;
} 
#studio-top{
  background: #EDEDED;
  position: relative;
}
#studio-cover #navigace{float: left; margin-left: 0px; text-align: left;}

/* -------- primarni vyber ----------*/
#primarni-vyber{
  margin-top: 20px;
  width: 78px;
  float: right;
  margin-right: 11px;
  _margin-right: 2px;
}

#primarni-vyber img{
  border: 0;
  float: right;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 11px;
  width: 54px;
  height: 54px;
}
#primarni-vyber #active-ram{
 background: url(../img/studio/active_ram.gif) left top no-repeat;
 float: right;
 padding-top: 5px;
 _padding-bottom: 5px;
 min-height: 70px;
}


#sekundarni-vyber-top{
  margin-top: 3px;
  background: url(../img/studio/sekundarni_top.gif) center top no-repeat;
  width: 98px;
  float: right;  
  min-height: 600px;
  _height: 600px;
}


#sekundarni-vyber-bottom{
   background: url(../img/studio/sekundarni_bottom.gif) center bottom no-repeat;
   min-height: 600px;
   _height: 600px;
   padding-bottom: 4px; 
}


#sekundarni-vyber{
   margin-top: 4px;
   background: url(../img/studio/sekundarni_bkg.gif) center top repeat-y;
   min-height: 600px;
   _height: 600px;
   padding: 5px;
   padding-left: 11px;
}


#sekundarni-vyber img{
  height: 80px;
  width: 80px;
  
}




#levy-panel{
  width: 185px;
  float: right;
  margin: 0px 8px 0px 0px;
  _margin: 0px 1px 0px 0px;
}
#vyber-podle-pane{
  background: #FFFFFF;  
  min-height: 175px;
  _height: 175px;
  margin-top: 10px;
  padding: 5px;
  line-height: 140%;
}
#vyber-podle-pane span strong {
  float: left;
  width: 100%;
  margin: 5px 0px -5px 5px;
}

.vyber-h{background: #fff; border-bottom: 3px solid #ededed; margin: 0px -5px; padding: 0px 10px;}

#vyber-ramu-pane{
  min-height: 100px;
  _height: 100px;
  margin-top: 15px;
  padding-bottom: 5px;
}

#vyber-podle-pane div.barvax{
  float: left; 
  width: 60px; 
  _width: 72px; 
  background: #f2f2f2; 
  border: 1px solid #DBDCDE; 
  margin: 0px 8px 10px 7px; 
  _margin: 8px 3px 10px 5px;
  position: relative; 
  top: 10px;
  _position: vojte; 
  padding: 3px 5px;
  _padding: 3px;
  overflow: hidden;
}

#vyber-podle-pane div.barvax *{
  color: #000000;
  display: block;
  width: 60px;
  _width: 72px; 
}

#vyber-podle-pane div.barvax a{
  color: #1764A7;
  display: block;
  width: 60px;
  _width: 72px; 
}

/* -------------  nahledy ramu ------------------- */
.obdelnicek{
  margin-top: 6px;
  margin-right: 4px;
  background: #fff;  
  width: 86px;
  height: 152px;
  float: left;
  text-align: center;
  padding-top: 4px;
  overflow: hidden;
  border: 1px solid #D3D3D3;
}

.obdelnicek img{
  width: 60px;
  height: 60px;
}
a.over{display: block; position: absolute; width: 86px; height: 35px; z-index: 1;}
*html a.over{display: block; position: relative; z-index: auto;}


#main-block{
  margin-right: 207px;
  width: 554px;
  height: 100%;
  padding: 10px 6px 5px 0px;
  border-right: 6px solid #fff;
}











/* --------------------------------- platno --------------------- */
/* CSS Document */
/*  - ------------- border ----------------*/

/* border around product thumb is made by 4 cornernes and4 sides */

#platno{
 position: relative; 
 margin-bottom: 3px;
 margin-left: 5px; 
 width: 550px; 
 overflow: hidden;
}


#platno div.hlavicka{
/*  background: url(../img/studio/platno_top.gif) left top no-repeat;*/
  height: 22px;
  line-height: 200%;
  padding-left: 13px;
  color: #4C4E44;
}


#platno div.hlavicka.es{
  font-size: 90%;
}

/*  - pridat do kosiku */
#platno div.hlavicka img{
 height: 21px;
 width: 21px;  
 float: right; 
 margin-right: 10px;
}


#platno div.inside {
  padding: 25px 0;
  margin: 0px 4px 20px 4px;
  _margin-left: 2px;
  text-align: center;
  vertical-align: top;
}

/* hotovy zaramovany */
.inside img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#pasparta { margin: 15px 0 15px 7px; }
#pasparta #pasparta-banner { width: 548px; height: 109px; position: relative; cursor: pointer; background: url('../img/pasparta.png') no-repeat; }
#pasparta #pasparta-banner h3 { cursor: pointer; position: absolute; font-size: 200%; left: 180px; top: 20px; color: #1F64A6; margin: 0; padding: 0; font-weight: normal; }
#pasparta #pasparta-banner p { cursor: pointer; position: absolute; left: 180px; top: 65px; color: #000; padding-right: 60px; }
#pasparta #pasparta-more { display: none; background: #fff; padding: 15px 25px; text-align: left; }

img.detail-ramu{
  float: left;
  margin-right: 1px;
  margin-left: 3px;
  height: 116px;
  width: 116px;
}

div#popis-ramu{
 color: #414141;
 float: left;
 padding-left: 8px;
 _padding-left: 8px;
 width: 300px;
}



#cena-top{
  background: #fff;
  width: 192px;
  float: right;  
  min-height: 200px;
  margin-right: -1px;
}


#cena-bottom{
   background: #fff;
   min-height: 200px;
   padding-bottom: 7px; 
}


#cena{
   margin-top: 7px;
   background: #fff;
   min-height: 200px;
   padding: 0px 4px;
   color: #414141;
   text-align: center;
}

#cena a.submit { text-decoration: none; /*margin: 10px 0 0 25px;*/ }
#cena a.submit.add2cart { margin-top: 25px; }
/* nova tlacitka */
#cena a.submit { width: auto; height: auto; display: block; padding: 10px 0px 12px 0px; text-align: center; }
#cena a.submit { background: url('../img/vybrat_vlastni_ram_big.gif') no-repeat top center; font-weight: bold; color: #3d3d3d; font-size: 110%; }
#cena a.submit.add2cart { background: url('../img/vlozit_do_kosiku_big.gif') no-repeat top center; color: #fff; }

#cena table{
  color: #414141;
  width: 100%;
  _width: 90%;
}

#cena .cena-kc{
  font-size: 180%;
  font-weight: bold;
  text-align: right;
  width: 95%;
  margin-bottom: 10px;
}

#cena .doprava{
  font-size: 160%;
  font-weight: bold;
}

#cena a{
  color: black;
  text-decoration: underline;
}

a{
  text-decoration: underline;
}

/* ----- nadpis ----*/

h1#nadpis{ display: block; font-size: 200%; padding: 10px 0px 10px 15px; font-weight: normal; }

h1#nadpis img{
  margin: 10px;
  
  height: 24px;
}

h1 span{
  display: none;
}


#vyber-razeni{
  color: white;
  font-weight: bold;
  position: absolute;
  top: 10px;
  right: 15px;
}


#vyber-razeni img{
  margin-left: 5px;
}

/* ------------------------ paleta barev -----------------*/
#paleta {
  background: #EDEDED;
  padding-left: 5px;
  _padding-right: 7px;
  _padding-right: 10px;
  padding-top: 5px;
  height: 47px;
}



.tapeta {
   width: 15px;
   height: 15px;
   _width: 17px;
   _height: 17px;
   border: 1px solid white;
   float: left;
   margin-top: 1px;
   margin-left: 1px;
   cursor: hand;
}


#vice-barev{
  text-align: right;
  padding: 5px;
  cursor: hand;
}

#vice-barev a {
  text-decoration: none;
}


/* ----------------- navi pane ----------------------------*/

div#navi-left{
  margin-top: 30px;
  width: 740px;
  margin-left: auto;
  background: url(../img/studio/navi_left.gif) left top no-repeat #F6F7F5;
  margin-left: 35px;
}

div#navi-right{
  _width: 720px;
  _width: 740px;
  background: url(../img/studio/navi_right.gif) right top no-repeat;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 200%;
}

.popis-ramovani-java{
  width: 40%;
  text-align: right;
  float: right;
  position: relative;
}

.popis-ramovani{
  text-align: justify;
  line-height: 100%;
  padding-bottom: 0.5em;
}

#hlavicka-without-passe-partout,
#framed-image-without-passe-partout,
#cena-without-passe-partout { display: none; }
#use-passe-partout { background: url('../img/studio/crop.png') center top no-repeat #318CB6; display: block; color: #fff; width: 175px; height: 32px; line-height: 32px; text-align: center; margin: -5px auto 20px auto; text-decoration: none; cursor: pointer; }
#use-passe-partout.clicked { background: url('../img/studio/crop2.png') center top no-repeat #1A749B; }

#studio-cover .studio-prehrat { margin-bottom: 5px; height: 80px; }
#studio-cover .studio-prehrat .prehrat-left { height: 80px; width: 510px; margin-left: 20px; }
#studio-cover .studio-prehrat .prehrat-inner { display: table-cell; height: 80px; vertical-align: middle; text-align: left }
#studio-cover .studio-prehrat .prehrat-left p { display: inline; padding: 0 }