@charset 'UTF-8';

@font-face {
	font-family: 'Dinpro-regular';
	src: url(/local/tmpl/fonts/DINPro-Regular.eot?#iefix) format('embedded-opentype'),
		 url(/local/tmpl/fonts/DINPro-Regular.woff) format('woff'),
		 url(/local/tmpl/fonts/DINPro-Regular.ttf)  format('truetype'),
		 url(/local/tmpl/fonts/DINPro-Regular.svg#DINPro-Regular) format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Dinpro-light';
	src: url(/local/tmpl/fonts/DINPro-Light.eot?#iefix) format('embedded-opentype'),
		 url(/local/tmpl/fonts/DINPro-Light.otf)  format('opentype'),
		 url(/local/tmpl/fonts/DINPro-Light.woff) format('woff'),
		 url(/local/tmpl/fonts/DINPro-Light.ttf)  format('truetype'),
		 url(/local/tmpl/fonts/DINPro-Light.svg#DINPro-Light) format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Dinpro-bold';
	src: url(/local/tmpl/fonts/DINPro-Bold.eot?#iefix) format('embedded-opentype'),
		 url(/local/tmpl/fonts/DINPro-Bold.otf)  format('opentype'),
		 url(/local/tmpl/fonts/DINPro-Bold.woff) format('woff'),
		 url(/local/tmpl/fonts/DINPro-Bold.ttf)  format('truetype'),
		 url(/local/tmpl/fonts/DINPro-Bold.svg#DINPro-Light) format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body {
	margin: 0;
	padding: 0;
	border: 0;
}
div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6,
a, abbr, acronym, address,
big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup,
tt, var, b, u, i, center, fieldset,
form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article,
aside, canvas, details, embed, figure, figcaption,
footer, header, menu, nav, output, ruby, section,
summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
	display: block;
}
html {
	height: 100%;
}
body {
	background: #fff;
	font-size: 100%;
	font-family: Segoe UI, "Dinpro-light", Tahoma, sans-serif;
	line-height: 1.4;
	font-weight: lighter;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
input, textarea {
	outline: medium none ! important;
	font-size: 100%;
	font-family: Segoe UI, "Dinpro-light", Tahoma, sans-serif;
}
a {
	color: #000;
	transition: color 0.3s ease 0s;
	-moz-transition: color 0.3s ease 0s;
	-webkit-transition:  color 0.3s ease 0s;
	-o-transition: color 0.3s ease 0s;
}
a:hover{
	color: #009255;
}

h1, h2, h3, h4{
	font-weight: normal;
	margin: 20px 0 10px;
}
h1{font-size: 180%;}
h2{font-size: 160%;}
h3{font-size: 120%;}

b {
	font-family: Segoe UI;
	font-weight: bold;
}

.bcc input[type=text], .bcc input[type=email], .bcc input[type=password], .bcc textarea, .bcc select {
	border: 1px solid #cecece;
	border-radius: 0;
	padding: 8px 10px;
	box-sizing: border-box;
	font-size: 100%;
	width: 100%;
}

.bcc input[type=submit] { -webkit-appearance: none }

.bcc_brownlink{
	color: #cf9d65;
}

.ibuttonbrown{
}

.bcc_title, .bcc_title_white{
	font-size: 180%;
	margin: 0 0 20px;
}
.bcc_title_icon, .bcc_title_white_icon{
	font-size: 180%;
	margin: 0 0 20px;
	padding: 0 0 0 45px;
}
.bcc_title_white, .bcc_title_white_icon, .bcc_title_h2_white, .bcc_title_h3_white{
	color: #fff;
}
.bcc_title_img{
	left: 0;
	top: 4px;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.bcc_title_h2, .bcc_title_h2_white{
	font-size: 160%;
	font-family: Segoe UI, "Dinpro-regular",sans-serif;
	margin-bottom: 25px;
}

.bcc_title_h3, .bcc_title_h3_white{
	font-size: 140%;
	font-family: Segoe UI, "Dinpro-regular",sans-serif;
	margin-bottom: 25px;
}

.bcc_title_h4, .bcc_title_h4_white{
	font-size: 110%;
	font-family: Segoe UI, "Dinpro-regular",sans-serif;
	margin-bottom: 10px;
}


.bcc pre:hover {
	height: 500px;
	width: auto;
	max-width: 1500px;
	z-index: 10000;
	color: #202936;

	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.bcc pre {
	position: fixed;
	left:5px;top:200px;
	width:50px;height:50px;
	background-color: #FFF;
	border-color: red;
	border-radius: 5px;
	border-style: dashed;
	border-width: 1px 1px 1px 5px;
	overflow: scroll;
	padding: 5px;

	-webkit-box-shadow: 0 0 0.5em red;
	-moz-box-shadow: 0 0 0.5em red;
	box-shadow: 0 0 0.5em red;
}
/*-------------------------------------------- all ----------------------------*/
.ifleft			{ float: left }
.ifright			{ float: right }
.iclear			{ clear: both }
.aclear:after		{ content: ''; clear: both; display: block }
.ibold			{ font-weight: bold }
.idnone			{ display: none }
.idtab			{ display: table }
.idtabrow			{ display: table-row }
.idtabcell		{ display: table-cell }
.imdash			{ text-decoration: none; border-bottom: 1px dashed }
.imdot			{ text-decoration: none; border-bottom: 1px dotted }
.itdnone			{ text-decoration: none }
.iprel			{ position: relative }
.ipabs			{ position: absolute }
.itacen			{ text-align: center; }
.idash			{ border-bottom: 1px dashed }
.ivmid			{ vertical-align: middle }

.ifont70			{ font-size:70% }
.ifont75			{ font-size:75% }
.ifont80			{ font-size:80% }
.ifont90			{ font-size:90% }
.ifont110			{ font-size: 110% }
.ifont120			{ font-size: 120% }
.ifont130			{ font-size: 130% }
.ifont140			{ font-size: 140% }
.ifont150			{ font-size: 150% }
.ifont160			{ font-size: 160% }
.ifont170			{ font-size: 170% }
.ifont180			{ font-size: 180% }
.ifont200			{ font-size: 200% }
.ifont300			{ font-size: 300% }
.ifont400			{ font-size: 400% }
.ifontreg 		{ font-family: Segoe UI, Arial, sans-serif }
.ifontbold 		{ font-family: Segoe UI, Arial, sans-serif }

.icolorwhite		{ color: white; }
.icolorgreen		{ color: #00a265; }
.icolorbrown		{ color: #cf9d65; }
.icolorgray		{ color: #737373; }
.icolorblacklight	{ color: #474747; }