@import url("reset.css");

* {margin:0; padding:0; list-style:none; text-decoration:none;}
body{margin:0; text-align:center; background:#fff; font:11px  verdana, arial;}
#geral{width:980px;	text-align:left; /* "remédio" para o hack do IE */	margin:0 auto; /* Centralizar o site na pagina */ }

a {color:#dc7600;}
a:hover {color:#000;}


/*****************************************
                   TOPO
*****************************************/

#topo {width:980px; height:151px;}
#topo #topo_esquerda {float:left; width:735px;}
#topo #topo_esquerda #logo {float:left;}
#topo #topo_esquerda #logo h1{text-indent:-9999px; cursor:pointer; background:url(../imagens/topo_logo.gif); width:125px; height:110px; margin:5px 0 0 10px;}
#topo #topo_esquerda #slogan {float:left;}
#topo #topo_esquerda #redes {float:left; margin:47px 0 0 190px;}
#topo #topo_esquerda #slogan h2{text-indent:-9999px; background:url(../imagens/topo_slogan.gif); width:191px; height:35px; margin:42px 0 0 150px;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{#topo #topo_esquerda #slogan h2{text-indent:-9999px; background:url(../imagens/topo_slogan.gif); width:191px; height:35px; margin:42px 0 0 140px;}
}

#topo #menu {float:left; width:735px; height:15px; margin:11px 0 0 8px;}
#topo #menu ul li{float:left; font:3px; text-indent:-5000px;}
#topo #menu ul li a{display:block;}
#topo #menu .separador{background:url(../imagens/menu_separador.gif) center no-repeat; width:9px; height:15px;}
#topo #menu ul li .oshopping{background:url(../imagens/menu_oshopping_off.gif) no-repeat; width:73px; height:15px;}
#topo #menu ul li .oshopping:hover{background:url(../imagens/menu_oshopping_on.gif) no-repeat;}
#topo #menu ul li .lojas{background:url(../imagens/menu_lojas_off.gif) no-repeat; width:40px; height:15px;}
#topo #menu ul li .lojas:hover{background:url(../imagens/menu_lojas_on.gif) no-repeat;}
#topo #menu ul li .vitrine{background:url(../imagens/menu_vitrine_off.gif) no-repeat; width:52px; height:15px;}
#topo #menu ul li .vitrine:hover{background:url(../imagens/menu_vitrine_on.gif) no-repeat;}
#topo #menu ul li .novidades{background:url(../imagens/menu_novidades_off.gif) no-repeat; width:73px; height:15px;}
#topo #menu ul li .novidades:hover{background:url(../imagens/menu_novidades_on.gif) no-repeat;}
#topo #menu ul li .eventos{background:url(../imagens/menu_eventos_off.gif) no-repeat; width:59px; height:15px;}
#topo #menu ul li .eventos:hover{background:url(../imagens/menu_eventos_on.gif) no-repeat;}
#topo #menu ul li .cinemas{background:url(../imagens/menu_cinemas_off.gif) no-repeat; width:62px; height:15px;}
#topo #menu ul li .cinemas:hover{background:url(../imagens/menu_cinemas_on.gif) no-repeat;}
#topo #menu ul li .teatros{background:url(../imagens/menu_teatros_off.gif) no-repeat; width:57px; height:15px;}
#topo #menu ul li .teatros:hover{background:url(../imagens/menu_teatros_on.gif) no-repeat;}
#topo #menu ul li .gastronimia{background:url(../imagens/menu_gastronimia_off.gif) no-repeat; width:93px; height:15px;}
#topo #menu ul li .gastronimia:hover{background:url(../imagens/menu_gastronimia_on.gif) no-repeat;}
#topo #menu ul li .tvshopping{background:url(../imagens/menu_tvshopping_off.gif) no-repeat; width:145px; height:15px;}
#topo #menu ul li .tvshopping:hover{background:url(../imagens/menu_tvshopping_on.gif) no-repeat;}

#topo #topo_direita {float:left; width:245px;}
#topo #topo_direita #sombra {float:left; margin:0}
#topo #topo_direita #coluna {float:left; width:204px; height:145px;}
#topo #topo_direita #coluna #newsletter {width:204px; height:110px; background:#e6e6e6; width:182px; height:98px; padding:12px 10px 0 12px; font:10px arial,tahoma; color:000; line-height:10px;}
#topo #topo_direita #coluna #newsletter .titulo{background:url(../imagens/tit_newsletter.gif) no-repeat; width:62px; height:10px; text-indent:-99999px; padding:0 0 8px 0;}
#topo #topo_direita #coluna #newsletter .input1 {margin-top:7px;}
#topo #topo_direita #coluna #newsletter .input2 {margin-top:4px;}
#topo #topo_direita #coluna #newsletter input {width:121px; height:15px; border:1px solid #939393; font:11px arial, verdana; color:#555; margin:0 5px 0 3px;}
#topo #topo_direita #coluna #newsletter .botao{width:15px; height:15px; border:0; margin:0 0 -2px 0;}

#topo #topo_direita #coluna #acabamento{margin:0; width:204px; height:5px; float:none;}

#topo #topo_direita #coluna #busca{background:#000; width:191px; height:18px; padding:6px 0 6px 13px;}
#topo #topo_direita #coluna #busca p {float:left;}
#topo #topo_direita #coluna #busca input {width:121px; height:15px; border:1px solid #939393; font:11px arial, verdana; color:#555; margin:0 5px 0 5px;}
#topo #topo_direita #coluna #busca .titulo{background:url(../imagens/tit_busca.gif) no-repeat; width:31px; height:10px; text-indent:-99999px; margin:4px 0 0 0;}
#topo #topo_direita #coluna #busca .botao{width:15px; height:15px; border:0; margin:1px 0 0 0;}

#topo #acabamento {width:980px; height:6px;}




/*****************************************
             MIOLO DA HOME
*****************************************/

#miolo_home {height:484px;}
#miolo_home #tvflash_principal{width:768px; height:484px; float:left;}
#miolo_home #tvflash_secundarios{width:204px; height:479px; background:#e6e6e6; float:left; padding:5px 0 0 0;}


/*****************************************
             MIOLO DA INTERNA
*****************************************/

#miolo {}
#miolo #principal{width:740px; float:left;}

#miolo #principal #header{height:69px; background:url(../imagens/header_fundo.gif); margin:0 0 0 15px;}
#miolo #principal #header #titulo{float:left;}
#miolo #principal #header #cromb{float:right; margin:29px 0 0 0; font:10px verdana, tahoma, arial; color:#444;}
#miolo #principal #header #cromb a{color:#444;}
#miolo #principal #header #cromb a:hover{color:#dc7600;}

#miolo #principal #conteudo{width:720px; font:12px verdana, tahoma, arial; color:#000; margin:0 0 30px 18px;}
#miolo #principal #conteudo a{color:#000; text-decoration:underline;}
#miolo #principal #conteudo a:hover {color:#dc7600;}
#miolo #principal #conteudo p{margin:0 0 18px 0;}
#miolo #principal #conteudo .input{border:1px solid #a1a1a1; font:11px verdana, arial; color:#555; padding:2px; width:250px; margin:0 0 5px 0;}
#miolo #principal #conteudo .pequeno{font:italic 9px verdana, arial; text-decoration:none;}
#miolo #principal #conteudo H1{font:bold 15px  verdana, arial;}
#miolo #principal #conteudo H2{font:bold 14px  verdana, arial; color:#f37c00;}

#miolo #principal #rodape_conteudo {height:30px; background:url(../imagens/rodape_conteudo_fundo.gif); margin:20px 0 0 20px; padding-top:6px;}
#miolo #principal #rodape_conteudo .btvoltar {float:left;}
#miolo #principal #rodape_conteudo .btenviar {float:right; margin-right:4px;}

#miolo #coluna{width:232px; height:485px; float:left; background:url(../imagens/coluna_fundo.gif) no-repeat;}
#miolo #coluna img{margin:0 0 0 28px;}
#miolo #coluna #coluna_tv {width:204px; height:490px; background:url(../imagens/enfeite_tvshoppingdagavea.jpg);margin:0 0 0 28px;}
#miolo #coluna #coluna_tv .titulo{font:bold 25px arial narrow,tahoma, arial; color:#ed7b1b; padding:30px 0 15px 30px;}
#miolo #coluna #coluna_tv ul {height:240px; padding:0 0 0 30px;}
#miolo #coluna #coluna_tv ul li a{font:bold 12px verdana, tahoma; color:#fff;}
#miolo #coluna #coluna_tv ul li a:hover{color:#ed7b1b;}
#miolo #coluna #coluna_tv .banner{margin:0 0 0 17px;}

#miolo #principal #conteudo #paginacao {margin:3px 0 0 0; height:17px;}
#miolo #principal #conteudo #paginacao p{margin:0;}
#miolo #principal #conteudo #paginacao .titulo {float:left; font:bold 11px verdana, tahoma; color:#e47400;}
#miolo #principal #conteudo #paginacao .numeros {font:10px verdana, tahoma; float:right}
#miolo #principal #conteudo #paginacao .numeros a{margin:0 0 0 3px; color:#e47400; text-decoration:none; cursor:pointer;}
#miolo #principal #conteudo #paginacao .numeros a:hover{color:#000;}


/*********listagem de lojas**********/
#miolo #principal #conteudo #lojas p{margin:0;}

#miolo #principal #conteudo #lojas #selecione {margin:18px 0 35px 0; border:1px solid white;}
#miolo #principal #conteudo #lojas #selecione p{float:left; margin:0 5px 0 0;}
#miolo #principal #conteudo #lojas #selecione p .botao{margin:17px 0 0 0;}
#miolo #principal #conteudo #lojas #selecione p .input{border:1px solid #a1a1a1; font:11px verdana, arial; color:#555; padding:2px; margin:3px 0 0 0; width:200px;}

#miolo #principal #conteudo #lojas #lista .letra {background:#e6e6e6; padding:5px 0 5px 7px; font:bold 10px verdana; color:#e47400; margin:3px 0 0 0;}

#miolo #principal #conteudo #lojas #lista ul li {border-bottom:1px solid #e6e6e6; padding:6px; font:10px verdana; height:12px;}
#miolo #principal #conteudo #lojas #lista ul li a{text-decoration:none;}
#miolo #principal #conteudo #lojas #lista ul li .nome {width:245px; float:left; font-weight:bold; text-transform:uppercase;}
#miolo #principal #conteudo #lojas #lista ul li .numero {width:140px; float:left;}
#miolo #principal #conteudo #lojas #lista ul li .telefone {width:150px; float:left;}
#miolo #principal #conteudo #lojas #lista ul li .link {width:155px; float:left;}

/*********vitrine**********/
/*#miolo #principal #conteudo #vitrine {width:600px; margin:15px 0 20px 65px;}*/
/*#miolo #principal #conteudo #vitrine ul li{float:left; margin:10px;}*/

#miolo #principal #conteudo #vitrine .titulo{font:bold 12px verdana, tahoma; color:#e47400; margin:0; text-decoration:none;}
#miolo #principal #conteudo #vitrine ul li{float:left; width:350px; height:135px; margin:0;}
#miolo #principal #conteudo #vitrine ul li .imagem{float:left; margin:0 7px 0 0;}
#miolo #principal #conteudo #vitrine ul li .imagem img{width:100px; height:100px; border:1px solid #ccc;}
#miolo #principal #conteudo #vitrine ul li .texto{float:left; width:530px; margin:3px 0 0 0;}
#miolo #principal #conteudo #vitrine p{font:11px verdana, tahoma; color:#333333; margin:0;}
#miolo #principal #conteudo #vitrine strong{font:bold 15px verdana, tahoma; color:red; text-transform:uppercase; margin:0;}

/*********novidades**********/
#miolo #principal #conteudo #novidades {margin:15px 0 0 0;}
#miolo #principal #conteudo #novidades ul li{height:60px; margin:0 0 10px 0;}
#miolo #principal #conteudo #novidades ul li a{text-decoration:none;}
#miolo #principal #conteudo #novidades ul li .imagem{float:left; margin:0 8px 0 0;}
#miolo #principal #conteudo #novidades ul li .imagem img{border:1px solid #cecece;}
#miolo #principal #conteudo #novidades ul li .texto{float:left; width:530px; margin:3px 0 0 0;}

/*********cinema**********/

#miolo #principal #conteudo #cinema .titulo{font:bold 12px verdana, tahoma; color:#e47400; margin:0; text-decoration:none;}
#miolo #principal #conteudo #cinema #listagemdefilmes ul li{float:left; width:350px; height:165px; margin:0;}
#miolo #principal #conteudo #cinema #listagemdefilmes .cartaz{float:left; margin:0 7px 0 0;}
#miolo #principal #conteudo #cinema #listagemdefilmes .cartaz img{width:75px; height:100px; border:1px solid #ccc;}
#miolo #principal #conteudo #cinema #listagemdefilmes .nomedofilme{font-weight:bold; font-size:10px; text-transform:uppercase; margin:0}
#miolo #principal #conteudo #cinema #listagemdefilmes .nomeingles{font-size:10px;}

#miolo #principal #conteudo #cinema #filme #imagens {float:left; width:200px;}
#miolo #principal #conteudo #cinema #filme #imagens .cartaz img{border:1px solid #ccc; width:193px;}
#miolo #principal #conteudo #cinema #filme #imagens .thumbs img{float:left; margin:-12px 5px 0 0;}
#miolo #principal #conteudo #cinema #filme #dados {float:left; width:500px; margin:0 0 0 12px;}
#miolo #principal #conteudo #cinema #filme #dados .nomedofilme{font:bold 14px verdana, tahoma; color:#e47400; text-transform:uppercase; margin:0;}
#miolo #principal #conteudo #cinema #filme #dados .nomeingles{font-size:9px; color:#444;}
#miolo #principal #conteudo #cinema #filme #dados .botaocomprar{margin-left:-6px;}
#miolo #principal #conteudo #cinema #filme #dados .botaoconvide{margin:-23px 0 0 -6px;}

/*********teatro**********/

#miolo #principal #conteudo #teatros .titulo{font:bold 12px verdana, tahoma; color:#e47400; margin:0; text-decoration:none;}
#miolo #principal #conteudo #teatros #listagemdepecas ul li{float:left; width:200px; height:275px; margin:0 23px 0 0; font-size:10px;}
#miolo #principal #conteudo #teatros #listagemdepecas ul li p{margin:0 0 10px 0;}
#miolo #principal #conteudo #teatros #listagemdepecas .cartaz{margin:0 7px 0 0;}
#miolo #principal #conteudo #teatros #listagemdepecas .cartaz img{width:200px; height:100px; border:1px solid #ccc;}
#miolo #principal #conteudo #teatros #listagemdepecas .nomedapeca{font-weight:bold; text-transform:uppercase; margin:0}
#miolo #principal #conteudo #teatros #listagemdepecas .teatro {font-weight:bold;}
#miolo #principal #conteudo #teatros #listagemdepecas .horario {font-size:9px; margin:0;}
#miolo #principal #conteudo #teatros #listagemdepecas .preco {font-size:9px;}

#miolo #principal #conteudo #teatros #peca #imagens {float:left; width:200px;}
#miolo #principal #conteudo #teatros #peca #imagens .cartaz img{border:1px solid #ccc; width:193px;}
#miolo #principal #conteudo #teatros #peca #imagens .thumbs img{float:left; margin:-12px 5px 0 0;}
#miolo #principal #conteudo #teatros #peca #dados {float:left; width:500px; margin:0 0 0 12px;}
#miolo #principal #conteudo #teatros #peca #dados .nomedapeca{font:bold 14px verdana, tahoma; color:#e47400; text-transform:uppercase;}
#miolo #principal #conteudo #teatros #peca #dados .nomeingles{font-size:9px; color:#444;}
#miolo #principal #conteudo #teatros #peca #dados .botaocomprar{margin-left:-6px;}
#miolo #principal #conteudo #teatros #peca #dados .botaoconvide{margin:-23px 0 0 -6px;}
#miolo #principal #conteudo #teatros #peca #dados .teatro{text-decoration:underline;}
#miolo #principal #conteudo #teatros #peca #sinopse{margin:15px 0 0 0;}
#miolo #principal #conteudo #teatros #peca #fichatecnica{margin:15px 0 0 0;}

/*********oportunidades de emprego**********/

#miolo #principal #conteudo #oportunidade {padding:25px 0 25px 0; border-bottom:1px solid #e4e4e4;}
#miolo #principal #conteudo #oportunidade p{margin:0; border:0}
#miolo #principal #conteudo #oportunidade .loja{font:bold 12px verdana, tahoma; color:#e47400; margin:0; text-decoration:none;}
#miolo #principal #conteudo #oportunidade .descricao{padding:5px 0 5px 0;}
#miolo #principal #conteudo #oportunidade .detalhes{padding:5px; background:#f6e9db;}

/**********imagem ampliada**********/
#overlappopup{ /*don't change id name */
position: absolute; /*don't change position property */
z-index: 1000; background: white; border: 2px solid #cccccc; padding: 1px; left: 0; top: 0; visibility: hidden;}

/**********indique**********/
#indique span{ font:9px  verdana, arial; float:right;}
#indique h1{  font:bold 15px  verdana, arial; color:#f37c00;}
#indique input{ margin: 2px;}

/*****************************************
                RODAPÉ
*****************************************/

#rodape ul li {float:left; font:11px tahoma, arial; color:#444;}
#rodape ul li a{color:#444;}
#rodape ul li a:hover{color:#dc7600;}
#rodape #menu_rodape {margin:4px 0 0 0;}
#rodape #menu_rodape .separador{background:url(../imagens/rodape_separador.gif) center no-repeat; width:17px; height:15px;}

#abrasce {float:left; text-align:left; margin:0 0 12px 12px;}
#brainter {float:right; text-align:right; margin:0 12px 0 0;}


/*****************************************
                PROMOÇÕES
*****************************************/

#promo_lista{width:720px; margin:10px 0 0 0;}
#promo_lista .tb_promo_lista{width:720px; }
#promo_lista .tb_promo_lista .tb_titulo{font:bold 14px 'Verdana', Geneva, sans-serif; text-align:center; text-transform:uppercase;}
#promo_lista .tb_promo_lista .tb_texto{font:11px 'Verdana', Geneva, sans-serif; text-align:center;}
#promo_lista .tb_promo_lista .tb_titPromo{font:11px 'Verdana', Geneva, sans-serif; text-align:center; width:125px; text-decoration:none;}
#promo_lista .tb_promo_lista .tb_texto{font:11px 'Verdana', Geneva, sans-serif; text-align:center; text-decoration:none;}

#promo_lista .tb_promo_lista tr td{height:55px;}

#promo_lista a.itempromo {text-decoration:none!important;}
#promo_lista a.itempromo table{background:#fff; color:#000;}
#promo_lista a.itempromo:hover table{background:#ffe8cf; color:#f4993a;}

#promo_lista a.itempromo_cinza {text-decoration:none!important;}
#promo_lista a.itempromo_cinza table{background:#f1f1f1; color:#000;}
#promo_lista a.itempromo_cinza:hover table{background:#ffe8cf; color:#f4993a;}

h3{font:bold 16px 'Verdana', Geneva, sans-serif; color:#000; margin:0 0 10px 0;}

table.tb_form_promocao{width:580px; margin:0 0 0 70px;}
table.tb_form_promocao td.tb_form_promocao_celula{font:11px Verdana, Geneva, sans-serif; color:#000; width:270px; height:20px;}
table.tb_form_promocao td.tb_form_promocao_celula ul{ list-style-type:decimal; list-style-position:inside;}
table.tb_form_promocao td.tb_form_promocao_celula ul li{height:25px;}
table.tb_form_promocao td.tb_form_promocao_epsaco{width:40px;}

#indique_amigos{width:565px; margin:20px 0 0 60px; padding:10px; background:#f1f1f1;}

#comandos_participe{width:580px; margin:20px 0 0 70px;}