@charset "utf-8";

/* Lembrete para tipografia do site, por elemento */

/* DIV CONTEUDO (o maior retângulo na tela, logo abaixo do menu principal)
 
 h1 - Reservado para a chamada principal da página. Similar ao título na barra ou descreve a sessão em que o usuário está. SO PODE HAVER 1 por página!
 h2 - Subtítulos, se necessário, para o H1. Podem haver mais destes, mas tem que ser subcontextos de H1;
 
    DIV CONTEUDO SECUNDARIO (o menor retângulo na tela, logo abaixo da DIV CONTEUDO)
    
 LADO ESQUERDO - Chamadas
 
 h2 - Reservado para chamadas importantes, complementares ao conteúdo da página descritos em H2 e H1 da DIV CONTEUDO;
 h3 - Reservado como subtítulos das chamadas h3 somente. Opcionais;

 LADO ESQUERDO - Revista MS
 h2 - Reservado para o título da revista MS;
 h3 - Subtítulo de h3 caso seja necessário;
 
 Todo o site trabalha em fonte ARIAL, com fallback em HELVETICA e sans-seriff, tamanho 11px, com tamanho da linha de 14px;
 Os Headers h1, h2, h3, h4, h5 e h6, sendo ou não links, são GEORGIA com fallback em Times News Roman, Times e seriff, em ordem decrescente de tamanho! */


/* Preparação para os navegadores entenderem o layout quase que da mesma maneira */

/* Total Reseter */

* { margin: 0px; padding: 0px; color:#000000; }

html, body { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FFFFFF; line-height: 1.4; min-height: 100%; /*min-width: 100%; */ margin: 0px; padding: 0px; }

ul { list-style-position: outside; list-style-type: none; margin:0; padding: 0 } /* não deixa o navegador lidar com as listas para evitar discrepâncias irreconciliáveis no visual */


/* Layouting: serve para TODAS as páginas do site */

body { width: 100%; height: 100%; position: relative; }

#fundoPrincipal { background-image: url(../images/fundo_amarelo.jpg); background-repeat: no-repeat; background-position: center; background-color: #FBF3A6; }

/*Centraliza um bloco de 1000px na tela*/

#totalWrapper { display: block; height: auto; width: 1000px; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; overflow: visible; z-index: 999; }

/*Cabecalho tem logo do shopping e menu de nav principal (td imagens)*/
#cabecalho { display: block; width: 800px; margin: 0 auto 0 auto; *margin: 10px 0 0 75px; }

/*Logo do Madureira à esquerda no topo*/
#LogoMadureira { float: left; }

/* Colocar no UL que contem as imagens do menu principal*/
/* Faz com que a lista fique horizontal, simulando um menu barra-horizontal */
#menuPrincipal { display: block; float: right; }

#menuPrincipal li { display: block; float: left; }

#menuPrincipal li a { border: 0; }

/* Mudança de cores nas imagens que formam o Menu do site. ex.: Shopping, Lojas, Cinema, etc... */


#menuPrincipal  li a.home_menu { background-image: url(../images/bt_menu_00.png); background-repeat:no-repeat; display: block;  width:77px; height:88px; }
#menuPrincipal  li a.home_menu:hover { background-image: url(../images/bt_menu_00_over.png); background-repeat: no-repeat; display:block; width:77px; height:88px;}
#menuPrincipal  li a.home_menu:visited { background-image: url(../images/bt_menu_00_over.png); background-repeat:no-repeat; display:block; width:77px; height:88px;}
*#menuPrincipal  li a.home_menu:visited { background-image: url(../images/bt_menu_00.png); background-repeat:no-repeat; display:block; width:77px; height:88px;}
*#menuPrincipal  li a.home_menu:hover { background-image: url(../images/bt_menu_00_over.png); background-repeat:no-repeat; display:block; width:77px; height:88px;}

#menuPrincipal  li a.shopping_menu { background-image: url(../images/bt_menu_01.png); background-repeat:no-repeat; display: block;  width:77px; height:88px; }
#menuPrincipal  li a.shopping_menu:hover { background-image: url(../images/bt_menu_01_over.png); background-repeat:no-repeat; display:block; width:77px; height:88px;}
#menuPrincipal  li a.shopping_menu:visited { background-image: url(../images/bt_menu_01_over.png); background-repeat:no-repeat; display:block; width:77px; height:88px;}
*#menuPrincipal  li a.shopping_menu:visited { background-image: url(../images/bt_menu_01.png); background-repeat:no-repeat; display:block; width:77px; height:88px;}
*#menuPrincipal  li a.shopping_menu:hover { background-image: url(../images/bt_menu_01_over.png); background-repeat:no-repeat; display:block; width:77px; height:88px;}

#menuPrincipal  li a.lojas_menu { background-image: url(../images/bt_menu_02.png); background-repeat:no-repeat; display: block;  width:77px; height:88px; }
#menuPrincipal  li a.lojas_menu:hover { background-image: url(../images/bt_menu_02_over.png); background-repeat:no-repeat; display:block; width:77px; height:88px;}
#menuPrincipal  li a.lojas_menu:visited { background-image: url(../images/bt_menu_02_over.png); background-repeat:no-repeat; display:block; width:77px; height:88px;}
*#menuPrincipal  li a.lojas_menu:visited { background-image: url(../images/bt_menu_02.png); background-repeat:no-repeat; display:block; width:77px; height:88px;}
*#menuPrincipal  li a.lojas_menu:hover { background-image: url(../images/bt_menu_02_over.png); background-repeat:no-repeat; display:block; width:77px; height:88px;}

#menuPrincipal  li a.editorial_menu { background-image: url(../images/bt_menu_05.png); background-repeat:no-repeat; display: block;  width:77px; height:93px; }
#menuPrincipal  li a.editorial_menu:hover { background-image: url(../images/bt_menu_05_over.png); background-repeat:no-repeat; display:block; width:77px; height:93px;}
#menuPrincipal  li a.editorial_menu:visited { background-image: url(../images/bt_menu_05_over.png); background-repeat:no-repeat; display:block; width:77px; height:93px;}
*#menuPrincipal  li a.editorial_menu:visited { background-image: url(../images/bt_menu_05.png); background-repeat:no-repeat; display:block; width:77px; height:93px;}
*#menuPrincipal  li a.editorial_menu:hover { background-image: url(../images/bt_menu_05_over.png); background-repeat:no-repeat; display:block; width:77px; height:93px;}

#menuPrincipal  li a.cinemas_menu { background-image: url(../images/bt_menu_03.png); background-repeat:no-repeat; display: block;  width:77px; height:92px; }
#menuPrincipal  li a.cinemas_menu:hover { background-image: url(../images/bt_menu_03_over.png); background-repeat:no-repeat; display:block; width:77px; height:92px;}
#menuPrincipal  li a.cinemas_menu:visited { background-image: url(../images/bt_menu_03_over.png); background-repeat:no-repeat; display:block; width:77px; height:92px;}
*#menuPrincipal  li a.cinemas_menu:visited { background-image: url(../images/bt_menu_03.png); background-repeat:no-repeat; display:block; width:77px; height:92px;}
*#menuPrincipal  li a.cinemas_menu:hover { background-image: url(../images/bt_menu_03_over.png); background-repeat:no-repeat; display:block; width:77px; height:92px;}

#menuPrincipal  li a.revista_menu { background-image: url(../images/bt_menu_06.png); background-repeat:no-repeat; display: block;  width:77px; height:92px; }
#menuPrincipal  li a.revista_menu:hover { background-image: url(../images/bt_menu_06_over.png); background-repeat:no-repeat; display:block; width:77px; height:92px;}
#menuPrincipal  li a.revista_menu:visited { background-image: url(../images/bt_menu_06_over.png); background-repeat:no-repeat; display:block; width:77px; height:92px;}
*#menuPrincipal  li a.revista_menu:visited { background-image: url(../images/bt_menu_06.png); background-repeat:no-repeat; display:block; width:77px; height:92px;}
*#menuPrincipal  li a.revista_menu:hover { background-image: url(../images/bt_menu_06_over.png); background-repeat:no-repeat; display:block; width:77px; height:92px;}

#menuPrincipal  li a.servicos_menu { background-image: url(../images/bt_menu_04.png); background-repeat:no-repeat; display: block;  width:67px; height:92px; }
#menuPrincipal  li a.servicos_menu:hover { background-image: url(../images/bt_menu_04_over.png); background-repeat:no-repeat; display:block; width:67px; height:92px;}
#menuPrincipal  li a.servicos_menu:visited { background-image: url(../images/bt_menu_04_over.png); background-repeat:no-repeat; display:block; width:67px; height:92px;}
*#menuPrincipal  li a.servicos_menu:visited { background-image: url(../images/bt_menu_04.png); background-repeat:no-repeat; display:block; width:67px; height:92px;}
*#menuPrincipal  li a.servicos_menu:hover { background-image: url(../images/bt_menu_04_over.png); background-repeat:no-repeat; display:block; width:67px; height:92px;}

<!--a:visited { background-image: url(images/bt_menu_01.png); display: block; }--> 
<!--a:hover { background-image: url(images/bt_menu_01_over.png); display: block; }--> 


/*Conteudo principal do site - retangulo maior de 900x283px */
#conteudo { clear: both; width: 900px; height: 281px; background-color: #eaeae1; color: #333333; margin: 0 auto; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: #000000 2px 2px 5px; -webkit-box-shadow: #000000 2px 2px 5px; box-shadow:  2px 2px 5px #000000; overflow: hidden; display: block; }

/*Conteudo secundário do site - retangulo menor de 550x300 px */
#conteudoSec { width: 550px; margin: 0 0 0 350px; *margin:0 0 0 300px; background-color: #f4f4f3; color: #333333; -moz-box-shadow: inset #000000 0px 1px 2px; -webkit-box-shadow: inset #000000 0px 1px 2px; box-shadow: inset 0px 1px 2px #000000; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; min-height: 300px; display: block; padding: 0px; }

#conteudoSec_editorial { width: 550px; margin: -25px 0 0 350px; *margin:-25px 0 0 300px; background-color: #f4f4f3; color: #333333; -moz-box-shadow: inset #000000 0px 1px 2px; -webkit-box-shadow: inset #000000 0px 1px 2px; box-shadow: inset 0px 1px 2px #000000; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; min-height: 300px; display: block; padding: 0px; }

#conteudoSec1 { width: 550px; margin: -5px 0 0 490px; background-color: #f4f4f3; color: #333333; -moz-box-shadow: inset #000000 0px 1px 2px; -webkit-box-shadow: inset #000000 0px 1px 2px; box-shadow: inset 0px 1px 2px #000000; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; min-height: 300px; display: block; padding: 0px; }

#box_busca { width: 240px; height: 286px; background-color: #ECAF4B; color: #000000; -moz-box-shadow: inset #000000 0px 1px 2px; -webkit-box-shadow: inset #000000 0px 1px 2px; box-shadow: inset 0px 1px 2px #000000; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; display: block; padding: 10px;}

#ladoEsquerdo { list-style-type: none; padding-top: 30px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; width: 330px; display: block; min-height: 300px; height: 300px; }

#ladoEsquerdo li h3 { font-size: 18px; color: #990000; font-weight: normal; }

#ladoEsquerdo li h4 a { color: #330000; }

#ladoEsquerdo li p { font-size: x-small; color: #333333; text-align: justify; width: 300px; padding-bottom: 11px; }

#chamadas { display: block; float: right; width: 300px; overflow: hidden; }

#ladoDireito { display: block; float: right; height: auto; width: 180px; list-style-type: none; margin: 0px; padding: 5px; }

#ladoDireito li { margin-bottom: 5px; margin-right: 5px; padding: 0 0px 0 2px; }

#ladoDireito li h5 { font-family: Georgia, "Times New Roman", Times, serif; font-size: large; color: #990000; font-weight: normal; background-color: #F4F4F3; margin-top: 12px; }



#ladoDireito li.nobg a:link, #ladoDireito li.nobg a:visited { text-decoration: none; height: 32px; display: block; color: #000000; font-size: 1.1em; background-color: none; }

#ladoDireito li.nobg a:hover, #ladoDireito li.nobg a:active { text-decoration: none; display: block; }

#ladoDireito li.nobg a img { margin: 0 auto; }

/* Itens laterais do site - ítens que ficam na parte azul do site, no lado esquerdo abaixo do conteúdo, ao lado do conteúdo secundário do site */

#ItensLaterais { display: block; width: 220px; float: left; padding-left: 0px; padding: 30px 0 0 70px; color: #f0f0f0; *padding:27px 0 0 20px;}

#DadosDoShopping { list-style-position: outside; list-style-type: none; vertical-align: middle; padding-left: 25px; width: 200px; font-weight: bold; color: #000000 }

#HorariosDoShopping { list-style-type: none; list-style-position: outside; display: block; padding-left: 25px; font-weight: bold; }

#MenuSuporte { list-style-type: none; display: block; float: left; margin: 0 0 50px; text-decoration:none; }

#MenuSuporte li { display: block; float: left; margin-right: 0em; width: 140px; text-decoration:none; }

#MenuSuporte li a { color: #F0F0F0; font-weight: bold; text-decoration: none; }

#MenuSuporte li a:link, #MenuSuporte li a:visited { color: #000000; }

/* O rodapé do site */

#rodape { width:540px; height:26px;  display: block; float: left; height: 26px; margin: 0 0 0 378px; *margin: 0 0 0 330px; padding: 0; }

#rodape a:link, #rodape a:visited { color: #000000; text-decoration: none; font-weight: bold; }

#rodape a:active, #rodape a:hover { color: #000000; text-decoration: underline; font-weight: bold; }

/* helpers */

.floatLeft { display: block; float: left; }

.floatRight { display: block; float: right; }

.roundMeIE { behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ }

.margensInternas { padding: 10px }

.listas_ordenadas li { list-style-type: disc; padding-left: 14px; }

.listas_circulo li { list-style-type: circle; padding-left: 14px; }

.listas_quadrado li { list-style-type: square; padding-left: 14px; }

.listas_especial li { background-image: url(blt_ponto.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 14px; }






/* Tipografia do site */

/* A fonte dos títulos de todo o site é a Arial normal */

h1, h2, h3, h4, h5, h6 { font-family:Arial, Helvetica, sans-serif; font-weight: normal; }

#conteudoSec h1, #conteudoSec h2, #conteudoSec h3, #conteudoSec h4, #conteudoSec h5, #conteudoSec h6 { color: #990000; }

h1 { font-size: 20px }

h2 { font-size: 18px }

h3 { font-size: 15px; }

h4 { font-size: 11px; font-weight:bold; color: #000000; }

h6 { font-size: 9px; font-weight: bold }

/* fim da tipografia */


/* Links sublinhados SOMENTE quando passar por cima com o mouse*/

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

.style2.a:hover { text-decoration: none; }

a:active { text-decoration: none; }

#conteudoSec a, #conteudoSec p { font-size: 11px }

h3 a:link, h3 a:visited { color: #990000; text-decoration: none; }

h3 a:hover, h3 a:active { text-decoration: none; }

/* Fim da tipografia geral do site */





/* página lojas */

a.linklojas { font-family: Arial; font-size: 11px; letter-spacing:0.7; color:#0d3d59; font-weight:none; text-decoration:none; }

a.linklojas:hover { font-family: Arial; font-size: 11px; letter-spacing:0.7; color: #8b8f92; font-weight:none; text-decoration:none; }

.textolojas { font-family: Arial; font-size: 11px; letter-spacing:0.7; color:#878d8f; font-weight:none; text-decoration:none; line-height: 13px; }

.content { width: 950px; height: 330px; float: left; margin: 15px 0px 10px 20px; padding: 0px; border: 0px solid #ffffff; float:left; overflow: visible; }

/* página cinema.htm */ 

.cinema { background: url(../images/bg_cinema.jpg) left top; }

.cinecartaz { width: 155px; height: 230px; margin-top: 0; margin-right: 20px; margin-bottom: 0; margin-left: 20px; float:left; }

.cinetexto { width: 165px; height: 230px; margin-top: 0; margin-right: 20px; margin-bottom: 0; margin-left: 0; font-family:Arial; font-size:10px; color:#051925; line-height:12px; float:left; }

.cinetexto h2 { color: #990000; font-size: 14px; }

.cinetexto h3 { font-size: 10px; }

.cinetexto h4 { font-size: 10px; color: #900; font-weight: bold }

.cinetexto em { width: 16px; color: #FFFFFF; background: #990000; display: inline; font-style: normal; position: relative; height: 18px; font-size: 18px; line-height: 18px; font-weight: bold; padding: 0px 6px; z-index: 1; }

.cinetexto p { font-size: 10px; line-height: 12px; }

.scrollNav { display: block; width: 500px; height: 18px; margin: 0px auto; text-align: center; }

/*página shopping.htm */



/*página serviços.htm */

#conteudo h2 { color: #990000; font-size: 16px }
#conteudo p { font-size: 10px }

/* para a listagem de serviços */
#conteudoSec .servicos h2 { color: #0179BC; font-size: 14px; }
#conteudoSec .servicos h2+p { font-size: 10px }




/* página index.htm */





/* página promoções.htm */


#conteudoSec #ladoEsquerdo p a { color: #333333; text-decoration: none; }

#conteudoSec #ladoEsquerdo p a:hover { color: #333333; text-decoration: none; }

#conteudo #chamadas h2 { font-size: 2.4em; line-height: 28px; padding: 1em 1em; }

#conteudo #chamadas p { padding: 0 24px 1em 24px; text-align: justify; }

#Buscas { display: inline; float: none; width: 195px; list-style-type: none; margin: 0px; padding: 0px; }

#BuscasResultados { display: block; text-align: left; float: right; width: 350px; padding: 20px 0 0 0; height: 220px; }

#form_busca { padding: 30px 0 0 0; }

#Buscas li { margin-bottom: 5px; margin-right: 5px; padding: 0 0px 0 10px; }

#Buscas li h5 { font-family: Georgia, "Times New Roman", Times, serif; font-size: large; color: #990000; font-weight: normal; background-color: #F4F4F3; margin-top: 12px; }

#inauguracoes li { float: left; height: 120px; width: 130px; text-align: center; vertical-align: baseline; white-space: normal; display: block; padding: 3px; overflow: hidden; }

#inauguracoes li p { text-align: center; display: block; width: 130px; }

#inauguracoes li a img { border: 1px solid #000000; padding: 2px; }

#scroller { width: 1600px; height: 230px; margin: 10px; }

#container { position: relative; width: 880px; height: 230px; overflow: hidden; border: 1px solid #EFEFEF; margin: 12px 0px 10px 10px; display: block; visibility: visible; }

.formobj { BORDER-RIGHT:  1px solid; BORDER-TOP:  1px solid; FONT-SIZE: 10px; BORDER-LEFT:  1px solid; WIDTH: 190px; COLOR: #ffaa35; BORDER-BOTTOM: 1px solid; FONT-FAMILY: verdana; HEIGHT: 14px; BACKGROUND-COLOR: #FFFFFF }

.formobj1 { BORDER-RIGHT:  1px solid; BORDER-TOP:  1px solid; FONT-SIZE: 10px; BORDER-LEFT:  1px solid; WIDTH: 220px; COLOR: #ffaa35; BORDER-BOTTOM: 1px solid; FONT-FAMILY: verdana; HEIGHT: 14px; BACKGROUND-COLOR: #FFFFFF }

.formobj2 { BORDER-RIGHT:  1px solid; BORDER-TOP:  1px solid; FONT-SIZE: 10px; BORDER-LEFT:  1px solid; WIDTH: 20px; COLOR: #ffaa35; BORDER-BOTTOM: 1px solid; FONT-FAMILY: verdana; HEIGHT: 14px; BACKGROUND-COLOR: #FFFFFF }

.formobj3 { FONT-SIZE: 10px; WIDTH: 220px; COLOR: #ffaa35; border:none; FONT-FAMILY: verdana; HEIGHT: 100px; BACKGROUND-COLOR: #ffffff; }

#tamanhoFonte { margin: 0 0 0 94%; padding: 200px 0 0 0; }

#menu { width:1000px; height:20px; margin: 6px 0 0 -75px; padding:0px; float:left; display:inline; }

.formobj { BORDER-RIGHT:  1px solid; BORDER-TOP:  1px solid; FONT-SIZE: 10px; BORDER-LEFT:  1px solid; WIDTH: 190px; COLOR: #cccccc; BORDER-BOTTOM: 1px solid; FONT-FAMILY: verdana; HEIGHT: 14px; BACKGROUND-COLOR: #FFFFFF }

.formobj1 { BORDER-RIGHT:  1px solid; BORDER-TOP:  1px solid; FONT-SIZE: 10px; BORDER-LEFT:  1px solid; WIDTH: 220px; COLOR: #cccccc; BORDER-BOTTOM: 1px solid; FONT-FAMILY: verdana; HEIGHT: 14px; BACKGROUND-COLOR: #FFFFFF }

.comb { BORDER-RIGHT:  1px solid; BORDER-TOP:  1px solid; FONT-SIZE: 10px; BORDER-LEFT:  1px solid; WIDTH: 200px; COLOR: #cccccc; BORDER-BOTTOM: 1px solid; border-color: #cccccc; FONT-FAMILY: verdana; HEIGHT: 17px; BACKGROUND-COLOR: #ffffff }

.formbtn { BORDER-RIGHT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #CCCCCC 1px solid; COLOR: white; BORDER-BOTTOM: #CCCCCC; FONT-FAMILY: verdana; width:50px; HEIGHT: 20px; BACKGROUND-COLOR: #054b86 }

td div.rolagem01 { scrollbar-shadow-color: #d3d5d5; scrollbar-face-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #f9f9f9; scrollbar-arrow-color: #c1c1c1; padding:1px; width:700px; height:300px; overflow:auto; }

#conteudoSec img#leiaMais { position: absolute; left: 300px; top: 491px; *left:240px; z-index: 900; display: block; visibility: visible; }

#MenuSuporte li a:hover { color: #000000; text-decoration: none; }

#fundoPrincipal #totalWrapper #popupMe { position: absolute; left: 249px; top: 150px; display:none; }

/* página Editorial */

#Editorial { font-size: 11px; }

#Editorial li { margin-bottom: 5px; margin-right: 5px; padding: 0 0px 0 10px; }

#Editorial li h5 { font-family: Georgia, "Times New Roman", Times, serif; font-size: large; color: #990000; font-weight: normal; background-color: #F4F4F3; margin-top: 12px; }

/* scrollable div area */
			#scrollable1 { float: left; width: 500px; height: 240px; overflow: hidden; white-space: normal; text-align: justify; margin: 15px 0 10px 15px; }

/* vertical track */
			#track1 { float: left; width: 4px; height: 240px; background-color: #ccc; margin: 15px 0 0 10px; }

/* vertical track handle */
			#handle1 { width: 4px; height: 20px; background-color: #f6b80d; cursor: move; }

/* horizontal track */
			#track2 { float: left; clear: both; width: 300px; height: 15px; margin-top: 10px; background-color:#ccc; }

/* horizontal track handle */
			#handle2 { width: 20px; height: 15px; background-color: #f00; cursor: move; }

/* scrollable div area */
			#scrollable2 { float: left; width: 284px; height: 184px; padding: 8px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; overflow: hidden; white-space: nowrap; }

/* wrap to make sure that image area is clickable */
			#wrap3 { float: left; width: 15px; height: 201px; background: transparent url(../images/scrollbar-track-bottom.png) no-repeat bottom left; }

/* top image of track */
			#track3-top { position: absolute; width: 15px; height: 15px; background: transparent url(../images/scrollbar-track-top.png) no-repeat top left; }

/* vertical track */
			#track3 { position: absolute; width: 15px; height: 201px; }

/* vertical track handle */
			#handle3 { width: 15px; height: 37px; }

/* wrap to make sure that image area is clickable */
			#wrap4 { float: left; clear: both; width: 301px; height: 15px; background: transparent url(../images/scrollbar-track-right.png) no-repeat top right; }

/* left image of track */
			#track4-left { position: absolute; width: 15px; height: 15px; background: transparent url(../images/scrollbar-track-left.png) no-repeat top left; }

/* horizontal track */
			#track4 { position: absolute; width: 301px; height: 15px; }

/* horizontal track handle */
			#handle4 { width: 37px; height: 15px; }
         
/* div laranja claro para exibir resultado da busca em box laranja da index */
         #box_laranja_claro { width: 210px; height: 55px; background-color: #F2C985; }
         
/* identidade do box de busca laranja da index */
         .form_busca { width: 240px; padding: 10px; }
         #MenuSuporte ul li form input { font-size: 11px;  height: 15px; width: 160px;}
         
/* botão busca index. contido no box laranja */
         #MenuSuporte ul li form input#botao_busca { width: 50px; height: 22px; color: #FFFFFF; background-color: #004E87; font:bold; margin: 10px; }
         
/* imagem da index da liquidação da Maria Filó */
         #img_liquidacao_maria_filo { padding-right: 10px; }