@charset "utf-8";


/* --------------------------------------------- Media Querys --------------------------------------------- */

@media (max-width: 600px) {

		
	.h1 { 	font-size:1.8rem; /* 36px */	}
	.h2 { 	font-size:1.6rem; /* 30px */	}
	.h3 { 	font-size:1.4rem; /* 24px */	}
	.h4 { 	font-size:1.2rem; /* 18px */	}
	.h5 { 	font-size:1.0rem; /* 14px */	}
	.h6 { 	font-size:0.8rem; /* 12px */	}
	.h7 {   font-size:0.5rem; }

	/* Essa margem é o espaço que existe para inserir o header.php */
	body {
		padding-top: 61px;

	}
}

body {
/* Essa margem é o espaço que existe para inserir o header.php */
padding-top: 61px;

}
.hr1 {
  border: 0;
  height: 2px;
  background-image: linear-gradient(to right, transparent, #CCC, transparent); 
}

@media screen and (min-width: 0px) and (max-width: 400px) { 

		
	.h1 { 	font-size:1.4rem; /* 36px */	}
	.h2 { 	font-size:1.3rem; /* 30px */	}
	.h3 { 	font-size:1.2rem; /* 24px */	}
	.h4 { 	font-size:1rem; /* 18px */	}
	.h5 { 	font-size:0.9rem; /* 14px */	}
	.h6 { 	font-size:0.8rem; /* 12px */	}


}

@media screen and (min-width: 401px) and (max-width: 600px) { 
	
	.h1 { 	font-size:1.5rem; /* 36px */	}
	.h2 { 	font-size:1.4rem; /* 30px */	}
	.h3 { 	font-size:1.3rem; /* 24px */	}
	.h4 { 	font-size:1.2rem; /* 18px */	}
	.h5 { 	font-size:1rem; /* 14px */	}
	.h6 { 	font-size:0.9rem; /* 12px */	}
}

@media screen and (min-width: 601px) and (max-width: 900px) { 
	
	.h1 { 	font-size:1.6rem; /* 36px */	}
	.h2 { 	font-size:1.5rem; /* 30px */	}
	.h3 { 	font-size:1.4rem; /* 24px */	}
	.h4 { 	font-size:1.3rem; /* 18px */	}
	.h5 { 	font-size:1.1rem; /* 14px */	}
	.h6 { 	font-size:1rem; /* 12px */	}

}


@media screen and (min-width: 901px) and (max-width: 1200px) { 
	
	.h1 { 	font-size:1.7rem; /* 36px */	}
	.h2 { 	font-size:1.6rem; /* 30px */	}
	.h3 { 	font-size:1.5rem; /* 24px */	}
	.h4 { 	font-size:1.4rem; /* 18px */	}
	.h5 { 	font-size:1.2rem; /* 14px */	}
	.h6 { 	font-size:1.1rem; /* 12px */	}

}

@media screen and (min-width: 1201px) { 
	
	.h1 { 	font-size:2rem; /* 36px */	}
	.h2 { 	font-size:1.8rem; /* 30px */	}
	.h3 { 	font-size:1.6rem; /* 24px */	}
	.h4 { 	font-size:1.4rem; /* 18px */	}
	.h5 { 	font-size:1.2rem; /* 14px */	}
	.h6 { 	font-size:1.0rem; /* 12px */	}

}

table {
  font-size: 16px; /* Tamanho da fonte desejado */
/*   font-family: "Roboto", Arial, sans-serif;*/
   color: #333;
}



@media (max-width: 600px) {
		
  .oculta_colunas{
     display:none;
   }

  .oculta_iconCel {
  	display: block;
  }
}

.cursorPointer{
	cursor: pointer;
}

.textoBalao_suporte{
	margin: 0 ; 
	background: #A38046;
	font-family: 'open sans';
	font-size: 0.85em;
	line-height: 1.6em;  
	border-radius: 15px;
	max-width: 500px;
	min-height: 90px;
	color: #fff;
	padding: 20px;
	position: relative;
	margin-top: 30px;
}

.textoBalao_suporte:after{ /*Triangulo*/
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #A38046;
	transform-origin: 0 100%;        
	transform: rotate(90deg);
	top: 10px; /*localização. Experimente alterar para 'bottom'*/
	left: -3.5%;
}


.textoBalao_cliente{
	margin: 0 ; 
	background: #80602d;
	font-family: 'open sans';
	font-size: 0.85em;
	line-height: 1.6em;  
	border-radius: 15px;
	max-width: 500px;
	min-height: 90px;
	color: #fff;
	padding: 20px;
	position: relative;
	margin-top: 30px;
}

.textoBalao_cliente:after{ /*Triangulo*/
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #80602d;
	transform-origin: 0 100%;        
	transform: rotate(90deg);
	top: 10px; /*localização. Experimente alterar para 'bottom'*/
	left: -3.5%;
}



/*body {
  padding-top: 70px;

}*/

#loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  /*opacity: 0.7;*/
  background-color: #000;
  z-index: 99;
  text-align: center;
  display: none;
	background-color: rgba(0,0,0,.7);

}

