@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

#site { 
	width:100%;
	float:left;
	overflow-x:hidden;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow-x:hidden;
	background-color:#FFFFFF;
}

input[type=button], input[type=text], input[type=file], input[type=password], input[type=submit], textarea, select {
	-moz-border-radius:2px; 
	-webkit-border-radius:2px; 
	border-radius:2px; 
}

.fundo-bg {
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color:#444444;
}

.imgMarca {
	margin:0 20px 10px 0
}

.texto-link {
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:inherit;
}

.texto-link a:link { text-decoration: none }
.texto-link a:visited { text-decoration: none }
.texto-link a:hover {text-decoration: underline; color: #000000; }
.texto-link a:active { text-decoration: none }

.texto-12 {
	color : #000000;
	font-size : 12px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
}

.texto-12 a:link { text-decoration: none }
.texto-12 a:visited { text-decoration: none }
.texto-12 a:hover {text-decoration: underline; color: #000000; }
.texto-12 a:active { text-decoration: none }

.texto-11 {
	color : #000000;
	font-size : 11px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
}

.texto-11 a:link { text-decoration: none }
.texto-11 a:visited { text-decoration: none }
.texto-11 a:hover {text-decoration: underline; color: #000000; }
.texto-11 a:active { text-decoration: none }

.texto-14 {
	color : #000000;
	font-size : 14px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
}

.texto-14 a:link { text-decoration: none }
.texto-14 a:visited { text-decoration: none }
.texto-14 a:hover {text-decoration: underline; color: #000000; }
.texto-14 a:active { text-decoration: none }

.texto-14-nav {
	color : #A5A58F;
	font-size : 14px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
}

.texto-14-nav a:link { text-decoration: none }
.texto-14-nav a:visited { text-decoration: none }
.texto-14-nav a:hover {text-decoration: underline; color: #7B7B64; }
.texto-14-nav a:active { text-decoration: none }

.texto-16 {
	color : #000000;
	font-size : 16px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
}

.texto-16 a:link { text-decoration: none }
.texto-16 a:visited { text-decoration: none }
.texto-16 a:hover {text-decoration: underline; color: #000000; }
.texto-16 a:active { text-decoration: none }

.texto-18 {
	color : #000000;
	font-size : 18px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
}

.texto-18 a:link { text-decoration: none }
.texto-18 a:visited { text-decoration: none }
.texto-18 a:hover {text-decoration: underline; color: #000000; }
.texto-18 a:active { text-decoration: none }

.texto-20 {
	color : #000000;
	font-size : 20px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
}

.texto-20 a:link { text-decoration: none }
.texto-20 a:visited { text-decoration: none }
.texto-20 a:hover {text-decoration: underline; color: #000000; }
.texto-20 a:active { text-decoration: none }

.texto-titulo {
	color : #CD262A;
	font-size : 30px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	font-weight:bold
}

.texto-titulo a:link { text-decoration: none }
.texto-titulo a:visited { text-decoration: none }
.texto-titulo a:hover {text-decoration: underline; color: #990000; }
.texto-titulo a:active { text-decoration: none }

.texto-11-branco {
	color : #FFFFFF;
	font-size : 11px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
}

.texto-11-branco a:link { text-decoration: none }
.texto-11-branco a:visited { text-decoration: none }
.texto-11-branco a:hover {text-decoration: underline; color: #FFFFFF; }
.texto-11-branco a:active { text-decoration: none }

.texto-12-branco {
	color : #FFFFFF;
	font-size : 12px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
}

.texto-12-branco a:link { text-decoration: none }
.texto-12-branco a:visited { text-decoration: none }
.texto-12-branco a:hover {text-decoration: underline; color: #FFFFFF; }
.texto-12-branco a:active { text-decoration: none }

.texto-14-branco {
	color : #FFFFFF;
	font-size : 14px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
}

.texto-14-branco a:link { text-decoration: none }
.texto-14-branco a:visited { text-decoration: none }
.texto-14-branco a:hover {text-decoration: underline; color: #FFFFFF; }
.texto-14-branco a:active { text-decoration: none }

.texto-14-verde {
	color : #84C326;
	font-size : 14px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
}

.texto-14-verde a:link { text-decoration: none }
.texto-14-verde a:visited { text-decoration: none }
.texto-14-verde a:hover {text-decoration: underline; color: #84C326; }
.texto-14-verde a:active { text-decoration: none }


.texto-16-branco {
	color : #FFFFFF;
	font-size : 16px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
}

.texto-16-branco a:link { text-decoration: none }
.texto-16-branco a:visited { text-decoration: none }
.texto-16-branco a:hover {text-decoration: underline; color: #FFFFFF; }
.texto-16-branco a:active { text-decoration: none }

.texto-18-branco {
	color : #FFFFFF;
	font-size : 18px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
}

.texto-18-branco a:link { text-decoration: none }
.texto-18-branco a:visited { text-decoration: none }
.texto-18-branco a:hover {text-decoration: underline; color: #FFFFFF; }
.texto-18-branco a:active { text-decoration: none }

.texto-20-branco {
	color : #FFFFFF;
	font-size : 20px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
}

.texto-20-branco a:link { text-decoration: none }
.texto-20-branco a:visited { text-decoration: none }
.texto-20-branco a:hover {text-decoration: underline; color: #FFFFFF; }
.texto-20-branco a:active { text-decoration: none }

.boxe{
	border-collapse: collapse;
	padding-left: 1;
	padding-right: 1;
	padding-top: 1;
	padding-bottom: 1;
}

.campo-form {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#FFFFFF; 
	color:#333333; 
	border:1px solid #CCCCCC; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	white-space:nowrap;
}

.fundoCampoPadrao {
	background-color:#FFFFFF; 
	color:#333333; 
}

.botao-branco {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#FFFFFF; 
	color:#333333; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	white-space:nowrap;
	cursor:pointer;
	width:auto; 
	overflow:visible;
}

.botao-vermelho {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#CC0000; 
	color:#ffffff; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	white-space:nowrap;
	cursor:pointer;
	width:auto; 
	overflow:visible;
}

.botao-padrao-site {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#F09C22; 
	color:#000000; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	white-space:nowrap;
	cursor:pointer;
	width:auto; 
	overflow:visible;
}

.botao-padrao {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	white-space:nowrap;
	cursor:pointer;
	width:auto; 
	overflow:visible;
}


.botao-padrao2 {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	white-space:nowrap;
	cursor:pointer;
	width:auto; 
	overflow:visible;
	background-color:#000000;
	color:#FFFFFF;
}


.botao-logo {
	padding:8px 10px 8px 10px 15px 10px 15px;
	font-size:22px; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	white-space:nowrap;
	cursor:pointer;
	width:auto; 
	overflow:visible;
}


.botao-verde {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#006600; 
	color:#FFFFFF; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	cursor:pointer;
	white-space:nowrap;
	width:auto; 
	overflow:visible;
}


.botao-vermelho-logo {
	padding:12px 20px 12px 20px; 
	font-size:22px; 
	background-color:#CC0000; 
	color:#FFFFFF; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	cursor:pointer;
	white-space:nowrap;
	width:auto; 
}

.botao-azul-logo {
	padding:12px 20px 12px 20px; 
	font-size:22px; 
	background-color:#000000; 
	color:#FFFFFF; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	cursor:pointer;
	white-space:nowrap;
	width:auto; 
}

.botao-branco-logo {
	padding:12px 20px 12px 20px; 
	font-size:22px; 
	background-color:#FFFFFF; 
	color:#F7B20C; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	cursor:pointer;
	white-space:nowrap;
	width:auto; 
}

.botao-preto {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#000000; 
	color:#FFFFFF; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	white-space:nowrap;
	cursor:pointer;
	width:auto; 
	overflow:visible;
}

.botao-cinza {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#555555; 
	color:#FFFFFF; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	white-space:nowrap;
	cursor:pointer;
	width:auto; 
	overflow:visible;
}


.botao-cinza2 {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#F9F9F9; 
	color:#000000; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	white-space:nowrap;
	cursor:pointer;
	width:auto; 
	overflow:visible;
}


.botao-cor-logo {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#F09C22; 
	color:#000000; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	white-space:nowrap;
	cursor:pointer;
	width:auto; 
	overflow:visible;
}


.box-amarelo {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#FFFF00; 
	color:#FFFFFF; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	width:auto; 
	overflow:visible;
}

.box-vermelho {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#cc0000; 
	color:#FFFFFF; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	width:auto; 
	overflow:visible;
}

.box-333333 {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#333333; 
	color:#FFFFFF; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	width:auto; 
	overflow:visible;
}

.box-preto {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#000000; 
	color:#ffffff; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	width:auto; 
	overflow:visible;
}

.box-cor-logo {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#000000; 
	color:#ffffff; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	width:auto; 
	overflow:visible;
}

.box-azul {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#000000; 
	color:#ffffff; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	width:auto; 
	overflow:visible;
}

.box-menu {
	padding:15px 10px 15px 10px; 
	font-size:14px; 
	color:#000000; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	white-space:nowrap;
	width:auto; 
	overflow:visible;
}

input[type=text] {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#FFFFFF; 
	color:#333333; 
	border:1px solid #CCCCCC; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
}

input[type=file] {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#FFFFFF; 
	color:#333333; 
	border:1px solid #CCCCCC; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
}

input[type=password] {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#FFFFFF; 
	color:#333333; 
	border:1px solid #CCCCCC; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
}

textarea {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#FFFFFF; 
	color:#333333; 
	border:1px solid #CCCCCC; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
}

select {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#FFFFFF; 
	color:#333333; 
	border:1px solid #CCCCCC; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
}


.botao-ger {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background-color:#C5C5B8;
	color:#333333; 
	border:0px; 
	font-family:"Roboto", Arial, Helvetica, sans-serif; 
	white-space:nowrap;
	cursor:pointer;
	width:auto; 
	overflow:visible;
}


.botao-branco-2 {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background: #F9F9F9;
	color:#333333;
	border-bottom:1px solid #B1B19E;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	white-space:nowrap;
	cursor:pointer;
	width:auto; 
	overflow:visible;
}

.botao-branco-2:hover {
	background: #F09C22;
	color:#000000; 
}

.botao-vermelho-2 {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background: #F09C22;
	color:#000000;
	border-bottom:1px solid #B1B19E;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	white-space:nowrap;
	cursor:pointer;
	width:auto; 
	overflow:visible;
}

.botao-vermelho-2:hover {
	background: #F09C22;
	color:#000000; 
}

.botao-branco-3 {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background: #333333;
	border:0px;
	white-space:nowrap;
	cursor:pointer;
	width:auto; 
	text-shadow: 1px 2px #111111;
}

.botao-branco-3:hover {
	background: #111111;
}


.arredondado {
	-moz-border-radius:2px; 
	-webkit-border-radius:2px; 
	border-radius:2px; 
}

.naoArredondado {
	-moz-border-radius:0px; 
	-webkit-border-radius:0px; 
	border-radius:0px; 
}


.box-cinza {
	padding:8px 10px 8px 10px; 
	font-size:16px; 
	background: #000000;
	background-image: -webkit-linear-gradient(top, #000000, #723E16);
	background-image: -moz-linear-gradient(top, #000000, #723E16);
	background-image: -ms-linear-gradient(top, #000000, #723E16);
	background-image: -o-linear-gradient(top, #000000, #723E16);
	background-image: linear-gradient(to bottom, #000000, #723E16);	
	color:#333333;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	white-space:nowrap;
	width:auto; 
	overflow:visible;
	text-shadow: 1px 1px #E3E3DD;
}

blink, .blink {
	-webkit-animation: blink .5s step-end infinite;
	-moz-animation: blink .5s step-end infinite;
	-o-animation: blink .5s step-end infinite;
	animation: blink .5s step-end infinite;
}
@-webkit-keyframes blink { 75% { opacity: .40 }}
@-moz-keyframes blink {  75% { opacity: .40 }}
@-o-keyframes blink {  75% { opacity: .40 }}
@keyframes blink {  75% { opacity: .40 }}

.principal_titulo2 { font-size:20px; line-height:20px; margin:0 0 10px 0; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:100; color:#FFFFFF }

@media only screen and (min-width: 769px){
.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 700ms linear;
  -webkit-transition: all 700ms linear;
  -o-transition: all 700ms linear;
  transition: all 700ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
}