/************************************************************************
 *									*
 *			SHOPPING PRAIA DA COSTA 			*
 *									*
 ************************************************************************/
 

/*** ELEMENTOS ***/

body {
	margin:0;
	background-image:url(../img/fundo_pagina.jpg);
}



/*** ID's ***/

/***
 * CONTAINER TOPO
 */

#container_topo {
	position:absolute;
	top:0px;
	left:0px;
	
	height:43px;
	
	width:100%;
	background-color:#d2d2d2;
}


#container_topo #container_topo_form {
	position:absolute;
	left:0px;
	top:7px;
	width:100%;
	height:32px;
	
	background-image:url(../img/fundo_topo.jpg);
}

#container_topo #container_topo_ilustrativo {
	position:absolute;
	left:0px;
	top:40px;
	height:3px;
	width:100%;
	
	font-size:1px;
	background-color:#ffffff;
	
	border-bottom:1px solid #a0a09e;

}

/***
 * CONTAINER TOPO_FORM
 */

#container_topo_form #container_espaco {
	position:absolute;	
	left:50%;
	width:720px;
	height:40px;
	margin-left:-360px;
}

#container_topo_form #container_espaco #container_logo_awal{
	position:absolute;
	/* background-image:url(../img/awal_logo.gif); */
	background-image:url(../img/sc2_logo_top.gif);
	background-repeat:no-repeat;
	
	
	top:5px;
	
	width:89px;
	height:19px;
	
}

#container_topo_form #container_espaco #container_logo_empresarial{
	position:absolute;
	background-image:url(../img/centro_empresarial_logo.gif);
	background-repeat:no-repeat;
	
	top:5px;
	left:467px;
	
	padding-left:20px;
	
	width:240px;
	height:25px;
}


/***
 * CONTAINER LOGO_EMPRESARIAL
 */

#container_logo_empresarial #container_texto_empresarial {
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	color:#ecd7ac;
	
	display:inline;
}

#container_logo_empresarial #container_select_empresarial {
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	color:#ecd7ac;
	
	padding-left:5px;
	
	display:inline;
}

#container_logo_empresarial #select_centro_empresarial {
	font-family:verdana;
	font-size:10px;
	font-weight:normal;
	color:#aaaaaa;
	
	display:inline;
}

/***
 * CONTAINER PRINCIPAL
 */
 
#container_principal {
	position:absolute;
	top:44px;	
	left:50%;
	width:800px;
	height:400px;
	margin-left:-395px;
}


#container_principal #container_topo_pagina {
	width:785px;
	height:209px;
	background-image:url(../img/fundo_pagina_topo.jpg);
	background-repeat:no-repeat;
}


#container_principal #container_area_conteudo {
	width:785px;
	background-image:url(../img/fundo_conteudo_pagina.jpg);
	background-repeat:repeat-y;
}


#container_principal #container_area_conteudo.frontpage {
	width:785px;
	background-image:url(../img/fundo_frontpage.jpg);
	background-repeat:repeat-y;
}


/***
 * CONTAINER TOPO PAGINA
 */
 
#container_topo_pagina #container_costura_topo {
	width:730px;
	height:209px;
	margin-left:30px;
	
	background-image:url(../img/fundo_costura_topo.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
}


#container_topo_pagina #container_costura_topo #container_cabecalho_pagina{
	margin-left:-25px;
	margin-top:0px;
}

#container_topo_pagina #container_costura_topo #container_cabecalho_menu{
	margin-left:4px;
	height:31px;
}



#container_topo_pagina #container_costura_topo #container_descricao_secao{
	margin-left:4px;
	
	width:600px;
	height:27px;
		
	background-repeat:no-repeat;
	background-position:10px 0px;
	
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#987d5b;
	
	padding-top:14px;
	
	
}



/***
 * COTNAINER DESCRICAO SECAO
 */
 
#container_descricao_secao b, b.destaque {
	color:#e4d1a9;
}



/***
 * MARCADORES 
 */

.marcador_shopping #container_descricao_secao{
	background-image:url(../img/marcador_shopping.gif);
	padding-left:140px;
}

.marcador_lojas #container_descricao_secao{
	background-image:url(../img/marcador_lojas.gif);
	padding-left:120px;
}

.marcador_cinema #container_descricao_secao{
	background-image:url(../img/marcador_cinema.gif);
	padding-left:120px;
}

.marcador_eventos #container_descricao_secao {
	background-image:url(../img/marcador_eventos.gif);
	padding-left:120px;
}

