@charset "utf-8";
/* CSS Document */
nav {
	position: fixed;
	z-index: 900;
	height: 67px;
	width: 70px;
	cursor: pointer;
	overflow:hidden;
}
nav:hover {
	overflow:visible;
}
.menucim {
	font-family: "PT Serif Caption";
	font-weight: bolder;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 1);
	text-align: center;
	font-size: 1.5em;
	color: rgba(208, 203, 181, 1);
	background-color: rgba(111, 74,  77, 1);
	height: 38px;
	width: 40px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(235, 234, 224, 1);
	border-bottom-color: rgba(52, 52, 46, 1);
	border-radius:4px;
	box-shadow:0px 0px 4px 0px rgba(78, 47,  50, 1) inset, 1px 2px 3px rgba(68, 39,  42, 1);
	line-height:1.65em;
	margin-bottom:10px;
}
.menu li {
	width: auto;
	margin-top:4px;
	white-space: nowrap;
}
.menutarto{
	height:auto;
	width:198px;
	background-color: rgba(111, 74,  77, 0.8);
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(235, 234, 224, 1);
	border-bottom-color: rgba(127, 125, 110, 1);
	border-radius:4px;
	box-shadow:0px 0px 6px 0px rgba(78, 47,  50, 1) inset;
	padding:5px;
	font-size: 1.1em;
	transition-duration: 0.5s;
	transition-timing-function: ease;
	-webkit-transition-duration: 0.5s; /* Safari and Chrome */
	-webkit-transition-timing-function: ease;
}
.menutarto:hover{
	background-color: rgba(111, 74,  77, 1);

}
.menu, .menu ul {
	list-style: none;
	padding: 0;
	margin-left: 10px;
}
.menu ul {
	margin: 0;
}
.menu > li {
	position: relative;
	display: inline-block;
	outline: 0;
}
.submenu {
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 0;
	overflow: hidden;
	max-height: 0;
	/* The transition-delay prevents the menu to disappear before the transition is run backward
   * It's ~= length of the animation (.6s) + highest item transition delay (466ms) */
  -webkit-transition: max-height 1ms linear 1s;
 transition: max-height 1ms linear 1s;
	/* A .submenu should be only revealed when hovering the .menu */
  pointer-events: none;
}
.menu > li:hover .submenu, .menu > li:focus .submenu {
	pointer-events: auto;
	z-index: 10;
	max-height: 2000px;
	-webkit-transition: none;
	transition: none;
}
/* Default
 ================================================================= */
.submenu li {
	opacity: 0;
 -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
 transition: opacity .4s, transform .6s, max-height .6s;
}
.menu > li:hover .submenu li, .menu > li:focus .submenu li {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
/* Fan
 ================================================================= */
.fan li {
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
/* Progressive Anim
 * ==================================================================
 * This is a lot of redundant code but the result is worth it
 * This should be edited for menus with more or much less than 8 items 
 */

 /* forward */
.menu > li:hover .submenu li:nth-child(1) {
 -webkit-transition-delay: 0s;
 transition-delay: 0s;
}
 .menu > li:hover .submenu li:nth-child(2) {
 -webkit-transition-delay: 66ms;
 transition-delay: 66ms;
}
 .menu > li:hover .submenu li:nth-child(3) {
 -webkit-transition-delay: 133ms;
 transition-delay: 133ms;
}
 .menu > li:hover .submenu li:nth-child(4) {
 -webkit-transition-delay: 200ms;
 transition-delay: 200ms;
}
 .menu > li:hover .submenu li:nth-child(5) {
 -webkit-transition-delay: 266ms;
 transition-delay: 266ms;
}
 .menu > li:hover .submenu li:nth-child(6) {
 -webkit-transition-delay: 333ms;
 transition-delay: 333ms;
}
 .menu > li:hover .submenu li:nth-child(7) {
 -webkit-transition-delay: 400ms;
 transition-delay: 400ms;
}
 .menu > li:hover .submenu li:nth-child(8) {
 -webkit-transition-delay: 466ms;
 transition-delay: 466ms;
}

/* backward */
.submenu li:nth-child(1) {
 -webkit-transition-delay: 466ms;
 transition-delay: 466ms;
}
 .submenu li:nth-child(2) {
 -webkit-transition-delay: 400ms;
 transition-delay: 400ms;
}
 .submenu li:nth-child(3) {
 -webkit-transition-delay: 333ms;
 transition-delay: 333ms;
}
 .submenu li:nth-child(4) {
 -webkit-transition-delay: 266ms;
 transition-delay: 266ms;
}
 .submenu li:nth-child(5) {
 -webkit-transition-delay: 200ms;
 transition-delay: 200ms;
}
 .submenu li:nth-child(6) {
 -webkit-transition-delay: 133ms;
 transition-delay: 133ms;
}
 .submenu li:nth-child(7) {
 -webkit-transition-delay: 66ms;
 transition-delay: 66ms;
}
 .submenu li:nth-child(8) {
 -webkit-transition-delay: 0s;
 transition-delay: 0s;
}