*{ margin: 0; padding: 0; }
body{ font-family: "Lucida Grande", Arial, Sans-Serif; }

a{ text-decoration: none; outline: none; }
a img{ border: none; }

h2{ font-family: Georgia, Serif; font-size: 36px; text-align: left; font-weight: normal; }


#page-wrap{ width: 555px; margin: 0 0px; padding: 0px 0px;}

#slider{
   	background: white url(../img/painel.jpg) no-repeat;
	height: 250px;
	overflow: hidden;
	position: relative;
	margin: 0px 0px;
}
								  
/* DEFAULT is for three panels in width, adjust as needed. This only matters if JS is OFF, otherwise JS sets this. */								  
#mover{ width: 1555px; position: relative; }

.slide{ padding: 10px 0px 0px 0px; width: 705px; float: left; position: relative;}
.slide h1{ padding-left: 10px; font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: 0px; color:#333333; }
.slide p{ padding-left: 10px; color:#333333; font-size: 12px; line-height: 16px; width: 230px; }
.slide img{position: absolute; top: 10px; left: 257px;}
*#slider-stopper{ position: absolute; top: 1px; right: 0px; background: #ac0000; color: white; padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }