/**
* @project Smiles
* @project URI http://www.smiles.com.br/
* @version 2014
* @author Quality software
* @author URI http://www.quality.com.br
*/

/*  --------------------------------------------------
  :: Alinhamentos
  -------------------------------------------------- */

.floatL {
  	float:left;
}

.floatR{
  	float:right !important;
}
.floatC{
  	margin: 0 40%;
}

.floatN{
  	float:none !important;
}

.clearN {
	clear: none !important;
}

.clearB{
	clear: both !important;
}

span.line{
	border-bottom: 1px solid #C8C8C8;
	width: 100%;
	float: left;
	padding: 3px 0 0;
	margin: 0 0 20px 0
}

.marginAuto {
	margin: 30px auto 0 auto;
}

.letterSpacing05 {
	letter-spacing: 5px;
}
.letterSpacing02 {
	letter-spacing: 2px;
}

.lineHeight18{
	line-height: 18px !important;
}

.lineHeight20{
	line-height: 20px !important;
}
.container{
	padding: 10px 10px 0 10px;
}
.w50{
	width: 49%;
	margin: 40px 0px 40px 0px;
}
.w15{
	width: 15%;
	margin: 40px 20px 40px 0px;
}
.w100 {
	width: 100% !important;
}
.p10{
	padding: 0px 10px;
}

.margin0 {
	margin: 0 !important;
}

.mRight10{
	margin: 0 10px 0 0;
	float: left;
}

.mgnRight20{
	margin: 0 20px 0 0;
}

.mRight20{
	margin: 20px 0px;
	float: right;
}

.mLeft9{
	margin: 0 0 0 9px;
}

.mLeft10{
	margin: 0 0 0 10px;
}

.mLeft20 {
  margin-left: 20px; 
}

.mLeft20Two{
	margin-left: 20px;
}	

.mLeft10{
	margin: 0 0 0 10px;
	float: left;
}	

.mLeft40{
	margin-left: 40px;	
}

.mLeft49{
	margin-left: 49px;	
}

.mLeft73{
margin-left: 73px;
}

.mLeft127{
	margin-left: 127px;	
}

.mLeft150{
	margin-left: 150px !important;	
}

.mLeft167{
	margin-left: 167px;
}

.mLeft169{
	margin-left: 169px;
}

.mLeft171{
margin-left: 171px;
}

.mLeft200{
margin-left: 200px;
}

.mLeft218{
margin-left: 218px;
}

.mBottom0{
	margin-bottom: 0px !important;
}

.mBottom2{
	margin-bottom: 2px !important;
}

.mBottom8{
	margin-bottom: 8px !important;
}

.mBottom30{
	margin: 0 0 30px;
	float: left;
	width: 100%
}
.mBottom20Two{
	margin: 0 0 20px;
}
.mBottom30Two{
	margin: 0 0 30px;
}
.mBottom20{
	margin: 0 0 20px;
	float: left;
	width: 100%
}
.mBottom10{
	margin: 0 0 10px;
	float: left;
	width: 100%
}

.mBottom40{
	margin: 0 0 40px;
}

.mTop42{
	margin-top: 42px;
}

.mBottom45{
	margin: 0 0 45px;
	float: left;
	width: 100%
}
.mBottom45Two{
	margin-bottom: 45px;
}

.mTop0{
	margin-top: 0 !important;
}

.mTop3{
	margin-top: 3px;
}

.mTop5{
	margin: 5px 0 0;
	float: left;
	width: 100%
}
.mTop6{
	margin-top: 6px;
}
.mTop10{
	margin: 10px 0 0;
	float: left;
	width: 100%
}
.mTop10Two{
	margin: 10px 0 0;
}
.mTop15{
	margin: 15px 0 0;
	float: left;
	width: 100%
}

.mTop12{
	margin-top: 12px;
}

.mgnTop15{
	margin-top: 15px;
}

.mTop20{
	margin: 20px 0 0;
	float: left;
	width: 100%
}

.mTop26{
	margin-top: 26px;
}

.mTop30{
	margin: 30px 0 0;
	float: left;
	width: 100%
}
.mTop30Two{
	margin: 30px 0 0;
	float: left;
}
.mTop40{
	margin: 40px 0 0;
	float: left;
	width: 100%
}

.mTop42{
	margin-top: 42px;
}