#loading_img {
	top: 50%;
	left: 50%;
	position: fixed;
	display: block;
	text-align: center;
	margin-top: -100px;
	margin-left: -100px;
}


.bg-info-claro {
	background-color: #e4eddd;
}

footer {
   	position: absolute;
	margin-top: 100px;
   	width:100%;
}
.olho {
  cursor: pointer;
  left: 260px;
  position: absolute;
  width: 20px;
  position: ;
}

/* Cria cards com bordar coloridas 
lembrar de adicionar 'card' no div principal a ser utilizados*/
.cardBorder{
	border-left: solid 5px;
	font-size: 1em;

}

.boxSize {
	align-self: center;
	min-width: 16rem;

}

/* Cria cores avulsas para serem utilizadas de forma independente*/
.azul { border-color: #5577FF; }
.vermelho { border-color: #d41418; }
.dourado { border-color: #ebbc17; }
.verde { border-color: #199e23; }
.cinza { border-color: #8f8f8f; }


/* Cria Layout dos boxes */

.boxVerde {
	background-color: #f9fefa;
	min-height: 410px; 
	width: 260px;
}

.boxAmarelo {
	background-color: #fffff9;
	min-height: 410px; 
	width: 260px;
}

.boxVermelho {
	background-color: #fff9f9;
	min-height: 410px; 
	width: 260px;
}

.boxCinza {
	/*background-color: #fafafa;*/
	min-height: 410px; 
	width: 260px;
}





/* INÍCIO - Cards de estatísticas*/

.card-Icon {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
height: 90px;
width: 90px;

}

.card-Pos {
	position: relative;
	float: left;
}

.card-interno {
	width: 50px;
	height: 50px;
	text-align: center;
}

.card-progress {
	height: 2px
}

/* FIM - Cards de estatísticas*/


#Notif {
	width: 28px;
	height: 28px;
}

#Notif_valor {

	position: relative;
	margin-top: -10px;
	margin-left: 10px;
}

p, li, h1, h2, h3, h4, h5, h6 {

  font-weight: 400;
  color: #383838;


}

  .oculta_iconCel {
     display:none;
   }


@media (max-width: 400px) {

  .font_minSize {
  	font-size: 8px;
  }


}

@media (max-width: 600px) {
		
  .oculta_colunas{
     display:none;
   }

  .oculta_iconCel {
  	display: block;
  }
}

/* -------------------- INICIO - CALENDÁRIO -----------------*/
/*Dias disponíveis*/

.calendarioDia{
	font-size:13px;
	color:#00000;
	font-size: 16px;
	font-family: Verdana, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*background-color: #E2FFE2;*/
	background-color: #FFFFFF;
	font-weight: bold;
	border: solid 1px #cccccc;
	height: 60px;
	padding: 12px;
	margin: 0px;
	text-align: center;


}

.quadroTD{
	background-color: #ffffff;
	font-weight: 200;
	border: 0px;
	padding: 0px;

}



table {
  line-height: 25px;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #ccc;
  border-radius: .25rem;
}

thead tr:first-child {
/*  background: #003232;
  color: #fff;
  border: none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight: normal;
  text-align: center;*/
  
}

tbody tr:last-child td {
  border: none;
}
/* -------------------- FIM - CALENDÁRIO -----------------*/



/* -------------------- INÍCIO - QUADRO DE VAGAS / HORÁRIOS -----------------*/

/*Dias disponíveis*/
.disponivel{
	font-size:13px;
	color:#00000;
	font-size: 16px;
	font-family: Verdana, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*background-color: #E2FFE2;*/
	background-color: #FFFFFF;
	font-weight: bold;
	border: solid 1px #cccccc;
	height: 60px;
	padding: 12px;
	margin: 0px;
	text-align: center;

}

/*Dias Lotados*/
.lotado{
	font-size: 16px;
	font-family: Verdana, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	/*background-color: #E64A37;*/
	background-color: #E64A37;
	font-weight: 200;
	border: solid 1px #cccccc;
	height: 60px;
	padding: 12px;
	margin: 0px;
	text-align: center;
}

.desativado{
	font-size: 16px;
	font-family: Verdana, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #74737D;
	/*background-color: #E64A37;*/
	background-color: #FFFFFF;
	font-weight: 200;
	border: solid 1px #cccccc;
	height: 60px;
	padding: 12px;
	margin: 0px;
	text-align: center;
}

.style_fundoVermelho {
background-color:#AD1710;
}


/* -------------------- FIM - QUADRO DE VAGAS / HORÁRIOS -----------------*/






#imgHeader{
 background-image:url(../Imagens/fundo.jpg);

  background-repeat: no-repeat;
  background-attachment: fixed;
background-position: center;
  background-size: cover ;
 height:500px;

}


.style_fundoHeader {
background-color:#202020;
}

.style_fundoPlanos {
background-color:#947137;
}

.style_marcadoresColors {
color:#947137;
}

.style_icons {
	color: #947137;
	width: 6rem;
	height: 6rem;
}

.style_cards {
	background-color: #f9f6ec;
}



/* INÍCIO - VARIAÇÃO DE MEDIA SEMELHANTE AO BOOTSTRAP -----------------------------------------------------*/
/* Layouts dinâmicos conforme resolução */

@media screen and (min-width: 0px) and (max-width: 576px) { 

	/* Página Início (estabelecimento) */
	.tituloInicio {
		font-size: 1.4rem;
		/*text-shadow: 3px 3px 3px #999999;*/
		color: #000000;
		font-family: "Comic Sans", "Colibri", "Arial";
		font-weight: 500;
	}

	/* Página Início (estabelecimento) */
	.logoInicio {
		max-width: 60px;
		max-height: 60px;
	}
	
	/* Página Conheça */
	.titulo {
		font-size: 1.8rem;
		color: #402c0e;
		font-weight: bold;
		font-family: Arial Black;
		word-spacing: -3px;
		letter-spacing: -1px;
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: #fff;

	}

	/* Página Conheça */
	.subtitulo {
		font-size: 0.8rem;
		color: #501818;
		font-weight: bold;
		font-family: Arial Black;
	}

	.espacamentoDivisor_top_sm {
		margin-top: 25px;
	}

}



@media screen and (min-width: 577px) and (max-width: 768px) { 

	.tituloInicio {
		font-size: 1.6rem;
		/*text-shadow: 3px 3px 3px #999999;*/
		color: #000000;
		font-family: "Comic Sans", "Colibri", "Arial";
		font-weight: 500;
	}

	.logoInicio {
		max-width: 70px;
		max-height: 70px;
	}

	/* Página Conheça */
	.titulo {
		font-size: 2.0rem;
		color: #402c0e;
		font-weight: bold;
		font-family: Arial Black;
		word-spacing: -3px;
		letter-spacing: -1px;
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: #fff;

	}

	/* Página Conheça */
	.subtitulo {
		font-size: 1.0rem;
		color: #501818;
		font-weight: bold;
		font-family: Arial Black;
	}

}


@media screen and (min-width: 769px) and (max-width: 992px) { 

	.tituloInicio {
		font-size: 2.0rem;
		/*text-shadow: 3px 3px 3px #999999;*/
		color: #000000;
		font-family: "Comic Sans", "Colibri", "Arial";
		font-weight: 500;
	}

	.logoInicio {
		max-width: 85px;
		max-height: 85px;
	}

	/* Página Conheça */
	.titulo {
		font-size: 2.3rem;
		color: #402c0e;
		font-weight: bold;
		font-family: Arial Black;
		word-spacing: -3px;
		letter-spacing: -1px;
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: #fff;

	}

	/* Página Conheça */
	.subtitulo {
		font-size: 1.3rem;
		color: #501818;
		font-weight: bold;
		font-family: Arial Black;
	}

}


@media (min-width: 993px)  { 

	.tituloInicio {
		font-size: 2.5rem;
		/*text-shadow: 3px 3px 3px #999999;*/
		color: #000000;
		font-family: "Comic Sans", "Colibri", "Arial";
		font-weight: 500;
	}

	.logoInicio {
		max-width: 100px;
		max-height: 100px;
	}

	/* Página Conheça */
	.titulo {
		font-size: 2.6rem;
		color: #402c0e;
		font-weight: bold;
		font-family: Arial Black;
		word-spacing: -3px;
		letter-spacing: -1px;
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: #fff;

	}

	/* Página Conheça */
	.subtitulo {
		font-size: 1.0rem;
		color: #501818;
		font-weight: bold;
		font-family: Arial Black;
	}

}

/* FINAL - VARIAÇÃO DE MEDIA SEMELHANTE AO BOOTSTRAP -----------------------------------------------------*/





.espacamentoDivisor_top {
	margin-top: 25px;
}



.espacamentoDivisor_bottom {
	margin-bottom: 25px;
}

.lineHeight {
	line-height: 1.6rem;
	color: #494848;
}


.fundoTec{
background-image: url(../Imagens/fundoTec.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
background-position: center;
  background-size: cover ;
 height:450px;
}

.style_fonte_Birds {

	line-height:120px;
	color:#FFFFFF;
	text-shadow: 3px 3px 3px #333333;
	font-family: "English";
	font-size:80px;

}

.style_fonte_Aerolite {
	font-family: "Proverbial";
	line-height:65px;
	letter-spacing: 3px;
	color:#FFFFFF;
	text-shadow: 3px 3px 3px #333333;
	
	font-size:40px;

}

.selectGrande {

    height: 40px;
    background-color: #fff;
    min-width: 250px;
    font-family: calibri;
    font-size: 1.3rem;
    color: #666;
    border: solid 1px #555;

}

.style_fundo_claro {
background:#f4f6f9;
}



/* --------------------------------------------- INÍCIO - Animação --------------------------------------------- */

@keyframes deslizar{
  0%   { 
  	opacity: 0%; 
  }
 /* 100% { 
  	opacity: 100%;  }*/
}

@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; } 
}
@-moz-keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1; }
}
@-o-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}

