/* O slide sem a paginacao */
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid #000;
border-bottom-width: 1px;
width: 735px; /*width of featured content slider*/
height: 230px;
float:left;
background: #000;
}


/* Cada conteudo do slide (chamada e imagem grande) */
.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
width: 732px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
float:left;
}

.contentdiv .chamada{
	width:160px;
	padding:5px;
	float:left;
	color: white;
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica;
	font-size:11px;
}

.contentdiv .chamada p{
	margin:0;
	margin-bottom:5px;
}

.contentdiv .chamada .titulo{
	font-size:14px;
	font-weight:bold;
}

.contentdiv .imgView{
	float:left;
	width:560px;
	margin-left:2px;
}
.contentdiv a{
	color: white;
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica;
	text-decoration:none;
}

/* A paginacao do slide */
.pagination{
float:left;
width: 70px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
height:230px;
text-align: center;
background-color: #000;
padding: 1px 10px;

}

.pagination a{
padding: 1px;
text-decoration: none; 
color: white;
background: none;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background: none;
}

#paginate-slider1 a img{
border: 2px solid #000;
}

#paginate-slider1 a img:hover, #paginate-slider1 a.selected img{
border: 2px solid #fff;
}