*{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-decoration: none;

	font-family: Verdana, Arial, Helvetica, sans-serif; /* talvez, temp...*/
	font-weight: normal;
}

body{
	background:#fff url(../img/body.gif) repeat-x top center;
}

a:active{
	outline: none;
}

a{
	outline: none;
}


/* total */

div#total{
	width: 924px;

	position: relative;
	left: 50%;
	margin-left: -462px;
}


/* logo h1 scj */

h1#scj{
	width: 394px;
	height: 97px;

	position: absolute;
	left: 0;
	top: 180px;

	background: #fff url(../img/logo.jpg) no-repeat top left;
}

h1#scj a{
	width: 394px;
	height: 97px;

	display: block;
	text-indent: -3000px;

	overflow: hidden;

	color: #fff;
	font-size: 1px;

}

#twitter {display:block; height:40px; left:588px; position:absolute; top:210px; width:60px}
#facebook {display:block; height:40px; left:650px; position:absolute; top:210px; width:52px}


/* menu */

ul#menu{
	position: absolute;

	width: 700px;
	height: 46px;

	left: 0;
	top: 290px;
}


ul#menu li{
	float: left;
	height: 46px;
}

ul#menu li a{
	color: white;
	font-size: 1px;
}

ul#menu li a.link{
	height: 45px;
	width: 100%;

	position: relative;

	display: block;
	text-indent: -3000px;
	overflow: hidden;
}

ul#menu li a.img{
	position: absolute;

	width: 700px;
	height: 295px;
	border-bottom: 1px solid #fff;

	top: 45px;
	left: 0;

	text-indent: -3000px;
	overflow: hidden;
	
	display:none;

}

ul#menu li#menu01{/* contando com os 9px entre eles*/
	width: 68px;
	background: #fff url(../img/menu/menu01.jpg) no-repeat left top;
}
ul#menu li#menu02{
	width: 101px;
	background: #fff url(../img/menu/menu02.jpg) no-repeat left top;
}
ul#menu li#menu03{
	width: 106px;
	background: #fff url(../img/menu/menu03.jpg) no-repeat left top;
}
ul#menu li#menu04{
	width: 77px;
	background: #fff url(../img/menu/menu04.jpg) no-repeat left top;
}
ul#menu li#menu05{
	width: 77px;
	background: #fff url(../img/menu/menu05.jpg) no-repeat left top;
}
ul#menu li#menu06{
	width: 76px;
	background: #fff url(../img/menu/menu06.jpg) no-repeat left top;
}
ul#menu li#menu07{
	width: 89px;
	background: #fff url(../img/menu/menu07.jpg) no-repeat left top;
}
ul#menu li#menu08{
	width: 105px;
	background: #fff url(../img/menu/menu08.jpg) no-repeat left top;

}

ul#menu li#menu01 a.img{
	background: transparent url(../img/menu/01_destaque_news.jpg) no-repeat top left;
}
ul#menu li#menu02 a.img{
	background: transparent url(../img/menu/02_destaque_facilidades.jpg) no-repeat top left;
}
ul#menu li#menu03 a.img{
	background: transparent url(../img/menu/03_destaque_shopfood.jpg) no-repeat top left;
}
ul#menu li#menu04 a.img{
	background: transparent url(../img/menu/04_destaque_cinema.jpg) no-repeat top left;
}
ul#menu li#menu05 a.img{
	background: transparent url(../img/menu/05_destaque_revista.jpg) no-repeat top left;
}
ul#menu li#menu06 a.img{
	background: transparent url(../img/menu/06_destaque_acesso.jpg) no-repeat top left;
}
ul#menu li#menu07 a.img{
	background: transparent url(../img/menu/07_destaque_shopping.jpg) no-repeat top left;
}
ul#menu li#menu08 a.img{
	background: transparent url(../img/menu/08_destaque_faleconosco.jpg) no-repeat top left;
}

ul#menu img{
	position: absolute;
	right: 11px;
	top: 0;
	
	display:none;
}

ul#menu li#menu08 img{
	right: 3px;
}


/* busca */

div#busca{
	position: absolute;

	right: 0;
	top: 20px;

	width: 175px;
	height: 88px;

	border: 1px solid #d8d8d8;
}

