@font-face{
	font-family: 'open-sans-light';
	src: url(../fonts/default/open-sans/open-light.ttf);
}

@font-face{
	font-family: 'open';
	src: url(../fonts/default/open-sans/open-regular.ttf);
}

@font-face{
	font-family: 'open-bold';
	src: url(../fonts/default/Montserrat-Bold.ttf);
}

#topMenu
{
	width: 100%;
	height: 100px;
	background-color: #fff;
	z-index: 10000;


}

.fixar
{
	position:fixed;
	top: 0px;
    margin-top: 0px !important;

    opacity:0.90;
	-moz-opacity: 0.90;
	filter: alpha(opacity=90);
}

.background-top{
	width: 100%;
	height: auto;
}

.background-top img{
	width: 100%;
	height: 100%;
}

/* Header */

.header{
	padding: 36px 0;
	height: 108px;
}

.header .logo{
	margin-top: -7px;
}
.header .logo img{
	margin-left: 15px;
}

.header .menu .nav, .navbar-default{
	background: #fff;
	border-color: #fff;
	margin-top: -5px;
}

.header .menu li a{
	padding: 10px 10px;
}

.header .menu li a{
	font: 24px 'open-sans-light';
	color: #000;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

.header .menu li a:hover{
	color: #c00;
}

.header .menu .nav{
	margin-left: 20px;
	margin-top: -5px;
	float: right;
	margin-right: 3px;
}

.header .menu{
	float: right;
	right: 0;
	padding: 0;
}

/* Footer */

.clear{
	clear: both;
}

.footer{
	background: #000;
	height: 72px;
	bottom: 0;
}

.footer .links ul li{
	display: block;
	float: left;
}

.footer .links ul{
	margin-left: -45px;
}

.footer .links .language li{
	margin: 17px 5px;
}

.footer .links .language li:last-child{
	padding-right: 25px;
	border-right: 2px solid #fff;
}

.footer .links .rede-social li{
	margin: 7px 5px;
}

.footer .links .rede-social li:first-child{
	padding-left: 15px;
}

.footer .links li a img{
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
			transition: all 0.5s ease;
}

.footer .links li:hover a img{
	-webkit-filter: invert(1);
	   -moz-filter: invert(1);
	    -ms-filter: invert(1);
			filter: invert(1);
}

.footer .visualcom img{
	margin-top: 17px;
	float: right;
	margin-right: -5px;
}

@media (max-width: 1199px){
	.header .menu .nav, .navbar-default{
		margin-top: -7px;
	}
}

@media (max-width: 991px){
	.header{
		padding: 36px 0 108px 0;
		height: auto;
		height: 316px;
	}

	#topMenu{
		height: 136px;
	}

	.header .menu{
		float: left;
		left: 87px;
	}

	.header .logo img{
		margin: 0 auto;
	}

	.footer .links .language{
		margin-top: 0;
	}

	.footer .links ul{
		height: 1px;
	}

	.footer .visualcom img{
		margin-top: 0;
	}

	.rede-social ul{
		margin-top: -10px;
	}
}

@media (max-width: 767px){
	.header{
		height: 108px;
	}
	#topMenu{
		height: 90px;
	}

	.header .menu{
		float: right;
		left: 0;
		margin-right: 15px;
		margin-top: 3px;
		width: 100%;
		position: absolute;
		z-index: 9998;
	}

	.header .logo img{
		float: left;
		margin-left: 15px;
		position: absolute;
		z-index: 9999;
	}

	.navbar-default .navbar-toggle{
		border: solid 1px #222;
		background: #222;
	}

	.navbar-default .navbar-toggle .icon-bar{
		background: #fff;
	}

	.header .menu .nav{
		float: left;
		left: 0;
		margin-left: -8px;
	}

	.navbar-collapse{
		margin-top: 10px;
	}
}

@media (max-width: 599px){
	.header .logo img{
		width: 100%;
		max-width: 350px;
	}

	.header .menu{
		margin-top: -2px;
	}

	.footer{
		height: 170px;
	}

	.footer .links ul{
		width: 100%;
		height: 45px;
		float: left;
	}

	.footer .links .language li:last-child{
		border: 0;
	}

	.footer .visualcom{
		float: left;
		display: block;
		width: 100%;
		height: 45px;
	}

	.footer .visualcom img{
		float: left;
		margin: 0 auto;
	}
}

@media (max-width: 550px){

	.footer .links .language{
		margin-left: 140px;
	}

	.footer .links .rede-social{
		margin-left: 55px;
	}

	.footer .visualcom img{
		margin-left: 170px;
	}

}

@media (max-width: 420px){
	.footer{
		height: 150px !important;
	}

	.footer .links .language{
		margin-left: 70px;
	}

	.footer .links .rede-social{
		margin-left: -20px;
	}

	.footer .visualcom img{
		margin-left: 95px;
	}

	.header .logo img{
		width: 100%;
		max-width: 220px;
		margin-top: 7px;
	}

	header .menu{
		margin-top: -22px;
	}
}

@media (max-width: 300px){
	.header .logo img{
		width: 70%;
		max-width: 150px;
		margin-top: 11px;
		margin-left: 0;
	}

	.footer .links .language{
		margin-left: 50px;
		margin-bottom: 0;
		margin-right: 0;
		width: 150px;
	}

	.footer .links .language img{
		width: 30px;
		height: 30px;
	}

	.footer .links .rede-social{
		margin-top: 30px;
		margin-bottom: 0;
		margin-left: -10px;
	}

	.footer .links .rede-social li{
		margin: 0;
	}

	.footer .visualcom{
		height: 0;
	}

	.footer .visualcom img{
		margin-left: 65px;
	}

	.footer .links .rede-social li img{
		width: 70%;
	}

	
}