/* CSS Document */

body{
	margin:0; padding:0;
	}

div, h2, p, form, input, label, ul, li,  a, img, span{
	margin:0; padding:0;
	}
	
.spacer{
	line-height:0; font-size:0; clear:both;
	}
	
	/*-------------------------------------------New----------------------------------------*/
	#apDiv1 {
	position:absolute;
	left:759px;
	top:809px;
	width:145px;
	height:112px;
	z-index:1;
}
    #apDiv2 {
	position:absolute;
	left:527px;
	top:840px;
	width:4px;
	height:2px;
	z-index:1;
}

#apDiv3 {
	position: absolute;
	left: 38px;
	top: 753px;
	width: 208px;
	height: 16px;
	z-index: 1;
	font-size: 9px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: italic;
}
    #apDiv4 {
	position:absolute;
	left:510px;
	top:97px;
	width:258px;
	height:20px;
	z-index:1;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12px;
}
    #apDiv5 {
	position:absolute;
	left:291px;
	top:551px;
	width:304px;
	height:183px;
	z-index:1;
}

    #apDiv6 {
	position:absolute;
	left:263px;
	top:185px;
	width:12px;
	height:666px;
	z-index:1;
}
  #apDiv7 {
	position:absolute;
	left:-3px;
	top:171px;
	width:488px;
	height:1px;
	z-index:1;
}
#apDiv8 {
	position:absolute;
	left:289px;
	top:273px;
	width:462px;
	height:262px;
	z-index:1;
}
#apDiv9 {
	position:absolute;
	left:291px;
	top:404px;
	width:259px;
	height:23px;
	z-index:1;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #900;
	font-size: 14px;
}
  #apDiv10 {
	position:absolute;
	left:289px;
	top:524px;
	width:472px;
	height:1px;
	z-index:1;
}
    #apDiv11 {
	position:absolute;
	left:339px;
	top:433px;
	width:702px;
	height:152px;
	z-index:1;
	background-image: url(images2/fundoindex2.gif);
}

  #apDiv13 {
	position:absolute;
	left:291px;
	top:785px;
	width:472px;
	height:1px;
	z-index:1;
}
#footerOuter #footer #apDiv4 a {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}


#footerOuter #footer #apDiv4 a:hover {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12px;
	color: #900;
	text-decoration: none;
}
/*-------------------------------------------Left Side Start----------------------------------------*/

#container{
	margin:0 auto; padding:0;
	width:778px;
	position:relative;
	}
	
#left{
	width: 199px;
	background: url(images2/left_bg.gif) no-repeat 0 0;
	padding: 0 45px 0 5px;
	color: #000000;
	background-color: #FFFFFF;
	float: left;
	}

#left img{
	position:absolute;
	left:44px;
	top:30px;
	width: 213px;
	height: 107px;
	}
	
#left ul{
	margin:0; padding:184px 0 30px 9px; 
	list-style:none;
	}
	
#left ul li{	
	margin:0; padding:0; height:53px; line-height:53px;
	}

#left ul li a.home{
	background:url(images2/home_on.gif) no-repeat 0 0 #FFFFFF;
	color:#0475AD;
	text-decoration:none;
	width:104px;
	height:46px;
	display:block;
	padding:7px 0 0 77px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	}
	
#left ul li a.home span{
	font:normal 14px/12px Arial, Helvetica, sans-serif;
	color:#515050; background-color:#F2F2F2;
	text-decoration:none; display:block;
	}
	
#left ul li a.home:hover{
	background:url(images2/home_on.gif) no-repeat 0 0 #FFFFFF;
	color:#0475AD;
	font-size: 14px;
	}

#left ul li a.home span:hover{
	background:url(images2/home_on.gif) no-repeat 0 0 #FFFFFF;
	color:#0475AD;
	}
	
#left ul li a.about{
	background:url(images2/about_us.gif) no-repeat 0 0 #FFFFFF;
	font:normal 14px/14px Arial, Helvetica, sans-serif;
	color:#0475AD; text-decoration:none;
	width:104px; height:46px; display:block;
	padding:7px 0 0 77px; margin:0;
	}
	
#left ul li a.about span{
	font:normal 14px/12px Arial, Helvetica, sans-serif;
	color:#515050; display:block; background-color:#FFFFFF;
	text-decoration:none; margin:0; padding:0;
	}
	
#left ul li a.about:hover{
	background:url(images2/about_us_on.gif) no-repeat 0 0 #FFFFFF;
	color:#0475AD;
	}
	
#left ul li a.about:hover span{
	background-color:#F2F2F2; color:#515050;
	}
	
#left ul li a.graph{
	background:url(images2/graph.gif) no-repeat 0 0 #FFFFFF;
	font:normal 14px/14px Arial, Helvetica, sans-serif;
	color:#0475AD; text-decoration:none;
	width:104px; height:42px; display:block;
	padding:11px 0 0 77px; margin:0;
	}
	
