body {

	margin:0 auto;
	text-align:center;
	
}

div {

	position:relative;
	margin:0 auto;	

}

h1, h2, a, p {

	margin:0 auto;
	font-family:arial;

}

#wrapper {

	width:630px;
	border:1px solid #3367B0;
	text-align:left;

}

#heading {

	
	background:#3367B0;
	padding:6px 10px

}

#heading h1 {

	font-size:13px;
	color:white;

}

#viewport {

	padding:10px 6px 0px 6px;
	
	
}

#viewfoto {

	width:480px;
	float:left;
		
}

#opacity {

	position:absolute;
	width:480px;
	height:30px;
	bottom:4px;
	background:#000;	
	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
	left:0;

}

#legenda {

	position:absolute;
	width:480px;
	height:30px;
	bottom:-3px;
	left:0;
	text-align:center;
	color:#FFF;
	font:bold 13px arial;
	
	
}

#thumbs {

	width:130px;
	float:right;
			
}

#thumbs a {

	border:1px solid #3367B0;
	margin-bottom:5px;
	width:60px;
	height:45px;	
	outline:0;
}


#thumbs a:hover, #thumbs a#selected {

	border:2px solid #F20;
	width:58px;
	height:43px;	
	overflow:hidden;

}

#thumbs a:hover img, #thumbs a#selected img {

	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;

}

#thumbs a.left {

	float:left;

}

#thumbs a.right {

	float:right;

}

#thumbs img {

	border:0;
	display:block;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;

}

div.clear {

	clear:both;

}

#footer {

	
	text-align:right;
	padding:10px;

}

#footer p {

	font:bold 13px arial;
	color:#FF0000;

}