﻿@import url(/assetmanager/scripts/style/tables.css);/*O CÓDIGO FONTE DESTE SITE É PROTEGIDO POR LEI PERTENCENTE APORTALL SYSTEM DESENVOLVIMENTO DE SISTEMAS LTDA - CNPJ 08.389.873/0001-40A CÓPIA  DESTE CÓDIGO PODERÁ RESULTAR EM PROCESSO JUDICIAL.*/  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Quicksand&display=swap');@import url(CheckRadio.css);.nenhum{font-family:unset;font-size:unset;color:unset;font-weight:unset;font-style:unset;}input, button, textarea{box-sizing: border-box !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important;}*, input, select, textarea, option, button { outline: none !important; }@media screen  and (min-width: 1250px) {.WHmm{width:100%;margin-left:auto; margin-right:auto;min-width:1025px;max-width:1250px;}}@media screen  and (max-width: 1249px) {.WHmm{width:85% !important; margin:0 auto 0 auto;} .WHmm .WHmm{width:100% !important;}}/************** CLASSES DO GOOGLE */.Montserrat400400{font-family:'Montserrat';font-weight:400;} .Montserrat700700{font-family:'Montserrat';font-weight:700;} .Quicksand{font-family:'Quicksand';}/************** CLASSES DO GOOGLE ¬ */:root{
--fontText:'Montserrat';
--fontTitle:'Quicksand';
--corSlickActive:#ec4967;
--corSlickHover:#ec4967;
}
*,body,p,div,a,li,input,textarea,select{line-height:1.8;font-family:var(--fontText); color:#0D171A;}
h1{color:#3E428B;font-size:45px;font-family:var(--fontTitle);line-height:1.2;padding:0px 0px; margin:0px 0px;font-weight:400;}
h2{color:#3E428B;font-size:32px;font-family:var(--fontTitle);line-height:1.2;padding:0px 0px; margin:0px 0px;font-weight:400;}
h3,h4,h5,h6{color:#7a7a7a;font-size:26px;font-family:var(--fontTitle);line-height:1.2;padding:0px 0px; margin:0px 0px;font-weight:400;}
a{color:#3E428B;text-decoration:none;}
a:hover{color:#ec4967;text-decoration:underline;}

/*********************** BOTÕES no editor*/
.CTA{font-family:var(--fontText); padding:10px 20px; cursor:pointer; outline:none; border:0px; border-radius:0px; font-size:1rem;-webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 50%) !important;text-shadow: 0 -1px 1px rgb(0 0 0 / 25%) !important;border-bottom: 1px solid rgba(0,0,0,0.25) !important; width:auto;background-color:#453b85;color:#fff !important;}

.Botao{font-family:var(--fontText); padding:10px 20px; cursor:pointer; outline:none; border:0px; border-radius:0px; font-size:1rem;-webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 50%) !important;text-shadow: 0 -1px 1px rgb(0 0 0 / 25%) !important;border-bottom: 1px solid rgba(0,0,0,0.25) !important; width:auto;background-color:#EFEFEF;color:#7a7a7a !important;}
/*********************** BOTÕES no editor ¬ */

.Citar{background-color:#f4f4f4; color:#000; padding:10px 15px;}



/*********************** CURSOS ONLINE */
div#into img{filter: invert(1) contrast(1.5);}
h3{margin-bottom:10px;}
ol{list-style-type: decimal;  margin-left: 36px;}
ol li {margin-top: 15px;}
:root{
  /*cor menu*/
  --corBgMenu1:#c9f3fd;
  --corBgMenu2:#4ad5f2;
  /*botão comum*/
  --corButton:#c9f3fd;
  /*botão cta*/
  --corButtonCta:#4ad5f2;
  --corButtonCtaTxt:#373435;
  /*barra de status de leitura*/
  --colorBgScrollStatus:#19d3f0;
  /*cores da batta de progresso do curso*/
  --scrollBarProgress:#19d3f0;
  --scrollBarProgressBg:#0000000f;
  --scrollBarProgressText:#1991a4;
  /*linha do frame hcfast*/
  --hciFastBar:#19d3f0;			
  --borderRadius:5px;
  --corButtonTxt:#ec4967;
}
/*********************** CURSOS ONLINE ¬ */
		
		
blockquote {
    margin: 1em 0em 0em 2em !important;
    padding: 20px 30px !important;
    background-color: #f7f7f7 !important;
    background-image: url('/skins/128/x-paper.webp');
	box-shadow: -20px 4px 20px 0px #0000003b;
}
blockquote div,blockquote div * {
    font-family: 'Reenie Beanie' !important;
	font-weight: 100;
    font-size: xx-large;
    line-height: 1.1;
}
			
#content ul {
    list-style: inside;
    line-height: 2;
    margin-left: 30px !important;
}

		

/*********************** FORMULÁRIO *************************/
input[type=file],input[type=date],input[type=text], input[type=number], input[type=search], input[type=tel], input[type=email], input[type=password], textarea, select{
	width:100%;
	padding: 14px 20px;
	background: #FFF;
	box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.15);	
	border:0px;
	color: #4d4d4d;
	font-family:var(--fontText); 
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 29px; /* 145% */
	letter-spacing: 0.4px;
	border-radius:var(--borderRadius);
}

/*input[type=file]:hover,input[type=date]:hover,input[type=text]:hover, input[type=number]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=email]:hover, input[type=password]:hover, textarea:hover, select:hover*/

input:focus-within, select:focus-within, textarea:focus-within, input:focus-visible, select:focus-visible, textarea:focus-visible
{box-shadow: 0px 0px 8px 8px #4ad5f270;}

form label{
	text-align:left;
	float:left;
	margin-top:20px;
	/*font-size:14px !important;*/
	color: #4d4d4d;
	font-family:var(--fontText); 
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 29px; /* 145% */
	letter-spacing: 0.3px;	
	margin-bottom:10px;
	cursor:pointer;
}

.opcaoFormEditor {
    width: 100%;
    display: inline-flex;
}
.opcaoFormEditor input[type=radio],.opcaoFormEditor input[type=checkbox]{
	float: left;
    margin-top: 25px;
    margin-right: 15px;
}
input[type=file]{cursor:pointer;}
input[type=file]::file-selector-button {
  border:0px;
  padding: 0px;
  border-radius:var(--borderRadius);
  background-color:transparent;
  transition: 1s; 
  padding: 9px 0px;
  cursor:pointer;
  width:26px;
  background-image:url('/adm/images/upload.svg');
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 5px;color:transparent;
}
/*********************** FORMULÁRIO ¬ ************************/

button {
    border: 0px;
    padding: 10px 20px;
    border-radius: 5px;
}

button i {
    margin-right: 5px;
}

button.transparent i {
    margin: unset;
}
button:active {
    box-shadow: inset 0 0 15px #00000073;
}

button:disabled {
    background-color: #cccccc;
}
 
button, input[type=button], input[type=submit]{
font-family:var(--fontText); padding:10px 20px; cursor:pointer; outline:none; border:0px; border-radius:0px; font-size:1rem;-webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 50%);text-shadow: 0 -1px 1px rgb(0 0 0 / 25%) !important;border-bottom: 1px solid rgba(0,0,0,0.25) !important; width:auto;}

.btform, .btform i{background-color:#413e88;color:#fff !important;}
.btnove, .btsete, .btnove i, .btsete i{background-color:#EFEFEF;color:#0D171A !important;}

button:hover, input[type=submit]:hover, input[type=button]:hover, .btform:hover, .btnove:hover, .btsete:hover{
transition: 0.3s;-webkit-box-shadow: 0 1px 10px rgb(0 0 0 / 50%);transform: translateY(-2px);
}

.tituloBanner{font-weight:700;}

input[type=submit]:active, input[type=button]:active, input:focus-within, select:focus-within, textarea:focus-within, .btform:active, .btnove:active, .btsete:active, button:active, .CTA:active, .Botao:active{
transition: 0.3s;
-webkit-box-shadow: 0 4px 10px rgb(0 0 0 / 8%);
box-shadow: inset 0 4px 10px 0 rgb(0 0 0 / 8%);
transform: translateY(2px);
}

img{border-radius:0px;}

:root {
    --menu3-cor-fundo: rgb(255, 255, 255);
    --menu3-cor-hover: #423f88;
    --menu3-cor-primaria: #423f88;
	--menu3-cor-primaria-hover: #fff;
}
	

/*********************** MENU ¬ */
#menu0L{z-index:100 !important;}
#menuPrincipal{max-width: 1000px; float: right;}
#menuPrincipal *{font-family:'Quicksand';font-weight:400; font-size:18px;}
.dp-menu{width: 100%;min-width: 100%;}
/*********************** MENU ¬ */
/*********************** MENU LATERAL ¬ */
#menu0L .faMenu0L {background-color: #E24666;}
#menu0L .tooltiptext {font-family:var(--fontText); font-size:16px;}
/*********************** MENU LATERAL ¬ */
/*********************** WHATSAPP ¬ */
#introWhatsapp span{color:#fff;}
#botaoConfirmaWhatsapp{color:#000 !important;}
/*********************** WHATSAPP ¬ */

/*********************** blockquote */
blockquote {border-left:#eeeeee 5px solid;padding-left:10px;}  blockquote { margin: 2em 0px 2em 0px; padding-left: 40px; font-style: italic;  background-color: #efefef;        padding: 20px 30px;       border-radius: 20px;        width:fit-content;} blockquote:before {    color: #cccccc;    content: '\201C';     font-family:Quicksand, sans-serif;    font-size: 6em;    font-weight: normal;    line-height: 0px;    margin: 0px 25px 0px -40px;  vertical-align: bottom;}

/*********************** blockquote ¬ */

 /*********************** FORMULÁRIO ¬ */
input[type=text], input[type=number], input[type=search], input[type=tel], input[type=email], input[type=password], input[type=date], input[type=file], input[type=datetime-local], textarea, select{
font-family:var(--fontText); width:100%;
padding: 10px 10px;
color: #000;
font-weight: 700;
border-radius: 5px;
border: 1px solid #dfdfdf;
background-color: #fafafa;
}form label{text-align:left;float:left; margin-top:20px;}

input[type=file]{cursor:pointer;}
input[type=file]::file-selector-button {
  border:0px;
  padding: 0px;
  border-radius:0px;
  background-color:transparent;
  transition: 1s;
  padding: 9px 0px;
  cursor:pointer;
  width:26px;
  background-image:url('/adm/images/upload.svg');
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 5px;color:transparent;
}
/*********************** FORMULÁRIO ¬ */
	
/*********************** CURSOS ONLINE */
h3{margin-bottom:10px;}
ol{list-style-type: decimal;  margin-left: 36px;}
ol li {margin-top: 15px;}
:root{
  /*cor menu*/
  --corBgMenu1:#423f88;
  --corBgMenu2:#1c1b3b;
  /*botão comum*/
  --corButton:#4b408f;
  --corButtonTxt:#fff;
  /*botão cta*/
  --corButtonCta:#ec4967;
  --corButtonCtaTxt:#fff;
  /*barra de status de leitura*/
  --colorBgScrollStatus:#ec4967;
  /*cores da barra de progresso do curso*/
  --scrollBarProgress:#ec4967;
  --scrollBarProgressBg:#0000000f;
  --scrollBarProgressText:#fff;
  /*linha do frame hcfast*/
  --hciFastBar:#ec4967;			
}
#perfilLogo img#logo{
	filter: brightness(0) invert(1);
    max-width: 313px !important;
}
		
		
div.content div#perfilLogo div#into * {filter: brightness(999);}
		
/*********************** CURSOS ONLINE ¬ */
		
			
/* TABELA INFINITA */
@media (max-width: 480px) {
	div.max-table{display: block; max-width: 280px; margin: 0 auto; overflow-x: auto; white-space: nowrap;float: left; border:solid 1px #313131;}
	.max-table::before {font-weight: italic;font-size: 14px;color: #545454;content: "Arraste para ver as colunas da tabela";} 
}
@media (min-width: 480px) and (max-width: 960px) { 
	div.max-table{display: block; max-width: 440px; margin: 0 auto; overflow-x: auto; white-space: nowrap;float: left; border:solid 1px #313131;}
	.max-table::before {font-weight: italic;font-size: 14px;color: #545454;content: "Arraste para ver as colunas da tabela";} 
}
/* TABELA INFINITA */



/************ RESPONSIVO ************/
@media screen and (min-width: 20px) and (max-width: 1024px) {
	#conteudoUp{
		width:80vw;
		margin:0px 10vw;
	}	
	
	.slick-slide img {margin: auto auto !important;}
	.slick-slide p, .txtBanner {text-align: justify !important;}
		
	#livros-itens img, #livros-itens button{float:unset !important;}
	#livros-itens div{margin-top:100px;}
	#livros-itens div:first-child{margin-top:0px !important;}

	div.linhaContatos.linhaRedesSociais {display: grid;}

	#logoSite {
		max-width: 60vw;
    	margin-left: -35px;
	}
	
	#bgTopo{
    	background-size: 100vw;
    	background-repeat: no-repeat;
	    min-height: 590px !important;
	}

	#bt-menu{background-color: #ec4967; top:30px;}

}

@media screen and (min-width:680px) and (max-width: 1024px) {
	#bgTopo{min-height: 1060px !important;background-repeat: no-repeat;background-size: 100vw;
	}
/************ RESPONSIVO ************/
	
	
#menuPrincipal nav ul, #menuPrincipal nav ul li{
		background-color:#ffffff;
}