/* CSS Document */
.header{
	width:100%;
	height:85px;
	position:fixed;
	top:0;
    /*background: rgba(0,0,0,0.7);*/
	z-index:999999;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition-duration: 0.4s
}
#shadow_menu{
	width:100%;
	height:1px;
	position:absolute;
	top:-1px;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition-duration: 0.4s

}
#processo{display:none}
#bg_header{
	width:100%;
	height:64px;
	background: rgba(0,0,0,0.7);
	position:absolute;
	top:0;
	border-bottom:1px solid #C09B55;
	display:none
}
.header .container{width:89%}
.content_header{	
	width:984px;
	height:72px;
	margin:0 auto;
	position:relative;
	top:10px;
}
.logo{
	width:;
	height:;
	float:left;
	margin-top: 42px
}
.menu_top{
	width:auto;
	height:25px;
	float: right;
    position: relative;
    top: 18px
}
.menu_top li{
	float:left;
	margin-left:10px;
	font-size:15px;
	font-family:Roboto-Light
}
.menu_top li a{color:#c09b55}
.menu{
	width:auto;
	height:25px;
	float: right;
    position: relative;
    top: 44px;
    left: 20px;
    clear: right
}
@media screen and (max-width:920px){.menu, .menu_top{display:none !important;}}
.menu li{
	float:left;
	font-size: 15px;
	position:relative
/*	margin-left:62px;*/
}
@media screen and (max-width:920px){.menu li{
	float: right;
	margin-left: 14px;
	text-align: center;
	padding-bottom: 9px;
}
}
.menu h1{
	font-size:18px
}
.menu h1 a{
	color:#fff;
	height: 33px;
	float: left;
	padding:0 10px 0 10px;
    margin: 0 10px 0 10px;
	position:relative;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition-duration: 0.4s
}
@media screen and (max-width:920px){.menu h1 a{padding:31px 20px 0 20px;}}
.menu h1 a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: -4px;
  left: 0;
  background-color: #c09b55;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  
}
.menu h1 a:hover:before, .menu h1 .active:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
/*SUBMENU*/
.submenu{
	display:none;
	background:#051a2d;
	padding:20px;
	float:left;
	min-width:200px;
	position:absolute;
	top:35px;
	left:-9px;
	-webkit-box-shadow: rgba(0,0,0,0.3) 2px 3px 6px 1px;
	-moz-box-shadow: rgba(0,0,0,0.3) 2px 3px 6px 1px);
	box-shadow: rgba(0,0,0,0.3) 2px 3px 6px 1px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition-duration: 0.2s
}
.submenu li{clear:both}
.submenu li a{
	font-size:15px;
	font-family:Roboto-Thin;
	text-transform:uppercase;
	color:#fff;
    padding: 8px 0;
    float: left;
    clear: both;
	position:relative;
	white-space: nowrap;
}
.submenu li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 3px;
  left: 0;
  background-color: #c09b55;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  
}
.submenu li a:hover:before, .submenu li .active:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
.menu li:hover  .submenu{display:block;-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition-duration: 0.2s}



/*MOBILE*/

.menu_mobile{
	background:#C09B55;
	width:50px;
	height:50px;
	float:right;
	margin:42px 0 0 22px;
	display:none;
}
.menu_mobile .fa{
	color:#fff;
    font-size: 32px;
    margin: 10px 12px
}
@media screen and (max-width:920px){
	.menu_mobile{display:block;}
	
}
#mobile_menu{
	cursor:pointer;
	width:110%;
	height:auto;
	float:right;
	position:absolute;
	top:64px;
	right:-118%;
	z-index:99;
	background:rgba(0,0,0,0.7);
	text-align: center;
	display:none;
}
@media screen and (max-width:920px){#mobile_menu{display:block;}}
#mobile_menu h1{
	font-size: 32px;
	text-transform: uppercase;
	font-weight: normal;
}
#mobile_menu h1:hover{ cursor:pointer;}
#mobile_menu h1:hover a{color:#C09B55;}
#mobile_menu h1 a{
	color:#fff;
	width: 100%;
	padding: 26px 0;
	float: left;
	border-bottom: 1px solid #364b60;
}
#mobile_menu li .active{color:#C09B55;}



#bg_load{
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.89);
	position:fixed;
	top:0;
	z-index:999999;
	display:none;
}
#bg_load .fa{
	color:#666;
	font-size:90px;
    left: 50%;
    top: 50%;
    margin-left: -70px;
    margin-top: -70px;
    position: absolute;
}