@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');

*
{
	box-sizing:border-box !important;
}

html,body
{
	width:100% !important;
	margin:0px !important;
	padding:0px !important;
	float:left !important;
		
	font-family:'Poppins';
	font-size:13px;
	color:#838383;
	
	background-position:top;
	background-size:cover;
	background-attachment: fixed;

	height:100%;
	min-height:100%;
	display:table !important;
}

/*/* Adicione uma transição suave para opacidade */
body {
    transition: opacity 0.7s ease-in-out;
}

body.fade-out {
    opacity: 0; /* Fica transparente */
}

body
{
	min-height: 100% !important;
	height: 120% !important;
	display: table !important;
}

.voltarUs
{
	position:fixed;
	left:4px;
	top:4px;
	
	width:124px;
	height:44px;
	border-radius:44px;
	line-height:33px;
	color:rgb(255,255,255);
	font-size:11px !important;
	
	padding:6px;
	background-image:url(../images/arrow_leftW.png);
	background-size:auto 16px;
	
	padding-left:35px;
	background-position:left 10px center;
	background-repeat:no-repeat;
	
	cursor:pointer !important;
	z-index:999999999999999999999999999999999 !important;
	
	background-color:rgb(1,223,248);
	box-shadow:1px 1px 4px rgb(0,0,0,0.1);
}

.voltarUs:hover
{
	-webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    transform: scale(1.08);
}

#Preload
{
	width:100%;
	height:100%;
	min-height:100%;
	
	position:fixed !important;
	z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 !important;
	text-align:center;
		
	background-color:rgb(255,255,255,0.9);
	
	transition:all 2s;
	animation: fade 2s;
    -webkit-animation: fade 2s;
    -moz-animation: fade 2s;
}

#Preload div
{
	width:120px;
	height:120px;
	margin:0 auto;
	margin-top:18%;
	border-radius:150px;
	
	background-color:rgb(255,255,255);
	box-shadow:1px 1px 4px rgb(0,0,0,0.2);
	
	background-image:url(../js/ajax/loader/preload.gif);
	background-size:auto 150px;
	background-position:center;
	background-repeat:no-repeat;
	
	transition:all 2s;
	animation: fade 2s;
	  -webkit-animation: fade 2s;
	  -moz-animation: fade 2s;
}

.preloadIframe
{
	width:100%;
	float:left;
	height:100%;
	
	background-image:url(../js/ajax/loader/preload.gif);
	background-size:auto 150px;
	background-position:center;
	background-repeat:no-repeat;
}

#Top
{
	width:55px;
	height:55px;
	background-color:rgb(1,190,211);
	border-radius:100px;
	
	position:fixed;
	padding:5px;
	padding-top:13px;
	bottom:5px;
	right:5px;
	opacity:0;
	text-align:center;	
	
	z-index:999999999999999 !important;
	
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

#Top img
{
	cursor:pointer;	
	width:25px !important;
}

#Top:hover
{
	-webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    transform: scale(1.08);
}

.padding10
{
    padding: 10px;
}

.padding20
{
    padding: 20px;
}

.pointer
{
	cursor:pointer !important;	
}

.sombraInset
{
	box-shadow:inset 1px 6px 18px rgb(0,0,0,0.07);	
}

.sombraOff
{
	box-shadow:1px 1px 16px rgb(0,0,0,0.38);	
}

.content_auto_center
{
	width:auto !important;
	max-width:90% !important;
	display:table;
	
	margin:0 auto !important;	
}

.content_msg
{
	width: 100%;
	float: left;
	display: table;
	padding: 10px;
	
	text-align: center !important;
}

.content_msg_strong
{
	font-size: 18px;
	letter-spacing: 1px;
}

.content_msg i
{
	font-style: normal !important;
	font-size: 12px;
}



.content_bt
{
	width:100%;
	float:left;
	text-align:center;
	margin-top:20px;
	margin-bottom:40px;
	
	padding-bottom:20px;
	
	background-image:url(../images/sep.png);
	background-repeat:no-repeat;
	background-position:center top;
	
	padding-top:20px;	
}

.font1
{
	font-family:'Poppins';
	font-size:12px !important;
	line-height:21px !important;
}

.titles
{
	width:100%;
	float:left;
	font-family:'Poppins';
	/*text-transform:uppercase;*/
	font-size:23px;
	color:rgb(110,110,110);	
	
	/*text-shadow:3px 0px 3px rgba(0,0,0,0.1);*/
	margin-bottom:30px;
	text-align:center;
	display: table !important;
	
	letter-spacing:2px;
	font-weight: 200;	
	text-transform:uppercase;
}

.titlesBasic
{
	width:100%;
	float:left;
	font-family:'Poppins';
	/*text-transform:uppercase;*/
	font-size:25px;
	color:#909090;	
	
	/*text-shadow:3px 0px 3px rgba(0,0,0,0.1);*/
	margin-bottom:18px;
	text-align:center;
	height:70px;
	display:table;
	padding-bottom:10px;
	
	letter-spacing:4px;
	font-weight:300;	
	text-transform:uppercase;
	
	background-image:url(../images/sepTitle.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}

.titlesSep
{
	width:100%;
	float:left;
	font-family:'The Nautigal' !important;
	font-size:69px;
	color:#1ccff0;	
	
	/*text-shadow:3px 0px 3px rgba(0,0,0,0.1);*/
	margin-bottom:10px;
	text-align:center;
	height:110px;
			
	background-image:url(../images/sepTitle.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}

.titles2
{
	width:100%;
	float:left;
	display:table;
	
	/*font-family:'Alifiyah' !important;*/
	font-family:'The Nautigal' !important;
	font-size:79px;
	/*color:rgb(102,102,102);*/
	color:#1ccff0;	
	line-height:72px;
	text-align:center;
	
	margin-bottom:35px;
}

.titles3
{
	width:100%;
	float:left;
	display:table;
	
	/*font-family:'Alifiyah' !important;*/
	font-family:'The Nautigal' !important;
	font-size:70px;
	color:#00ccef;	
	
	text-align:center;
	
	margin-bottom:35px;
	margin-top:35px;
}

.titles4
{
	width:100%;
	float:left;
	display:table;
	
	/*font-family:'Alifiyah' !important;*/
	font-family:'The Nautigal' !important;
	font-size:85px;
	line-height:60px;
	color:#1cecff;	
	font-weight:200;
	
	margin-bottom:25px;
	margin-top:25px;
}


.subtitles
{
	width:100%;
	font-size:18px;	
	font-family:'Poppins';
	letter-spacing:4px;
	color:#5b5a5a;
	margin-top:8px;	
}

.white
{
	color:#FFFFFF;	
}

.text
{
	width:100%;
	font-size:15px;	
	font-family:'Poppins';
	color:#838383;
	margin-top:10px;	
	padding-left:8px;
	line-height:34px;
}

.subtitles2
{
	width:100%;
	font-size:17px;	
	font-family:'Poppins';
	color:#aa7d1b;
	margin-top:15px;	
	text-align:center;
}

article
{
	width:100%;
	float:left !important;
	display:table !important;	
	
	-webkit-transition: all 3s; /* Safari */
    transition: all 3s;
}

.borderBlue
{
	border:solid 5px #00d7f0;	
}

.content_corpo_auto
{
	width:auto;
	margin:0 auto;
	display:table;
}

.corpo90
{
	width:90%;
	margin:0 auto;
	padding:20px;
}

.corpo80
{
	width:80%;
	margin:0 auto;
	padding:20px;
}

.corpo60
{
	width:60%;
	margin:0 auto;
	padding:20px;
}

.content_quadro
{
	width:100%;
	margin:0 auto;
	display:table;
	background-color:rgb(255,255,255,0.8);
	
	padding:30px;
	padding-top:70px;	
	
	margin-top:30px;
	margin-bottom:40px;
}

.content
{
	width:100% !important;
	float:left;
	display:table;
}


.corpo_right
{
	width:70%;
	float:right;
	padding-right:30px;	
}

.mtop
{
	margin-top:15px;	
}

.mtop5
{
	margin-top:5px;	
}

.mtop10
{
	margin-top:10px !important;		
}

.mtop20
{
	margin-top:20px !important;		
}

.mtop30
{
	margin-top:30px !important;	
}

.mtop50
{
	margin-top:50px !important;		
}

.mtop60
{
	margin-top:60px;	
}

.mtop70
{
	margin-top:70px !important;		
}

.mtop80
{
	margin-top:80px;	
}

.mtop100
{
	margin-top:100px;	
}

.mtop80N
{
	margin-top:-80px !important;	
}

.mtop100N
{
	margin-top:-100px !important;	
}

.mbottom40
{
	margin-bottom:40px !important;
}

.mbottom50
{
	margin-bottom:50px !important;
}

.mbottom60
{
	margin-bottom:60px !important;
}

.mbottom100
{
	margin-bottom:100px !important;
}

.mleft10p
{
	margin-left:10%;
}

.mright10p
{
	margin-right:10%;
}

.FontBig
{
	font-size: 30px;
	font-family: 'Poppins';
}

.left
{
	text-align:left;	
}

.FontMin
{
	font-size: 11px !important;
	line-height:14px;
	font-family: 'Poppins';
	color:#B9B9B9;
}

.FontMin2
{
	font-size: 13px !important;
	line-height:15px;
	font-family: 'Poppins';
	color:#969696;
}

.FontMin3
{
	font-size: 12px !important;
	line-height:15px;
	font-family: 'Poppins';
	color:#888;
}

.red
{
	color:rgb(255,0,0) !important;	
}

.mtopN
{
	margin-top:-15px !important;
}

.mtopN2
{
	margin-top:-10px !important;
}

.mtopN3
{
	margin-top:-5px !important;
}

.mtopN4
{
	margin-top:-3px !important;
}

.mtopN30
{
	margin-top:-30px !important;
}

.mtopN40
{
	margin-top:-40px !important;
}

.center
{
	text-align:center !important;	
}

.div_center
{
	width:auto !important;
	display:table !important;
	text-align:center;
	margin:0 auto !important
}

.left
{
	float:left !important;
	display:table !important;	
}

.text_left
{
	text-align:left !important;	
}

.white
{
	color:#FFFFFF !important;	
}

.none
{
	display:none !important;	
}

.right
{
	float:right;
	display:table;	
}

.ptop
{
	padding-top:10px;	
}

.ptop02
{
	padding-top:2px;	
}

.ptop2
{
	padding-top:20px;	
}

.ptop5
{
	padding-top:5px;	
}

.ptop15
{
	padding-top:15px;	
}

.pbottom
{
	padding-bottom:10px;	
}

.pbottom50
{
	padding-bottom:50px;	
}

.pleft
{
	padding-left:5px;	
}

.pleft15
{
	padding-left:15px;	
}

.pleft25
{
	padding-left:25px;	
}

.pright
{
	padding-right:5px;	
}

.pright10
{
	padding-right:10px;	
}

.pright20
{
	padding-right:20px;	
}

.pright30
{
	padding-right:30px;	
}

.pright50
{
	padding-right:50px;	
}


.pright80
{
	padding-right:80px;	
}

.minHeight
{
	height:550px;
	min-height:550px !important;
}

.justify
{
	text-align:justify;
	line-height:20px;	
}

.line-height
{
	line-height:28px;	
}

.line-heightMin
{
	line-height:18px;
	font-size:12px;	
}

/* CSS Document */
#alert_flags
{
	position:fixed;
	left:-1000px;
	bottom:18px;
}

.alerts_ok
{
	width:auto;
	margin:0 auto !important;
	height:63px;
	
	padding:6px;
	left:0px !important;
	
	text-align:center;
	font-size:14px;
	line-height:50px;
	
	transition: all 0.4s ease;
	z-index:99999999999999999999999999999999999999999999999999999 !important;
	
	color:#FFFFFF;
	background-color:rgb(0,204,0);
	border-radius:0px 9px 9px 0px;
	
	background-image:url(../images/icons/ok.png);
	background-size:auto 30px;
	background-position:left 10px center;
	background-repeat:no-repeat;
	
	padding-left:65px;
	padding-right:30px;
}

.alerts_er
{
	width:auto;
	margin:0 auto !important;
	height:63px;
	
	padding:6px;
	left:0px !important;
	
	text-align:center;
	font-size:14px;
	line-height:50px;
	
	transition: all 0.4s ease;
	z-index:9999999999999999999999999999999999999999999999999999999999999999 !important;
	
	color:#FFFFFF;
	border-radius:0px 9px 9px 0px;
	background-color:rgb(191,46,34);
	
	background-image:url(../images/icons/er.png);
	background-size:auto 40px;
	background-position:left 10px center;
	background-repeat:no-repeat;
	
	padding-left:65px;
	padding-right:30px;
}


.content_center
{
	width:65%;
	margin:0 auto !important;	
}

.div_center
{
	width:50% !important;
	margin:0 auto !important;	
}

@media screen and (min-width:200px) and (max-width:700px)
{
	.alerts_ok, .alerts_er
	{
		width:95% !important;
		max-width:95% !important;
		font-size:19px !important;
	}
}

#janelas
{
	display:none !important;	
}

a
{
	text-decoration:none !important;	
	color:rgb(51,51,51) !important;
}