/* 
	Document   : ideia3
	Created on : 30/05/2009, 11:18:56
	Author     : Diego Fleury
	Description:
		Propõe o stylesheet do geral do site Idea3. Nele, todas as
		características de estilo são definidas exceto pela tipografia que é
		definida de acordo com o sistema operacional.
*/

/* Base configuration | =base */
html {
	min-height: 100%;
}

html, body {
	height: 100%;
}

body {
	margin: 0;
	background-color: #F8F8F8;
}

/*
	Configura as tags comumente utilizadas
*/
#stage h1,
#stage h2,
#stage h3,
#stage h4,
#stage h5 {
	margin: 0;
	padding: 0;
}

#stage th {
	vertical-align: middle;
	text-align: center;
}

#stage td {
	vertical-align: top;
	text-align: left;
}

#stage form {
	margin: 0;
	padding: 0;
}

#stage input,
#stage select,
#stage textarea {
	font-size: 11px;
	color: #404040;
}

#stage img {
	border: 0pt none;
}

#stage legend {
	color: #000;
}

#stage a,
#stage a:link {
	text-decoration: none;
	color: inherit;
}
#stage a:visited {
	color: #7A7A7A;
}
#stage a:hover {
	text-decoration: none;
}

#stage a:active {
	color: #7A7A7A;
}
/* =@base */

/* Common | =common =comum */
#centralizer {
	width: 100%;
	border: none;
	padding-bottom: 60px;
}

#centralizer #stage {
	width: 980px;
	text-align: left;
}

/* Cabeçalho | =header =cabecalho =cabeçalho */
#stage #header {
	height: 163px;
	position: relative;
	overflow: hidden;
}

/* Imagem de cabeçalho | =headerImage */
#header #headerImage {
	margin: 0;
}

#header #headerImage,
#headerImage #imageOverlay {
	width: 300px;
	height: 163px;
}
/* =@headerImage */

/* Menu | =menu */
#header #menu,
#header #menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#header #menu {
	position: absolute;
	top: 85px;
	left: 370px;
	width: 397px;
}

#header #menu li {
	float: left;
	height: 39px;
	margin: 0 11px;
}

#header #menu li a {
	text-transform: uppercase;
	color: #7A7A7A;
	font-size: 11px;
	font-weight: bold;
}

#header #menu .staying {
	background: transparent url(../images/common/header/menu/staying.gif) no-repeat scroll center bottom;
}

#header #menu .staying a {
	color: #b27f09;
}
/* =@menu */

/* Logo | =logo */
#header #logo {
	position: absolute;
	top: 84px;
	left: 795px;
}

#header #logo,
#logo #imageLogo {
	width: 142px;
	height: 24px;
}
/* =@logo */

/* Área de email | =emailArea =areaemail =emailarea */
#header #emailArea {
	height: 30px;
	width: 740px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(../images/common/header/emailArea/horizontalBackground.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#emailArea #emailButton {
	width: 148px;
	height: 30px;
	background: transparent url(../images/common/header/emailArea/emailButton.png) no-repeat scroll left top;
	float: left;
	overflow: hidden;
	text-indent: -1000px;
	white-space: nowrap;
}

/* Login do webmail | =emailLogin =email =webmail */
#emailArea #emailLogin {
	float: left;
	height: 26px;
	overflow: hidden;
	padding: 4px 3px 0;
}

#emailArea #emailLogin label {
	color: #7A7A7A;
	font-size: 10px;
	font-style: italic;
	float: left;
	margin: 0 3px;
	display: inline;
	width: 130px;
}

#emailArea #emailLogin .label {
	float: left;
	padding: 3px 0;
}

#emailArea #emailLogin .roundedTextField {
	background: transparent url(../images/common/header/emailArea/emailLogin/roundedTextField.jpg) no-repeat scroll left top;
	float: right;
	padding: 3px 0;
	margin-left: 0;
	display: inline;
}

#emailArea #emailLogin label input {
	background: transparent;
	border: none;
	width: 73px;
	padding: 0 10px;
	font-size: 10px;
}

#emailArea #emailLogin .radio {
	margin: 0 4px 0 2px;
	width: auto;
}