.mTop50{
	margin-top: 50px !important;
}
.mTop60Two{
	margin-top: 60px !important;
}
.mTop60{
	margin: 60px 0 0;
	float: left;
	width: 100%
}
.mTop100{
	margin: 100px 0 0;
	float: left;
	width: 100%
}
.mTop125{
	margin: 125px 0 0;
	float: left;
	width: 100%
}

.transformUppercase {
	text-transform: uppercase;
}

.transformNone {
	text-transform: none !important;
}

.borderN{
	border: none !important;
}

.box50Left{
	width: 50%;
	float: left;
}
.box50Right{
	width: 50%;
	float: right;
}
.box20Right{
	width: 20%;
	float: right;
}
.box20Left{
	width: 20%;
	float: left;
}
.box40Left{
	width: 40%;
	float: left;

}
.box45Right{
	width: 45%;
	float: right;

}
.box40Right{
	width: 40%;
	float: right;
}
.box30Left{
	width: 30%;
	float: left;
}
.box30Right{
	width: 30%;
	float: right;
}
.box35Left{
	width: 35%;
	float: left;

}
.box60Right{
	width: 60%;
	float: right;
}
.box60Left{
	width: 60%;
	float: left;
}
.box80Left{
	width: 80%;
	float: left;
}
.box100Full{
	width: 100%;
	float: left;
}
.m100{
	margin: 0px 100px
}
 #wrapper {
  	padding: 0;
	width: 1279px;
	margin: 0 auto;
 }
.textIdent{
	text-indent: -999px;
	width: 100%
 }

 .textAlignC {
 	text-align: center;
 }

 .btLink {
 	cursor: pointer;
 }
 
 .displayN{
	display: none;
 }

 .bgWhite {
 	background: #fff !important;
 }

.bgViolet {
 	background: #663399 !important;
 }

 .colorGray {
 	color: #555;
 }

.colorOrange {
 	color: #f47920;
}

.colorWhite {
 	color: #fff !important;
}

.colorViolet {
 	color: #663399;
}

.f30 {
	font-size: 30px;
}

.f35 {
	font-size: 35px;
}

/*  --------------------------------------------------
  :: Corpo
  -------------------------------------------------- */
section.sectionFull{
	width: 1279px;
	height: auto;
	display:table;
	float: left;
}
article.articleFull{
	width: 100%;
	height: auto;
	display:table;
	float: left;
}
article.article950{
	width: 950px;
	height: auto;
	display:table;
	float: left;
}
article.article775{
	width: 775px;
	height: auto;
	display:table;
	float: left;
}
aside.aside310{
	width: 310px;
	height: auto;
	display:table;
	float: right;
}
aside.aside250{
	width: 250px;
	height: auto;
	display:table;
	float: right;
}

/*  --------------------------------------------------
  :: Box Cinza
  -------------------------------------------------- */
.boxGrayFull {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	/* float: left; */
	display:table;
	background: #f6f6f6;
	padding: 30px;
	border-bottom: 2px solid #e5e5e5;
	margin: 0 0 30px 0;
}
.boxGrayFull.noMargin {
	margin: 0;
	border:none;

}
.boxGrayFull.marginTop {
	margin: 30px 0 

}	

div.contentData div.boxGrayFull {
	height: auto;
}

.boxGrayFull span.line {
	float: left;
	width: 100%;
	border-top: 1px solid #e5e5e5;
	border-bottom: none;
	margin: 0;
	height: 1px;
	padding: 15px 0;
}
ul li div.boxGrayFull {
	width: 416px;
	margin: 0px 15px 20px 0px;
}
ul li:last-child div.boxGrayFull {
	margin: 0px 0px 20px 0px;
}
div.boxGrayFull.last{
	margin: 0px 0px 20px 0px;
}
.boxGrayAside {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	float: left;
	display:table;
	background: #f6f6f6;
	padding: 30px;
	border-bottom: 2px solid #e5e5e5;
	margin: 0 
}
.boxGraySilver {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	float: left;
	display:table;
	background: #7f7f7f;
	padding: 30px;
	margin: 0 0 30px 0;
}

.boxGrayLight{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	background: #ececec;
	padding: 30px;
	float: left;
}

