body, td, th { 
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #cc0;
} 
body { 
	background-image : url(../ilustracoes/bck_03.gif);
	background-color : #000;
	margin : 0;
	padding : 0;
} 
a:link { 
	color : #f80;
	text-decoration : none;
} 
	a:visited { 
	text-decoration : none;
} 
	a:hover { 
	color : #fff;
	text-decoration : underline;
} 
a:active { 
	text-decoration : none;
} 
#logo {
	position: absolute;
	margin: 2px 0 0 120px;
	font: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #cc0;
}
#central { 
	width : 645px;
	height : 456px;
	position : absolute;
	top : 42%;
	left : 50%;
	margin-top : -200px;
	margin-left : -300px;
	text-align : center;
} 
#contato { 
	width : 570px;
	display : block;
	font-family : "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	font-size : 11px;
	text-align : center;
	/*color : #cc0;*/
} 
#images { 
	width : 570px;
	height : 456px;
	display : block;
	float : left;
	background-color : #000;
	margin : 0;
	padding : 0;
} 
#menu { 
	width : 570px;
	height : 20px;
	float : left;
	display : block;
	text-align : center;
} 
#next { 
	width : 33px;
	float : left;
	padding-right : 0;
	padding-top : 170px;
} 
#prev { 
	width : 33px;
	float : left;
	padding-right : 6px;
	padding-top : 195px;
} 
#navcontainer { 
	margin : 0;
	padding : 0;
	height : 20px;
} 
#navcontainer ul { 
	border : 0;
	margin : 0;
	padding : 0;
	list-style-type : none;
	text-align : center;
} 
#navcontainer ul li { 
	display : block;
	float : left;
	text-align : center;
	padding : 0;
	margin : 0;
} 
#navcontainer ul li a { 
	background : #000;
	width : 92px;
	height : 18px;
	border-top : 1px solid #cc0;
	border-left : 1px solid #cc0;
	border-bottom : 1px solid #cc0;
	border-right : 1px solid #cc0;
	padding : 0;
	margin : 0 0 10px 0;
	color : #cc0;
	text-decoration : none;
	display : block;
	text-align : center;
	font : normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
} 
#navcontainer ul li a:hover { 
	color : #fff;
	background : #990;
} 
#navcontainer a:active { 
	background : #990;
	color : #fff;
} 
#navcontainer li#active a { 
	border : 1px solid #990;
	color : #fff;
} 
.thumbs { 
	width : 108px;
	height : 108px;
	float : left;
	padding-right : 6px;
	padding-bottom : 6px;
} 
#lightbox { 
	position : absolute;
	top : -25px;
	left : 0;
	width : 100%;
	z-index : 100;
	text-align : center;
	line-height : 0;
} 
#lightbox a img { 
	border : none;
} 
#outerImageContainer { 
	position : relative;
	background-color : #000;
	width : 250px;
	height : 250px;
	margin : 0 auto;
} 
#imageContainer { 
	padding : 10px;
} 
#loading { 
	position : absolute;
	top : 40%;
	left : 0%;
	height : 25%;
	width : 100%;
	text-align : center;
	line-height : 0;
} 
#hoverNav { 
	position : absolute;
	top : 0;
	left : 0;
	height : 100%;
	width : 100%;
	z-index : 10;
} 
#imageContainer > #hoverNav { 
	left : 0;
} 
#hoverNav a { 
	outline : none;
} 
#prevLink, #nextLink { 
	width : 49%;
	height : 100%;
	background : transparent url(../alimentos/blank.gif) no-repeat;
	display : block;
} 
#prevLink { 
	left : 0;
	float : left;
} 
#nextLink { 
	right : 0;
	float : right;
} 
#prevLink, #prevLink:visited { 
	background : url(../alimentos/prev.gif) no-repeat left 15%;
} 
#nextLink, #nextLink:visited { 
	background : url(../alimentos/next.gif) no-repeat right 15%;
} 
#imageDataContainer { 
	font : 11px Verdana, Helvetica, sans-serif;
	color : #cc0;
	background-color : #000;
	margin : 0 auto;
	line-height : 1em;
} 
#imageData { 
	padding : 0 10px;
} 
#imageData #imageDetails { 
	width : 70%;
	float : left;
	text-align : left;
} 
#imageData #caption { 
	font-weight : bold;
} 
#imageData #numberDisplay { 
	display : block;
	clear : left;
	padding-bottom : 0.5em;
} 
#imageData #bottomNavClose { 
	width : 28px;
	float : right;
	padding-bottom : 0.5em;
} 
#overlay { 
	position : absolute;
	top : 0;
	left : 0;
	z-index : 90;
	width : 100%;
	height : 100%;
} 
.clearfix:after { 
	content : ".";
	display : block;
	height : 0;
	clear : both;
	visibility : hidden;
} 
* html > body .clearfix { 

	display : inline-block;
	width : 100%;
} 
* html .clearfix { 
	height : 1%;
} 
.thumbs{
	 width:108px;
	 height:108px;
	 float:left;
	 padding-right:6px;
	 padding-bottom:6px;
	 filter:alpha(opacity=70);
	 opacity:.7; 
}
.thumbs:hover{
	 filter:alpha(opacity=100);
	 opacity:1.0; 
}