/******************************
*geral
*
****************************/

*{
	margin:0;
	padding:0;	
	text-decoration:none;
	border:none;	
}

li{
	list-style:none;
}



h3{
	font:bolder 14px Arial, Helvetica, sans-serif;
	color:#767676;
	background-color:transparent;
	line-height:50px;
}

h5{
	font:9px Arial, Helvetica, sans-serif;
	color:#767676;
	margin-bottom:15px;
}

body {
	font:11px Arial, Helvetica, sans-serif;	
}


#topo{
	position: relative;
	margin:0px auto;
	/*border: 1px solid red;*/
	height:102px;
	width:754px;
	background: url(images/logo.png)  no-repeat;
}

#topo a{
	display:block;
	width:197px;
	height:102px;
}


/*******************
  MENU

*********************/

#menu{
	width:754px;
	height:36px;
	margin:0 auto;
	position:relative;
}


#menu li{
	height: 36px;	
	position:absolute;	
	display:block;	
	background: url(images/menu.png) 0px 0px no-repeat;	
}

#menu a{
	height:36px;
	display: block;	
}

#menu #yellowicon{
	width: 28px;
	left: 0px; 
}

#menu #yellowicon a:hover{background: url(images/menu.png) -0px -36px no-repeat scroll;}
#menu #yellowicon a:active{background: url(images/menu.png) -0px -36px no-repeat scroll;}

#menu #blog{
	width: 61px;
	left: 28px;
	background-position:-28px -36px;
}

#menu #blog a:hover{background: url(images/menu.png) -28px 0px no-repeat scroll;}
#menu #blog a:active{background: url(images/menu.png) -28px 0px no-repeat scroll;}

#menu #about{
	width: 61px;
	left: 89px;
	background-position: -89px -36px;	
}

#menu #about a:hover{background: url(images/menu.png) -89px 0px no-repeat scroll;}
#menu #about a:active{background: url(images/menu.png) -89px 0px no-repeat scroll;}

#menu #iconbase{
	width: 61px;
	left: 150px;
	background-position: -150px -36px;	
}

#menu #iconbase a:hover{background: url(images/menu.png) -150px 0px no-repeat scroll;}
#menu #iconbase a:active{background: url(images/menu.png) -150px 0px no-repeat scroll;}

#menu #services{
	width: 61px;
	left: 211px;
	background-position: -211px -36px;	
}

#menu #services a:hover{background: url(images/menu.png) -211px 0px no-repeat scroll;}
#menu #services a:active{background: url(images/menu.png) -211px 0px no-repeat scroll;}

#menu #portfolio{
	width: 61px;
	left: 272px;
	background-position: -272px -36px;	
}

#menu #portfolio a:hover{background: url(images/menu.png) -272px 0px no-repeat scroll;}
#menu #portfolio a:active{background: url(images/menu.png) -272px 0px no-repeat scroll;}

#menu #stockicon{
	width: 71px;
	left: 332px;
	background-position: -332px -36px;	
}

#menu #stockicon a:hover{background: url(images/menu.png) -332px 0px no-repeat scroll;}
#menu #stockicon a:active{background: url(images/menu.png) -332px 0px no-repeat scroll;}

#menu #downloads{
	width: 79px;
	left: 402px;
	background-position: -402px 0px;	
}

#menu #downloads a:hover{background: url(images/menu.png) -402px 0px no-repeat scroll;}
#menu #downloads a:active{background: url(images/menu.png) -402px 0px no-repeat scroll;}

#menu #contacts{
	width: 71px;
	left: 480px;
	background-position: -480px -36px;	
}

#menu #contacts a:hover{background: url(images/menu.png) -480px 0px no-repeat scroll;}
#menu #contacts a:active{background: url(images/menu.png) -480px 0px no-repeat scroll;}

#menu #separator{
	/*width: 188px;*/
	width:178px;
	/*left: 543px;*/
	left:550px;
	background-position: -550px -36px;	
}

#menu #search{
	width: 27px;
	left: 727px;
	background-position: -727px -36px;	
}

#menu #search a:hover{background: url(images/menu.png) -727px 0px no-repeat scroll;}
#menu #search a:active{background: url(images/menu.png) -727px 0px no-repeat scroll;}

body.section10 #menu ul#subnav10{		
	display:inline;	
	position:absolute;
	top:32px;
	left:-110px;	
	width:136px;		
}

body.section10 #menu ul#subnav10 input{
	display:none;
	opacity:0.7;
	filter:alpha(opacity=70);
	font:bolder 11px Arial, Helvetica, sans-serif;
	color:#CCC;
	background:url(images/search.gif) no-repeat;
	width: 136px;	
	border: none;
	height: 18px;	
	padding:2px 0 0 3px;;
}

body.section10 #menu ul#subnav10 input:focus{
	display:block;
	font:bolder 11px Arial, Helvetica, sans-serif;
	color:#767676;
	background-color: #FFFFFF;
}

/*******************
FIM  MENU

*********************/

#body{
	width:756px;
	margin:40px auto;
	/*border:1px solid red;*/
}



/********************************
*
*Start bottom
*
*********************************/



#teste{
	width:754px;
	margin:0px auto;
		
}

#rodape{
	
}

#to-top{	
	width:27px;
	height:36px;
	margin: -36px 0 0 727px;
	background:url(images/totop.jpg) no-repeat 0 -36px;
}

#to-top a{
	display:block;
	height:36px;
}

#to-top a:hover{
/* arrumar 2 pixel abaixo para o internet -32px*/	
	background:url(images/totop.jpg)  0px 0px no-repeat scroll;
}

#copy{
	font:10px Arial, Helvetica, sans-serif;
	color:#767676;
	margin:5px 0 0 0;
}

#copy p{
	font:10px Arial, Helvetica, sans-serif;
	float:right;
}

p.mac{
	clear:both;
	float:right;
	margin-top:5px;
	margin-bottom:0px;
}

p.icontitle{
	font:11px Arial, Helvetica, sans-serif;
	color:#767676;
	float:right;
}

.link{
    margin-left:3px;
}

.img{
  margin-left:3px;
  margin-top:1px;
}

.paginacao{
	font:10px Arial, Helvetica, sans-serif;
	color:#CCC;
	float:right;	
}

.link-dwn{
	clear:both;
	height:60px;		
}

.bo-pg{
	height:40px;
	margin:20px 0 0 0;
	_margin:0px 0 0 0;
}

.bo-pg1{
	height:20px;
	margin:0px 0 -10px 0;
	_margin:0px 0 -10px 0;		
}

.lkpg{
	float:left;
	margin:0 5px 0 0;		
	padding:0 0 0 0;
}

.lkg{
	float:left;
	margin:0 5px 0 0;
}

.lkg a{
	color:#A0A0A0;
}

.lkg a:hover{
	color:#474747;
}

/********************************
*
*End bottom
*

.lkpg{
	font:11px Arial, Helvetica, sans-serif;
	float:left;
	margin:0 10px 0 0;	
	
	padding:0 0 0 0;
}

.paginacao{
	float:right;
	clear:both;
	height:30px;
}

.lkpg a{
	color:#767676;	
}

.lkpg a:hover{
	color:#CCC;
}

a{	
	color:#767676;
	background-color:transparent;
}

a:hover{	
	color:#999999;
	background-color:transparent;
}

*********************************/