﻿/* estrutura principal */
div.coluna{
	float:right;
	width:170px;
}

div.coluna a.botao{
	margin-left:0px !important;
	margin-left:2px;
    background: #FFFFFF;
    border:0;
}

div.corpoPrincipal{
	width:420px;
}


/* caixa de produto */
div.caixaShopping{	
	margin:0;	
	padding:0;
	border:0;		
	width:199px;
	margin-bottom:15px;
	float:left;	
}

div.caixaShopping div.preco{
	background:url("/img/caixa_shopping_topo.gif") 0px 0px no-repeat;	
	height:16px !important;
	height:18px ;
	text-align:right;
	padding-right:10px;	
	padding-top:2px;
	font-size:11px;
	color:#656565;	
}

div.caixaShopping div.preco span.valor{
	background:url("/img/caixa_shopping_euro.gif") 0px 1px no-repeat;	
	padding-left:20px;
}

div.caixaShopping div.corpo{
	padding:15px 5px 15px 5px;
	border-left:1px solid #CFCFCF;
	border-right:1px solid #CFCFCF;
	width:187px !important;
	width:199px;
	height:110px;
}

div.caixaShopping div.corpo img{
	margin-left:8px;
	margin-right:4px;
	float:left;	
}

#transaccao div.caixaShopping div.corpo a{
	color:#C70000;
}


div.caixaShopping div.accoes {
	background:url("/img/caixa_shopping_fundo.gif") 0px 0px no-repeat;	
	height:23px;
	padding:2px;
}

div.caixaShopping div.accoes div.cesto{
	float:left;
	width:50px;
	text-align:center;
	height:23px;	
	margin-top:2px;
}

#transaccao div.caixaShopping div.accoes div.adicionar{
	float:left;
	padding-left:11px;
	padding-right:22px;
	background:url("/img/caixa_shopping_seta.gif") right 2px no-repeat;
	color:#656565;
	height:23px;
	margin-top:3px;
}

#transaccao div.caixaShopping div.accoes div.adicionar a{
	color:#656565;
	text-decoration:none;
}


div.caixaShopping div.accoes div.caixa {
	float:left;
	padding-left:12px;
	height:23px;
}

div.caixaShopping div.accoes div.caixa input{		
	color:#003064;
	background-color:#FFFFFF;
	padding:0;
	padding-left:5px;
	border:1px solid #9A9A9A;
	margin-top:1px !important;
	margin-top:0;
	height:15px;	
}	


/* caixas de paginação */
#paginacaoShopping{
	
}

#paginacaoShopping div{
	float:right;
}

#paginacaoShopping div.anterior{
	width:24px;
	height:19px;
	text-align:left;
	background:url("/img/shopping_paginacao_fundo_es.gif") 0px 0px no-repeat;	
}

#paginacaoShopping div.anterior img{
	margin-top:5px;
	margin-left:7px;
}

#paginacaoShopping div.numeros{
	background:url("/img/shopping_paginacao_fundo_ce.gif") 0px 0px repeat-x;	
	height:19px;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	color:#656565;
}

#paginacaoShopping div.numeros a{
	padding-left:2px;
	padding-right:2px;	
	text-decoration:none;
	color:#656565;	
	
}

#paginacaoShopping div.numeros b{
	padding-left:2px;
	padding-right:2px;
	
}

#paginacaoShopping div.seguinte{
	width:24px;
	height:19px;
	text-align:left;
	background:url("/img/shopping_paginacao_fundo_di.gif") 0px 0px no-repeat;	
}

#paginacaoShopping div.seguinte img{
	margin-top:5px;
	margin-left:6px;
	
}




/*** roundedcorners ***/

/* estes três primeiros estilos permitem fazer o topo vermelho */
/* para as caixas do lado direito */

div.headerRoundRed {
	background: #E54848 url(/img/rl_orange.gif) 0px 0px no-repeat;
	color:#ffffff;
	font-weight:bold;

}

div.headerRoundRed div {
	background: url(/img/rr_orange.gif) top right no-repeat;
		padding:4px;
}

div.headerRoundRed span {
		background: url(/img/arrow_white_fundos.gif) 0px 6px no-repeat;
		margin-left:5px;
		padding-left:10px;
}


