@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=Ms+Madi&family=Roboto:ital,wght@0,100..900;1,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');.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; }
/************** CLASSES DO GOOGLE */

.MsMadi{
font-family:'Ms Madi';
}
.Roboto0100..900{

font-family:'Roboto';
font-style:normal;
font-weight:100..900;} 

.Roboto1100..900{

font-family:'Roboto';
font-style:italic;
font-weight:100..900;} 

.WorkSans0100..900{

font-family:'Work Sans';
font-style:normal;
font-weight:100..900;} 

.WorkSans1100..900{

font-family:'Work Sans';
font-style:italic;
font-weight:100..900;} 

/************** CLASSES DO GOOGLE ¬ */

:root{
	--fontDefault:"Roboto";
	--fontText:"Roboto";
	--fontTitle:"Work Sans";
	--fontHand:"Ms Madi";
	--colorFontTitle:#23366E;
	--colorFontText:#373435;
	--borderRadius:15px;

	--corSlickActive:#fa8040;
	--corSlickHover:#23366E;
	--corSlick:#efefef; 

	--scroolFundo:#3c2e61;
	--scroolBar:#f78e46;
	--scroolBarHover:rgb(137, 141, 194);
			
	--swiper-theme-color: #20516c !important;
	--swiper-pagination-bullet-inactive-color: #cccccc;
			
	--menu3-cor-fundo:transparent;
	--menu3-cor-hover:#ffffff;
	--menu3-cor-primaria:#ffc557;
	--menu3-cor-primaria-hover:#FFFFFF;
	--fontSizeMenu:18px;		

	--hciFastBar:#18506b !important;
			
	--fontButton:"Work Sans";
	--colorButton-Default:#999999;
	--colorButton-DefaultHover:#777777;		
	--colorButton-DefaultText:#FFFFFF;		
	--colorButton-Go:#0960a9;
	--colorButton-GoHover:#064375;
	--colorButton-GoText:#ffffff;
	--colorButton-Solid:#303469;
	--colorButton-SolidHover:#0B1E57;
	--colorButton-SolidText:#FFFFFF;			
	--colorButton-Outline:#303469;
	--colorButton-Text:#ffffff;
			
	--select-Text:#ffffff;
	--select-TextBackground:#20516c;
			
	--defaultICONButton:"\f054";
}
	
		
		
	
		
body{
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: hidden;
	background-color:#f8f7f5;
}
#topo{
	padding: 0 !important;
	z-index: 0;
}

		
		
/*********************** BOX ********************/		
	.box{
		padding: 10px 20px;
		width: fit-content;
		/*word-break: break-all;*/
		font-style: normal;
		line-height: 140% !important;
		color: #FFF;
		background: var(--corSlickActive);
		border-radius: 10px;
		font-weight: 300 !important;
	}		

/*********************** BOX ¬ ********************/		

/*********************** FONTES ********************/
body,p,div,a,li,input,textarea,select{
	font-family:var(--fontDefault); 
	color: var(--colorFontText);
			
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 0.02em;

}

li, p {
	margin-bottom: 16px;
}
p:last-child {
	margin-bottom: 0;
}

* span {
    font-weight: 200 !important;
}
span[style*="font-weight: bold"] {
    font-weight: 700 !important;
}			

#conteudoDIV img{
	max-width: 80vw;
}				
#conteudoDIV{
	margin-bottom: 60px;
}
/*********************** FONTES ¬ ********************/

	
			
	
/*********************** A ********************/		
a{
	text-decoration:none;
	font-weight:400;
}
a:hover{
	text-decoration:underline;
}
/*********************** A ¬ ********************/		
			
		
/*********************** H1, H2 ********************/					
h1,h2{
	font-family: var(--fontTitle);
	color: var(--colorFontTitle);
	
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 50px;
	line-height: 130%;
	letter-spacing: 0.02em;
	color: #1363AC;

}
.txtPaginacaoModulos{text-align: left;}
			
h1.center{
	width:100%;
	text-align:center;
}
/*********************** H1, H2 ¬ ********************/					


		
		  
		
/*********************** 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 bg body*/
  --corBgBody:#fafafa;
  --corText:#434343;			
  /*cor menu*/
  --corBgMenu1:#F3D5E4;
  --corBgMenu2:#312951;
  /*botão comum*/
  --corButton:#F1DCE6;
  --corButtonTxt:#D21A72;
  /*botão cta*/
  --corButtonCta:#EB74AD;
  --corButtonCtaTxt:#373435;
  /*barra de status de leitura*/
  --colorBgScrollStatus:#F6318F;
  /*cores da batta de progresso do curso*/
  --scrollBarProgress:#F6318F;
  --scrollBarProgressBg:#0000000f;
  --scrollBarProgressText:#D21A72;
  /*linha do frame hcfast*/
  --hciFastBar:#d43176;			
  --borderRadius:5px;
}
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: var(--fontHand) !important;
	font-weight: 100;
    font-size: xx-large;
    line-height: 1.1;
}
/*********************** CURSOS ONLINE ¬ */
		
		
		
/*********************** cta ******/
.button{
	background-color:#f4f4f4;
	color:#000;
	padding:10px 15px;
	line-height:2;
}
/*********************** cta ¬ */
	
/*********************** IMGS RIGHT LEFT CONTENT ***************/
img.right{
	float: right;
    margin: 0px 0px 0px 90px !important;
    /*width: 50%;*/
	max-width: fit-content;
}
img.left{
	float: left;
    margin: 0px 90px 0px 0px !important;
    /*width: 50%;*/
	max-width: fit-content;
}

@media(max-width: 480px){
	img.left, img.right{
		float: unset;
		margin: 0px 0px 30px 0px !important;
		width: 100% !important;
		max-width: 90vw;
		height: auto !important;
	}
}
/*********************** IMGS RIGHT LEFT CONTENT¬ ***************/