@import url(https://fonts.googleapis.com/css?family=Exo+2:300&subset=cyrillic);

@font-face {
    font-family: 'NeoSansCyrMediumRegular';
    src: url('../fonts/neomdcyr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neomdcyr-webfont.woff') format('woff'),
         url('../fonts/neomdcyr-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CenturyGothicBold';
    src: url('../fonts/gothicb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothicb-webfont.woff') format('woff'),
         url('../fonts/gothicb-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body { background: #fff url(../i/bg.jpg) top no-repeat; font-family: Arial, Helvetica, sans-serif;}
a {text-decoration: underline; }
	a:hover { text-decoration: none; }

html, body.index { height: 100%; min-height: 100%; }
	
#mainOuter { min-width: 990px; width: 100%; overflow: hidden; position: relative; }			
#main { position: relative; width: 1000px; margin: 0 auto; padding-bottom: 74px; }

body.index #mainOuter { min-height: 910px; height: 100%;}			
body.index  #main { padding-bottom: 0; min-height: 910px; height: 100%; }



#langs { position: absolute; top: 10px; right: 0; z-index: 19; }
	#langs li { float: left; }
	
	#langs a { display: block; float: left; width: 28px; height: 18px; overflow: hidden; position: relative; cursor: pointer; cursor: hand; margin:0 12px 0 0;}
		#langs img { position: absolute; top: 0; }
			#langs .ru img { left: 0px; }
			#langs .de img { left: -28px; }
			#langs .en img { left: -56px; }
				#langs a:hover img { top: -18px;}
				#langs li.current a img { top: -18px;}

#icons { position: absolute; top: 10px; left: 172px; z-index: 19; }
	#icons a { display: block; float: left; width: 12px; height: 12px; overflow: hidden; position: relative; cursor: pointer; cursor: hand; margin:0 14px 0 0;}
		#icons img { position: absolute; top: 0; }
			#icons .home img { left: 0px; }
			#icons .mail img { left: -12px; }
			#icons .map img { left: -24px; }
				#icons a:hover img { top: -12px;}
			
#logo {
    position: absolute;
    top: 20px;
    left: 4px;
    z-index: 11;
}

#online { position: absolute; top: 120px; left: 0; }
		#online .dot { display: block; position:absolute; top: 55px; left: 96px; background-image: url(../i/online_dot.gif); width: 23px; height: 20px; }
	
#menuTop { position: absolute; top: 51px; left:268px; z-index: 10;} 
	#menuTop li { float: left; }
		#menuTop a { display: block; position:relative; z-index: 8;  color: #3c3c3c; text-transform: uppercase; font-weight: bold; font-size: 13px; line-height: 13px; white-space: nowrap; padding: 8px 0; text-decoration:none;  }
			#menuTop a span { border-left: 1px solid #94d5bf; border-right: 1px solid #3db68d; padding: 0 7px;  }
				#menuTop a.first span { border-left: none; padding-left: 9px; }
				#menuTop a.last span { border-right: none; padding-right: 9px; }
				
				#menuTop li.current a { background: #017760; color: #fff; padding: 0; border-top: 8px solid #017760; border-bottom: 8px solid #017760; margin: 0 -1px; z-index: 9; }
					#menuTop li.current a span { border: none; padding: 0 10px;}
			
				#menuTop li:hover a span { text-decoration: underline;}
					#menuTop li.current:hover a span { text-decoration: none;}
			
#news, #ipark { position: relative; padding: 125px 0 0 775px; height: 450px; overflow: hidden; }
	#news, #news a, .news, .news a, #park a { font-size: 11px; line-height: 14px; color: #4f4f4f; }
		#content .news, #content .news a { font-size: 14px; }
		#news a:hover, .news a:hover { color: #005242; }
	#news h3, 
	.news h3, 
	#park h3 { color: #4f5251; font-size: 18px; font-weight: bold; }
	
		#news .item, 
		.news .item { position: relative; margin: 20px 0 0 0  }
		
		#news .date, 
		.news .date, 
		#content .news .date { font-size: 11px; position: absolute; top: 0; left: 0; width: 40px; text-align: center; }
		
			#news .date div, 
			.news .date div, 
			#content .news .date div  { color: #01866c; font-size: 24px; font-weight: bold; margin: 2px 0; }
			
			#news .content, 
			.news .content,
			#content .news .content { border-left: 1px solid #a7a7a7; margin-left: 40px; padding-left: 6px; }
			
			#news .extentions, .news .extentions, #ipark .extentions { margin: 20px 0 0 8px; }
				#park .extentions, #ipark .extentions { margin: 3px 0 0 8px; }
				#news .extentions a, .news .extentions a, #park .extentions a, #ipark .extentions a { color: #01866c; margin-right: 10px; }
				#content .extentions a { line-height: 20px;  }
			
#ometer { position: absolute; top: 85px; left: 223px; z-index: 9; height: 480px;  }		

#menuBottom { width: 1080px; height: 80px; margin: 0 -40px; }
	#menuBottomNoflash { background: url(../i/m2_sl.png) 100% 0 no-repeat; }
	#menuBottomIn { padding: 0 40px 0 40px; background: url(../i/m2_sl.png) 0 -80px no-repeat; }
	#menuBottom td { background: url(../i/m2_sl.png) 0 -160px repeat-x; vertical-align: top; }
		#menuBottom a { display: block; color: #2c2c2c; font-size: 12px; text-decoration: none; padding: 15px; height: 50px; background: url(../i/m2_sl.png) 100% -240px no-repeat; }
		#menuBottom td.last a { background: none; }
			#menuBottom a:hover { background-color: #00887a !important; background-position: 100% -320px; margin: 6px 0 5px 0; height: 45px; padding-top: 9px; color: #FFF; }
			
#about { background: #fff; padding: 15px 15px 10px 15px; }
	#about .title, #middleLeft .title, #middleLeft .address { float: left; width: 390px; font-family: 'NeoSansCyrMediumRegular', Arial; font-size: 24px; line-height: 27px; color: #017760; min-height: 100px; }
	#middleLeft .title, #middleLeft .address  { margin: 35px 0 0 0; font-size: 20px; line-height: 18px; min-height: 110px;  }
		#middleLeft .address   { line-height: 26px; padding: 0 0 24px 0; position: relative; z-index: 6; }
			#middleLeft .address a { color: #017760; }
				#middleLeft .address a:hover { text-decoration: none; }
			#middleLeft .address h3 { color: #4F5251; font-size: 18px; font-weight: bold; font-family: Arial,Helvetica,sans-serif; }
			
	#about .content { float: right; width: 540px; color: #6c6c6c; font-size: 12px; }
		#about .content p { padding: 0 0 10px 0; }
	
#footer { width: 1258px; margin: 0 -129px; height: 74px; position: absolute; bottom: 0; left: 0; padding: 0 0 0 0; line-height: 14px; }
	#footer, #footer a { color: #005242; font-size: 11px; }	
	
	#footer .contacts {
        float: left;
        width: 430px;
        min-height: 50px;
        background: url(../i/new_logo_small.png) 0 0 no-repeat;
        margin: 5px 0 0 155px;
        padding: 10px 0 0 90px;
    }
		#footer .contacts td { padding: 0 20px 0 0; vertical-align: top; }
	
	#footer #astronim { position: absolute; right: 129px; top: 10px; height: 30px; color: #585858; background: url(../i/astronim.png) 0 0 no-repeat; padding-left: 110px; width: 130px; line-height: 13px;  }
	
	#footer .line { position: absolute; bottom: 0; left: 0; width: 1258px; height: 15px; background: url(../i/sl.png); }
		#footer .line .left { height: 15px; width: 48px; float: left; background: url(../i/sl.png) 0 -15px; }
		#footer .line .right { height: 15px; width: 48px; float: right; background: url(../i/sl.png) 100% -30px; }
		
#middle { }	
#middleLeft { float: left; width: 250px; padding: 150px 0 20px 0;}
	#menuLeft {  border-left: 1px solid #017760; }
		#menuLeft > ul { margin-top: 20px; }
			#menuLeft h3 { color: #017760; font-size: 18px; font-family: 'CenturyGothicBold'; padding:0 0 0 27px;}
			#menuLeft a { padding: 3px 10px 3px 27px; width: 225px; display: block; color: #2c2c2c; font-size: 12px; text-decoration: none; } 
				#menuLeft a:hover { text-decoration: underline; } 
				#menuLeft > ul > li.current > a {color: #fff; background: #017760; }
					#menuLeft > ul > li.current > a:hover { text-decoration: none;}
					#menuLeft > ul ul {
						padding-top: 3px;
						margin-left: 12px;
					}
					#menuLeft > ul li {
						position: relative;
					}
					#menuLeft > ul ul li {
						position: relative;
					}
					#menuLeft > ul ul li:before {
						position: absolute;
						content: "•";
						color: #017760;
						top: 4px;
						left: 14px;
					}
					#menuLeft > ul ul li.current a {
						color: #017760;
						text-decoration: underline;
					}
				
	#middleLeft .title { width: 250px; }
			
	.news { margin: 5px  0 0 0; }
	