div#busca form{
	width: 160px;
	margin: 20px 0 0 10px;
	
}

div#busca h2{
	float: left;
	font-size: 9px;
	line-height: 10px;
	font-weight: bold;

	width: 150px;
	height: 20px;

	color: #aeacad;
}

div#busca input{
	width: 130px;
	height: 16px;

	float: left;

	border: 1px solid #d8d8d8;
}

div#busca input.enviar{

	width: 21px;
	height: 27px;

	border: 0;
	cursor: pointer;

	float: right;

	background: #fff url(../img/botao_busca.gif) no-repeat top right;
}


/*publicidade*/

div#publicidade{
	position: absolute;

	left: 0;
	top: 20px;

	height: 90px;

	z-index: 10;
}

div#publicidade h2{
	position: absolute;
	margin-left: -10px;

	text-indent: -3000px;
	overflow: hidden;
	font-size: 1px;
	color: white;

	width: 6px;
	height: 90px;

	background: url(../img/publicidade.gif) no-repeat top left;
}

div#publicidade #banner{
	width: 728px;
	height: 90px;
	overflow:hidden;

}

div#publicidade img{
	display: block;
}


/* data */

div#data{
	position: absolute;
	top: 137px;
	left: 0;

	width: 728px;

	font-size: 9px;
	color: #aaaaaa;
	z-index: 1;
}

div#data a{
	position: absolute;
	right: 0;
	top: -7px;
	color: #aaaaaa;

	height: 20px;
	width: 46px;
	display: block;
	text-align: right;
	padding-top: 10px;

	font-weight: bold;

	background: url(../img/home.gif) no-repeat top left;
}


/* conteudo */

div#conteudo{
        width: 700px;
        _height: 715px; /* ie */
        min-height: 715px;

        float: left;
        margin-top: 336px;
/*        background: green;*/
}


/* cinema */

div#cinema{
	width: 180px;
	height: 302px;

	float: right;
	margin-top: 157px;

	overflow: hidden;
}

div#cinema h2{
	width: 100%;
	height: 50px;

	font-size: 1px;
	color: #fff;
	text-indent: -3000px;
	overflow: hidden;

	background: #fff url(../img/logo_cinemark.jpg) no-repeat top right;
}

div#cinema li{
	width: 178px;
	height: 35px;

	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;

	font-size: 9px;

	float: left;

	overflow: hidden;

	color: #a0a0a0;
}

div#cinema li h3{
	width: 35px;
	height: 35px;
	float: right;

	font-size: 1px;
	text-indent: -3000px;
	overflow: hidden;
}

div#cinema li.sala01 h3{
	background: url(../img/cinema/sala01.gif) no-repeat right center ;
}
div#cinema li.sala02 h3{
	background: url(../img/cinema/sala02.gif) no-repeat right center ;
}
div#cinema li.sala03 h3{
	background: url(../img/cinema/sala03.gif) no-repeat right center ;
}
div#cinema li.sala04 h3{
	background: url(../img/cinema/sala04.gif) no-repeat right center ;
}
div#cinema li.sala05 h3{
	background: url(../img/cinema/sala05.gif) no-repeat right center ;
}
div#cinema li.sala06 h3{
	background: url(../img/cinema/sala06.gif) no-repeat right center ;
}
div#cinema li.sala07 h3{
	background: url(../img/cinema/sala07.gif) no-repeat right center ;
}

div#cinema li p{
	width: 136px;
	height: 35px;
	float: left;
	text-align: right;
	line-height: 9px;
}

div#cinema li p strong{
	width: 136px;
	display: block;
	font-weight: bold;

	font-size: 11px;

	line-height: 14px;
}

div#cinema li.sala07{
	border-bottom: 1px solid #999;
	height: 34px;
}


/* publicidade menor */

div#publicidade_menor{
	width: 174px;
	height: 274px;

	float: right;
	margin-right: 3px;
	_margin-right: 2px; /* ie */
	margin-top: 20px;
}

div#publicidade_menor h2{
	font-size: 1px;
	color: #fff;

	text-indent: -3000px;
	position: absolute;
	overflow: hidden;
}

div#publicidade_menor img, div#publicidade_menor #banner_vertical{
	display: block;

	width: 174px;
	height: 274px;
}


