/* ---------------------------------------------------------------------------------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%;
}
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:#000000;} /* formato, alinhamento e cor */	
#Crisoft	.for2{color:#ffffff;} /* formato, alinhamento e cor */	
#Crisoft	.for3{color:#333333;} /* formato, alinhamento e cor */	
#Crisoft	.for4{color:#bd1e7b;} /* formato, alinhamento e cor */	
#Crisoft	.for5{color:#6699cc;} /* formato, alinhamento e cor */	

#Crisoft	.b{font-weight:bold;} /* formato, alinhamento e cor */	
#Crisoft	.line1{line-height:24px;} /* formato, alinhamento e cor */	
#Crisoft	.line2{line-height:30px;} /* formato, alinhamento e cor */	

#Crisoft	 img.center {display: block; margin-left: auto; margin-right: auto; }
#Crisoft	.img1 {width:351px; height:198px; margin-bottom:3px;}
#Crisoft	.img2 {width:185px; height:105px; margin-bottom:3px;}
#Crisoft	.img3 {width:212px; height:212px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin-bottom:10px;}
#Crisoft	.img4 {width:351px; height:198px; margin-left:30px; padding-top:35px; padding-bottom:10px;}

#Crisoft	.pad1{padding-left:10px; padding-right:10px; }
#Crisoft	.pad2{padding-left:18px; padding-right:18px; }
#Crisoft	.pad3{padding-left:5px; padding-right:5px;  padding-bottom:8px;}
#Crisoft	 .wr{ white-space:pre-wrap;}

#Crisoft	 .menu1{background-color: rgba(37,98,149,0.6); border:0px ; padding:20px 30px 20px 30px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; text-align: center; 
				text-decoration: none; vertical-align:top; cursor:pointer; min-width:146px; margin-bottom:10px;}
#Crisoft	 .menu1:hover{background-color: rgba(188,30,122,0.6); }

#Crisoft	.table_1 {width:100%; max-width:1920px; margin: 0 auto;} 

#Crisoft	.baseul{overflow: hidden;text-align: center;} 	
#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{display:flex;} 	
#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	.baseul3{overflow: hidden; text-align: center;} 	
#Crisoft	.baseul3 ul{} 	
#Crisoft	.baseul3 ul li{display: table-cell; list-style: none;vertical-align: middle; text-align: center;} 

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

#Crisoft	.baseul5{overflow: hidden;text-align: left;} 	
#Crisoft	.baseul5 ul{list-style: none; } 	
#Crisoft	.baseul5 ul li{display: table-cell; vertical-align: middle;} 

#Crisoft	.base_video{display: block; width:495px; height:275px;}

#Crisoft	 .botao1{background-color: rgba(0,0,0,0); border:1px solid #ffffff ; padding:10px 30px 10px 30px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; text-align: center; 
				text-decoration: none; vertical-align:top; cursor:pointer; min-width:146px; font-size: 1.125em; color:#ffffff;}
#Crisoft	 .botao1:hover{background-color: rgba(188,30,122,0.6); }

#Crisoft	.baseul_contato{} 	
#Crisoft	.baseul_contato ul{width:100%;overflow:hidden;} 	
#Crisoft	.baseul_contato ul li{float:left; display:inline;}

#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: #57585a;}
#Crisoft_superior	.base_superior_2{display: block; width:100%; max-width:1920px;}
#Crisoft_superior	.base_superior_3{top: 254px; right: 70px; position: absolute; z-index:1000;}
#Crisoft_superior	.base_superior_menu_mobile{display: table; width:100%; max-width:1920px; position:absolute; z-index:10000;}

#Crisoft_principal	{margin: 0 auto; z-index:2; position:relative;}
#Crisoft_principal	.base_principal{display: block; width:100%; max-width:1920px;}
#Crisoft_principal	.base_principal_1{display: block; width:100%; background-image: url("../img/home1.png");  background-repeat: no-repeat; background-position: center bottom; background-size: cover;  min-height:500px;}
#Crisoft_principal	.base_principal_2{display: block; width:100%; max-width:1280px; padding-top:90px; padding-bottom:0px;}
#Crisoft_principal	.base_principal_3{background-color: #ffffff; border:0px ; padding:40px 40px 40px 40px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; text-align: left; 
						text-decoration: none; vertical-align:top; min-width:520px; }
