/* Propriedades Globais ---------------------------------------------------------------------------------------------------------------------------- */
ul{
	margin:0;
	padding:0;}
	
li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;}

a:hover{
	cursor:pointer;}
	
	
/* DIV Conteudo e Painéis ----------------------------------------------------------------------------------------------------------------------------------------- */
#CP_Conteudo{
	/*padding-left:200px;*/}
	
#CP_PainelTop{
	background:url(../images/cp-images/bg-black-transp.png);
	border-bottom:1px dotted;
	font-size:12px;
	height:40px;
	line-height:40px;
	overflow:hidden;
	padding:0 15px;
	margin:0px -15px 15px;}
	
	#CP_PainelTop a{
		color:#fff;
		text-decoration:none;}
		
	#CP_PainelTop a.login{
		color:#0066A1;
		text-decoration:underline;
		font-style:italic;}
		
	#CP_PainelTop a:hover{
		text-decoration:underline;}
	
	#CP_PainelTop .nome{
		font-size:12px;
		font-weight:bold;}
		
	#CP_PainelTop ul{
		overflow:hidden;}
		
	#CP_PainelTop li{
		float:left;
		list-style:none;
		margin-left:20px;}
		
	#CP_PainelTop img{
		margin-right:5px;
		vertical-align:middle;}
	
	
/* Menu Lateral ------------------------------------------------------------------------------------------------------------------------------------------ */
#CP_MenuLateral{
	width:180px;
	float:left;
	margin-left:-200px;}
	
	#CP_MenuLateral a{
		color:#fff;}
	
	
.CP_CatList{
	background:url(../images/cp-images/bg-black-transp.png);
	border:#fff 1px dotted;
	border-right:0;
	border-left:0;
	margin-bottom:10px;
	padding:10px;}
	
	.CP_CatList_Selected{
		padding-left:3px;
		font-style:italic; 
		font-weight:bold;}
		
	.CP_CatListNivel_1{
		font-size:14px;
		font-weight:bold;
		margin-bottom:5px;}
		
	.CP_CatListNivel_2{
		font-weight:bold;
		margin-left:5px;
		margin-top:5px;}
		
	.CP_CatListNivel_3{
		font-size:12px;
		padding:1px 0;
		margin-left:15px;}
	
	.CP_CatListNivel_2 img, .CP_CatListNivel_3 img{
		padding-top:1px;
		float:left;}
		
	.CP_CatListNivel_2 a, .CP_CatListNivel_3 a, .CP_CatList_Selected{
		display:block;
		margin-left:12px;}


/* Produtos - Div Produtos e Títulos ------------------------------------------------------------------------------------------------------------------------------------- */
#CP_Produtos{
	/*padding-left:9px;
	border-left:#fff 1px dotted;
	float:right;*/
	width:100%;}
	
.CP_Titulos{
	color:#fff;
	font-size:14px;
	overflow:hidden;
	line-height:26px;}
	
	.CP_Titulos ul{
		margin:0 10px;}
		
	.CP_Titulos li{
		float:left;
		height:6px;
		list-style:none;}
		
	.CP_Titulos li.esq{
		/*background:url(../images/cp-images/bg-tit-esq.png) no-repeat;*/
		margin-left:-10px;
		width:10px;}
		
	.CP_Titulos li.meio{
		/*background:url(../images/cp-images/bg-tit.png) repeat-x;*/
		width:100%;}
		
	.CP_Titulos li.dir{
		/*background:url(../images/cp-images/bg-tit-dir.png) no-repeat;*/
		margin-right:-10px;
		width:10px;}
		
	.CP_Titulos a{
		color:#3dddc1;}
		
	.CP_Titulos .CP_TitCatSel{
		font-size:16px;
		font-weight:bold;}


/* Produtos - Listagem ---------------------------------------------------------------------------------------------------------------------------- */
#CP_ProdList{
	margin-top:5px;
	overflow:hidden;}
	
	#CP_ProdList a{
		color:#fff;}
		
	#CP_ProdList a:hover span{
		text-decoration:underline;}
		
	#CP_ProdList span{
		display:block;}
		
	#CP_ProdList img{
		/*border:#CCC 1px solid;
		padding:2px;*/}

	