#middleRight { float: right; width: 750px;  padding: 110px 0 20px 0;}
	#middleRight .t { height:29px; background:url(../i/c_sl.png) 0 0; }
	#middleRight .m { background:url(../i/c_sl.png) -750px 0; padding: 5px 25px 55px 50px; }
	#middleRight .b { height:29px; background:url(../i/c_sl.png) -1500px  0; }
		#middleRight .vis { position: relative; margin: 5px -25px 0 -25px; }

	#park {position: relative;}
	#park .m, #ipark .m { position: relative; width: 267px; margin: 10px -20px 0 0; }
	#park .item, #ipark .item { position: relative; height: 97px; width: 128px; float: left; margin: 0 3px 3px 0; }
		#park .item a, #ipark .item a { display: block; position: relative; overflow: hidden; height: 94px; width: 123px; padding: 2px 0 0 4px; 
				filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65); /* IE 5.5+*/
				-moz-opacity: 0.65; /* Mozilla 1.6 и ниже */
				-khtml-opacity: 0.65; /* Konqueror 3.1, Safari 1.1 */
				opacity: 0.65; }
			#park .item a:hover, #ipark .item a:hover { background: url(../i/p_i_bg.png); 
				filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
				-moz-opacity: 1; /* Mozilla 1.6 и ниже */
				-khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
				opacity: 1; }
		#ipark .item, #ipark .item a { height: 80px; width: 104px;}
			#ipark .item a:hover { background: url(../i/p_i_bgi.png) 0 0; }
				
			
			
		#content .news { line-height: 20px; }
			#content .news .head { position: relative; padding: 10px 0 10px 40px;  }
			#content .news .head h2 { color:#4f4f4f; padding: 5px 0 5px 10px; margin: 0; font-size: 18px; line-height: 22px; border-left: 1px solid #a7a7a7; }
			#content .news .extentions, #ipark .extentions a { margin: 10px 0 0 0; font-size: 12px; }
			#content .news .contentExtended { padding: 0 0 0 50px; }
		
		#content .gallery { margin: 20px 0 0 0; position: relative; }	
		#content .gallery .item { width: 164px; height: 124px; overflow: hidden; float: left; margin: 0 4px 4px 0; position: relative; }
			#content .gallery .item a { color: #000; font-size: 11px; text-decoration: none; line-height: 13px; }
			#content .gallery .item span { display: none; position: absolute; bottom: 0; width: 144px; padding: 10px; background: url(../i/white80.png); }
				#content .gallery .item a:hover span { display: block; }
				
			#content .paging { text-align: center; }
				#content .paging a, #content .paging span { text-decoration: none; font-size: 12px; line-height: 22px; color: #414141; display: inline-block; height: 22px; width: 22px; position: relative; overflow: hidden; }
				#content .paging span {  font-weight: bold; font-size: 14px; color: #fff; background: url(../i/sl.png) 50% -45px no-repeat;  }
					#content .paging a:hover { background: url(../i/sl.png) 50% -67px no-repeat; }
					#content .paging a span { display: none; }
						#content .paging a.left { background: url(../i/sl.png) 50% -89px no-repeat; }
						#content .paging a.right { background: url(../i/sl.png) 50% -112px no-repeat; }
		
/* 404 page */
.wrap404 {width:480px;margin:0 auto;height:160px;background:url("../i/404.png") no-repeat 117px 157px;padding:440px 0 0 510px;color:#20ac7c;}
	.wrap404 a {color:#3c3c3c;font:bold 14px Arial;text-transform:uppercase;margin:0 5px;text-decoration:none;}
	.wrap404 a:hover {text-decoration:underline;}
.page404 #footer .line {background:none;}

/* Print page */
body#print {background:#fff;padding:185px 50px 50px;}
	body#print * {color:#000;}
	#print #content {min-height:0;}
	#print .logo {position:absolute;top:35px;left:50px;}
	.url {position:absolute;top:89px;left:350px;}
	.printBtn {position:absolute;top:65px;left:350px;}
	#print .footer {font:12px Arial;color:#666;padding:30px 0 20px;}
	
	
/* ADD CONTACTS AT MAIN PAGE */
.index .address{
	width: 240px;
	line-height: 26px;
	padding: 0 0 24px 0;
	position: absolute;
	top: 420px;
    right: -23px;
	z-index: 6;
	margin: 0px 0 0 0;
	font-size: 20px;
	min-height: 110px;
	color: #017760;
	font-family: 'NeoSansCyrMediumRegular', Arial;
	
}
	.index .address h3{
		color: #4F5251;
		font-size: 18px;
		font-weight: bold;
		font-family: Arial,Helvetica,sans-serif;
	}
		.index .address a{
			color: #017760;
			font-size: 18px;
		}



#logo{
    position: relative;
}
    #logo a {
        display: block;
        top: 14px;
        left: 0;
        position: absolute;
        width: 220px;
    }
    .second #logo a {
        top: -12px;
    }
        #logo a img{
            display: block;
            width: 100%;
            height: auto;
        }

