@charset "utf-8";

/* CSS Document */



#menu, #menu ul {

	margin: 0;

	padding: 0;

	list-style: none;

	}

#menu {

	width: 100%;

	border: 1px solid #E6E6E6;

    background: none repeat scroll 0 0 #FFFFFF;

	height: 40px;

	margin: 0;

	padding: 0px;

	}

	#menu:before,

	#menu:after {

	content: "";

	display: table;

	}

#menu:after {

	clear: both;

	}

#menu {

	zoom:1;

	}

	#menu li {

	float: left;

	border-right: 1px solid #	;

	position: relative;

	}

	#menu a {

	float: left;

	padding: 12px 30px;

	color: #BF9893;

	text-transform: uppercase;

	font: bold 12px Arial, Helvetica;

	text-decoration: none;

	border-right: 1px solid #E6E6E6;

	}

#menu li:hover > a {

	color: #EDA4C6;

	}

*html #menu li a:hover { /* Только для IE6 */

	color: #EDA4C6;

	}

#menu ul {

	margin: 20px 0 0 0;

	_margin: 0; /*Только для IE6*/

	opacity: 0;

	visibility: hidden;

	position: absolute;

	top: 40px;

	left: 0;

	z-index: 10000;

	background: #fff;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	border: 1px solid #E6E6E6;

	-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;

	}

#menu li:hover > ul {

	opacity: 1;

	visibility: visible;

	margin: 0;

	}

#menu ul ul {

	top: 0;

	left: 170px;

	margin: 0 0 0 20px;

	_margin: 0; /*Только для IE6*/

	-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);

	}

#menu ul li {

	float: none;

	display: block;

	border: 0;

	_line-height: 0; /*Только для IE6*/

	-moz-box-shadow: 1px solid #E6E6E6;

	-webkit-box-shadow: 1px solid #E6E6E6;

	box-shadow: 0 1px 0 #E6E6E6;

	}

#menu ul li:last-child {

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	box-shadow: none;

	}

#menu ul a {

	padding: 10px;

	width: 150px;

	_height: 10px; /*Только для IE6*/

	display: block;

	white-space: nowrap;

	float: none;

	text-transform: none;

	}

#menu ul a:hover {

	background-color: #f0f0f0	;

	}

#menu ul li:first-child > a {

	-moz-border-radius: 3px 3px 0 0;

	-webkit-border-radius: 3px 3px 0 0;

	border-radius: 3px 3px 0 0;

	}

#menu ul li:first-child > a:after {

	content: '';

	position: absolute;

	left: 40px;

	top: -6px;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-bottom: 6px solid #444;

	}

#menu 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 #3b3b3b;

	}

#menu ul li:first-child a:hover:after {

	border-bottom-color: #04acec;

	}

#menu ul ul li:first-child a:hover:after {

	border-right-color: #0299d3;

	border-bottom-color: transparent;

	}

#menu ul li:last-child > a {

	-moz-border-radius: 0 0 3px 3px;

	-webkit-border-radius: 0 0 3px 3px;

	border-radius: 0 0 3px 3px;

	}