@charset "utf-8";

/**
 *
 * Formatação de elementos em geral
 *
 **/
* {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

body { background:#fff url(../imagens/bg-body.jpg) top repeat-x; }

a {
	color:#273b90;
	text-decoration:underline;
	outline:none;
}

a:hover { color:#666; }

img { border:none; }

hr { display:none; }



/**
 *
 * Geral (engloba todo o site)
 *
 **/
div#geral {
	width:724px;
	margin:0 auto;
	overflow:visible;
}



/**
 *
 * Logotipo
 *
 **/
div#logo {
	position:relative;
	width:650px;
	height:180px;
	margin:0 auto;
	overflow:hidden;
}

div#logo img { margin-left:-9999px; }

div#logo h1 a {
	position:absolute;
	top:45px;
	left:45px;
	display:block;
	width:240px;
	height:100px;
	text-indent:-9999px;
	background:url(../imagens/logo-tecdec.png) no-repeat left top !important;
	background:url(../imagens/logo-tecdec-ie6.gif) no-repeat left top;
}



/**
 *
 * Menu
 *
 **/
div#menu {
	width:568px;
	height:24px;
	margin:0 auto;
}
div#menu ul {
	list-style-type:none;
	overflow:hidden;
}

div#menu li {
	display:block;
	float:left;
	height:24px;
	line-height:24px;
}

div#menu a {
	display:inline;
	float:left;
	height:24px;
	line-height:24px;
	font-size:80%;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#fff;
	margin-right:1px;
}
div#menu a:hover { color:#515e95; }

div#menu li#menuPagInicial a { width:58px; }
div#menu li#menuQuemSomos a { width:100px; }
div#menu li#menuProdutos a { width:85px; }
div#menu li#menuRevenda a { width:75px; }
div#menu li#menuContato a { width:75px; }
div#menu li#menuShowRoom a { width:95px; }
div#menu li#menuOutdec a {
	width:73px;
	margin-right:0;
}



/**
 *
 * Página ativa
 *
 **/
div.noPageID { background:url(../imagens/bg-menu.gif) no-repeat 0 0; }
div.home_Active { background:url(../imagens/bg-menu.gif) no-repeat 0 -24px; }
div.quem_somos_Active { background:url(../imagens/bg-menu.gif) no-repeat 0 -48px; }
div.produtos_Active { background:url(../imagens/bg-menu.gif) no-repeat 0 -72px; }
div.revenda_Active { background:url(../imagens/bg-menu.gif) no-repeat 0 -96px; }
div.contato_Active { background:url(../imagens/bg-menu.gif) no-repeat 0 -120px; }
div.show_room_Active { background:url(../imagens/bg-menu.gif) no-repeat 0 -144px; }
div.outdec_Active { background:url(../imagens/bg-menu.gif) no-repeat 0 -168px; }

div#menu li a.active {
	height:23px;
	line-height:23px;
	color:#333;
	background:#cecece url(../imagens/bg-pag-ativa.gif) repeat-x top;
	border:1px solid #aeaeae;
	border-bottom:none;
}

div#menu li#menuPagInicial a.active { width:55px; }
div#menu li#menuQuemSomos a.active { width:98px; }
div#menu li#menuProdutos a.active { width:83px; }
div#menu li#menuPromocao a.active { width:85px; }
div#menu li#menuRevenda a.active { width:73px; }
div#menu li#menuContato a.active { width:73px; }
div#menu li#menuShowRoom a.active { width:93px; }
div#menu li#menuOutdec a.active { width:72px; }



/**
 *
 * Conteúdo
 *
 **/
div#conteudo {
	position:relative;
	width:558px;
	min-height:350px !important;
	height:auto !important;
	height:350px;
	color:#454447;
	margin:0 auto;
	padding:25px 0;
}
div#conteudo h2 {
	font:160% Georgia, "Times New Roman", Times, serif;
	color:#666;
	margin-bottom:25px;
}
div#conteudo p {
	line-height:18px;
	font-size:80%;
	margin:15px 0;
}

/* Link "Voltar" */
div#conteudo p.linkVoltar {
	font-size:80%;
	font-weight:bold;
	text-indent:4px;
}
div#conteudo p.linkVoltar span { font-size:125%; }



/**
 *
 * Clear (corrige quebras de layout por causa do float)
 *
 **/
div.clear {
	width:100%;
	height:0;
	overflow:hidden;
	clear:both;
}



/**
 *
 * Breadcrumbs
 *
 **/
div#conteudo div#breadcrumbs { padding-bottom:25px; }

div#conteudo div#breadcrumbs ul {
	font-size:80%;
	list-style-type:none;
}

div#conteudo div#breadcrumbs ul li {
	display:inline;
	float:left;
	color:#333;
	margin-right:4px;
	padding-left:12px;
	background:url(../imagens/bullet.gif) left top no-repeat;
}

div#conteudo div#breadcrumbs ul li a {
	font-weight:bold;
	font-style:normal;
	text-decoration:underline;
}

div#conteudo div#breadcrumbs ul li a:hover { text-decoration:none; }



/**
 *
 * Conteúdo para impressão
 *
 **/
div#conteudoImprimir { display:none; }



/**
 *
 * Informações (rodapé)
 *
 **/
div#info {
	height:60px;
	font-size:80%;
	padding:40px 0 35px;
	background:#8a8a8a url(../imagens/bg-footer.gif) top repeat-x;
	clear:both;
}
div#info p {
	color:#cecece;
	text-align:center;
	margin:5px 0;
}



/**
 *
 * Página inicial
 * http://www.tecdec.com.br/
 *
 **/
div#geralIndex
{
	position:relative;
	width:703px;
	margin:0 auto;
}

/* Conteúdo da Página Inicial */
div#conteudoIndex {
	width:703px;
	padding:50px 0;
}
/* Box */
div#conteudoIndex div.box {
	position:relative;
	float:left;
	width:221px;
	text-align:center;
	margin-right:20px;
}
div#conteudoIndex div.box a.img {
	display:block;
	width:215px;
	height:290px;
	padding:2px;
	background-color:#fff;
	border:1px solid #ccc;
	overflow:hidden;
}

/* Remove margem do box dos Lançamentos */
div#conteudoIndex div#boxNovidades { margin-right:0; }


div#conteudoIndex div.box h2 {
	position:absolute;
	top:3px;
	left:3px;
	display:block;
	width:215px;
	height:22px;
	line-height:22px;
	font-size:80%;
	text-align:center;
	background:url(../imagens/bg-categorias.png) repeat;
}

div#conteudoIndex div.box h2 a {
	display:block;
	width:215px;
	height:22px;
	line-height:22px;
	color:#fff;
	text-decoration:none;
}


/* Banner */
div#conteudoIndex div#banner-2009 {
	position:absolute;
	top:0;
	right:125px;
	width:180px;
	height:450px;
	overflow:hidden;
}
div#conteudoIndex div#banner-2009 object {
	position:absolute;
	top:0;
	left:-100px;
	width:300px;
	height:450px;
}



/**
 *
 * Revenda
 * http://www.tecdec.com.br/revenda/
 *
 **/
div#conteudo form#lista-de-revendas fieldset {
	position:relative;
	height:130px;
	background-color:#fafafa;
	border:1px dotted #ccc;
}

div#conteudo form#lista-de-revendas fieldset label {
	position:absolute;
	left:10px;
	display:block;
	width:250px;
	height:16px;
	line-height:16px;
	font-size:80%;
	font-weight:bold;
}

div#conteudo form#lista-de-revendas fieldset select {
	position:absolute;
	left:10px;
	display:block;
	width:250px;
	height:22px;
}


/* Estado */
div#conteudo form#lista-de-revendas fieldset label#label-estado { top:10px; }
div#conteudo form#lista-de-revendas fieldset select#estados { top:30px; }


/* Cidade */
div#conteudo form#lista-de-revendas fieldset label#label-cidade { top:68px; }
div#conteudo form#lista-de-revendas fieldset select#cidades { top:88px; }


