@import url("http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700|Sail|Roboto:400,900,100|Open+Sans+Condensed:300,300italic,700|Open+Sans:400");
:root {
  --laranja: #ff9821;
  --amarelo: #FFBF00;
  --corFundo: #282828;
  --corTxt: #ffffff;
  --azul:  #0082D7;
}

html, BODY {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color:#282828;
  }

.flex-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: stretch;
  padding: 0;
  margin: 0;
  list-style: none;
}

.flex-item {
  flex: 1 1 0;
  margin: 20px;
  align-items: flex-start;
}


td.roundTD, .roundTD { /*bottom*/
  -webkit-border-bottom-left-radius: 10px;
	-khtml-border-radius-bottomleft: 10px;	
	-moz-border-radius-bottomleft: 10px;
	
 -webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;	
	-moz-border-radius-bottomright: 10px;
	

  -webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;	
	-moz-border-radius-topleft: 10px;
	
 -webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;	
	-moz-border-radius-topright: 10px;
	
	border-radius: 10px 10px 10px 10px;
}

.wrapper {width:100%; margin:0 auto;}

.resize {width:100%; height:auto;}

.menuGeralBorder {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4C4C4C;
	}

.txt {
 font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 10pt;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1.4;
	color: #ffffff;	
}

.txtPreto { color:#282828;}

.txtLinks, a.txtLinks, a.txtLinks:active, a.txtLinks:visited {
 font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 10pt;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1.4;
	color: #ff9821;
	text-decoration: none;
	
}
a.txtLinks:hover {
	text-decoration: underline;		
}
.subTit {
 font-family: 'Open Sans Condensed', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 14pt;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1.2;
color: #ffffff;
text-transform:uppercase;
}

.tit {
 font-family: 'Open Sans Condensed', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 16pt;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1.2;
	color: #ff9821;
	text-transform:uppercase;
}
.titPage, a.titPageLinks, a.titPageLinks:active, a.titPageLinks:hover, a.titPageLinks:visited {
 font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 100;
font-size: 16pt;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1.2;
	color: #ff9821;
}

.imgBorder { border: solid 1px #ccc;  }

#creditos, a.creditos, a.creditos:active, a.creditos:hover, a.creditos:visited  {
    font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 11px;
	color: #ffffff;
	background-color:#282828;
	height:30px;
	margin:0px auto 0px;
	z-index:1050;
	border:none;
	text-align:center; /* reset align=center */
	bottom:0px;
	text-decoration:none;
	padding-top:15px;
	padding-bottom:10px;
	vertical-align:middle;
}
#rodape {
    font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	font-size: 11px;
	color: #ffffff;
	margin:0;
	z-index:2050;
	border:none;
	text-align:center; /* reset align=center */
	bottom:0;
	text-decoration:none;
	padding:10px;
	vertical-align:middle;
 	width:100%; height:auto;
	position:fixed;
}

#menuTop  {
   	color:#ffffff;
	height:auto;
	position: absolute;
	width:100%;
	max-width:100%;
	z-index:1051;
	border:none;
	top:20px;
	text-decoration: none;
	padding: 0 30px;
}


.preto_transp {
	background-color: #000000;
	filter:alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
}
  
  
.menuTop, a.menuTop, a.menuTop:active, a.menuTop:hover, a.menuTop:visited  { 
 	font-family: 'Roboto', 'Open Sans Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	color: #ff9821;
	text-transform: uppercase;
	text-decoration:none;
}

