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,u, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}

html {}

body {
    font-size: 62.5%;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
    background:#ffffff;
    background-position:left top;
    background-repeat:repeat-x;  
    font-family: Arial, sans-serif;
}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

table{ border-collapse: collapse; border-spacing: 0;color:#434343;font-size:1.1em;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal;}
h2 {font-family:  Arial, Helvetica, sans-serif;}
h3 {font-family:  Arial, Helvetica, sans-serif;}
h4 {font-family: Arial, Helvetica, sans-serif;}
h5 {font-family: Arial, Helvetica, sans-serif;} 
h6 {font-family: Arial, Helvetica, sans-serif;}
p { font-family:Arial, Helvetica, sans-serif;}
input{font-size:1.2em;}
select, textarea {font-size:1.2em;}
form {display:inline;}
label {vertical-align:middle;}
input[type='radio'],
input[type='checkbox'] {vertical-align:middle; border:none; background: transparent;border-style:none; outline:0;}
input.checkBox {border:none; border-style:none; margin:0 2px 0 0; padding:0;}
img {margin:0; padding:0; border-style:none; border:none;}
.hide {display:none;}
.smallest {font-size:.8em;}
.smaller {font-size:.9em;}
.small {font-size:1.0em;}
.larger {font-size:1.3em;}
.largest {font-size:1.4em;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.strike {text-decoration:line-through;}
.vtop {vertical-align:top;}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.nowrap {white-space:nowrap;}
.breakforprint {page-break-after:always;}
.clear {display:block; clear:both; line-height:0; height:0; margin:0; padding:0; overflow:hidden; font-size:.01em;}
.floatRight{float:right;}
.floatLeft{float:Left;}
.floatNone{float:none;}
.dntshow{ visibility:hidden;}

ul li{}


a, a:link, a:visited {color: #333; text-decoration: none;}
a:hover {color:#0000; text-decoration: none;}
a:active {color:#0000; text-decoration: none;}
a:active, a:focus {outline: 0;}

.gradiant{
	background: rgb(30, 50, 230);
	background: -moz-linear-gradient(90deg, rgb(24, 64, 110) 45%, rgb(35, 92, 157) 100%);
	background: -webkit-linear-gradient(90deg, rgb(24, 64, 110) 45%, rgb(35, 92, 157) 100%);
	background: -o-linear-gradient(90deg, rgb(24, 64, 110) 45%, rgb(35, 92, 157) 100%);
	background: -ms-linear-gradient(90deg, rgb(24, 64, 110) 45%, rgb(35, 92, 157) 100%);
	background: linear-gradient(180deg, rgb(24, 64, 110) 45%, rgb(35, 92, 157) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3073c0',EndColorStr='#214f85');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3073c0',EndColorStr='#214f85')";
    zoom: 1
	}
	
.radius{-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.radius2{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.transparent {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	/*width: 100%;*/ 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=60);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.6;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.6;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.6;
}




.block{ display:block;}

/*---------------------- Homepage Styles - Begin -----------------------*/
html{}
body {background: url(../images/bg.jpg) top center repeat-x #fff;}
.body-container{ width:100%; display:block;background: url(../images/main_bg.jpg) top center no-repeat;}
.wrap{ display:block; margin:0 auto; width:942px;}

/* ---- TOP BANNER SET----- */
.top-banner{ display:block; height:90px;}
.top-area{ display:block; height:34px; padding:0 0 0 210px;}

.sublinks{ display:block; width:350px; }
.sublinks ul li{ float:left; list-style:none; padding:7px 5px 2px 5px;}
.sublinks ul li a{ display:block; color:#ffac0c; text-transform:uppercase; text-decoration:none; font-size:12px; font-weight:bold; padding:3px 2px 2px 2px;}
.sublinks ul li a:hover{ display:block; color:#CCC;}
.sublinks ul li.home a{ text-indent:-9999px; overflow:hidden; background: url(../images/sprite.png) no-repeat -0px -66px; width:20px; }

.medialinks{ display:block; width:350px; }
.medialinks ul li{ float:left; list-style:none; }
.medialinks ul li a{ display:block; text-decoration:none; width:24px; height:22px; background:#C39; text-indent:-9999px; overflow:hidden; margin-top: 5px;}
.medialinks ul li a:hover{ display:block; color:#CCC;}

.medialinks ul li.facebook a{background: url(../images/sprite.png) no-repeat -0px 0;}
.medialinks ul li.twitter a{background: url(../images/sprite.png) no-repeat -62px 0;}
.medialinks ul li.youtube a{background: url(../images/sprite.png) no-repeat -123px 0;}
.medialinks ul li.blogger a{background: url(../images/sprite.png) no-repeat -184px 0;}
.medialinks ul li.rssfeed a{background: url(../images/sprite.png) no-repeat -245px 0;}

.medialinks ul li.facebook a:hover{background: url(../images/sprite.png) no-repeat -31px 0;}
.medialinks ul li.twitter a:hover{background: url(../images/sprite.png) no-repeat -93px 0;}
.medialinks ul li.youtube a:hover{background: url(../images/sprite.png) no-repeat -154px 0;}
.medialinks ul li.blogger a:hover{background: url(../images/sprite.png) no-repeat -215px 0;}
.medialinks ul li.rssfeed a:hover{background: url(../images/sprite.png) no-repeat -276px 0;}

.medialinks a{text-decoration:none; color:#ffac0c; font-size:13px; }
.medialinks a:hover{ color:#CCC;}
.medialinks p{ color:#cc9aa5; font-size:13px; line-height:1.2em; font-weight:bold;}

.medialinks .user-info{ padding:8px 0 0 0;}
.medialinks .user-info p, .medialinks .user-info a{ padding:0 4px;}

/* ---- nav  SET----- */
.nav-area{ display:block; height:56px; position:relative; }
.nav-area .logo{ width:202px; height:113px; display:block; position:absolute; top:-24px; left:0px; z-index:9999;}
.nav-area h1{width:202px; height:136px; display:block; background: url(../images/sprite.png) no-repeat 0px -460px; overflow:hidden; text-indent:-9999px;}
.nav-area ul{ display:block; margin-left:210px; float:left; padding:12px 0 0 0;}
.nav-area ul li{ display:block; list-style:none; float:left;}
.nav-area ul li a{ display:block; float:left; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; width:94px; margin-left:10px; text-transform:uppercase; text-shadow: 1px 2px #333;}
.nav-area ul li a:hover{ color: #F90; }

/* ---- SLIDER SET----- */
.slider{ display:block; height:415px; }
.slider_inner{ display:block; height:10px; }

/* ---- BODY CONTAINER SET ----- */
.body-wraper{ background:#FFF; display:block; 
padding:10px 10px;
-moz-box-shadow:0px 7px 4px 2px #000;
-webkit-box-shadow:0px 7px 4px 2px #000;
box-shadow:0px 7px 4px 2px #000;

}
/* ---- INNER PAGES CONTAINER SET ----- */
.inner_container{ display:block; padding:25px 20px 20px 20px;}
.inner_container h1{ font-size:40px; letter-spacing:-1px; color:#b20606; background:url(../images/bg_headline.png) no-repeat -1px 50px; padding:0 0 40px 0; }
.inner_container p{ font-size:14px; line-height:18px; color:#333;}

/*-- BODY AREA HOME PAGE--*/

/*-- event-container --*/
.event-container{ background:url(../images/event_bg.png) repeat; padding:25px;}
.event-container p{}
.event-container a{ 
background: url("../images/sprite.png") no-repeat scroll -69px -54px #E82E2E;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    padding: 13px 44px 13px 20px;
	text-transform:uppercase;
	font-weight:bold;
	}

.event-container a:hover{
		background: url("../images/sprite.png") no-repeat scroll -69px -54px #333;
}
.event-container h3{
	color: #FFA200;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: -1px;
	padding-bottom:5px;
}
.event-container p{
	color:#cdcdcd;
	font-style:italic;
	font-size:15px;
}

/*-- priduct slider --*/
.product-slider{  background:#e86702;
margin:15px 0;
	}
	
	
/*------------*/
/*-- --*/
.row{ clear:both; display:block; margin-bottom:15px; }
.col-1{ display:block; width:292px;}
.col-2{ display:block; width:607px; background:#7f1919; }
.ml-23{ margin-left:23px;}
.video-gallery h2{ width:292px; height:41px; float:left; background:url(../images/txt_videogallery.jpg) no-repeat top; text-indent:-999999px; overflow:hidden ;}
/*.president h2{ width:292px; height:41px; float:left; background:url(../images/txt_presidentmessage.jpg) no-repeat top; text-indent:-999999px; overflow:hidden ;}*/
.president h2{ width:292px; height:41px; float:left; background:url(../images/txt_eventCalendar.jpg) no-repeat top; text-indent:-999999px; overflow:hidden ;} 
.president p{ font-size:13px; line-height:1.3em; color:#434343;}
.president img{ margin-bottom:10px;}
.president a{ color:#C30; text-decoration:none; font-size:13px; display:block; padding:10px 0 0; }
.president a:hover{ color:#666;}

.newsandevent h2{width:292px; height:40px; float:left; background:url(../images/txt_newsandevent.jpg) no-repeat top; text-indent:-999999px; overflow:hidden ;}

.addbanner a{ display:block; width:292px; float:left; overflow:hidden; text-indent:-9999px;}

.addbanner .subscrib{ background:url(../images/subcribe_box.jpg); height:110px;  margin-bottom:15px;}
.addbanner .quality{ background:url(../images/quality_box.jpg); height:148px;}

.picture-gallery h2{ width:607px; height:41px; float:left; background:url(../images/txt_picturegallery.jpg) no-repeat top; text-indent:-999999px; overflow:hidden ;}
.container-thumb{ padding:0 10px;}
.picture-gallery .bx-wrapper{ }
.picture-gallery h3{ color:#ffc600; font-size:13px; padding-bottom:3px; font-weight:bold;}
.picture-gallery p{ color:#FFF; font-size:13px;}


/* ---- FOOTER CONTAINER SET----- */
.footer-set{ background:#222222;}

/* BOTTOM FOOTER*/
.footer-bottom-linkset{ display:block; width:100%; padding:20px 0; border-top: 1px solid #393939;}
.footer-bottom-linkset .bot-nav{ display:block; float:left;}
.copywrite p{ color: #999; display:block; font-size:12px; }
.footer-bottom-linkset .bot-nav li{ display:block; float:left;}
.bot-nav li a{ float:left; color:#FFF; text-transform:uppercase; font-size:12px; display:block; padding:0 15px 0 0; }
.bot-nav li a:hover{ color:#999;}
.footer-bottom-linkset .copywrite{ display:block; float:right;}

/* CATOGORIY FOOTER */
.catorgory-footer{ display:block; float:left; padding:0 0 18px;}
.catorgory-footer li{ float:left; list-style:none; margin:0 20px 0 0; width:220px;}
.catorgory-footer li.last { margin:0; }

.catorgory-footer h2{ color:#CCC; font-size:16px; padding:15px 0; border-bottom:1px dotted #4e4e4e; margin-bottom:15px; font-weight:bold;}
.catorgory-footer p{ color:#cecece; line-height:1.4em; font-size:12px; padding-bottom:10px;}
.catorgory-footer a { color:#c62d1b; font-size:12px; line-height:1.4em;}
.catorgory-footer a:hover{ color:#FFF;} 
.realated-links li{ margin:0;}
.realated-links li.doc{ margin:0; background: url(../images/sprite.png) no-repeat 197px -703px;}
.realated-links li.pdf{ margin:0; background: url(../images/sprite.png) no-repeat 200px -402px;}
.realated-links li a{ float:left; display:block; background: url(../images/sprite.png) no-repeat -12px -619px; padding:0 0 8px 16px; margin-bottom:8px; border-bottom:1px dotted #4e4e4e; width:219px; } 


.txtbox, .richbox{ background:#1F1F1F; color:#CCC; padding:10px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px }
.txtbox{ width:106px; }
.richbox{ width:220px; }
.buttn{
	
color: rgb(230, 230, 230);
font-size: 14px;
padding: 6px 15px;
text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: rgb(210, 20, 20);
background: -moz-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
background: -webkit-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
background: -o-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
background: -ms-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
background: linear-gradient(0deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%);
-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);
border:none;

	}
.contact-frm a{ display:block; padding-top:10px;}
 
/* -- FOOTER SPERATOR --*/
.call-freebox{display:block; background: url(../images/sprite.png) repeat-x 0 -793px #f1f1f1; padding:38px 0px;}
.call-freebox p{ font-size:20px; letter-spacing:-0.025em; color:#5e5e5e;}
.color-orange{ color:#fc2f12; font-weight:bold;}





/* -- LAST SET ---*/
.shadow{ -moz-box-shadow: inset 0 0 5px 0 #000; -webkit-box-shadow: inset 0 0 5px 0 #000; box-shadow: inset 0 0 5px 0 #000; border:none;}
.radious{-webkit-border-radius: 4px; border-radius: 4px;}
.radious6{-webkit-border-radius: 6px; border-radius: 6px;}




/* TEMPO*/
.newsevent{ background:url(../images/img_news_events.jpg) top center #4f4a4a; display:block; height:239px; width:100%;}

.product-slider{ display:block; margin-bottom:20px;}
.product-slider ul{ display:block;}
.product-slider li{ display:block; float:left;}
.product-slider a{ display:block; height:195px; float:left;}
.product-slider .pro1{ background:url(../images/pro_manufacture.jpg); width:237px;}
.product-slider .pro2{ background:url(../images/pro_quality.jpg); width:224px; }
.product-slider .pro3{ background:url(../images/pro_research.jpg); width:225px; }
.product-slider .pro4{ background:url(../images/pro_human.jpg); width:236px;}

.product-slider a:hover{opacity:0.8 }