@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
	letter-spacing: 2pt;
	color: #5b5b5b;
	}

a:link {
	color: #5b5b5b;
	text-decoration: none;
	font-weight: normal;
	}
	
a:visited {
	color: #5b5b5b;
	text-decoration: none;
	font-weight: normal;
	}
	
a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	
	}
	
	#container {

	position: absolute; 
	left: 50%; 
	top: 0px;
	width: 960px;
	height: 590px;
	margin-left: -480px; 
	z-index: 1;
	}
	

#logo{
	position: absolute; 
	left: 0px; 
	top: 0px;
	width: 300px;
	height: 104px;
	z-index: 2;
	}
	
#references{
	position: absolute; 
	left: 301px; 
	top: 48px;
	width: 300px;
	height: 53px;
	z-index: 200;
	}

ul#menu, ul#menu ul.sub-menu {
    padding:0;
    margin: 0;
}
ul#menu li, ul#menu ul.sub-menu li {
	list-style-type: none;
	display: inline-block;
/*    padding: 5px;
	width: 280px;
	height: 60px; */
}
/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
    text-decoration: none;
    padding: 5px;
 	width: 280px;
	height: 20px;
    display:inline-block;
}
/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
}
/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
    top: 58px;
    left: 0;
}
ul#menu li:hover ul.sub-menu {
    display: inline-block;
}
ul#menu li ul.sub-menu li a {
	font-size: 8pt;
	border-bottom: solid 1px #737373;
	border-right: solid 1px #737373;
	background: rgb(255, 255, 255) transparent;
	background: rgba(255, 255, 255, 0.9);
}



#aboutus{
	position: absolute; 
	left: 601px; 
	top: 48px;
	width: 150px;
	height: 53px;
	z-index: 4;
	}
	
#contact{
	position: absolute; 
	left: 751px; 
	top: 48px;
	width: 209px;
	height: 53px;
	text-align: right;
	z-index: 5;
	}

#canvas{
	position: absolute; 
	left: 0px; 
	top: 105px;
	width: 960px;
	height: 450px;
	border: 1px solid #737373;
	z-index: 6;
	}
	
#details{
	position: absolute; 
	left: 1px; 
	top: 106px;
	width: 299px;
	height: 450px;
	background-image:url(../img/bg_with_logo.gif);
	z-index: 10;
	}

#details p {
	padding: 10px;
	font-size: 8pt;
	line-height: 14pt;
	letter-spacing: 1pt;
}

#selector{
	position: absolute; 
	left: 1px; 
	top: 106px;
	width: 299px;
	height: 26px;
	z-index: 11;
	}

#ref_image{
	position: absolute; 
	left: 300px; 
	top: 105px;
	width: 660px;
	height: 450px;
	border: 1px solid #737373;
	z-index: 20;
	}

#slideshow{
	position: absolute; 
	left: 300px; 
	top: 105px;
	width: 350px;
	height: 450px;
	border: 1px solid #737373;
	z-index: 21;
	}
	
#slideshow > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
}

#text{
	position: absolute; 
	left: 651px; 
	top: 106px;
	width: 300px;
	height: 450px;
	z-index: 11;
	}

#text p {
	padding: 15px;
	font-size: 8pt;
	line-height: 14pt;
	letter-spacing: 1pt;
}

#arbitragem{
	position: absolute;
	left: 2px;
	top: 567px;
	width: 950px;
	height: 100px;
	z-index: 12;
	}
	
#arbitragem p {
	padding: 10px;
	font-size: 7pt;
	line-height: 14pt;
	letter-spacing: 1pt;
}