/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;outline:none;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:0px;line-height:0px; display:block;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
/**************************************************************************************/
a											{color:#fafafa; text-decoration:none; outline:0 none;}
a:hover										{color:#888888;  text-decoration:none;}
h1											{font-size:24px;}
h2											{font-size:22px;}
h3											{font-size:18px;}
h4											{font-size:16px;}
h5											{font-size:14px;}
h6											{font-size:12px;}
/*----------------------------------------------------------------------------------*/
html 										{}
body										{color:#b1b1b1; font-family:"Arial", Verdana, Tahoma; font-size:12px; background:url(../images/body-bg.png) repeat left top;}
.flt_lt										{float:left; display:inline;}
.flt_rt										{float:right; display:inline;}
/* ---------------------------------------------------------------------------------*/
@font-face {
    font-family: 'HelveticaNormalRegular';
    src: url('../fonts/helvetica-normal/helvetica-normal.eot');
    src: url('../fonts/helvetica-normal/helvetica-normal.eot') format('embedded-opentype'),
         url('../fonts/helvetica-normal/helvetica-normal.woff') format('woff'),
         url('../fonts/helvetica-normal/helvetica-normal.ttf') format('truetype'),
         url('../fonts/helvetica-normal/helvetica-normal.svg#HelveticaNormalRegular') format('svg');
}


/* ----------------------- layout ----------*/
.wrapper									{margin:0 auto; min-width:960px;  background:url(../images/body-background.png) no-repeat center top;}
.container									{ width:960px; margin:0 auto;}
/*-------------------------------------------*/

/* ------------------ HEADER HERE --------------------------*/
#header-main								{ background:url(../images/main-top-shadow.png) repeat-x bottom center; border-bottom: 1px solid #000;}
.header										{ width:100%; background:url(../images/main-top-bg.png) no-repeat bottom center; min-height:553px;}
.header-container							{ width:960px; margin:0 auto; padding:38px 0 0 0;}
.header-top									{ background:url(../images/header-line.png) repeat-x left bottom; min-height: 65px; margin: 0 0 29px 0;}
.logo										{ float:left; margin:0 0 0 4px;}
.logo a										{ display:block;}

.header-right								{ float:right; margin: 16px 0 0 0;}
.nav										{ float:left; margin: 6px 0 0 0;}
.nav ul										{ float:left; display:inline-block;}
.nav ul li									{ float:left; display:inline-block; margin: 0 0 0 21px;}
.nav ul li a								{ display:block; color:#fff; font-size:14px; line-height:27px; font-weight:bold; font-family:"Myriad Pro", Arial; padding: 0 0 13px 0;}
.nav ul li a span							{}
.nav ul li a:hover, .nav ul li a.active		{ color:#fafafa; border-bottom:4px solid #d05e38;}

.social-icons								{ float:left; margin: 0 0 0 27px;}
.social-icons ul							{ float:left; display:inline-block;}
.social-icons ul li 						{ float:left; display:inline-block; margin-right: 3px;}
.social-icons ul li a						{ display:block;}
.social-icons ul li img						{opacity: 1; filter: alpha(opacity=100);}
.social-icons ul li img:hover				{ opacity: 0.5; filter: alpha(opacity=30); }
/* ---------------------------------------------------------*/

/*---------------------- BANNER HERE -----------------------*/
.bannner									{ position:relative;}
.slider-img									{}
.slider-shadow								{ position:absolute; left:0; bottom:-41px; background:url(../images/slider-shadow.png) no-repeat left top; height:41px; width:960px;}
/*----------------------------------------------------------*/


#tekst										{ float:left; margin: 20px; color:#fff; font-size:14px; font-family:"Myriad Pro", Arial; padding-top: 50px;}
.tekst ul									{ list-style-type:square; }
#tekst2										{ float:left; margin: 20px; color:#fff; font-size:14px; font-family:"Myriad Pro", Arial; padding-top: 10px;}

/*--------------------- GALLERY HERE -----------------------*/
#gallery-main								{ background:url(../images/gallery-shd.png) repeat-x left bottom; width:100%; border-bottom:1px solid #000; border-top: 1px solid #636569;}
.gallery									{ background:url(../images/galler-bg.png) no-repeat top center; width:100%; min-height: 218px;}
.gallery-block								{ padding: 48px 0 0 0;}
.gallery-block ul							{ float:left; display:inline-block; margin: 0 0 0 56px;}
.gallery-block ul li 						{ float:left; display:inline-block; background:url(../images/gallery-lines.png) no-repeat right center; width:160px; padding: 11px 38px 0 0; margin: 0 35px 0 0;}
.gallery-block ul li.line					{ background:url(../images/gallery-lines-1.png)  no-repeat right center !important;}
.gallery-block ul li a						{ display:block; background:url(../images/gallery-img-shd.png) no-repeat left bottom; height: 137px; opacity: 1; filter: alpha(opacity=100);}
.gallery-block ul li a:hover				{ opacity: 0.3; filter: alpha(opacity=30); }
.gallery-block ul li a img					{ display:block; margin:0 auto;}
/*----------------------------------------------------------*/

/* ------------------------ MIAN CONTENT HERE --------------*/
.carosule									{ background:url(../images/carosule-bg.png) no-repeat center center; min-height:581px; width:100%; border-top: 1px solid #636569; border-bottom: 1px solid #636569;}
.main-content								{ width:960px; margin:0 auto; padding: 127px 0 0 0; position:relative;}
.main-content h4							{ display:block; color:#fff; font-size:20px; font-weight:normal; font-family:"Myriad Pro", Arial; text-transform:uppercase; padding: 0 0 36px 49px; letter-spacing: 0px; word-spacing: 1px;}
.main-content h4 span						{ display:inline-block; color:#ff0000;}
.products									{ padding: 0 0 0 70px;}
.products ul								{ float:left; display:inline-block;}
.products ul li								{ float:left; display:inline-block; margin: 0 32px 0 0;} 
.products ul li img							{ display:block; width:139px;height: 139px; margin: 0 0 42px 0; opacity: 1; filter: alpha(opacity=100);}
.products ul li img:hover					{ opacity: 0.3; filter: alpha(opacity=30); }
.products ul li p							{ display:block; text-align:center; width:139px; color:#fff; font-size:12px; font-weight:normal; font-style:italic; font-family:"Myriad Pro", Arial; line-height:15px;}

.product-arrow								{}
.arrow-left									{ position:absolute; left:0; top:58%;}
.arrow-left a								{ display:block; background:url(../images/arr-left-a.png) no-repeat; width:31px; height:28px;}
.arrow-left a:hover							{ background:url(../images/arr-left-over.png) no-repeat;}
.arrow-right								{ position:absolute; right:0; top:58%;}
.arrow-right a								{ display:block; background:url(../images/arr-right-a.png) no-repeat; width:30px; height:29px;}
.arrow-right a:hover						{ background:url(../images/arr-right-over.png) no-repeat;}
/* ---------------------------------------------------------*/

/* ------------------ FOOTER HERE --------------------------*/
#footer										{ background:url(../images/bottom-shd.png) repeat-x left top; min-height:350px;}
.footer										{ padding: 44px 0 0 0;}

.footer-logo								{ width:185px; margin:0 0 15px 4px;}
.footer-logo a								{ display:block;}
.footer p									{ display:block; float:left; width:960spx; color:#fff; font-size:12px; line-height:22px; font-weight:normal; }

.copy										{ width:960px; background:url(../images/copy-bg.png) repeat left top; border-radius:5px; border:1px solid #191b1f; box-shadow: 0px 1px 0px #4f525a inset; margin: 17px 0 0 0; padding: 19px 0 19px 0;}
.copy p										{ display:block; text-align:center; color:#fff; font-size:12px; line-height:20px; font-weight:normal; font-family:Verdana, Geneva, sans-serif;}
/* ---------------------------------------------------------*/

/* --------------------- Google Maps --------------------- */
.google-map-container 						{ width:960px; margin: -4px 0 30px 0; }
.google-map-container img 					{ max-width: none !important; }


#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 369px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 960px;
  height: 369px;
  background: #ccc;
  text-align: center;
  line-height: 300px;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 3% 2%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}