/* ---------------------------------------------------------------------------------GERAL--------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; background:transparent;}	

html {
   height: 100%;
}
/* @import url('https://fonts.googleapis.com/css?family=Dosis:400,500,600,700'); */
body{	background-color: #ffffff;
		/* background-image: url(""); */
		/* background-repeat: ; */
		background-position: center top;
		/* margin:0px; padding: 0px;  */
		height:100%; vertical-align:top; text-align: center; 
		font-size: 100%; /* 16px */
		font-family: Calibri, Arial, Courier New, Helvetica, Times, sans-serif, serif, monospace, cursive, fantasy; color:#000000;
}
/* ---------------------------------------------------------------------------------BASICO--------------------------------------------------------------------------------- */
#Crisoft	table{border-spacing: 0px; }
#Crisoft	td{padding: 0px;}
#Crisoft	img{display: block; max-width: 100%;} /* não usar o max -width para loja virtual */
#Crisoft	{margin: 0 auto;}
#Crisoft	 h1{font-weight:normal; }

#Crisoft	.tx48{font-size: 3em;} 		/* 48px; */		
#Crisoft	.tx36{font-size: 2.25em;} 	/* 36px; */		
#Crisoft	.tx32{font-size: 2em; } 		/* 32px; */
#Crisoft	.tx30{font-size: 30px; } 	/* 30px; */
#Crisoft	.tx24{font-size: 1.5em; } 	/* 24px; */
#Crisoft	.tx18{font-size: 1.125em;} 	/* 18px; */
#Crisoft	.tx16{font-size:1em;}		/* 16px; */
#Crisoft	.tx14{font-size: 0.875em;} 	/* 14px; */

#Crisoft	.for1{color:#666666;} /* formato, alinhamento e cor */	
#Crisoft	.for2{color:#000000;} /* formato, alinhamento e cor */	
#Crisoft	.for2:hover{color:#ea0000;} /* formato, alinhamento e cor */	
#Crisoft	.for3{color:#000000;} /* formato, alinhamento e cor */	
#Crisoft	.for4{color:#000066;} /* formato, alinhamento e cor */
#Crisoft	.for5{color:#ff0000;} /* formato, alinhamento e cor */
#Crisoft	.for6{color:#f30000;} /* formato, alinhamento e cor */
	
#Crisoft	.line30{line-height:30px;} /* formato, alinhamento e cor */	

#Crisoft	 img.center {display: block; margin-left: auto; margin-right: auto; }

#Crisoft	.pad1{padding-left:10px; padding-right:10px; }
#Crisoft	.pad2{padding-left:40px; padding-right:40px; }
#Crisoft	.pad3{padding-left:30px; padding-right:30px; }
#Crisoft	 .wr{ white-space:pre-wrap;}
#Crisoft	.b{font-weight:bold;}

#Crisoft	.menu1{padding-left:5px; padding-right:5px; padding-bottom:10px;}

#Crisoft	.table {} 	
#Crisoft	.table2 {} 	
#Crisoft	.table_td {} 
#Crisoft	.td1 {text-align:left;} 
#Crisoft	.td2 {text-align:right;} 
#Crisoft	.td3 {text-align:left; width:33%;} 
#Crisoft	.td4 {text-align:center; width:33%;} 
#Crisoft	.td5 {text-align:right; width:33%;} 
#Crisoft	.td6 {width:50%;} 

#Crisoft	.powerbi {height:723px;} 

#Crisoft	.center {text-align: center;}
#Crisoft	.left {text-align: left;}
#Crisoft	.right {text-align: right;}

#Crisoft	.baseul{overflow: hidden;} 	
#Crisoft	.baseul ul{} 	
#Crisoft	.baseul ul li{display: inline-block; list-style: none; vertical-align: top;} 	
#Crisoft	.baseul ul li a{display: inline-block; text-decoration: none;} 

#Crisoft	.baseul2{overflow: hidden;} 	
#Crisoft	.baseul2 ul{} 	
#Crisoft	.baseul2 ul li{display: inline-block; list-style: none; vertical-align: top; min-width:200px;} 	
#Crisoft	.baseul2 ul li a{display: inline-block; text-decoration: none;} 

#Crisoft	.select1 {text-align:left; border:1px solid #000000; background-color:#ffffff; width:100%; max-width:400px; color:#333333; height:2.31em; font-size:18px; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;} 
#Crisoft	.input1 {text-align:left; border:1px solid #000000; background-color:#ffffff; width:100%; max-width:400px; color:#333333; height:2.31em; font-size:18px; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;} 
#Crisoft	.textarea1 {text-align:left; border:1px solid #000000; background-color:#ffffff; width:100%; max-width:800px; color:#333333; height:113px; font-size:14px; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;} 
#Crisoft 	.bt1{border: 0; background-color: #00006b; cursor:pointer; color:#ffffff; height:37px; font-size:14px; width:217px; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin-top:10px; margin-right:5px;}
#Crisoft 	.bt1:hover{background-color: #ff0000;}

