@charset "utf-8";

:root {
  --color11:#2F76C3;
  --color12:#DA5745;	
  --color13:#623385;
  --color14:#1E2D42;
  --color21:#BBDAFD;
  --color22:#553D89;
  --color23:#553D89;
  --color24:#1E2D42;
  --white  :#FFF;  
  --black  :#000;  
}

body {
  font-family:  Verdana, Geneva, Arial, helvetica, sans-serif;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

menudv {
	height: 50px;
}

.producttitle {   
 font-family:"Arial Black", Gadget, sans-serif;
 font-size:24px;
 font-weight: bolder;
 padding-left:20px;
 text-align:center;
}
.productinfo {   
 font-family:"Arial Black", Gadget, sans-serif;
 font-size:14px;
 padding-left:20px;
}


.dwl_yellow {
	-webkit-box-shadow: 0 2px 4px rgba(178,140,19,0.5);
	-moz-box-shadow: 0 2px 4px rgba(178,140,19,0.5);
	box-shadow: 0 2px 4px rgba(178,140,19,0.5);
	background:#FFCE34;
	color: #333333;
	font-size:12px;
	font-weight: 600;
	border:0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	cursor: pointer;

	padding:10px 20px;
	margin:9px 0 0 0;
	text-align:center;
	transition: all 0.2s ease 0s;
	width:185px
}
.dwl_yellow:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background:#B28C13;
	color: #FFFFFF;
}
.dwl_yellow_empty {
	background:none;
	border:0;
	padding:5px 1px;margin:9px 0 0 0;text-align:center;width:85px;
	
}


.dwl_bw {
	-webkit-box-shadow: 0 2px 4px rgba(178,140,19,0.5);
	-moz-box-shadow: 0 2px 4px rgba(178,140,19,0.5);
	box-shadow: 0 2px 4px rgba(178,140,19,0.5);
	border-color:#000;
	background:#FFF;
	color: #333333;
	font-size:12px;
	font-weight: 600;
	border:0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	cursor: pointer;

	padding:10px 20px;
	margin:9px 0 0 0;
	text-align:center;
	transition: all 0.2s ease 0s;
	width:185px
}
.dwl_bw:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background:#B28C13;
	color: #FFFFFF;
}
.dwl_bw_empty {
	background:none;
	border:0;
	padding:5px 1px;margin:9px 0 0 0;text-align:center;width:85px;
	
}


.dwl_dnld {
	-webkit-box-shadow: 0 2px 4px rgba(178,140,19,0.5);
	-moz-box-shadow: 0 2px 4px rgba(178,140,19,0.5);
	box-shadow: 0 2px 4px rgba(178,140,19,0.5);
	background:#008000;
	color: #FFF;
	font-size:12px;
	font-weight: 600;
	border:0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	cursor: pointer;

	padding:10px 20px;
	margin:9px 0 0 0;
	text-align:center;
	transition: all 0.2s ease 0s;
	width:185px
}
.dwl_dnld:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background:#FFFF40;
	color:#000;
}


.flex-container {
  display: flex;
  flex-wrap: wrap;
  background-color: #F5F5F5;
}

.flex-container > div {
  background-color: #FFF;
  width: 100px;
  margin: 40px;
  padding:10px;
  height:512px;
  font-size: 30px;
  flex : 40%;
}

.flexinner {
  display: flex;
  flex-wrap: wrap;
  flex-direction:row;
}
.flexinner > div {
  margin: 0px;
  padding:0px;
  margin-bottom:20px;
  flex : 80%;
}

.flexend {
  margin-bottom:20px;
  align-self : flex-end;
}
.productimage {
  opacity: 0.8;
  filter: alpha(opacity=60);
  cursor:pointer;
  position: relative; right: -60px; 
}

.productimage:hoover {
  position: relative; right: -10px; 
  opacity: 1.0;
  filter: alpha(opacity=100);
}

.footer { 
  background-color: #12233A;
  height:200px; padding:1px; 
  margin:0px; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size:12; 
  color: #FFF; 
  line-height:1.5em
}


.maillink { color: #F57A18; text-decoration:none}
.maillink a:visited {color:#333;}
.maillink a:hover {color:#FFF; }


.appcard_eiso {
  width:80%;
  height:100%;
  margin-left:10%;
  margin-right:10%;
  border:solid;
  border-color:#FF8200; 
}

.eiso_titlerow {
	background-color:#FF8200;
	height:50px;
}

.tableinfo {
  width:95%;
  box-shadow: 10px 5px 10px 5px rgba(0,0,0,0.6);
  border-radius:25px;
  margin-left:2%;
  margin-right:2%;
}

.infodetails {
  vertical-align:middle;
  width:50%;
  padding-left: 50px;
  padding-right:50px;
  padding-top:20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:19px;
  font-weight: 300;
  line-height: 27px;
  color:var(--white);
  background-color: var(--color11);
}

.infodetails div{
  margin-top:30px; 
  margin-top:30px; 
  margin-bottom:30px;
}

.infodetails img{
  width:100%;
}

.infodetailstitle {
	text-align:center;
	font-family:"Arial Black";
	font-size:30px;
}