#emailArea #emailLogin .radio input {
	float: left;
	width: 13px;
	padding: 0;
	margin: 3px 0 0 3px;
}
/* =@emailLogin */

#emailArea #signupButton {
	width: 81px;
	height: 30px;
	float: right;
}
/* =@emailArea */

/* =@header */

#stage #content {
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
}

/* Rodapé | =footer =rodape =rodapé */
#stage #footer {
	height: 202px;
	background: transparent url(../images/common/footer/footer.jpg) no-repeat scroll left top;
	position: relative;
}

#footer #footerMenu,
#footer #footerMenu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Menu do rodapé | =footerMenu */
#footer #footerMenu {
	position: absolute;
	top: 30px;
	left: 30px;
}

#footer #footerMenu li {
	float: left;
	display: inline;
	margin: 0 7px;
}

#footer #footerMenu li a {
	color: #888;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
/* =@footerMenu */

/* Atendimento online | =careLogin =careLoginForm =atendimentoOnline */
#footer #careLogin {
	float: right;
	width: 405px;
	height: 147px;
}

#careLogin #carePlusImage {
	width: 48px;
	height: 49px;
	background: transparent url(../images/common/footer/careLogin/carePlusImage.png) no-repeat scroll left top;
	top: -9px;
	left: 551px;
	position: absolute;
}

#footer #careLogin h3 {
	font-size: 11px;
	font-weight: bold;
	color: #888;
	/*text-transform: uppercase;*/
	text-align: center;
	padding-top: 8px;
	height: 21px;
	width: 119px;
	margin-left:172px;
}
#careForm{
	float:right;
	width:193px;
}


#careLogin #careAuthentication {
	width: 172px;
	float: left;
	display: inline;
	margin: 3px 0 5px 12px;
	height: 64px;
}

#careLogin #careAuthentication2 {
	width: 172px;
	float: left;
	display: inline;
	margin: 3px 0 5px 12px;
	height: 64px;
}

#careLogin #careAuthentication  .formLine {
	margin-top: 13px;
}

#careLogin #careAuthentication2  .formLine2 {
	margin-top: 13px;
}

#careLogin #careAuthentication label {
	color: #7A7A7A;
	font-size: 10px;
	font-style: italic;
	float: left;
	margin: 0 10px;
	display: inline;
	width: 157px;
}
#careLogin #careAuthentication2 label {
	color: #7A7A7A;
	font-size: 10px;
	font-style: italic;
	float: left;
	margin: 0 10px;
	display: inline;
	width: 157px;
}

#careLogin #careAuthentication .label {
	float: left;
	padding: 3px 0;
}

#careLogin #careAuthentication2 .label {
	float: left;
	padding: 3px 0;
}

#careLogin #careAuthentication .roundedTextField {
	background: transparent url(../images/common/footer/careLogin/careForm/careAuthentication/roundedTextField.jpg) no-repeat scroll left top;
	float: right;
	padding: 3px 0;
	margin-left: 5px;
	display: inline;
}

#careLogin #careAuthentication2 .roundedTextField2 {
	background: transparent url(../images/common/footer/careLogin/careForm/careAuthentication/roundedTextField2.jpg) no-repeat scroll left top;
	float: right;
	padding: 3px 0;
	margin-left: 5px;
	display: inline;
}

#careLogin #careAuthentication label input {
	background: transparent;
	border: none;
	width: 96px;
	padding: 0 10px;
	font-size: 10px;
}

#careLogin #careAuthentication2 label input {
	background: transparent;
	border: none;
	width: 96px;
	padding: 0 10px;
	font-size: 10px;
}

#careLogin #companyChooser {
	float: right;
	width: 145px;
	margin-top: 22px;
}

#careLogin #companyChooser .label {
	color: #7A7A7A;
	font-size: 10px;
	font-style: italic;
}

#careLogin #careFormSignupButton {
	clear: both;
	text-align: right;
}

#careLogin #careFormSignupButton2 {
	clear: both;
	text-align: left;
}

/* =careLogin */

/* Informações adicionais | =additionalInformation */
#footer #additionalInformation {
	clear: right;
	color: #888;
	font-size: 11px;
	font-weight: bold;
}