.marcador_servicos #container_descricao_secao{
	background-image:url(../img/marcador_servicos.gif);
	padding-left:135px;
}

.marcador_novidades #container_descricao_secao {
	background-image:url(../img/marcador_novidades.gif);
	padding-left:140px;
}

.marcador_faleconosco #container_descricao_secao {
	background-image:url(../img/marcador_faleconosco.gif);
	padding-left:155px;
}


.marcador_gastronomia #container_descricao_secao {
	background-image:url(../img/marcador_gastronomia.gif);
	padding-left:155px;
}


.marcador_cadastrese #container_descricao_secao {
	background-image:url(../img/marcador_cadastrese.gif);
	padding-left:140px;
}

.marcador_oportunidades #container_descricao_secao{
	background-image:url(../img/marcador_oportunidades.gif);
	padding-left:160px;
}




/***
 * CONTAINER AREA CONTEUDO
 */

#container_area_conteudo #container_costura_divisoria {
	width:730px;
	
	margin-left:30px;
	
	padding-top:10px; 
	
	background-image:url(../img/fundo_costura_meio.gif);
	background-repeat:repeat-y;
	
}


#container_area_conteudo #container_costura_divisoria.frontpage {
	background-image:url(../img/fundo_costura_topo.gif);
	background-repeat:repeat-y;	
}


#container_area_conteudo #container_rodape{
	width:730px;
	height:110px;
	margin-left:15px;
}



/***
 * CONTAINER COSTURA DIVISORIA
 */

#container_costura_divisoria #container_interno {
	/* POR ENQUANTO AQUI ENTRA NADA */
}


#container_costura_divisoria #container_interno #container_conteudo{
	width:467px;
	float:left;
	
	font-family:tahoma;
	font-size:11px;
	color:#fff;
	
	padding:10px 25px 10px 25px;
}

#container_costura_divisoria #container_interno #container_conteudo.frontpage{
	width:725px;
	padding:0px;
}


#container_costura_divisoria #container_interno #container_extra{
	width:200px;
	float:right;
	
	font-family:tahoma;
	font-size:11px;
	color:#fff;
	
	text-align:right;
	
	padding-right:8px;
	
}



#container_costura_divisoria #container_interno #container_oshopping {
	background-image:url(../img/divisoria.jpg);
	background-repeat:repeat-x;
	
	margin-left:-25px;
	margin-top:20px;
	padding-left:24px;
	padding-top:30px;
	
	font-family:tahoma;
	font-size:11px;
	color:#ffffff;
	
	width:479px;
}

#container_costura_divisoria #container_cabecalho_frontpage {
	height:377px;	
	width:725px;
	margin-left:-25px;
}



/***
 * CONTAINER CONTEUDO
 */
 
#container_conteudo #loja_detalhe_info{
	width:280px;
	padding-top:15px;
	float:left;
}

#container_conteudo #container_imagem_filme_detalhe {
	float:left;
	width:150px;
	text-align:center; 
}

#container_conteudo #container_info_filme_detalhe {
	padding-left:10px;
	width:280px;
	float:left;
}




/** FRONT PAGE **/
#container_conteudo #container_destaques {
	background-image:url(../img/costura_vertical_meio.gif);
	background-repeat:repeat-y;
	background-position:top right;
	width:250px;
	height:230px;
	/* border:1px solid #0000ff; */
	float:left;
}


#container_conteudo #container_cinema {
	background-image:url(../img/costura_vertical_meio.gif);
	background-repeat:repeat-y;
	background-position:top right;
	width:275px;
	height:230px;
	margin-left:-5px;
	/* border:1px solid #0000ff; */
	float:left;
}

#container_conteudo #container_promocao {
	width:194px;
	height:230px;
	/* border:1px solid #0000ff; */
	float:right;
}



/**
 * CONTAINER EXTRA 
 */

#container_extra #container_destaques_lateral {
	margin-top:5px;
}

#container_extra #container_promocao_lateral {
	margin-top:15px;
}


#container_extra #container_cinema_lateral{ 
	margin-top:15px;
	margin-bottom:20px;
}




/**
 * CONTAINER RODAPÉ
 */

#container_rodape #container_busca_loja{
	position:absolute;
	
	left:499px;
	width:258px;
	height:70px;
	
	background-image:url(../img/costura_rodape.gif);
	background-repeat:no-repeat;
}


#container_rodape #container_horario {
	position:absolute;
	margin-top:5px;
	left:30px;
	
	width:250px;
	height:100px;
	
	background-image:url(../img/horario.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}

