html, body
{
  height: 100%;
  margin: 0;
  padding: 0;
}

body
{
  font-family: Helvetica, Tahoma;
  font-size: 14px;
  color: rgb(180,180,180);
  background-color: rgb(10,11,12);
  margin: 0px;
  padding: 0px;
}

#empty
{
  visibility: hidden;
  width: 100%;
  height: 50%;
  margin-top: -414px;
  float: left;
}

#main
{
  height: 100%;
  min-height: 900px; 
  width: 1050px;
  background-image: url(background.png);
  background-repeat: repeat-x;
  margin: 0px auto;
  clear: both;
  position: relative;
  overflow: hidden;
}

#left
{
  height: 100%;
  min-height: 900px;
  width: 270px;
  background-image: url(separator.png);
  background-repeat: repeat-y;
  background-position: 253px;
  float: left;
}

#left img.sign
{
  margin-left: 90px;
  margin-top: 300px;
  border: 0px;
}

#right
{
  width: 780px;
  float: left;
}

#right img.foto
{
  border: 4px solid rgb(255,255,255);
  padding: 1px;
}

#text h1, #text2 h1
{
  font-size: 36px;
  font-weight: normal;
  letter-spacing: 13px;
  margin-right: -7px;
  position: absolute;
  text-align: right;
  font-family: Helvetica, Tahoma;
}

#text hr, #text2 hr
{
  border: 2px solid;
  float: right;
  width: 100%;
  margin-top: 80px;
  margin-bottom: 20px;
}

#text2 hr
{
  margin-bottom: 40px;
}

#text, #text2
{
  margin-top: 100px;
  text-align: right;
  width: 462px;
  margin: 0px auto;

}

#text p, #text2 p
{
  line-height: 1.36em;
}


#text2
{
  text-align: justify;
  margin-top: 100px;
}

#main_header
{
  width: 462px;
  height: 51px;
  background-image: url(2a.png);
  clear: both;
  margin-bottom: 25px;
}

#main_header h1
{
  visibility: hidden;
}

#desiderata
{
  margin-top: 50px;
  width: 462px;
  height: 538px;
  background-image: url(desiderata.png);
}

#desiderata h2, #desiderata p
{
  visibility: hidden;
}

#text
{
  margin-top: 100px;
}

#text2 h2
{
  text-align: left;
  font-weight: normal;
  font-size: 17px;
  letter-spacing: 1px;
  font-family: Helvetica, Tahoma;
  margin-bottom: 25px;
}

#menu
{
  padding-left: 50px;
  padding-top: 100px;
}

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

#menu ul li
{
  clear: both;
}

#menu a
{
  color: rgb(180,180,180);
  text-decoration: none;
}

#menu a:hover
{
  color: rgb(255,255,255);
}

span.align_left
{
  text-align: justify;
}

textarea
{
  background-color: rgb(56,52,49);
  border: 1px solid rgb(122,119,118);
  color: rgb(180,180,180);
  font-family: Helvetica, Tahoma;
  font-size: 17px;
  width: 377px;
  height: 260px;
  padding-left: 5px;
  padding-right: 5px;
}

input
{
  background-color: rgb(56,52,49);
  border: 1px solid rgb(122,119,118);
  color: rgb(180,180,180);
  font-family: Helvetica, Tahoma;
  font-size: 17px;
  height: 24px;
  width: 200px;
  padding-left: 5px;
} 

input.submit
{
  height: 17px;
  margin-top: 10px;
  width: 49px;
  background: none;
  border: 0px;
  float: right;
}

input.submit:hover
{
  color: rgb(255,255,255);
  cursor: pointer;
}

div.row
{
  margin-bottom: 10px;
}

div.label
{
  float: left;
  width: 70px;
  margin-top: 5px;
}

#contact
{
  margin-top: 90px;
}

#topic
{
  float: right;
  margin-right: 150px;
  margin-top: 50px;
  text-align: right;
}

#topic hr
{
  margin-bottom: 20px;
}

div.obrazy
{
  width: 820px;
  float: left;
  height: 360px;  
}

