﻿.main #contentHolder {
	width:996px;
	padding:22px 0 22px 0;
	margin:0;
}

.main #line01 {
	width:996px;
	margin:0;
	padding:0 0 28px 0;
	float:left
}
.main #rotatorMain {
	width:665px;
	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
}

/* ******* Main Text Style Begins ******* */	
	.lnkBgChangeXL {
		text-transform:uppercase;
		padding:3px 3px 3px 0;
		margin:0;
		text-align:left;
		font-size:22px;
		cursor:pointer;
		font-family:Arial, Helvetica, sans-serif;
		line-height:22px
	}

.rotatorMaintxtXL {
		background-image:url(../images/bg_hpRotatorListTitles.png);
		font-size:22px;
		text-decoration:none;
		color:#fe7013;
		font-weight:normal;
		padding:0;
		margin:0;
		text-align:left;
		font-family:'Ubuntu', arial, serif;
		text-transform:uppercase
}
.rotatorMaintxtXL:hover {
		text-decoration:none;
		color:white;
		background-color:black
}
.rotatorMaintxtXS {
		background-image:url(../images/bg_hpRotatorListTitles.png);
		font-size:16px;
		text-decoration:none;
		color:white;
		font-weight:normal;
		padding:0;
		margin:0;
		font-family:'Ubuntu', arial, serif;	
		text-transform:uppercase
}
/* ******* Main Text Style Ends ******* */		



			
.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:132px;
	height:192px;
	background-image:url(../images/thumbdefault_lists.png);
	background-position:left;
	background-repeat:no-repeat
}

#aDecorrerList {
	width:930px;
	height:200px
	}
	#aDecorrerList ul.items {
		margin:0;
		padding:0 3px 0 3px;
	}
	#aDecorrerList ul.items li{
		list-style-type:none;
		list-style:none;
		float:left;
		padding:0 0 0 6px;
		margin:10px 5px 10px 11px;
		width:132px;
		height:192px;
		background-image:url(../images/thumbdefault_lists.png);
		background-repeat:no-repeat;
		background-position:left;

	}
#resultadosList {
	width:930px;
	height:200px;
	float:left
}
	#resultadosList ul.items {
		width:930px;
		overflow:hidden;
		padding:6px;
		margin:0
	}
	#resultadosList ul.items li {
		list-style-type:none;
		list-style:none;	
		margin:5px;
		padding:0;
		background-image: url(../images/passResultadosBull.gif);
		background-position: 0;
		background-repeat: no-repeat;
		/*padding: 0 0 0 1.5em; */
		line-height:1.5em;
		float:left;
		display:inline;
		width:295px
	}
	a.lnkResultsList { 
		color:white;
		text-decoration: none;
		font-size:14px;
		font-weight:normal;
		font-family:Arial, Helvetica, sans-serif;
		padding-left:16px		
	
	}
	a.lnkResultsList:visited, active {
		text-decoration:none;
		color:white
	}
	a.lnkResultsList:hover {
		text-decoration:underline;
		color:white
	}
	
/*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;
}
