@charset "utf-8";
/**
 * 
 * StyleName	: _base
 * Color		: Blue
 * 
 */

/** Tags
------------------------------ **/
body {
	color: #333;
}
a {
	color: #e59813;
}
a:hover {
	color: #311f00;
}
.footer a:hover,
.footer p a:hover {
	color: #fff;
}
a.btn,
.mainServices .service .more a {
	background: #311f00;
	border: solid 1px #311f00;
	color: #fff;
}
a.btn:hover,
.mainServices .service .more a:hover {
	color: #311f00;
	background: none;
	border: solid 1px #311f00;
}

.freeHtml a.btn {
	color: #311f00;
	background: #fff;
}

.freeHtml a.btn:hover {
	color: #311f00;
	background: #c1f7ff;
}

/** common
------------------------------ **/
#wrap {
	background-color: #fff;
}
#title,
#title a {
	color: #311f00;
}
#title a:hover {
	color: #e59813;
}
#topMenu,
#mainImage,
#sideContents {
	background-color: #311f00;
}

#topMenu .topMenu li:hover {
	background: #fff;
}
#topMenu .topMenu li a {
	color: #fff;
}
#topMenu .topMenu li a:hover {
	color: #311f00;
}
.article.bg {
	background: #201502;
	color: #fff;
}
.article.bg a.btn {
	background: #e59813;
	border: solid 1px #e59813;
	color: #fff;
}
.article.bg a.btn:hover {
	background: #201502;
	border: solid 1px #e59813;
	color: #e59813;
}

/** Main contents
------------------------------ **/
.pankuz p {
	color: #b0b0b0;
}

/** Headlines **/
/*h3*/
.mainContents .article h3:after,
.mainContents div.gallery h3:after,
#mainServices h2:after,
#mainTopics h2:after,
#mainArticles div[id^="blog"] h2:after {
	background-color: #e59813;
}
.article.bg h3 {
	color: #fff;
}
.article.bg h3:after {
	background-color: #e59813;
}
.article h3 a,
.article h3 a:hover {
	color: #333;
}
/*h4*/
.article h4,
#mainBlogComments h2,
#mainBlogCommentForm h2 {
	border-bottom: solid 4px #ddd;
}
.article h4:after,
#mainBlogComments h2:after,
#mainBlogCommentForm h2:after {
	background-color: #8d5e0e;
}
.article.bg h4 {
	color: #fff;
	border-bottom: solid 4px #ffddaa;
}
.article.bg h4:after {
	background-color: #e59813;
}
/*h5*/
.article h5:before {
	border-left: solid 4px #e59813;
}
.article.bg h5 {
	color: #fff;
	margin: 0 0 1em;
}
.article.bg h5:before {
	border-left: solid 4px #e59813;
}
/*h6*/
.article h6 {
	background: #f5f4f3;
}
.article.bg h6 {
	color: #333;
}
.article h6:before {
	color: #e59813;
}
/** Services **/
#mainServices .services {
	border-bottom: 4px solid #e9e9e9;
}
.mainServices .services li {
	border-bottom: solid 1px #ddd;
}
.mainServices .services li.odd {
	border-right: dotted 1px #ccc;
}
.mainServices .service .more a {
	color: #fff;
}

/** Topics **/
.mainTopics .topics,
#mainTopics .listview {
	border-bottom: 4px solid #e9e9e9;
}
.mainTopics .topics li {
	border-bottom: solid 1px #ddd;
}
.mainTopics .topics li .more a {
	border: solid 1px #311f00;
	background-color: #311f00;
	color: #fff;
}
.mainTopics .topics li .more a:hover {
	border: solid 1px #311f00;
	background: none;
	color: #311f00;
}
.mainTopics .topics li .date {
	color: #999;
}
.mainTopics .topics li.photo_gallery .category {
	border: solid 1px #aaa;
}

