/* ---------------------------------------------------------------------------------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: "Dosis", Calibri, Arial, Courier New, Helvetica, Times, sans-serif, serif, monospace, cursive, fantasy; color:#000000;
}
/* ---------------------------------------------------------------------------------BASICO--------------------------------------------------------------------------------- */
#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:#7f8c93;} /* formato, alinhamento e cor */		
#Crisoft	.for2{color:#ffffff;} /* formato, alinhamento e cor */		
#Crisoft	.for2:hover{color:#ffff00;border-bottom:1px solid #ffff00;} /* formato, alinhamento e cor */
#Crisoft	.for3{color:#ffffff;} /* formato, alinhamento e cor */		
#Crisoft	.for4{color:#999999;} /* formato, alinhamento e cor */		
#Crisoft	.for5{color:#000000;} /* formato, alinhamento e cor */		
#Crisoft	.for5b{color:#000000;} /* formato, alinhamento e cor */		
#Crisoft	.for5b:hover{color:#505cfd;} /* formato, alinhamento e cor */
#Crisoft	.for6{color:#505cfd;} /* formato, alinhamento e cor */		
#Crisoft	.for6:hover{color:#ffff00;} /* formato, alinhamento e cor */		

#Crisoft	.line1{line-height:35px;} /* formato, alinhamento e cor */	
#Crisoft	.line2{line-height:48px;} /* formato, alinhamento e cor */	
#Crisoft	.line3{line-height:24px;} /* formato, alinhamento e cor */	
#Crisoft	.line4{line-height:44px;} /* formato, alinhamento e cor */	

#Crisoft	.linha1 {border-bottom:3px solid #505cfd; width:100%; max-width:300px; margin-top:5px;} /* formato, alinhamento e cor */		

#Crisoft	.menu1{padding-left:15px; padding-right:15px;} /* formato, alinhamento e cor */	
		
#Crisoft	.margin1{padding-top:91px;} /* 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:50px;}
#Crisoft	 .wr{ white-space:pre-wrap;}

#Crisoft	.table {width:100%;} 	
#Crisoft	.table_td {} 
#Crisoft	.td1 {vertical-align:top; text-align:left; width:50%;} 
#Crisoft	.td2{vertical-align:top; text-align:left; width:50%;} 
#Crisoft	.td3{vertical-align:top; text-align:center; width:50%;} 
#Crisoft	.td4{vertical-align:top; text-align:left; width:60%;} 
#Crisoft	.td5{vertical-align:top; text-align:right; width:40%;} 
#Crisoft	.td6{vertical-align:middle; text-align:left; width:95%;} 
#Crisoft	.td7{vertical-align:middle; text-align:right; width:5%;} 

#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; text-align: center;} 

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

#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	.base_video{display: block; width:384px; height:216px;}

#Crisoft_superior	{margin: 0 auto; z-index:3; position:relative;}
#Crisoft_superior	.base_superior{display: block; width:100%; max-width:1920px; margin-top:0em;}
#Crisoft_superior	.base_superior_1{display: block; width:100%; max-width:1920px; background-color: #505cfe; height:7px;}
#Crisoft_superior	.base_superior_2{display: block; width:100%; max-width:1920px; height:5px;}
#Crisoft_superior	.base_superior_3{display: block; width:100%; max-width:1920px; background-color: #3d3d42; min-height:37px;}
#Crisoft_superior	.base_superior_4{display: block; width:100%; max-width:1280px;}
#Crisoft_superior	.base_superior_5{display: block; width:100%; max-width:1920px; background-color: #4659ff; min-height:77px;background-image: url("../img/bg1.png"), url("../img/bg2.png");background-repeat: no-repeat, no-repeat; background-position: left top, right top;}
#Crisoft_superior	.base_superior_6{display: block; width:100%; max-width:1920px; background-color: #ffffff; height:2px;}
#Crisoft_superior	.base_superior_7{display: block; width:100%; max-width:1920px; }
#Crisoft_superior	.base_superior_8{display: block; position:absolute; z-index:10000; margin-left:-30px;}
#Crisoft_superior	.base_superior_9{display: block; position:absolute; z-index:10000; right:30px; margin-top:1px; width:311px; height:558px;}

#Crisoft_superior	.base_superior_menu_mobile{display: table; width:100%; max-width:1920px; position:absolute; z-index:100001; margin-top:90px;}