/* "Carregando"... (cidades) */
form#lista-de-revendas fieldset div#carregando {
	position:absolute;
	top:89px;
	left:11px;
	display:none;
	width:226px;
	height:16px;
	line-height:16px;
	font-size:70%;
	font-weight:bold;
	color:#333;
	padding:2px 0 2px 22px;
	overflow:hidden;
	z-index:11;
	background-color:#fff;
}

form#lista-de-revendas fieldset div#carregando img {
	position:absolute;
	top:2px;
	left:2px;
}

/* Safari */
body:not(:root:root) form#lista-de-revendas fieldset div#carregando {
	padding:0 0 0 22px;
	background:#fff url(../imagens/bg-carregando-safari.png) no-repeat left top;
}
body:not(:root:root) form#lista-de-revendas fieldset div#carregando img { top:0; }



/* Revendas */
div#conteudo div#revendas,
div#conteudo div#revendas div#results {
	position:relative;
	display:none;
	min-height:100px !important;
	height:auto !important;
	height:100px;
	padding-top:25px;
}


/* Avisos de erros retornados (Ajax) */
div#conteudo div#revendas div#results p#aviso {
	height:100px;
	line-height:100px;
	text-align:center;
	margin:0;
}


/* "Carregando"... (revendas) */
div#conteudo div#revendas div#carregando-revendas {
	position:absolute;
	top:50%;
	left:50%;
	display:none;
	width:134px;
	height:16px;
	line-height:16px;
	text-align:center;
	font-size:70%;
	font-weight:bold;
	color:#333;
	margin:-8px 0 0 -67px;
	padding:2px 0 2px 22px;
	overflow:hidden;
	z-index:12;
}

div#conteudo div#revendas div#carregando-revendas img {
	position:absolute;
	top:2px;
	left:2px;
}

/* Safari */
body:not(:root:root) div#conteudo div#revendas div#carregando-revendas {
	padding:0 0 0 22px;
	background:#fff url(../imagens/bg-carregando-safari.png) no-repeat left top;
}
body:not(:root:root) div#conteudo div#revendas div#carregando-revendas img { top:0; }



/* Dados das revendas */
div#conteudo div#revendas div#results div.dados-revenda {
	width:558px;
	margin-bottom:20px;
	padding-bottom:10px;
	background:#f6f6f6 url(../imagens/bg-box-produto.gif) repeat-x 0 30px;
}

div#conteudo div#revendas div#results div.dados-revenda h3 {
	display:block;
	height:30px;
	line-height:30px;
	font-size:90%;
	text-indent:10px;
	color:#fff;
	margin-bottom:10px;
	background:#b6b6b6 url(../imagens/bg-barra-titulo.gif) left top no-repeat;
	border-right:1px solid #b6b6b6;
	clear:both;
}

div#conteudo div#revendas div#results div.dados-revenda p { padding:0 10px; }
div#conteudo div#revendas div#results div.dados-revenda hr { display:none; }



/**
 *
 * Seja uma revenda!
 * http://www.tecdec.com.br/seja-uma-revenda/
 *
 **/
div#conteudo p#campos-obrigatorios {
	color:#f00;
	padding:5px;
	background-color:#f0f0f0;
}


div#conteudo form#seja-uma-revenda fieldset { border:none; }

div#conteudo form#seja-uma-revenda fieldset label,
div#conteudo form#seja-uma-revenda fieldset div#leftFields label,
div#conteudo form#seja-uma-revenda fieldset div#rightFields label,
div#conteudo form#seja-uma-revenda fieldset div#leftFields div#campoDDD label,
div#conteudo form#seja-uma-revenda fieldset div#leftFields div#campoTelefone label,
div#conteudo form#seja-uma-revenda fieldset div#rightFields div#campoEstado label,
div#conteudo form#seja-uma-revenda fieldset div#rightFields div#campoCEP label {
	display:block;
	height:25px;
	line-height:25px;
	font-weight:bold;
	clear:both;
}
div#conteudo form#seja-uma-revenda fieldset label { font-size:80%; }


div#conteudo form#seja-uma-revenda fieldset input.inputs {
	width:266px;
	height:22px;
	line-height:22px;
	text-indent:2px;
	font-size:80%;
	color:#333;
	margin-bottom:5px;
	border:1px solid #7f9db9;
}

div#conteudo form#seja-uma-revenda fieldset div#leftFields {
	display:block;
	float:left;
	width:270px;
	padding-bottom:10px;
}

/* DDD */
div#conteudo form#seja-uma-revenda fieldset div#leftFields div#campoDDD {
	float:left;
	width:40px;
	margin-right:5px !important;
	margin-right:3px;
}
div#conteudo form#seja-uma-revenda fieldset div#leftFields div#campoDDD input#input-ddd {
	width:34px;
	height:22px;
	line-height:22px;
	text-indent:2px;
	font-size:80%;
	color:#333;
	margin-bottom:5px;
	border:1px solid #7f9db9;
}

/* Telefone */
div#conteudo form#seja-uma-revenda fieldset div#leftFields div#campoTelefone {
	float:left;
	width:215px;
}
div#conteudo form#seja-uma-revenda fieldset div#leftFields div#campoTelefone input#input-telefone {
	width:80px;
	height:22px;
	line-height:22px;
	text-indent:2px;
	font-size:80%;
	color:#333;
	margin-bottom:5px;
	border:1px solid #7f9db9;
}

div#conteudo form#seja-uma-revenda fieldset div#rightFields {
	display:block;
	float:right;
	width:270px;
	padding-bottom:10px;
}


/* Estado */
div#conteudo form#seja-uma-revenda fieldset div#rightFields div#campoEstado {
	float:left;
	width:170px;
	margin-right:5px;
}

div#conteudo form#seja-uma-revenda fieldset div#rightFields div#campoEstado select#select-estado {
	width:168px;
	height:24px;
	font-size:90%;
	color:#333;
	margin:0 0 5px;
	*margin:1px 0 5px;
	border:1px solid #7f9db9;
}


/* CEP */
div#conteudo form#seja-uma-revenda fieldset div#rightFields div#campoCEP {
	float:left;
	width:85px;
}
div#conteudo form#seja-uma-revenda fieldset div#rightFields div#campoCEP input#input-cep {
	width:90px;
	height:22px;
	line-height:22px;
	text-indent:2px;
	font-size:80%;
	color:#333;
	margin-bottom:5px;
	border:1px solid #7f9db9;
}

/* Mensagem */
div#conteudo form#seja-uma-revenda fieldset textarea#mensagem {
	display:block;
	float:none;
	width:552px;
	height:180px;
	font-size:80%;
	margin-bottom:10px;
	padding:2px;
	border:1px solid #7f9db9;
	clear:both;
}
div#conteudo form#seja-uma-revenda fieldset button#btn-enviar {
	width:80px;
	height:30px;
	font-weight:bold;
	font-size:80%;
	color:#454447;
}



/**
 *
 * Contato
 * http://www.tecdec.com.br/contato/
 *
 **/
div#conteudo div.dadosDeContato {
	float:right;
	width:180px;
	text-align:left;
	margin-bottom:35px;
	*margin-bottom:0;	/* IE6 e IE7 */
}
div#conteudo div.dadosDeContato h3 {
	height:24px;
	line-height:24px;
	font-size:90%;
	color:#8a8a8a;
	margin-bottom:8px;
	padding-bottom:4px;
	border-bottom:2px solid #8a8a8a;
}
div#conteudo div.dadosDeContato h3#sac,
div#conteudo div.dadosDeContato h3#vendas { margin-top:25px; }


div#conteudo div.dadosDeContato h4 {
	height:22px;
	line-height:22px;
	font-size:80%;
	color:#333;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #ccc;
}
div#conteudo div.dadosDeContato h4.moema { margin-top:15px; }

div#conteudo div.dadosDeContato p.endereco { margin:0 0 5px; }
div#conteudo div.dadosDeContato p.telefone {
	margin:0 0 5px;
	padding-left:20px;
	background:url(../imagens/telefone.gif) no-repeat left;
}
div#conteudo div.dadosDeContato p.email {
	margin:0 0 5px;
	padding-left:20px;
	background:url(../imagens/email.gif) no-repeat left;
}
div#conteudo div.dadosDeContato p.telefone strong,
div#conteudo div.dadosDeContato p.email strong { display:none; }


/**
 *
 * Formulário de contato
 *
 **/
div#conteudo form#formulario-de-contato {
	display:block;
	float:left;
}
div#conteudo form#formulario-de-contato fieldset {
	width:356px;
	margin-bottom:35px;
	border:none;
}

/* Label */
div#conteudo form#formulario-de-contato fieldset label {
	display:block;
	font-size:80%;
	font-weight:bold;
	clear:both;
}

/* Formatação dos Inputs */
div#conteudo form#formulario-de-contato fieldset input.inputs {
	display:block;
	height:22px;
	line-height:22px;
	text-indent:2px;
	font-size:80%;
	color:#333;
	margin:2px 0 5px;
	border:1px solid #7f9db9;
	clear:both;
}

/* Nome */
div#conteudo form#formulario-de-contato fieldset input#input-nome { width:331px; }

/* E-mail */
div#conteudo form#formulario-de-contato fieldset input#input-email { width:331px; }

/* Telefone */
div#conteudo form#formulario-de-contato fieldset p#dados-telefone {
	position:relative;
	height:65px;
	margin:0;
	padding-top:3px;
	*padding-top:0; /* IE6 e IE7 */
	overflow:visible;
	clear:both;
}

/* Opcional */
div#conteudo form#formulario-de-contato fieldset p#dados-telefone label#label-telefone span {
	display:inline-block;
	font-weight:normal;
	font-size:80%;
	color:#273b90;
}

/* Label: Telefone */
div#conteudo form#formulario-de-contato fieldset p#dados-telefone label#label-telefone {
	display:block;
	font-size:100%;
	font-weight:bold;
	clear:both;
}

/* Inputs: DDD e do número do telefone */
div#conteudo form#formulario-de-contato fieldset p#dados-telefone input.classTel {
	display:block;
	float:left;
	height:22px;
	line-height:22px;
	text-indent:2px;
	color:#333;
	margin:2px 0 5px;
	*margin-bottom:2px; /* IE6 e IE7 */
	border:1px solid #7f9db9;
	clear:both;
}

/* Input: DDD */
div#conteudo form#formulario-de-contato fieldset p#dados-telefone input#input-ddd {
	width:25px;
	clear:left;
}
/* Input: Número */
div#conteudo form#formulario-de-contato fieldset p#dados-telefone input#input-numero {
	width:100px;
	margin-left:8px;
	clear:right;
}

/* Label: DDD e Número */
div#conteudo form#formulario-de-contato fieldset p#dados-telefone label.positionAbsolute {
	position:absolute;
	top:49px;
	*top:45px; /* IE6 e IE7 */
	font-size:80%;
	color:#454447;
	line-height:normal;
	text-align:left;
	font-weight:normal;
	padding:0;
	clear:none;
}

/* Label: DDD */
div#conteudo form#formulario-de-contato fieldset p#dados-telefone label#label-ddd { left:0; }

/* Label: Número */
div#conteudo form#formulario-de-contato fieldset p#dados-telefone label#label-numero { left:38px; }


/* Assunto */
div#conteudo form#formulario-de-contato fieldset input#input-assunto { width:331px; }

/* Mensagem */
div#conteudo form#formulario-de-contato fieldset textarea#mensagem {
	display:block;
	width:328px;
	height:95px;
	font-size:80%;
	color:#333;
	margin:5px 0;
	padding:3px;
	border:1px solid #7f9db9;
	clear:right;
}

/* Botão Enviar */
div#conteudo form#formulario-de-contato fieldset button#btn-enviar {
	width:80px;
	height:30px;
	line-height:30px;
	*line-height:24px; /* IE6 e IE7 */
	font-weight:bold;
	font-size:80%;
	color:#454447;
	line-height /*\**/: 24px\9 /* IE8 */
}



/**
 *
 * Avisos de erros retornados
 *
 **/
div#conteudo div#erro {
	margin:10px 0 25px;
	background-color:#fff;
	border:2px solid #f00;
}