#additionalInformation #footerAddress,
#additionalInformation #copyright,
#additionalInformation #miniLogo {
	position: absolute;
	bottom: 21px;
}

#additionalInformation #footerAddress {
	left: 35px;
}

#additionalInformation #copyright {
	left: 535px;
	color: #404040;
}

#additionalInformation #miniLogo {
	left: 930px;
	bottom: 21px;
}

/* =@additionalInformation */

/* =@footer */

/* =@common */

/* Home | =home */
html.home #stage #header {
	z-index: 2;
}
html.home #stage #content {
	margin-top: -32px;
}

/* Big home panel | =bigHomePanel */
#content #bigHomePanel {
	height: 459px;
	overflow: hidden;
	margin-bottom: 10px;
}

#bigHomePanel #introductionText {
	height: 200px;
	width: 350px;
	position: absolute;
	top: 195px;
	left: 24px;
	overflow: hidden;
}

#introductionText #introductionTranscription {
	display: none;
}
/* =@bigHomePanel */

/* Home extras | =homeExtras */
#homeExtras {
	height: 290px;
}

/* Últimas notícias | =lastestNews */
#homeExtras #lastestNews {
	position: absolute;
	z-index: 1;
	width: 310px;
	background: transparent url(../images/home/homeExtras/lastestNews.png) no-repeat scroll left top;
	height: 290px;
	left: 0;
}

#homeExtras #lastestNews ul,
#homeExtras #lastestNews ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#homeExtras #lastestNews ul {
	margin: 26px 35px 0;
	height: 225px;
	overflow: hidden;
}

#homeExtras #lastestNews ul li {
	margin-top: 20px;
}

#homeExtras #lastestNews ul li h3 {
	font-size: 12px;
	font-weight: bold;
	color: #7A7A7A;
}

#homeExtras #lastestNews ul li h3 a {
	color: #7A7A7A;
}

#homeExtras #lastestNews ul li span {
	color: #888;
	font-size: 11px;
}

#lastestNews #seeAll {
	float: right;
	width: 104px;
	height: 34px;
	text-indent: 104px;
	white-space: nowrap;
	overflow: hidden;
	background: transparent;
}
/* =@lastestNews */

/* Campanha | =campaign */
#homeExtras #campaign {
	overflow: hidden;
	width: 689px;
	margin-left: 292px;
}

#campaign #campaignImage {
	float: left;
	height: 290px;
	width: 470px;
}

#campaign #campaignDescription {
	float: left;
	position: relative;
	height: 290px;
	width: 236px;
	margin-left: -19px;
}

#campaignDescription #campaignBackground {
	position: absolute;
	height: 100%;
	width: 236px;
	z-index: 1;
}

#campaignDescription #campaignHtml {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 2;
	margin-left: 20px;
}

#campaign #campaignDescription h3,
#campaign #campaignDescription span {
	width: 175px;
	margin-left: 25px;
}

#campaign #campaignDescription h3 {
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin-top: 55px;
}

#campaign #campaignDescription h3 a {
	color: #FFFFFF;
}

#campaign #campaignDescription span {
	color: #FFFFFF;
	font-size: 11px;
	display: block;
	margin-top: 20px;
}

#campaignDescription #campaignDescriptionDivider {
	margin: 20px 0 4px 15px;
}

#campaignDescription #campaignCustomer {
	margin-left: 28px;
}
/* =@campaign */

/* =@homeExtras */

/* =@home */

/* Portfólio | =portfolio */
#content #portfolio {
	background: transparent url(../images/portfolio/background.jpg) no-repeat;
	height: 490px;
}

#portfolio #portfolioGroupList {
	overflow: hidden;
	padding: 36px 60px 60px;
}

#portfolio .portfolioList,
#portfolio .portfolioList li {
	list-style: none;
	margin: 6px 0;
	padding: 0;
}

#portfolio .portfolioList {
	font-size: 11px;
	float: left;
	width: 286px;
}

#portfolio .portfolioList li .markedItem {
	background: transparent url(../images/portfolio/portfolioList/markedItem.gif) no-repeat scroll left top;
	width: 6px;
	height: 7px;
	visibility: hidden;
	margin: 4px 3px 0 0;
	float: left;
}

#portfolio .portfolioList li a {
	color: #bcbec0;
}

#portfolio .portfolioList li.marked .markedItem {
	visibility: visible;
}

#portfolio .portfolioList li.marked a {
	color: #858585;
}

#paginacao {
	bottom:0;
	position:absolute;
	right:0;
	height:40px;
	float: right;
}

#paginacao #paginacaoInnerWrap {
	overflow: hidden;
	position: relative;
	height: 40px;
}

#paginacaoInnerWrap #overPag {
	position: absolute;
	height: 40px;
	top: 0;
	left: -109px;
	z-index: 1;
}

#paginacaoInnerWrap #pages {
	position: relative;
	z-index: 2;
	float: left;
	height: 40px;
	font-size: 11px;
	background: transparent url(../images/common/paginacao.png) repeat-x scroll right top;
	margin-right: -26px;
	padding-right:26px;
}

#paginacaoInnerWrap #pages a {
	height: 25px;
	width: 28px;
	padding-top:15px;
	text-align:center;
	color: #999;
	float: left;
}

#paginacaoInnerWrap #pages a.first {
	background: transparent url(../images/common/overPag.png) no-repeat scroll left top;
}

#paginacaoInnerWrap #btnVoltar {
	float: right;
	position: relative;
	z-index: 3;
}

#paginacaoInnerWrap #btnVoltar a {
	background: transparent url(../images/common/botaoVoltar.png) no-repeat scroll right bottom;
	width: 86px;
	height: 40px;
	display: block;
	white-space: nowrap;
	text-indent: -900px;
	overflow: hidden;
}

/* Portfólio detalhes | =portfolioDetails */
html.portfolio_detalhes #stage {
	position: relative;
}

#stage #campaignHeader {
	margin: 48px 0 32px 262px;
	overflow: hidden;
}

#campaignHeader #campaignImage {
	float: left;
	margin-right: 24px;
}

#campaignHeader #campaignTexts {
	float: left;
	width: 300px;
	border-left: 1px solid #e5e5e5;
	padding-left: 24px;
}

#campaignTexts #campaignTitle {
	margin:0 0 -8px;
	*margin:0 0 -15px;
	color: #999;
	font-size: 12px;
}

#campaignTexts #campaignText {
	color: #c7c7c7;
	font-size: 11px;
	line-height: 20px;
}

#stage #mediaWrap {
	/*margin-top: 250px;*/
	padding-bottom: 60px;
	overflow: hidden;
}

#mediaWrap #tableMediaWrap {
	empty-cells: show;
	width: 100%;
}

#mediaWrap #tableMediaWrap td {
	vertical-align: middle;
}

#mediaWrap #tableMediaWrap td.navigation {
	width: 44px;
}

#mediaWrap #tableMediaWrap td #backward,
#mediaWrap #tableMediaWrap td #forward {
	width: 12px;
	height: 15px;
	overflow: hidden;
	text-indent: 300px;
	white-space: nowrap;
	display: block;
	font-size: 1px;
	background: transparent url(../images/portfolio/portfolioCampaign/arrows.gif) no-repeat;
}

#mediaWrap #tableMediaWrap td #backward {
	background-position: left top;
}

#mediaWrap #tableMediaWrap td #forward {
	background-position: right top;
	margin-left: 32px;
}

#tableMediaWrap #mediaColumn {
	text-align: center;
}

#mediaColumn #mediaClose {
	overflow: hidden;
	text-indent: 300px;
	white-space: nowrap;
	display: block;
	position: absolute;
	visibility: hidden;
	height: 24px;
	width: 24px;
	background: transparent url(../images/portfolio/portfolioCampaign/mediaClose.png) no-repeat;
}

#mediaList,
#mediaList li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#mediaList {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	visibility: hidden;
}

#mediaList li {
	float: left;
	margin: 0 5px;
	height: 35px;
}

#mediaList li a {
	color: #999 !important;
	font-size: 11px;
	font-weight: bold;
}

#mediaList li .mediaIcon {
	vertical-align: middle;
	margin-left:-5px;
}

