#header {
  min-height:135px;
}
#header>aside {
  height:100px;
}
body>aside {
  position:absolute;
  left:0px;
  right:0px;
  top:0px;
  height:100px;
  box-sizing:border-box;
  overflow:visible;
  background-color:#FFFFFF;
  -moz-box-shadow: 1px 1px 2px 0px rgba(101,101,101,1);
  -webkit-box-shadow: 1px 1px 2px 0px rgba(101,101,101,1);
  -o-box-shadow: 1px 1px 2px 0px rgba(101,101,101,1);
  box-shadow: 1px 1px 2px 0px rgba(101,101,101,1);
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=2);
}
body>header {
  top:100px;
}
body>main {
  top:160px;
}

nav sup {
  top:98px;
}
nav sub {
  top:103px;
}
body>aside #logomacif {
  display:block;
  position:absolute;
  top:0;
  left:18px;
  width:82px;
  height:100px;
  background-image:url(logo_macif.png);
  background-size:auto 100%;
  background-position:right center;
  background-repeat:no-repeat;
  background-color:#FFFFFF;
  z-index:300;
}
body>aside #logomacif:after {
  content:'';
  position:absolute;
  display:block;
  top:0;
  right:-120px;
  width:120px;
  height:100%;
  z-index:11;
  background:linear-gradient(90deg, rgba(255,255,255,1) 15%, rgba(255,255,255,0));
}
body>aside h1 {
  position:absolute;
  right:0px;
  top:0;
  bottom:0px;
  text-align:right;
  z-index:11;
  vertical-align:bottom;
  box-sizing:border-box;
  padding:30px 5px 0 0;
  background-color:#ffffff;
}
body>aside h1:before {
  content:'';
  position:absolute;
  display:block;
  top:0;
  left:-120px;
  width:120px;
  height:100%;
  z-index:11;
  background:linear-gradient(-90deg, rgba(255,255,255,1) 15%, rgba(255,255,255,0));
}
body>aside h1 big,
body>aside h1 small {
  line-height:20px;
  display:block;
}
body>aside h1 big {
  color:#0A2D82;
  font-size:24px;
}
body>aside h1 small {
  color:#D2D52E;
  font-size:20px;
}
body>aside #imgmacif {
  position:relative;
  background-image:url(img_macif.jpg);
  width:700px;
  height:100%;
  margin-left:auto;
  margin-right:auto;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:120% auto;
}
body>aside #imgmacif:before,
body>aside #imgmacif:after {
  content:'';
  position:absolute;
  display:block;
  top:0;
  width:120px;
  height:100%;
  z-index:10;
}
body>aside #imgmacif:before {
  left:0;
  background:linear-gradient(90deg, rgba(255,255,255,1) 15%, rgba(255,255,255,0));
}
body>aside #imgmacif:after {
  right:0;
  background:linear-gradient(-90deg, rgba(255,255,255,1) 15%, rgba(255,255,255,0));
}
body>aside #imgmacif span {
  position:absolute;
  bottom:0;
  left:50px;
  text-shadow: black 0.1em 0.1em 0.1em, black 0.1em 0.1em 0.1em;
  color:#ffffff;
  z-index:20;
  font-size:80%;
}
body>aside #macifnw {
  position:absolute;
  top:30px;
  left:110px;
  z-index:302;
}
body>aside #macifnw span {
  display:block;
  text-align:center;
}
body>aside #maciffb,
body>aside #maciftw,
body>aside #macifyt {
  display:inline-block;
  width:28px;
  height:28px;
  margin-right:2px;
  background-image:url(social_networks.png);
}

body>aside #maciftw {
  background-position:center top;
}
body>aside #macifyt {
  background-position:right top;
}


.clock *:after {
  content:'';
  font-size:70%;
  color:#8E920A;
}
.clock b:after {
  content:' j' !important;
}
.clock u:after {
  content:' h';
}
.clock i:after {
  content:' m';
}
.clock s:after {
  content:' s';
}
.clock * {
  border-width:0px !important;
  margin:0 1px;
  white-space:nowrap;
}
.clock > *:first-child {
  border-left-width: 0px !important;
}


  
@media screen and (max-width:800px) {
    #header {
      min-height:95px;
    }
    body>aside {
      height:60px;
    }
    #header>aside {
      height:60px;
    }
    nav sup {
      top:58px;
    }
    nav sub {
      top:63px;
    }
    body>aside #logomacif {
      width:50px;
      height:60px;
    }
    body>aside #macifnw {
      display:none;
    }
    body>aside h1 {
      padding:5px 5px 0 0;
    }
    body>aside h1 big,
    body>aside h1 small {
      line-height:16px;
    }
    body>aside h1 big {
      font-size:18px;
    }
    body>aside h1 small {
      color:#D2D52E;
      font-size:16px;
    }
    body>aside #imgmacif span {
      display:none;
    }


}


@media screen and (max-width:500px) {
    body>aside {
      -moz-box-shadow: 1px 1px 2px 0px rgba(101,101,101,0.3);
      -webkit-box-shadow: 1px 1px 2px 0px rgba(101,101,101,0.3);
      -o-box-shadow: 1px 1px 2px 0px rgba(101,101,101,0.3);
      box-shadow: 1px 1px 2px 0px rgba(101,101,101,0.3);
      background-color:#F5F7F7;
    }
    body>aside #logomacif {
      background-color:#F5F7F7;
    }
    body>aside h1 {
      background-color:#F5F7F7;
    }
    body>aside #imgmacif,
    body>aside #logomacif:after,
    body>aside h1:before {
      display:none;
    }
    nav sup {
      top:58px;
    }
    nav sub {
      top:63px;
    }
    
}