@font-face {
    font-family: 'UbuntuR';
    src: url('fonts/Ubuntu-Regular.woff2') format('woff2'),
         url('fonts/Ubuntu-Regular.woff') format('woff')),
         url('fonts/Ubuntu-Regular.eot') format('eot'),
         url('fonts/Ubuntu-Regular.svg') format('svg'),
         url('fonts/Ubuntu-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuB';
    src: url('fonts/Ubuntu-Bold.woff2') format('woff2'),
         url('fonts/Ubuntu-Bold.woff') format('woff'),
         url('fonts/Ubuntu-Bold.eot') format('eot'),
         url('fonts/Ubuntu-Bold.svg') format('svg'),
         url('fonts/Ubuntu-Bold.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

*{
	margin: 0;
	padding: 0;
	border: 0;
	list-style:none;
	outline:none;
}

body{
	font-family: "UbuntuR", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	background:#fff;
}

a{
	text-decoration: none;
	color:#000;
}

a:hover{
	text-decoration: none;
	color:#505050;
}

.destaque{
	font-family: "UbuntuB";
	font-weight: bold;
}

.clear{
	clear:both;	
}

.f10{
	font-size:10px;
}

.f12{
	font-size:12px;
}

.f14{
	font-size:14px;
}

.f16{
	font-size:16px;
}

.f18{
	font-size:18px;
}

.f20{
	font-size:20px;
}

.f24{
	font-size:24px;
}

.f26{
	font-size:26px;
}

.f36{
	font-size:36px;
}

.f50{
	font-size:50px;
}

.f100{
	font-size:100px;
}
	
.seta{
	font-size:50px;
}

.branco{
	color:#fff;
}

.preto{
	color:#000;
}

.azul{
	color:#204c7b;
}

.cinza{
	color:#999;
}

.center{
	text-align:center;
}

.vmiddle{
	vertical-align:middle;
}

.pt-5{ padding-top:5px; }
.pb-5{ padding-bottom:5px; }
.pt-6{ padding-top:6px; }
.pb-6{ padding-bottom:6px; }
.pt-10{ padding-top:10px; }
.pb-10{ padding-bottom:10px; }
.pt-20{ padding-top:20px; }
.pb-20{ padding-bottom:20px; }
.pt-30{ padding-top:30px; }
.pb-30{ padding-bottom:30px; }
.pt-50{ padding-top:50px; }
.pb-50{ padding-bottom:50px; }
.mt-10{ margin-top:10px; }
.ml-20{ margin-left:20px; }
.mr-20{ margin-right:20px; }
.m-10{ margin:10px; }

h1{
	font-size:26px;
	color:#204c7b;
	font-family: "UbuntuB";
	font-weight: bold;
	margin:0;
	padding:0;
}

h2{
	font-size:20px;
	color:#555;
	font-weight:bold;
	margin:0;
	padding:0;
}

.w1200{
	max-width:980px;
	width:100%;
	margin:auto;
}

.conteudo{
	padding:60px 10px 60px 10px;
	min-height:532px;
}

.w50-l{
	float:left;
	width:49%;
}

.w50-r{
	float:right;
	width:49%;
}

.left{
	float:left;
}

.right{
	float:right;
}

#representantes .left{
	float:left;
	width:60%;
}

#representantes .right{
	float:right;
	width:30%;
}

#produtos .left{
	float:left;
	width:94%;
	padding-left:55px;
}

#produtos .right{
	float:right;
	width:55px;
	text-align:right;
}

.img_link{
	border:1px solid #fff;
}

.img_link:hover{
	border:1px solid #ccc;
}

.nov_left{
	float:left;
	width:20%;
}

.nov_center{
	float:left;
	width:60%;
}

.nov_right{
	float:right;
	width:18%;
}

.txt_banner{
	position:absolute;
	max-width:980px;
	width:100%;
	background:url(../imagens/bg-banner.png);
	bottom:40px;
	border-left:6px solid #00aeef;
	padding:20px 20px 0 20px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	font-size:36px;
}

.popup{
	display:none;
	min-width:400px;
}

article.produtos{
	float:left;
	width:31.33%;
	min-height:230px;
	padding:10px 10px 0 10px;
	margin:0 1% 2% 1%;
	border:1px solid #ccc;
}

.produtos img {
	max-height: 135px;
}

.menu_produtos{
	float:left;
	width:31%;
	border:1px solid #ccc;
	border-bottom:0;
}

.area_produtos{
	float:right;
	width:67%;
}

.bt_produto{
	padding:4px 6px;
	border-bottom:1px solid #ccc;
}

.bt_produto:hover{
	background:#efefef;
}

/*ESTRUTURA DO SITE*/
header#topo{
	position:fixed;
	z-index:8000;
	top:0;
	width:100%;
	padding:0;
	margin:0;
	background:url(../imagens/bg.png);
	height:60px;
	border:0;
}

header#topo .topo{
	
}

header#topo .logo{
	float:left;
	margin-top:10px;
}

header#topo .topo-right{
	float:right;
}

header#topo .area_menu{
	float:right;
	padding:0;
}

header#topo nav.menu ul{
	padding:0;
	margin:auto;
	display:table;
}

header#topo nav.menu ul li{
	float:left;
	margin-right:25px;
}

header#topo nav.menu ul li a{
	color:#fff;
	font-size:12px;
	font-family: "UbuntuB";
	text-decoration:none;
	padding:18px 0 21px 0;
	display:table;
}

header#topo nav.menu ul li a:hover, header#topo nav.menu ul li a.active{
	color:#00aeef;
	border-bottom:4px solid #00aeef;
}