#mediaList li.staying {
	background: transparent url(../images/portfolio/portfolioCampaign/staying.gif) no-repeat scroll center bottom;
}
/* =@portfolioDetails */

/* =@portfolio */

/* Clientes | =customers =clientes */
#content #customers {
	background: #F0F0F0 url(../images/customers/customersMiddle.png) repeat-y scroll left top;
	/*background: #F0F0F0 url(../images/customers/customersie7.jpg) no-repeat scroll left top; /* essa linha funciona no IE7 */
	/*padding: 40px;*/
	padding-left:40px;
	padding-right:40px;
	overflow: hidden;
}

#customersTop{
	height:69px;
	background: #F0F0F0 url(../images/customers/customersTop.jpg) no-repeat scroll left top;
}

#customersBottom{
	height:69px;
	background: #F0F0F0 url(../images/customers/customersBottom.jpg) no-repeat scroll left top;
}

#customers #customersList {
	min-height: 900px;
}

#customers #customersList .customer {
	float: left;
	margin: 20px 30px;
}

#customers #customersList .customer .meta,
#customers #customersList .customer .customerImage{
	display: none;
}

/* Cliente tooltip | =customerTooltip */
#customerTooltipBg {
	width: 319px;
	height: 320px;
	top: -999px;
	left: -999px;
	display: none;
	position: absolute;
	z-index: 9998;
}

#customerTooltipBg #customerInnerWrapper {
	position: relative;
}

#customerTooltipBg #customerTooltipBackground {
	width: 319px;
	height: 320px;
	position: absolute;
	left: 0;
	top: 0;
}

#customerTooltipBg #customerTooltipBackground .imageBackground {
	display: none;
	width: 319px;
	height: 320px;
}

#customerTooltipBg #customerTooltipBackground #q1 {
	background: transparent url(../images/customers/tooltip-q1.png) no-repeat scroll left top;
}

#customerTooltipBg #customerTooltipBackground #q2 {
	background: transparent url(../images/customers/tooltip-q2.png) no-repeat scroll left top;
}

#customerTooltipBg #customerTooltipBackground #q3 {
	background: transparent url(../images/customers/tooltip-q3.png) no-repeat scroll left top;
}

#customerTooltipBg #customerTooltipBackground #q4 {
	background: transparent url(../images/customers/tooltip-q4.png) no-repeat scroll left top;
}

#customerTooltip {
	width: 319px;
	height: 272px;
	padding-top: 48px;
	top: 0;
	left: 0;
	display: none;
	position: absolute;
	z-index: 9999;
}

#customerTooltip #fecharTooltip {
	float: right;
	white-space: nowrap;
	text-indent: 900px;
	overflow: hidden;
	width: 30px;
	height: 30px;
}

#customerTooltip #textoTooltip {
	float: left;
	margin-left: 33px;
	margin-top: 31px;
	width: 230px;
}

#customerTooltip #textoTooltip #tooltipTitle {
	color: #232323;
	font-weight: bold;
	margin: 0 0 25px 0;
	font-size: 18px;
}

#customerTooltip #textoTooltip #tooltipSite {
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
	display: none;
	margin-bottom: 2px;
	text-decoration: none;
}

#customerTooltip #textoTooltip #tooltipText {
	color: #FFF;
	font-size: 10px;
	text-align: left;
	display: block;
	height: 100px;
	overflow: hidden;
}
/* =@customerTooltip */

/* =@customers */

/* Notícias | =noticias */
#noticias .noticiasGroupList {
	overflow: hidden;
	padding: 0px 0px 0px;
}

#noticias #direita {
	width: 376px;
	float: right;
}

#noticias .noticiasList {
	float: right;
	overflow: hidden;
}

#noticias .noticiasListTop {
	background: transparent url(../images/noticias/noticiasList/noticias_bg_box02_top_380x70.jpg) no-repeat scroll left top;
	height: 70px;
	visibility: visible;
	float: right;
	width: 376px;
	display: block;
	vertical-align:top;
}

#noticias #palavraChave {
	background: transparent;
	border: none;
	width: 220px;
	margin-left:40px;
	margin-top:29px;
	font-size: 10px;
	vertical-align:top;
	float: left;
}