#left ul li a.graph span{
	font:normal 14px/12px Arial, Helvetica, sans-serif;
	color:#515050; display:block; background-color:#FFFFFF;
	text-decoration:none;
	}
	
#left ul li a.graph:hover{
	background:url(images2/graph_on.gif) no-repeat 0 0 #FFFFFF;
	color:#515050;
	font-size: 14px;
	}
	
#left ul li a.graph:hover span{
	background-color:#F2F2F2; color:#515050;
	}	
	
#left ul li a.planning{
	background:url(images2/planning.gif) no-repeat 0 0 #FFFFFF;
	font:normal 14px/14px Arial, Helvetica, sans-serif;
	color:#0475AD; text-decoration:none;
	width:104px; height:42px; display:block;
	padding:11px 0 0 77px; margin:0;
	}
	
#left ul li a.planning span{
	font:normal 14px/12px Arial, Helvetica, sans-serif;
	color:#515050; display:block; background-color:#FFFFFF;
	text-decoration:none;
	}
	
#left ul li a.planning:hover{
	background:url(images2/planning_on.gif) no-repeat 0 0 #FFFFFF;
	color:#0475AD;
	}
	
#left ul li a.planning:hover span{
	background-color:#F2F2F2; color:#515050;
	}
	
#left ul li a.services{
	background:url(images2/services.gif) no-repeat 0 0 #FFFFFF;
	font:normal 14px/14px Arial, Helvetica, sans-serif;
	color:#0475AD; text-decoration:none;
	width:104px; height:42px; display:block;
	padding:11px 0 0 77px; margin:0;
	}
	
#left ul li a.services span{
	font:normal 14px/12px Arial, Helvetica, sans-serif;
	color:#515050; display:block; background-color:#FFFFFF;
	text-decoration:none;
	}
	
#left ul li a.services:hover{
	background:url(images2/services_on.gif) no-repeat 0 0 #FFFFFF;
	color:#0475AD;
	font-size: 14px;
	}
	
#left ul li a.services:hover span{
	background-color:#F2F2F2; color:#515050;
	}

#left ul li a.projects{
	background:url(images2/projects.gif) no-repeat 0 0 #FFFFFF;
	font:normal 14px/14px Arial, Helvetica, sans-serif;
	color:#0475AD; text-decoration:none;
	width:104px; height:42px; display:block;
	padding:11px 0 0 77px; margin:0;
	}
	
#left ul li a.projects span{
	font:normal 14px/12px Arial, Helvetica, sans-serif;
	color:#515050; display:block; background-color:#FFFFFF;
	text-decoration:none;
	}
	
#left ul li a.projects:hover{
	background:url(images2/projects_on.gif) no-repeat 0 0 #FFFFFF;
	color:#0475AD;
	}
	
#left ul li a.projects:hover span{
	background-color:#F2F2F2; color:#515050;
	}
	
#left ul li a.contact{
	background:url(images2/contact.gif) no-repeat 0 0 #FFFFFF;
	color:#0475AD;
	text-decoration:none;
	width:104px;
	height:42px;
	display:block;
	padding:11px 0 0 77px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	}
	
#left ul li a.contact span{
	font:normal 14px/12px Arial, Helvetica, sans-serif;
	color:#515050; background-color:#FFFFFF; 
	display:block;
	text-decoration:none;
	}
	
#left ul li a.contact:hover{
	background:url(images2/contact_on.gif) no-repeat 0 0 #FFFFFF;
	color:#0475AD;
	}
	
#left ul li a.contact:hover span{
	background-color:#F2F2F2; color:#515050;
	}
	
#left h2{
	color:#000000;
	background-color:#F3F3F3;
	padding:14px 0 8px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 26px;
	font-weight: normal;
	font-variant: normal;
	}
	
#left div.member{
	margin:0; padding:0;
	background-color:#F3F3F3; color:#000000;
	}
	
#left div.topcurve{
	background:url(images2/top_curve.gif) no-repeat 0 #FFFFFF;
	height:4px; width:199px; font-size:0; 
	display:block;
	}

#left div.bottomcurve{
	background:url(images2/bottom_curve.gif) no-repeat 0 0 #FFFFFF;
	height:4px; width:199px; font-size:0; color:#000000;
	display:block;
	}
	
#left form#memberForm{
	background:url(images2/form_bg.gif) repeat-y 0 0 #FFFFFF;
	color:#000000; width:149px; height:183px;
	padding:0 25px 0 25px;
	}

