/*

Name: Central de Atendimento Taco Roupas
URL: http://central.taco.com.br/
Description: Em producao
Version: 1.0 

*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
	
	body {
	min-width:1006px;
	width:1006px;
	font:12px Tahoma;
	line-height: 1;
	color:#000;
	margin:0 auto;
	background:url() repeat-y center #fff;
	}
	
	body.home #main {margin:0 146px;}
	
	ol, ul {list-style: none;}
	
	blockquote, q {quotes: none;}
	
	blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
	}
	
	/* remember to define focus styles! */
	:focus {outline: 0;}
	
	/* remember to highlight inserts somehow! */
	ins {text-decoration: none;}
	del {text-decoration: line-through;	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
	a {text-decoration:none;}
	a:hover {color:#333;}
	
	form {
	width:100%;
	float:left;
	}

/********************************************/
/***************** HEADER *******************/
/********************************************/

	div.header {
	margin:0px;
	width:100%;
	height:132px;
	position:relative;
	background:url(http://www.taco.com.br/Control/ArquivoExibir.aspx?NomeArquivo=bg-header) repeat-x 0 0;
	}

	div.header h1 {
	width:73px;
	height:73px;
	background:url(http://www.taco.com.br/Control/ArquivoExibir.aspx?NomeArquivo=logotipo-taco) no-repeat;
	position:absolute;
	top:12px;
	left:12px;
	}

	div.header h1 a {
	width:73px;
	height:73px;
	display:block;
	text-indent:-999em;
	overflow:hidden;
	}

	div.header .welcome {
	position:absolute;
	left:100px;
	top:60px;
	z-index:5;
	color:#999999;
	font-family:tahoma;
	font-size:11px;
	}

	div.header .loginmsg em {
	position:absolute;
	left:100px;
	top:75px;
	z-index:5;
	color:#999999;
	font-family:tahoma;
	font-size:11px;
	font-style:normal;
	}

	div.header .loginmsg a {
	color:#304569;
	font-style:normal;
	}

	div.header .welcome em {
	font-style:normal;
    display:block;
    line-height:23px;
	}

	div.header .welcome a.logout {
	font-style:normal;
	color:#21375C;
	}

	div.header .welcome a.logout:hover {
	color:#666;
    text-decoration:underline;
	}

	hr,
	ul.menu-user li#cesta-compras div br,
	ul.menu-user li span,
	.valor-dividido br,
	fieldset.search legend {
	display:none;
	}
	
/********************************************/
/****** HEADER - MENU SERVICOS **************/
/********************************************/

	.header ul.servicos {
	width:326px;
	position:absolute;
	right:0px;
	top:0px;
	background:url(http://www.taco.com.br/Control/ArquivoExibir.aspx?NomeArquivo=bg-menu-servicos) no-repeat #fff;
	height:28px;
	overflow:hidden;
	padding:0px;
	}

	.header ul.servicos li {
	line-height:28px;
	float:left;
	color:#304569;
	font-family:tahoma;
	font-size:11px;
	}

	.header ul.servicos li a:hover {
	color:#000000;
	}

	.header ul.servicos li a {
	display:block;
	color:#304569;
	}

	.header ul.servicos li.atendimento {
	padding:0px 5px 0px 9px;
	}

	.header ul.servicos li.duvidas {
	padding:0px 6px 0px 6px;
	}

	.header ul.servicos li.seguranca {
	padding:0px 6px 0px 6px;
	}

	.header ul.servicos li.televendas {
	padding:0px 0px 0px 6px;
	}

	body.carrinho div.carrinho-vazio li.central-atendimento a {}

/********************************************/
/********** HEADER - MENU USER **************/
/********************************************/

	.header ul.menu-user {
	position:absolute;
	right:0px;
	top:32px;
	width:375px;
	}
	
	ul.menu-user li {
	float:left;
	}
	
	ul.menu-user li a {
	color:#8096A8;
	font-family:tahoma;
	font-size:12px;
	}
	
	ul.menu-user li a:hover {
	color:#805792;
	}
	
	ul.menu-user li#cesta-compras,
	ul.menu-user li#cesta-compras-ativa {
	display:block;
	width:80px;
	height:46px;
	background:url(http://www.taco.com.br/Control/ArquivoExibir.aspx?IdArquivo=55) no-repeat 0 7px;
	padding:18px 0px 0px 45px;
	}
	
	ul.menu-user li#cesta-compras a, ul.menu-user li#cesta-compras-ativa a {
	display:block;
	font-size:11px;
	color:#8096A8;
	padding:0px 0px 0px 0px;
	}
	
	ul.menu-user li#meu-cadastro, ul.menu-user li.cadastro, ul.menu-user li.cadastre {
	padding:40px 0px 0px 0px;
	background:url(http://www.taco.com.br/Control/ArquivoExibir.aspx?IdArquivo=45) no-repeat bottom right;
	}
	
	ul.menu-user li#meu-cadastro a, ul.menu-user li.cadastro a, ul.menu-user li.cadastre a {}
	
	ul.menu-user li#meu-cadastro a:hover, ul.menu-user li.cadastro a:hover, ul.menu-user li.cadastre a:hover,
	ul.menu-user li#meu-pedido a:hover, ul.menu-user li.pedido a:hover {
	color:#223961;
	}
	
	ul.menu-user li#meu-pedido a {
	padding:40px 10px 0px 12px;
	}
	
	ul.menu-user li a {
	padding:0 1em;
	display:block;
	}
	
	ul.menu-user li strong {font-weight:normal;}
	ul.menu-user li em {
	font-style:normal;
	font-weight:bold;
	}
	ul.menu-user li#cesta-compras div strong br{display:block;}

/********************************************/
/************** HEADER - MENU ***************/
/********************************************/

	.menuwrap {
	width:100%;
	position:absolute;
	bottom:0;
	}
	
	.menu {
	width:100%;
	text-align:center;
	display:block;
	}
	
	.menu li {
	display:inline;
	}
	
	.menu a {
	padding:10px 1.5%;
	line-height:32px;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	background:url(http://www.taco.com.br/Control/ArquivoExibir.aspx?IdArquivo=43) no-repeat top right;
	}
	
	.menu a:hover {
	color:#FFFF00;
	}
	
	.menu li.menu-promocoes a {
	background:none;
	}

/***********************************************/
/**************** RODAPE DO SITE ***************/
/***********************************************/

	#rodape-links {
	background:url(http://www.taco.com.br/Control/ArquivoExibir.aspx?NomeArquivo=bg-rodape) repeat-x;
	clear:both;
	color:#666;
	}
	
	#rodape-links li {
	margin:0;
	padding:0;
	text-indent:0px;
	line-height:14px;
	}
	
	#rodape-links ul {
	list-style:none;
	}
	
	#rodape-links {
	font-family:tahoma,verdana;
	font-size:11px;
	text-align:left;
	clear:both;
	margin:0 auto;
	}
	
	#rodape-links a {
	text-decoration:none;
	color:#666;
	}
	
	#rodape-links a:hover {
	color:#000;
	}
	
	.titulo-institucional,.titulo-pagamento,
	.titulo-seguranca, .titulo-gerenciamento {
	text-align:left;
	font-family:tahoma,verdana;
	font-size:12px;
	margin:0px 0px 10px 0px;
	padding:0px;
	color:#304569;
	}
	
	.titulo-duvidas, .titulo-servicos,
	.titulo-credibilidade {
	text-align:left;
	font-family:tahoma,verdana;
	font-size:12px;
	margin:10px 0px 10px 0px;
	padding:0px;
	color:#304569;
	}
	
	.titulo-tecnologia {
	text-align:left;
	font-family:tahoma,verdana;
	font-size:12px;
	margin:18px 0px 10px 0px;
	padding:0px;
	color:#304569;
	}
	
	#rodape-links p {
	clear:both;
	text-align:center;
	font-family:tahoma,verdana;
	font-size:11px;
	line-height:14px;
	margin:10px 0px 0px 0px;
	}
	
	#rodape-institucional {
	width:150px;
	margin:20px 0px 0px 0px;
	border-right:1px solid white;
	padding:0px 0px 10px 25px;
	float:left;
	}
	
	#rodape-institucional li {
	margin:0px 0px 1px 0px;
	}
	
	#rodape-formas-de-pagamento {
	width:260px;
	margin:20px 0px 20px 0px;
	border-right:1px solid white;
	padding:0px 25px 10px 25px;
	float:left;
	color:#666;
	}
	
	#rodape-formas-de-pagamento img {
	padding:0px 0px 6px 0px;
	}
	
	#rodape-seguranca {
	width:200px;
	margin:20px 0px 0px 0px;
	border-right:1px solid white;
	padding:0px 25px 10px 25px;
	float:left;
	}
	
	#rodape-seguranca a img {
	border:0px;
	}
	
	#rodape-gerenciamento {
	width:230px;
	margin:20px 0px 0px 0px;
	padding:0px 0px 10px 25px;
	float:left;
	text-align:left;
	}

	.titulo-gerenciamento {display:none;}

	.etatica-gerenciamento {
	background:url(http://www.taco.com.br/Control/ArquivoExibir.aspx?NomeArquivo=selo-etatica) repeat-x;
	width:209px;
	height:49px;
	display:block;
	text-indent:-999em;
	}

/***********************************************/
/********* COMPARTILHE ESTA PAGINA *************/
/***********************************************/

	.compartilhamento {
	border-bottom:1px solid white;
	margin:0 10px 0 10px; 
	padding:8px;
	display:block;
	overflow:hidden;
	color:#304569;
	}
	
	.compartilhamento .share-content {
	width:34.5em; 
	margin:0 auto;
	}
	
	.compartilhamento .title {
	float: left; 
	margin:0px 10px 0px 0px;
	padding:0px;
	line-height:12px;
	}
	
	.compartilhamento ul {
	float:left;
	margin: 0px 0px 0px 0px;
	}
	
	.compartilhamento ul li {
	display:inline; 
	padding-left:3px;
	}


/***********************************************/
/********* CONFIGURACOES DA PAGINA *************/
/***********************************************/


#page {
padding:10px;
color:#666;
font:12px verdana;
line-height:16px;
overflow:hidden;
}

#page a {
color:#21375C;
text-decoration:underline;
}

#page a:hover {
color:#666;
}

#page .breadcrumb {
display:none;
}

#page #conteudo {}

#page #conteudo h2 {
font:tahoma;
font-size:18px;
font-weight:bold;
color:#21375C;
margin:15px 0px 15px 0px;
}

#page #conteudo h3 {
color:#21375C;
margin:30px 0px 10px 0px;
font-size:14px;
}

#page #conteudo p {
margin:0px 0px 10px 0px;
width:960px;
text-align:justify;
line-height:16px;
}

#page #conteudo ul {
margin-bottom:10px;
}

#page #conteudo ul.estados {
float:left;
width:200px;
margin:0px;
}

#page #conteudo ul.estados li a {
text-decoration:none;l
}

#page #conteudo li {
list-style:square;
margin-left:15px;
color:#666;
line-height:18px;
}

#page #conteudo .atendimento-telefone {
float:left;
width:310px;
}

#page #conteudo .atendimento-formulario {
float:left;
width:600px;
overflow:hidden;
border-left:1px dotted #ccc;
padding-left:30px;
}

#page #conteudo .atendimento-telefone h3,
#page #conteudo .atendimento-formulario h3 {
margin-top:10px;
}

#page #conteudo .atendimento-formulario label {
width:100px;
float:left;
display:block;
}