.CP_LayoutList{}

	.CP_LayoutList li{
		width:100%;
		overflow:hidden;
		padding:5px 0;}
	.CP_LayoutListPro li{
		overflow:hidden;
		padding:5px 0;
		border:5px solid #CCC;}
	.CP_LayoutList_ProdDet{
		font-size:12px;}
		
	.CP_LayoutList_A{
		padding-left:10px; 
		overflow:hidden;}
	.CP_LayoutList_A_Pro{
		padding-left:10px; 
		overflow:hidden;
		border:#CCC 5px solid;
		padding:5px;
		background-color:#222;}
		
	.CP_LayoutList_B{
		width:160px; 
		float:left; 
		margin-left:-170px;
		text-align:center;}
		
	.CP_LayoutList_C{
		float:left;}
		
	.CP_LayoutList_ProdTitulo{
		font-size:12px;
		font-weight:bold;}


.CP_LayoutTable{}

	.CP_LayoutTable li{
		float:left;
		width:33%;
		padding:5px 0;
		text-align:center;}
	
	.CP_LayoutTable li{
		overflow:hidden;}
	
	.CP_LayoutTable_ProdTitulo{
		font-weight:bold;
		padding:0 3px;}
		

.CP_LayoutTable_DivImg_A{
	margin:0 auto 10px;}
	
.CP_LayoutList_DivImg_A{
	margin:auto;}

.CP_LayoutTable_DivImg_A, .CP_LayoutList_DivImg_A{
	padding:2px; 
	border:1px solid #fff;
	width:140px;}
	
.CP_LayoutTable_DivImg_B, .CP_LayoutList_DivImg_B{
	height:105px; /* 121px */
	width:140px; /* 146px */
	line-height:105px; /* funciona apenas no ie7 */
	font-size:0px;
	vertical-align:middle;
	display:table-cell;
	background:#fff;		
	margin:auto;}
	
.CP_Marca{
	font-size:11px;}
	
.CP_PrecoDe{
	font-size:10px;
	padding-top:5px;
	margin-bottom:-5px;}
	
.CP_PrecoPor{
	font-weight:bold;
	padding:5px 0;}
	
.CP_BtComprar{
	padding:5px 0;}
	
.CP_Layout_Line{
	clear:both; 
	margin:5px 0; 
	border-bottom:#fff 1px dotted;}


/* Produtos - Navegação ---------------------------------------------------------------------------------------------------------------------------- */
.CP_Nav{
	background:url(../images/cp-images/bg-black-transp.png);
	border:#fff 1px dotted;
	border-left:0;
	border-right:0;
	padding:10px;
	font-size:12px;
	clear:both;
	overflow:hidden;}
	
	.CP_Nav li{
		float:left;}
		
	.CP_Nav a{
		color:#fff;}
		
	.CP_Nav img{
		vertical-align:middle;}
		
	.CP_Nav select{
		font-size:10px;
		vertical-align:middle;}
	
	
.CP_Order, .CP_Results{
	float:left;}

.CP_LayoutChange img{
	margin-left:5px;}

.CP_LayoutChange, .CP_PageList{
	float:right;}
	
.CP_PageList_Selected{
	background:white; 
	padding:2px; 
	color:#000;}

.prodd th {
	background-color:#333;
	text-align:left;
	padding:8px;
}

/* Produtos - Página de Detalhes ---------------------------------------------------------------------------------------------------------------------------- */
#CP_ProdDet{
	border-top:#fff 1px dotted;
	overflow:hidden;
	padding-top:20px;
	padding-left:10px;
	padding-bottom:0px;}

.CP_ProdInfo{
	float:left;
	width:100%;}
	
	.CP_ProdInfo span{
		display:block;}
	
	.CP_ProdInfo a{
		color:#fff;}
	
	.CP_ProdInfo .CP_PrecoPor{
		font-size:16px;}
		

.CP_ProdTitulo{
	font-weight:bold;
	font-size:14px;}
	
.CP_ProdCodigo{
	font-size:12px;}


/* Página de Detalhes - Tabs ---------------------------------------------------------------------------------------------------------------------------- */
.CP_Tabs {
	color:#fff;
	clear:both;
	padding-top:3px;
	margin-left:0px;
	margin-right:10px;}
	
	.CP_Tabs li {
		float:left;}
		
	.CP_Tabs a {
		color:#fff;
		}
		
	.CP_Tabs bacccckkkuppp {
		background:url(../images/cp-images/bg-tab-not-selected.png) repeat-x top;
		color:#fff;
		display:block;
		margin:5px 2px 1px 0;
		padding:7px;
		text-decoration:none !important;}
		
	.CP_Tabs a:hover {
		color:white;}
		
	.CP_Tabs a.selected {
		color:#FFF;
		cursor:default;
	}
		
	.CP_Tabs div {
		background:url(../images/cp-images/bg-black-transp.png);
		border:#fff 1px dotted;
		border-left:0;
		border-right:0;
		clear:left;
		padding:15px 10px;}
		
	.CP_Tabs div a {
		color:#000;}
		
		
/* Página de Detalhes - Galeria ---------------------------------------------------------------------------------------------------------------------------- */
.CP_Galeria {
	width:212px; 
	float:left; 
	margin-left:-220px;}
		
	.CP_Galeria_ImgAmp_A, .CP_Galeria_ImgThumb_A{
		padding:2px; 
		border:1px solid #fff;}
		
	.CP_Galeria_ImgAmp_B, .CP_Galeria_ImgThumb_B{
		vertical-align:middle;
		text-align:center;
		display:table-cell;
		background:#fff;	
		margin:auto;}
		
	.CP_Galeria_ImgAmp_A{
		width:201px;}
	
	.CP_Galeria_ImgAmp_B{
		line-height:150px; /* funciona apenas no ie7 */
		font-size:0px;
		height:150px;
		width:201px;}
	
	.CP_Galeria_ImgThumb_A{
		margin:0 5px 5px 0;
		width:42px;}
		
	.CP_Galeria_ImgThumb_B{
		line-height:30px; /* funciona apenas no ie7 */
		font-size:0px;
		height:30px;
		width:42px;}
		
	.CP_Galeria li {
		float:left;
		display:inline;}
		
	.CP_Galeria ul {
		margin:5px 0 0 0;
		overflow:hidden;
		text-align:center;}
		
	.CP_Galeria a {
		cursor:pointer;}
		
	.CP_Galeria div {
		clear:left;}
		
		
/* Galeria de Imagens Pop-Up ---------------------------------------------------------------------------------------------------------------------------- */
#CP_PopUp{
	width:722px;
	top:50%;
	margin-top:-271px;
	left:50%;
	margin-left:-361px;
	position:fixed;
	visibility:hidden;
	z-index:1001;}
	
	.Bar_1, .Bar_2, .Bar_3{
		float:left;
		height:36px;}
		
	.Bar_1, .Bar_3{
		width:10px;}
		
	.Bar_1{
		background:url(../images/cp-images/bar-corner-esq.png) no-repeat;}
		
	.Bar_2{
		color:#fff;
		background:url(../images/cp-images/bar-bg.png) repeat-x top;
		width:702px;}
		
	.Bar_2 div{
		height:36px;
		line-height:36px;
		font-weight:bold;}
		
	.Bar_2 div a{
		color:#fff;
		text-decoration:none;}
		
	.Bar_3{
		background:url(../images/cp-images/bar-corner-dir.png) no-repeat;}
		
#CP_Overlay{
	background:url(../images/cp-images/bg-overlay.png);
	position:fixed;
	height:100%;
	width:100%;
	visibility:hidden;
	z-index:1000;}


/* Página de Detalhes - Galeria Pop-Up ---------------------------------------------------------------------------------------------------------------------------- */
.CP_PopUp_Galeria {
	color:#fff;
	padding:10px 10px 10px 66px;
	height:486px;
	background:white;
	overflow:hidden;}
	
	.CP_PopUp_Galeria_Loading{
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-16px;
		margin-left:-16px;}
	
	.CP_PopUp_Galeria_ImgAmp_A, .CP_PopUp_Galeria_ImgThumb_A{
		padding:2px; 
		border:1px solid #999;}
		
	.CP_PopUp_Galeria_ImgAmp_B, .CP_PopUp_Galeria_ImgThumb_B{
		vertical-align:middle;
		text-align:center;
		display:table-cell;
		background:#fff;	
		margin:auto;}
		
	.CP_PopUp_Galeria_ImgAmp_A{
		width:640px;}
	
	.CP_PopUp_Galeria_ImgAmp_B{
		line-height:480px; /* funciona apenas no ie7 */
		font-size:0px;
		height:480px;
		width:640px;}
	
	.CP_PopUp_Galeria_ImgThumb_A{
		margin-bottom:5px;
		width:40px;}
		
	.CP_PopUp_Galeria_ImgThumb_B{
		line-height:30px; /* funciona apenas no ie7 */
		font-size:0px;
		height:30px;
		width:40px;}
		
	.CP_PopUp_Galeria a:hover{
		cursor:pointer;}
		
	.CP_PopUp_Galeria li {
		margin-bottom:5px;}
		
	.CP_PopUp_Galeria ul{
		float:left;
		margin:0 0 10px -56px;
		width:46px;
		text-align:center;}
	
	
/* Limitação de elementos "FLOAT" ---------------------------------------------------------------------------------------------------------------------------- */
.CP_ClearFix{
	clear:both;
	height:0px;}
	
	
	