.anim_campoAdicional {
-webkit-animation: fadeIn 0.3s ease-in-out;
-moz-animation: fadeIn 0.3s ease-in-out;
-o-animation: fadeIn 0.3s ease-in-out;
animation: fadeIn 0.3s ease-in-out;
}

.fadeIn {
-webkit-animation: fadeIn 1s ease-in-out;
-moz-animation: fadeIn 1s ease-in-out;
-o-animation: fadeIn 1s ease-in-out;
animation: fadeIn 1s ease-in-out;
}

/* --------------------------------------------- INÍCIO - Animação --------------------------------------------- */


/* --------------------------------------------- INÍCIO - Links --------------------------------------------- */

a.style_linkCliente:link {
	color:#000000;
	text-decoration: none;
}
a.style_linkCliente:visited {
	text-decoration: none;
	color:#000000;
}
a.style_linkCliente:hover {
	text-decoration: none;
	color:#000000;
	background-color: #cccccc;

}
a.style_linkCliente:active {
	text-decoration: none;
	color:#000000;
}


a.style_linkExcluirIcon:link {
	color:red;
	text-decoration: none;
}
a.style_linkExcluirIcon:visited {
	color:red;
	text-decoration: none;
}
a.style_linkExcluirIcon:hover {
	color:orange;
	text-decoration: none;

}
a.style_linkExcluirIcon:active {
	color:red;
	text-decoration: none;
}




