@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Bad+Script&display=swap');
body {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
    line-height: 19px;
	color:#465d69;
	margin:0;
	padding: 15px;
    box-sizing: border-box;
}
.tituloProg{
    font-family:'Bad Script', cursive!important;
    color: #000000!important;
    font-size: 26px!important;
    font-weight: 600!important;
}
#limpa {
	cursor:pointer;
}
.areaResumo{font-size:18px;line-height:24px;}
span {
	color:#fff;	
}
#quad-unico {
	background-color:#cecece;
}
#quad-esq, #quad-dto, #quad-esq-preenchido {
	float:left;
	font-weight:bold;
	text-align:center;
}
#quad-esq {
	background-color:#84c2cb;
	cursor:pointer;
	padding-top: 165px;
	box-sizing: border-box;
	border-right:#fff thin solid;
}
#quad-esq-preenchido {
	text-align:right;
	box-sizing:border-box;
	border-right:#fff thin solid;
	cursor:pointer;
}

#quad-dto .tipo-local, #quad-dto .tipo-local-preenchido {
	float:left;
	background-color:#fed771;
	padding-top:50px;
	box-sizing:border-box;
	cursor:pointer;
	border-right:#fff thin solid;
	border-bottom:#fff thin solid;
}
#quad-dto .tipo-nacional, #quad-dto .tipo-nacional-preenchido {
	float:left;
	width:120px;
	height:120px;
	background-color:#cedacf;
	padding-top:35px;
	border-bottom:#fff thin solid;
	box-sizing:border-box;
	cursor:pointer;
}
.tipo-servico-preenchido {
	float:left;
	width:360px;
	height:120px;
	text-align:center;
	border-bottom:#fff thin solid;
	box-sizing:border-box;
}
.tipo-servico-preenchido div {
	float:left;
	height:119px;
	border-right:#fff thin solid;
	box-sizing:border-box;
	padding-top:0;
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
}
.servico-01 {
	background-color:#94c120;
	background-image:url(../imagens/servicos/servico-01-on.jpg);
}
.servico-02 {
	background-color:#47b377;
	background-image:url(../imagens/servicos/servico-02-on.jpg);
}
.servico-03 {
	background-color:#066a82;
	background-image:url(../imagens/servicos/servico-03-on.jpg);
}

#quad-dto .tipo-local-preenchido, #quad-dto .tipo-nacional-preenchido {
	padding-top:0;
	background-repeat:no-repeat;
	background-position:center center;
}

#quad-dto .tipo-servico {
	float:left;
	width:360px;
	height:120px;
	background-color:#dadad9;
	padding-top:50px;
	box-sizing:border-box;
	cursor:pointer;
	border-bottom:#fff thin solid;
}
#quad-dto .tipo-resultado, .tipo-resultado1, .tipo-resultado2, .tipo-resultado3 {
	float:left;
	width:360px;
	height:120px;
	line-height:135px;
	background:url(../imagens/resultado/generico.jpg) no-repeat center center;
	background-size:cover;
	text-align:left;
	padding-left:110px;
	box-sizing:border-box;
}
#quad-dto .tipo-resultado1 {
	background:url(../imagens/resultado/standard.jpg) no-repeat center center;
	background-size:cover;
}
#quad-dto .tipo-resultado2 {
	background:url(../imagens/resultado/expert.jpg) no-repeat center center;
	background-size:cover;
}
#quad-dto .tipo-resultado3 {
	background:url(../imagens/resultado/premium.jpg) no-repeat center center;
	background-size:cover;
}
#texto-superior {
	color:#465d69;
	font-size:13px;
	margin-bottom:23px;
	font-weight:normal;
}
.colorblue {
	color:#006b80;
}
.saiba-mais {
	width:721px;
	text-align:right;
}
.saiba-mais img{
	cursor:pointer;
}
#area-titulo {
	padding:10px 10px 0;
}
#area-titulo a {
	text-decoration:none;
	color:#006b80;
}
#area-titulo a:hover {
	font-weight:bold;
}
#area-lista, #area-lista-local, #area-lista-servicos, #area-form {
	height:auto;
    padding:30px;
}
@media screen and (max-width:400px){
    #area-lista, #area-lista-local, #area-lista-servicos, #area-form {
        padding:15px;
    }
}
#area-lista {
	overflow:auto;
}
#area-lista::-webkit-scrollbar-track {
	background-color: #cbccd0;
}
#area-lista::-webkit-scrollbar {
	width: 12px;
	background-color: #cbccd0;
}
#area-lista::-webkit-scrollbar-thumb {
	background-color: #7d868d;
}
#area-lista .item-lista {
	margin:0 0.75% 5px 0;
	width:32.5%;
	float:left;
	height:155px;
	box-sizing:border-box;
	position:relative;
	cursor:pointer;
}
#area-lista .item-lista .por-cima {
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	width:98.2%;
	height:147px;
	background-color:transparent;
}
#area-lista .item-lista .fundo-area {
	width:100%;
	height:126px;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100%;
	box-sizing:border-box;
	margin:0;
}
#area-lista .item-lista .texto-area {
	width:100%;
	height:25px;
	padding-top:6px;
	background-color:#FFF;
	box-sizing:border-box;
	margin:0;
}
#area-lista .item-lista .texto-area h1 {
	text-align:center;
	font-size:12px;
	margin:0;
}
#area-lista-local div {
	margin:1px;
	float:left;
	width:calc(50% - 2px);
	height:310px;
	box-sizing:border-box;
	line-height:410px;
	text-align:center;
}
#area-lista-local div img {
	cursor:pointer;
}
#area-lista-servicos div {
	margin:1px;
	float:left;
	width:calc(33.3% - 2px);
	height:310px;
	box-sizing:border-box;
	line-height:410px;
	text-align:center;
}
#area-lista-servicos div img {
	cursor:pointer;
}
.resultados-areas {
	float:left;
	width:100%;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100%;
	text-align:right;
	padding:15px 15px 0 0;
	box-sizing:border-box;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
}

/* ##### FORMULÁRIO ##### */

#area-obrigado {
	font-size:18px;	
	padding:25px 10px;
	width:100%;
	box-sizing:border-box;
	text-align:center;
}
form {
	width:100%;
	margin:auto;
}
input, select {
	width:24%;
	padding:5px 10px;
	margin:5px 0;
	border:none;
	font-size:18px;
	color:#465c67;
	box-sizing:border-box;
}
::-webkit-input-placeholder {
   color: #465c67;
}
:-moz-placeholder { /* Firefox 18- */
   color: #465c67;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #465c67;
}
:-ms-input-placeholder {  
   color: #465c67;
}
.submit {
	background-color:#3baf2a;
	color:#fff;	
}
.indique {
	font-size:13px;	
}
.email {
	width:49%;
	margin-right:1.5%;
}
.telefone {
	width:49%;
}
td a{color:#000;text-decoration:none;display:block;}
.listaClientes td a{display:inline-block;}
td a:hover{font-weight:bold;}
.lineBt{padding-top:40px;}
p.lineBt{padding-top:0px;}
.lineBt a{color:#000;text-decoration:none;display:inline-block;border-radius:6px;background:#ddd;padding:5px 10px;font-weight:bold;margin-top:5px;}
.lineBt a:hover{background:#006b80;color:#fff!important;}

@media screen and (max-width:722px) {
	#area-total {
		width:100%;
		top:0;
		left:0;
		margin-top:0;
		margin-left:0;
	}
	.saiba-mais {
		width:361px;
	}
	#area-lista .item-lista {
		margin:0 1% 5px 0;
		width:49%;
	}
	#quad-esq {
		border-right:none;
		border-bottom:#fff thin solid;
	}
	#quad-esq-preenchido {
		border-right:none;
		border-bottom:#fff thin solid !important;
	}
	#area-lista .item-lista .texto-area h1 {
		font-size:11px;
	}
	form {
		width:94%;
	}
	.email {
		margin-right:1.1%;
	}
	.indique {
		font-size:11px;
		padding:10px 10px;
	}
	#area-obrigado {
		padding:15px 10px;
	}
}
body.clientesAdm{padding:0;background-color:#1b1b1d;display:flex;width:100%;height:100vh;align-items:center;justify-content:center;}
body.clientesAdm #texto-superior{text-align:center;}
body.clientesAdm #texto-superior img{max-width:96%;}
body.clientes{padding:0;color:#000;}
body.clientes.login{padding:0;background-color:#1b1b1d;color:#000;}
body.clientes.login #quad-unico{background-color:#cbccd0;}
body.clientes.login #quad-unico a{color:#000;}
body.clientes .tituloProg{
    background-color:#1b1b1d;
    display:block;
    margin:0!important;
    padding:15px 15px 0;
    text-align:center;
}
body.clientes .tituloProg img{
    max-height:150px;
    max-width:225px;
    width:100%;
}
body.clientes #area-titulo {
    padding:15px;
    text-align:center;
    font-size:16px;
    padding-top:60px;
}
body.clientes #area-tituloA{
    padding: 15px;
    background-color: #1b1b1d;
    color: #fff;
    text-align:center;
}
body.clientes #area-tituloA a:hover {
    background:rgba(255,255,255,0.75);
}
body.clientes #area-tituloA a {
    text-decoration:none;
    color:#000000;
    display:inline-block;
    background-color:#fff;
    padding:5px 15px;
    margin-top:5px;
    border-radius:5px;
    font-weight:bold!important;
}
body.clientes .lineBt a:hover{
    background-color:#000;
}
body.clientes footer{
    background-color:#1b1b1d;
    color:#fff;
    text-align:center;
    padding:6px 15px;
    font-size:12px;
}
body.clientes #area-lista{
    min-height:calc(100vh - 500px);
}
form.login a{
    display:inline-block;
    text-decoration:underline;
}
.olho{
    cursor:pointer;
    margin:0 0 0 10px;
    width:20px;
}
form.login input{
    width:calc(100% - 30px);
}
form.login input[type="submit"]{
    width:100%;
}
form.login .senha{
    display:flex;
    align-items:center;
}

/* TABS PAG. SOBRE */

.ui-tabs-nav{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ui-tabs-nav li a{
    padding:8px;
    margin:0 2px;
    font-weight:bold;
    font-size:17px;
    text-align:center;
}

.ui-tabs-nav li a:hover,.ui-state-active a{
    background:#ddd;
    border-radius:5px;   
}
.ui-tabs-panel{
    width:100%;
    max-width:750px;
    margin:40px auto 0;
}

/* PAG CATALOGO */

.catalogo{
    padding:0;
    margin:0;
    list-style:none;
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    justify-content:center;
}
.catalogo li{
    width:190px;
    margin:7.5px;
}
.catalogo .imgCatalogo{
    width:100%;
    height:200px;
    margin-bottom:8px;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}

@media screen and (max-width:400px){
    .ui-tabs-nav li a{
        padding:6px;
        font-size:16px;
    }
    .catalogo li{
        width:152px;
    }
}
@media screen and (max-width:374px){
    .catalogo li{
        width:125px;
    }
}

#paginacao{
    margin:15px 0;
}
#paginacao a{
    background-color:#fff;
    text-decoration:none;
    padding:5px 10px;
    color:#000;
    display:inline-flex;
}
#paginacao a:hover,#paginacao a.current{
    background-color:#000;
    color:#fff;
}