/** Table **/
/*Normal Table*/
.article table.normalTbl th {
	border-bottom: 1px solid #311f00;
	color: #311f00;
}
.article table.normalTbl td {
	border-bottom: 1px solid #ccc;
}
.article table.normalTbl thead th {
	background: #311f00;
	color: #fff;
	border-right: solid 1px #fff;
}
/*Flow Table*/
.article table#flowTbl td {
	border: 4px solid #311f00;
}
.article table#flowTbl td::after {
	color: #311f00;
}
.article table#flowTbl tr:last-child td {
	background: #311f00;
	color: #fff;
}
.article table#flowTbl tr:last-child td strong {
	color: #fff;
}
.article table#flowTbl td strong {
	color: #311f00;
}

/** Contact **/
.envelope {
	border: 4px solid #e59813;
}
#article_contact,
#article_company {
	background-color: #fff;
}

table.contactTable tr.must th {
	background-image: url("label_must.png");
}
table.contactTable th,
table.companyTable th {
	border-bottom: 1px solid #311f00;
	color: #311f00;
}
table.contactTable td,
table.companyTable td {
	border-bottom: 1px solid #ccc;
}

table.contactTable input[type="text"],
table.contactTable input[type="password"],
table.contactTable textarea {
	background-color: #f0f0f0;
	box-shadow: 0 1px 2px rgb(0 0 0 / 7%) inset;
}
table.contactTable input.button {
	background-color: #311f00;
	border: solid 1px #311f00;
	color: #fff;
}
table.contactTable input.button:hover {
	background-color: #fff;
	border: solid 1px #311f00;
	color: #311f00;
}
table.contactTable input[type="button"] {
	background-color: #666;
	border: solid 1px #666;
	color: #fff;
}
table.contactTable input[type="button"]:hover {
	background-color: #fff;
	border: solid 1px #666;
	color: #666;
}
table.contactTable td.th_headline {
	border-top: solid 4px #311f00;
	border-bottom: solid 4px #e59813;
}

/** Side contents
------------------------------ **/
#sideContents,
#sideContents h2 {
	color: #fff;
}
#sideContact a {
	color: #fff;
	background: #201502;
}
#sideContact a:hover {
	color: #201502;
	background: #fff;
}
.sideServices ul li a,
.sideBlogCategories a,
.sideBlogDates a {
	color: #fff;
}
.sideServices ul li a:hover,
.sideBlogCategories a:hover,
.sideBlogDates a:hover {
	color: #fff;
	text-decoration: underline;
}

/** Footer 
------------------------------ **/
#footer {
	background: #201502;
}
.footer * {
	color: #fff;
}

/** Icons **/
.sideServices h2 {
	background: url(submenu.png) no-repeat left center / 32px;
}
.sideServices ul li a {
	background: url(arrow.png) no-repeat left center / 8px;
}
/** Blogs **/
.sideBlogCategories h2 {
	background: url(blog_category.png) no-repeat left center / 32px;
}
.sideBlogDates h2 {
	background: url(blog_archive.png) no-repeat left center / 32px;
}
/** Mobile **/
.sideMobile h2 {
	background: url(sidemobile.png) no-repeat left center / 32px;
}

/** Responsive
**/

@media only screen and (max-width: 600px) {
	/*Layout*/
	#toggle {
		background: url("toggleMenu.png") #311f00 no-repeat center / 32px;
	}
	#topMenu .topMenu li {
		border-top: solid 1px #201502;
	}
	.active #toggle {
		background: url("cancel.png") #311f00 no-repeat center / 32px;
	}
	.footer ul.topMenu,
	.footer ul.services {
		background: #311f00;
	}
	.footer ul.topMenu:before,
	.footer ul.services:before {
		color: #fff;
		background-color: #201502;
		background-repeat: no-repeat;
		background-position: 4% center;
		background-size: 16px;
	}
	.footer ul.topMenu:before {
		background-image: url("mainmenu.png");
	}
	.footer ul.services:before {
		background-image: url("submenu.png");
	}
	.footer ul.topMenu li,
	.footer ul.services li {
		border-bottom: solid 1px #201502;
	}
	/*Table*/
	.article table.normalTbl,
	table.contactTable,
	table.companyTable {
		border: solid 1px #ccc;
	}
	.article table.normalTbl th,
	table.contactTable th,
	table.companyTable th {
		background: #311f00;
		color: #fff;
	}
}