#noticias #buscarButton {
	float: right;
}

#noticias .noticiasListMiddle {
	background: #f2f2f2 url(../images/noticias/noticiasList/listBottom.gif) no-repeat scroll left bottom;
	visibility: visible;
	float: right;
	display: block;
	font-size: 11px;
	margin: 0;
	padding-top: 30px;
}

#noticias .noticiasListMiddle ul,
#noticias .noticiasListMiddle li {
	list-style: none;
	margin: 0px 0px 0px 5px;
	padding: 0px  5px 5px 5px;
}

#noticias .noticiasListMiddle ul {
	padding: 0 20px 0;
	width: 331px;
}

#noticiasListMiddle #resultadosEncontrados {
	color: #404040;
	font-size: 14px;
	margin: 11px 0 10px 45px;
	white-space: nowrap;
	display: block;
}

#noticias .noticiasListMiddle li {
	margin-bottom: 10px;
}

#noticias .noticiasListMiddle li a {
	color: #bcbec0;
}

#noticias .noticiasListMiddle li h4 {
	font-size: 12px;
	color: #999;
}

#noticias #noticiasListBottom {
	background: transparent url(../images/noticias/noticiasList/noticias_bg_box02_bottom_380x30.jpg) no-repeat scroll left top;
	height: 40px;
	visibility: visible;
	float: right;
	width: 380px;
	display: block;
}

#noticiasListBottom a {
	display: block;
	float: right;
	height: 40px;
	width: 87px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 300px;
	background: transparent url(../images/noticias/backButton.jpg) no-repeat;
}

#noticias #esquerda {
	width: 590px;
	float: left;
	background: transparent url(../images/noticias/noticiasDetalhe/noticias_bg_box01_top_590x10.png) repeat-y scroll left top;
}

#esquerda #backgroundTop {
	width: 590px;
	height: 293px;
	display: block;
	background: transparent url(../images/noticias/noticiasDetalhe/backgroundTop.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#noticias .noticiasDetalhe{
	float: left;
	overflow: hidden;
}

#noticias .noticiasDetalheConteudo {
	visibility: visible;
	float: right;
	width: 590px;
	min-height: 293px;
	display: block;
	font-size: 11px;
	position: relative;
	z-index: 2;
}

#noticias #noticiasDetalheConteudoTexto {
	color: #929292;
	padding: 50px 50px 15px;
}

#noticiasDetalheConteudo #noticiasDetalheConteudoApoio {
	float: left;
	margin: 0 30px 0 0;
}

#noticiasDetalheConteudo #noticiasDetalheConteudoMedia {
	text-align: center;
	margin-bottom: 20px;
	overflow: hidden;
}

#noticiasDetalheConteudoMedia #mediaBar {
	float: right;
	overflow: hidden;
	margin-bottom: 5px;
}

#noticiasDetalheConteudoMedia #videoButton,
#noticiasDetalheConteudoMedia #audioButton {
	background: transparent url(../images/noticias/noticiasDetalhe/mediaButtons.png) no-repeat scroll left top;
	display: block;
	float: left;
	width: 17px;
	height: 13px;
	overflow: hidden;
	text-indent: -10000px;
	white-space: nowrap;
	cursor: pointer;
	margin-left: 10px;
	text-align: left;
}

#noticiasDetalheConteudoMedia #audioButton {
	background-position: right top;
}

#noticiasDetalheConteudoTexto #noticiaDetalheTitulo {
	font-size: 14px;
	color: #404040;
}

#noticias .noticiasDetalheBottom {
	background: transparent url(../images/noticias/noticiasDetalhe/noticias_bg_box01_bottom_590x25.png) no-repeat scroll left top;
	width: 590px;
	height: 25px;
	visibility: visible;
	float: left;
	display: block;
}

/* =@noticias */

/* Contatos | =contacts =contatos */
#content #contacts {
	width: 484px;
	height: 526px;
	background: transparent url(../images/contacts/contacts.jpg) no-repeat scroll left top;
	float: left;
}

