/* CSS Document */

@import "reset.css";

body {
	text-align: center;
	font-size: 11px;
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  line-height: 1.5; /* Unitless for proper inheritance */
	background:#f3f3f3;
	}

/* == Microformato hCard == */
.vcard {font-size:11px;}
.org {background:url(../img/logo_completa.gif) no-repeat top left; display: block; float:left; width: 180px; height: 129px; text-indent:-9000px; padding-bottom:1em; margin-bottom:1em;}
.street-address, .tel {font-weight: bold;}
.vcard .vejamapa {margin-top: 1.5em;}
/* == Microformato hCard == */

/* == Grid  ==  */

#container {
	margin: 0 auto;
	width: 767px;
	text-align: left;
	margin-top:20px;
	}
	
#colprincipal {
	width: 450px;
	height: 600px;
	float: right;
	background:#fff;
	}
	
#colmenu {
	width:316px;
	height: 585px;
	float: left;
	background: #ffc;
	}
	
		#colmenu div.menu {
			width:79px;
			height: 585px;
			float: left;
			border-left:1px solid #fff;
			border-bottom: 15px solid #2f3192;
		}
		
			div.shopping 	{background: #33bcd1 url(../img/img_menu_shopping.jpg) no-repeat bottom left;}
			div.lojas 		{background: #918cc2 url(../img/img_menu_lojas.jpg) no-repeat bottom left;}
			div.agenda 		{background: #d2e96a url(../img/img_menu_agenda.jpg) no-repeat bottom left;}
			div.lazer 		{background: #d777b2 url(../img/img_menu_lazer.jpg) no-repeat bottom left;}

#conteudo {
	padding: 25px 20px 25px 10px;
	height: 292px;
	overflow:auto;
	width:420px;
}

#submenu {
	background: #2f3192;
	height: 15px;
	text-align: center;
	border-left:1px solid #fff;
	line-height: 1;
}

/* == Grid  ==  */
/* == Tipografia  ==  */

body          { font-size: 11px; }   /* IE */
html > body   { font-size: 11px; }  /* Other browsers */

h1 {
	height: 219px;
	text-indent: -9000px;
}

	h1.apresentacao {background:url(../img/img_apresenta.jpg) no-repeat top right;}
	h1.boliche {background:url(../img/img_apresenta_boliche.jpg) no-repeat top right;}
	h1.localizacao {background:url(../img/img_localiza.jpg) no-repeat top right;}
	h1.contato {background:url(../img/img_contato.jpg) no-repeat top right;}
	h1.empregos {background:url(../img/img_empregos.jpg) no-repeat top right;}
	h1.listagem {background:url(../img/img_listagem.jpg) no-repeat top right;}
	h1.busca {background:url(../img/img_busca.jpg) no-repeat top right;}
	h1.expo {background:url(../img/img_expo.jpg) no-repeat top right;}
	h1.campanhas {background:url(../img/img_campanhas.jpg) no-repeat top right;}
	h1.promo {background:url(../img/img_promo.jpg) no-repeat top right;}
	h1.cinema{background:url(../img/img_cinema.jpg) no-repeat top right;}
	h1.gastro{background:url(../img/img_gastro.jpg) no-repeat top right;}
	h1.play{background:url(../img/img_play.jpg) no-repeat top right;}
	h1.boliche{background:url(../img/img_boliche.jpg) no-repeat top right;}
	
#logo {
	background:#2f3192;
	text-align: right;
	height: 24px;
}
	
	#logo a {
		display: block;
		float: right;
		margin: 3px 4px;
		background: url(../img/logo.gif);
		width:213px;
		height:18px;
		}
		
			#logo a span {
				display:none;
			}
			
#detloja h2 {background:url(../img/tit_lojas.jpg) no-repeat top left; width:67px; height:135px; float: left; text-indent:-800px;}

