/*[ Reset ]*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
body { font: normal 12px tahoma; background: #F1F1F1; border-right: 1px solid #F1F1F1; }
li ul, li ol, li dl, dd ol, dd ul, dd dl { margin: 0 0 0 1.5em; }
address { margin: 0 0 1.5em; font-style: italic; }
input { font: 12px tahoma; margin: 0px; padding: 0px; }
.clearfix:after{ content: "."; display: block; clear: both; visibility: hidden; height: 0px; font-size: 0px; }


/*[ Type Button ]*/
.pdf:before      {content: url(/themes/white/images/icons/pdf.png);      width: 16px; height: 16px;	position:absolute; top:7px; right:7px; font-size:18px; line-height:2px; padding:0px 0px 0px 10px;}
.shop:before     {content: url(/themes/white/images/icons/shop.png);     width: 16px; height: 16px;	position:absolute; top:7px; right:7px; font-size:18px; line-height:2px; padding:0px 0px 0px 10px;}
.demo:before     {content: url(/themes/white/images/icons/demo.png) ;    width: 16px; height: 16px;	position:absolute; top:7px; right:7px; font-size:18px; line-height:2px; padding:0px 0px 0px 10px;}
.phone:before    {content: url(/themes/white/images/icons/phone.png);    width: 16px; height: 16px;	position:absolute; top:7px; right:7px; font-size:18px; line-height:2px; padding:0px 0px 0px 10px;}
.download:before {content: url(/themes/white/images/icons/download.png); width: 16px; height: 16px;	position:absolute; top:7px; right:7px; font-size:18px; line-height:2px; padding:0px 0px 0px 10px;}
.btn-home {position:relative;top:-4px;}
/*BTN Slide*/
.btn-slide       {
	position: relative;
	float:left;
	margin-left:5px;
	text-align: right;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, .29);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 1px 1px 1px rgba(255, 255, 255, .44);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 1px 1px 1px rgba(255, 255, 255, .44);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 1px 1px 1px rgba(255, 255, 255, .44);
	-webkit-transition: width 0.15s ease;
	-moz-transition: width 0.15s ease;
	-o-transition: width 0.15s ease;
	-ms-transition: width 0.15s ease;
	transition: width 0.5s ease;
	border: none;
	height:28px;
	width:28px;
	overflow:hidden;
	font-size:0px;
	line-height:0px;
	display:block;
}
.btn-slide:hover {
	position:relative;
	display:inline-block;
	height:28px;
	width:80px;
	padding-right:30px;
	font: normal 16px/28px 'koodak';
	overflow:hidden;
	cursor: pointer;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 0px 0px 2px rgba(0, 0, 0, .5);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 0px 0px 2px rgba(0, 0, 0, .5);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 0px 0px 2px rgba(0, 0, 0, .5);
}
.btn-slide:active{
	-webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .8);
	-moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .8);
	box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .8);
}
/* button normal */
.btn-normal {	position: relative;	display:inline-block;	text-align: right;	text-decoration: none;	text-shadow: 1px 1px 1px rgba(255, 255, 255, .29);	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 1px 1px 1px rgba(255, 255, 255, .44);	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 1px 1px 1px rgba(255, 255, 255, .44);	box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 1px 1px 1px rgba(255, 255, 255, .44);	-webkit-transition: width 0.15s ease;	-moz-transition: width 0.15s ease;	-o-transition: width 0.15s ease;	-ms-transition: width 0.15s ease;	transition: width 0.5s ease	border: none;	height:28px;	font: normal 16px/28px 'koodak';	overflow:hidden;	padding-left:10px;	padding-right:10px;	}
.btn-normal:hover {cursor: pointer;	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 0px 0px 2px rgba(0, 0, 0, .5);-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 0px 0px 2px rgba(0, 0, 0, .5);box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 0px 0px 2px rgba(0, 0, 0, .5);}
.btn-normal:active {-webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .8);	-moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .8);	box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .8);}

/*[ Color Buttons  ]*/
.violet-btn { color: #3e0053; background: #d06fe4; background: -moz-linear-gradient(top, #d06fe4 0%, #ac36b4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d06fe4), color-stop(100%, #ac36b4)); background: -webkit-linear-gradient(top, #d06fe4 0%, #ac36b4 100%); background: -o-linear-gradient(top, #d06fe4 0%, #ac36b4 100%); background: -ms-linear-gradient(top, #d06fe4 0%, #ac36b4 100%); background: linear-gradient(top, #d06fe4 0%, #ac36b4 100%);  }
.violet:hover { color: #3e0053; }
.violet:visited { color: #3e0053; }
/*---*/
.gray-btn {color: #515151; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(100%, #8a8a8a)); background: -webkit-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%); background: -o-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%); background: -ms-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%); background: linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%); }
.gray-btn:hover { color: #515151; }
.gray-btn:visited { color: #515151; }
/*---*/
.red-btn { color: #570606; background: #cd4e4e; background: -moz-linear-gradient(top, #cd4e4e 0%, #8f1a1a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd4e4e), color-stop(100%, #8f1a1a)); background: -webkit-linear-gradient(top, #cd4e4e 0%, #8f1a1a 100%); background: -o-linear-gradient(top, #cd4e4e 0%, #8f1a1a 100%); background: -ms-linear-gradient(top, #cd4e4e 0%, #8f1a1a 100%); background: linear-gradient(top, #cd4e4e 0%, #8f1a1a 100%); }
.red-btn:hover { color: #570606; }
.red-btn:visited { color: #570606; }
/*---*/
.green-btn { color: #3e5706; background: #a5cd4e; background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5cd4e), color-stop(100%, #6b8f1a)); background: -webkit-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); background: -o-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); background: -ms-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); background: linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); }
.green-btn:hover { color: #3e5706; }
.green-btn:visited { color: #3e5706; }
/*---*/
.blue-btn { color: #062657; background: #4e7bcd; background: -moz-linear-gradient(top, #4e7bcd 0%, #1b5190 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4e7bcd), color-stop(100%, #1b5190)); background: -webkit-linear-gradient(top, #4e7bcd 0%, #1b5190 100%); background: -o-linear-gradient(top, #4e7bcd 0%, #1b5190 100%); background: -ms-linear-gradient(top, #4e7bcd 0%, #1b5190 100%); background: linear-gradient(top, #4e7bcd 0%, #1b5190 100%); }
.blue-btn:hover { color: #062657; }
.blue-btn:visited { color: #062657;}