/*
	Copyright: © Centroarts 2013
	URI: http://centroarts.com
*/

/* Resets */
/* Topmenu */
#topmenu, #hMenu { height: 77px; background: url(/tpl/images/topmenu.png) no-repeat 100% -77px; padding-right: 45px }
	#hMenu { height: 58px; padding: 19px 0 0 45px; background-position: 0 0 }

	#hMenu ul { margin: 0; padding: 0; list-style: none; position:absolute; top: 60px }

	#hMenu:before, #hMenu:after { content: ""; display: table }
	#hMenu:after { clear: both }

	#hMenu { zoom:1 }
	#hMenu li { float: left; position: relative }
	#hMenu li > a { background: url(/tpl/images/topmenu-link.png) no-repeat 0 -84px; color: #fff; float: left; height: 42px; text-decoration: none !important }
	#hMenu li > a b { float: left; padding: 0 11px 0 14px; line-height: 41px }
	#hMenu li > a:hover, #hMenu li:hover > a { background-position: 0 0 }
	#hMenu li > a:hover b, #hMenu li:hover > a b { background: url(/tpl/images/topmenu-link.png) no-repeat 100% -42px }
	#hMenu li:first-child > a b { padding-left: 11px }
	#hMenu li:first-child > a { background-position: -3px -84px }
	#hMenu li:first-child > a:hover { background-position: -3px 0 }

	#hMenu ul a { background: none }
	#hMenu ul a:hover {
	    background-color: #38a2e1;
		background: -webkit-linear-gradient(top, #59b6ec, #188fd5); 
		background: -moz-linear-gradient(top, #59b6ec, #188fd5); 
		background: -ms-linear-gradient(top, #59b6ec, #188fd5); 
		background: -o-linear-gradient(top, #59b6ec, #188fd5);
		background: linear-gradient(top, #59b6ec, #188fd5);
	}

	#hMenu ul { margin: 20px 0 0 0; opacity: 0; visibility: hidden; position: absolute; top: 42px; left: 4px; z-index: 9999;
	    -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.3); -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3); box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	    -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
		background: #1e2d37;
	    background: -moz-linear-gradient(#1e2d37, #0f1417);
	    background: -webkit-linear-gradient(#1e2d37, #0f1417);
	    background: -o-linear-gradient(#1e2d37, #0f1417);
	    background: -ms-linear-gradient(#1e2d37, #0f1417);
	    background: linear-gradient(#1e2d37, #0f1417)
	}

	#hMenu li:hover > ul { opacity: 1; visibility: visible; margin: 0 }
	#hMenu ul ul { top: 0; left: 196px; margin: 0 0 0 20px; -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3); -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3); box-shadow: -1px 0 0 rgba(255,255,255,.3) }
	#hMenu ul li { float: none; display: block; border: 0; -moz-box-shadow: 0 1px 0 #101619, 0 2px 0 #23313a; -webkit-box-shadow: 0 1px 0 #101619, 0 2px 0 #23313a; box-shadow: 0 1px 0 #101619, 0 2px 0 #23313a }
	#hMenu ul li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none }
	#hMenu ul a { padding: 10px; line-height: normal; font-weight: normal; height: auto; width: 180px; display: block; white-space: nowrap; float: none; text-shadow: none; text-transform: none; border: 0 none }
	#hMenu ul li:first-child > a { -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0 }
	#hMenu ul li:first-child > a:after { content: ''; position: absolute; left: 30px; top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #1e2d37 }
	#hMenu ul ul li:first-child a:after { left: -6px; top: 50%; margin-top: -6px; border-left: 0; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-right: 6px solid #1c2932 }
	#hMenu ul li:first-child a:hover:after { border-bottom-color: #59b6ec }
	#hMenu ul ul li:first-child a:hover:after { border-right-color: #38a2e0; border-bottom-color: transparent }
	#hMenu ul li:last-child > a { -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px }