h3 { font-size: 11px; line-height:1.5; }
h4 { font-size: 12px; line-height:1.25; font-weight:bold; }
	div.expo h4 {float: left; width:95%; color:#2f3192;}
		div.expo img.artista{float:right;margin-left:4px;}
h5 { font-size: 11px; font-weight:bold; }
h6 { font-size: 11px; }
		
p 					{ margin: 0 0 1.5em 0;}
p.last      { margin-bottom:0; }
p img       { float: left; margin: 0 1.4em 1.5em 0; padding:0; }
p img.imgright       { float: right; margin: 0 1.4em 1.5em 0; padding:0; }


a           { color: #2f3192; text-decoration: none; font-weight:bold; outline: none; }
a:hover     { color: #000; text-decoration:underline; }

strong      { font-weight: bold; }
em          { font-style: italic; }

/* == Tipografia  ==  */

/* == Conteúdo == */

#buscalojas, #buscaemprego, #buscafilme, #buscagastro {
	border: 1px solid #9698c8;
	padding: 6px;
	margin: auto;
	float: left;
}

	.col #buscalojas {float:left;}
	#buscaemprego{margin-right:0px; }
	
	
	#buscalojas label, #buscaemprego label, #buscafilme label, #buscagastro label {
		display: block;
		width: 127px;
		height: 49px;
		background: url(../img/tit_guiadelojas_busca.gif) no-repeat top left;
		text-indent: -9000px;
		clear: both;
		margin-bottom: 5px;
		}
	
	#buscagastro label {background-image:url(../img/tit_alimentacao.gif);}
	#buscafilme label {background-image:url(../img/tit_cinema.gif); width:91px;}
	#buscaemprego label {background-image: url(../img/tit_rh_suzano.gif); width:106px;}

	#buscalojas select {min-width: 127px;}
	
ul.listalojas, ul.listacampanhas, div.expo, div.segunda {
	float: left;
	border-left: 1px solid #9698c8;
	padding-left: 10px;
	margin-right: 0px;
}
ul.listalojas li {
	float: none;
}

ul.listacampanhas {margin-bottom:10px; float:none; width:50%;}
	ul.listacampanhas li {padding: 10px 0 10px 35px; border-bottom:1px solid #ccc; margin-bottom:5px;}
		li.filme {background:url(../img/ico_filme.gif) no-repeat top left;}
		li.som {background:url(../img/ico_som.gif) no-repeat top left;}

div#detfilme, div#logoslojas {	
	clear: left;
	padding-top:10px;
}

#loja{background:#fff; height:135px; width:auto; text-align:left; float:left; padding:0px;}
	#loja strong {display:block; color:#2e3092;}
		#loja h2 {margin-right: 10px;}
		#loja .vejamapa {float: right;}
#fotoloja{background:#b9b6d9; text-align:left; clear:both; padding-left:67px; width: auto;}

/* == Submenu == */

#submenu a#btn_vejamais {
	display: block;
	float: left;
	height: 14px;
	width: 446px;
	background: url(../img/btn_menusub_seta.gif) no-repeat center;
	text-indent: -9000px;

}

#submenu ul {
	position: relative;
	width: 449px;

}
#submenu ul li {
	margin: auto;
	display: block;
	
}

	#submenu ul li:hover ul {
		display: block;
		z-index: 6000;
	}

#submenu ul ul {
	position: absolute;
	z-index: 1000;
	left: 90px;
	width: 290px;
	bottom: 7px;
	/* pro IE*/ 	*bottom: 14px;
	height: 15px;
	display: none;
}

	#submenu ul ul li{
		float:left;
		padding: 1px 10px;
		border-left: 1px dashed #fff;
		width: auto;
	}

		#submenu a span{display:none;}
	
	li#sm_nav_imprensa {background:#00bfcc;}
			li#sm_nav_imprensa a {display:block; width: 49px; height:20px; background:url(../img/btn_menusub_imprensa.gif) no-repeat center;}

	li#sm_nav_politica {background:#827ac5;}
		li#sm_nav_politica a {display:block; width: 119px; height:20px; background:url(../img/btn_menusub_politica.gif) no-repeat center;}

	li#sm_nav_intranet {background:#00bfcc;}
		li#sm_nav_intranet a {display:block; width: 42px; height:20px; background:url(../img/btn_menusub_intranet.gif) no-repeat center;}

/* == Formulário == */

input, select, textarea { border: 1px solid #2f3192; background:#fff url(../img/bg_input.jpg) repeat-x top left; padding:2px; display:block; color:#039;}
	input[type='hidden'] {border:none;}

label{display: block; font-weight:bold; color:#2f3192; font-size:10px; margin: 4px 0;}

#formcontato {width:72%; margin:0 auto;}
	
#formcontato fieldset {
	border: 1px solid #2f3192;
	padding: 5px 10px 0;}

.cmp_nome input, .cmp_mail input, .cmp_msg textarea {width: 270px;}
.cmp_msg textarea {height:80;}
.cmp_newsletter input {float: left; margin-right:5px; border:none; background:none;}
.btn_enviar { background:url(../img/btn_enviar.gif) no-repeat top left; width:63px; height: 22px; margin-top:5px; float:right; cursor:pointer; }
	.btn_enviar span {display: none;}

/* == Formulário == */

/* == Classes == */

div.col3 {float: left; width:80%; margin-left:0px;}

div.col2 {float: left; width:43%; margin-left:0px;}

div.col {float: left; width:40%; margin-left:10px;}
div.listagem {width:40%; margin-bottom: 10px;}

.linksbusca {width: 148px;}

	div.emprego {margin-right: 20px;}
	.linkslistagem{width: 100%; float:left; clear:both;}

a.saibamais {display:block; float:left; background:url(../img/link_saibamais.gif) no-repeat top left; width:73px; height:19px; margin:3px;}
a.vejamapa {display:block; float:left; background:url(../img/link_mapa.gif) no-repeat top left; width:81px; height:20px; margin:3px;}
	a.vejamapa span, a.saibamais span {display:none;}

	.linksbusca a, .linkslistagem a {clear:both; float:right;}
a.download {padding-left: 20px; background:url(../img/ico_download.gif) no-repeat left;}

div.primeira {padding: 2px; border:none; margin:10px;
	
/* == Classes == */