#container_logodmn {
	position:absolute;
	
	left:707px;
	width:48px;
	height:16px;
	
	margin-top:75px;
	
	color:#d0d0d0;
}


/**
 * CONTAINER BUSCA LOJA
 */

#container_busca_loja #container_container_legenda_loja {
	position:absolute;
	top:20px;
	left:15px;
	
	background-image:url(../img/lbl_busca.gif);
	background-repeat:repeat-x;
	width:69px;
	height:33px;
}


#container_busca_loja #container_campo_busca_loja {
	position:absolute;
	top:23px;
	left:90px;
}


#container_busca_loja #container_botao_busca_loja {
	position:absolute;
	top:23px;
	left:230px;
	width:30px;
	height:30px;
}


/**
 * CLASSES
 */


a:hover b.destaque {
	text-decoration:underline;
}


.limpar {
	clear:both;
}


.divisoria1 {
	background-image:url(../img/divisoria.jpg);
	background-repeat:repeat-x;
	
	font-size:1px;
	height:4px;
	width:724px;
}



.divisoria_select {
	background-image:url(../img/divisoria.jpg);
	background-repeat:repeat-x;
	
	margin-left:5px;
	padding-left:30px;
	padding-top:40px;
	
	font-family:tahoma;
	font-size:11px;
	color:#ffffff;
	
	height:60px;
	width:465px;
}


.divisoria_loja_index {
	background-image:url(../img/divisoria.jpg);
	background-repeat:repeat-x;
	
	margin-left:5px;
	padding-left:24px;
	padding-top:40px;
	
	font-family:tahoma;
	font-size:11px;
	color:#ffffff;
	
	height:160px;
	width:465px;
	
	margin-top:20px;
}



.legenda_select {
	font-family:tahoma;
	font-size:14px;
	font-weight:bold;
	
	text-transform:uppercase;
	
	color:#ffffff;	
	
	display:inline;
}


.campo_select{
	display:inline;
}


.legenda_campos {
	font-family:tahoma;
	font-size:13px;
	font-weight:normal;
	
	text-transform:uppercase;
	
	color:#ffffff;
}


.legenda_obs {
	color:#e4d1a9;
}

.campo_texto {
	border:0;
	background-image:url("../img/fundo_campo_texto_formulario.gif");
	height:18px;
	
	padding:5px 5px 0px 10px;
	
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#73492c;
}


.tabela_cadastro {
	border:0;
	background-image:url("../img/fundo_tabela_cadastro.gif");	
	padding:1px 1px 1px 1px;
}


.campo_textarea_faleconosco {
	background-image:url("../img/fundo_campo_textarea_faleconosco.gif");
	
	width:320px;
	height:75px;
	border:0;
	
	padding:5px 5px 0px 10px;	
	
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#73492c;	
}


.campo_textarea_convite {
	background-image:url("../img/fundo_campo_textarea_convite.gif");
	
	width:270px;
	height:78px;
	border:0;
	
	padding:5px 5px 0px 10px;	
	
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#73492c;	
}


.titulo_filme{
	font-family:tahoma;
	size:11px;
	font-weight:bold;
	
	text-decoration:none;
	
	color:#ffffff;
}

.titulo_filme:hover{
	text-decoration:underline;
}

.horario_cinema , .duracao_cinema, .censura_cinema {
	margin-top:5px;
	
	font-family:tahoma;
	font-size:10px;
	color:#e4d1a9;
}

.censura_cinema {
	margin-top:15px;
	color:#ffffff;
}

.duracao_cinema {
	margin-top:2px;
	color:#ffffff;
}

.shopping_conteudo{
	margin:10px 0px 20px 5px;
}


.espacamento_convites {
	margin-top:10px;
}

.adicionar_amigo {
	text-decoration:none;
	color:#fd8e23;
	font-weight:bold;
}


.texto_interno {
	line_height:30px;
}


/**
 * componentes 
 */
 
select {
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#73492c; 
}






label { 
	font-size: 11px;
	font-weight:bold;
	color:#666666;
}

.pergunta { 
	font-size:12px; 
	font-weight:bold; 
	color:#999999; 
}

.tit_listagem { padding:3px 10px 3px 10px; background-color: #ceb893; color:#000000; font-weight:bold;}
.listagem { padding:3px 5px 3px 5px; background-color: #111111; }


#lista_email,#lista_endereco,#lista_telefone { padding-bottom:10px; }

.botao_adicionar {cursor: pointer; text-align:left; float:right; padding-right:15px; }

.operacao{ color: #FFFFFF;text-decoration:none;font-weight:bold; }
