@charset "utf-8";
/* CSS Document */

#container
{
	position:relative;
	margin:auto;
	width: 760px;
}

#cima
{
	z-index: 1;
	position:relative;
	width: 760px;
	height: 158px;
	background: url(../img/topo_logopagInteriores.png) no-repeat;
}

#cima #pagPrincipal
{
	width:150px;
	height: 150px;
	display:block;
	position:absolute;
	top: 20px;
	left: 300px;
}

#cima #imagemTopo
{
}

/*** cx pesquisa **/

#caixaPesquisa
{
	position: absolute;
	top: 22px;
	right: 40px;
	width: 183px;
	height: 39px;
	background: url(../img/caixa_pesquisa.png) no-repeat;
}

#caixaPesquisa #pesquisaInput
{
	margin-top: 14px;
	width: 183px;
	height: 24px;
	
}

.elBotaoInputBox
{
	float:left;
	margin: 4px 0 0 5px;
	background: url(../img/but_01.png) no-repeat;
	display:block;
	width: 17px;
	height: 17px;
}

.elBotaoInputBox:hover
{
	background: url(../img/but_02.png) no-repeat;
}

/*** conteudo ****/

#conteudo
{
    position:relative;
	color:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 5;
	width: 700px;
	background: url(../img/barra_box_pagInteriores.png) repeat-y;
	padding: 0px 30px 0px 30px;
	min-height: 200px;
}

#conteudo form
{
	color:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}

#conteudo p
{
	color:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-align:justify;
	margin: 0 5px 0 5px;
}

#conteudo h1
{
	color:#E5352C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight:bold;
	padding-bottom: 15px;
}

#conteudo .imgTexto
{
	float:right;
	padding: 0 5px 0 5px;
}

/**** rodape ***/

#rodape
{
	z-index: 4;
	position:relative;
	width: 760px;
	height: 78px;
	background: url(../img/rodape_box_pagInteriores.png) no-repeat;
}

/**** menu ***/

#menuCaixa
{
	position:absolute;
	bottom: 35px;
	left: 30px;
	text-align:center;
	width: 760px;
	text-transform:capitalize;
}

.menuElemento
{
	height: 20px;
	float:left;
	margin: 0 2px 0 2px;
	width: 113px;
	background: url(../img/but_menu.png) no-repeat;
}

.menuElemento a
{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size: 9px;
	color: #818181;
	text-transform:uppercase;
	text-decoration:none;
}

.menuElemento a:hover
{
	color: white;
}


/****  box destaques *****/

#box_destaques_galeria
{
	margin-top: -20px;
	clear:both;
	position: relative;
	z-index: 1;
	width: 760px;
	height: 59px;
	background: url(../img/box_destaques_geral.png) no-repeat;
}

#box_destaques_galeria a
{
	display: block;
	height:48px;
	width:235px;
	z-index:50;
	position:absolute;
	top: 5px;
}

#box_destaques_galeria #boxAnuncios
{
	left: 35px;
}

#box_destaques_galeria #boxGaleria
{
	left: 270px;
}

#box_destaques_galeria #boxPromocoes
{
	left: 500px;
}

#footer
{
	margin-top: 30px;
	/*position: absolute;*/
	width: 100%;
	height: 38px;
	/*bottom: 0;
	left: 0;*/
	/*background: url(../img/rodape_skin.png) repeat-x;*/
	text-align:center;
}

#footer ul
{
	margin: auto;
	width: 800px;
	height: 24px;
	padding-top: 6px;
}

#footer li
{
	float:left;
}

#footer h2
{
	margin: 0 5px 0 5px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	color: #808080;
	font-size:10px;
	text-transform: uppercase;
	font-weight: bold;
}
#footer li
{
	margin: 0 5px 0 5px;
	font-family:Verdana, Geneva, sans-serif;
	color: #808080;
	font-size:9px;
	font-weight: bold;
}

#dirReservados
{
	padding-top: 8px;
}

#logo4best img
{
	margin-top: 3px;
}

#newsletter
{
	width: 402px;
	height: 24px;
	background: url(../img/caixa_newsletter.png) no-repeat;
}

#newsletter input
{
	width: 140px;
	float: right;
}

#newsletter a
{
	float: right;
	margin-right: 5px;
}

#galeriaImagens
{
	margin: 15px 5px 15px 15px;
}

.imgProduto
{
	margin: 5px;
	padding: 0;
	float: left;
}

.imgProduto img
{
	border: 1px solid #B3B3B3;
	margin: 0;
	padding: 0;
}

.produtoListItem p
{
	line-height:20px;
}

.produtoListItem h3
{
	text-transform: uppercase;
}

.produtoListItem h4
{
	text-align:left;
}

.produtoListItem
{
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #B3B3B3;
}

/* Paging
----------------------------------------------- */
.pagination { clear: both; margin: 20px 0; padding: 10px 10px 0 10px; text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight: bold;
}
.paging { padding: 5px 0 0 0; margin-left: 30%; margin-top:5px;}
.paging a, .paging span, .paging div { float: left; }
.paging .disabled { color: #ddd; padding: 1px 6px; }
.paging .current  { color: #444; background: #eee; padding: 1px 6px; }
.paging a, .paging a:visited { color: #C3C3C3; padding: 1px 6px; text-decoration: underline; }
.paging span, .paging div, .paging a { margin-right: 2px; }