/* Configurações gerais de CSS */
* { margin: 0;}
html, body {
  background-color:#23002d; 
  height:100%; /* fix height to 100% for IE */
  max-height:100%; /* fix height for other browsers */
  padding:0;
  margin:0;
  border:0;
  overflow:hidden; /*get rid of scroll bars in IE */
}

/* Titulo principal do site */
.white_title {
	font-family:ConduitITC-Bold, ARIAL;
	color:#FFFFFF;
	font-size:35px;
	position:fixed;
	top:160px;
	left:50%;
	margin-left:-135px;
}

/* Sub-titulo principal do site */
.yellow_subtitle {
	font-family:ConduitITC-Bold, ARIAL;
	color:#ffb900;
	font-size:25px;
	position:fixed;
	top:200px;
	left:50%;
	margin-left:-135px;
}

/* Texto explicativo da empresa */
.white_description {
	font-family:ConduitITC-Light, ARIAL;
	color:#FFFFFF;
	font-size:14px;
	position:fixed;
	top:240px;
	left:50%;
	width:460px;
	margin-left:-135px;
}

/* DIV com o botão do twitter */
.follow_twitter {
	position:fixed;
	top:400px;
	left:50%;
	width:460px;
	margin-left:-135px;
}

/* DIV com o entre em contato */
.talk_with_itbn {
	position:fixed;
	top:468px;
	left:50%;
	width:460px;
	margin-left:-135px;
}

/* DIV com imagem indicando que o site ficara pronto em breve */
.site_soon {
	position:fixed;
	top:400px;
	left:50%;
	width:460px;
	margin-left:145px;
}

/* Barra translucida geral do site onde aparece uma divisão geral */
.barra_transucida {
	background-image:url(../images/barra-txts_translucida.png);
	background-repeat:repeat-x;
	position:fixed;
	top:120px;
	left:0px;
	width:100%;
	height:400px;
}

/* DIV com imagem de contato acima do textbox */
.contact_title {
	position:fixed;
	top:462px;
	left:50%;
	width:460px;
	margin-left:145px;
}

/* Estilo da DIV onde esta o formulario de contato */
.contact {
	font-family:ConduitITC-Light, ARIAL;
	position:fixed;
	top:493px;
	left:50%;
	width:460px;
	margin-left:145px;
	color:#FFF;
}

/* TEXTBOX de email */
.textboxstyle {
	font-family:ConduitITC-Light, ARIAL;
	color:#FFFFFF;
	height:1.7em;
	width:236px;
	border:none;
	font-size:1.3em;
	line-height:1.3em;
	background:transparent;
	background-image:url('../images/input-field.png');
	background-repeat: no-repeat;
	background-position: center left;
	padding-left:10px;
	margin-right:30px;
}

/* SUBMIT BUTTON para envio do contato de email */
.button {
	margin-left:-62px;
	position:absolute;
	height:34px;
	width:25px;
	border:0px none;
	cursor:pointer;
	cursor:hand;
	background-image:url('../images/semsentido.png');
	background-repeat: no-repeat;
}

/* DIV CONTAINER do logotipo */
.header {
	left:0;
	right:0;
	background-color:#FFFFFF;
	position:absolute;
	height:120px;
	text-align:center;
	
}

/* ALINHAMENTO DO LOGOTIPO */
.image_logo {
	margin-top:22px;
}

/* IMAGEM DO IPAD */
.ipad {
	position:fixed;
	top:50px;
	left:50%;
	margin-left:-475px;
}

/* BARRA BRANCA DO LOGOTIPO */
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
}

/* BACKGROUND do SITE */
.background-logo { background: #23002d url(../images/bg_paginageral.gif) top center no-repeat;
}

/* Estilo da mensagem de erro */
.messages {
	font-family:ConduitITC-Light, ARIAL;
	color:#FF0000;
	font-size:16px;
	position:fixed;
	top:535px;
	left:50%;
	margin-left:150px;
	z-index:1;
	width:250px;
}

/* Estilo da janela modal */
.modal_paragraph {
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
}

.modal_title_yellow {
	font-family:ConduitITC-Bold, ARIAL;
	color:#ffb900;
	font-size:14px;
	margin-left:35px;
}

.modal_title_grey {
	font-family:ConduitITC-Bold, ARIAL;
	color:#b1b1b1;
	font-size:14px;
	margin-left:35px;
}

.button_modal {
	background-image:url('../images/botao_confirmacaptcha.png');
	background-repeat: no-repeat;
	background-position: center left;
	background-color:#FFF;
	height:5em;
	width:185px;
	border: 0px hidden #000;
	cursor:hand;
	margin-left:27px;
	margin-top:30px;
}
.button_modal:active {
	background-image:url('../images/botao_confirmacaptcha_clicado.png');
	background-repeat: no-repeat;
	background-position: center left;
	background-color:#FFF;
	height:5em;
	width:185px;
	border: 0px hidden #000;
	cursor:hand;
	margin-left:27px;
	margin-top:30px;
}

/*********************************************************** 
FONTES UTILIZADAS NO SITE
************************************************************/

/* PARA IE */

/* Para outros navegadores */
@font-face {  
	font-family: 'ConduitITC-Bold';  
	src: url('ConduitITC-Bold.eot');  
	src: local('ConduitITC-Bold'),  
		url('ConduitITC-Bold.ttf') format('truetype');
}

@font-face {  
	font-family: 'ConduitITC-Light';  
	src: url('ConduitITC-Light.eot');  
	src: local('ConduitITC-Light'),  
		url('ConduitITC-Light.ttf') format('truetype');
}