div.pic_holder
{
  width: 163px;
  height: 184px;
  position: relative;
  float: left;
}

div.obraz, div.obraz2
{
  width: 152px;
  height: 164px;
  border: 2px solid rgb(94,92,91);
  float: left;
  position: absolute;
  overflow: hidden;
  font-family: Helvetica, Tahoma;
  font-size: 10px;
}

div.obraz img, div.obraz2 img
{
  border: 0px;
  width: 100%;
}

div.caption
{
  position: absolute;
  top: -40px;
  background-color: rgb(0,0,0);
  height: 35px;  
  width: 100%;  
  border-bottom: 2px solid rgb(94,92,91);
  color: rgb(255,255,255);
  opacity: .65;  
  /* For IE 5-7 */  
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);  
  /* For IE 8 */  
  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
}

div.caption h3, div.caption2 h3 
{
  text-align: center;
  font-size: 11px;
  padding-bottom: 0px;
  padding-top: 10px;
  margin: 0px;
}

div.caption p, div.caption2 p
{
  margin-left: 5px;
  margin-right: 5px;
}

div.obraz img, div.obraz2 img
{
  position: absolute;
  top: 0px;
  left: 0px;
}

div.caption2
{
  position: absolute;
  top: 164px;
  background-color: rgb(0,0,0);
  height: 35px;  
  width: 100%;  
  border-top: 2px solid rgb(94,92,91);
  color: rgb(255,255,255);
  opacity: .65;  
  /* For IE 5-7 */  
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);  
  /* For IE 8 */  
  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
}

hr.cleaner
{
  border: medium none;
  clear: both;
  height: 1px;
  margin: -1em 0 0;
  visibility: hidden;
}

#navigation
{
  font-size: 25px;
  /* margin-right: 140px; */
  margin-left: 100px;
  text-align: right;
  height: 40px;
  position: absolute;
  width: 807px;
}

span.levo
{
  margin-left: 100px;
  float: left;
  width: 580px;
}

span.pravo
{
  float: right;
  margin-right: 140px;
}

span.pravo2
{
  float: right;
}

p.pravo
{
  text-align: right;
}

#navigation2
{
  margin-top: 100px;
}

#navigation2 a
{
  font-weight: normal;
  font-family: Helvetica, Tahoma;
  letter-spacing: 2px;
  font-size: 24px;
}

p.levo
{
  text-align: justify;
}

#plakat
{
  text-align: center;
  margin-top: 100px;
}

#slide_holder
{
  clear: both;
  margin-left: 90px;
  padding-left: 10px;
  padding-top: 25px;
  width: 820px;
  height: 365px;
  overflow: hidden;
  position: relative;
}

#slide
{
  width: 2460px;
  margin: 0px;
  padding: 0px;
}

#leftControl
{
  float: left;
}

span.control:hover
{
  color: rgb(255,255,255);
  cursor: pointer;  
}

div.kontakt
{
  width: 70px;
  float: left;
}

#contact img
{
  margin-top: 2px;
}

#ind_sylva
{
  background-image: url(sylva.jpg);
  width: 333px;
  height: 325px;
  float: left;
  border: 4px solid rgb(208,209,209);
  padding: 1px;
  margin-top: 210px;
  margin-left: 100px;
  background-position: 1px;
  background-repeat: no-repeat;  
}

#ind_enter
{
  margin-right: 100px;
  margin-top: 330px;
  background-image: url(1a.png);
  width: 398px;
  height: 88px;
  float: right;
  background-repeat: no-repeat;    
}

#ind_enter h2, #ind_enter h1, #vystavy p, #kon_nadpis h2, #obrazy_nadpis h2, #obr_header h1, #kresby_nadpis h2, #portrety_nadpis h2
{
  visibility: hidden;
}

#ind_vstupte
{
  float: right;
  margin-right:100px;
  margin-top:150px;  
}

#ind_vstupte img, #navigation2 img, #left img
{
  border: 0px;
}

#bio_foto
{
  background-image: url(bios_img.jpg);
  width: 207px;
  height: 234px;
  float: right;
  border: 4px solid rgb(208,209,209);
  background-repeat: no-repeat; 
  background-position: 1px;
  margin-bottom: 25px; 
  padding: 1px;
}

