@charset "utf-8";


#top {
	position:fixed;
	width:100%;
	height: 129px;
	background:url(images/bg_topo.jpg) repeat;
	z-index: 100;
}

.top {
	position:relative;
	margin:auto;
	width: 960px;
	height: 119px;
}

#logo {
	position:absolute;
	left: 8px;
	top: 14px;
	width: 189px;
	height: 103px;
}

#fone {
	position:absolute;
	left: 678px;
	top: 70px;
	width: 182px;
	height: 38px;
	z-index: 100;
}


#atendimento {
    background:url(images/atendimento.png) top no-repeat;
	position:absolute;
	font-size:28px;
	color:#322965;
	width: 634px;
	height: 124px;
	left: 318px;
	top: 4px;
	line-height: 28px;
	text-shadow:0px 1px 0px #ffffff;
}
.chat a{
	display:block;
	background:url(images/chat.jpg) top no-repeat;
	position:absolute;
	width: 182px;
	height:31px;
	left: 678px;
	top: 70px;
	z-index: 100;
}

.chat a:hover{
	background:url(images/chat.jpg) bottom no-repeat;
}


#headline span {
    font-family: 'futura_lt_btlight';
	font-size:24px;
}


#banner {
	width:100%;
	height: 430px;
	background:url(images/banner.jpg) top no-repeat;
	padding-top: 120px;
	
}

.banner {
	margin:auto;
	position:relative;
	width:960px;
	height: 430px;
}

.valor {
  background: url(images/rs.jpg) #ffffff no-repeat;
  padding: 0px 0px 0px 40px;
  width: 240px;
}


#content {
	position:relative;
	margin:auto;
	width: 960px;
	height: 280px;
}

#api {
	position:relative;
	margin:auto;
	width: 960px;
	height: 405px;
	margin-left:161px;
}


#rodape {
	width: 100%;
	height: 70px;
	background:#CCC;
}

.rodape {
	position:relative;
	margin:auto;
	width: 960px;
	height:70px;
	background-color:  #CCC;
}

.footer {
	margin:60px 0px 0px 0px;
	padding: 20px 0px 0px 130px;
	background:url(images/selo.png) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:10px;	
}


#fomulario{
	position:fixed;
	z-index:100;
	background: #54a7af;
	width: 285px;
	height: 409px;
	padding: 0px 10px 0px 10px;
	margin: 20px 0px 0px 650px;
}

.calltoaction {
	font-family: 'arial';
	font-weight:bold;
	font-size:22px;
	color:#ffffff;
	text-align:center;
	margin-top: 15px;
	margin-bottom: 10px;
	background: #387e85;
	padding-top:10px;
	height:63px;
}

.calltoaction span{
	font-family: 'arial';
	font-size:23px;
	color:#b5e0f1;
	text-align:center;
}

input {	
    font-family:Arial, Helvetica, sans-serif;	
	color:#666;
	font-size:12px;
	padding-left:10px;
	width: 272px; 
	height:30px;
	border: 1px solid #c9c9c9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3x;
    background: #FFF;
}

select{	
    font-family:Arial, Helvetica, sans-serif;	
	color:#666;
	font-size:12px;
	padding-left:8px;
	width: 290px; 
	height:30px;
	border: 1px solid #c9c9c9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3x;
    background: #FFF;
}



.input {
	height: 40px;
	width: 260px;	
}

.bt {
	height: 64px;
	width: 271px;
	margin-top: 45px;
	margin-left: 3px;
}

.input_big {
	height:43px;
}

.input_left {
	width: 110px;
    height:43px;
	float:left;
	margin-right:36px;
}	


.input_right {
	width: 110px;
    height:43px;
	float:left;
}	


#btn_submit {
    background:  url(images/bt.png) top center no-repeat;
	height: 64px;
	width: 271px;
    border: none;
    text-align: center;
}
#btn_submit:hover {
background: url(images/bt.png) bottom center no-repeat;
}


.bloco_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	width: 135px; 
	height: 80px;
	color: #322965;
	text-align:center;
}

#title-carta {
	position:absolute;
    font-family: 'futura_lt_btlight';
	font-size:25px;
	color:#222f60;
	left: 4px;
	top: 192px;
	width: 626px;
	height: 39px;
}

#title-carta span {
    font-family: 'futura_hv_btheavy';
}

.carta-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	width: 121px;
	height: 80px;
	color: #666666;
	text-align:center;

}


 

.sucesso {
	font-family: 'futura_hv_btheavy';
	font-size:25px;
	color:#ffffff;
	text-align:center;
	margin-top: 45px;
	margin-bottom: 10px;
	height:63px;
}

.sucesso span{
	font-family: 'futura_hv_btheavy';
	font-size:23px;
	color:#b5e0f1;
	text-align:center;
}