#left form#memberForm input{
	width:138px; height:16px;
	background-color:#FFFFFF; 
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	border-left:#808080 solid 1px;
	font:normal 14px/16px Arial, Helvetica, sans-serif;
	color:#000000; margin:0 0 6px 0; padding:4px; 
	float:left;
	}
	
#left form#memberForm p.remember{
	font:normal 10px/11px Arial, Helvetica, sans-serif;
	color:#282828; text-transform:uppercase; background-color:#F3F3F3;
	width:125px; height:28px; 
	float:left;
	}

#left form#memberForm input.check{
	width:16px; height:16px; border:none; background:none;
	float:right;
	}
	
#left form#memberForm div.login{	
	background-color:#D0D0D0; width:148px; height:15px;
	color:#000000; 
	}
	
#left form#memberForm input.loginBtn{
	background:url(images2/login_btn.gif) no-repeat 0 0 #F3F3F3;
	font:bold 11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FDFDFD; width:67px; height:15px; margin:0; padding:0;
	text-align:center; border:none;
	cursor:pointer; float:right;
	}

a.registerBtn{
	background:url(images2/register_btn.gif) no-repeat 3px 0 #F3F3F3;
	font:bold 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center; text-decoration:none;
	color:#FFFFFF; border:0; margin:0; padding:0 0 0 3px;
	width:67px; height:15px; 	
	float:right;
	}

#left div.contact{
	margin:-5px 0 27px 0;
	width:199px;
	}
	
#left form#contactForm{
	background:url(images2/form_bg.gif) repeat-y 0 0 #FFFFFF;
	color:#000000; width:149px; height:346px;
	padding:0 25px 0 25px;
	}

		
#left form#contactForm label{
	font:normal 14px/22px Arial, Helvetica, sans-serif;
	color:#333227; background-color:#F3F3F3; 
	display:block;
	float:left;
	}
	
#left form#contactForm input{
	width:138px; height:16px;
	background-color:#FFFFFF; 
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	border-left:#808080 solid 1px;
	font:normal 14px/16px Arial, Helvetica, sans-serif; color:#000000;	
	padding:4px; float:left;
	}
	
#left form#contactForm textarea{
	width:142px; height:68px;
	background-color:#FFFFFF; 
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	border-left:#808080 solid 1px;
	font:normal 14px/16px Arial, Helvetica, sans-serif;
	color:#000000; float:left;
	}
	
#left form#contactForm div.submit{
	background-color:#D0D0D0;
	height:15px;
	width:148px;
	color:#000000;
	margin:20px 0 28px 0;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	}
	
#left form#contactForm input.resetBtn{
	background:url(images2/login_btn.gif) no-repeat 0 0 #F3F3F3;
	font:bold 11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FDFDFD; width:67px; height:15px; margin:0; padding:0;
	text-align:center; border:none;
	cursor:pointer; float:right;
	}	

#left form#contactForm input.submitBtn{
	background:url(images2/register_btn.gif) no-repeat 3px 0 #F3F3F3;
	font:bold 11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FDFDFD; width:70px; height:15px; margin:0; padding:0 0 0 3px;
	text-align:center; border:none;
	cursor:pointer; float:right;
	}


/*-------------------------------------------Left Side End----------------------------------------*/

/*-------------------------------------------Right SIde Start----------------------------------------*/

#right{
	background:url(images2/nova.jpg) no-repeat -20px 35px #FFFFFF;
	color:#000000;
	width:448px;
	float:left;
	padding-top: 200px;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 0;
	}
	
#right h2{
	color:#000000;
	text-transform:uppercase;
	background-color:#FFFFFF;
	margin:0 0 8px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 38px;
	font-weight: normal;
	font-variant: normal;
	}
	
#right h2 span{
	color:#0475AD;
	text-transform:uppercase;
	background-color:#FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: 38px;
	font-weight: normal;
	font-variant: normal;
	}
	
#right p{
	font:normal 14px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#595858;
	background-color:#FFFFFF;
	text-align: justify;
	font-size: 12px;
	}
#right strong{
	font-weight:bold;
	}

a.read{
	background:url(images2/read_more_bg.gif) no-repeat 0 0 #FFFFFF;
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#FBFBFB; text-align:center; width:97px;
	text-decoration:none; margin:0 10px 29px 0;
	float:right;
	}
	
#right div.apent{
	}
	
#right div.launch{
	background:url(images2/launch_pic.gif) no-repeat 0 0 #FFFFFF;
	color:#000000; width:132px; height:15px; 
	margin:0 10px 0 0; padding:70px 0 0 85px;
	float:left;
	}
	
#right div.launch a{
	background:url(images2/view_launch.gif) no-repeat left bottom #0088CE;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center; width:72px; float:left;
	text-decoration:none; 
	}
	
#right div.solutions{
	background:url(images2/solution_pic.gif) no-repeat 0 0 #FFFFFF;
	color:#000000; width:132px; height:15px; 
	margin:0; padding:70px 0 0 85px;
	float:left;
	}
	
#right div.solutions a{
	background:url(images2/view_solution.gif) no-repeat left bottom #F37200;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center; width:72px; 
	text-decoration:none; float:left;
	}
	
#right h2.dates{
	background:url(images2/page.gif) no-repeat 0 0 #FFFFFF;
	font:normal 24px/30px Arial, Helvetica, sans-serif;
	color:#0475AD; width:245px; height:54px; 
	padding:7px 0 0 74px; margin:30px 0 20px 0; float:left;
	}
	
#right h2.dates span{
	background:url(images2/date_bg.gif) no-repeat 0 0 #FFFFFF;
	font:bold 12px/17px Arial, Helvetica, sans-serif;
	color:#282828; width:169px; height:17px; padding:0 0 0 11px; float:left;
	}
	
#right p.greyText{
	font:normal 14px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#595858; background-color:#FFFFFF; 
	padding:0 0 12px 0;
	}
	
#right strong{
	font-weight:bold;
	}
	
#right p.bold{
	font:normal 15px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#595858; background-color:#FFFFFF; 
	padding:0 0 18px 0;
	}
	
#right p.grey{
	background:url(images2/grey_bg.gif) repeat-x 0 0 #FFFFFF;
	line-height:11px; color:#FBFBFB; text-align:right;
	height:11px; margin:0 10px 0 0;
	}
	
#right p.grey a{
	background:url(images2/read_bg_2.gif) no-repeat 5px 0 #FFFFFF;
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#FBFBFB; text-align:center; width:92px;
	text-decoration:none; display:block; 
	float:right; padding:0 0 0 0;
	}

/*-------------------------------------------Right SIde End----------------------------------------*/

/*-------------------------------------------Footer Start----------------------------------------*/

#footerOuter{
	background-color:#EBEBEB; border-top:#D9D9D9 solid 2px;
	color:#000000;
	}
	
#footer{
	position:relative;
	margin:0 auto; width:778px;
	background:url(images2/footer_bg.gif) no-repeat 0 0 #EBEBEB;
	color:#000000; height:115px; text-align:right; 
	padding:24px 14px 0 0;
	}
	
#footer img{
	position:absolute;
	left:50px;
	top:13px;
	width: 152px;
	height: 66px;
	}
	
#footer ul.nav{
	padding:0; margin:0;
	}
	
#footer ul.nav li{
	list-style:none;
	font:normal 10px/11px Arial, Helvetica, sans-serif;
	color:#010101; background-color:#EBEBEB; 
	float:right;
	}
	
#footer ul.nav li a{
	font:normal 10px/11px Arial, Helvetica, sans-serif;
	color:#010101; text-transform:uppercase; padding:0 10px;
	text-decoration:none; background-color:#EBEBEB;
	}
#footer ul.nav li a:hover{
	background-color:#D6D3D3; color:#010101;
	}
	
#footer p{
	font:normal 12px/28px Arial, Helvetica, sans-serif;
	color:#AF5200; background-color:#EBEBEB; 
	padding:0 10px 0 0; float:right;
	}
	
#footer ul.bottom{
	margin:0; padding:0;
	}

#footer ul.bottom li{
	list-style:none; float:right;
	background:url(images2/footer_list_icon.gif) no-repeat right 50% #EBEBEB;
	color:#070707; padding:0 12px 0 0;	margin:0 8px 0 0;
	}
	
#footer ul.bottom li a{
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#070707; background-color:#EBEBEB; 
	text-decoration:none;
	}
	
#footer ul.bottom li a:hover{
	background-color:#D6D3D3; color:#070707;
	}
	
#footer p.design{
	font:normal 12px/28px Arial, Helvetica, sans-serif;
	color:#AF5200; background-color:#EBEBEB; 	
	padding:0 10px 0 0; float:right;
	}
	
#footer p.design a{
	font:bold 12px/28px Arial, Helvetica, sans-serif;
	color:#AF5200; text-decoration:none; background-color:#EBEBEB;
	}
	
#footer p.design a:hover{
	background-color:#E6BD98; color:#AF5200;
	}
	


/*-------------------------------------------Footer End----------------------------------------*/
start imagens op vcinformatica
#footer-main #footer #apDiv5 a {
	color: #c4c4c4;
}
.imgsd img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);
-moz-opacity: 1.95;
}

.imgsd:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.imgsd img{
border: 2px solid #ccc;
}

.imgsd:hover img{
border: 2px solid #fff;
}

.imgsd:hover{
color: red; 
}
end imagens op vcinformatica
#container #right h2 {
	font-weight: bold;
}
.tituloserra {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
}
#container #right h2 .tituloserra {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #900;
	text-decoration: underline;
}