a.style_Card_1:link {
	color:#333333;
	text-decoration: none;
}
a.style_Card_1:visited {
	text-decoration: none;
	color:#333333;
}
a.style_Card_1:hover {
	text-decoration: none;
	color:#333333;
	background-color: #f9f6ec;

}
a.style_Card_1:active {
	text-decoration: none;
	color:#333333;
}


a.box:link {
	color:#333333;
	text-decoration: none;
	background-color: #fafafa;
}
a.box:visited {
	text-decoration: none;
	color:#333333;
	background-color: #fafafa;
}
a.box:hover {
	text-decoration: none;
	color:#333333;
	background-color: #fffcf6;

}
a.box:active {
	text-decoration: none;
	color:#333333;
	background-color: #fafafa;
}




/* Link utilizado em listas */
a.style_List_1:link {
	color:#333333;
	text-decoration: none;
}
a.style_List_1:visited {
	text-decoration: none;
	color:#333333;
}
a.style_List_1:hover {
	text-decoration: none;
	font-weight: 500;
	color:#333333;
	background-color: #f9f6ec;

}
a.style_List_1:active {
	text-decoration: none;
	color:#333333;
}


a.style_linkBasico:link {
	color:#18b4cc;
	text-decoration: none;
}
a.style_linkBasico:visited {
	text-decoration: none;
	color:#18b4cc;
}
a.style_linkBasico:hover {
	text-decoration: none;
	color:#18b4cc;
	font-weight: 500;

}
a.style_linkBasico:active {
	text-decoration: none;
	color:#18b4cc;
}

/*LINK BÁSICO PRETO*/
.style_linkBasico_preto:link {
	color:#000000;
	text-decoration: none;
}
a.style_linkBasico_preto:visited {
	text-decoration: none;
	color:#000000;
}
a.style_linkBasico_preto:hover {
	text-decoration: none;
	color:#000000;
	font-weight: 500;
	background-color: #eaeaea;

}
a.style_linkBasico_preto:active {
	text-decoration: none;
	color:#000000;
}