.menuTopoM, a.menuTopoM, a.menuTopoM:active, a.menuTopoM:visited { display:block; text-decoration:none;
font-family: 'Roboto', 'Open Sans Condensed', sans-serif; font-weight: 400; font-size: 17pt !important; color: #CCC !important; padding:20px 0;}

a.menuTopoM:hover, a.menuTopoM:focus { color:white !important; text-decoration:none;}

.menuGeral, a.menuGeral, a.menuGeral:active, a.menuGeral:hover, a.menuGeral:visited  { 
	 font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 12pt;
	color: #000;
	text-transform: uppercase;
	text-decoration:none;
}


.menuTopo, a.menuTopo, a.menuTopo:visited, a.menuTopo1, .menuTopo1, a.menuTopo1:visited  { 
	font-family: 'Roboto', 'Open Sans Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration:none;
}

a.menuTopo:active, a.menuTopo:hover, a.menuTopo1:active, a.menuTopo1:hover  { 
	font-family: 'Roboto', 'Open Sans Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	color: #ff9821;
	text-transform: uppercase;
	text-decoration:none;
}


.menuProd, a.menuProd, a.menuProd:active, a.menuProd:hover, a.menuProd:visited { 
    font-size: 9pt;
	text-decoration: none;
	 font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1;
	text-transform:uppercase;
	color: #ffffff; 
    padding: 2px 5px;
	text-align:center;
	vertical-align:middle;
	background: #003e65; 
}

.botoes { 
    font-size: 12px;
	text-decoration: none;
	 font-family: 'Open Sans Condensed', sans-serif;
	font-weight:300;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.4;
	text-transform:uppercase;
	color: #ffffff; 
    /*border: solid 1px #da7c0c; */
    padding: 5px 15px;
	text-align:center;
	vertical-align:middle;

  	background: #F03C2D; 
/* background: -webkit-gradient(linear, left top, left bottom, from(#044da9), to(#00377c)); 
    background: -moz-linear-gradient(top,  #044da9,  #00377c); 
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#044da9', endColorstr='#00377c'); */

  } 

.image {
    position:relative;
    float:center; /* optional */
}

.topoDiv { 
	/*zoom: 1; */
	position: absolute; 
	max-width:1000px;
	width:100%;
	margin:0px auto 0px;
	z-index:1100;
	text-align: center; /* reset align=center */
	float: center;
}

.image .text {
	position: absolute;
	top:80px; /* in conjunction with left property, decides the text position */
	left:35%;
	padding:20px;
	width:400px; /* optional, though better have one */
	z-index: 1100;
	float:center;
	background-color: #000;
	filter:alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity:0.95;
	
	/*Rounded Corners*/
  	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-radius-bottomleft: 10px;	
	-moz-border-radius-bottomleft: 10px;
	
 	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;	
	-moz-border-radius-bottomright: 10px;
	
	border-radius: 0 0 10px 10px;
}

.image .text1 {
	position: absolute;
	top:80px; /* in conjunction with left property, decides the text position */
	left:35%;
	padding:20px;
	width:600px; /* optional, though better have one */
	z-index: 1100;
	float:center;
	
	background-color: #000;
	filter:alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity:0.95;
	
	/*Rounded Corners*/
  	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-radius-bottomleft: 5px;	
	-moz-border-radius-bottomleft: 5px;
	
 	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-radius-bottomright: 5px;	
	-moz-border-radius-bottomright: 5px;
	
	border-radius: 0 0 5px 5px;
}

.image .text160 {
	position:absolute;
	top:80px; /* in conjunction with left property, decides the text position */
	left:60px;
	padding:20px;
	width:160px; /* optional, though better have one */
	z-index: 1100;
	
	background-color: #000;
	filter:alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity:0.85;
}

.text600 {
	position:absolute;
	top:60%; /* in conjunction with left property, decides the text position */
	left:300px;
	padding:20px;
	width:55%; /* optional, though better have one */
	background-color: #fff;
	filter:alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity:0.85;
	
}


.text500 {
	position:absolute;
	bottom:8%; /* in conjunction with left property, decides the text position */
	left:6%;
	padding:20px;
	width:85%; /* optional, though better have one */
	background-color: #ffffff;
	filter:alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity:0.85;
	
}

.text500_2 {
	position:relative;
	bottom:10%; /* in conjunction with left property, decides the text position */
	left:6%;
	padding:20px;
	width:85%; /* optional, though better have one */
	
}

.menuRodape .menuR {
	position: relative;
	top:-115px; /* in conjunction with left property, decides the text position */
	left:15%;
	padding:20px;
	width:70%; /* optional, though better have one */
	z-index: 95;
	text-align:center;
	
	
}

/* Grow */
.grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.grow:hover, .grow:focus, .grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Float */
.float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  
}
.float:hover, .float:focus, .float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

#transpDivHover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	
}
#transpDivHover:hover{
	opacity: 0.3;
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
}
#transpDiv1{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity:1;
}
.menuPort {
	font-family: 'Roboto', sans-serif;
	font-size: 2.2vmin;
	color:#ffffff;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;	
	font-weight: 100;
	letter-spacing:1px;
	text-shadow: 1px 1px 1px #000;
}

.menuBottomItem {padding:0 20px; vertical-align:middle;}
.menuBottom {text-align:center; padding-top:40px; width:100%;}

@media screen and (max-width: 720px) {.menuBottomItem { padding:13px 0 2px 0;margin:5px; height:30px; width:45vw; background: #222;} .menuBottom {text-align:top;padding-top:80px; width:95vw;}}
@media screen and (max-width: 450px) {.menuBottomItem { margin:3px 5px;width:95%;height:28px;}}

 .back_to_top {
 padding: 0;
 vertical-align: baseline;
 outline: 0;
 color:#cdcdcd;
 height:auto;
 position:fixed;
 bottom:65px;
 margin:0;
 z-index:2000;
 -webkit-transition:all .3s ease 0s;
 -moz-transition:all .3s ease 0s;
 -o-transition:all .3s ease 0s;
 transition:all .3s ease 0s;
 display: none; 
 right:25px; }
 
 .back_to_top:hover,.back_to_top:active,.back_to_top:focus { cursor:pointer !important;}

.back_to_top span {
 text-align:center;
 width:52px;
 height:52px;
 line-height:52px;
 text-decoration:none;
 -o-border-radius:52px;
 -moz-border-radius:52px;
 -webkit-border-radius:52px;
 border-radius:52px;
 -webkit-transition:all .2s ease 0s;
 -moz-transition:all .2s ease 0s;
 -o-transition:all .2s ease 0s;
 border:2px solid #e8e8e8;
 background:0 0;
}

.back_to_top span i {
 font-size:22px;
 color:#b0b0b0;
 line-height:52px;
 -webkit-transition:color .2s ease 0s;
 -moz-transition:color .2s ease 0s;
 -o-transition:color .2s ease 0s;
}

.back_to_top:hover span { background-color:#e8e8e8; }

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10001;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
  text-align:right;}

.overlay-content {
  position: relative;
  top: 30px;
  width: 72vw;
  text-align:left;
  padding:30px 60px 60px 60px;
  color:white;
  font-weight:300!important;
  font-size:12pt; line-height:15pt;}

.closebtn:hover { color: #fff !important;  text-decoration: none; cursor:pointer;}

.closebtn {
  position: -webkit-sticky;  position: sticky; text-align:right;
  top: 10px; z-index:200; text-decoration: none;
  right: 20px; color:#CCC !important;
  font-size: 36pt; cursor:pointer; font-weight:bold;}
  
.menuPort1, .menuPort2 , .menuPort3 , .menuPort4 { width:auto; height:auto; padding:0; margin:0;}