.boxAsideFull {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	float: left;
	display:table;
	padding: 15px 40px 10px 0;
	border-bottom: 2px solid #e5e5e5;
	margin: 0 0 30px 0;
}
.boxAsideFull div.boxWhiteA, .boxAsideFull div.boxWhiteB {
	margin: 20px 0px 0px 0px;
}

/*  --------------------------------------------------
  :: Botões
  -------------------------------------------------- */
button.btStandard01{		
	font: italic bold  14px 'arial', sans-serif;
	text-align: center;
	color:#ffffff;
	padding: 0 50px;
	border-radius: 40px;
	height: 45px;
	background: #f47920; 
	float: right;
	clear: both;
}
.btStandard02{	
	font: italic bold  12px 'arial', sans-serif;
	text-align: center;
	color:#ffffff;
	padding: 10px 30px;
	border-radius: 40px;
	background: #f47920;
}
.btStandard03{		
	font: italic bold  14px 'arial', sans-serif;
	text-align: center;
	color:#ffffff;
	padding: 0 50px;
	border-radius: 40px;
	height: 45px;
	clear: both;
	background: #ff9934; 
}
.btStandard04{	
	font: italic bold  12px 'arial', sans-serif;
	text-align: center;
	color:#ffffff;
	clear: both;
	padding: 10px 30px;
	border-radius: 40px;
	background: #ff9934;
}
.btStandard05{	
	font: italic bold  12px 'arial', sans-serif;
	text-align: center;
	color:#ffffff;
	padding: 10px 30px;
	border-radius: 40px;
	background: #ff9934;
}
.btWhite{	
	font: italic bold  14px 'arial', sans-serif;
	text-align: center;
	padding: 0 50px;
	border-radius: 40px;
	height: 45px;
	background: #fff; 
	float: left;
	clear: both;
	border-bottom: 1px solid #ccc;
}
.btWhite02{	
	font: italic bold  14px 'arial', sans-serif;
	text-align: center;
	padding: 0 50px;
	border-radius: 40px;
	height: 45px;
	background: #fff; 
	clear: both;
	border-bottom: 1px solid #ccc
}
.btWhite03{	
	font: italic bold  14px 'arial', sans-serif;
	text-align: center;
	padding: 0 30px;
	border-radius: 40px;
	height: 45px;
	background: #fff; 
	clear: both;
	border-bottom: 1px solid #ccc
}

.btWhite04{	
	font: italic bold  14px 'arial', sans-serif;
	text-align: center;
	padding: 0 40px;
	border-radius: 40px;
	height: 40px;
	background: #fff; 
	clear: both;
	border-bottom: 1px solid #ccc
}
.colorBlue {
	color: #4b9696;
}

.btSilver02{	
	font: italic bold 13px 'arial', sans-serif;
	text-align:center;
	color: #FFFFFF;
	padding: 0 50px;
	border-radius: 40px;
	height: 45px;
	background: #555555;
	width: 100%;
}

