/* CSS Document */
html {
	SCROLLBAR-BASE-COLOR: #CCCCCCC;
	SCROLLBAR-ARROW-COLOR: #000000;
	height:100%;
}

body {
	background:#fff;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#333;
	position:relative; min-height:100%
}

#wapper {
	width:100%;
	min-height:250px
}
#intro-site{ min-height:100%;  }
body#intro-site{background:url(../images/intro.jpg) center center no-repeat;}
.container {
	width:1124px;
	margin:0px auto;
}
#intro-site .container{ width:860px; padding-bottom:70px; position:relative}
.container:after,.container:before{ content:''; display:block;}
.container:after{ clear:both;font-size:0;height:0;line-height:0;visibility:hidden;}
a.title-link{ color:#252525; font-weight:bold}
a.title-link:hover{ text-decoration:none; color:#e94347}
.align-left{ float:left; margin-right:20px;}
.align-right{ font:radio-button; margin-left:20px;}
[class^="icon-"], [class*=" icon-"] {
	background-repeat:no-repeat; background-position:0 0;
	content:'';
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
}
.icon-money:before{ background-position: 0 0}
.icon-dolar:before{ background-position: -70px 0}
.icon-dolar2:before{ background-position:-205px 0}
.icon-hand:before{ background-position: -130px 0}
.icon-register:before{background-position: -280px 0}
.icon-phone:before{background-position: -350px 0}
.icon-facebook,.icon-twitter,.icon-google,.icon-youtube{ background-image:url(../images/social-icon.png); width:25px; height:27px}
.icon-facebook{ background-position:0 0}
.icon-facebook:hover{ background-position:0 -27px}
.icon-twitter{ background-position:-35px 0}
.icon-twitter:hover{ background-position:-35px -27px}
.icon-google{ background-position:-70px 0}
.icon-google:hover{ background-position:-70px -27px}
.icon-youtube{ background-position:-103px 0}
.icon-youtube:hover{ background-position:-103px -27px}
.menu-top li [class^="icon-"], .menu-top li [class*=" icon-"]{ background-image:url(../images/icon-menu.png); width:26px; height:32px; vertical-align:middle}
.icon-home{ background-position: 0 0}
.icon-about{ background-position: -35px 0}
.icon-gallery{ background-position:-68px 0}
.icon-product{ background-position: -156px 0}
.icon-job{ background-position: -100px 0}
.icon-contact{ background-position:-127px 0}
/*=========== INTro site =============*/
.intro-logo{ padding:20px 0 20px; margin:0 auto; text-align:center; position:relative; border-radius:10px; z-index:1}
#intro-slide{ margin:0 auto 80px; position:relative; z-index:1; min-height:440px; }
#intro-slide:after ,#intro-slide:before{
	 z-index: -1;
  position: absolute;
  content: "";
  bottom: 50px;
  left: 15px;
  width: 50%;
  max-width:300px;
  background:rgba(0, 0, 0, 0.7) ;
  -webkit-box-shadow:-15px -15px 50px 30px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: -15px -15px 50px 30px rgba(0, 0, 0, 0.6);
  box-shadow: -15px -15px 50px 30px rgba(0, 0, 0, 0.6);
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
  height:200px;

	}
#intro-slide:after
{
	 -webkit-box-shadow:15px -15px 50px 30px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 15px -15px 50px 30px rgba(0, 0, 0, 0.6);
  box-shadow: 15px -15px 50px 30px rgba(0, 0, 0, 0.6);
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
  right: 15px;
  left: auto;
}
#flexslider2.flexslider , #intro-slide .theme-default .nivoSlider{-webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.5);
	   -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0.5);
	        box-shadow: 0 10px 6px -6px rgba(0,0,0,0.5);}
#flexslider2.flexslider .slides , #intro-slide .theme-default .nivoSlider{ overflow:hidden; border-radius:13px; margin:0}
.enter-site{ text-align:center; position:absolute ; bottom:20px; left:50%; margin-left:-142px ; z-index:2}
.enter-site:after{ content:''; position:absolute; bottom:-10px; width:80%; left:10%;
-webkit-box-shadow: 0px 0px 15px 6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 6px  rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 6px rgba(0,0,0,0.75);}
.enter-site a , .enter-site a:hover{ text-decoration:none}
.enter-site a{ display:inline-block; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s;}
.enter-site a:hover{ transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
/*======================== HEADER ================================*/

#header{ padding:15px 0 0;}
#header .container{ position:relative; z-index:999}
#logo{ float:left; margin-right:15px; margin-bottom:0}
#logo .logo{ }
.nav-top{ padding-bottom:15px}
.box-lang{ text-align:right;}
.box-lang  a{ display:inline-block; padding-left:15px}
/*======================== MENU================================*/
.nav{ float:right; width:950px; padding:10px 0}
ul.menu-top{ list-style:none; margin:0; float:right}
.menu-top li{ display:block;}
.menu-top > li{ float:left; margin-left:10px; background:url(../images/menu.gif) left top repeat-x #c12502; position:relative; border-radius:5px; z-index:9999; transition:all .3s linear ; -moz-transition:all .3s linear ; -webkit-transition:all .3s linear ;}
.menu-top > li:first-child{ margin-left:0;}
.menu-top > li > a{ display:block; text-transform:uppercase; color:#fff; font:bold 16px "Times New Roman", Times, serif; padding:5px 15px; text-transform:uppercase; position:relative; z-index:999}
.menu-top > li:hover > a,.menu-top > li.current > a{ text-decoration:none}
.menu-top > li.current,.menu-top > li:hover{ background:url(../images/menu-current.gif) left top repeat-x #ffa801}
.menu-top > li > a i{ padding-right:5px}
/*
.menu-top > li > a:before{ content:''; display:block; position:absolute; left:10px; top:7px}
.menu-top > li:hover > a:before,.menu-top > li.current > a:before{ background:url(../images/current-icon.png) center no-repeat; width:23px; height:26px}*/
/*banner*/
#banner-main{ position:relative; z-index:1; margin-top:15px; margin-bottom:50px; *min-height:500px; top:0; text-align:center}
#banner-page{ margin-bottom:15px; position:relative; z-index:1}
.mid-title-about{ color:#fff; position:absolute; right:15px; top:50%; margin-top:-15px; font:30px Helvetica, "Times New Roman", Times, serif; text-transform:uppercase}
.mid-title-about.red { color:#e23e52}
#banner-page img{ max-width:100%;}
.green{ color:#13ff37}
#banner-main .flexslider .slides li {
  position: relative
}
#banner-main .flexslider .slides li .img {
  display: block;
  width: 100%;
  transition: all 3s .4s;
  -webkit-transition: all 3s .4s;
}
#banner-main .flexslider .slides li .caption {
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 10%;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  opacity: 0;
  transform: translateX(50%);
  -webkit-transform: translateX(50%);
  transition: all 1s .3s;
  -webkit-transition: all 1s .3s;
}
#banner-main .flexslider .slides li:nth-child(2n+1) .caption {
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
#banner-main .flexslider .slides li .caption h3 {
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
}
#banner-main .flexslider .slides li .caption h2 {
  text-transform: uppercase;
  font-size: 60px;
  line-height: 1;
}
#banner-main .flexslider .slides li .caption p {
  letter-spacing: 10px;
  font-size: 16px;
}
#banner-main .flexslider .slides li.flex-active-slide .caption {
  opacity: 1;
  transform: translateX(0);
  -webkit-transform: translateX(0);
}
#banner-main .flexslider .slides li.flex-active-slide .img {
  transform-origin: center;
  transform: scale(1.15, 1.15);
}
/*======================= content ================================*/
#content{ margin-top:20px; margin-bottom:30px }
#content-page{ padding-top:20px;}
.column-left{ width:192px; float:left}
.column-right{ width:880px; float:right;}
.content-left{ float:left; width:645px}
.content-right{ float:right; width:422px}
.loading{ text-align:center; }
.breacrum{ text-transform:uppercase; font-size:12px; font-family:"Times New Roman", Times, serif; color:#a2a2a2; padding-bottom:15px}
.breacrum a{ color:#a2a2a2;}
.breacrum span{ padding:0 5px}
#icon_top{ float:right; padding:8px 0; cursor:pointer}
.social-plugin{ text-align:center}
/*======================== footer ================================*/
#footer{  color:#fff; background:#e94347;  font-size:11px; margin-top:110px}
#footer a{ color:#fff}
#footer  .container{ position:relative; padding:15px 0}
.footer-bg{ background:url(../images/footer-bg.png) right top no-repeat; position:absolute; right:0; top:-69px; width:85px; height:69px}
.copyright{ text-align:right; float:right}
.copyright a > img{ vertical-align:middle; padding-right:3px}
.menu-footer{ float:left; text-transform:uppercase; line-height:24px}
.menu-footer a{ color:#fff}
.menu-footer a{ display:inline-block; padding:0 10px}
.menu-footer a:first-child{ padding-left:0}
#audio-player{ visibility:hidden; height: 0;
    overflow: hidden;
    visibility: hidden;}
#play_audio{ background:url(../images/volumn-on.png) center no-repeat; border:0; position:absolute; top:30px; right:0px; width:32px; height:24px; color:#fff; font-size:0; cursor:pointer; z-index:2 }
#banner-main  #play_audio{ right:50%; margin-right:-540px; bottom:30px; z-index:99999; top:auto}
#play_audio:hover{ opacity:0.8}
#play_audio.stop{ background-image:url(../images/volumn-off.png)}
.box-couter{ clear: both; padding-top: 10px;}