#header {width:100%; text-align: center; }
#container {width:100%; text-align: center;}
#bodytext {width: 960px; text-align: left;background: #ccc; }
#footer { text-align: center; width: 100%;
     clear: both;
    
     background: #ccc;}

#bodytext {                                 
    font-size: 20px;
    
      

}		
		
	
	  	




#h2 { text-align: center;
}

#h3 { text-align: center;
}

#layer {
    overflow: scroll; /* Добавляем полосы прокрутки */
    width: 950px; /* Ширина блока */
    height: 500px; /* Высота блока */
    padding: 5px; /* Поля вокруг текста */
    border: solid 1px gray; /* Параметры рамки */
   }

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}


.pic {
  border: 2px solid #fff;
  float: left;
  height: 300px;
  width: 300px;
  margin: 6px;
  overflow: hidden;
  -webkit-box-shadow: 2px 2px 2px #111;
          box-shadow: 2px 2px 2px #111;
}

.grow img {
  height: 300px;
  width: 300px;

  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.grow img:hover {
  width: 400px;
  height: 400px;
}
  

.scrolling {
 margin: 0 auto;
 width: 970px;
 height: 230px;
 overflow-x: scroll;
 overflow-y: hidden;
 white-space: nowrap;  /* чтобы картинки стояли в одну линию, не переходя на другую строку */
 word-wrap: normal;  /* то же для IE */
}

.scrolling img {
 height: 200px;
}                                                                                                                                                                                   

.thumbnail{  
position: relative;  
z-index: 0;  
}  
.thumbnail:hover{  
background-color: transparent;  
z-index: 50;  
}  
.thumbnail span{ /*CSS for enlarged image*/  
position: absolute;  
background-color: #585f35;  
padding: 3px;  
left: -800px;  
border: 1px solid white;  
visibility: hidden;  
color: Yellow;  
text-decoration: none;  
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
}  
.thumbnail span img{ /*CSS for enlarged image*/  
border-width: 0;  
padding: 2px;  
}  
.thumbnail:hover span{ /*CSS for enlarged image on hover*/  
visibility: visible;  
top: 0;  
left: 5px; /*position where enlarged image should offset horizontally */  
 } 




#parallax {
   position:relative; overflow:hidden; width:950px; height:250px;
   background-image:url('/filestore/background.jpg');
}
.parallax {
    position: relative;     /* relative, absolute, fixed */
    overflow: hidden;
}
.parallax {
    position: absolute;
}




}
#download {
  position:absolute;
  top:0;
  left;0;
  width:640px;
  height:100px;
}

pre {padding:20px;background:#f2f2f2;font-weight:bold;width:600px;}
div.note {padding:10px 20px 10px 20px;background:#f2f2f2;font-weight:normal;width:600px;}
div.note h3 {padding:0;margin:0;color:#e00000;}
span.red {color:#e00000;}
span.grey {color:#999;}