#Crisoft_superior	{margin: 0 auto; z-index:3; position:relative;}
#Crisoft_superior	.base_superior{display: block; width:100%; max-width: 1920px; margin-top:28px;}
#Crisoft_superior	.base_superior_1{display: block; width:100%; max-width: 1920px; height:3px; background-color:#000053;}

#Crisoft_principal	{margin: 0 auto; z-index:2; position:relative;}
#Crisoft_principal	.base_principal{display: block; width:100%; max-width: 1920px; margin-top:3em; margin-bottom:3em;}
#Crisoft_principal	.base_principalb{display: block; width:100%; max-width: 1920px; margin-top:3em;}
#Crisoft_principal	.base_principalc{display: block; width:100%; max-width: 1920px; margin-bottom:3em; margin-top:1em;}
#Crisoft_principal	.base_principal_1{display: block; width:100%; max-width: 1020px;}
#Crisoft_principal	.base_principal_2{display: block; width:100%; max-width: 1080px;}
#Crisoft_principal	.base_principal_3{display: block; width:100%; max-width: 430px;}
#Crisoft_principal	.base_principal_4{display: block; width:100%; max-width: 820px;}
#Crisoft_principal	.base_principal_5{text-align:left; border:1px solid #000000; background-color:#e3e3e3; width:500px; height:30px; margin-bottom:4px; border-radius:8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;} 
#Crisoft_principal	.base_principal_5:hover{background-color:#ffffff; } 
			
#Crisoft_inferior	{margin: 0 auto; z-index:1; position:relative;}			
#Crisoft_inferior	.base_inferior{display: block; width:100%; max-width: 1920px; margin-top:0em; background-color:#efefef; padding-top:40px; padding-bottom:20px;}	
#Crisoft_inferior	.base_inferior_1{display: block; width:100%; max-width: 1920px; height:46px; background-color:#000053;}

#Crisoft	.versite{display:block;}
#Crisoft	.vermobile{display:none;}
#Crisoft	.versite2{display:block;}
#Crisoft	.vermobile2{display:none;}
#Crisoft	.versiteimg{display:block;}
#Crisoft	.vermobileimg{display:none;}
	
/* ---------------------------------------------------------------------------------TELAS---------------------------------------------------------------------------------- */