#page #conteudo .atendimento-formulario .linha-form {
margin-bottom:10px;
clear:both;
}

#page #conteudo .atendimento-formulario input {
width:260px;
background:url(http://www.taco.com.br/Control/ArquivoExibir.aspx?IdArquivo=32) repeat-x 0 0;
border:1px solid #ccc;
padding:2px;
color:#666;
}

#page #conteudo select {
background:url(http://www.taco.com.br/Control/ArquivoExibir.aspx?IdArquivo=32) repeat-x 0 0 #fff;
border:1px solid #ccc;
padding:2px;
color:#666;
}

#page #conteudo textarea {
background:url(http://www.taco.com.br/Control/ArquivoExibir.aspx?IdArquivo=32) repeat-x 0 0 #fff;
border:1px solid #ccc;
padding:2px;
color:#666;
}

#page #conteudo input:hover,
#page #conteudo select:hover,
#page #conteudo textarea:hover {
border:1px solid #999;
}

#page #conteudo .atendimento-formulario input.ddd {
width:50px;
}

#page #conteudo .atendimento-formulario input.telefone {
width:200px;
}

#page #conteudo .atendimento-formulario input.newsletter {
width:20px;
}

#page #conteudo .atendimento-formulario input.bt-enviar {
width:100px;
}

#page #conteudo .atendimento-formulario .form-mensagem {
width:450px;
float:left;
height:130px;
overflow:auto;
margin:0px 0px 10px 0px;
}

#page #sidebar {
width:250px;
float:right;
display:none;
}


/***********************************************/
/**************** TRABALHE CONOSCO *************/
/***********************************************/


label span {
color:red;
margin:0px;
padding:0px;
}

.input-text {
width:300px;
background:url(http://www.taco.com.br/Control/ArquivoExibir.aspx?IdArquivo=32) repeat-x 0 0;
border:1px solid #ccc;
padding:2px;
color:#666;
}

.quadro-1 {
float:left;
width:500px;
padding-bottom:10px;
}

.quadro-2 {
float:left;
width:400px;
}

.trabalhe-pessoais {
clear:both;
}

.trabalhe-profissionais h2,
.trabalhe-pessoais h2,
.trabalhe-escolaridade h2,
.trabalhe-lojas h2 {
border-bottom:1px dotted #ccc;
padding-bottom:10px;
padding-top:10px;
}

.trabalhe-profissionais {
clear:both;
margin-top:10px;
}

.trabalhe-escolaridade {
clear:both;
}

.trabalhe-lojas {
clear:both;
}

.trabalhe-declaracao {
clear:both;
}


/***********************************************/
/**************** VENDAS CORPORATIVAS **********/
/***********************************************/

#page #conteudo .post-108 fieldset {
border:1px solid #eee;
padding:20px;
margin-bottom:15px;
}

#page #conteudo .post-108 fieldset legend span {
font-weight:bold;
margin:0px 10px 0px 10px;
font-size:14px;
}


#page #conteudo .post-108 label {
wi dth:100px;
display:block;
height:20px;
}

#page #conteudo .post-108 .linha-form {
margin-bottom:10px;
clear:both;
}

#page #conteudo .post-108 input {
width:260px;
background:url(http://www.taco.com.br/Control/ArquivoExibir.aspx?IdArquivo=32) repeat-x 0 0;
border:1px solid #ccc;
padding:2px;
color:#666;
margin:-10px 0px 0px 0px;
}

#page #conteudo .post-108 select {
background:url(http://www.taco.com.br/Control/ArquivoExibir.aspx?IdArquivo=32) repeat-x 0 0 #fff;
border:1px solid #ccc;
padding:2px;
color:#666;
}

#page #conteudo .post-108 textarea {
background:url(http://www.taco.com.br/Control/ArquivoExibir.aspx?IdArquivo=32) repeat-x 0 0 #fff;
border:1px solid #ccc;
padding:2px;
color:#666;
}

#page #conteudo input:hover,
#page #conteudo select:hover,
#page #conteudo textarea:hover {
border:1px solid #999;
}


#page #conteudo .post-108 input.produto-nome {
width:400px;
}

#page #conteudo .post-108 input.produto-quantidade {
width:30px;
text-align:center;
}

#page #conteudo .post-108 input.ddd {
width:50px;
}

#page #conteudo .post-108 input.telefone {
width:200px;
}

#page #conteudo .post-108 input.endereco-entrega {
width:20px;
}

#page #conteudo .post-108 input.bt-enviar {
width:100px;
}

#page #conteudo .post-108 .form-mensagem {
width:450px;
float:left;
height:130px;
overflow:auto;
margin:0px 0px 10px 0px;
}



/***********************************************/
/****************  **********/
/***********************************************/

div.funcionarios-taco {
padding:30px 0px 30px 290px;
}

div.funcionarios-taco img {
margin:0 auto;
}

/* COMUNIDADE NO ORKUT */

div.orkut-site {
float:left;
width:470px;
margin-top:10px;
}

div.orkut-texto {
float:left;
width:500px;
overflow:hidden;
}