#contacts #introMessage {
	position: absolute;
	top: 62px;
	left: 40px;
	width: 220px;
	color: #232323;
	font-size: 14px;
	font-weight: bold;
}

/* Formulário de contato | =contactForm =contato =contactBox */
#contacts #contactBox {
	position: absolute;
	top: 146px;
	width: 484px;
}

#contacts #contactBox .formLine {
	padding: 7px 0 8px 41px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#contacts #contactBox .formLine {
	padding: 4px 0 8px 41px;
}
}

#contacts #contactBox .formLine2 {
	padding: 7px 0 8px 64px;
}

#contacts .formLine label {
	float: left;
	width: 357px;
}

#contacts .formLine2 label {
	float: left;
	width: 357px;
}


#contacts .formLine span {
	font-weight: bold;
	color: #7A7A7A;
	font-size: 12px;
	float: left;
}

#contacts .formLine2 span {
	font-weight: bold;
	color: #7A7A7A;
	font-size: 12px;
	float: left;
}

#contacts .formLine input {
	width: 310px;
	float: right;

}

#contacts .formLine2 input {
	width: 310px;
	float: right;

}

#contacts .formLine #contactFormSubject {
	width: 174px;
}

#contacts .formLine2 #contactFormSubject {
	width: 174px;
}

#contacts #messageField span {
	float: left;
}

#contacts #messageField #contactFormMessage {
	float: right;
	width: 286px;
	height: 83px;
	overflow: auto;
	min-height: 83px;
	max-height: 83px;
	min-width: 286px;
	max-width: 286px;
	resize: none;
}

#contacts #contactFormControls {
	position:absolute;
	right:0;
	top:191px;
	
}

#contactFormControls #resetContact,
#contactFormControls #submitContact {
	background: transparent url(../images/contacts/contactForm/contactFormControls.png) no-repeat scroll left top;
	display: block;
	height: 38px;
	width: 90px;
	overflow: hidden;
	text-indent: 90px;
	white-space: nowrap;
}

#contactFormControls #submitContact {
	background-position:left -38px;
}
/* =@contactForm */

/* Ou se preferir | =preference */
#contacts #preference {
	position: absolute;
	top: 441px;
	left: 40px;
}

#contacts #preference h3 {
	color: #232323;
	font-size: 11px;
	font-weight: bold;
}

#contacts #preference .email {
	color: #888;
	font-size: 12px;
	font-weight: bold;
}
/* =@preference */

/* Mapa do Google Maps | =map */
#map {
	float: right;
	width: 484px;
}

#map #mapHeader {
	background: #787878 url(../images/contacts/map/mapHeader.jpg) no-repeat scroll left top;
	height: 100px;
}

#map #mapCanvas {
	height: 397px;
	width: 484px;
}

#map #mapFooter {
	background: #787878 url(../images/contacts/map/mapFooter.gif) no-repeat scroll left top;
	height: 25px;
}

#porCima {
	float: right;
	width: 200px;
	height: 20px;
	background-color: #3B3B3B;
	margin-right: 20px;
}
/* =@map */

/* Contato tooltip | =contactTooltip */
#contactTooltip {
	width: 363px;
	height: 93px;
	background: transparent url(../images/contacts/tooltip.png) no-repeat scroll left top;
	top: 50%;
	left: 50%;
	margin-top: -41px;
	margin-left: -181px;
	position: absolute;
	z-index: 9999;
	display: none;
}

#contactTooltip #fecharTooltip {
	float: right;
	white-space: nowrap;
	text-indent: 900px;
	overflow: hidden;
	width: 30px;
	height: 30px;
}

#contactTooltip #textoTooltip {
	color:#232323;
	float:left;
	font-weight:bold;
	margin-left:20px;
	margin-top:36px;
	text-align:center;
}
/* =@contactTooltip */

/* =@contacts */

/* Genéricos | =generics */
.formLine {
	overflow: hidden;
}
.formLine2 {
	overflow: hidden;
}

.right {
	float: right !important;
	display: inline !important;
}

.left {
	float: left !important;
	display: inline !important;
}

.transparent {
	background: none !important;
	border: none !important;
}

.preload {
	display: none;
}
/* =@generics */