div.contentRoundBottom {	
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;	
	border-bottom:1px solid #cccccc;
}

div.contentRoundBottom * {
	position: relative;
}

div.contentRoundBottom div.rblp {
		background: url(/img/rbl.gif) bottom left no-repeat;
		left:-1px;
		bottom:-1px !important;
		bottom:0px;	
}

div.contentRoundBottom div.rbrp {
		background: url(/img/rbr.gif) bottom right no-repeat;
		right:-2px;
		bottom:0px !important;
		bottom:-1px;
		padding:10px;
		padding-bottom:0;
}


div.contentRoundTop {
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;	
	border-top:1px solid #cccccc;
	font-size:1px;
}

div.contentRoundTop * {
	position: relative;
}

div.contentRoundTop div.rtl {
		background: url(/img/rtl.gif) 0px 0px no-repeat;
		left:-1px;
		top:-1px !important;
		top:-1px;

}

div.contentRoundTop div.rtr {
		background: url(/img/rtr.gif) top right no-repeat;
		right:-2px;
		top:0px !important;
		top:0px;
}


div.contentCarrinho {	
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;	
	padding: 10px 9px 15px 9px;	
}

div.contentCarrinho div div{
	width:65px;
	display:inline;
}

div.contentCarrinho div.linhaCarrinho{
	clear:right;
	margin-top:0px !important;
	margin-top:6px;
	padding-top:7px !important;
	padding-top:0px;
}

div.contentCarrinho label{		
	width:65px;
	display:block;	
	text-align:right;
	color:#003064;
	font-weight:bold;
}

div.contentCarrinho input{		
	float:right;
	background:#F3F3F3;
	width:75px;
	height:20px;
}

div.contentBottomPesquisa {	
	padding-top:1px;
	background:url("/img/rb_fundo_cinza.gif") 0px 0px no-repeat;
	text-align:right;
}

div.contentBottomPesquisa a{		
	margin-right:16px;
}

/* caixa de categorias */

#transaccao div.caixaShoppingSimples{
	margin:0;	
	margin-top:20px !important;
	margin-top:18px;
}

#transaccao div.caixaShoppingSimples div.topo{
	margin-left:0px !important;
	margin-left:2px;
	width:170px;
	height:3px;	
	background:url("/img/shopping_caixa_topo.gif") 0px 0px no-repeat;
	font-size:0;
}

#transaccao div.caixaShoppingSimples div.fundo{
	margin-left:0px !important;
	margin-left:2px;
	width:170px;
	height:3px;
	background:url("/img/shopping_caixa_fundo.gif") 0px 0px no-repeat;
}

#transaccao div.caixaShoppingSimples div.corpo{
	border-left:1px solid #CFCFCF;
	border-right:1px solid #CFCFCF;
	padding: 7px;
	line-height:1.6;	
}
#transaccao div.caixaShoppingSimples div.corpo form{
	
}

#transaccao div.caixaShoppingSimples div.corpo a.linkCategoria{	
	color:black;
	text-decoration:none;
	background:url("/img/shopping_caixa_listicon.gif") 0px 5px no-repeat;
	padding-left:10px;
	display:block;
}

#transaccao div.caixaShoppingSimples div.corpo a.linkCategoria:hover{
	color:#E74949;
	text-decoration:underline;
	background:url("/img/shopping_caixa_listicon_on.gif") 0px 5px no-repeat;
}

#transaccao div.caixaShoppingSimples div.corpo a.linkCategoriaActiva{	
	color:#E74949;
	font-weight:bold;
	text-decoration:none;
	background:url("/img/shopping_caixa_listicon_on.gif") 0px 5px no-repeat;
	padding-left:10px;
	display:block;
}

#transaccao div.caixaShoppingSimples div.corpo a.linkCategoriaActiva:hover{
	color:#E74949;
	text-decoration:underline;	
}

/* historico de encomendas */

#transaccao div.caixaHistorico{
	margin:0;
	margin-top:20px !important;	
	margin-top:10px;	
}

div.contentHistorico {	
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;	
	padding: 10px 9px 15px 9px;	
}

div.contentHistorico label{		
	display:block;	
	color:#003064;
	font-weight:bold;
	margin-bottom:5px;
}


