/* ---------------------------------------------------------------------------------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', sans-serif; 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	.tx1{font-size: 3em;} 		/* 48px; */		
#Crisoft	.tx2{font-size: 2.25em;} 	/* 36px; */		
#Crisoft	.tx3{font-size: 2em; } 		/* 32px; */
#Crisoft	.tx3b{font-size: 30px; } 		/* 30px; */
#Crisoft	.tx4{font-size: 1.5em; } 	/* 24px; */
#Crisoft	.tx5{font-size: 1.125em;} 	/* 18px; */
#Crisoft	.tx6{font-size:1em;}		/* 16px; */
#Crisoft	.tx7{font-size: 0.875em;} 	/* 14px; */

#Crisoft	.for1{color:#000000;} /* formato, alinhamento e cor */	
#Crisoft	.for1:hover{color:#ffffff;} /* formato, alinhamento e cor */	
#Crisoft	.for2{color:#ffffff;} /* formato, alinhamento e cor */	
#Crisoft	.for3{color:#000000;} /* formato, alinhamento e cor */	
#Crisoft	.for4{color:#666666;} /* formato, alinhamento e cor */	
#Crisoft	.for5{color:#ff7c16;} /* formato, alinhamento e cor */	

#Crisoft	.b{font-weight:bold;} /* formato, alinhamento e cor */	
#Crisoft	.menu1{margin-left:10px; margin-right:10px;} /* formato, alinhamento e cor */	
#Crisoft	.line1{line-height:24px;} /* formato, alinhamento e cor */	

#Crisoft	 img.center {display: block; margin-left: auto; margin-right: auto; }
#Crisoft	.img1{ float:left; }
#Crisoft	.img2{ float:left; margin-right:35px;}
#Crisoft	.img3{width:100%; max-width:275px;}

#Crisoft	.pad1{padding-left:10px; padding-right:10px; }
#Crisoft	.pad2{padding-left:40px; padding-right:40px; }
#Crisoft	.pad3{padding-left:10px; padding-right:10px; }
#Crisoft	.pad4{padding-left:10px; padding-right:10px; }

#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: right;} 	
#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: right;} 

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

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

#Crisoft	.baseul5{overflow: hidden;text-align: left;} 	
#Crisoft	.baseul5 ul{display: flex;} 	
#Crisoft	.baseul5 ul li.a{display: inline-block; list-style: none; vertical-align: top;width:37%} 	
#Crisoft	.baseul5 ul li.b{display: inline-block; list-style: none; vertical-align: top;width:63%} 

#Crisoft	.baseul6{overflow: hidden;text-align: left;} 	
#Crisoft	.baseul6 ul{} 	
#Crisoft	.baseul6 ul li{display: inline-block; list-style: none; vertical-align: middle;text-align: left;} 	


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

#Crisoft	.base_video{display: block; width:400px; height:250px; padding-bottom:10px;}

#Crisoft	.botao1 {background-color: #ff0000; border:0px; padding:10px 30px 10px 30px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; color: #ffffff; text-align: center; 
				text-decoration: none; font-size: 18px; vertical-align:top; cursor:pointer;}
#Crisoft	.botao1:hover{background-color: #ff7c16; color: #ffffff;}

#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:#ff7c16; min-height:50px; line-height:50px; text-align:right;}
#Crisoft_superior	.base_superior_2{display: block; width:100%; max-width:1920px; background-color:#000000; }
#Crisoft_superior	.base_superior_3{display: block; width:100%; max-width:1920px; background-color:#ff7c16; height:13px;}
#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; margin-top:3em; margin-bottom:3em;}
#Crisoft_principal	.base_principal_textos{display: block; width:100%; max-width:1000px; text-align:left; }
#Crisoft_principal	.base_principal_textos2{display: block; width:100%; max-width:1000px; text-align:center; position:relative; }
#Crisoft_principal	.base_principal_textos3{display: block; width:100%; max-width:1010px; text-align:center;}
			
#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-color:#ff7c16; height:7px;}		
#Crisoft_inferior	.base_inferior_2{display: block; width:100%; max-width:1920px; background-color:#000000;}		
/* ---------------------------------------------------------------------------------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: 1320px) { /* 1600 */
	
}
@media only screen and (max-width: 1050px) { 
	#Crisoft	.pad3{padding-left:30px; padding-right:30px; }
}
@media only screen and (max-width: 800px) { /* 1600 */
	#Crisoft	.baseul_contato ul{width:100%; max-width:650px;} 
	#Crisoft	.baseul_contato ul li{float:none;} 
	#Crisoft	.img2{ float:left; margin-right:15px;}
	#Crisoft	.baseul5{overflow: hidden;text-align: left;} 	
	#Crisoft	.baseul5 ul{display: block;} 	
	#Crisoft	.baseul5 ul li.a{display: inline-block; list-style: none; vertical-align: top;width:100%; } 	
	#Crisoft	.baseul5 ul li.b{display: inline-block; list-style: none; vertical-align: top;width:100%; margin-top:10px;} 	
	#Crisoft	.pad4{padding-left:0px; padding-right:0px; }
}
@media only screen and (max-width: 736px) { /* 1600 */
	#Crisoft	.menu1{margin-left:5px; margin-right:5px;} /* formato, alinhamento e cor */	
}
@media only screen and (max-width: 700px) { /* 1600 */
	#Crisoft	.baseul4 ul{display: block;} 
	#Crisoft	.img2{ float:none; margin-right:0px; margin-bottom:15px;}
}
@media only screen and (max-width: 667px) { 
	#Crisoft	.versite{display:none;}
	#Crisoft	.vermobile{display:block;}
	#Crisoft	.pad2{padding-left:0px; padding-right:80px; }
}
/* -------------------------------------USAR FORMATO DE MOBILE -------------------------------------- */
@media only screen and (max-width: 568px) { /* 568 */
	#Crisoft	.versiteimg{display:none;}
	#Crisoft	.vermobileimg{display:block;}	
	#Crisoft	.tx4{font-size: 1.2em; } 
	#Crisoft	.pad3{padding-left:10px; padding-right:10px; }
}
@media only screen and (max-width: 567px) { /* 360 */
	#Crisoft	.tx4{font-size: 1.2em; } 
	#Crisoft	.pad2{padding-left:0px; padding-right:70px; }
	#Crisoft_superior	.base_superior_3{height:8px;}
}
@media only screen and (max-width: 550px) { /* 360 */
	#Crisoft	.base_video{display: block; width:280px; height:220px;}
}
@media only screen and (max-width: 500px) { /* 360 */
	#Crisoft	.tx3b{font-size: 24px; }
	#Crisoft	.img1{ float:none; }
}
@media only screen and (max-width: 350px) { /* 320 */
	#Crisoft	.tx3b{font-size: 20px; }
}
@media only screen and (max-width: 320px) { /* 320 */
	#Crisoft	.botao1 {font-size: 16px;}
}
@media only screen and (max-width: 320px) { /* 320 */
	#Crisoft	.tx4{font-size: 1em; } 
}
@media only screen and (max-width: 319px) { /* 320 */
	#Crisoft	.base_video{display: block; width:260px; height:240px;}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */