A:link {color:#888; text-decoration: none;}
A:visited {color:#888; text-decoration: none;}
A:active {color:#ccc; text-decoration: none;}
A:hover {color:#ccc; text-decoration: none;}



IMG {vertical-align:bottom;}

H1{font-size:18px;line-height:22px;}
	
H2{font-size:15px; line-height:22px;}
	
#nav {
		margin: 0;
		padding: 0;
		width: 300px;
		height:300px;
		float:left;
		background:#efefef;
		font-size:14px;
		line-height:22px;
		}
		
#navdark{
		margin: 0;
		padding: 0;
		width: 300px;
		height:300px;
		float:left;
		background:#030303;
		font-size:14px;
		line-height:22px;
		}
	
#menu {	
		margin: 30px 0 0 0;
		padding: 0;
		list-style-type: none;
		width: 300px;
		border:0px solid;
		}

	#menu li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 300px;
		border:0px solid;
		}

	#menu li li{
		width: 200px;
		background:#e5e5e5;
		vertical-align:bottom;
		}
		
	#menu li ul {
		position: absolute;
		margin: -1.5em 0 0 100px;
		padding: 0;
		list-style-type: none;
		width: 190px;
		border:0px solid;
		left: -999em;
		display:none;
		}
		
	#menu a{
		display: block;
		text-decoration: none;
		
		}

	#menu li a:hover, ul li a:hover{
		background-color: #000;
		color:#fff;
		}
		
	#menu li:hover ul,  #menu li.sfhover ul { 
		display:block;
		left:auto;
		}
				
#arqtrab{	
		margin:0px;
		height:300px;
		width:300px;
		border:0px solid;
		padding:0px;
		float:left;
		position:relative;
		
		}
		
#arqpre{	
		margin:0px;
		height:300px;
		width:300px;
		border:0px solid;
		padding:0px;
		float:left;
		
		}
		
#destrab{	
		margin:0px;
		height:300px;
		width:300px;
		border:0px solid;
		padding:0px;
		float:left;
		background-image:url(destbak.jpg);
		}
		
#despre{	
		margin:0px;
		height:300px;
		width:300px;
		border:0px solid;
		padding:0px;
		float:left;
		
		}
	
#imagfot{	
		margin:0px;
		height:300px;
		width:300px;
		border:0px solid;
		padding:0px;
		float:left;
		
		}	

#imagdig{	
		margin:0px;
		height:300px;
		width:300px;
		border:0px solid;
		padding:0px;
		float:left;
		
		}	

#bio{	
		margin:0px;
		height:300px;
		width:300px;
		border:0px solid;
		padding:0px;
		background-image:url(biobak.jpg);
		float:left;
		}	

	#biografiaconteudo{	
		
		margin:0px;
		width:599px;
		height:300px;
		border-left:0px solid;
		border-left-color:#ccc;
		border-bottom:0px solid;
		border-bottom-color:#f3f3f3;
		background:#fff;
		padding:0px;
		float:left;
		color:#fff;
		line-height:18px;
		position:relative;
		}
		
	#biotexto	{
		padding:0px;
		border:0px solid;
		position:absolute;
		left:10px;
		top:50%;
		height:280px;
		width:580px;
		margin-top:-130px;
		text-align:justify;
		font-size:12px;
		line-height:18px;
		color:#222;
		
		}
		

#contacto{	
		background:#fff;
		margin:0px;
		height:300px;
		width:300px;
		border:0px solid;
		padding:0px;
		float:left;
		}			
	
	#contactoconteudo{	
		margin:0px;
		width:600px;
		height:300px;
		border:0px solid;
		padding:0px;
		float:left;
		/*background-image:url(contcbak.jpg);*/
		background:#fff;
		font-size:14px;
		color:#ccc;
		position:relative;
		}	
			
	#contactoconteudotexto	{
		background:#fff;
		border:0px solid;
		float:left;
		position:absolute;
		left:40px;
		top:50%;
		height:80px;
		margin-top:-20px;
		text-align:left;
		font-size:18px;
		line-height:28px;
		
		}
		
		
