/* CSS Document */

/*Configuracoes Gerais*/

*{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif, Tahoma; border:0px;}
html{ padding:0px; margin:0px; }
body{ position: relative; background: #D7DFE1 url(../images/bg.jpg) repeat-x; }

/*Layers*/
#totalContent{ width:933px; margin:0px auto;}
#topo  { width: 933px; height: 126px;}

#relogioTopo{ background-image:url(../images/top_relogio.jpg); background-position:right; background-repeat:no-repeat; width:320px; height:27px; margin-top:-29px; float:right; position: relative;}

#content{ position: relative; width:933px; background-color:#FFF; background-image:url(../images/bottom.gif); background-position:bottom center; background-repeat:no-repeat; padding-bottom:20px;}
#menu{width:933px; height:48px;}
#detalheMenu{width:933px; height:10px; background-image:url(../images/top_menu_sombra.jpg); background-position:top center; background-repeat:no-repeat;_margin-top:-4px;}

#rodape{width:933px; height:90px; margin:10px 0px 30px 0px;}
#copyRightTermos{ width:405px; height:75px; border-right:1px solid #c0c0c0; float:left; margin-top: -5px;}
div.imgBottom{height:75px; border-right:1px solid #c0c0c0; float:left; margin-top: -5px;}
#listaCanais{ float:right; margin-top: -5px;}

div.clear{ clear:both;}

#banner{ width:933px; height:251px;}
#produtos{ margin:48px 0px 0 48px;}
div.prod{ position: relative; width:257px; height:316px; }

div.prod div.novidade { width: 68px; height: 69px; position: absolute; background: url(../images/new.png) no-repeat; left: 189px; top: 40px; }

div.horarioLeilao{ background-image:url(../images/bg_horario_leilao.png); width:253px; height:26px; margin:100px auto 0px auto; position:absolute;}

div.imgHome{ width:253px; margin:15px auto 0px auto;}
div.usuarioProdHome{ width:125px; height:35px; float:left; padding-left:16px; margin-top:5px; }
div.valorLeilaoHome{ width:auto; height:35px; float:right; padding-right:16px;margin-top:5px;}
div.lances{width:84px; height:51px; background-image:url(../images/bg_contador_cinza.gif); background-repeat:no-repeat; margin:5px 0px 0px 15px;_margin:3px 0px 0px 7px; float:left;}

#produtosArrematados{margin:20px 0px 20px 52px;}
div.boxArrematados{ background-image:url(../images/bgProdutoAzul.gif); background-repeat:no-repeat; width:840px; height:203px; margin:10px 0px 20px 0px;}
div.imgArrematados{ width:200px; height:151px; float:left;margin:15px 10px 0px 28px;_margin:10px 12px 0px 17px; }
div.descArrematados{ width:230px; height:151px; float:left; margin:10px 10px 0px 48px;_margin:10px 10px 0px 42px;}
div.valorArrematadosp{float:left;}
div.FimArrematados{ margin-top:2px;}
div.vencedor{ width:260px; height:151px; float:left; margin:10px 10px 0px 43px;_margin:10px 10px 0px 42px; }

div.boxInternaProdutos{background-image:url(../images/bgProdInternoCinza.gif); background-repeat:no-repeat; width:840px; height:340px; z-index: 1; position: relative;}
div.imgProdInterna{  width:267px; height:270px; float:left; margin-top:15px; padding-left:11px; border-right:1px solid #c0c0c0;}
div.descProdInterna{  width:278px; height:270px; float:left; margin-top:15px; border-right:1px solid #c0c0c0;}

div.participantes { width:277px; height:270px; float:left; margin-top:15px; }

div.descProdInterna img, div.participantes img {
	margin-left: 10px;
}

.ajuda_flash{
	position: absolute;
	left: 268px;
	top: 25px;
	z-index: 999;
}

.ajuda_flash.realinhar {
	top: 227px !important;
}

/* @end */

/*Imagens*/
img.left{ float:left;}
img.right{ float:right;}
img.btLances{ padding-right:15px; margin-top:5px; cursor:pointer;}
img.spaceBottom{ margin:0px 15px 0px 15px;}
img.vencedorArremate{ margin-right:5px;}
img.relogioProd{ margin:4px 0px 0px 13px; float:left;}
img.relogioArrematados{ margin-right:5px;}
img.verDetalhes{ margin-left:80px; cursor:pointer;}

/*Lista*/
#menu ul{ list-style:none; }
#menu li{ display:inline;margin-right:-4.5px; cursor:pointer;}

#produtos ul{}
#produtos li{ list-style:none; margin:0px 34px 20px 0px; float:left;}

#copyRightTermos ul{color:#505259; float:left; padding-left:42px; margin-top: -5px;}
#copyRightTermos li{ list-style:none; display: inline; font-size:11px; }

#listaCanais ul{ float:right;}
#listaCanais li{ list-style:none; text-align:right; margin-top: -3px;}

/*Títulos*/
h1{text-align:left;}
h5{ color:#4398b0; font-size:11px; font-weight:bold;margin-top:-5px;}
h2{ text-align:left; font-size:14px; color:#FFF; padding:7px;}

div.prod h2{ font-size:14px; color:#FFF; font-family: Arial,Helvetica,sans-serif; font-style: italic; font-weight: bold;  padding:5px 7px 0px 7px;}
#produtosArrematados h1{ margin-bottom:25px;}
#produtosArrematados h3{ text-align:left; margin-bottom:12px;}
h4.titVencedor{ font-size:11px; font-weight:bold;color:#505259; }

/*Parágrafos*/
p{}
#rodape p{ color:#505259; font-size:11px; padding-top:10px;}
#relogioTopo p{ color:#FFF; font-size:12px; text-align:right; margin:5px 85px 0px 0px;}

#produtosArrematados p{color:#505259; font-size:11px;}
p.arrematesVencedor{color:#505259; font-size:11px;}
.horarioLeilao p{ color:#FFF; font-size:10px; margin:6px 0 0 3px; float:left;}

.boxInternaProdutos p{color:#505259; font-size:11px; margin:20px;}


/*Span*/
.usuarioProdHomep{color:#d12b2a; font-size:11px; margin-top:10px; margin-left: 5px; position: absolute;}
.valorLeilaoHomep{color:#d12b2a; font-size:26px; font-weight:bold; letter-spacing: -2px;}
.valorArrematadosp{color:#d12b2a; font-size:24px; font-weight:bold; float:right; margin:-36px 0px 0px 0px; *padding-left: 110px; letter-spacing: -2px; width: 137px}
.valorPorcentagem{color:#d12b2a; font-size:11px; font-weight:bold; float:right; letter-spacing: 0px; }
.lancesVencedor{color:#d12b2a; font-size:11px; }
.inicioLeilao{color:#ffd12d; font-size:16px; font-weight:bold; margin:4px 0 0 3px; float:left;}

/*Links*/
a:link, a:active, a:visited{ text-decoration:none; color:#505259;}
a:hover{text-decoration:none; color:#d12b2a;}


/* menu */
div#menu ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}

div#menu ul li a{
	display: block;
	overflow: hidden;
	height: 48px;	
}

div#menu ul li a.home{
	width: 136px;
	background: url(../images/bot_menu_home.gif) no-repeat;
}

div#menu ul li a.home:hover{
	background: url(../images/bot_menu_home_over.gif) no-repeat;
}

div#menu ul li a.arrematados{
	width: 189px;
	background: url(../images/bot_menu_arrematados.gif) no-repeat;
}

div#menu ul li a.arrematados:hover{
	background: url(../images/bot_menu_arrematados_over.gif) no-repeat;
}

div#menu ul li a.sobre{
	width: 215px;
	background: url(../images/bot_menu_sobreehlance.gif) no-repeat;
}

div#menu ul li a.sobre:hover{
	background: url(../images/bot_menu_sobreehlance_over.gif) no-repeat;
}

div#menu ul li a.contato{
	width: 188px;
	background: url(../images/bot_menu_faleconosco.gif) no-repeat;
}

div#menu ul li a.contato:hover{
	background: url(../images/bot_menu_faleconosco_over.gif) no-repeat;
}

div#menu ul li a.faq{
	width: 205px;
	background: url(../images/bot_menu_comofunciona.gif) no-repeat;
}

div#menu ul li a.faq:hover{
	background: url(../images/bot_menu_comofunciona_over.gif) no-repeat;
}

.btnLogo {
	position: absolute;
	width: 300px;
	height: 100px;
	left: 0;
	top: 10px;
}

.btnSignOut {
	width: 55px;
	height: 20px;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
}

.btnComprarLances {
	width: 130px;
	height: 30px;
	display: block;
	position: absolute;
	left: 85px;
	top: 50px;
}

.btnIndique {
	width: 180px;
	height: 30px;
	display: block;
	position: absolute;
	left: 225px;
	top: 50px;
}

.btnMeusDados {
	width: 110px;
	height: 30px;
	display: block;
	position: absolute;
	left: 410px;
	top: 50px;
}

#lances {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFD100;
	position: absolute;
	font-weight: bold;
	right: 142px;
	top: 8px;
	letter-spacing: -1px;
	width: 57px;
}

#user {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	position: absolute;
	font-weight: bold;
	left: 100px;
	top: 20px;
}

#avatar {
	position: absolute;
	top: 10px;
	left: 60px;
	width: 35px;
	height: 35px;
}

.avatar {
	display: block;
	overflow: hidden;
	width: 35px;
	height: 35px;
}

#clock {
	position: absolute;
	right: 10px;
	top: 1px;
	font-size: 18px;
	letter-spacing: -1px;
	color: #FFF;
	font-weight: bold;
}

table.participantes {
	margin: 0;
	padding: 0;
	width: 100%;
	padding: 10px;
	color: #505259;
}

table.participantes img {
	margin: 0 !important;
}

table.participantes tr {
	height: 25px;
}

table.participantes .colnum {
	width: 20px;
	text-align: center;
}

table.participantes .colavatar {
	width: 45px;
	text-align: center;
}

table.participantes .colvalue {
	width: 70px;
	text-align: center;
}

table.participantes .tit {
	font-weight: bold;
}

table.participantes .red {
	color: #d12b2a;
}

table.participantes .eq1 {
	background-color: #ebebeb
}

table.participantes .eq2 {
	background-color: #f5f5f5
}

table.participantes span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#bannercompre {
	margin: 0 0 20px 48px;
}

.paginacao {
	float: right;
	margin-right: 40px;
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
}

#botMaisArrematados {
	float: right;
	margin-right: 40px;
}

#loading {
	margin: 0 auto;
	display: none;
}