div.orkut-texto img {
margin-bottom:10px;
}

div.orkut-texto p {
width:490px!important;
}

/* twitter */

.post-228 { 
background:url(http://central.taco.com.br/imagens/twitter-nuvens.gif) right top no-repeat #94E4E8;
margin:-10px -10px -10px -10px;
padding:20px;
height:470px;
position:relative;
}

.post-228 h2 {
background:url(http://central.taco.com.br/imagens/twitter-marca.gif) 0 0  no-repeat;
width:343px;
height:143px;
overflow:hidden;
text-indent:-999em;
margin:40px 0px 30px 40px !important;
}

.post-228 label {
color:white;
font-family:tahoma;
font-size:20px;
font-weight:normal;
float:left;
display:block;
line-height:25px;
}

.post-228 input { border:1px solid #38CBF5 !important; padding:3px; width:297px; }
.post-228 textarea { border:1px solid #38CBF5 !important; width:350px; height:100px; margin-top:10px; }

.post-228 .form-1 {
width:380px;
border-right:1px solid white !important;
height:250px;
padding-left:50px;
position:absolute;
top:230px;
left:30px;
}

.post-228 .form-2 {
width:380px;
padding-right:70px;
position:absolute;
top:230px;
right:20px;
}

.post-228 .form-2 .bt-enviar {
background:url(http://central.taco.com.br/imagens/twitter-botao.gif) 0 0  no-repeat;
border:none !important;
overflow:hidden;
text-indent:-999em;
line-height:1000em;
cursor:pointer;
display:block;
width:124px;
height:31px;
}

.post-edit-link {
clear:both !important; 
}

.post-228 p { width:300px !important;}


/************************************************/
/*************** PROMOÇÃO TWITTER ORKUT ***************/
/************************************************/

.twitter-orkut { 
margin:0 0 0 0 ;
padding:0px;
width:1007px;
min-height:300px;
position:relative;
}


.post-236 { 
	margin-left:-20px;
}

.twitter-orkut .topo { 
background:url(http://central.taco.com.br/imagens/topo-twitter-orkut.jpg);
width:1007px;
height:247px;
margin: 0px 0px 0px 0px;
}

.twitter-orkut .meio { 
background:url(http://central.taco.com.br/imagens/repeticao-twitter-orkut.jpg) left top repeat-y #000000;
width:1007px;
height:400px;
margin: 0px 0px 0px 0px;
}

.twitter-orkut .rodape { 
background:url(http://central.taco.com.br/imagens/rodape-twitter-orkut.jpg) left top no-repeat;
width:1007px;
height:159px;
margin: 0px 0px 0px 0px;
}

.twitter-orkut .esquerda {
float:left;
margin: 20px 0 15px 40px;
border: 0px solid white;
width: 300px;
height: 200px;
}

.twitter-orkut .direita {
float:left;
margin: 20px 40px 15px 150px;
border: 0px solid white;
width: 400px;
height: 200px;
}


.twitter-orkut .input-text {
width:300px;
background:url(http://www.taco.com.br/Control/ArquivoExibir.aspx?IdArquivo=32) repeat-x 0 0;
border:1px solid #ccc;
padding:2px;
color:#666;
margin: 10px 0 15px 0;
}

.twitter-orkut .taco-twitter {
width:400px;
height:200px;
border:0px solid #ccc;
float:left;
margin: 0 30px 0 30px;
	text-indent:-999em;
	overflow:hidden;
}

.twitter-orkut .taco-orkut {
width:400px;
	text-indent:-999em;
	overflow:hidden;
height:200px;
border:0px solid #ccc;
float:right;
margin: -15px 30px 0 20px;
}

.twitter-orkut .grande{
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
color:#003366;
margin-bottom:5px;
}

.twitter-orkut .direita .bt-concluir {
background:url(http://central.taco.com.br/imagens/participar.jpg) 0 0  no-repeat;
border:none !important;
overflow:hidden;
text-indent:-999em;
line-height:1000em;
cursor:pointer;
display:block;
width:152px;
height:32px;
margin: 25px 0 0 0;
}

.twitter-orkut .tamanho{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
margin-bottom:5px;
}

.twitter-orkut .termos{
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#66666;
margin-bottom:5px;
}