/*LINK BÁSICO PRETO*/
.style_linkDiscreto:link {
	text-decoration: none;
	color:#000000;
	font-family: calibri;
	font-size: 1rem;
}
a.style_linkDiscreto:visited {
	text-decoration: none;
	color:#000000;
	font-family: calibri;
	font-size: 1rem;
}
a.style_linkDiscreto:hover {
	text-decoration: none;
	color:#000000;
	font-family: calibri;
	font-size: 1rem;
	font-weight: 500;
}
a.style_linkDiscreto:active {
	text-decoration: none;
	color:#000000;
	font-family: calibri;
	font-size: 1rem;
}


/*LINK BÁSICO BRANCO*/
.style_linkBasico_branco:link {
	color:#fff;
	text-decoration: none;
}
a.style_linkBasico_branco:visited {
	text-decoration: none;
	color:#fff;
}
a.style_linkBasico_branco:hover {
	text-decoration: none;
	color:#fff;
	font-weight: 500;

}
a.style_linkBasico_branco:active {
	text-decoration: none;
	color:#fff;
}



/*LINK BÁSICO BRANCO*/
.style_servicos:link {
	color:#558899;
	text-decoration: none;
	font-family: Verdana;
}
a.style_servicos:visited {
	color:#558899;
	text-decoration: none;
	font-family: Verdana;
}
a.style_servicos:hover {
	color:#889977;
	text-decoration: none;
	font-family: Verdana;

}
a.style_servicos:active {
	color:#558899;
	text-decoration: none;
	font-family: Verdana;
}


.style_linkNeutro:link {
	color:#558899;
	text-decoration: none;
	font-family: Verdana;
}
a.style_linkNeutro:visited {
	color:#558899;
	text-decoration: none;
	font-family: Verdana;
}
a.style_linkNeutro:hover {
	color:#558899;
	text-decoration: none;
	font-family: Verdana;
	background-color: #fbfbfb;
}
a.style_linkNeutro:active {
	color:#558899;
	text-decoration: none;
	font-family: Verdana;
}

/* --------------------------------------------- FINAL - Links --------------------------------------------- */
  html {
    font-size: 1.1rem;
  }

@font-face {
    font-family: 'Aerolite';
    src: url('../Fontes/AeroliteCPone.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Birds_of_Paradise';
    src: url('../Fontes/Birds_of_Paradise.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proverbial';
    src: url('../Fontes/SF_Proverbial_Gothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'English';
    src: url('../Fontes/English.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Freagn';
    src: url('../Fontes/Freagn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}







.style_pequena_small {
font-size:small;
}

/* --------------------------------------------- Links --------------------------------------------- */

a.style_principal:link {
	color:#339999;
	text-decoration: none;
}
a.style_principal:visited {
	text-decoration: none;
	color:#339999;
}
a.style_principal:hover {
	text-decoration: none;
	color:#0099FF;
	font-weight: bold;
}
a.style_principal:active {
	text-decoration: none;
	color:#0099CC;
}


a.style_clean:link {
font-style:normal;
color:#000000;
	text-decoration: none;
}
a.style_clean:visited {
	text-decoration: none;
}
a.style_clean:hover {
	text-decoration: none;
}
a.style_clean:active {
	text-decoration: none;
}

a.style_branco:link {
	font-style:normal;
	color:#FFFFFF;
	text-decoration: none;
}
a.style_branco:visited {
	text-decoration: none;
	color:#FFFFFF;
}
a.style_branco:hover {
	text-decoration: none;
	color:#FFFFFF;
}
a.style_branco:active {
	color:#FFFFFF;
	text-decoration: none;
}

/* --------------------------------------------- Textos --------------------------------------------- */

.style_texto_titulo {
	color: #8F0B0D;
	font-weight: bold;
	text-shadow: 1px 1px 1px #999999;
}

.style_texto_subtitulo {
color:#CC6600;
font-weight:bold;
}

.style_texto_destaque_verde {
color:#006600;
font-weight:bold;
}

.style_texto_10 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.style_texto_14 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}







/* --------------------------------------------- Media Querys --------------------------------------------- */


    @media only screen and (max-width: 400px) {
    .mobile-hide{ display: none !important; }
    }
    @media only screen and (max-width: 400px) {
    .mobile{ display: inline !important; }
    }
    @media only screen and (min-width: 500px) {
    .desktop-hide{ display: none !important; }
    }