/* Erro */
div#conteudo div#erro p#warning {
	height:30px;
	line-height:30px;
	text-indent:26px;
	font-weight:bold;
	color:#f00;
	margin:0;
	padding:0 5px;
	background:#ffc url(../imagens/alert.gif) left 5px no-repeat;
	border-bottom:2px solid #f00;
}
div#conteudo div#erro p#erroEncontrado {
	color:#333;
	margin:10px 0;
	padding:0 10px;
}

/* Falha no envio */
div#conteudo div#erro p#failed {
	height:30px;
	line-height:30px;
	font-weight:bold;
	color:#f00;
	text-indent:26px;
	margin:0;
	padding:0 5px;
	background:#ffc url(../imagens/alert.gif) left 5px no-repeat;
	clear:both;
}


/* Erros: Contato */
div#conteudo div.erro-contato {
	float:left;
	width:352px;
}



/**
 *
 * Mensagem enviada!
 * http://www.tecdec.com.br/mensagem-enviada/
 *
 **/
div#conteudo img#msgEnviada {
	display:block;
	float:right;
	margin:0 0 0 15px;
}



/**
 *
 * Solicitação enviada!
 * http://www.tecdec.com.br/solicitacao-enviada/
 * http://www.tecdec.com.br/mensagem-enviada/ (solicitação de orçamento)
 *
 **/
div#conteudo img#solicitacaoEnviada {
	display:block;
	float:right;
	margin:-10px 0 0 15px;
}



/**
 *
 * Show Room
 * http://www.tecdec.com.br/show-room/
 *
 **/
div#conteudo div#escolhaShowRoom {
	width:600px;
	min-height:360px !important;
	height:auto !important;
	height:360px;
	margin:10px auto 25px;
}

div#conteudo div#escolhaShowRoom div.detalhes {
	display:inline;
	float:left;
	width:240px;
	margin:0 20px;
}

div#conteudo div#escolhaShowRoom div.detalhes h3 {
	font:130% Georgia, "Times New Roman", Times, serif;
	margin-bottom:5px;
}
div#conteudo div#escolhaShowRoom div.detalhes h3 span {
	font-size:70%;
	font-style:italic;
	font-weight:normal;
	text-transform:lowercase;
}
div#conteudo div#escolhaShowRoom div.detalhes a,
div#conteudo div#escolhaShowRoom div.detalhes img {
	display:block;
	width:240px;
	height:180px;
	overflow:hidden;
	margin:0;
	padding:0;
}



/**
 *
 * Show Room (detalhes)
 * Enxoval
 * Promoção
 * Sueli Adorni
 *
 * http://www.tecdec.com.br/show-room/jardins/
 * http://www.tecdec.com.br/show-room/moema/
 * http://www.tecdec.com.br/enxoval/
 * http://www.tecdec.com.br/sueli-adorni/
 *
 **/

/* Flash */
div#flash { margin:0 auto 35px; }
div#flash.showRoom { width:520px; }
div#flash.enxoval { width:525px; }
div#flash.colecao { width:548px; }
div#flash.promocoes {
	width:703px;
	margin-left:-72px;
}
div#flash.hotsite {
	width:528px;
	height:308px;
	margin:0;
}

/* <noscript> */
div.flashError {
	font-size:90%;
	font-weight:bold;
	color:#fff;
	padding:30px;
	background-color:#900;
}



/**
 *
 * Coleções
 * http://www.tecdec.com.br/colecoes/
 *
 **/
div#conteudo h3.colecoes {
	float:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:15px;
	clear:both;
}



/**
 *
 * Promoção
 * http://www.tecdec.com.br/promocao/
 *
 **/

/* Exibir o logo na página de promoção (IE6) */
div#geral.pagPromocaoIndex div#logo h1 a,
div#geral.pagPromocaoProdutos div#logo h1 a {
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../imagens/logoTecdec.png,sizingMethod='crop');
}

/* Título */
div#geral.pagPromocaoIndex div#conteudo h2#titlePromocao,
div#geral.pagPromocaoProdutos div#conteudo h2#titlePromocao {
	width:500px;
	height:75px;
	text-indent:-9999px;
	margin:0 auto;
	padding:25px 0 15px;
	background:url(../imagens/promocao/titlePromocao.jpg) no-repeat left 25px;
}

