/*cm_sysdb_begin*/
@import url("//fonts.cm4all.net/css?family=Abril+Fatface:regular");
.cm-background {
background-image: url("/.cm4all/iproc.php/con05_background.jpg");
background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover;
}
/*cm_sysdb_end*/

.cm-offline-content {
    color: #3B4040;
    background-color: #FFFFFF;
}

body, #page_wrapper, .content_main_dho {
	font-family:	Verdana, Verdana, Geneva, sans-serif;
	font-size:		small;
	font-weight:	normal;
	font-style:		normal;
}
h1, .cm-h1 {
	font-size:		x-large;
	font-family:	Abril Fatface, sans-serif;
	font-weight:	normal;
	font-style:		normal;
}
h2, #title_wrapper h2 {
	font-size:		large;
	font-family:	Abril Fatface, sans-serif;
	font-weight:	normal;
	font-style:		normal;
}
h3 {
	font-size:		medium;
	font-family:	Abril Fatface, sans-serif;
	font-weight:	normal;
	font-style:		normal;
}
h4, h5, h6 {
	font-family:	Abril Fatface, sans-serif;
}
.title_wrapper h1 {
	font-family:	Abril Fatface, sans-serif;
	font-size:		xx-large;
	font-weight:	normal;
	font-style:		normal;
}
.title_wrapper h2 {
	font-family:	Abril Fatface, sans-serif;
	font-size:		xx-large;
	font-weight:	normal;
	font-style:		normal;
}

#cm_navigation a {
	font-size:		small;
	font-family:	Verdana, Verdana, Geneva, sans-serif;
	font-weight:	normal;
	font-style:		normal;
}



.head_wrapper input[type='text'], .head_wrapper textarea,
.content_wrapper input[type='text'], .content_wrapper textarea {
	border-radius:		0px;
	border:				none;
	padding:			6px;
	color:				#3B4040;
	background-color:	#FFFFFF;
	background-color:	rgba(59,64,64,0.15);
	border-bottom:		1px solid #DEDEDE;
	
	-webkit-transition:	color 0.4s, background-color 0.4s, box-shadow 0.4s;
	-moz-transition:	color 0.4s, background-color 0.4s, box-shadow 0.4s;
	-o-transition:		color 0.4s, background-color 0.4s, box-shadow 0.4s;
	transition:			color 0.4s, background-color 0.4s, box-shadow 0.4s;
}
.head_wrapper input[type='text']:focus, .head_wrapper textarea:focus,
.content_wrapper input[type='text']:focus, .content_wrapper textarea:focus {
	background-color:	#222;
	background-color:	rgba(0,0,0,0.6);
	color:				#fff;
	box-shadow:			0px 0px 15px rgba(0,0,0,0.3);
}


body {
	background-color:	#424241;
}


.head_wrapper {
	background-color:	#FF662E;
	color:				#FFFFFF;
}
.logo_wrapper {
	background-color:	#C2C2C2;
	border-top: 		60px solid #C2C2C2;
	border-right: 		20px solid #DEDEDE;
}
.navigation_wrapper {
	background-color:	#DEDEDE;
	border-top: 		60px solid #DEDEDE;
	border-right: 		20px solid #FF662E;
}
#cm_navigation > ul > li > ul {
	background-color:	#DEDEDE;
}
.title_wrapper {
	color:				#FFFFFF;
	text-shadow:		-1px 1px 1px #222;
}
.title_wrapper > .subtitle {
	color:				#FFFFFF;
}



#cm_navigation li.cm_has_subnavigation > a:after {
    border-color: #333333 transparent -moz-use-text-color;
}
#cm_navigation > ul > li > a,
#cm_navigation > ul > li > ul > li > a,
#cm_navigation > ul > li:before {
	color:				#333333;
}
#cm_navigation > ul > li:hover > a, 
#cm_navigation > ul > li.cm_current > a,
#cm_navigation > ul > li > ul > li:hover > a,
#cm_navigation > ul > li > ul > li.cm_current > a {
	border-color:		#FFFFFF;
	color:				#FFFFFF;
}


.main_color {
	color:				#3B4040;
	background-color:	#FFFFFF;
	border-top:			5px solid #FF662E;
}
.content_wrapper h1, .content_wrapper h2, .content_wrapper h3,  {
	color:				#3B4040;
}
.content_wrapper a {
	color:				#3B4040;
}

.toolbar_wrapper {
	color:				#FF662E;
}
.sec {
	color:		#FF662E;
}
.ticon:hover, .sec:hover {
	color:				#3B4040;
}
.toolbartop {
	background-color:	#FF662E;
	color:				#FFFFFF;	
}

.sidebar_wrapper {
	color:				#3B4040;
	background-color:	#FFFFFF;
	border-top:			5px solid #FF662E;
}
.sidebar_wrapper h1, .sidebar_wrapper h2, .sidebar_wrapper h3,  {
	color:				#3B4040;
}
.sidebar_wrapper a {
	color:				#3B4040;
}


#footer {
	background-color:	#FF662E;
	color:				#E0E0E0;
}
#footer a {
	color:				#E0E0E0;
}

	



@media only screen and (min-width: 1024px) and (max-width: 1250px) {   /* ---- Tablet Landscape ---- */

		.logo_wrapper {
			border-top: 		none;
			border-right: 		none;
		}
		.navigation_wrapper {
			border-top: 		none;
			border-right: 		none;
		}

}


@media only screen and (min-width: 768px) and (max-width: 1023px) {

		.logo_wrapper {
			border-top: 		none;
			border-right: 		none;
		}
		.navigation_wrapper {
			border-top: 		none;
			border-right: 		none;
		}
}



@media only screen and (min-width: 1px) and (max-width: 767px) {
		.logo_wrapper {
			border-top: 		none;
			border-right: 		none;
		}
		.navigation_wrapper {
			border-top: 		none;
			border-right: 		none;
		}
		#cm_navigation > ul > li > a {
			border-bottom:	1px dotted;
			border-color:	#333333 transparent -moz-use-text-color;
		}
}