*{margin: 0;
  padding: 0;
}

body {background-color: #212121; font:11px tahoma,verdana,helvetica;}
	
#geral{width:1024px;margin: 0 auto ;}

#topo {width:1024px; height:92px; text-align:center; background:url(imgs/topo.jpg) no-repeat center ;}
#topo h1{float:left; margin:6px 0 0 30px; }
#topo ul{float:right;margin-top:40px; margin-right:65px; }
#topo ul li{display:inline;}
#topo ul li a{ text-decoration:none;font-size:22px;color:#fff; 
	font-family:arial,tahoma,helvetica,verdana,sans-serif;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:37px; 
	padding-right: 40px; }
#topo ul li a:hover{color:#333;}

#recentes{width: 1024px; height:198px; background:url(imgs/bgrecentes2.jpg) no-repeat center; border-bottom:1px solid #4b4b4b; overflow:hidden;}

/*****Basic Definitions*****/
body { background-color: #212121; font: 12px/18px Verdana, Helvetica, Arial, sans-serif; }
h1 { font-size: 1.667em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.333em; }
h4 { font-size: 1.167em; }
h5, h6 { font-size: 1em; }

a { color: #666;text-decoration: none; }
a:hover { text-decoration: none; color:#39B2F9;}
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol, dd { margin-left: 36px; }

/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout*****/
div#container { margin: 20px auto 0; overflow: hidden; width: 900px; }

ul#filter {float:left; font-size: 17px; list-style: none; margin-left: 180px;width:100%;letter-spacing:-1px;}
ul#filter li { float: left;line-height: 16px;margin-right: 10px;padding-right: 10px;}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #666; text-decoration: none; }
ul#filter li.recentes a, ul#filter a:hover { text-decoration: none; color: #3BB3FB; }
ul#filter li.recentes a { color: #3BB3FB; }

ul#portfolio { float: left; list-style: none; margin-left: 0; width: 900px; margin-top:10px; }
ul#portfolio li { border: 1px solid #212121; float: left; margin: 0 10px 10px 0; padding: 5px;width: 202px;}
ul#portfolio li p a{margin-left:98px; font-weight:bold;}
ul#portfolio a { display: inline; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 4px solid #666; display: block; padding-bottom: 5px; }


#rodape{text-align:center; font: 11px tahoma,verdana,helvetica; color:#4b4b4b; border-top:1px solid #4B4B4B; padding-top:5px;}




