@charset "utf-8";
/* CSS Document */

/*body {
	background: url(img/mac-background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/mac-background.jpg',     sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/mac-background', sizingMethod='scale');
}*/

.logoHome {
	background: url(../img/logos/logo.png);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -115%);
	width: 200px;
	height: 180px;
	background-size: contain;
	background-color: rgba(255, 255, 255, 0.58);
	border-radius: 10px;
}
#dock-container {
	width: auto;
	height: auto;
	background: rgba(255,255,255,0.2);
	border-radius: 10px 10px 0 0;
	text-align: center;
}
#dock ul {
	padding: 0;
}
#dock-container li {
	list-style-type: none;
	display: inline-block;
	position: relative;
	width: 90px;
	margin: 0 10px;
}
#dock-container li img {
	width: 34px;
	height: 34px;
	-webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(255,255,255,.5)));
	-webkit-transition: all 0.3s;
	-webkit-transform-origin: 50% 75%;
}
#dock-container li:hover img {
	-webkit-transform: scale(2);
	margin: 0 2em;
}
#dock-container li:hover + li img, #dock-container li.prev img {
	-webkit-transform: scale(1.5);
	margin: 0 1.5em;
}
#dock-container li span {
	display: block;
	position: absolute;
	bottom: 50px;
	background-color: rgba(0,0,0,0.75);
	padding: 4px 0;
	border-radius: 12px;
	-webkit-transform: scale(1);
	display: block ruby;
	width: auto;
	padding: 0 10px;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	z-index: 1;
	pointer-events: none;
}
#dock-container li:hover span {
	color: #fff;
	-webkit-transform: scale(1.2);
	left: 50%;
	transform: translateX(-50%);
	bottom: 65px;
}
@media (max-width:1025px) {
#dock-container {
	width: 100%;
}
}

.navbar-header {
  width: auto;
  float: left;
}
.collapse.navbar-collapse { 
  position: absolute;
  right: 0;
  bottom: 8px;
}
.collapse.navbar-collapse a { 
 width: 100%
}
.navbar-brand img {
  width: 100px !important;
}
.navbar-default .container {
	position: relative;
}



#dock a::after {
  position: absolute;
  top: -36px !important;
  left: 0 !important;
  content: "";
  width: 100%;
  height: 80px;
}