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;
}

.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;
}

.chief {
   width:            180px;
   height:          80px;
   position:         absolute;
   left:             37px;
   top:              324px;
   cursor: pointer;
   /*border: 1px solid green;*/
}
.producty {
   width:            180px;
   height:           80px;
   position:         absolute;
   left:             780px;
   top:              324px;
   cursor:       pointer;
   /*border: 1px solid green;*/
}
.oMenu {
   width:            170px;
   height:           110px;
   position:         absolute;
   left:             38px;
   top:              462px;
   cursor:       pointer;
   /*border: 1px solid green;*/
}

.vincarta {
   width:            180px;
   height:           100px;
   position:         absolute;
   left:             780px;
   top:              464px;
   cursor:       pointer;
   /*border: 1px solid green;*/
}