body {  
   margin: 0;
   padding: 0; 
   font-family: Helvetica, Arial, sans-serif;
   /*font-family: Tahoma, Arial, sans-serif;*/
   /*font-family: Verdana, Arial, sans-serif;*/
}
div {
   margin: 0;
   padding: 0; 
}
a {
   text-decoration: none;
}
img {
   border: 0;
   margin: 0;
   padding: 0; 
}


.mainContainer {
   width:100%; 
   height:900px;
   background-image: url(images/fon.jpg);
  /* background-size: 100%, 100%;*/
   /*position:fixed; */
   text-align: center;
}
/*
.shadow {
   width:    1090px; 
   height:   900px;
   background-image: url(images/fon_ten.png);
   position: relative;
}
*/
.house {
   margin: 0 auto;
   width:1000px; 
   height:900px;
   background-image: url(images/fon_House.jpg);
   position: relative;
   /*left: 50%;*/
   /*margin-left: -500px;*/
}

.menu {
   width:    100%;
   height:   45px;
   position: relative;
   left:     0px;
   top:      0px;
}

.top,.center,.bottom {
  /* border: 1px solid green;*/
   position: relative;
   left:0;
   font-style: italic;
   font-weight: bold;
   font-size: 15px;
   color:#513921;
}
.top {
   width:    100%;
   height:   316px;
   top:      20px;
}

.foto1,.foto2,.foto3,.foto4,.foto5 {
   cursor: pointer;
}

.foto1 {
   position: absolute;
   left: 535px;
   display:block;
}
.topText {
   width:    494px;
   position: absolute;
   left: 20px;
   /*border: 1px solid green;*/
   top: 10px;
   text-align: justify;
   line-height: 120%;
}

.center {
   width:    100%;
   height:   160px;
   top:      40px;
}
.bottom {
   width:    100%;
   height:   293px;
   top:      60px;
}

.foto1,.foto2,.foto3,.foto4,.foto5,.smFoto{
   cursor: pointer;
}

.foto1 {
   position: absolute;
   left: 535px;
   display:block;
}

.smFoto {
   width: 176px;
   height: 37px;
   position: absolute;
   left: 805px;
   top:  140px;
   display:block;
}

.foto2{
   position: absolute;
   left: 20px;
   display:block;
}
.foto3 {
   position: absolute;
   left: 270px;
   display:block;
}
.centerText {
   width:    446px;
   position: absolute;
   left: 535px;
   /*border: 1px solid green*/
   top: 0px;
   text-align: justify;
}
.foto4{
   position: absolute;
   left: 20px;
   display:block;
}
.bottomText {
   width:    200px;
   position: absolute;
   left: 323px;
   /*border: 1px solid green;*/
   top: 7px;
   text-align: left;
   line-height: 120%;
}
.foto5 {
   position: absolute;
   left: 535px;
   display:block;
}


.shadowWorkSpace {

      width:            100%;
      height:           100%;
      background-color: black;
      filter:           alpha(Opacity=50);
      -moz-opacity:     0.50;
      opacity:          0.70;
      position:         fixed;
      left:             0px;
      top:              0px;
      z-index:          50;
      display:          none;
	  
}

.workSpace {

     /filter:           alpha(Opacity=0);
      -moz-opacity:     0;
      opacity:          0;
      width:            900px;
      height:           100%;
	  /*border-radius:   20px;
	  -webkit-border-radius: 20px;
	  -moz-border-radius: 20px;*/
      background-color: #C8B49C; 
	  position:         fixed;
      left:             50%;
      top:              0;
	  margin-left: -450px;
	  
      display:          none; 
      z-index:          51;	  
	  /*border:           4px #FF6600 solid;*/
	  
	  
}

#contentWorkSpace {
    width:            800px;
    height:           100%;
    position:         absolute;
    left:             50px;
    top:              50%;	
	margin-top: -300px;
	line-height: 200%;
	/*border: 1px solid green;*/
}

.arr_l {
   display:block;
   position:         absolute;
   left:             1%;
   top:              50%;	
   margin-top: -27px;
   cursor:pointer;
   /*border: 1px solid green;*/
}
.arr_r {
   display:block;
   position:         absolute;
   left:             96%;
   top:              50%;	
   margin-top: -27px;
   cursor:pointer;
}

.closeWorkSpace {
   position:         absolute;
   left:             874px;
   top:              0;	
   cursor: pointer;
}