/* revista */

div#revista{
	width: 180px;
	height: 274px;

	float: right;
	margin-top: 20px;

}

div#revista h2{
	width: 180px;
	height: 25px;

	background: #fff url(http://www.shoppingcidadejardimjhsf.com.br/images/nessa_edicao_16.jpg) no-repeat top right;

	font-size: 1px;
	color: #fff;
	text-indent: -3000px;
	overflow: hidden;
}

div#revista img{
	width: 150px;
	height: 190px;

	padding: 14px;

	border: 1px solid #c0c0c0;
}


/* voltar */

p#voltar, p#voltar_news{
	clear: both;
	margin: 20px 0 50px 0;
	float: left;

	width: 700px;
	height: 16px;

}

p#voltar a, p#voltar_news a{
	height: 16px;

	font-size: 1px;
	color: #fff;
	text-indent: -3000px;
	overflow: hidden;
	display: block;

	float: right;
}

p#voltar a{
	background: url(../img/voltar.gif) no-repeat right top;
	width: 51px;
}

p#voltar_news a{
	background: url(../img/ver_todas_button.gif) no-repeat right top;
	width: 120px;
}

/* rodape */

div#rodape{
	clear: both;

	/*width: 924px;*/

	font-size: 9px;
	letter-spacing: 0;
	color: #aaa;

	text-align: center;

	margin-bottom: 40px;
}

div#rodape a{
	color: #aaa;
}



