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

#Crisoft	.for1{color:#666666;}	
#Crisoft	.for1:hover{color:#ffffff;}	
#Crisoft	.for2{color:#333333;}	
#Crisoft	.for3{color:#ffffff;}	
#Crisoft	.for4{color:#ffffff;}	
#Crisoft	.for4:hover{color:#66cc00;}	
#Crisoft	.for5{color:#009334;}	
#Crisoft	.for6{color:#666666;}	

#Crisoft	.line1{line-height:33px;}	
#Crisoft	.line2{line-height:24px;}	

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

#Crisoft	 img.center {display: block; margin-left: auto; margin-right: auto; }
#Crisoft	 .menu {padding-left:20px; padding-right:20px;}
#Crisoft	 .menu1 {line-height:93px;text-align:right;}
#Crisoft	 .menu1 :hover{background-color:#009334;}

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

#Crisoft	.baseul2{} 	
#Crisoft	.baseul2 ul{list-style: none;  display:table; width:100%;} 	
#Crisoft	.baseul2 ul li{display: table-cell; vertical-align: middle; min-height:93px;} 	
#Crisoft	.baseul2 ul li.l{text-align:left; width:480px;} 		
#Crisoft	.baseul2 ul li.r{text-align:right;} 

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

#Crisoft	.baseul4{overflow: hidden;} 	
#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; } 

#Crisoft	.base_video{display: block; width:480px; height:270px;}

#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:1360px; margin-top:0em; min-height:93px;}
#Crisoft_superior	.base_superior_2{display: block; width:100%; max-width:800px;}
#Crisoft_superior	.base_superior_3{display: block; width:100%; max-width:1920px;}
#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:4px; margin-bottom:8px;}
#Crisoft_principal	.base_principal_1{display: block; width:100%; max-width:1920px; background-color:#009333;}
#Crisoft_principal	.base_principal_2{display: block; width:100%; max-width:1360px;}
#Crisoft_principal	.base_principal_3{display: block; width:430px;}
#Crisoft_principal	.base_principal_4{display: block; width:100%; max-width:330px;}
#Crisoft_principal	.base_principal_5{width:100px; float:left;}
#Crisoft_principal	.base_principal_6{display: block; width:100%; max-width:1920px; margin-top:4px;}
#Crisoft_principal	.base_principal_7{display: block; width:100%; max-width:1920px; background-color:#ff6633;}
#Crisoft_principal	.base_principal_8{display: block; width:100%; max-width:1200px; }
#Crisoft_principal	.base_principal_9{display: block; width:100%; max-width:1360px; text-align:left;}
#Crisoft_principal	.base_principal_10{display: block; width:100%; max-width:480px;}
#Crisoft_principal	.base_home_not{display: block; width:100%; max-width:450px; text-align:left;}
#Crisoft_principal	.base_principal_textos{display: block; width:100%; max-width:1046px;}
#Crisoft_principal	.base_port1{display: block; width:100%; max-width:276px; height:228px;}
			
#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; height:7px; background-color:#4c8800;}			
#Crisoft_inferior	.base_inferior_2{display: block; width:100%; max-width:1920px; margin-top:40px;}			
#Crisoft_inferior	.base_inferior_3{display: block; width:100%; max-width:1920px;}	
#Crisoft_inferior	.base_inferior_4{display: block; width:100%; max-width:1920px; margin-top:20px;}		
/* ---------------------------------------------------------------------------------TELAS---------------------------------------------------------------------------------- */

@media only screen and (max-width: 1920px) { /* 1920 */
	body{font-size: 100%;}
	#Crisoft	.versite{display:block;}
	#Crisoft	.vermobile{display:none;}
}
@media only screen and (max-width: 1680px) { /* 1680 */
	body{font-size: 100%;}
}
@media only screen and (max-width: 1600px) { /* 1600 */
	body{font-size: 100%;}
}
@media only screen and (max-width: 1440px) { /* 1440 */
	body{font-size: 100%;}
}
@media only screen and (max-width: 1366px) { /* 1366 */
	body{font-size: 100%;}
}
@media only screen and (max-width: 1280px) { /* 1280 */
	body{font-size: 100%;}
}
@media only screen and (max-width: 1024px) { /* 1024 */
	body{font-size: 100%;}
	#Crisoft	 .menu {padding-left:10px; padding-right:10px;}
}
@media only screen and (max-width: 960px) { /* 960 */
	body{font-size: 100%;}
}
@media only screen and (max-width: 800px) { /* 800 */
	body{font-size: 100%;}
	#Crisoft	.espacamento1 { margin-top:30px; margin-bottom:30px;}
	#Crisoft	.versite{display:none;}
	#Crisoft	.vermobile{display:block;}
}
@media only screen and (max-width: 768px) { /* 768 */
	body{font-size: 100%;}
}
@media only screen and (max-width: 736px) { /* 736 */
	body{font-size: 100%;}
}
@media only screen and (max-width: 668px) { /* 667 */
	body{font-size: 100%;}
}
@media only screen and (max-width: 640px) { /* 640 */
	body{font-size: 100%;}
}
@media only screen and (max-width: 600px) { /* 600 */
	body{font-size: 99%;}
}
/* -------------------------------------USAR FORMATO DE MOBILE -------------------------------------- */
@media only screen and (max-width: 568px) { /* 568 */
	body{font-size: 99%; margin-top:0px;}
	#Crisoft	.espacamento1 { margin-top:20px; margin-bottom:20px;}
	#Crisoft	.tx9{font-size:1.5em;}
}
@media only screen and (max-width: 534px) { /* 533 */
	body{font-size: 98%;}
	#Crisoft	.espacamento1 { margin-top:15px; margin-bottom:15px;}
	#Crisoft_principal	.base_principal_3{display: block; width:300px;}
	#Crisoft_principal	.base_principal_4{display: block; width:100%; max-width:280px;}
	#Crisoft_principal	.base_principal_5{width:30px; float:left;}
}
@media only screen and (max-width: 480px) { /* 480 */
	body{font-size: 98%;}
	#Crisoft	.espacamento1 { margin-top:10px; margin-bottom:10px;}
	#Crisoft_principal	.base_home_not{display: block; width:100%; max-width:310px; }
	#Crisoft	.base_video{display: block; width:300px; height:220px;}
}
@media only screen and (max-width: 414px) { /* 414 */
	body{font-size: 97%;}
	#Crisoft	.espacamento1 { margin-top:5px; margin-bottom:5px;}
}
@media only screen and (max-width: 376px) { /* 375 */
	body{font-size: 97%;}
}
@media only screen and (max-width: 360px) { /* 360 */
	body{font-size: 96%;}
}
@media only screen and (max-width: 320px) { /* 320 */
	body{font-size: 96%;}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */