h1{
	font: normal 2.875em 'proxima_thin', sans-serif;
	text-align: center;
	line-height: 100%;
	color: #FFF;
}


h2, h3{
	text-transform: uppercase;
	color: #166c81;
}

	h2{
		font: normal 2.125em 'proxima_regular', sans-serif;
	}

	h3{
		font: normal 1.375em 'proxima_regular', sans-serif;
	}

h4{
	font: normal 1.125em 'proxima_semibold', sans-serif;
	text-transform: uppercase;
	color: #2297d1;
	line-height: 100%;
}

h5{
	height: 25px;

	font: normal 1.125em 'proxima_semibold', sans-serif;
	text-transform: uppercase;
	color: #555;

	overflow: hidden;
}


p{
	font: normal 1.125em 'proxima_regular', sans-serif;
	color: #555;
}

a{
	text-decoration: none;
	color: #2297d1;
}

	a:hover{
		text-decoration: underline;
	}

a.link,
a.link2{
	font: normal 0.875em 'proxima_regular', sans-serif;
	text-decoration: underline;
}

a.link{
	float: right;
	margin-bottom: 50px;
}
	a.link:hover,
	a.link2:hover{
		text-decoration: none;
	}


.botao{
	margin: 40px 0 20px;
}

	.botao a{
		padding: 12px;
		background-color: #2297d1;

		font: normal 1.125em 'proxima_regular', sans-serif;
		text-decoration: none;
		color: #FFF;

		border: none;
		border-radius: 2px;

		cursor: pointer;
	}

	.botao a:hover{
		background-color: #0f82bb;
	}

span.bold{
	font-family: 'proxima_bold', sans-serif;
}

ul.lista{
	margin-top: 20px;
}

	ul.lista li{
		margin: 10px 0;
		padding-left: 20px;
		list-style: inside url(../imagens/setinha-lista.png);

		font: normal 1.2em 'proxima_regular', sans-serif;
		color: #555;
	}




header{
	width: 100%;
}

.logo{
	margin-top: 40px;
}

	.logo img{
		width: 100%;
		max-width: 203px;
		height: auto;
	}

.h1{
	margin: 90px 0 0 0;
}



.bg-boxes{
	margin: 30px 0;
	padding: 0 10px;

	background-color: #EEE;
}

.boxes{
	margin: 10px 0;
	width: 100%;
	height: 250px;

	background-color: #f7f7f7;
}

	.boxes img{
		width: 100%;
	}

	.boxes p{
		margin-top: 30px;
		padding: 0 10px 20px;

		font-size: 1.500em;
		text-align: center;
	}

p.arriba{
	margin-top: 20px;
}


/*-------BREADCRUMBS-------*/
.breadcrumbs{
	margin: 20px 0 40px;

	font: normal 1em 'proxima_regular', sans-serif;
	color: #666;
}

	.breadcrumbs img{
		vertical-align: middle;
	}

	.breadcrumbs a{
		color: #666;
	}

		.breadcrumbs a:hover{
			color: #333;
		}



section#content{
	margin: 20px 0;
	width: 100%;
}



/*-------LOGIN-------*/
form#login{
	padding: 50px 80px;
	background-color: #EEE;
}

	form#login input[type=text],
	form#login input[type=password],
	form#login label{
		display: block;
	}

	form#login label{
		padding-left: 10px;

		font: normal 1.125em 'proxima_semibold', sans-serif;
		color: #555;
	}

	form#login input[type=text],
	form#login input[type=password]{
		padding: 20px 25px;
		margin-bottom: 20px;
		width: 100%;
		
		border: none;
		border-radius: 3px;

		font: normal 1.125em 'proxima_regular', sans-serif;
		color: #555;
	}

	#bt-entrar{
		text-align: center;
	}

	form#login .bt-entrar{
		padding: 12px 18px;

		background-color: #176d83;

		border: none;
		border-radius: 3px;

		font: normal 1.125em 'proxima_semibold', sans-serif;
		color: #FFF;
	}

		form#login .bt-entrar:hover{
			background-color: #16596a;
		}




/*-------CLIENTES-------*/
.clientes,
.cases{
	height: 175px;

	border: 2px solid #DDD;

	text-align: center;
}
	.clientes{
		margin-bottom: 50px;
		padding-top: 20px;
	}
	.cases{
		margin-bottom: 10px;
		padding-top: 10px;
	}

	.clientes img{
		margin-bottom: 15px;
	}
	.cases img{
		max-height: 150px;
	}





/*-------VÍDEOS-------*/
.videos{
	height: 250px;
}
	.videos iframe{
		margin-bottom: 5px;
	}

p.autor-canal{
	margin-top: 7px;
	font-size: 0.875em;
}

.faixa-filtro{
	padding: 10px 20px;
	width: 100%;

	background-color: #f1f1f1;
}
	.faixa-filtro span{
		padding-top: 20px;

		font: normal 1em 'proxima_semibold', sans-serif;
		color: #555;
		vertical-align: middle;
	}





/*-------CASES-------*/
.img-destaque,
.logo-case{
	margin-bottom: 10px;
	width: 100%;

	text-align: center;
}
	.img-destaque img{
		width: 100%;
		/*max-width: 600px;*/
	}

.descricao-case p{
	margin-bottom: 70px;
}





/*-------SUPORTE-------*/
.suporte-linha{
	width: 100%;
}

.suporte-linha:nth-child(even){
	background-color: #FFF;
}
.suporte-linha:nth-child(odd){
	background-color: #F3F3F3;
}


.color{
	background-color: #F3F3F3;
}

.nome-software, .baixar{
	padding: 20px;
	float: left;
}

	.nome-software{
		width: 80%;

		font: normal 1.125em 'proxima_semibold', sans-serif;
		color: #555;
	}

	.baixar{
		width: 20%;

		font: normal 1em 'proxima_regular', sans-serif;
		text-decoration: underline;
		color: #2297d1;
	}






/*-------SOBRE-------*/
.box-azul{
	padding: 40px 0;

	background-color: #63b8e2;

	text-align: center;
}
	.box-azul p{
		margin: auto;
		padding: 20px 40px 0;
		width: 80%;

		font-size: 1.500em;
		color: #FFF;

		background: url(../imagens/aspas-abre.png) no-repeat left top,
					url(../imagens/aspas-fecha.png) no-repeat right 155px bottom;
	}


.border{
	margin-top: 40px;
	padding: 30px;
	border: 2px solid #999;
}


.alert-login{
	margin-top: 20px;
	padding-left: 50px;

	background: url(../imagens/alert-icon.png) no-repeat left center;

	font: normal 0.875em 'proxima_regular', sans-serif;
	color: #555;
}

	.alert-login img{
		vertical-align: middle;
	}







/*-------PRODUTOS-------*/
.view-grid,
.view-grid-ativo,
.view-list,
.view-list-ativo{
	float: left;
	width: 40px;
	height: 40px;

	cursor: pointer;

	vertical-align: middle;
}
	.view-grid{
		margin-right: 10px;
	}

	a.view-grid{
		background-image: url(../imagens/visualizar-grid.jpg);
	}
	a.view-grid-ativo{
		background-image: url(../imagens/visualizar-grid-hover.jpg);
	}


	a.view-list{
		background-image: url(../imagens/visualizar-list.jpg);
	}
	a.view-list-ativo{
		background-image: url(../imagens/visualizar-list-hover.jpg);
	}


form#ordenar select{
		outline: none;

		padding: 8px;
		width: 250px;

		border: none;
		border-radius: 2px;
		
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor: pointer;

		font: normal 1.125em 'proxima_regular', sans-serif;
		color: #555;

		background: #FFF url(../imagens/setinha-select2.png) no-repeat right 2px center;
	}


.border-destaque,
.border-destaque-interna{
	margin-bottom: 10px;
	padding-top: 10px;
	width: 100%;

	border: 2px solid #DDD;
	text-align: center;

	overflow: hidden;
}
	.border-destaque{
		height: 150px;
	}
	.border-destaque-interna{
		height: 200px;
	}
	.border-destaque img{
		max-height: 100%;
		vertical-align: middle;
	}

	.border-destaque-interna img{
		max-height: 180px;
	}

.border-destaque-list{
	float: left;
	margin-right: 20px;
	padding-top: 15px;
	width: 100%;
	height: auto;
	border: 2px solid #DDD;
	text-align: center;

	overflow: hidden;
}
	.border-destaque-list img{
		height: auto;
		max-width: 120px;
		max-height: 115px;
		vertical-align: middle;
	}

h5.nome-produto {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

p.codigo-produto,
p.categoria-produto{
	font: normal 0.875em 'proxima_semibold', sans-serif;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
	p.codigo-produto{
		color: #999;
	}

	p.categoria-produto{
		color: #2297d1;
	}

	p.maior{
		font-size: 1.125em;
	}

.descricao{
	margin: 10px 0 5px;
	width: 100%;
	height: 55px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
	.descricao p,
	.descricao-list p{
		font-size: 0.875em;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

.descricao-list{
/*	float: left;*/
	margin: 10px 0;
	height: 32px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.hr{
	margin: 30px 0;
	height: 1px;
	background-color: #DDD;
}


.thumbs{
	margin-bottom:40px;
}

.thumb{
	float: left;
	margin: 0 1.67% 5px 0;
	width: 84px;
	height: 84px;
	overflow: hidden;
	border: 2px solid #DDD;

	text-align: center;
}
.thumb img {
	max-width: 100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%); /* Adicionar os prefixos dos navegadores */
}
.product-list {
	padding: 15px 0px 15px 0px;
	border-bottom: 1px solid #DDD;
	width: 100%;
	display: inline-block;
}
ul.products li {
	overflow: hidden;
}




/*-------PARCEIROS-------*/
.parceiros{
	width: 100%;
	height: 210px;
}

.logo-parceiro{
	float: left;
	padding: 0.5em;
	width: 20%;
	height: 50%;

	text-align: center;
}
	.logo-parceiro img{
		max-width: 95px;
		width: 100%;
		height: auto;
		vertical-align: middle;
	}

p.titulo{
/*
	float: right;
	width: 77%;
	font-size: 1em;
*/
	float: left;
	width: 50%;
	font-size: 1em;
	padding-left: 2%;
}

p.titulo span{
	font: normal 1.125em 'proxima_semibold', sans-serif;
	text-transform: uppercase;
}






/*-------CONTATO-------*/
form#contato{
	margin-top: 20px;
}

	form#contato input[type=text],
	form#contato input[type=email],
	textarea,
	form#contato label{
		display: block;
	}

	form#contato label{
		font: normal 1.125em 'proxima_semibold', sans-serif;
		color: #555;
	}

	form#contato input[type=text],
	form#contato input[type=email],
	textarea{
		padding: 15px 90px 15px 15px;
		margin-bottom: 20px;
		width: 100%;
		
		border: 2px solid #DDD;
		border-radius: 3px;

		font: normal 1.125em 'proxima_regular', sans-serif;
		color: #555;
	}

	form#contato input[type=text],
	form#contato input[type=email]{
		background: url(../imagens/obrigatorio.png) no-repeat right 15px center;
	}

	textarea{
		background: url(../imagens/obrigatorio.png) no-repeat right 15px top 20px;
	}

	form#contato .bt-enviar{
		padding: 12px 18px;

		background-color: #2297d1;

		border: none;
		border-radius: 3px;

		font: normal 1.125em 'proxima_semibold', sans-serif;
		text-transform: uppercase;
		color: #FFF;
		margin-bottom: 40px;
	}

		form#contato .bt-enviar:hover{
			background-color: #0f82bb;
		}

	form#contato select{
		display: block;
		outline: none;

		padding: 12px;
		margin-bottom: 20px;
		width: 100%;

		border: 2px solid #DDD;
		border-radius: 3px;
		
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor: pointer;

		font: normal 1.125em 'proxima_regular', sans-serif;
		color: #555;

		background: url(../imagens/setinha-select.png) no-repeat right 2px center;
	}


p.endereco{
	margin: 20px 0;
}








.left{
	float: left;
}

.right{
	float: right;
}

.clear{
	clear: both;
}





@media (max-width: 1200px){
	.boxes{
		height: 225px;
	}
}


@media (min-width: 991px) and (max-width: 1200px){
	p.arriba{
		margin-top: 20px;
	}
}


@media (max-width: 767px){
	.boxes{
		height: auto;
	}

	.bg-boxes{
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media (max-width: 550px){
	form#login{
		padding: 30px 40px;
	}
}

@media (min-width: 992px) and (max-width: 1200px){
	.box-azul p{
		font-size: 1.45em;

		background: url(../imagens/aspas-abre.png) no-repeat left top,
					url(../imagens/aspas-fecha.png) no-repeat right 85px bottom;
	}
}

@media (min-width: 734px) and (max-width: 991px){
	.box-azul p{
		font-size: 1.4em;

		background: url(../imagens/aspas-abre.png) no-repeat left 20px top,
					url(../imagens/aspas-fecha.png) no-repeat right bottom;
	}
}

@media (min-width: 657px) and (max-width: 733px){
	.box-azul p{
		width: 90%;

		font-size: 1.4em;

		background: url(../imagens/aspas-abre.png) no-repeat left 5px top,
					url(../imagens/aspas-fecha.png) no-repeat right 20px bottom;
	}
}

@media (min-width: 590px) and (max-width: 656px){
	.box-azul p{
		width: 95%;

		font-size: 1.3em;

		background: url(../imagens/aspas-abre.png) no-repeat left 5px top,
					url(../imagens/aspas-fecha.png) no-repeat right 20px bottom;
	}
}

@media (min-width: 554px) and (max-width: 589px){
	.box-azul p{
		width: 95%;

		font-size: 1.2em;

		background: url(../imagens/aspas-abre.png) no-repeat left top,
					url(../imagens/aspas-fecha.png) no-repeat right 10px bottom;
	}
}

@media (min-width: 500px) and (max-width: 553px){
	.box-azul p{
		width: 95%;

		font-size: 1.2em;

		background: url(../imagens/aspas-abre.png) no-repeat left top,
					url(../imagens/aspas-fecha.png) no-repeat right 90px bottom;
	}
}

@media (min-width: 471px) and (max-width: 499px){
	.box-azul p{
		width: 95%;

		font-size: 1.15em;

		background: url(../imagens/aspas-abre.png) no-repeat left top,
					url(../imagens/aspas-fecha.png) no-repeat right 65px bottom;
	}
}

@media (max-width: 470px){
	.box-azul p{
		width: 95%;

		font-size: 1.15em;

		background: url(../imagens/aspas-abre.png) no-repeat left top,
					url(../imagens/aspas-fecha.png) no-repeat right 30px bottom;
	}
}

@media (max-width: 641px){
	.nome-software{
		width: 70%;
	}

	.baixar{
		width: 30%;
	}
}

@media (max-width: 442px){
	.nome-software, .baixar{
		padding: 20px 10px;
		font-size: 1em;
	}

		.nome-software{
			width: 65%;
		}
		
		.baixar{
			width: 35%;
		}
}

@media (max-width: 520px){
	.logo-parceiro{
		width: 30%;
	}

	p.parceiros{
		width: 67%;
	}
}


@media (max-width: 650px){
	.visible-desktop{
		display: none;
	}

	/*.visible-mobile{
		margin-top: 60px;

		background-color: #000;
	}*/

	.ordenar-mobile{
		float: none;
	}

	form#ordenar select{
		width: 160px;
	}
}

@media (min-width: 651px){
	.visible-mobile{
		display: none;
	}
}





/*
font-family: 'proxima_bold';
font-family: 'proxima_regular';
font-family: 'proxima_semibold';
font-family: 'proxima_thin';
*/