﻿body
{
	background-image:url("imagens/outras/fundo.jpg");
	background-repeat:no-repeat;
	background-position:right bottom;
	font-family:Arial;
	font-style:normal;
	font-variant:normal;
	font-size:0.7em;
}

#geral
{
	width:980px;
	left:-355px;
	background-color:#FFF;
}

#topo
{
	float:left;
	width:980px;
	height:100px;
	border:solid 1px #CCC;
	color:#FFF;
	background-image:url("imagens/outras/1.jpg");
	background-position:left center;
	background-repeat:no-repeat;
}

.componente
{
	margin-left:10px;
	width:250px;
	margin-bottom:10px;
}

#topo a
{
	text-align:left;
	font-variant:small-caps;
	margin-right:10px;
	margin-top:0px; /*Ajusta no Mozilla */
	border:none;
	font-weight:bold;
	font-size:1.1em;
}

#topo a:hover {text-decoration:underline;}

#logomarca
{
	height:100px;
	width:300px;
	float:left;	
}

#pesquisa
{
	width:415px;
	height:60px;
	float:left;
	margin-top:30px;
	padding-top:10px;
	padding-left:3px;
	background-image:url("imagens/outras/pesquisa.jpg");
	background-position:left center;
	background-repeat:no-repeat;
	color:#000;
	text-align:left;
	font-size:1.3em;
}

#pesquisa p
{
	margin:0px;
	color:Gray;
}
     
#botaopesquisa
{
	margin-top:45px;
	width:30px;
	height:30px;
	float:left;
}

#linkssuperior
{
	height:100px;
	width:220px;
	float:right;
	color:#000;
	text-align:left;
}

#linkssuperior a
{
	float:left;
	text-decoration:none;
	color:#333;
}

#mnsuperior
{
	text-align:right;
	padding-right:5px;
	width:976px;
	height:17px;
	float:left;
	background-color:#FFF;
}

#banner
{
	width:730px;
	_width:716px; /*CSS Hack para o IE6 */
	float:left;
}

#banner a {border:none;}

/* BARRA DE BUSCA SUPERIOR */

#busca
{
	width:980px;
	float:left;
	text-align:left;
	margin-top:5px;
}

#busca p
{
	float:left;
	margin:0px;
}

/* MENU LATERAL */

#menu
{
	float:left;
	width:125px;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
}

#menu ul
{
	margin:0px;
	padding:0px;
	width:125px;
}

#menu ul li
{
	float:left;
	list-style:none;
	width:125px;
	height:17px;
	text-align:center;
	text-transform:capitalize;
}

#menu ul li a
{
	text-decoration:none;
	color:#000000;
	width:125px;
	height:17px;
	float:left;
}

#menu ul li a:hover
{
	background-color:#F9F9F9;
	text-decoration:underline;
}

/* CONTEÚDO GERAL DO SITE (CONTENT PLACE HOLDER) */

#carrinho
{
	float:right;
	margin-bottom:5px;
}

#carrinho a
{
	text-align:right;
	text-decoration:none;
	color:#000000;
}

#conteudo
{
	width:730px;
	_width:716px; /*CSS Hack para o IE6 */
	float:left;
	margin-left:5px;
	margin-right:5px;
	text-align:left;
	background-color:#FFF;
}

#promocao 
{
	text-align:left;
	border:solid 1px #CCC;
}

#promocao p,s,h1 {font-size:1.0em;}

#promocao a img
{
	border:none;
	vertical-align:top;
	text-align:left;
}

#promocao a:hover {text-decoration:underline;}

#produtos 
{
	text-align:left;
	border:solid 1px #CCC;
}

#produtos p,h1 {font-size:0.8em;}

#produtos a img
{
	border:none;
	vertical-align:top;
	text-align:left;
}

#anuncios
{
	width:100px;
	float:left;
	text-align:center;	
}

#anuncios td a img 
{
	max-width:100px;
	text-decoration:none;
	border:none;
}

.Tabela
{
	float:left;
}

.Tabela p{margin:0px;}

.Tabela_PagSeguro
{
	width:100%;
	text-align:center;
}

.Tabela_PagSeguro img
{
	border:solid 1px #CCC;
}

.foto
{
	width:120px;
	height:120px;
	text-align:center;
}

.comentario {margin-left:5px;}

.comentario a
{
	width:90px;
	text-align:left;
	text-decoration:none;
	color:#333;
}

.comentario a:visited{color:#333;}

.comentario s
{
	width:90px;
	text-align:left;
}

.comentario p
{
	width:90px;
	text-align:left;
}

#rodape
{
	float:left;
	width:980px;
	border-top:solid 1px #CCC;
}

/*Finalizacao_Compra.aspx*/
.finalizacao
{
	width:100%;
	float:left;
}

.direita
{
	text-align:right;
	width:300px;
}


/* ÁREA ADMINISTRATIVA */
#cabecalho
{
	width:100%;
	text-align:center;
	left:-355px;
}

/*Produto.aspx*/
/* PEGUEI ESSE CÓDIGO NA INTERNET */

/* remove the padding margin and bullets from the list. Add a top margin and width 
to fit the images and a position relative */
.gallery {
	position:relative;
	width:200px;
	padding:0; 
	margin:260px 0 0 0;
	list-style-type:none; 
    top: 0px;
    left: 0px;
    float:left;
}
/* remove the default image border */
.gallery img {border:0; text-align:right;}

/* make the list horizontal */
.gallery li
{
	float:left;
	margin:0px 5px 0px 5px;
}

/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
	font-size:11px;
	float:left; 
	text-decoration:none; 
	color:#000; 
	background:#fff; 
	text-align:center; 
	width:26px; 
	height:26px; 
	line-height:24px; 
	border:1px solid #444;
	margin::350px 5px 5px 5px;
	margin-top:40px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img 
{
	position:absolute;
	top:-320px; 
	visibility:hidden; 
	width:300px;
	height:300px;
	left:0px;
	margin-top:11px;
}

/* fix the top position for the landscape images */
.gallery li a img.landscape  
{
	top:-271px; 
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
	border-left:40px solid #eee;
	border-right:40px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover { background:#ddd }
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
	background:#444; 
	color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img 
{ 
	visibility:visible;
}

/*PAGINAÇÃO DA PÁGINA DO GRUPO DE PRODUTO*/
#paginas
{
	width:100%;
	float:left;
	vertical-align:bottom;
}
#paginas ul{list-style-type: none;}

#paginas li 
{
	float:left;
	display:inline;
	display:block;
	width:30px;
	height:15px;
	text-align:center;
	margin:5px;
}
#paginas li a 
{
	text-decoration: none;
	float: left;
	background-image:url("imagens/outras/paginacao.jpg");
	width:30px;
	height:15px;
	background-repeat:no-repeat;
	background-position:left top;
}
#paginas li a:hover{background-image:url("imagens/outras/paginacao_2.jpg");
}