#rodape{	
		margin:0px;
		height:300px;
		width:300px;
		border:0px solid;
		padding:0px;
		float:left;
		background:#f3f3f3;
		position:relative;
		}

	#rodapeconteudo	{
		border:0px solid;
		float:left;
		position:absolute;
		right:15px;
		top:90%;
		height:70px;
		margin-top:-35px;
		color:#999;
		text-align:right;
		font-size:11px;
		line-height:22px;
		}
	
#envelope{
		width:300px;
		float:left;
		position:relative;
		
		}

#barralateral {
		width:300px;
		float:left;
		background:#333;

}
		
#submenu, #submenudark {	
		margin: 0;
		padding: 0;
		width: 300px;
		font-size:14px;
		line-height:22px;
		position:absolute;
		top:300px;
		left:0px;
		list-style-type: none;
		}	
		
#submenu{	
		background:#efefef;
		border-top:1px dotted #ccc;
		border-bottom:0px dotted #ccc;
		height:299px;
		}
		
#submenudark{	
		height:296px;
		background:#030303;
		border-top:2px solid #000;
		border-bottom:2px solid #000;
		}
		
		#submenu H1, H2, #submenudark H1, H2{
		padding:0 0px 0 8px;
		margin-top:5px;
		margin-bottom:5px;
		text-align:left;
		}
		
		#submenu ul, #submenudark ul{	
		font-size:14px;
		line-height:22px;
		margin: 0 0 0 -5px;
		padding: 0 0 0 5px;
		list-style-type: none;
		width: 300px;
		border:0px solid;
		}

		#submenu a, #submenudark a{
		display: block;
		text-decoration: none;
		}

		#submenu li, #submenudark li{
		list-style-type: none;
		padding:0 0 0 -5px;
		}	
		
		#submenu li a:hover, ul li a:hover, #submenudark li a:hover, ul li a:hover{
		background-color: #000;
		}
		
		#submenu a:hover, #submenudark a:hover{
		background-color: #000;
		color:#fff;
		}
		
		#submenu H2:hover, #submenudark H2:hover{
		background-color: #000;
		color:#fff;
		}
		
		
#conteudo{
		margin:0px;
		width:590px;
		border:0px solid;
		padding:0 5px 0 5px;
		float:left;
		font-size:14px;
		line-height:20px;
		text-align:justify;
		color:#333;
		position:relative;
		list-style-type: none;
		}	
		
		#conteudo IMG{
		margin:0 0 0 -5px;
		}

#imagens{
		display: table; 
		overflow: hidden;
		width:700px;
		height:625px;
		float:left;
		margin:0 0 0 0px;
		}
		
#imagenstrab{
		display: table; 
		overflow: hidden;
		width:680px;
		height:680px;
		float:left;
		margin:0 0 0 0px;
		}	
#fichatecnica{
		border-left:1px dotted #ccc;
		position:relative;
		margin:0 0 0 0px;
		width:500px;
		float: left;
		background:#ccf;
		}	
#fichatecnicatexto{
		position:absolute;
		top:600px;
		left:300px;
		border-left:1px dotted #ccc;
		padding:18px 0 0 15px;
		width:600px;
		background:#fff;
		font-size:11px;
		line-height:14px;
		}	
	
div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
	}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: none;
	}
div.controls {
	margin-top: 10px;
	height: 23px;
	}
div.controls a {
	padding: 5px;
	color: #777;
	font-size: 14px;
	}
div.ss-controls {
	position:absolute;
	top:580px;
	left:10px;
	}
div.nav-controls {	
	position:absolute;
	width:100px;
	top:580px;
	left:60px;
	}
#slideshow{
			background:#000;
	}		
div.slideshow a.advance-link {
	padding: 0px;
	border: none;
	}
div.slideshow img {
	border: none;
	display: block;
    margin-left: auto;
    margin-right: auto }
	}
	
#slideshowbranco{
			background:#fff;
	}		
div.slideshowbranco a.advance-link {
	padding: 0px;
	border: none;
	}
div.slideshowbranco img {
	border: none;
	display: block;
    margin-left: auto;
    margin-right: auto }
	}
	
	
#btn {   
   color:#000;   
   background-color:#ccc;   
   border: 1px solid;   
   border-color: #ccc #ccc #ccc #ccc;   
   }