@font-face {font-family: 'Kozuka Gothic Pro ExtraLight';
	src: url('../fontes/MyriadPro-LightSemiCn.eot');
	src: local('Kozuka Gothic Pro ExtraLight'),
		 url('../fontes/MyriadPro-LightSemiCn.ttf') format('truetype');
}

@font-face {font-family: 'Kozuka Gothic Pro Light';
	src: url('../fontes/MyriadPro-LightSemiCn.eot');
	src: local('Kozuka Gothic Pro Light'),
		 url('../fontes/MyriadPro-LightSemiCn.ttf') format('truetype');
}

@font-face {font-family: 'Kozuka Gothic Pro';
	src: url('../fontes/MyriadPro-SemiCn.eot');
	src: local('Kozuka Gothic Pro'),
		 url('../fontes/MyriadPro-SemiCn.ttf') format('truetype');
}

@font-face {font-family: 'Kozuka Gothic Pro Bold';
	src: url('../fontes/MyriadPro-BoldSemiCn.eot');
	src: local('Kozuka Gothic Pro Bold'),
		 url('../fontes/MyriadPro-BoldSemiCn.ttf') format('truetype');
}

html, body, #superior {
	height: 100%;
}

address .tel {
	font-size: 1.5em;
	color: #837c72;
}

body {
	overflow-y: scroll;
}

body > #superior {
	height: auto;
	min-height: 100%;
}

#principal {
	overflow: visible;
	padding-bottom: 47px;
}

#superior {
	background: #fff url("../imagens/background/interna-global.png") repeat-y center top;
}

/*Opera Fix*/
.opera body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-30000px;
}

.red {
	background-color: transparent;
	color: #f00;
}

.green {
	background-color: transparent;
	color: #1a6066;
}

.sup {
	font-size: .7em;
	line-height: 1em;
	padding: 0;
	position: relative;
	vertical-align: 30%;
}

em.sup {
	margin-left: 10px;
}

a.red {
	background-color: transparent;
}

a.red:hover,
a.red:focus {
	color: #fff;
	background-color: #f00;
}

a:visited {
	color: #006e77;
}

a:active {
	color:#C00;
}

body {
	background-color: #efeeec;
	color: #5a4e3b;
	font-family: Helvetica, Arial, Tahoma, Sans-serif;
}

address, p, ul, ol, dl {
	font-size: 1.3em;
	margin-bottom: 1.6em;
	text-align: justify;
}

ul p, ul ul, ul ol, ol p, ol ul, ol ol {
	font-size: 1em;
}

ul ul, ul ol, ol ul, ol ol {
	margin-left: 2em;
	margin-bottom: 0;
}

li {
	margin-bottom: .4em;
}

#cabecalho {
	background: #fff url("../imagens/background/cabecalho.png") repeat-x center bottom;
	height: 176px;
	overflow: hidden;
}

	#cabecalho h1 {
		background: transparent url("../imagens/logo.png") no-repeat center;
		display: block;
		height: 90px;
		left: 50%;
		margin: 15px 0 0 -400px;
		position: absolute;
		width: 160px;
		z-index: 99;
	}

		#cabecalho h1 a {
			background-color: transparent;
			border: 0;
			display: block;
			height: 90px;
			overflow: hidden;
			text-indent: -9999em;
			width: 160px;
		}

	#cabecalho #menu {
		margin: 111px auto 0;
		position: relative;
		width: 958px;
		height: 30px;
		font-size: 1em;
	}

		#cabecalho #menu a {
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			background-color: transparent;
			color: #837c72;
			display: block;
			float: left;
			padding: 2px 16px 0;
			border: 0;
		}

		#cabecalho #menu a:hover,
		#cabecalho #menu a:focus,
		#empresa #menu li.empresa a,
		#lancamentos #menu li.lancamentos a,
		#oportunidades #menu li.oportunidades a,
		#portfolio #menu li.portfolio a,
		#servicos #menu li.servicos a,
		#noticias #menu li.noticias a,
		#contate-nos #menu li.contate-nos a,
		#balneario-camboriu #menu li.balneario a,
		#home #menu li.inicial a,
		#mapa-do-site #menu li.mapa-do-site a,
		#mapa-do-site #menu li.acesso-restrito8 a {
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			background-color: #e5e3e0;
			color: #837c72;
			text-shadow: 1px 1px 0px #fff;
			-moz-text-shadow: 1px 1px 0px #fff;
			-webkit-text-shadow: 1px 1px 0px #fff;
		}

		#cabecalho #menu li {
			background: transparent url("../imagens/background/separador.png") repeat-y right top;
			float: left;
			font-family: "Kozuka Gothic Pro", Helvetica, Arial, Sans-serif;
			font-size: 1.3em;
			padding: 5px 8px 5px 7px;
			text-transform: uppercase;
		}
		
		.ie9 #cabecalho #menu li {
			font-size: 11px!important;
		}

		#cabecalho #menu li.ultimo {
			background-image: none;
		}

		#cabecalho #menu li.inicial,
		#cabecalho #menu li.mapa-do-site,
		#cabecalho #menu li.acesso-restrito {
			background: none;
			font-size: 1.1em;
			position: absolute;
			text-transform: lowercase;
			top: -96px;
		}

		#cabecalho #menu li.inicial {
			right: 265px;
		}

		#cabecalho #menu li.mapa-do-site {
			right: 175px;
		}

		#cabecalho #menu li.acesso-restrito {
			right: 65px;
		}

			#cabecalho #menu li.acesso-restrito img {
				vertical-align: middle;
				margin-right: 5px;
			}

			#cabecalho #menu li.inicial a,
			#cabecalho #menu li.mapa-do-site a {
				padding: 0 10px;
			}

			#cabecalho #menu li.acesso-restrito a {
				padding: 0 10px 0 5px;
			}

