@charset "utf-8";


/* ------------------------------------------------------------------------------------------------------------------ */

/*===============================================
●sidebar
===============================================*/

 .side-menu ul li {
	background: rgba(219,184,154,0.3);
	list-style-type: none;
 }

 .side-menu ul {
	padding: 0;
	margin: 0;
 }

 .side-menu ul li a:hover, .side-menu h1 a:hover {
	color: #797979;
	background-color: rgba(255,255,255,0.4);
 }

 .side-menu ul li a.active {
	font-weight: bold;
	color: #1C8A43;
 }

@media screen and (min-width: 1201px){

 .side-menu, .sidebar {
	width: 250px;
	margin-left: auto;
	position:relative;
 }
 
 .side-menu, .side {
	margin-top: 20px;
 }

 .side-menu {
	/*background: #fff;*/
	/*box-shadow: 0px 1px 5px #666;*/
	border: 1px solid #D4D4D4;
	margin-bottom: 40px;
 }

 .side-menu a {
	display: block;
	text-decoration: none;
	color: #333;
 }

 .side-menu h1 {
	background: rgba(104,176,77,0.8);
	margin: 0;
 }

 .side-menu h1 a {
	font-weight: bold;
	font-size: 18px;
	padding: 15px 10px;
	box-shadow: 0px 0px 1px #666;
 }

 .side-menu ul li a {
	font-size: 14px;
	padding: 10px 20px;
	box-shadow: 0px 0px 1px #666;
 }

 .side-menu ul li a.active div {
	width: 0;
	content: "";
	border: 7px solid transparent;
	border-left-color: #553401;
	border-right-width: 0;
	display: block;
	position: absolute;
	margin-top: 3px;
	margin-left: -15px;
 }

 .side-menu ul li a.active div:after {
 }

 .side-menu li a p {
	display: none;
 }

 .side {
	width: 100%;
	height: 75px;
	background: #fff;
	border: 1px solid #D4D4D4;
 }

 .side a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
 }

}

@media screen and (max-width: 1200px){

 .sidebar {
	display: none;
 }

 .side-menu li a {
	display: block;
	width: auto;
	text-decoration: none;
	/*background: rgba(219,184,154,0.3);*/
	color: #333;
	font-size: 13px;
	padding: 15px;
 }

}

@media screen and (min-width: 781px) and (max-width: 1200px){ 

 .side-menu {
	box-shadow: 0px 0px 5px #666;
 }
 
 .side-menu h1, .side-menu p {
	display: none;
 }

 .side-menu ul {
	width: 100%;
	display: table;
	table-layout: fixed;
	list-style-type: none;
	margin: 0 auto;
	padding: 0px;
 }

 .side-menu li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding: 0px;
	box-shadow: 0px 0px 1px #666;
 }


 .side-menu li a span {
	display: none;
 }

.side-menu ul li a.active div {
	margin-left: -10px;
	position: relative;
	left: 50%;
 }

 .side-menu ul li a.active div:after {
	width: 0;
	content: "";
	border: 10px solid transparent;
	border-bottom-color: #553401;
	border-top-width: 0;
	display: block;
	position: absolute;
	top: 25px;
 }

 .side-menu li a p {
	margin: 0;
 }

}

@media screen and (max-width: 780px){
	
 .side-menu {
	display: none;
	margin-top: 3px;
	box-shadow: 0px 0px 0px;
 }
 
 .side-menu > div > div {
	box-shadow: 0px 0px 5px #666;
 }

 .side-menu h1 {
	display: none;
 }
 .side-menu ul {
	width: 100%;
 }

 .side-menu li {
	box-shadow: 0px 0px 1px #666;
 }

 .side-menu ul li {
	text-align: left;
 }

 .side-menu ul li a div {
	width: 0;
	content: "";
	border: 7px solid transparent;
	border-left-color: #553401;
	border-right-width: 0;
	display: block;
	position: absolute;
	margin-top: 3px;
	margin-left: -15px;
	left: 96%
 }

 .side-menu ul li a.active div {
	width: 0;
	content: "";
	border: 7px solid transparent;
	border-left-color: #553401;
	border-right-width: 0;
	display: block;
	position: absolute;
	margin-top: 3px;
	margin-left: -15px;
	left: 96%
 }

 .side-menu ul li a.active div:after {
	display: none;
 }

}