/* Switcher */

.switcher {
	position: fixed;
	z-index: 1030;
	top: 251px;
	width: 200px;
	background: #fff;
}

.switcher h3 {
	padding: 0 25px;
	background: #333333;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}

.switcher h5 {
	padding: 5px 20px;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	margin: 20px -20px;
	font-size: 12px;
	text-transform: uppercase;
}

.switcher h5:first-child {
	border-top: none;
	margin-top: 0;  
}

.switcher h3 a {
	position: absolute;
	top: 0;
	right: -53px;
	display: block;
	padding: 10px 15px;
	border-radius: 0 3px 3px 0;
	background-color: #333;
	color: #fff;
	font-size: 25px;
	text-align: center;
	text-decoration: none;
}

.switcher h3 a:hover { text-decoration: none; }

.switcher .content {
	padding: 0 20px 20px 20px;
	border: 1px solid #efefef;
}

.layout-switcher a.layout {
	float: left;
	display: block;
	width: 50px;
	padding: 7px;
	border: 1px solid #eaeaea;
	border-bottom-width: 2px;
	margin: 0;
	margin-right: 5px;
	background: #fff;
	color: #797878;
	text-align: center;
	cursor: pointer;
}

.layout-switcher a.layout:hover {
	background-color: #f9f9f9;
	text-decoration: none;
}

.layout-switcher { overflow: hidden; }

.switcher-box, .bg.hidden {
	overflow: hidden;
	margin: 0 -2px 0 -2px;
}

.pattern {
	float: left;
	display: block;
	width: 24px;
	height: 26px;
	-webkit-box-shadow: inset 0 0 0 1px #eaeaea;
			box-shadow: inset 0 0 0 1px #eaeaea;
	margin: 0 2px 4px 2px;
	cursor: pointer;	
}

.styleswitch {
	float: left;
	display: block;
	width: 24px;
	height: 26px;
	margin: 0 4px 4px 0;
	cursor: pointer;	
}

#default.styleswitch { background-color: #1c9bdc; }
#green.styleswitch { background-color: #6eb172; }
#orange.styleswitch { background-color: #ff7550; }
#purple.styleswitch { background-color: #8369a0; }


@media (max-width: 1025px) {
	
	.switcher { display: none; }
	
}