#principal {
	clear: both;
	display: block;
	float: left;
	position: relative;
	width: 100%;
}

	#principal .submenu {
		font-family: "Kozuka Gothic Pro", Helvetica, Arial, Verdana, Sans-serif;
		font-size: 1.2em;
		left: 50%;
		margin-left: -479px;
		margin-top: -27px;
		position: absolute;
		text-align: center;
		width: 958px;
		z-index: 22;
	}

		#principal .submenu li {
			display: inline;
			padding: 0 20px;
		}

			#principal .submenu li a {
				background-color: transparent;
				color: #837c72;
				padding: 5px 3px 8px;
			}

				#principal .submenu li a:hover,
				#principal .submenu li a:focus {
					background-color: transparent;
					color: #006e77;
					text-shadow: 1px 1px 1px #98b7b9;
				}

			#principal .submenu li.ativo a {
				cursor: default;
				color: #006e77;
				text-shadow: 0 0 0 #98b7b9;
			}

	#principal .caminho-de-migalhas {
		position: absolute;
		left: 50%;
		width: 750px;
		margin-left: -380px;
		top: 30px;
	}

	#principal p.veja-mais {
		height: auto;
	}

		#principal p.veja-mais a {
			background-image: url("../imagens/icones/seta-ver-mais.png");
			background-position: 5px 6px;
			background-repeat: no-repeat;
			display: block;
			font-weight: bold;
			float: left;
			padding: 0 4px 0 15px;
			text-decoration: none;
		}

		#principal p.veja-mais a:hover,
		#principal p.veja-mais a:focus {
			background-color: #1A6066;
			color: #fff;
			background-position: 5px -37px;
			border: 0;
		}

	#principal p.voltar {
		height: auto;
	}

		#principal p.voltar a {
			background-image: url("../imagens/icones/seta-voltar.png");
			background-position: 5px 6px;
			background-repeat: no-repeat;
			display: block;
			float: left;
			padding: 1px 4px 0 15px;
			text-decoration: none;
		}

		#principal p.voltar a:hover,
		#principal p.voltar a:focus {
			background-color: #1A6066;
			background-position: 5px -37px;
			border-bottom: 0;
			color: #fff;
		}

#rodape {
	background-color: #EFEEEC;
	border-top: 3px solid #006e77;
	clear: both;
	float: left;
	padding: 14px 0;
	width: 100%;
	height: 19px;
	margin-top: -50px;
	position: relative;
	z-index: 2;
}

	#rodape a.grupow {
		background: transparent url("../imagens/icones/grupow.png") no-repeat center;
		display: block;
		height: 17px;
		overflow: hidden;
		position: absolute;
		right: 0;
		text-indent: -9999em;
		top: 0;
		width: 76px;
	}

	#rodape p {
		font-size: 1.1em;
		line-height: 1.6em;
		margin: 0 auto;
		position: relative;
		width: 958px;
		text-align: center;
	}
	
	#rodape p .midia {
		border:none;
		display:block;
		float:left;
		height:32px;
		margin-bottom:4px;
		margin-right:5px;
		margin-top:-4px;
		width:32px;
	}
	
	#rodape p .midia IMG {
		cursor: pointer;
	}
	
	#rodape strong {
		font-size: 1.1em;
	}

.chrome #menu,
.safari #menu {
	font-size: .85em !important;
}

.tooltip {
	background						: URL('../imagens/background/tooltip.png') no-repeat;
	color							: #006e77;
	font							: normal 10px Arial;
	padding-top						: 10px;
	text-align						: center;
	width							: 127px;
	height							: 40px;
	z-index							: 9999;
}