/* Aviso */
div#geral.pagPromocaoIndex div#conteudo p#aviso,
div#geral.pagPromocaoProdutos div#conteudo p#aviso {
	text-align:center;
	color:#8c8c8c;
	padding-bottom:15px;
}



/**
 *
 * Sueli Adorni
 * http://www.tecdec.com.br/sueli-adorni/
 *
 * Mariza Cundari
 * http://www.tecdec.com.br/mariza-cundari/
 *
 **/

/* Sueli Adorni */
div#conteudo.sueli-adorni { width:656px; }

/* Mariza Cundari */
div#conteudo.mariza-cundari { width:676px; }


div#conteudo.hotsite h2 { margin:0; }
div#conteudo.hotsite p#telefone-e-site {
	line-height:14px;
	margin-top:0;
}

div#conteudo.hotsite a {
	text-decoration:none;
	color:#333;
}

/* Área do Flash */
div#conteudo.hotsite div#areaFlash {
	float:left;
	width:528px;
	height:328px;
	padding-bottom:20px;
}

/* Agradecimentos */
div#conteudo.hotsite div#areaFlash p {
	width:528px;
	height:20px;
	line-height:20px;
	font-size:70%;
	margin:0;
	padding:0;
}

/* Tecidos utilizados */
div#tecidos { float:right; }

/* Sueli Adorni */
div#tecidos.sueli-adorni { width:110px; }

/* Mariza Cundari */
div#tecidos.mariza-cundari {
	width:130px;
	height:308px;
	overflow-y:scroll;
}


div#tecidos h3 {
	height:17px;
	line-height:17px;
	text-align:center;
	font-size:70%;
}

div#tecidos ul { list-style-type:none; }
div#tecidos ul li {
	width:110px;
	margin:0 auto;
	padding:5px 0 0;
}
div#tecidos ul li a {
	display:block;
	width:80px;
	height:60px;
	margin:0 auto;
	overflow:hidden;
}
div#tecidos ul li p {
	width:110px;
	height:32px;
	line-height:16px;
	text-align:center;
	font-size:70%;
	margin:0;
	padding:0;
}
div#tecidos ul li p a.detalhes {
	display:inline;
	width:auto;
	height:auto;
	text-decoration:underline;
	color:#273b90;
}

/* Mensagens enviadas */
div#mensagens {
	float:left;
	width:336px;
	margin-top:15px;
}

div#mensagens h3 {
	height:25px;
	line-height:25px;
	font-size:90%;
	font-weight:bold;
	color:#333;
}

div#mensagens div#listaMsgs {
	height:255px;
	padding-right:15px;
	overflow:auto;
	overflow-x:hidden;
}

div#mensagens div#listaMsgs ul {
	margin-top:11px;
	list-style-type:none;
}
div#mensagens div#listaMsgs ul li { margin:5px 0 30px; }
div#mensagens div#listaMsgs ul li p {
	line-height:16px;
	font-size:70%;
	margin:0 0 10px;
}


/* Nome */
div#mensagens div#listaMsgs ul li h4 {
	line-height:16px;
	font-size:70%;
	color:#666;
	padding:0 0 4px;
}

/* Data do envio */
div#mensagens div#listaMsgs ul li p.dataEnvio {
	height:10px;
	line-height:10px;
	font-size:55%;
	color:#777;
	margin:0;
	padding:5px 0;
	border-bottom:1px dotted #ccc;
}


/* Formulário para envio das mensagens */
div#conteudo.hotsite form#envio-de-mensagens fieldset {
	position:relative;
	float:right;
	width:300px;
	height:280px;
	margin:15px 0 35px;
	*margin:15px 0 25px;
	border:none;
	overflow:hidden;
	z-index:100;
}

div#conteudo.hotsite form#envio-de-mensagens fieldset h3 {
	position:absolute;
	top:0;
	left:0;
	height:25px;
	line-height:25px;
	font-size:90%;
	font-weight:bold;
	color:#333;
	z-index:101;
}