/*blog*/


	#news_anteriores{
		float:left;

		width:700px;
		margin-bottom: 9px;
	}	

	#wrapper {
	    width: 700px;
	    margin: 0 auto;	
	}

	#slider {
		float:left;
	    width: 700px;
	    margin: 0 auto;
	    position: relative;
	}

	.scroll {
	    height: 290px;
	    width: 700px;
	    overflow: auto;
	    overflow-x: hidden;
	    position: relative;
	    clear: left;
	    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
	}

	.scrollContainer div.panel {
	    height: 290px;
	    width: 719px;
	}

	div#pagina_news{
		float:left;
		width:680px;
		height:20px;
		padding: 0 10px;

		background-color:#eaeaea;

		font-size: 10px;
	}

	div#pagina_news ul{
		margin-top: 2px;
	}

	div#pagina_news p, div#pagina_news ul{
		float: right;	
	}

	div#pagina_news p{
		margin-left: 10px;
		color:#999;
		line-height: 20px;
	}

	div#pagina_news ul li{
	    float: left;
		width: 16px;
		height: 16px;
	}

	div#pagina_news ul li a{
		width: 16px;
		height: 16px;
		text-align: center;
		color: #54301A;

		display: block;
		font-size: 10px;
		line-height: 16px;	
	}

	div#pagina_news ul li a.ativo{
		color: #999;
		background: #54301A;
		cursor: default;
	}

	.scrollButtons {
	    position: absolute;
	    top: 150px;
	    cursor: pointer;
	}

	.scrollButtons.left {
	    left: -20px;
	}

	.scrollButtons.right {
	    right: -20px;
	}

	.hide {
	    display: none;
	}


	#box_anteriores{
		float:left;	
	}

	.gal_anteriores_news{
		float:left;
		width:203px;
		height:255px;
		background-color:#eaeaea;
		margin-top:16px;
		padding-left:10px;
		padding-right:10px;
		padding-top:10px;

		margin-right:16px;
	}
	* html .gal_anteriores_news {margin-right:15px}

	.img_texto{
		float:left;
		margin-right:10px;
	}
	
	
	p#detalhes_foto{
			float:right;

			background:#FFF;
			width:172px;
			height:72px;
			overflow: hidden;

			padding: 10px;
			margin: 0 10px 10px 0;

	}

	#texto{
		float:left;

		width:470px;
		margin-left:10px;
		margin-top:10px;
		margin-bottom:12px;
	}

	#comentarios{
		float:left;

		width:470px;
		margin-left:10px;
	}

	#texto_gal{
		float:left;

		width:680px;
		margin-left:10px;
		margin-top:10px;
		margin-bottom:12px;
	}	
	.home1{
		font-size:9px;
		color:#999;
		margin-left:10px;


	}


	.titulo_home, .titulo_home a{
		font-size:11px;
		color:#54301a;
		text-transform:uppercase;
		margin:0px;
		margin-top:8px;
		margin-bottom:8px;

		}

	.data_home{
		font-size:9px;
		color:#999;
		margin:0px;
		}


	.data_home2{
		font-size:9px;
		color:#999;
		margin-top:8px;
		}

	.texto_home, .texto_home a{
		font-size:9px;
		color:#999;
	}
	
	
	#conteudo_news{
		width:700px;
	/*	height:853px;*/
	}

	#conteudo_news img.imagem_destaque{
		float:left;

		margin: 0 0 10px 10px;
	}
	
	#conteudo_news .texto_home a{;
		color: #54301A;
	}

	#destaque h3{
		width: 680px;
		height: 30px;

		margin-left: 10px;
	}

	#destaque{
		float:left;
		background-color:#eaeaea;
		width:700px;
	/*	height: 200px;	*/
	}



	#galeria_news{
		float:right;

		width:192px;
		height:245px;

		margin-top:10px;
		padding-left:10px;

		border-left: 1px solid #eaeaea;
	}


	#galeria_news ul{
		width: 100%;
		height: 112px;
		display:block;
		margin-bottom: 5px;
	}

	#galeria_news ul li{
		float:left;
		margin: 0 5px 5px 0;
		height: 51px;
	}

	#galeria_news p.texto_home1{
		font-size:9px;
		height: 13px;
		color:#999;

		clear:both;
	}
	#galeria_news p.texto_home1 a {color:#999}

	.imgdestaque{
		display: block;

		margin: 23px 0 10px 0;
	}	


	.pos{
	margin-top:8px;
	display: block;
	}
	
	#comentarios hr {background-color:#eaeaea; color: #eaeaea; height:1px; margin-top: 10px; overflow:hidden}
	.commentdata {margin-top:10px; height:163px}
	.commentdata  #message {padding-top: 68px; color: rgb(84, 48, 26); font-size: 11px; text-align: center;}
	.commentdata label {color:#54301A; font-size:11px; vertical-align:top}
		.commentdata #nome_c {margin-left:4px}
		.commentdata #email_c {margin-left:1px}
		.commentdata #texto_c {margin-left:5px}
	.commentdata input, .commentdata textarea {border:1px solid #ACACAC; width:425px; margin-bottom: 5px}
	.commentdata .error {background-color:#FFFFAA}
	.commentdata textarea {height:64px}
	.commentdata #optin_c {vertical-align:middle; width:auto; border:0 none}
	.commentdata .p_optin_c {clear:right; float:right}
	* html .commentdata .p_optin_c {float:none; margin-left: 310px}
	.commentdata .p_optin_c label {color: #ACACAC}
	.commentdata #envia_c {border:1px solid #54301A; width:120px; background:#54301A; color:#fff; font-size:11px; margin-left: 351px}


/*Lightbox*/

#sign-news {background:url(../img/bg-cadastre-se.gif) no-repeat; clear:both; height:71px; position:relative; width:700px}
#sign-news h3, #sign-news p {display:none}
#sign-news a {display:block; height:23px; position:absolute; right:16px; text-indent:-9000px; overflow:hidden; top:33px; width:100px}

#lightbox {background:url(../img/bg-lightbox.png) no-repeat right bottom; border-top:1px solid #f8f8f8; border-left:1px solid #f8f8f8; left:222px; /*height:703px;*/ padding:14px 33px 40px 25px; position:absolute; top:311px; width:449px; z-index:10000}
#lightbox #close {background:url(../img/bt-close-lightbox.gif) no-repeat; display:block; float:right; height:9px; text-indent:-9000px; overflow:hidden; width:51px}
#lightbox p {background:url(../img/texto-cadastro-lightbox.gif) no-repeat; clear:both; height:87px; margin-top:24px; text-indent:-9000px; width:448px}
#lightbox #cadastro-lightbox {padding-top:30px}
#lightbox #cadastro-lightbox li {margin-bottom:10px}
#lightbox #cadastro-lightbox label {color:#979797; float:left; font-size:11px; font-family:Arial, Helvetica, sans-serif; margin-right:10px; text-align:right; width:90px}
#lightbox #cadastro-lightbox input, #lightbox #cadastro-lightbox textarea {border:1px solid #b6b6b6}
#lightbox #cadastro-lightbox span {color:#979797; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#lightbox #cadastro-lightbox input {height:14px; width:320px}
#lightbox #cadastro-lightbox #cpf {width:217px}
#lightbox #cadastro-lightbox #nasc, #lightbox #cadastro-lightbox #mes, #lightbox #cadastro-lightbox #ano {width:22px}
#lightbox #cadastro-lightbox #ano {width:40px}
#lightbox #cadastro-lightbox #sexo {border:1px solid #b6b6b6; width:102px}
#lightbox #cadastro-lightbox #bairro, #lightbox #cadastro-lightbox #cidade {width:217px}
#lightbox #cadastro-lightbox #cep {width:102px}
#lightbox #cadastro-lightbox #tel1, #lightbox #cadastro-lightbox #tel3 {width:22px}
#lightbox #cadastro-lightbox #tel2, #lightbox #cadastro-lightbox #tel4 {width:102px}
#lightbox #cadastro-lightbox #prof {width:225px}
#lightbox #cadastro-lightbox li p {background:none; color:#979797; height:auto; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-indent:0px; margin-top:35px; width:auto}
* html #lightbox #cadastro-lightbox li p {margin-top:10px}
*:first-child+html #lightbox #cadastro-lightbox li p {margin-top:10px}
#lightbox #cadastro-lightbox #sim, #lightbox #cadastro-lightbox #nao {border:none; vertical-align:middle; width:auto}
#lightbox #cadastro-lightbox .sugestoes {display:block; margin-bottom:4px; text-align:left}
#lightbox #cadastro-lightbox textarea {clear:both; display:block; font-size:12px; height:52px; margin-bottom:20px; overflow:auto; width:440px}
#lightbox #cadastro-lightbox #send-lightbox {background:url(../img/bt-enviar-lightbox.gif) no-repeat; cursor:pointer; display:inline; line-height:0; margin-right:10px; float:right; height:16px; border:none; font-size:0; width:77px}
#lightbox #cadastro-lightbox input.none {border:1px solid red}

#default_rodape {margin-bottom: 20px; overflow: hidden;}


/*Promo dia dos namorados*/
#promo-box {background:url(../img/bg-promo-namorados2.jpg) no-repeat; height:756px; position:relative; width:700px}
#reg-promo {height:39px; left:20px; display:block; position:absolute; bottom:79px; width:143px}
#lojas-participantes {height:39px; left:197px; display:block; position:absolute; bottom:79px; width:143px}
#promo-box a span {display:none}

#regulamento-promo {background:url(../img/bg-lightbox-promo.png) no-repeat; height:384px; margin:0 0 0 18px; padding:30px 20px 0 47px; position:relative; top:163px; width:607px}
#regulamento-promo h2 {background:url(../img/ttl-regulamento.jpg) no-repeat; height:61px; margin-bottom:10px; width:240px}
#regulamento-promo h2 span {display:none}
#regulamento-promo .close {background:url(../img/bt-close-promo.jpg) no-repeat; float:right; display:block; height:9px; width:52px}
#regulamento-promo .scroller {height:290px; overflow:auto; width:606px}

#lojas-promo {background:url(../img/bg-lightbox-promo.png) no-repeat; height:384px; margin:0 0 0 18px; padding:30px 20px 0 47px; position:relative; top:163px; width:607px}
#lojas-promo h2 {background:url(../img/ttl-lojas-participantes.jpg) no-repeat; height:19px; margin-bottom:10px; width:240px}
#lojas-promo h2 span {display:none}
#lojas-promo .close {background:url(../img/bt-close-promo.jpg) no-repeat; float:right; display:block; height:9px; width:52px}
#lojas-promo .scroller {height:314px; overflow:auto; width:606px}

#alerta {background:url(../img/popu-alert.png) no-repeat; position:absolute; left:233px; height:430px; top:320px; width:480px}
#close-alert {background:url(../img/fechar-alerta.jpg) no-repeat; display:block; height:11px; float:right; margin:20px 30px 0 0; width:52px}
#close-alert span {display:none}