/* LOJA TEO */

body {
	width:972px;
	position:relative;
	margin-top:12px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:12px;
	text-transform:lowercase;
}	

body p {
	*margin-top:-2px;
}

p {
	margin:0px;
	padding:0px;
	color:#FF0000;
}

img {
border:0px;
}

/* header define posicionamento do logo, e posicionamento e formatação do texto */
#header {
	position:absolute;
	top:0px;
	left:0px;
	width:972px;
	height:72px;
	background-color:#FF0000;
}

#header div {
	position:absolute;
	top:12px;
	right:18px;
	border-top:1px solid #FFFFFF;
}

#header div p {
	margin:0px;
	width:162px;
	color:#FFFFFF;
	font-size:10px;
	line-height:11px;
	border-bottom:1px solid #FFFFFF;
}

/* container define toda área de exposição além do cabeçalho: menu, categorias e produtos */
#container {
	position:absolute;
	top:84px;
	left:0px;
	width:990px;
	background-color:transparent;
}

/* os ids e classes a seguir definem o posicionamento do menu, categorias e objetos dentro de container. se posicionam automaticamente por float  */
#menu {
	float:left;
	width:100%;
	background-color:transparent;
}

#menu_categorias {
	float:left;
	width:100%;
	background-color:transparent;
}

#exposicao {
	float:left;
	width:100%;
	background-color:transparent;
}

#img_home {
	float:left;
	width:972px;
	height:486px;
	border:0px solid #FF0000;
	background-color:transparent;
	margin-bottom:12px;
}

/* as classes a seguir definem os tipos de objeto, suas dimensões, bordas */
.coluna {
	float:left;
	width:198px;
	background-color:transparent;
}

.coluna_dupla {
	float:left;
	width:396px;
	background-color:transparent;
}

.coluna_img {
	float:left;
	width:574px;
	background-color:transparent;
}

.t_meio {
	float:left;
	width:178px;
	height:12px;
	border:1px solid #FF0000;
}

.t1 {
	float:left;
	width:178px;
	height:22px;
	border:1px solid #FF0000;
}

.t1_espacamento {
	float:left;
	width:178px;
	height:22px;
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
}

.t1_duplo {
	float:left;
	width:376px;
	height:22px;
	border:1px solid #FF0000;
}

.t2 {
	float:left;
	width:178px;
	height:58px;
	border:1px solid #FF0000;
}

.t3 {
	float:left;
	width:178px;
	height:94px;
	border:1px solid #FF0000;
}

.t4 {
	float:left;
	width:178px;
	height:130px;
	border:1px solid #FF0000;
}

.t_txt {
	width:178px;
	marngin-top:0px;
}

.t_txt_duplo {
	margin:0px;
	width:378px;
}

.t_txt_prod {
	width:178px;
	border-top:1px solid #FF0000;
	margin-top:12px;
	font-style:italic;
}

.thumb {
	float:left;
	width:178px;
	height:118px;
	border:1px solid #FF0000;
}

.img_prod {
	float:left;
	border:1px solid #FF0000;
}

/* comportamento dos objetos dentro de cada campo: imagens, textos e legendas */
#exposicao img {
	margin-right:18px;
	margin-bottom:12px;
	background-color:transparent;
}

#menu div, #menu_categorias div {
	padding:0px;
	margin-right:18px;
	margin-bottom:12px;
	background-color:#FF0000;
}

#exposicao .coluna div, #exposicao .coluna_dupla div, #exposicao .coluna_img div, #exposicao .coluna img {
	padding:0px;
	margin-right:18px;
	_margin-right:0px;
	margin-bottom:12px;
	background-color:#FF0000;
}

#exposicao div.thumb_produtos {
	padding:0px;
	margin-right:18px;
	margin-bottom:12px;
	background-color:#FF0000;	
}

#exposicao .coluna div.sem_selecao {
	padding:0px;
	margin-right:18px;
	_margin-right:0px;
	margin-bottom:12px;
	background-color:#FFFFFF;
}

#exposicao .coluna div.coment, #exposicao .coluna div.comente {
	height:252px;
	background-color:#FFFFFF;
}

#exposicao .coluna div.serv {
	background-color:#FFFFFF;
}

#exposicao .coluna_img div.img_position {
	position:absolute;
}

#menu div:hover, #menu_categorias div:hover {
	background-color:#F80000;
}

#menu div p, #menu_categorias div p, #exposicao .coluna div p.legenda, #exposicao .coluna_dupla div p.legenda, #exposicao .coluna_img div p.legenda, #exposicao a div.thumb_produtos p.legenda, #exposicao .coluna_img div p.legenda a,  #exposicao .coluna div p.legenda a {
	color:#FFFFFF;
	padding-top:0px;
	padding-left:1px;
}

#menu div.inativo, #menu_categorias div.inativo {
	padding:0px;
	margin-right:18px;
	margin-bottom:12px;
	background-color:#FFFFFF;
}

#menu div.inativo p, #menu_categorias div.inativo p {
	color:#FF0000;
	padding-top:0px;
	padding-left:1px;
}

#menu div:hover.inativo, #menu_categorias div:hover.inativo {
	background-color:#FF0000;
}

#menu div:hover.inativo p, #menu_categorias div:hover.inativo p {
	color:#FFFFFF;
}

input.t_meio {
	margin-bottom:12px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#FF0000;
}

input {
	margin-bottom:12px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#FF0000;
}

textarea {
	margin-bottom:12px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#FF0000;
}

/* links em textos */
a:link {
	color:#FF0000;
	text-decoration:none;
	*cursor:pointer;
	*background-color:#FF0000;

}
a:visited{
	color:#FF0000;
	text-decoration:none;
	*cursor:pointer;
}
a:hover {
	color:#FF1111;
	text-decoration:none;
	*cursor:pointer;
	*font-weight:bold;
}
a:active{
	color:#FF0000;
	text-decoration:none;
	*cursor:pointer;
}