/*menu mobile*/
header#topo nav.menuMobile{
	display:none;
	position:absolute;
	top:14px;
	left:10px;
}

header#topo nav.menuMobile ul li{
	text-align:left;
}

header#topo nav.menuMobile ul li ul{
	display:none;
}

header#topo nav.menuMobile ul li:hover ul{
	display:block;
}

header#topo nav.menuMobile ul li:hover{
	background:#f5f5f5;
}

header#topo nav.menuMobile ul li a:hover, header#topo nav.menuMobile ul li a.active{
	background:#f5f5f5;
}

header#topo nav.menuMobile ul li ul li:hover{
	background:#ddd;
	color:#666;
}

header#topo nav.menuMobile ul li ul li a{
	color:#333;
}

header#topo nav.menuMobile ul li ul li{
	padding:0 3px 0 24px;
}
/*/ESTRUTURA DO SITE*/

.contatoLeft{
	width:30%;
	float:left;
	margin:40px 2.5% 40px 0;
}

.contatoRight{
	width:62.5%;
	float:right;
	margin:40px 2.5% 40px 2.5%;
}

.link{
	padding-bottom:13px;
}

.al-left{ float:left }

.link:hover{
	border-bottom:3px solid #1c779f;
	padding-bottom:10px;
}

footer#rodape{
	background:#3f424d;
}

@media (max-width: 1400px){
	
}

@media (max-width: 1223px){
	
}

@media (max-width: 1180px){
	
}

@media (max-width: 1023px){	
	.f50{ font-size:40px; }
	
	article.produtos{
		width:50%;
	}
	
	.conteudo{ min-height:432px; }
}

@media (max-width: 980px){
	header#topo nav.menu{
		display:none;
	}
	
	header#topo nav.menuMobile{
		display:block;
	}
	
	header#topo .topo-right{
		float:none;
		text-align:center;
	}
	
	header#topo .area_menu{
		margin-top:0;
	}
	
	header#topo .logo{
		position:absolute;
		width:100%;
		text-align:center;
	}
	
	.seta{
		font-size:40px;
	}
	
	#produtos .left{ width:92%; }
	
	#representantes .right{ width:35%; }
	
	.txt_banner{ font-size:24px; }
}

@media (max-width: 800px){
	.w50-l{
		float:none;
		width:100%;
	}
	
	.w50-r{
		float:none;
		width:100%;
		margin-top:10px;
	}
	
	.f50{ font-size:30px; }
	
	.contatoLeft{
		width:35%;
		float:left;
		margin:20px 2.5% 20px 0;
	}
	
	.contatoRight{
		width:57.5%;
		float:right;
		margin:20px 2.5% 20px 2.5%;
	}
	
	#representantes .right{ width:40%; }
	
	.nov_left{ width:25%; }
	
	.nov_center{ width:60%; }
	
	.nov_right{ width:13%; }
	
	#produtos .left{ width:90%; }
	
	.popup{	min-width:auto; }
	
	.conteudo{ min-height:auto; }
}

@media (max-width: 670px){
	.contatoLeft{
		width:40%;
		float:left;
		margin:20px 2.5% 20px 0;
	}
	
	.contatoRight{
		width:52.5%;
		float:right;
		margin:20px 2.5% 20px 2.5%;
	}
	
	#representantes .left{
		float:none;
		width:100%;
	}
	
	#representantes .right{
		float:none;
		width:100%;
		max-width:300px;
		margin:auto;
	}

	article.produtos{
		width:33.33%;
	}
	
	.menu_produtos, .area_produtos{
		float:none;
		width:100%;
	}
	
	.nov_left{ width:30%; }
	
	.nov_center{ width:55%; }
	
	.nov_right{ width:13%; }
	
	.seta{ font-size:30px; }
	
	.txt_banner{ font-size:20px; }
}

@media (max-width: 599px){
	.contatoLeft{
		width:45%;
		float:left;
		margin:20px 2.5% 20px 0;
	}
	
	.contatoRight{
		width:47.5%;
		float:right;
		margin:20px 2.5% 20px 2.5%;
	}
	
	.f50{ font-size:20px; }
	
	.nov_left, .nov_center{
		text-align:center;
		float:none;
		width:100%;
		margin-bottom:5px;
	}
	
	.nov_right{
		float:none;
		width:100px;
		margin:auto;
	}
	
	#produtos .left{ width:85%; }

	article.produtos{
		width:50%;
	}
	
	.slider-nav{ margin-top:60px; }
}

@media screen and (max-width: 413px){
	.contatoLeft, .contatoRight{
		width:90%;
		float:none;
		margin:20px 5% 20px 5%;
	}

	article.produtos{
		width:100%;
		min-height:0;
		padding:10px;
	}
	
	.f50{ font-size:16px; }
	
	#produtos .left{ padding-left:0; width:78%; }
	
	.txt_banner{ bottom:0px; }
}
/*ALERTS E BOTOES*/
.alert{
	width:100%;
	position:fixed;
	top:60px;
	z-index:999999999999999999999999999999999999999999999999999;
	text-align:center;
	display:none;
	filter:alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity:0.8;
    -webkit-opacity:0.8;
}

.btn-primary {
    color: #fff;
    background-color: #204c7b;
    border-color: #204c7b;
	border-radius:0;
	font-size:12px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #12375e;
    border-color: #12375e;
}

.form-control{
	border:0;
	border-radius:0;
	background:#7f828c;
    color: #fff;
	font-size:12px;
}