/*221214*/
* {
    box-sizing: border-box;
}

html, body{
    width       : 100%;
    height      : 100%;
}
body {
    margin      : 0px;
	padding     : 0px;
    font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
img{
    border      : 0px;
}
.wrapper {                                                         
    display     : table;                                           
	width       : 100%;
    height      : 100%;
}

/* Header_________________________________________________________*/
.header{                                                           
    display     : table-row;
    height      : 100px;
	background  : #003333;
}
.headerBox{                                                        
    width       : 950px;
	height      : 100%;
	margin      : 0 auto;                                          
}
.headerBox span{
    float       : left;
}
.logoCopyright{
    display     : flex;
    width       : 100px;
    height      : 100px;	
	font-size   : 16px;
    color       : #ffffff;
}
.va{
    width       : 100px;
    margin      : auto;
}
.logoImg {
    margin-top  : 5px;
	background  : url(../i-img/logo_104x100.png) no-repeat;
    background-size:  auto 100%;
	background-position: right;
}
.logoImg a{
    width       : 220px;
    height      : 90px;
	display     : block;
}
.logoTrademark{  
	padding-top : 10px;
	padding-right: 300px;
	width       : calc(100% - (100px + 220px));
	height      : 100px;
	text-align  : center;
	color       : #ff0000;
	font-style  : italic;
	font-family : "Times New Roman", Times, serif;
	font-size   : 72px;
}

/* Menu___________________________________________________________*/
.menu{                                                             
    display     : table-row;
	height      : 43px;
	background  : url(../i-img/menu_bg.gif) repeat-x;
}
.menuBox {                                                         
    width       : 950px;
	height      : 43px;
	margin      : 0px auto;                                        
	border-left : 1px solid #999999;
	border-right: 1px solid #999999;
}
.menuBox a{
    float       : left;
    height      : 43px;
    border-left : 1px solid #999999;
	line-height : 43px;
    text-align  : center;
	text-decoration: none;
    color       : #ffffff;
}
.menuBox a:hover{
    color       : #ffffff;
	background-color: #000000
}
a.menuAbout   { width: 140px; border: 0px !important;}               
a.menuProducts   { width: 140px;}
a.menuDocuments   { width: 140px;}
a.menuContacts   { width: 140px;}

/* Content________________________________________________________*/
.content{                                                          
    display     : table-row;
    min-height  : calc(100% - (100px + 43px + 120px));
	background  : #d4d4d4;	                                       
	background-image: url(../i-img/bg-page-line.gif);              
}
.contentBox{                                                       
    width       : 950px;
	height      : 100%;
	margin      : 0 auto;                                          
	padding     : 10px;                                            
	box-shadow:0 0 0 500px rgba(0, 0, 0, 0.15) inset;
	font-size   : 14px;
}
.table{width    : 100%;}
.zebra{
	width       : 100%;
    border-collapse:collapse;
	border-spacing:0;
}
.tabH3 {
	color       : #008080;                                         
}

.zebra > tbody > tr:nth-child(2n){
	background  : RGBA(128,128,128,0.5);
}
.zebra > tbody > tr > td{
	padding     : 8px;                                             
	text-align  : center;
	border      : 0px solid #ff0000;                               
}	
td#l{text-align : left;}
td#r{text-align : right;}	

kbd  {
	color       : #008080;
}

/* Products_______________________________________________________*/
.table.brd4 > tbody > tr > td{
	border      : 1px solid #ff0000;
    width       : 25%;
	height      : 230px;
	padding     : 0px;
	background-size: contain;
    background-repeat: no-repeat;
	background-position: bottom;
	text-align  : center;
	vertical-align: text-top;
}
.table.brd3 > tbody > tr > td{
	border      : 1px solid #ff0000;
    width       : 33.33%;
	height      : 176px;
	padding     : 0px;
	background-size: contain;
    background-repeat: no-repeat;
	background-position: bottom;
	text-align  : center;
	vertical-align: text-top;
}
.txt {                                                            
  position      : relative;
  width         : 100%;  
  color         : #000000;
  font-size     : 14px;
  text-align    : center;
}

/* Documents______________________________________________________*/
.pdf  {
	padding     : 2px 0px 0px 30px;
}

/* Slideshow______________________________________________________*/
.slideshow-container {                                              
	position    : relative;
	max-width   : 1000px;
	margin      : auto;
	border      : 1px solid red;
}
.mySlides {                                                        
    display     : none;
}	
.prev, .next {                                                     
  position      : absolute;
  cursor        : pointer;
  width         : auto;
  margin-top    : -22px;
  padding       : 16px;  
  top           : 50%;
  color         : white;
  font-weight   : bold;
  font-size     : 18px;
  transition    : 0.6s ease;
  border-radius : 0 3px 3px 0;
}
.next {                                                            
  right         : 0;
  border-radius : 3px 0 0 3px;
}
.prev:hover, .next:hover {                                         
  background-color: rgba(0,0,0,0.8);
}
.text {                                                            
  position      : absolute;
  width         : 100%;  
  padding       : 8px 12px;  
  bottom        : 8px;
  color         : #f2f2f2;
  font-size     : 30px;
  text-align    : center;
}
.text a {text-decoration: none;}                                   
.text a:hover{color: #ff0000 !important;}                         
.text a:link {color: #ffffff;}                                     
.text a:visited  {color: #ffffff;}                                 

.numbertext {                                                      
  position      : absolute;		
  padding       : 8px 12px;
  top           : 0;  
  color         : #f2f2f2;
  font-size     : 15px;
}
.dot {                                                             
  display       : inline-block;
  cursor        : pointer;
  width         : 15px;
  height        : 15px;
  margin        : 0 2px;
  background-color: #bbb;
  border-radius : 50%;
  transition    : background-color 0.6s ease;
}
.active, .dot:hover {
  background-color: #717171;
}
.fade {                                                            
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to       {opacity: 1}
}
@keyframes fade {
  from {opacity: .4} 
  to       {opacity: 1}
}	 
@media only screen and (max-width: 300px) {                        
  .prev, .next,.text {font-size: 11px}
}
img.scale {
	width       : 100%;
    height      : auto;
}
  
/* Footer_________________________________________________________*/
.footer{                                                           
    display     : table-row;
	height      : 120px;
	background  : #333333;
}
.footerBox{
    width       : 950px;
	height      : 100%;
    margin      : 0 auto;
	padding-top : 1px;
	color       : #ffffff;
	font-size   : 10px;
}