@media only screen and (max-width: 1920px) { /* 5000 */ PADRONIZAR ALGUNS TAMANHOS
	body{font-size: 100%;}
}
@media only screen and (max-width: 1250px) { 
	#Crisoft	.pad2{padding-left:10px; padding-right:10px; }
	#Crisoft	.menu1{padding-left:2px; padding-right:2px; padding-bottom:10px;}
}
@media only screen and (max-width: 1024px) {
	#Crisoft	.tx48{font-size: 36px;} 		
	#Crisoft	.tx36{font-size: 32px;} 	
	#Crisoft	.tx32{font-size: 30px; } 		
	#Crisoft	.tx30{font-size: 24px; } 	
	#Crisoft	.tx24{font-size: 20px; } 
}
@media only screen and (max-width: 1000px) { 
	#Crisoft	.versite2{display:none;}
	#Crisoft	.vermobile2{display:block;}
}
@media only screen and (max-width: 900px) {
	#Crisoft	.tx48{font-size: 34px;} 		
	#Crisoft	.tx36{font-size: 30px;} 	
	#Crisoft	.tx32{font-size: 28px; } 		
	#Crisoft	.tx30{font-size: 22px; } 	
	#Crisoft	.tx24{font-size: 19px; } 	
	#Crisoft	.table2 {display:block;} 
	#Crisoft	.td3{display:inline-block;text-align:center; width:100%;} 	
	#Crisoft	.td4{display:inline-block;text-align:center; width:100%;} 	
	#Crisoft	.td5{display:inline-block;text-align:center; width:100%;}
	#Crisoft_inferior	.base_inferior{padding-top:15px; padding-bottom:15px;}	 	
}
@media only screen and (max-width: 800px) {
	#Crisoft	.tx48{font-size: 32px;} 		
	#Crisoft	.tx36{font-size: 28px;} 	
	#Crisoft	.tx32{font-size: 26px; } 		
	#Crisoft	.tx30{font-size: 20px; } 	
	#Crisoft	.tx24{font-size: 18px; }
	#Crisoft_superior	.base_superior{margin-top:5px;}
	#Crisoft	.powerbi {height:500px;} 
	#Crisoft_principal	.base_principalc{display: block; width:100%; max-width: 1920px; margin-bottom:3em; margin-top:1em; text-align:left;}
}
@media only screen and (max-width: 700px) {
	#Crisoft	.tx48{font-size: 30px;} 		
	#Crisoft	.tx36{font-size: 26px;} 	
	#Crisoft	.tx32{font-size: 24px; } 		
	#Crisoft	.tx30{font-size: 18px; } 	
}
@media only screen and (max-width: 600px) {
	#Crisoft	.versite{display:none;}
	#Crisoft	.vermobile{display:block;}
	#Crisoft	.versiteimg{display:none;}
	#Crisoft	.vermobileimg{display:block;}
	#Crisoft	.table {display:block;} 	
	#Crisoft	.table_td {display:inline-block;} 
	#Crisoft	.td1{display:inline-block;text-align:center; width:100%;} 
	#Crisoft	.td2{display:inline-block;text-align:right; width:100%;} 
	#Crisoft	.td6{display:inline-block;text-align:left; width:100%;} 
	#Crisoft	.tx48{font-size: 28px;} 		
	#Crisoft	.tx36{font-size: 24px;} 	
	#Crisoft	.tx32{font-size: 22px; }
	#Crisoft	.baseul_contato ul{width:100%; max-width:495px;} 
	#Crisoft	.baseul_contato ul li{float:none;} 
	#Crisoft_principal	.base_principal_5{width:400px; min-height:40px; height:initial;}	
}
@media only screen and (max-width: 500px) {
	#Crisoft	.tx48{font-size: 26px;} 		
	#Crisoft	.tx36{font-size: 22px;} 	
	#Crisoft	.tx32{font-size: 20px; } 
	#Crisoft	.powerbi {height:300px;} 
	#Crisoft_principal	.base_principal_5{width:300px; min-height:40px;}
}
@media only screen and (max-width: 400px) {
	#Crisoft	.tx48{font-size: 24px;} 		
	#Crisoft	.tx36{font-size: 20px;} 	
	#Crisoft	.tx32{font-size: 18px; } 
	#Crisoft	.powerbi {height:200px;}
	#Crisoft_principal	.base_principal_5{width:260px; min-height:60px;}
	
}
@media only screen and (max-width: 319px) { 
	#Crisoft	.tx48{font-size: 22px;} 		
	#Crisoft	.tx36{font-size: 18px;} 
	#Crisoft_principal	.base_principal_5{width:240px; min-height:60px;}	
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@-webkit-keyframes swing{
    15%{ -webkit-transform: translateX(5px);transform: translateX(5px); }
    30%{ -webkit-transform: translateX(-5px);transform: translateX(-5px);} 
    50%{ -webkit-transform: translateX(3px); transform: translateX(3px);}
    65%{ -webkit-transform: translateX(-3px);transform: translateX(-3px);}
    80%{ -webkit-transform: translateX(2px);transform: translateX(2px);}
    100%{-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes swing{
    15%{-webkit-transform: translateX(5px);transform: translateX(5px);}
    30%{-webkit-transform: translateX(-5px);transform: translateX(-5px);}
    50%{-webkit-transform: translateX(3px);transform: translateX(3px);}
    65%{-webkit-transform: translateX(-3px);transform: translateX(-3px);}
    80%{-webkit-transform: translateX(2px);transform: translateX(2px);}
    100%{-webkit-transform: translateX(0);transform: translateX(0);}
}
.swing:hover{
        -webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
}
#Crisoft	.transicao1:hover{-webkit-transition: 1.5s ease-out;-moz-transition: 1.5s ease-out;-o-transition: 1.5s ease-out;transition: 1.5s ease-out;	}
#Crisoft	.brilho:hover {-webkit-filter: brightness(1.5);-moz-filter: brightness(1.5);-ms-filter: brightness(1.5);-o-filter: brightness(1.5);filter: brightness(1.5);}
#Crisoft	.circle:hover{border-radius:50%; transition:all 0.3s ease;}
#Crisoft	.circle{border-radius:0%; transition:all 0.3s ease;}
#Crisoft	.border:hover{box-shadow: inset 0 0 0 25px #ffffff;}
#Crisoft	.sombra:hover{box-shadow:3px 3px #626262,4px 4px #626262,5px 5px #626262;-webkit-transform: translateX(-5px);transform: translateX(-5px);}