#online{
    top: 330px;
    left: 10px;
}

#ipark{
    padding-top: 110px;
    padding-bottom: 15px;
}













#spd {
	width: 532px;
	height: 480px;
	background: transparent url('../i/spd-bg.png') 0 0 no-repeat;
	position: relative;
	font-family: "NeoSansCyrMediumRegular", Arial, sans-serif;
	font-family: "Exo 2", Arial, sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#spd-next {
	width: 56px;
	height: 55px;
	background: transparent url('../i/spd-next.png') 0 0 no-repeat;
	position: absolute;
	top: 35%;
	right: 200px;
	cursor: pointer;
}
#spd-next:hover {
	background-image: url('../i/spd-next-active.png');
}

#spd-prev {
	width: 56px;
	height: 55px;
	background: transparent url('../i/spd-prev.png') 0 0 no-repeat;
	position: absolute;
	top: 35%;
	left: 200px;
	cursor: pointer;
}
#spd-prev:hover {
	background-image: url('../i/spd-prev-active.png');
}


#spd-list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

#spd-list li {
	padding: 0;
	margin: 0;
	position: absolute;
	color: #ddd;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 100;
	line-height: 1.1;
	text-align: center;
	cursor: pointer;
	-webkit-transition: 0.25s ease;
	-o-transition: 0.25s ease;
	transition: 0.25s ease;
	max-width: 150px;
}

#spd-list b {
	display: block;
	font-size: 37px;
	font-weight: 700;
}

#spd-list li.active,
#spd-list li:hover {
	color: #fff000;
}

#spd-list li:nth-child(1) {
	top: 286px;
	left: 88px;
}


#spd-list li:nth-child(2) {
	top: 211px;
	left: 46px;
}

#spd-list li:nth-child(3) {
	top: 135px;
	left: 97px;
}

#spd-list li:nth-child(4) {
	top: 86px;
	left: 171px;
}

#spd-list li:nth-child(5) {
	top: 86px;
	left: 276px;
}

#spd-list li:nth-child(6) {
	top: 155px;
	left: 347px;
}

#spd-list li:nth-child(7) {
	top: 263px;
	left: 360px;
}





#spd-arrow {
	background: transparent url('../i/spd-arrow.png') 0 0 no-repeat;
	width: 26px;
	height: 258px;
	position: absolute;
	left: 50%;
	margin-left: -14px;
	top: 66px;
	pointer-events: none;
	z-index: 50;
	-webkit-transform: rotate(-120deg);
	-ms-transform: rotate(-120deg);
	-o-transform: rotate(-120deg);
	transform: rotate(-120deg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transform-origin: 13px 194px;
	-moz-transform-origin: 13px 194px;
	-ms-transform-origin: 13px 194px;
	-o-transform-origi: 13px 194px;
	transform-origin: 13px 194px;
	/*-webkit-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	transition: 0.5s ease-out;*/
}

#spd-arrow.init {
	-webkit-transform: rotate(-106deg);
	-ms-transform: rotate(-106deg);
	-o-transform: rotate(-106deg);
	transform: rotate(-106deg);
}

#spd-arrow.pos1 {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#spd-arrow.pos2 {
	-webkit-transform: rotate(-70deg);
	-ms-transform: rotate(-70deg);
	-o-transform: rotate(-70deg);
	transform: rotate(-70deg);
}

#spd-arrow.pos3 {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



#spd-info {
	width: 234px;
	height: 100px;
	position: absolute;
	left: 147px;
	top: 343px;
	padding: 0;
	margin: 0;
	display: table;
	line-height: 1.25;
}


#spd-info ul {
	display: table-row;
}
#spd-info li {
	display: none;
	color: #fff000;
	text-transform: uppercase;
	vertical-align: middle;
	height: 100%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0 12px;
	1font-weight: 700;
}

#spd-info li.active {
	display: table-cell;
}



#fluidmenu {
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	margin: 10px 0;
}

#fluidmenu > div {
	display: table;
	border-collapse: collapse;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	width: 1000px;
}

#fluidmenu * {
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#fluidmenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: table-row;
}

#fluidmenu li {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	display: table-cell;
	width: 93px;
	height: 66px;
	-webkit-transition: 0.15s ease;
	-o-transition: 0.15s ease;
	transition: 0.15s ease;
}

#fluidmenu li a {
	display: block;
	position: relative;
	z-index: 10;
}

#fluidmenu li i {
	width: 100%;
	max-width: 128px;
	height: 66px;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
}

#fluidmenu li a:after {
	content:"";
	display: block;
	width: 5px;
	background: #ddd;
	position: absolute;
	right: 0;
	top: 0;
	height: 66px;
	z-index: 5;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOGE4YTgiIHN0b3Atb3BhY2l0eT0iMC43MSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(168,168,168,0.71) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(168,168,168,0.71))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(168,168,168,0.71) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(168,168,168,0.71) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(168,168,168,0.71) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(168,168,168,0.71) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b5a8a8a8',GradientType=1 ); /* IE6-8 */
}

#fluidmenu li:last-child a:after {
	display: none;
}

#fluidmenu li span {
	width: 100%;
	height: 66px;
	background: #fff;
	color: #000;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	1word-break: break-all;
	-webkit-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}

#fluidmenu:hover li {
	width: 80px;
}

#fluidmenu:hover li:hover {
	width: 210px;
	width: auto;
}

#fluidmenu li:hover span {
	width: 45%;
	background: #00887a;
	color: #fff;
}

#fluidmenu li:first-child:before {
	content:"";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	left: -23px;
	top: 10px;
	background: #fff;
	border-right: 46px solid #fff;
	border-bottom: 46px solid transparent;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}

#fluidmenu li:first-child:hover:before {
	background: #00887a;
}

#fluidmenu li:last-child:before {
	content:"";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	right: -23px;
	top: 10px;
	background: #fff;
	border-right: 46px solid #fff;
	border-bottom: 46px solid transparent;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}

#fluidmenu li:last-child:hover:before {
	background: #00887a;
	border-right: 46px solid #00887a;
}

.backnav {
	font-size: 12px;
	position: relative;
	top: -19px;
}

.backnav > span,
.backnav a,
.backnav b {
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
}

.backnav > span {
	font-size: 14px;
	margin: 0 5px;
}

.backnav b {
	font-weight: 200;
}

#content .backnav a:last-child {
	text-decoration: none;
	color: #333;
	pointer-events: none;
}