#bios
{
  width: 462px;
  height: 227px;
  background-image: url(bios.png);
  background-repeat: no-repeat;
}

#bios h2, #bios p
{
  visibility: hidden;
}

#vystavy
{
  width: 276px;
  height: 228px;
  background-image: url(vystavy.png);
  background-repeat: no-repeat;
  background-position: right;
  float: right;
}

#vys_foto
{ 
  background-image: url(sylva2.jpg);
  width: 236px;
  height: 233px;
  float: right;
  border: 4px solid rgb(208,209,209);
  padding: 1px;
  background-position: 1px;
  background-repeat: no-repeat; 
  margin-bottom: 26px; 
}

#kon_nadpis
{
  background-image: url(8b.png);
  width: 128px;
  height: 17px;
  background-repeat: no-repeat;
  margin-top: 47px;
  margin-bottom: 47px; 
}

#kon_kontakt
{
  background-image: url(8h.png);
  width: 217px;
  height: 43px;
  background-repeat: no-repeat; 
  margin-top: 100px;
}

#obr_header
{
  width: 462px;
  height: 51px;
  background-image: url(2a.png);
  float: right;
  clear: both;
  margin-bottom: 15px;
}

#obrazy_nadpis
{
  width: 84px;
  height: 24px;
  background-image: url(4b.png);
  float: right;
  clear: both;
  margin-top: 5px;
}

#kresby_nadpis
{
  width: 81px;
  height: 24px;
  background-image: url(5b.png);
  float: right;
  clear: both;
  margin-top: 5px;
}

#portrety_nadpis
{
  width: 112px;
  height: 25px;
  background-image: url(6b.png);
  float: right;
  clear: both;
  margin-top: 4px;
}

#m1
{
  background-image: url(menu_1.png);
  width: 54px;
  height: 26px;
  background-position: left top;
  float: left;
}

#m1:hover, #m8:hover, #m7:hover, #m6:hover, #m5:hover, #m4:hover, #m3:hover, #m2:hover, #g1:hover, #g2:hover, #g3:hover, #g4:hover, #v1:hover 
{
  background-position: right top;
}

#m8
{
  background-image: url(menu_8.png);
  width: 77px;
  height: 26px;
  background-position: left top;
  float: left;
}

#m7
{
  background-image: url(menu_7.png);
  width: 72px;
  height: 26px;
  background-position: left top;
  float: left;
}

#m6
{
  background-image: url(menu_6.png);
  width: 84px;
  height: 26px;
  background-position: left top;
  float: left;
}

#m5
{
  background-image: url(menu_5.png);
  width: 64px;
  height: 26px;
  background-position: left top;
  float: left;
}

#m4
{
  background-image: url(menu_4.png);
  width: 69px;
  height: 26px;
  background-position: left top;
  float: left;
}

#m3
{
  background-image: url(menu_3.png);
  width: 41px;
  height: 26px;
  background-position: left top;
  float: left;
}

#m2
{
  background-image: url(menu_2.png);
  width: 100px;
  height: 26px;
  background-position: left top;
  float: left;
}

#g1
{
  background-image: url(6b.png);
  width: 112px;
  height: 25px;
  background-position: left top;
  float: left;
}

#g2
{
  background-image: url(5b.png);
  width: 81px;
  height: 24px;
  background-position: left top;
  float: right;
}

#g3
{
  background-image: url(4c.png);
  width: 59px;
  height: 24px;
  background-position: left top;
  float: left;
}

#g4
{
  background-image: url(4b.png);
  width: 84px;
  height: 24px;
  background-position: left top;
  float: right;
}

#v1
{
  background-image: url(1b.png);
  width: 74px;
  height: 19px;
  background-position: left top;
  float: right;
}

#msie6
{
  color: rgb(255,0,0);
  font-size: 20px;
}

#loading
{
  width: 160px;
  height: 20px;
  background-image: url(16.gif);
  position: absolute;
  left: 600px;
  top: 400px;
  display: none;
}