.btBlue01{	
	font: italic bold 12px 'arial', sans-serif;
	text-align:left;
	color: #4b9696;
	padding: 0 30px;
	border-radius: 40px;
	height: 45px;
	background: #FFFFFF;
}
.btAqua01{	
	font: italic bold 14px 'arial', sans-serif;
	text-align:left;
	color: #FFFFFF;
	padding: 0 50px;
	border-radius: 40px;
	height: 45px;
	background: #66cccc;
	width: 100%;
}
.btPurple01{	
	font: italic bold 12px 'arial', sans-serif;
	text-align:left;
	color: #FFFFFF;
	padding: 0 50px;
	border-radius: 40px;
	height: 45px;
	background: #993366;
	width: 100%;
}
.btViolet{	
	font: italic bold 14px 'arial', sans-serif;
	text-align:center;
	color: #FFFFFF;
	padding: 0 50px;
	border-radius: 40px;
	height: 45px;
	background: rgb(102,51,152); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(102,51,152,1) 0%, rgba(126,63,177,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(102,51,152,1)), color-stop(100%,rgba(126,63,177,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(102,51,152,1) 0%,rgba(126,63,177,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(102,51,152,1) 0%,rgba(126,63,177,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(102,51,152,1) 0%,rgba(126,63,177,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(102,51,152,1) 0%,rgba(126,63,177,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#663398', endColorstr='#7e3fb1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.btAirplaneOrange{
	background: #f47920;
	border-radius: 40px;
	width: 100%;
	height: 45px;
	float: left;
}
button.btAirplane {	
	background: url(../img/btAirplane.png) no-repeat 0px 0px transparent;	
	width: 100%;
	height: 45px;
	font: bold italic 16px 'arial',sans-serif;
	color: #ffffff;
	text-align: left;
	padding: 0px 0px 0px 80px;
	border-radius: 25px;
	margin: 0px 0px 0px -2px;
}
button.btAccount {	
	background: url(../img/btAccount.png) no-repeat 0px 0px transparent;	
	width: 100%;
	height: 45px;
	font: bold italic 16px 'arial',sans-serif;
	color: #66cccc;
	text-align: left;
	padding: 0px 0px 0px 80px;
	border-radius: 25px;
	margin: 0px 0px 0px -2px;
}
button.btNotNow {	
	background: url(../img/btNotNowOrange.png) no-repeat 0px 0px transparent;	
	width: 100%;
	height: 45px;
	font: bold italic 16px 'arial',sans-serif;
	color: #f47920;
	text-align: left;
	padding: 0px 0px 0px 80px;
	border-radius: 25px;
	margin: 0px 0px 0px -2px;
}
.btComeOnWhite{
	background: #f47920;
	border-radius: 40px;
	width: 100%;
	height: 45px;
	float: left;
}
button.btComeOn {	
	background: url(../img/btComeOnWhite.png) no-repeat 0px 0px transparent;	
	width: 100%;
	height: 45px;
	font: bold italic 16px 'arial',sans-serif;
	color: #ffffff;
	text-align: left;
	padding: 0px 0px 0px 80px;
	border-radius: 25px;
	margin: 0px 0px 0px -2px;
}
.btSecurityAqua{
	background: #40CDCD;
	border-radius: 40px;
	width: 900px;
	height: 45px;
	float: left;
}
button.btSecurity{	
	background: url(../img/btSecurity.png) no-repeat 0px 0px transparent;	
	width: 100%;
	height: 45px;
	font: bold italic 16px 'arial',sans-serif;
	color: #FFFFFF;
	text-align: left;
	padding: 0px 0px 0px 80px;
	border-radius: 25px;
	margin: 0px 0px 0px -2px;
}

/*  --------------------------------------------------
  :: welcome
  -------------------------------------------------- */
  
  
.welcome{
	background: url(../img/bemVindoHome.jpg) no-repeat top center;
	width: 1279px;
	height: 700px;
}
.welcomeText {
	width: 800px;
	height: 40px;
	float: left;
	clear: both;
	margin: 30px 0px 30px 30px;
}
.boxInsideData{
	width: 400px;
	height: auto;
	float: left;
	background: #f6f6f6;
	border-bottom: 2px solid #ddd;
	padding: 30px;
	clear: both;
	margin: 50px 0px 0px 30px;
}
.boxInsideData div.title{
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
	padding: 0px 0px 20px 0px;
}
.fUppercaseWelcome{
	text-transform: uppercase;
	border-bottom: 1px solid #ffffff;
	padding: 10px 0px;
	margin: 0px 0px 20px 0px; 

}
.brandWelcome {
	float: left;
	width: 161px;
	height: 63px;
	text-indent: -9999px;
	background: url(../img/smiles-welcome.png) no-repeat 0 0;
	clear: both;
	margin: 30px;
}
.welcomeForm{
	margin: 30px 0px 0px 0px;
}
.welcomeForm label {
	width: 100%;
	font: bold 12px 'arial', sans-serif;
	color: #555555;
	display: block;
	margin-bottom: 7px;
}
.welcomeForm a {
	width: 100%;
	font: 11px 'arial', sans-serif;
	color: #9e9c9c;
	display: block;
	margin: 10px 0px 20px 0px;
}
.welcomeForm a:hover {
	text-decoration: underline;
}
button.btWelcome01 {
	font: italic bold 14px 'arial', sans-serif;
	text-align: center;
	color: #ffffff;
	padding: 0 90px;
	border-radius: 40px;
	height: 45px;
	background: #f47920;
	margin: 0px 0px 0px 80px;
}
button.btWelcome02 {
	font: italic bold 14px 'arial', sans-serif;
	text-align: center;
	color: #ffffff;
	padding: 0 50px;
	border-radius: 40px;
	height: 45px;
	background: #f47920;
	margin: 0px 0px 0px 80px;
}