﻿/*   1) header: { head1(изо1) ,  head2(Куб...) ,  head3(изо2) }
      2) menu0:  горизонт меню
      3) footer:  { foot1(изо) ,  foot2 (адрес) }
*/

header, footer, section, aside, nav, article { display: block; }

/* header_______  */

header {
  clear: both;
  margin: 2px 2px 2px 1px; 
  border: 4px solid #ccddee;
  border-radius: 5px;
  line-height: 170%;
  background-color: #ddefff; 
  background-color: transparent;    /* */
  background-image: url(../img/clouds12.jpg);   /* путь от CSS  */
  background-size: 100%;  		 /* растянуть ? */
  /*  background-repeat: no-repeat;*/
  color: #007711;
  max-height: 93px;
  overflow:hidden;
}

#head1 {
  float: left;
  margin: 6px 0px 1px 15px;
  width:3.5em; /* */
  height:3.5em;
  border-radius: 14px;
  background: url(../img/oLenin1.png ); 
  background-size: 100%; 
  background-repeat: no-repeat;
  overflow:hidden;  
}

#head2 {
  float: left;
  margin: 3px 3px 3px 7px;
/*  border: 3px solid #cceefe; */
  border-radius: 5px;
  width: 45%;
  text-align: center;
/*   color: #117711; */
/*   font-size: 80%;    IE<10 */
}
#head2 a { color: #fff; font-size: 105%; text-decoration: none;}
#head2 a:hover { color: #c8c000; text-decoration: underline;}
#head21 {
  font-size: 90%; color: #fff; font-weight: bold; padding-right: 5px;
}
#head22 {
  font-size: 120%; color: #fff; font-weight: bold;
   text-shadow: #d0c0a0 3px 3px 1px
}
#head22 a:hover { color: #d8c0a0; }

#head3 {
  float: left;
  margin: 3px 3px 3px 7px;
/*  border: 3px solid #cceefe; */
  border-radius: 5px;
  width: 35%;
  text-align: center;
/*   color: #117711; */
/*   font-size: 80%;    IE<10 */
}
/*
#head4 {
  float: right; 
  margin: 7px 15px 2px 0px; 
  width: 60px; 
  height: 60px; 
  border-radius:7px;
  background: url(../img/LogoKub21.gif);
  background-repeat: no-repeat;
  background-size: 100%; 
  overflow:hidden !important; 
}  */

#headCl { clear: both; }


/* footer_______ */

#hFoot {
  clear: both;
  height: 40px;
  color: inherit;
/*  background-color: red; */
}

footer {
   /*height: 5em;  IE<10 */
  width: 99%;
  max-height: 5em;
  margin: 0 0 2px 3px;
  padding: 5px 0px 3px 0px;
  border: 2px solid #372;
  border-radius: 3px;
  background-color: #ccffdd;
  font-family: Arial;  font-size: 80%;
  color: #fff;   /* 004411  */     
  background: url(../img/kolosh.jpg );   /*   */ 
  background-size: 100% !important;  		 /*  */
  overflow:hidden; 
  display: none;  		 /*чтобы потом сразу на месте, если грузится долго */
} 

footer a { color: #ffffff;  white-space: nowrap; }
footer a:hover { color: #eedd00; }

#foot1 {
  float: left;
  width: 12%;
  margin: 0 0 0 9px; }
#foot2 {
  float: left;
  width: 50%;
  margin: 0 0 0 19px; 
  text-align: center;
}

#footx11 {
  float: right;
  width: 21px;
  margin: 5px 7px 0 0px;
}
#footx2 {
  float: right;
  width: 21px;
  margin: 5px 7px 0 0;
}
#footx3 {
  float: right;
  width: 100px;
  margin: 5px 7px 0 20px;
}

/* a.mrc__plugin_uber_like_button {
  
}  */
  
#footCl { height: 1px; clear: both; }
/* _________________ */
