*, *:before, *:after{ 
	margin:0; 
	padding:0; 
	outline:0;
	
	font-size:1em;
	font-family:'Lato', sans-serif;
	
	line-height:1.2; /*ALTURA DAS LINHAS*/
	letter-spacing:0em; /*ESPAÇAMENTO ENTRE OS CATACTERES*/
	vertical-align:middle; /*TODO ELEMENTO QUE PERMITIR ALINHAMENTO VERTICAL, VAI CENTRALIZAR O CONTENT*/
	
	box-sizing:border-box;	
	-moz-box-sizing:border-box;	
	-webkit-box-sizing:border-box;	
}

.pc_display_none{
	display:none ;
}
	

body{ background-color:#fbfbfb; }
h1{ font-size:2em; font-weight:300; }
h2{ font-size:1.8em; font-weight:400; }
h3{ font-size:1.5em; font-weight:500; }
p{ margin-bottom:15px; }
p:last-child{ margin-bottom:0; }
mark{ padding:5px 10px; background-color:#eee;}
ul{ list-style:none; } 
img{ border:none;  }
small{ font-size:0.75em; color:#FFF; }
a{ text-decoration:none; }
a img{ border:0; }

/*FORMS*/
.form-field{ display:block; margin-bottom:10px; font-size:1.1em; }
.form-legend{ font-size:1.6em; font-weight:normal; margin-bottom:20px; padding-bottom:10px; border-bottom:1px dotted #555; }

label{ display:block; margin-bottom:15px; }
input, 
textarea, 
select{ padding:15px; /*border:1px solid #CCC;*/ border:0; width:100%; color:#555;}
input[type="submit"],
input[type="reset"],
button{ width:auto; margin-top:10px; }
input[type="color"]{ height:40px; cursor:pointer;}

:required{}
:invalid{}
label input:valid{background: #fff; border-color: #59aa66}

.form-check .form-field{ margin-bottom:15px; }
.form-check  label{ display:inline-block; margin-right:30px; padding:8px 15px 10px 15px; background:#fbfbfb; cursor:pointer;}
.form-check  input { float:left ;width:auto; margin:4px 10px 0 0; cursor:pointer;}

/*BACKGROUND*/
.bg-body{ background-color:#FBFBFB; color:#333;	}
.bg-gray{ background-color:#222; color:#FFF;	}
.bg-black{ background-color:#000; color:#FFF;	}
.bg-light{ background-color:#f3f2f1; color:#444; }	
.bg-branco{ background-color:#FFF; color:#000; }		
.bg-azulmax{ background-color:#0A1A28; color:#FFF; }		
.bg-azulescuromax{ background-color:#040C13; color:#FFF; }		
.bg-vermelhomax{ background-color:#D1232A; color:#FFF; }		
.bg-video{  color:#FFF; }	

/*FONT WEIGHT*/
.fontlight{ font-weight:lighter; }
.font100{ font-weight:100 !important; }
.font300{ font-weight:300 !important; }
.font400{ font-weight:400 !important; }
.font700{ font-weight:700 !important; }

/*FONT SIZE*/
.fontzero{ font-size:0em !important; }
.fontsize1{ font-size:1em; }
.fontsize1b{ font-size:1.5em; }
.fontsize2{ font-size:2em; }
.fontsize2b{ font-size:2.5em; }
.fontsize3{ font-size:3em; }
.fontsize3b{ font-size:3.5em; }

/*CONTAINER*/ 
.container{	float:left;	width:100%;	}
.content{ width:1070px; margin:0 auto; padding:40px 0; }
.content-page{ padding:60px 0; }
.content-page15{ padding:15px 0; }
.content-page20{ padding:20px 0; }
.content-page30{ padding:30px 0; }
.content-page50{ padding:50px 0; }
.content-page60{ padding:60px 0; }
.content-page70{ padding:70px 0; }
.content-zero{ padding:0; }

.sectiontitle{ float:left; width:100%; margin-bottom:30px;  text-align:center; }
.sectiontitle h1{ font-size:2.4em;  font-weight:300; margin-bottom:10px; }
.sectiontitle .tagline{ font-size:1.4em;  font-weight:300; }
.sectiontitle-nomargin, .articletitle-nomargin{ margin:0 !important; }

/*HELPERS*/
.uppercase{ text-transform:uppercase; }
.textshadow{ text-shadow:1px 2px 0 #000; }
.boxshadow{ box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3); -webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3); }
.radius{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.round{ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
.last{ margin-right:0 !important; }
.clear{	clear:both;	}	

/*TEXT ALIGN*/
.al-left{ text-align:left; }
.al-right{ text-align:right; }
.al-center{ text-align:center; }

/*FLOAT*/
.fl-left{ float:left !important; }
.fl-right{ float:right !important; }
.fl-none{ float:none !important; }

/*DISPLAY*/
.ds-block{ display:block; }
.ds-inblock{ display:inline-block; }
.ds-inline{ display:inline; }
.ds-none{ display:none; }

/*BOX*/
.box{ width:auto; float:left; }
.box-line{ float:left; width:100%; }

.box-small{ width:22.75%; margin-right:3%; }
.box-medium{ width:30%; margin-right:5%; }
.box-large{ width:46.5%; margin-right:7%; }
.box-full{ width:100%; margin:0; }
.box-forthree{ width:64%; }
.box-forthreesmall{ width:30%; }

/*VIDEO*/
.video{ width:100%; margin:0; }
.video-small{ width:40%; margin:0 30%; }
.video-medium{ width:60%; margin:0 20%; }
.video-large{ width:80%; margin:0 10%; }

/*BOTÕES*/
.btn{
	display:inline-block;
	padding:10px 20px;
	background:#333;
	border:1px solid #222;
	color:#FFF !important;
	
	font-size:1em;
	font-weight:400;
	cursor:pointer;
	
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	}
.btn:hover{ text-decoration:none !important; }	
.btn-small{ font-size:0.80em; padding:5px 15px; }
.btn-medium{ font-size:1.3em; padding:18px 30px; }
.btn-big{ font-size:1.8em; padding:20px 40px; }

.btn-blue{ background-color:#59aed1; border-color:#4e99b7; }
.btn-blue:hover{ background-color:#64c3ea; border-color:#59aed1; }

.btn-green{ background-color:#85B200; border-color:#85B200 !important; }
.btn-green:hover{ background-color:#709500; border-color:#85B200 !important; }

.btn-yellow{ background-color:#d1be5a; border-color:#b7a64e; }
.btn-yellow:hover{ background-color:#d1bd59; border-color:#d1be5a; }

.btn-red{ background-color:#A51B22; border-color:#8C171E; }
.btn-red:hover{ background-color:#8C171E; border-color:#A51B22 }

.btn-redmax{ background-color:#D1232A; border-color:#A51B22; }
.btn-redmax:hover{ background-color:#A51B22; border-color:#D1232A; }

/*TRIGGER*/
.trigger{ float:left; width:100%; padding:25px; font-size:1.2em; }
.trigger-top{ margin:0 0 30px 0; }
.trigger-bottom{ margin:30px 0 0 0; }

.trigger-accept{ background-color:#accc9a; color:#6b7f60; }
.trigger-infor{ background-color:#9ab7cc; color:#60727f; }
.trigger-alert{ background-color:#c6b247; color:#776b2b; }
.trigger-error{ background-color:#e69f9f; color:#996a6a; }

/*SHORT ICONS*/
.shorticon{ padding-left:7%; background-position:center left; background-repeat:no-repeat; background-size:auto 96%; }
.shorticon-sectiontitle{ padding-left:60px; }
.shorticon-legendtitle{ padding-left:40px; }

.shorticon-facebook{ background-image:url(icons/facebook.png); }
.shorticon-twitter{ background-image:url(icons/twitter.png); }
.shorticon-google{ background-image:url(icons/google.png); }


/**
*** Seta para ESQUERDA
**/
.seta-esquerda:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0; 
  height: 0; 

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; 
  border-right: 5px solid blue; 
}

/**
*** Seta para DIREITA
**/
.seta-direita:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0; 
  height: 0; 

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid green;
}

/**
*** Seta para CIMA
**/
.seta-cima:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0; 
  height: 0; 

  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}

/**
*** Seta para BAIXO
**/
.seta-baixo:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0;
  width: 0; 
  height: 0; 
  margin-top:-9px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #040C13;
}

/**
*** Seta para BAIXO ORÇAMENTO
**/
.seta-baixo-vermelha:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0;
  width: 0; 
  height: 0; 
  margin-top:-9px;
  border-left: 180px solid transparent;
  border-right: 180px solid transparent;
  border-top: 20px solid #D1232A;
}

/**
*** Seta para BAIXO Sidebar
**/
.seta-baixo-sidebar:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0;
  width: 0; 
  height: 0; 
  margin-top:-9px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #0A1A28;
  margin-left:16px;
} 


/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*------------------VERSÃO RESPONSIVA-------------------*/
/*------------------------------------------------------*/
/*------------------------------------------------------*/

@media screen and (max-width:979px){
	

	
*, *:before, *:after{ 
	margin:0; 
	padding:0; 
	outline:0;
	
	font-family:'Lato', sans-serif;
	font-size:1em;
	
	line-height:1.2; /*ALTURA DAS LINHAS*/
	letter-spacing:0em; /*ESPAÇAMENTO ENTRE OS CATACTERES*/
	vertical-align:middle; /*TODO ELEMENTO QUE PERMITIR ALINHAMENTO VERTICAL, VAI CENTRALIZAR O CONTENT*/
	
	box-sizing:border-box;	
	-moz-box-sizing:border-box;	
	-webkit-box-sizing:border-box;	
}

/*HELPES RESPONSIVOCS*/
.resp_display_none{ 
	display:none !important;
}
.resp_al-center{
	text-align:center;
}

.pc_display_none{
	display:table;
}

body{ background-color:#fbfbfb; }
h1{ font-size:2em; font-weight:300; }
h2{ font-size:1.8em; font-weight:400; }
h3{ font-size:1.5em; font-weight:500; }
p{ margin-bottom:15px; }
p:last-child{ margin-bottom:0; }
mark{ padding:5px 10px; background-color:#eee;}
ul{ list-style:none; }
img{ float:left; border:none;  }
small{ font-size:0.75em; color:#FFF; }
a{ text-decoration:none; }
a img{ border:0; }

/*FORMS*/
.form-field{ display:block; margin-bottom:10px; font-size:1.1em; }
.form-legend{ font-size:1.6em; font-weight:normal; margin-bottom:20px; padding-bottom:10px; border-bottom:1px dotted #555; }

label{ display:block; margin-bottom:15px; }
input, 
textarea, 
select{ padding:15px; /*border:1px solid #CCC;*/ border:0; width:100%; color:#555;}
input[type="submit"],
input[type="reset"],
button{ width:auto; margin-top:10px; }
input[type="color"]{ height:40px; cursor:pointer;}

:required{}
:invalid{}
label input:valid{background: #fff; border-color: #59aa66}

.form-check .form-field{ margin-bottom:15px; }
.form-check  label{ display:inline-block; margin-right:30px; padding:8px 15px 10px 15px; background:#fbfbfb; cursor:pointer;}
.form-check  input { float:left ;width:auto; margin:4px 10px 0 0; cursor:pointer;}

/*BACKGROUND*/
.bg-body{ background-color:#FBFBFB; color:#333;	}
.bg-gray{ background-color:#222; color:#FFF;	}
.bg-black{ background-color:#000; color:#FFF;	}
.bg-light{ background-color:#f3f2f1; color:#444; }	
.bg-branco{ background-color:#FFF; color:#000; }		
.bg-azulmax{ background-color:#0A1A28; color:#FFF; }		
.bg-azulescuromax{ background-color:#040C13; color:#FFF; }		
.bg-vermelhomax{ background-color:#D1232A; color:#FFF; }		
.bg-video{  color:#FFF; }	

/*FONT WEIGHT*/
.fontlight{ font-weight:lighter; }
.font100{ font-weight:100 !important; }
.font300{ font-weight:300 !important; }
.font400{ font-weight:400 !important; }
.font700{ font-weight:700 !important; }

/*FONT SIZE*/
.fontzero{ font-size:0em !important; }
.fontsize1{ font-size:1em; }
.fontsize1b{ font-size:1.5em; }
.fontsize2{ font-size:2em; }
.fontsize2b{ font-size:2.5em; }
.fontsize3{ font-size:3em; }
.fontsize3b{ font-size:3.5em; }

/*CONTAINER*/ 
.container{	width:100% !important;	}
.content{ width:80%; margin:0 auto; padding:40px 0; }
.content-page{ padding:60px 0; }
.content-page15{ padding:15px 0; }
.content-page20{ padding:20px 0; }
.content-page30{ padding:30px 0; }
.content-page50{ padding:50px 0; }
.content-page60{ padding:60px 0; }
.content-page70{ padding:70px 0; }
.content-zero{ padding:0; }

.sectiontitle{ float:left; width:100%; margin-bottom:30px;  text-align:center; }
.sectiontitle h1{ font-size:2.4em;  font-weight:300; margin-bottom:10px; }
.sectiontitle .tagline{ font-size:1.4em;  font-weight:300; }
.sectiontitle-nomargin, .articletitle-nomargin{ margin:0 !important; }

/*HELPERS*/
.uppercase{ text-transform:uppercase; }
.textshadow{ text-shadow:1px 2px 0 #000; }
.boxshadow{ box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3); -webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3); }
.radius{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.round{ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
.last{ margin-right:0 !important; }
.clear{	clear:both;	}	

/*TEXT ALIGN*/
.al-left{ text-align:left; }
.al-right{ text-align:right; }
.al-center{ text-align:center; }

/*FLOAT*/
.fl-left{ float:left !important; }
.fl-right{ float:right !important; }
.fl-none{ float:none !important; }

/*DISPLAY*/
.ds-block{ display:block; }
.ds-inblock{ display:inline-block; }
.ds-inline{ display:inline; }
.ds-none{ display:none; }

/*BOX*/
.box{ width:auto; float:left; }
.box-line{ float:left; width:100%; }
.box_resp{ float:none; }
.box-forthree{ width:100%; }
.box-medium{ width:100%; }
.box-large{ width:100%; } 

/*VIDEO*/
.video{ width:100%; margin:0; }
.video-small{ width:40%; margin:0 30%; }
.video-medium{ width:60%; margin:0 20%; }
.video-large{ width:80%; margin:0 10%; }

/*BOTÕES*/
.btn{
	display:inline-block;
	padding:10px 20px;
	background:#333;
	border:1px solid #222;
	color:#FFF !important;
	
	font-size:1em;
	font-weight:400;
	cursor:pointer;
	
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	}
.btn:hover{ text-decoration:none !important; }	
.btn-small{ font-size:0.80em; padding:5px 15px; }
.btn-medium{ font-size:1.3em; padding:18px 30px; }
.btn-big{ font-size:1.8em; padding:20px 40px; }

.btn-blue{ background-color:#59aed1; border-color:#4e99b7; }
.btn-blue:hover{ background-color:#64c3ea; border-color:#59aed1; }

.btn-green{ background-color:#85B200; border-color:#85B200 !important; }
.btn-green:hover{ background-color:#709500; border-color:#85B200 !important; }

.btn-yellow{ background-color:#d1be5a; border-color:#b7a64e; }
.btn-yellow:hover{ background-color:#d1bd59; border-color:#d1be5a; }

.btn-red{ background-color:#A51B22; border-color:#8C171E; }
.btn-red:hover{ background-color:#8C171E; border-color:#A51B22 }

.btn-redmax{ background-color:#D1232A; border-color:#A51B22; }
.btn-redmax:hover{ background-color:#A51B22; border-color:#D1232A; }

/*TRIGGER*/
.trigger{ float:left; width:100%; padding:25px; font-size:1.2em; }
.trigger-top{ margin:0 0 30px 0; }
.trigger-bottom{ margin:30px 0 0 0; }

.trigger-accept{ background-color:#accc9a; color:#6b7f60; }
.trigger-infor{ background-color:#9ab7cc; color:#60727f; }
.trigger-alert{ background-color:#c6b247; color:#776b2b; }
.trigger-error{ background-color:#e69f9f; color:#996a6a; }

/*SHORT ICONS*/
.shorticon{ padding-left:7%; background-position:center left; background-repeat:no-repeat; background-size:auto 96%; }
.shorticon-sectiontitle{ padding-left:60px; }
.shorticon-legendtitle{ padding-left:40px; }

.shorticon-facebook{ background-image:url(icons/facebook.png); }
.shorticon-twitter{ background-image:url(icons/twitter.png); }
.shorticon-google{ background-image:url(icons/google.png); }


/**
*** Seta para ESQUERDA
**/
.seta-esquerda:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0; 
  height: 0; 

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; 
  border-right: 5px solid blue; 
}

/**
*** Seta para DIREITA
**/
.seta-direita:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0; 
  height: 0; 

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid green;
}

/**
*** Seta para CIMA
**/
.seta-cima:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0; 
  height: 0; 

  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}

/**
*** Seta para BAIXO Depoimentos
**/
.seta-baixo:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0;
  width: 0; 
  height: 0; 
  margin-top:-9px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #040C13;
}

/**
*** Seta para BAIXO ORÇAMENTO
**/
.seta-baixo-vermelha:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0;
  width: 0; 
  height: 0; 
  margin-top:-9px;
  border-left: 180px solid transparent;
  border-right: 180px solid transparent;
  border-top: 20px solid #D1232A;
}	
	
}