/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden;}

/* Global properties */

body {background:#454545;border:0;font:13px Arial,Helvetica,sans-serif;color:#818181;line-height:18px;padding:0px 0 2px 0}
.main {	margin:0 auto;	width:1054px;}
.main1 { margin:0 auto;	width:980px;}
.body1 {background:url(../images/bg_top1.gif) top repeat-x #f2f2f2}
.body2 {background:#e6e6e6;border-bottom:1px solid #4e4e4e}

/* main layout */

a {color:#ff0000;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {font-size:22px;line-height:1.2em;color:#eb7000;padding:12px 0px 5px 3px;letter-spacing:1px; text-align:left;}
h5 {font-size:18px;line-height:1.2em;color:#003C50;padding:25px 0px 5px 5px;letter-spacing:1px; text-align:left;}
h6 {font-size:18px;line-height:1.2em;color:#7F0000;padding: 0px 0px 13px 0px;letter-spacing:1px; text-align:left;}
h2 {font-size:36px;color:#000;line-height:1.2em;padding:36px 0 21px 0;letter-spacing:-1px;}
h2.pad_bot1 {padding-bottom:11px;font:13px Arial,Helvetica,sans-serif; color:#000000;}
h2.pad_top1 {padding-top:10px;font:13px Arial,Helvetica,sans-serif;color:#000000;}
h3 {font-size:22px;line-height:1.2em;color:#000;padding:30px 0 13px 0;letter-spacing:-1px; text-align:left;}
.menu-iconer {
padding:0px 2px;
}

.clsContent
{
    text-align:justify;
    font:13px Arial,Helvetica,sans-serif;
    color:#000000;
    line-height:20px;
    padding-left: 15px;
    padding-right: 15px;
}
.clsContent1
{
    text-align:justify;
    font:13px Arial,Helvetica,sans-serif;
    color:#000000;
    line-height:20px;
    padding-left: 5px;
    padding-right: 15px;
}
.clsContentRightside
{
    text-align:justify;
    font:13px Arial,Helvetica,sans-serif;
    color:#00317A;
    line-height:20px;
    padding-left: 15px;
    padding-right: 15px;
}
/* header */
header {width:100%;position:inherit;}
#top_nav {float:right;padding:5px 32px 0 0}
#top_nav li {float:left;padding-right:8px;margin-right:7px;}
#top_nav li a {color:#fff;text-decoration:none;font-size:12px}
#top_nav li a:hover {text-decoration:underline}
#top_nav .end {padding-right:0;margin-right:0;background:none}
.date {float:left;font-size:15px;color:#fff;padding:14px 0 0 10px}

#logo {display:block;background:url(../images/anpr-system.png) 0 0 no-repeat;width:283px;height:93px; float:left;padding:2px 0 0 0 ;}

.img {float:left;margin: -0.5cm auto;display:block;background:url(../images/anpr-system.png) 0 0 no-repeat;width:283px;height:93px;}
.clsImageListHome
{
    width: 135px;
    height: 93px;
    padding-left: 6px;
}
#img1 {float:right;padding-top: 28px;padding-left:180px;}

#connect{float:left;padding-left:748px; padding-top: 23px; font-weight: bold;}

.text {font-size:20px;line-height:1.2em;color:#fff;padding:43px 0 0 45px;letter-spacing:-1px;float:left;width:340px;position:relative}
.text p span {display:block;margin-top:-4px}
.text p {padding-left:5px;padding-bottom:0px}
.text .tittle {font-size:75px;line-height:1.2em;display:block;letter-spacing:-2px;margin-bottom:-10px}
.text .tittle span {font-size:46px;line-height:1.2em;color:#000;display:block;margin-top:-22px;letter-spacing:-1px}
.text .button1 {display:block;position:absolute;top:295px;left:49px;background:url(../images/button_1.png) 0 0 no-repeat;width:158px;height:56px;text-align:center;font-size:24px;line-height:46px;color:#3d6c00;text-transform:uppercase;text-decoration:none}
.text .button1:hover {color:#000}

/* content */
#content {padding-bottom:48px;width:100%;overflow:hidden;height:auto; padding-top:0px;}
#content2 {padding-bottom:49px;width:100%;overflow:hidden}

.clsImgHome
{
    padding-left: 15px;
}
.marg_right1 {margin-right:19px; padding-left: 15px; padding-top: 6px;}
.pad_bot1 {padding-bottom:6px;text-align:justify;
    font:13px Arial,Helvetica,sans-serif;
    color:#000000;
    line-height:20px;}
.clscontxt{padding-bottom:6px;text-align:justify;
    font:13px Arial,Helvetica,sans-serif;
    color:#000000;
    line-height:20px;}
.pad_bot2 {padding-bottom:18px}
.pad_bot3 {padding-bottom:12px}
.pad_top1 {padding-top:6px}
.pad_left1 {padding-left:40px}
.color1 {color:#000} 
.link1 {text-decoration:none}
.link1:hover {color:#76a300}
.button {display:inline-block;background:url(../images/button_2.png) 0 0 no-repeat;width:129px;height:44px;font-weight:bold;text-align:center; text-decoration:none;line-height:36px}
.button:hover {color:#76a300}

.list1 li {font-size:12px;line-height:24px}
.list1 li a {padding-left:8px;background:url(../images/marker_1.gif) 0 5px no-repeat}
.list2 {margin-top:-6px}
.list2 li {line-height:24px}
.list2 li a {padding-left:8px;background:url(../images/marker_1.gif) 0 5px no-repeat}
#newsletter {}
#newsletter .bg {background:url(../images/newsletter_input.png) 0 0 no-repeat;min-height:43px}
#newsletter .input {background:none;padding:7px 10px;width:231px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#c0c0c0;height:14px} 
#icons {}
#icons li {line-height:24px;font-size:12px}
#icons img {float:left;margin-right:10px;margin-top:4px}
.address {line-height:24px;font-size:12px}
.address span {width:57px;float:left;color:#000}
.address a {color:#76a300}

.readmore {float:right; padding: 0 0 0 0;}


/* footer */
footer {color:#fff;font-size:12px;padding:5px 0 10px 0;text-align:center;width:100%; overflow:hidden; letter-spacing: 1px;}
footer a {color:#fff;margin:0px 15px; text-decoration:underline;}
footer a:hover {text-decoration:underline;color:#01c0ff}
.company{padding-top: 10px; letter-spacing: 1px;}
.company a { color:#01c0ff;margin:0px 6px;}
company a:hover {text-decoration:underline;color:#fff;}

/* forms ======= */
#ContactForm {padding-top:1px}
#ContactForm span {float:left;width:94px;line-height:28px;color:#000}
#ContactForm .wrapper {min-height:34px}
#ContactForm .bg {float:left;background:#fff;border-left:1px solid #bfbfbf;border-top:1px solid #01c0ff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;position:relative}
#ContactForm .textarea_box {height:230px;width:100%;overflow:hidden}
#ContactForm a {margin-left:2px;float:right}
#ContactForm .input {width:230px;background:none;padding:6px 10px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#c0c0c0;height:15px;margin:0}
#ContactForm textarea {overflow:auto;width:434px;background:none;padding:6px 10px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#c0c0c0;height:207px;margin:0}

/*===============================================================================================================================================================*/

.wrap {
	width: 1054px;
	margin: 0em auto;
}

.clearfix {
	clear: both;
}

nav {
    background: -webkit-gradient(linear, center top, center bottom, from(#24bdf1), to(#4fd3ff));
	background: -moz-gradient(linear, center top, center bottom, from(#24bdf1), to(#4fd3ff));
	background: -o-gradient(linear, center top, center bottom, from(#24bdf1), to(#4fd3ff));
	background: -moz-linear-gradient(#24bdf1, #4fd3ff);
	background: -webkit-linear-gradient(#24bdf1, #4fd3ff);
	background: -o-linear-gradient(#24bdf1, #4fd3ff);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#24bdf1',endColorstr='#4fd3ff');
	border-radius: 15px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);
	padding: 0 10px;
	position: relative;
	
}
 
.menu_active { }

.menu li {
	float:left;
	position:relative;
	margin-right:1px
}

.menu li a {
	color: #444;
	display:inline-block;
	font-size: 14px;
	line-height: 20px;
	padding: 6px 15px;
	margin: 8px 8px;
	vertical-align: middle;
	text-decoration: none;
}

.menu li a:hover {
	-ms-border-radius:12px;
    behavior:url(/PIE.htc);
     
	background: #0a63c5; /* Old browsers */
	background: -moz-linear-gradient(top,  #0a4893 0%, #0a63c5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a4893), color-stop(100%,#0a63c5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0a4893 0%,#0a63c5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0a4893 0%,#0a63c5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0a4893 0%,#0a63c5 100%); /* IE10+ */
	background: linear-gradient(top,  #0a4893 0%,#E9EEF5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39C8F8', endColorstr='#39C8F8',GradientType=0 );
  border:1px solid #489cf7
	background: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#fff));
	background: -moz-gradient(linear, center top, center bottom, from(#ededed), to(#fff));
	background: -webkit-linear-gradient(#ededed, #fff);
	background: -moz-linear-gradient(#ededed, #fff);
	-moz-border-radius: 12px;
	 -khtml-border-radius:12px;
	-webkit-border-radius: 12px;
	  -khtml-box-shadow:inset 0px 0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
	color: #222;
}

/* Dropdown styles */

.menu ul {
	position: absolute;
	left: -9999px;
	list-style: none;
	opacity: 0;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	transition: opacity 1s ease;
	}

.menu ul li {
	float: none;
}

.menu ul a {
	white-space:nowrap;
}

/* Displays the dropdown on hover and moves back into position */
.menu li:hover ul {
	background-color:#01c0ff;
	border-radius: 0 0 6px 6px;
	-o-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
	-o-box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
	left: 5px;
	opacity: 1;
	z-index:300;
}

/* Persistant Hover State */
.menu li:hover a {
	background: -webkit-gradient(linear, center top, center bottom, from(#01c0ff), to(#01c0ff));
	background: -moz-gradient(linear, center top, center bottom, from(#01c0ff), to(#ededed));
	background: -o-gradient(linear, center top, center bottom, from(#01c0ff), to(#ededed));
	background: -moz-linear-gradient(#01c0ff, #01c0ff);
	background: -webkit-linear-gradient(#01c0ff, #01c0ff);
	background: -o-linear-gradient(#01c0ff, #01c0ff);
	border-radius: 12px;
	-o-border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-box-shadow: inset 0px 0px 1px 1px #ededed;
	-o-box-shadow: inset 0px 0px 1px 1px #ededed;
	-webkit-box-shadow: inset 0px 0px 1px 1px #ededed;
	color: #222;
	display:block;
}

.menu li:hover ul a {
	background-color:#01c0ff;
	border-radius:0;
    -webkit-border-radius:0; 
    -o-border-radius:0;
	 box-shadow: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
	
}

.menu li:hover ul li a:hover {
	behavior:url(/PIE.htc);
    -ms-border-radius:12px;
    background: -ms-linear-gradient(top,  #0a4893 0%,#E9EEF5); /* IE10+ */
    background: linear-gradient(top,  #0a4893 0%,#E9EEF5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9EEF5', endColorstr='#E9EEF5',GradientType=0 );
	background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fff));
	background: -moz-gradient(linear, center top, center bottom, from(#eee), to(#fff));
	background: -o-gradient(linear, center top, center bottom, from(#eee), to(#fff));
	background: -moz-linear-gradient(#ededed, #fff);
	background: -webkit-linear-gradient(#ededed, #fff);
	background: -o-linear-gradient(#ededed, #fff);
	border-radius: 12px;
	-khtml-border-radius:12px;
	-o-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3);
	-o-box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3);
}

/*================================================================*

/* Social Media Icons */

/*.social { list-style:none; width:464px;margin-left: 420px;}*/
.social li { display:block; float:right; background-repeat:no-repeat;margin: 1em auto; }
.social li a { display:block; width:42px; height:32px; padding-right:0px; position:inherit; text-decoration:blink;border-bottom:0px none;}
.social li a strong { font-weight:normal; position:relative; bottom:22px; color:#fff; padding:3px; z-index:-1f; overflow:hidden;
 background-color: #00000F;
 -moz-border-radius:2px;
 -webkit-border-radius:2px; 
 -o-border-radius:2px; 
 text-indent: -7000px;
 
}

li.blogger { background-image:url("../images/blogger.png");}
li.facebook { background-image:url("../images/facebook.png"); }
li.google-plus { background-image:url("../images/google-plus.png"); }
li.linkedin { background-image:url("../images/linkedin.png"); }
li.twitter { background-image:url("../images/twitter.png"); }

/* SOCIAL ICONS - CSS3 */

#css3:hover li { opacity:0.3; }

#css3 li 
{
  -o-transition-property: opacity;
  -o-transition-duration: 500ms;
  -o-transition-property: opacity;
  -o-transition-duration: 500ms; 
  
  -moz-transition-property: opacity;
  -moz-transition-duration: 500ms;
  -moz-transition-property: opacity;
  -moz-transition-duration: 500ms; 

  -webkit-transition-property: opacity;
  -webkit-transition-duration: 500ms;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 500ms; 
  
 }
 
#css3 li a strong 
{
    opacity:0;
    -o-transition-property: opacity, top;
    -o-transition-duration: 300ms;
    -webkit-transition-property: opacity, top;
    -webkit-transition-duration: 300ms; 
    -moz-transition-property: opacity, top;
    -moz-transition-duration: 300ms; 
    }

#css3 li:hover { opacity:1; }
#css3 li:hover a strong { opacity:1; top:3px; }

.clsMainDiv
{
    width: 100%;
    
}
.clsLeftDiv
{
    width: 75%;
    vertical-align: top;
   float: left;
}
.clsRightDiv
{
    width: 25%;
    float: right;
}


.clsLeftDiv1
{
    width: 60%;
    vertical-align: top;
   float: left;
}
.clsRightDiv1
{
    width: 38%;
    float: right;
}


.clsLeftDiv2
{
    width: 30%;
    vertical-align: top;
   float: left;
}
.clsRightDiv2
{
    width: 50%;
    float: right;
}

.Clslbl
{
    font:13px Arial,Helvetica,sans-serif;
    color:#000000;
}
.wrapper {min-height:34px;width:100%;}
.bg {float:left; background:#fff;border-left:1px solid #bfbfbf;border-top:1px solid #bfbfbf;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.bgcon { width:auto; float:left; background:#fff;border-left:1px solid #bfbfbf;border-top:1px solid #bfbfbf;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.bglft {float:left;width:45%; padding-left:14px;}
.bglftcon {float:left;width:40%; padding-left:14px; padding:50px; margin-top:100px;}
.bgrt { float:right;width:50%}
.textarea_box {height:230px;width:100%; padding-left:14px;}
.textarea_boxcon{height:230px;width:100%;float:left;}
.textareacon {overflow:auto;width:335px;background:none;padding:6px 10px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#000;height:170px;margin:0}
.textareacon:focus{border:2px Solid #68A3C2;  border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.anchor {margin-left:2px;float:right}
.input {width:340px;background:none;padding:6px 10px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#000;height:15px;margin:0}
.input:focus{border:2px Solid #68A3C2; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.textarea {overflow:auto;width:434px;  padding-right:10px;background:none;padding:6px 10px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#000;height:207px;margin:0}
.textarea:focus{border:2px Solid #68A3C2;  border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.bulletli
{
    list-style-type:square;
    list-style-position:inside;
}

.clsErrorText
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    color: #FF001E ;
}

.CLSrt
{

float:right;
width:200px;
height:auto;
text-align:center;
border:1px solid #eaeaea;background:url(../images/block-news-tail.gif) 0 0 repeat-x #f9f9f9;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;
}

.CLSlft
{
 margin-top:20px;
float:left;
width:100%;
}
.Clssectionlft
{
    float: left; width: 50%; height: auto; margin-left: 20px; text-align: justify;
}
.Clssectionrt
{
    float: right; width: 40%; height: 50%;
}
.Clsstar
{
    color:Red;
}
.ClsActiveMenu
{
 -ms-border-radius:12px;
      behavior:url(/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01C0FF', endColorstr='#01C0FF',GradientType=0 );
    background: -webkit-gradient(linear, center top, center bottom, from(#01c0ff), to(#01c0ff));
	background: -moz-gradient(linear, center top, center bottom, from(#01c0ff), to(#ededed));
	background: -o-gradient(linear, center top, center bottom, from(#01c0ff), to(#ededed));
	background: -moz-linear-gradient(#01c0ff, #01c0ff);
	background: -webkit-linear-gradient(#01c0ff, #01c0ff);
	background: -o-linear-gradient(#01c0ff, #01c0ff);
	-o-border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-moz-box-shadow: inset 0px 0px 1px 1px #ededed;
	-o-box-shadow: inset 0px 0px 1px 1px #ededed;
	-webkit-box-shadow: inset 0px 0px 1px 1px #ededed;
	color: #222;
	display:block;

}