#Crisoft_principal	.base_principal_4{display: block; width:640px; text-align:center;}
#Crisoft_principal	.base_principal_4b{display: block; width:640px; text-align:right;}
#Crisoft_principal	.base_principal_5{display: block; width:100%; background-image: url("../img/home2.png");  background-repeat: no-repeat; background-position: center top; background-size: cover;  min-height:130px;}
#Crisoft_principal	.base_principal_6{display: block; width:100%; background-image: url("../img/home3.png");  background-repeat: no-repeat; background-position: center top; background-size: cover;  min-height:773px;}
#Crisoft_principal	.base_principal_7{display: block; width:100%; background-image: url("../img/home4.png");  background-repeat: no-repeat; background-position: center top; background-size: cover;  min-height:127px;}
#Crisoft_principal	.base_principal_8{display: block; width:100%; background-image: url("../img/home5.png");  background-repeat: no-repeat; background-position: center top; background-size: cover;  min-height:465px;}
#Crisoft_principal	.base_principal_9{display: block; width:100%; max-width:1100px; text-align:center; padding-top:100px;}
#Crisoft_principal	.base_principal_10{display: block; width:100%; max-width:1100px; text-align:center; padding-top:50px;}
#Crisoft_principal	.base_principal_11{display: block; width:100%; background-image: url("../img/inferior1.png");  background-repeat: no-repeat; background-position: center top; background-size: cover;  min-height:135px;}
#Crisoft_principal	.base_principal_11b{display: block; width:100%; background-image: url("../img/inferior1b.png");  background-repeat: no-repeat; background-position: center top; background-size: cover;  min-height:131px;}
#Crisoft_principal	.base_principal_12{display: block; width:100%; max-width:1020px; text-align:center; padding-top:66px;padding-bottom:66px;}
#Crisoft_principal	.base_principal_12b{display: block; width:100%; max-width:1020px; text-align:left; padding-top:66px;padding-bottom:66px;}
#Crisoft_principal	.base_servicos{display: block; width:100%; max-width:1020px; text-align:left; min-height:41px; line-height:41px;}
#Crisoft_principal	.base_servicos2{background-color:#cccccc;}
#Crisoft_principal	.base_servicos3:hover{background-color:#4990ba;}

#Crisoft_principal	.base_portifolio{display: block; width:410px; height:288px; background-color:#bfbf3a; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; margin-bottom:3px;}
#Crisoft_principal	.base_portifolio:hover{background-color:#bd1e7a;}
						
#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_2{display: block; width:100%; background-color:#4c83b7;
						background-image: url("../img/inferior2.png");  background-repeat: no-repeat; 
						background-position: center top; background-size: cover; min-height:543px;}
#Crisoft_inferior	.base_inferior_2b{display: block; width:100%; max-width:1000px; margin-top:0em;}						
#Crisoft_inferior	.base_inferior_3{display: block; width:500px; text-align:center;}							
#Crisoft_inferior	.base_inferior_4{display: block; width:380px; text-align:left; margin-left:88px; margin-top:0px;}							
#Crisoft_inferior	.base_inferior_5{display: table-cell; width:380px; text-align:center; }							
/* ---------------------------------------------------------------------------------TELAS---------------------------------------------------------------------------------- */

