﻿
.main #contentHolder {
	width:996px;
	padding:22px 0 22px 0;
	margin:0;
}

/* *********************  LINE 01  */
.main #line01 {
	width:996px;
	margin:0;
	padding:0 0 28px 0;
	float:left
}
.main #rotatorMain {
	width:664px;
	float:left;
	margin:0;
	padding:0
}
.panelLnkArea {
	position:absolute;
	top: 240px;
	left:0px;
	width:480px;
	z-index:99;
	text-align:left;
	margin:0;
	padding:0;
}

	.lnkBgChangeXL {
		text-transform:uppercase;
		padding:3px;
		margin:0;
		text-align:left;
		font-size:22px;
		cursor:pointer;
		font-family:Arial, Helvetica, sans-serif;
		line-height:1.3em
	}
.rotatorMaintxtXL {
		background-image:url(../images/bg_hpRotatorListTitles.png);
		font-size:22px;
		text-decoration:none;
		color:#fe7013;
		font-weight:normal;
		padding:0;
		margin:-1px
}
	
.rotatorMaintxtXS {
		background-image:url(../images/bg_hpRotatorListTitles.png);
		font-size:14px;
		text-decoration:none;
		color:white;
		font-weight:normal;
		padding:2px;	
}			
.main #pubArea {
	width:300px;
	float:right;
	margin:0;
	padding:0
}
.main #pub_mrec {
	width:300px;
	height:250px;
	padding:0 0 8px 0

}

#breadCrumbs {
	padding-left:22px;
	width:954px;
	height:23px;
	margin:0
}
	#breadCrumbs div.breadCrumbsItem01 {
		position:relative;
		float:left
	}
	#breadCrumbs div.breadCrumbsItem02 {
		position:relative;
		float:left;
		left:-24px
	}

#mainBottom {
	width:996px;
	background-color:#313131;
	float:left
}
#detailHeader div.detailThumbBG {
	position:relative;
	float:left;
	width:210px;
	margin:0;
	padding:0;
	background-color:cyan;
}
#detailHeader div.detailThumbImg {
	position:absolute;
	left:32px;
	top:0;
	width:120px;
	height:192px;
	background-image:url(../images/thumbdefault_lists.png);
	background-position:left;
	background-repeat:no-repeat
}

/* ******************************* Copiar a partir daqui para se criar uma nova CSS *********************** */
#imgMain {
	float:left;
	position:relative
}
#navegacaoPesquisa {
	width:974px;
	padding:0 0 0 22px
}
#bgNavegacaoPesquisa {
	width:952px;
	height:80px;
	padding:0;
	background-image:url(../images/bg_artistaspesquisa.jpg);
	background-repeat:no-repeat;
	background-position:left;
	float:left
}		
#listaLetras {
	width:952px;
	height:80px;
	padding:8px 14px 12px 14px;
	margin:0
}	
	#listaLetras ul.items {
		margin:0;
		padding:0;
	}
	#listaLetras ul.items li{
		list-style-type:none;
		list-style:none;
		float:left;  
	}
	
#pesquisaMegaArtistas {
	width:914px;
	height:30px;
	padding:0 60px 22px 22px
}
#pesquisaBox {
	background-image:url(../images/bg_pesquisaartistas.gif);
	background-position:left;
	background-repeat:no-repeat;
	width:300px;
	height:30px;
	float:right
}
#megaArtistas {
	width:974px;
	height:660px;
	padding:0 0 0 22px
}
#megaArtistasContent {
	width:952px;
	height:660px;
	padding:0;
	background-image:url(../images/bg_listaartistas.gif);
	background-repeat:no-repeat;
	background-position:left;
	float:left
}
	
	
#listaMegaArtistas {
	width:952px;
	height:660px;
	padding:0
	}
	#listaMegaArtistas ul.items {
		margin:0;
		padding:0;
	}
	#listaMegaArtistas ul.items li{
		list-style-type:none;
		list-style:none;
		float:left;
		padding:0 0 0 6px;
		margin:12px 10px 12px 10px;
		width:132px;
		height:192px;
		background-image:url(../images/thumbdefault_artistas.png);
		background-repeat:no-repeat;
		background-position:left
	}
	#listaMegaArtistas ul.items li div.imgArtista {
		width:120px;
		height:163px
	}	
	#listaMegaArtistas ul.items li div.descArtista {
		height:23px;
		width:116px;
		padding:0 2px 1px 2px;
		color:white;
		font-size:10px;
		text-transform:uppercase
	}	
#artistasPaginacao {
	width:952px;
	padding:8px 22px 0 22px;
	margin:0 auto;
	text-align:center;
	float:left;
	font-size:14px;
	text-transform:capitalize
}

ul.paginacao {  
	margin:0; 
	padding:0;
	height:15px;
}

/* single tab */
ul.paginacao li {
	padding:0 5px 0 5px;
	display:inline;
	list-style-type:none;
	list-style:none;	
}
 

#artistasPaginacao a.lnkPaginacao {
	color:#FF6600;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none
}
#artistasPaginacao a.lnkPaginacao:active, visited {
	color:#FF6600;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none
}
#artistasPaginacao a.lnkPaginacao:hover {
	color:#FFFFFF;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none
}
/* ******************************* Copiar até aqui para se criar uma nova CSS *********************** */


/*Specials */
.fltrgt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

