/* CSS Document #877C72*/
body { margin-top:70px; text-align:center; background:url('layout/pozadi.gif') repeat-x; background-color: #887D73;  }
    
#celek
  { 
  width: 900px;
  height: 634px; /*630*/
  margin: auto;
  border:0px solid black;
  }

#hlavicka
  {
  width: 100%;
  height: 19px;
  background: url('layout/hl-stred.gif') repeat-x;
  background-color:#35281D; 
  }

#hl-leva { width: 21px; height: 100%; float: left; background: url('layout/hl-leva.gif');}
#hl-prava {width: 21px; height: 100%; float: right; background: url('layout/hl-prava.gif');}


#telo
  {
  width: 100%;
  height: 592px;  /*592*/
  background: url('layout/to-stred.gif') repeat-x;
  background-color: #312215;
  }
			
#to-leva  {width: 2px; height: 100%; float: left; background: url('layout/to-leva.gif') repeat-y; }
#to-prava {width: 3px; height: 100%; float: right; background: url('layout/to-prava.gif') repeat-y; }
#to-stred {width: 894px; float: left; border: 0px solid red; }

#zapati
  {
  width: 100%;
  height: 23px;  /*19*/
  background: url('layout/zp-stred.gif') repeat-x; 
  background-color:#392B20;  
  font-family: "Verdana";
  font-size: 10px;
  color: #63462F;
  /*text-decoration: none;*/
  /*	padding-bottom: 7px; */
  }

#zp-leva  {width: 21px; height: 100%; float: left; background: url('layout/zp-leva.gif'); }
#zp-prava {width: 21px; height: 100%; float: right; background: url('layout/zp-prava.gif'); }

#zapati span  {display: block; padding-top:2px; }
#zapati a {color: #63462F; text-decoration: none; margin-left:5px;}
#zapati a:hover {color: #FF7300; text-decoration: none;}
		
#stin
  { 
  width: 900px;
  height: 90px;
  margin: auto;
  background: url('layout/st-stred.gif') repeat-x;
  background-color: #887D73;
  }

#st-leva  {width: 30px; height: 100%; float: left; background: url('layout/st-leva.gif'); }
#st-prava {width: 30px; height: 100%; float: right; background: url('layout/st-prava.gif'); }


#karel
  { 
  position: absolute;
  margin-top: 17px;  /*24*/
  margin-left: 21px;
  width: 240px;
  height: 40px;
  background: url('layout/karelros.png') no-repeat;
  /*background-color: #35281D;*/  
  }

#menuumisteni
  {   
  width: 838px;   /*830*/
  height: 57px;     /*61*/
  margin-top:42px;    /*38*/
  margin-left:29px;  /*34*/
  _margin-left:2px;
  background: url('layout/menu-pozadi.gif');
  /*background-color: #34261B; */
  /*background-color: grey;  */
  border: 0px solid none;
  }

#menu
  {
  width:838px;  /*673*/
  height:49px;   /*53*/
  list-style-type:none;
  float:left;
  margin-top: 4px;
  margin-left: 0px;
  padding:0px;  
  background: url('layout/odrazka.gif') repeat-x; 
  /*background-color: grey; */
  }

#menu li
  {
  width:92px;  /*95*/
  height:49px;  /*53*/
  float:left;
  text-align: left; 
  margin-left:1px;
  border: none;
  }
  
              
#menu a span { font-family: "Verdana";}  
 
#menu a
  {
  position:absolute;
  display: block;
  width: 92px;  /*95*/
  height: 31px;       /*35*/
  _height: 49px;   /*53*/   
  background: #2E2116;
  border: none;
  font-size: 12px;
  color: #6B492E;
  text-align: center;
  letter-spacing:0.1em;
  text-decoration: none;
  padding-top:16px;
  padding-bottom:3px;
  }
  
#menu a:hover
  {
  color: #FF9000;
/*  font-weight:bold;   */
  z-index:200;
  }

#menu a:hover span
  {
  display: block;   
  font-size:12px;      
  /*font-weight:bold;*/
  background: url('layout/menuhover.jpg'); 
  border:none;
  position:absolute; 
  width:94px;       
  height:31px;      /*35*/
/*  _height:49px;     /*najednou to facha i bez toho*/
  padding-top:16px;   /*16*/
  padding-bottom:2px;
  left:-1px;
  top:0px;
  }

 /*-------------------------------------------------*/
    
#prezentace
  {
  width: 838px;
  height: 484px;
  margin-top:2px;
  margin-left:29px;   /*34*/
  _margin-left:2px; 
  /* background: url('layout/pz-stred.gif');*/
  /*background-color: grey;*/
  }

#pz-leva  {width: 1px; height: 100%; float: left; background: url('layout/pz-hrana.gif');}
#pz-prava  {width: 1px; height: 100%; float: right; background: url('layout/pz-hrana.gif'); }
#pz-hlavni 
  {
  width: 836px; height: 100%;
  float: left;
  /*background:grey;*/
  background: url('layout/pz-hlavni.png');
  text-align:left;
  font-family: "Verdana";
  font-size: 12px;    /*12*/
  line-height:150%;
  /* color: #FAB57D; */
  color: #F9A766;
  }

h1 { font-family: 'Verdana'; font-weight: bold; font-size: 14px;}
h2 { font-family: 'Verdana'; font-weight: bold; font-size: 13px;}
#jmeno { font-style: italic;}
#pismeno { font-size: 14px; font-style: italic;}  
  
#textodsazeni
  {
  float:left;
  /*margin:40px 40px 40px 40px; */
  margin:40px 0px 40px 40px;
  width:450px;
  background:none;
  }
.kontakt a {color: #F9A766; text-decoration: none;}  
.kontakt a:hover {color: #FF7300; text-decoration: none}
  
/*------------------------------------------------------*/

#page
  {
  float:left;
  width: 610px;
  height:460px;
  margin:20px 0px 0px 20px;
  background:none;
  }

#page-s {/* float:left;*/ position:absolute;margin-top:444px;}
#page-s a{ color: #6B492E; text-decoration:none;}
#page-s a:hover{ color: #FF7300; }
#page-s #active{ color: #F9A766; }

#popis { margin-top:20px; padding:15px 30px; color:white; background-color: rgba(0, 0, 0, 0.8);}
#zpet { position:absolute;margin-top:444px;  background-color: rgba(0, 0, 0, 0.8);}
#zpet a{ display:block; padding:5px 12px 5px 30px; color: white; text-decoration:none;}
#zpet a:hover{ display:block; /*padding:7px 12px 7px 50px; provede uskoceni*/color: red;  }  
/*----------------------------------------------------------*/

#uvodimg {float:left;margin:40px 40px 0px 0px;background:none; /*width:300px;height:100%;*/}
#expopageimg {margin:38px auto 0px auto; background:none; width:582px;height:370px;}

#bgimgpage {float:left; width: 650px; height:480px; margin:0px;}   /*kvuli pozadi prez celou plochu 650x480 - interiery*/
#bgimgpage img  { border: none; }     
#bgimgpage #margin  { position:absolute; top:190px; } 
                          
/*----------------------------------------------------------*/
.menu2            /*jeden pruh s nahledem obrazků*/
  { 
  /*width: 93px; /*92+px mezera*/
  width: 93px;
  height:480px;
  margin: 0px;
  float:left;
  background: url('layout/pz-hrana.gif');
  /* pri pomalym nacitani se pozadi zobrazuje - maji byt jn hrany
   měl sem verzi kdy bylo 92 a 1px mezera, ale problikavlao zobrazeni pohledu při posunu kurzoru mezi nahledama
  */
  /*background: blue; */
  }

.menu2 img  { border: none;}

.menu3{ width: 185px;height:480px;margin: 0px;float:left;}
.menu3 img  { border: none;}

.menu4{ position:absolute;width:185px;float:left;margin:0px;}
.menu4 img  { border:none;}

.preview-sepia
  {
  width:100%;
  height:80px;
  float:left;
  margin:0px;
  border: none;
  /*background: green;*/
  /*cursor:hand; */
  }

.preview
  {
	width:100%;  /*92px*/
	height:80px;
  visibility:hidden;
  /*background: green;*/ 
  }

  
.view2, .view1
  {
	position:absolute; 
	top:190px;
	/*margin-left:186px; */
	visibility:hidden;
  z-index:100;
  }
  
.view4 { position:absolute; top:190px; width:650px; height:480px; visibility:hidden; z-index:100; background: url('layout/pz-hlavni.png'); }  
.view4 img { margin: 0 auto;  left: 0; display: block; background:#281A10; padding: 0px 1px;/* border-left: 1px solid #5A412D; border-right: 1px solid #5A412D;background: url('layout/pz-hrana.gif');*/}
.grpopis { position:absolute; top:452px; display:block; text-align:center; width:640px; padding:5px 0px 5px 10px; background-color: rgba(0, 0, 0, 0.8);}
.view4center { margin: 0 auto; }
.moreimg {float:left; /*width:200px; height:450px; background:red;*/}
.space30 {float:left; width:30px; height:450px; /*background:black;*/}
.space14 {float:left; width:14px; height:450px; /*background:black;*/}
.view3 { position:absolute; visibility:hidden; top:0px; z-index:100;}     /*koupelna kasia*/
        
.preview-sepia:hover .preview { visibility:visible; margin-top:-80px; }
.preview-sepia:hover .view1 { margin-left:186px; visibility:visible; }  
.preview-sepia:hover .view2 { margin-left:93px; visibility:visible; }
.preview-sepia:hover .view3 { margin-left:186px; visibility:visible; }   
.preview-sepia:hover .view4 { margin-left:186px; visibility:visible; }

.view1:hover .noview { visibility:hidden; width:0px; height:0px;}
.view2:hover .noview { visibility:hidden; width:0px; height:0px;}
.view3:hover .noview { visibility:hidden; width:0px; height:0px;}      
.noview:hover .view4 { visibility:hidden; width:0px; height:0px;}    /*timto principem by bylo lepsi upravit view1,2*/

.preview-no {width:100%;height:80px;float:left;margin:0px;border: none; background: #2E2116;/*background:url('layout/preview-no.png');*/ }