/* Label */
div#conteudo.hotsite form#envio-de-mensagens fieldset label {
	position:absolute;
	left:0;
	display:block;
	height:20px;
	line-height:20px;
	font-size:70%;
	font-weight:bold;
	color:#333;
	margin:0;
	padding:0;
	z-index:102;
}

/* Observação do e-mail */
div#conteudo.hotsite form#envio-de-mensagens fieldset label span {
	font-size:90%;
	font-weight:normal;
	color:#666;
}

/* Inputs */
div#conteudo.hotsite form#envio-de-mensagens fieldset input {
	position:absolute;
	left:0;
	display:block;
	width:298px;
	height:18px;
	line-height:18px;
	font-size:70%;
	color:#333;
	margin:0;
	padding:0;
	background-color:#fff;
	border:1px solid #7f9db9;
	z-index:103;
}

/* Nome */
div#conteudo.hotsite form#envio-de-mensagens fieldset label#label-nome { top:35px; }
div#conteudo.hotsite form#envio-de-mensagens fieldset input#input-nome { top:55px; }

/* E-mail */
div#conteudo.hotsite form#envio-de-mensagens fieldset label#label-email { top:80px; }
div#conteudo.hotsite form#envio-de-mensagens fieldset input#input-email { top:100px; }

/* Mensagem */
div#conteudo.hotsite form#envio-de-mensagens fieldset label#label-mensagem { top:125px; }
div#conteudo.hotsite form#envio-de-mensagens fieldset textarea#mensagem {
	position:absolute;
	top:145px;
	display:block;
	width:298px;
	height:100px;
	font-size:70%;
	color:#333;
	margin:0;
	padding:0;
	background-color:#fff;
	border:1px solid #7f9db9;
}

/* Botão Enviar */
div#conteudo.hotsite form#envio-de-mensagens fieldset button#btn-enviar {
	position:absolute;
	top:250px;
	right:0;
	width:60px;
	height:18px;
	font-weight:bold;
	font-size:70%;
	color:#fff;
	padding-bottom:2px;
	background-color:#8a8a8a;
	border:none;
	z-index:104;
}

/* Div que recebe o alert do envio da mensagem */
div#conteudo.hotsite form#envio-de-mensagens fieldset div#alert {
	position:absolute;
	top:-100px;
	left:-100px;
	display:none;
	width:0;
	height:0;
	overflow:hidden;
}

/* Área sob a imagem do "Carregando..." */
div#conteudo.hotsite form#envio-de-mensagens fieldset div#loading {
	position:absolute;
	top:25px;
	left:0;
	display:none;
	width:300px;
	height:280px;
	background-color:#fff;
	z-index:105;
}

/* Imagem do "Carregando..." */
div#conteudo.hotsite form#envio-de-mensagens fieldset img#imgLoading {
	position:absolute;
	top:50%;
	left:50%;
	display:none;
	width:208px;
	height:13px;
	margin:-6px 0 0 -104px;
	z-index:106;
}


/* "Confira a vitrine" */
div#conteudo.hotsite p#confiraVitrine {
	width:100%;
	text-align:center;
	font-size:80%;
	margin:0;
	padding-top:25px;
	clear:both;
}

/* Endereço */
div#conteudo.hotsite p#endereco {
	width:100%;
	text-align:center;
	font-size:100%;
	margin:0;
	padding:5px 0 15px;
	clear:both;
}



/**
 *
 * Páginas de erros (Not Found, Access Denied)
 *
 **/
div#conteudo h2.aviso {
	height:30px;
	line-height:30px;
	text-indent:35px;
	color:#c00;
}
div#conteudo h2#acessoNaoPermitido { background:url(../imagens/acesso-nao-permitido.gif) no-repeat left top; }
div#conteudo h2#paginaNaoEncontrada { background:url(../imagens/pagina-nao-encontrada.gif) no-repeat left top; }


/* Lista de sugestões */
div#conteudo div#listaSugestoes {
	margin:15px 0;
	padding:10px;
	background-color:#f6f6f6;
}
div#conteudo div#listaSugestoes ul {
	font-size:80%;
	margin-left:15px;
}