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

/* webmaster: João Pedro Rosa, joaopedromr@gmail.com joaopedro@palterm.com.br */
/* programador ASP: Elvis Cosentino, elvis@palterm.com.br */
/* layout: Hélio Baptista, helio@palterm.com.br */

/* Todo o site está baseado neste classe dividida por tópicos */
/* 
	1. Regras Gerais
	2. Default.ASP
	3. Inicial.ASP
	4. Empresa.ASP
	5. Produtos.ASP
	6. Produto.ASP
	7. Representantes.ASP
	8. Vídeos.ASP
	9. Revista.ASP
	10. Representante.ASP
	11. FaleConosco.ASP
*/

/*====================================================================1===*/
/*========================= INICIO REGRAS GERAIS =========================*/
/*////////////////////////////////////////////////////////////////////////*/

body {
	margin:0;
	padding:0;
	background:#FFFFFF;
	text-align:center; /* hack para o IE centralizar */	
	scrollbar-base-color: #FFFFFF;
	scrollbar-arrow-color: #da251d;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-darkshadow-color: #cccccc;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
}

/*classe 1 link ==================================INICIO*/

a.classe1:link {
	text-decoration: none;
	color:#FFFFFF;
}

a.classe1:visited {
	text-decoration: none;
	color:#FFFFFF;
}

a.classe1:hover {
	text-decoration: none;
	color:#999999;
}

a.classe1:active {
	text-decoration: none;
	color:#FFFFFF;
}

/*classe 1 link =====================================FIM*/
/*classe 2 link ==================================INICIO*/

a.classe2:link {
	text-decoration: none;
	color:#000000;
}

a.classe2:visited {
	text-decoration: none;
	color:#000000;
}

a.classe2:hover {
	text-decoration: none;
	color:#999999;
}

a.classe2:active {
	text-decoration: none;
	color:#000000;
}
/*classe 2 link =====================================FIM*/
/*fontes =========================================INICIO*/

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	border-bottom:1px dotted #CCCCCC;
}

.texto1 { /*texto padrão para fundo escuro*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}

.texto2 { /*texto padrão para fundo branco*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

.texto3 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#da251d;
	font-weight:bold;
}

.texto4 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#444444;
	padding-top:20px;
}

/*fontes news data =============================INICIO*/

.dia {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#da251d;
	font-weight:bold;
}

.mes {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#da251d;
}

/*fontes news data ================================FIM*/
/*regras universais layout =====================INICIO*/

.barra_titulos {
	width:100%;
	height:20px;
	background:#da251d;
	text-align:left;
}

#iframe {
	width: 580px;
	height:370px;
	margin: auto;		
	text-align: left; /* "remédio" para o hack do IE */
	overflow:auto;
	overflow-x:hidden;
}
/*regras universais layout =====================INICIO*/


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\[2]\\\*/
/*========================= FIM REGRAS GERAIS ============================*/
/*========================================================================*/
/*========================= INICIO DEFAULT.ASP ===========================*/
/*////////////////////////////////////////////////////////////////////////*/	

	/* INICIO RodaPé */	

#rodape {
	width:100%;
	top:0;
	background-color:#DD0000;
}

.restricform {
	width:130px;
	height:20px;
	padding-top:2px;
	background-image:url(img_br/form_vr.png);
	background-repeat:no-repeat;
	margin-left:3px;
	float:right;
}

.caixarestric {
	width:115px;
	height:21px;
	float:left;
	border:none;
	color:#990000;
	padding-left:2px;
	background-color:transparent;
}

.entrar {
	margin-top:-5px;
	float:right;
}

	/* FIM RodaPé */

	/* INICIO layout fundo */


#grayline {
	width:100%;
	z-index:55;
}

	/* FIM layout fundo */

	/* INICIO corpo */

#tudo {
	width: 760px;
	height: 530px;
	margin: auto;		
	padding-left: 6px;
	padding-right:6px;
	text-align: left; /* "remédio" para o hack do IE */
	background-color:#FFFFFF;
}

#banner {
	width: 580px;
	height: 150px;
	margin-top:6px;
	float: right;
	}


	/* INICIO menu */	

#menu {
	margin-top:5px;
	width: 160px;
	background-color: #FFFFFF;
	float:left;
}

#menu img{
	margin-top:5px;
	margin-left:15px;
}

.arrowlistmenu{
	width: 140px; /*largura do menu*/
}

.arrowlistmenu ul{
	list-style-type: none;
	padding: 0;
	*margin:0;
	*margim-bottom: 8px;
	*margin-top:10px;
	
}

.arrowlistmenu ul li{
	padding-bottom: 2px; /*espaço depois dos itens de menu*/
}

.arrowlistmenu ul li a{
	color:#000000;
	background: url(img_br/botton.gif) no-repeat center right; /*custom bullet list image*/
	display: block;
	padding: 3px 0;
	padding-right: 40px; /*link text is indented 40px*/
	text-decoration: none;
	border-bottom: 1px dotted #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:right;
}

.arrowlistmenu ul li a:visited{
	color:#000000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color:#CC0000;
	background-color:#FFFFFF;
	padding-right:45px;
	text-decoration:none;
}

	/* FIM menu */	

#televendas {
	position:relative;
	margin-top:15px;
	margin-bottom:15px;
}

#televendas img{
	margin-left:-5px;
}

#newsletter {
	width:160px;
	height:25px;
	margin-bottom:0;
	text-align:center;
}

.newsletterform {
	width:130px;
	height:20px;
	padding-top:2px;
	background-image:url(img_br/form_br.png);
	background-repeat:no-repeat;
	margin-left:15px;
}

.caixanewsletter {
	width:110px;
	height:21px;
	float:left;
	border:none;
	color:#990000;
	background-color:transparent;
	padding-left:2px;
}


#conteudo {
	width: 580px;
	background-color: #FFFFFF;
	margin-top: 4px;
	float: right;
}



/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\[3]\\\*/
/*=========================== FIM DEFAULT.ASP ============================*/
/*========================================================================*/
/*========================= INICIO INICIAL.ASP ===========================*/
/*////////////////////////////////////////////////////////////////////////*/

	/* INICIO BOX destaque */

#destaque {
	width: 100%;
	height:200px;
	background-color:#FFFFFF;
	float:left;
}

#bflutuante {
	width:200px;
	height:200px;
	left:380px;
	top:0px;
	position:absolute;
	z-index:1000;
	}

.destaque_prod-seguranca{position:absolute;top:40px;left:188px;}


#button_detalhe {
	z-index:9999;
	margin-left:4px;
	margin-bottom:6px;
	}
	
.destaque_texto_seguranca{position:absolute;top:30px;left:0px;}	
.button_detalhe{position:absolute;top:180px;left:0px;}

#flash-centro{
	position:absolute;
	width:580px;
	height:220px;
	top:5px;
	*top:5px;
	z-index:1000;
}

#flash-centro embed{
	position:absolute;
	height:220px;
	width:580px;
}


	/* FIM BOX destaque */

	/* INICIO BOX noticias */

















#noticias {
	width:57%;
	height:150px;
	float:left;
	margin-top:-146px;
	*margin-top:-146px;
}

table#alter td {
	background:#FCFCFC;
	padding:-7px;
	cursor:default;
	border-bottom:3px solid #FFFFFF;
}

table#alter tr.dif td {
	background:#F7F7F7;
	cursor:default
}


	/* FIM BOX noticias */

	/* INICIO BOX revista */

#revista {
	width: 240px;
	height:200px;
	background-color:#DD0000;
	float:right;
}

	/* FIM BOX revista */

	/* INICIO BOX produtos em destaque */

#produtos {
	width:240px;
	height:150px;
	float:right;
	margin-top:-146px;
}

	/* FIM BOX produtos em destaque */
	
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\[4]\\\*/
/*============================ FIM INCIAL.ASP ============================*/
/*========================================================================*/
/*========================= INICIO EMPRESA.ASP ===========================*/
/*////////////////////////////////////////////////////////////////////////*/

.empresa_texto {
	width:540px;
	height:300px;
	padding:20px;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\[5]\\\*/
/*=========================== FIM EMPRESA.ASP ============================*/
/*========================================================================*/
/*========================= INICIO PRODUTOS.ASP ==========================*/
/*////////////////////////////////////////////////////////////////////////*/

#produtos_palmilhas { 
	height:440px; /*BOX tamanho do BOX que contém a foto e o titulo dos produtos */
}

#produtos_calcanheiras {
	height:300px; /*BOX tamanho do BOX que contém a foto e o titulo dos produtos */
}

#produtos_acessorios {
	height:300px; /*BOX tamanho do BOX que contém a foto e o titulo dos produtos */
}

#produtos_conservacao {
	height:580px; /*BOX tamanho do BOX que contém a foto e o titulo dos produtos */
}

#produtos_cuidado {
	height:300px; /*BOX tamanho do BOX que contém a foto e o titulo dos produtos */
}

.produtos_box {
	width:168px;
	height:120px;
	margin-top:8px;
	margin-left:5px;
	margin-bottom:2px;
	float:left;
}

.produtos_thumbnail {
	text-align:center;
}

.produtos_nome {
	width:168px;
	height:40px;
	padding-top:5px;
	text-align:center;
}

.produtos_divisao {
	width: 1px;
	height: 80px;
	margin-top:25px;
	margin-right:5px;
	border-left: 1px dotted #CCCCCC;
	float:left;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\[6]\\\*/
/*========================== FIM PRODUTOS.ASP ============================*/
/*========================================================================*/
/*========================= INICIO PRODUTO.ASP ===========================*/
/*////////////////////////////////////////////////////////////////////////*/

/* INICIO IFRAME_PRODUTO.ASP */

#iframe_produto {
	width: 575px;
	height:370px;
	margin: auto;		
	text-align: left; /* "remédio" para o hack do IE */
}

#produto_coluna1 {
	width:400px;
	float:left;
}

#produto_coluna2 {
	width:168px;
	float:right;
}

 /*area da galeria*/
 
.pagination{
	height:20px;
	padding: 0px;
	margin: 0px;
	text-align:center;
}

.pagination ul{
	margin-left: 5px;
	padding-left:0;
	font-size: 100%;
}

.pagination li{
	display:inline;
	list-style-type: none;
	padding-bottom: 1px;
	background-color:#da251d;
}

*:first-child+html .pagination li{ /*IE7 only CSS hack*/
	margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE7 */
}

* html .pagination li{ /*IE6 and below CSS hack*/
	margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE6 and below browsers*/
}

.pagination a, .pagination a:visited{
	padding: 0 5px;
	text-decoration: none; 
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.pagination a:hover, .pagination a:active{
	color:#FFFFFF;
	background-color:#da251d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.pagination a.currentpage{ /*Style for currently selected page link*/
	background-color: #da251d;
	color: #FFFFFF !important;
	border-color: #da251d;
	font-weight: bold;
	cursor: default;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#pcontent {
	width:160px;
	height:200px;
	float:left;
}

#video {
	display:none;
	position:absolute;
	left:155px;
	top:0px;
}

#abrir_fechar {
	top:15px;
	margin-top:10px;
	}

/*fim*/

.produto_galeria {
	width:160px;
	float:left;
}

.produto_foto {
	width:160px;
	height:200px;
	display:block;
	margin:3px;
	text-align:center; /*alinha o load-ajax.gif ao centro na vertical*/
}

.alinhamento {  /*alinha o load-ajax.gif ao centro na horizontal*/
	padding-top:80px;
}

.produto_voltar {
	float:right;
}

.produto_texto {
	width:210px;
	margin-top:8px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-left:2px dotted #CCCCCC;
	float:right;
}

.produto_destaque{ /*area da descrição*/
	width:168px;
	height:350px;
}

.produto_miniatura {
	width:168px;
	height:100px;
	margin-top:5px;
	background-color:#F5F5F5;
}

.produto_link {
	width:168px;
	height:20px;
	text-align:center;
	padding-top:2px;
	background-color:#CCCCCC;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\[7]\\\*/
/*============================ FIM PRODUTO.ASP ===========================*/
/*========================================================================*/
/*====================== INICIO REPRESENTANTES.ASP =======================*/
/*////////////////////////////////////////////////////////////////////////*/

.representantes_texto {
	width:530px;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
}

.representantes_selection {
	margin-top:-15px;
	margin-left:420px;
	margin-bottom:20px;
}


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\[8]\\\*/
/*======================= FIM REPRESENTANTES.ASP =========================*/
/*========================================================================*/
/*========================= INICIO VIDEOS.ASP ============================*/
/*////////////////////////////////////////////////////////////////////////*/

/* INICIO IFRAME_VIDEOS.ASP */

.videos_texto {
	width:560px;
	padding:20px;
}

.videos_box {
	width:170px;
	height:170px;
	border:1px solid #CCCCCC;
	text-align:center;
	float:left;
	margin:3px;
	background-color:#CCCCCC;
}

.videos_galeria {
	width:160px;
	height:130px;
	background-color:#FFFFFF;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\[9]\\\*/
/*============================ FIM VIDEOS.ASP ============================*/
/*========================================================================*/
/*======================== INICIO REVISTA.ASP ========================*/
/*////////////////////////////////////////////////////////////////////////*/

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\[10]\\\*/
/*============================ FIM REVISTA.ASP ============================*/
/*========================================================================*/
/*======================== INICIO FALECONOSCO.ASP ========================*/
/*////////////////////////////////////////////////////////////////////////*/

.faleconosco_texto {
	width:540px;
	padding:20px;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\[11]\\\*/
/*========================= FIM FALECONOSCO.ASP ==========================*/
/*========================================================================*/