@media only screen and (max-width: 1920px) { /* 1920 */
	body{font-size: 100%;}
	#Crisoft	.versite{display:block;}
	#Crisoft	.vermobile{display:none;}
	#Crisoft	.versiteimg{display:block;}
	#Crisoft	.vermobileimg{display:none;}
}
@media only screen and (max-width: 1360px) { 
	#Crisoft_principal	.base_principal_1{min-height:496px;}
	#Crisoft_principal	.base_principal_5{min-height:92px;}
	#Crisoft_principal	.base_principal_6{min-height:548px;}
	#Crisoft_principal	.base_principal_7{min-height:90px;}
	#Crisoft_principal	.base_principal_8{min-height:330px;}
	#Crisoft_principal	.base_inferior_11{min-height:96px;}
	#Crisoft_principal	.base_inferior_11b{min-height:93px;}
	#Crisoft_principal	.base_principal_9{padding-top:0px;}
	#Crisoft_principal	.base_principal_10{padding-top:0px;}
}
@media only screen and (max-width: 1200px) { 
	#Crisoft_superior	.base_superior_3{right: 20px; top: 220px;}
}
@media only screen and (max-width: 1148px) { 
	#Crisoft_principal	.base_principal_3{background-color: #ffffff; border:0px ; padding:20px 20px 20px 20px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; text-align: left; 
						text-decoration: none; vertical-align:top; min-width:100px; }
	#Crisoft_principal	.base_principal_4{display: block; width:640px; text-align:center;}
	#Crisoft_principal	.base_principal_4b{display: block; width:640px; text-align:right;}
}
@media only screen and (max-width: 960px) { 
	#Crisoft_inferior	.base_inferior_3{display: block; width:450px; text-align:center;}							
	#Crisoft_inferior	.base_inferior_4{display: block; width:380px; text-align:left; margin-left:40px; margin-top:20px;}
}
@media only screen and (max-width: 910px) { 
	#Crisoft	 .menu1{padding:15px 20px 15px 20px; min-width:120px; margin-bottom:10px;}
	#Crisoft	.tx24{font-size: 1.125em; } 	/* 24px; */
	#Crisoft_superior	.base_superior_3{top: 240px; }
}
@media only screen and (max-width: 888px) { 
	#Crisoft_principal	.base_principal_2{padding-top:40px; padding-bottom:20px;}
	#Crisoft	.baseul3 ul li{display: inline-block;} 
	#Crisoft_principal	.base_principal_4{display: block; width:100%; text-align:center;}
	#Crisoft_principal	.base_principal_4b{display: block; width:100%; text-align:right; margin-top:20px;}
}
@media only screen and (max-width: 840px) { 
	#Crisoft_inferior	.base_inferior_3{display: block; width:350px; text-align:center;}							
	#Crisoft_inferior	.base_inferior_4{display: block; width:300px; text-align:left; margin-left:20px; margin-top:20px;}
}
@media only screen and (max-width: 800px) {
	#Crisoft	.baseul_contato ul{width:100%; max-width:700px;} 
	#Crisoft	.baseul_contato ul li{float:none;} 
	#Crisoft_principal	.base_servicos{display: block; width:100%; max-width:1020px; text-align:left; min-height:30px; line-height:30px;}
}
@media only screen and (max-width: 770px) { 
	#Crisoft	 .menu1{padding:10px 10px 10px 10px; min-width:100px; margin-bottom:10px;}
	#Crisoft	.tx24{font-size: 1em; } 	/* 24px; */
}
@media only screen and (max-width: 730px) { 
	#Crisoft	.baseul2 ul{display:block;} 
	#Crisoft_inferior	.base_inferior_3{display: block; width:300px; text-align:center;}							
	#Crisoft_inferior	.base_inferior_4{display: block; width:300px; text-align:left; margin-left:5px; margin-top:20px;  margin-bottom:20px;}
	
}
@media only screen and (max-width: 718px) { 
	#Crisoft	.img1 {width:200px; height:113px;}
	#Crisoft	.img1 {width:250px; height:141px;}
}
@media only screen and (max-width: 640px) {
	#Crisoft	.versite{display:none;}
	#Crisoft	.vermobile{display:block;}
}
@media only screen and (max-width: 600px) {
	#Crisoft	.tx36{font-size: 1.5em;} 	/* 36px; */	
	#Crisoft	.versiteimg{display:none;}
	#Crisoft	.vermobileimg{display:block;}
	#Crisoft	.base_video{display: block; width:300px; height:250px;}
	#Crisoft_principal	.base_principal_12{display: block; width:100%; max-width:1020px; text-align:center; padding-top:30px;padding-bottom:0px;}
}
@media only screen and (max-width: 550px) { 
	#Crisoft_inferior	.base_inferior_3{display: block; width:300px; margin-top:0em;}	
	#Crisoft	.tx18{font-size: 1em;} 	/* 18px; */
	#Crisoft	.img1 {width:300px; height:169px;}
	#Crisoft_principal	.base_servicos{display: block; width:100%; max-width:1020px; text-align:left; min-height:24px; line-height:24px;}
	#Crisoft	.pad3{padding-left:0px; padding-right:0px;  padding-bottom:0px;}
}
@media only screen and (max-width: 420px) { 
	#Crisoft_principal	.base_portifolio{display: block; width:280px; height:196px; background-color:#bfbf3a; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-bottom:3px;}
	#Crisoft	.img4 {width:260px; height:146px; margin-left:10px; padding-top:10px; padding-bottom:10px;}
	#Crisoft_superior	.base_superior_1{padding-top:10px;}
}
@media only screen and (max-width: 320px) { 

}
@media only screen and (max-width: 319px) { 
	#Crisoft	.tx18{font-size: 0.9em;} 	/* 18px; */
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */