/* CSS Document */
@charset "utf-8";
/* portuguese */


div#nav {
	margin: 0;
	padding:0;
	clear: left;
}	

div#nav ul {
	margin: 0;
	padding:0;
	list-style-type: none;
	width: 760px;
}	

div#nav ul li {
	display: inline;
	float: left;
}	

div#nav ul li.nav01 {
	background: url(../../img/nav01.gif) no-repeat;
	width: 194px;
}

div#nav ul li.nav02 {
	background: url(../../img/nav02.gif) no-repeat;
	width: 188px;
}	

div#nav ul li.nav03 {
	background: url(../../img/nav03.gif) no-repeat;
	width: 188px;
}	

div#nav ul li.nav04 {
	background: url(../../img/nav04.gif) no-repeat;
	width: 190px;
}		

div#nav ul li a {
	display: block;
	height: 42px;
	text-indent: -9999px;
}	

div#nav ul li.nav01 a {
	background: url(../../img/nav01.gif) no-repeat;
	width: 194px;
	
}

div#nav ul li.nav02 a {
	background: url(../../img/nav02.gif) no-repeat;
	width: 188px;
	
}	

div#nav ul li.nav03 a {
	background: url(../../img/nav03.gif) no-repeat;
	width: 188px;
}	

div#nav ul li.nav04 a {
	background: url(../../img/nav04.gif) no-repeat;
	width: 190px;
}	

div#nav ul li.nav01 a:hover {
	background: url(../../img/nav01_o.gif) no-repeat;
	width: 194px;
	
}

div#nav ul li.nav02 a:hover {
	background: url(../../img/nav02_o.gif) no-repeat;
	width: 188px;
	
}	

div#nav ul li.nav03 a:hover {
	background: url(../../img/nav03_o.gif) no-repeat;
	width: 188px;
}	

div#nav ul li.nav04 a:hover {
	background: url(../../img/nav04_o.gif) no-repeat;
	width: 190px;
}		
	

p.mainVisual {
	margin: 0;
	padding: 0 0 10px 0;
	width: 535px;
}

div.box {
	margin: 0 0 20px 0;
	padding: 0;
	clear: both;
	width: 533px;
	border: solid 1px #cccccc;
	background: #ffffff;
}

div.box h2{
	margin: 0;
	padding: 0;
}

div.box p.title {
	color: #ff6600;
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: 150px;
	padding: 0 6px 0 10px;
}

div.boxInner {
	margin:0 0 5px 0;
	padding: 0 0 5px 10px;
	width: 350px;
	float: left;
	border-left: solid 1px #dddddd;
}


div.boxInner ul {
	list-style-type: disc;
	list-style-position: inside;
}

div.boxInner ul li{
	line-height: 1.5;
	padding: 0 0 5px 0;
}
/*div.box2 {
	margin: 0 0 20px 0;
	padding: 0;
	clear: both;
	width: 535px;
	background: #ffffff;
}
*/


div.boxInner2 {
	margin:0 0 5px 0;
	padding: 0 0 5px 10px;
	width: 350px;
	float: left;
	border-left: solid 1px #dddddd;
}




/*div.boxInner2 {
	margin: 0 0 20px 0;
	padding: 0;
	width: 535px;
	
	float: left;
	border-left: solid 1px #dddddd;
}
*/
div.boxInner2 ul {
	clear: both;
	list-style-type: disc;
	list-style-position: inside;
}

div.boxInner2 ul li{
	line-height: 1.5;
	padding: 0 0 5px 0;
}

div.box2 h2{
	margin: 0;
	padding: 0;
	
}

div.application {
	margin: 0 9px 0 0;
	padding: 0;
	float: left;
	width: 261px;
	height: 130px;
	border: solid 1px #cccccc;
}

div.application p, div.tools p{
	margin: 0;
	padding: 0 8px 10px 10px;
}

div.tools {
	margin: 0 ;
	padding: 0;
	float: left;
	width: 261px;
	height: 130px;
	border: solid 1px #cccccc;
}

div.noteTop {
	clear: both;
	margin: 10px 0;
	padding:0;
	width: 535px;
}

div.noteTop dl {
	margin: 0;
	padding:0;
	width: 535px;
	font-size: x-small;
}

div.noteTop dl dt {
	float: left;
	width: 1em;
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height: 120%;
}

div.noteTop dl dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 0.5em 1.2em;
	padding: 0;
	line-height: 120%;
}

/*----------------------------------------------
page top link CSS
*----------------------------------------------*/
p.goTop {
	text-align: right;
}

p.goTop a, a:visited{
/*	text-deciration: underline;
*/	color:#0000FF;
}

p.goTop a:hover{
	color:#666666;
}


/*----------------------------------------------
color blue
*----------------------------------------------*/


.blue {
	color: #0066cc;
	font-weight: bold;
	font-size: 14px;
}

/*----------------------------------------------
arrow
*----------------------------------------------*/

.arrow  {
	clear:both;
	margin: 5px 0;
	padding: 0 10px 0 15px!important;
	background: url(../img/arrow.gif) no-repeat left center;
	font-size: small;
	display: block;
}

.arrow a {
	color: #0000FF;
}

.arrow a:hover {
	color:#666666;
}