#Crisoft_principal	{margin: 0 auto; z-index:2; position:relative;}
#Crisoft_principal	.base_principal{display: block; width:100%; max-width:1920px; margin-top:85px;}
#Crisoft_principal	.base_principal_textos{display: block; width:100%; max-width:1020px;}
#Crisoft_principal	.base_principal_textos2{display: block; width:100%; max-width:1020px; text-align:left;}
#Crisoft_principal	.base_principal_1{display: block; width:100%; max-width:1920px; background-color:#e7e7e7; }
#Crisoft_principal	.base_principal_10{display: block; width:100%; max-width:1920px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background-color:#cccccc; min-height:46px; margin-bottom:2px;}
#Crisoft_principal	.base_principal_10b{display: block; width:100%; max-width:1920px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background-color:#ededed; min-height:46px; margin-bottom:2px;}
			
#Crisoft_inferior	{margin: 0 auto; z-index:1; position:relative;}			
#Crisoft_inferior	.base_inferior{display: block; width:100%; max-width:1920px; margin-top:0em;}			
#Crisoft_inferior	.base_inferior_1{display: block; width:100%; max-width:1920px; background-image: url("../img/rodape.png"); background-repeat: no-repeat; background-position: center top; background-size: cover;}			
#Crisoft_inferior	.base_inferior_2{display: block; width:100%; max-width:320px; height:120px; text-align:left; padding-top:120px;}			
/* ---------------------------------------------------------------------------------TELAS---------------------------------------------------------------------------------- */
@media only screen and (max-width: 10000px) { /* 1920 */
	body{font-size: 100%;}
	#Crisoft	.versite{display:block;}
	#Crisoft	.vermobile{display:none;}
	#Crisoft	.versiteimg{display:block;}
	#Crisoft	.vermobileimg{display:none;}
	#Crisoft	.twiter1{display:block;}
}
@media only screen and (max-width: 1390px) { 
}
@media only screen and (max-width: 1370px) { 
	#Crisoft_superior	.base_superior_8{margin-left:0px;}
}
@media only screen and (max-width: 1000px) { 
	#Crisoft	.menu1{padding-left:10px; padding-right:10px;} /* formato, alinhamento e cor */	
	#Crisoft_superior	.base_superior_5{background-image: url(""), url("");}
}
@media only screen and (max-width: 930px) { 
	#Crisoft	.menu1{padding-left:5px; padding-right:5px;} /* formato, alinhamento e cor */	
}
@media only screen and (max-width: 860px) {
	#Crisoft	.versite{display:none;}
	#Crisoft	.vermobile{display:block;}
	#Crisoft	.baseul_contato ul{width:100%; max-width:495px;} 
	#Crisoft	.baseul_contato ul li{float:none;} 
	#Crisoft	.versiteimg{display:none;}
	#Crisoft	.vermobileimg{display:block;}
	#Crisoft_superior	.base_superior_8{display: block; width:100%; max-width:1920px; }
	#Crisoft	.twiter2{display:none;}
	#Crisoft	.twiter3{display:none;}
	#Crisoft_principal	.base_principal{margin-top:25px;}
	#Crisoft	.pad2{padding-left:0px;}
	#Crisoft	.td1 {vertical-align:top; text-align:left; width:100%; display:inline-block;} 
	#Crisoft	.td2{vertical-align:top; text-align:left; width:100%; display:inline-block; margin-top:20px;} 
	#Crisoft	.td3{vertical-align:top; text-align:center; width:100%; display:inline-block;  margin-top:20px;} 
	#Crisoft	.twiter1{display:none;}
	
}
@media only screen and (max-width: 800px) {
	#Crisoft	.margin1{padding-top:20px;}
	#Crisoft	.td4{vertical-align:top; text-align:left; width:100%; display:inline-block;} 
	#Crisoft	.td5{vertical-align:top; text-align:right; width:100%; display:inline-block;} 
}
@media only screen and (max-width: 600px) {
	#Crisoft	.versite{display:none;}
	#Crisoft	.vermobile{display:block;}
	#Crisoft	.versiteimg{display:none;}
	#Crisoft	.vermobileimg{display:block;}
	#Crisoft	.td6{vertical-align:middle; text-align:left; width:90%;} 
	#Crisoft	.td7{vertical-align:middle; text-align:right; width:10%;} 
}

@media only screen and (max-width: 460px) { 
	#Crisoft_superior	.base_superior_menu_mobile{margin-top:58px;}
	#Crisoft	.tx24{font-size: 18px; } 
	#Crisoft	.base_video{display: block; width:280px; height:216px;}
	#Crisoft	.line4{line-height:24px;} /* formato, alinhamento e cor */	
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */