*{margin:0px auto; padding:0px 0px;}
html,body{height:100%;background-image:URL("IMG/fondecran.jpg"); width:100%; 
-webkit-background-size:100% 100%; -o-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%; -khtml-background-size: 100% 100%;background-size: 100% 100%;
background-repeat:no-repeat;
background-attachment:fixed; /* ïðèêðåïëÿåò ôîí ê ðàçìåðàì áëîêà. Ôîí òåïåðü íå ïðîêðó÷èâàåòñÿ âìåñòå ñî áëîêîì, åñëè òàì åñòü ñêðîëë */
font-family:Calibri, Tahoma, Arial; 
    font-size: 100%;
}
/* Через условные комментарии или хаки пишем стили для IE */  
* html body {
    /* IE8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/google-chrome.jpg',sizingMethod='scale')";
    /* IE < 8 */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/body_bg.jpg', sizingMethod='scale');
    background-image: none; Background-size:cover /* IE ≤ 9.0 */
	font-family:Calibri, Tahoma, Arial; 
    font-size: 100%;
}

#conteiner{ margin: auto; width:1000px;height:900px; color:#000;padding:0px 0px;position:relative;}    /* conteiner de tout   wrap */

#id2{width:995px;height:100%; 
border: 2px outset #357; -moz-border-bottom-right-radius:20px;-khtml-border-bottom-right-radius:20px;-webkit-border-bottom-right-radius:20px; border-bottom-right-radius:20px;
-moz-border-top-right-radius:20px;-khtml-border-top-right-radius:20px;-webkit-border-top-right-radius:20px; border-top-right-radius:20px;
-moz-border-top-left-radius:20px;-khtml-border-top-left-radius:20px;-webkit-border-top-left-radius:20px; border-top-left-radius:20px;
-moz-border-bottom-left-radius:20px;-khtml-border-bottom-left-radius:20px;-webkit-border-bottom-left-radius:20px; border-bottom-left-radius:20px;
padding:0px 0p; float:left; position: relative; }   /* conteiner du texte page  background:;  */

#opacity{opacity:0.5; width:995px;height:100%; background:#08088A; padding:0px 0p; float:left; position: absolute; z-index:2;
-moz-border-bottom-right-radius:20px;-khtml-border-bottom-right-radius:20px;-webkit-border-bottom-right-radius:20px; border-bottom-right-radius:20px;
-moz-border-top-right-radius:20px;-khtml-border-top-right-radius:20px;-webkit-border-top-right-radius:20px; border-top-right-radius:20px;
-moz-border-top-left-radius:20px;-khtml-border-top-left-radius:20px;-webkit-border-top-left-radius:20px; border-top-left-radius:20px;
-moz-border-bottom-left-radius:20px;-khtml-border-bottom-left-radius:20px;-webkit-border-bottom-left-radius:20px; border-bottom-left-radius:20px;}

.macmenu {
  width: 992px; height: 820px; float: left; margin: 20px 120px;position:relative; z-index:4; /*ширина -высота  общего блока*/
}
.button {
 margin: 0 auto; /*выравнивание блока по центру*/
 width: 990px;  /* всего блока с меню*/
 height: 800px;
 
}
.button a img,
.button a {
 display: block;
 float: left;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
 height: 150px;
 width: 150px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;

-webkit-box-shadow: -1px 3px 46px -5px rgba(227,250,249,0.67);
-moz-box-shadow: -1px 3px 46px -5px rgba(227,250,249,0.67);
box-shadow: -1px 3px 46px -5px rgba(227,250,249,0.67);/* Цвет фона Параметры тени */

z-index:5;
}
.button a {
 margin: 50px 50px;
 text-align: center;
 color: #fff;
 font: normal normal 20px Calibri, Tahoma, Arial;
 text-decoration: none;
 word-wrap: normal; /*запрещает автоматически разрывать слова на перенос*/
}
.macmenu a:hover img {
 margin-left: -30%; /*смещает картинку левее, выравнивая ее по центру*/
 height: 200px;
 width: 200px;
}
.button a:hover {
 font: normal bold 23px Calibri, Tahoma, Arial;
}


#img2{float:right:450px;position:relative;}
#img1{opacity:0.3; float:bottom:75px; float:right:150px; position:relative;}    /* mon logo en deux images*/
#id1a{width:990px;height:75px; font-size:55pt; float:left; position:relative;}  /* mon logo en deux images*/
#id1b{width:990px;height:75px; font-size:55pt; float:left; position:relative;}   /* mon logo en deux images*/



#id3{width:990px;height:100px;  font-size:10pt; color:#4169E1; line-height:50px;float:left; position:relative }/* conteiner du footer z-index:2;*/