body { margin:0px; background-image:url(images/rep.png); background-repeat:repeat-x; background-position:top}

.nova {font-family:Calibri; font-size:36px; font-weight:bold; color:#005cb9}
.instru { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:20px;}
.an_iso {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:16px; text-align:center;}

.button_bg { background-image:url(images/banner_bg.png); background-repeat:repeat-x;}


#main {
        background: #0099cc;
        margin-top: 0;
        padding: 2px 0 4px 0;
        text-align: center;
    }
    #main a {
        color: #ffffff;
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
    }
    #main a:hover {
        text-decoration: underline;
    }
    #container {
        margin: 0 auto;
        /*margin-top: 50px;*/
        width:996px;
        height:316px;
        overflow: hidden;
        /*border: 10px solid #000;
        -webkit-border-radius: .5em;
        -moz-border-radius: .5em;
        border-radius: .5em;*/
    }
    #img_container {
        width:4000px;
    }
    #img_container img {
        position: relative;
       /* -moz-box-shadow: -5px 0 10px #000;
        -webkit-box-shadow: -5px 0 10px #000;
        box-shadow: -5px 0 10px #000;*/
        width: 796px;
    }
    #img1 { z-index: 0; }
    #img2 { z-index: 1; }
    #img3 { z-index: 2; }
    #img4 { z-index: 3; }
    #img5 { z-index: 4; }
	
	
	
	
	
.box{
  width: 240px;
  height: 169px;
  background: url('http://placekitten.com/250/200');
  overflow: hidden;
  margin: 5px;
 /* border: 1px solid #000;
  box-shadow: 0px 0px 15px 0px #666,
              0px 5px 15px 0px #000;*/
}
.cover{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.45);
  position: relative;
  -webkit-transition: all 0.4s cubic-bezier(.99,.99,0,.61);
  padding: 1em;
  color: #fff;
  overflow:hidden;
  text-shadow: 1px 1px 0px #000;
  margin-top:-33px;
}
.cover .title{
  font-size: 16pt;
  font-style: italic;
}
.box .cover .intro{
  line-height: 1.2em;
  height: 4.8em;
  width: 100%;
  position: relative;
  font-size: 10pt;
  overflow: hidden;
  
}
.cover .btn{
  padding: 0.5em 1em;
 /* margin: 0.5em;*/
  background: #eb0202;
  float:left;
  border-radius:0.25em;
  margin:25px;
  margin-top:100px;
  margin-left:70px;

  
}
.btn a{
  color: #fff; font-family:Tahoma; font-size:16px;
  text-decoration: none;
  
}
.cover .date{
  position: absolute;
  bottom: 1em;
  right: 1em;
  font-size: 10pt;
}
.box:hover .left{
  -webkit-transition: all 0.4s cubic-bezier(.99,.99,0,.61);
   left: 0px;
}
.box:hover .right{
  -webkit-transition: all 0.4s cubic-bezier(.99,.99,0,.61);
   right: 0px;
}
.box:hover .top{
  -webkit-transition: all 0.4s cubic-bezier(.99,.99,0,.61);
   top: 0px;
}
.box:hover .bottom{
  -webkit-transition: all 0.4s cubic-bezier(.99,.99,0,.61);
    bottom: 0px;
}
.box:hover .top-left{
  -webkit-transition: all 0.4s cubic-bezier(.99,.99,0,.61);
    top: 0px;
    left: 0px;
}
.box:hover .top-right{
  -webkit-transition: all 0.4s cubic-bezier(.99,.99,0,.61);
    top: 0px;
    right: 0px;
}
.box:hover .bottom-left{
  -webkit-transition: all 0.4s cubic-bezier(.99,.99,0,.61);
    bottom: 0px;
    left: 0px;
}
.box:hover .bottom-right{
  -webkit-transition: all 0.4s cubic-bezier(.99,.99,0,.61);
    bottom: 0px;
    right: 0px;
}
.left{
  left: -250px;
}
.right{
  right: -250px;
}
.top{
  top: -200px;
}
.bottom{
  bottom: -200px;
}
.top-left{
  top: -200px;
  left: -250px;
}
.top-right{
  top: -200px;
  right: -250px;
}
.bottom-left{
  bottom: -200px;
  left: -250px;
}
.bottom-right{
  bottom: -200px;
  right: -250px;
}
/* Ordering */
  .left{order:1;}
  .right{order:2;}
  .top{order:3;}
  .bottom{order:4;}
  .top-left{order:5;}
  .top-right{order:6;}
  .bottom-left{order:7;}
  .bottom-right{order:8;}


.welcome_note {font-family:Tahoma; color:#016edd; font-size:20px;}
.main_text { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px;}




.border { border:#FFFFFF 3px solid; box-shadow:#000 0 0 2px;}
.our_product { font-family:Tahoma; color:#FFFFFF; font-size:20px;}

.product_cate a{font-family:Arial, Helvetica, sans-serif; color:#000; font-size:16px; text-decoration:none;}
.product_cate a:hover{font-family:Arial, Helvetica, sans-serif; color:#0176ec; font-size:16px; text-decoration:underline;}

.footer_menu a{ font-family:Tahoma; color:#FFFFFF; font-size:13px; text-decoration:none}
.footer_menu a:hover{ font-family:Tahoma; color:#FFFFFF; font-size:13px; text-decoration:underline;}

.copyright {font-family:Tahoma; color:#FFFFFF; font-size:10px; text-decoration:none;}


.contact_font{font-family:Arial, Helvetica, sans-serif; color:#0176ec; font-size:15px;}

.product_link a{font-family:Arial, Helvetica, sans-serif; color:#0176ec; font-size:16px; text-decoration:none;}
.product_product_link a:hover{font-family:Arial, Helvetica, sans-serif; color:#000; font-size:16px; text-decoration:underline;}



.product_name_rep { background-image:url(images/product_name_rep.png); background-repeat:repeat-x;}


.category_bg { background-image:url(images/category_bg.png); background-repeat:no-repeat; background-position:left top;}
.category_bg_2 { background-image:url(images/category_bg_2.png); background-repeat:no-repeat; background-position:left top;}

.scrollToTop{
	width:70px; 
	height:70px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	top:250px;
	right:40px;
	display:none;
	background: url('images/top.png');
	background-repeat:no-repeat;
	background-position:right center;
}
.scrollToTop:hover{
	text-decoration:none;
}




#page-wrap { 
 
  max-width: 100%; 
  height:200px;
  background: white;
  margin: 0px auto;
  position: relative;
 
}

#page-wrap:before, #page-wrap:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 50px;
  background: -webkit-linear-gradient(left, rgba(255,255,255,100), rgba(255,255,255,0));
}
#page-wrap:before {
  left: 0;
}
#page-wrap:after {
  right: 0;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,100));
}
#tech-slideshow {
        height: 200px;
        position: relative;
        overflow: hidden;
    }
#cloud{
    /*width:180px;
    padding-left:30px;
    opacity:0.7;
    -webkit-animation:slide 10s linear infinite;
	-moz-animation:slide 10s linear infinite;
	-o-animation: slide 10s linear infinite;*/
        width: 100%;
	position: absolute;
	margin:0px auto; clear:both;
        top: 0;
        left: 0;
        height: 250px;
        
        -moz-transition:  opacity 0.5s ease-out; 
           -o-transition: opacity 0.5s ease-out; 
      -webkit-transition: opacity 0.5s ease-out; 
          -ms-transition: opacity 0.5s ease-out; 
    
        /* Slow */
        -webkit-animation:slide 10s linear infinite;
	-moz-animation:slide 10s linear infinite;
	-o-animation: slide 10s linear infinite;
        
        -webkit-transform: translate3d(0,100%,0); /* Performance */
}
@-webkit-keyframes slide{
    0%   {/*-webkit-transform: translate(50px, 0px);*/-webkit-transform: translateX(0); 
            -moz-transform:    translateX(0); 
            -ms-transform:     translateX(0); 
            -o-transform:      translateX(0); 
            transform:         translateX(0);  }
	100% {/*-webkit-transform: translate(500px,0px);*/-webkit-transform: translateX(-100%); 
            -moz-transform:    translateX(-100%); 
            -ms-transform:     translateX(-100%); 
            -o-transform:      translateX(-100%); 
            transform:         translateX(-100%);  }
}
@-moz-keyframes slide{
	0%   {/*-webkit-transform: translate(50px, 0px);*/-webkit-transform: translateX(0); 
            -moz-transform:    translateX(0); 
            -ms-transform:     translateX(0); 
            -o-transform:      translateX(0); 
            transform:         translateX(0);  }
	100% {/*-webkit-transform: translate(500px,0px);*/-webkit-transform: translateX(-100%); 
            -moz-transform:    translateX(-100%); 
            -ms-transform:     translateX(-100%); 
            -o-transform:      translateX(-100%); 
            transform:         translateX(-100%);  }	
	}
	
@-o-keyframes slide{
0%   {/*-webkit-transform: translate(50px, 0px);*/-webkit-transform: translateX(0); 
            -moz-transform:    translateX(0); 
            -ms-transform:     translateX(0); 
            -o-transform:      translateX(0); 
            transform:         translateX(0);  }
	100% {/*-webkit-transform: translate(500px,0px);*/-webkit-transform: translateX(-100%); 
            -moz-transform:    translateX(-100%); 
            -ms-transform:     translateX(-100%); 
            -o-transform:      translateX(-100%); 
            transform:         translateX(-100%);  }
}