@charset "utf-8";
/* CSS Document */


/*----- General -----*/
*
{
	margin:0;
	padding:0;
	cursor:default;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#333;
    -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

ul
{
	list-style:none;
}

input, textarea
{
	-webkit-touch-callout: initial;
	-webkit-user-select: initial;
	-khtml-user-select: initial;
	-moz-user-select: initial;
	-ms-user-select: initial;
	user-select: initial;

}

a
{
	cursor:pointer;
	text-decoration:none;
	transition:opacity ease 0.5s;
}

a:hover
{
	opacity:0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}

body
{
	padding-top:90px;
}

.center_align
{
	position:relative;
	width:980px;
	margin: 0 auto;
	
}



/*----- Header -----*/
header
{
	height:90px;
	width:100%;	
	min-width:980px;
	
	position:absolute;
	top:0;
	z-index:15;	
}

header .center_align
{
	border-top:5px solid #2A658E;
	height:84px;
}

#company_logo
{
	height:45px;
	position:absolute;
	top:18px;
	left:5px;
	cursor:pointer;
	border:none;
}



/*----- Menu -----*/
#main_menu 
{
	position:absolute;
	right:0;
	top:0;
}

#main_menu .item
{
	cursor:pointer;
	display:inline-block;	
	width:128px;	
	padding-top: 58px;
	float: left;
	
	text-align: center;
	font-family:"Michroma", sans-serif;
	font-size:12px;
	font-weight:600;	
	color:#666;
}

#main_menu li ul {
	background-color:#2A658E;
	height: 0px;
	overflow: hidden;
	transition: height ease 0.5s;
	width:128px;
	position: absolute;
	top: 0px;
	
}

#main_menu  li:hover ul {
	height:85px;
}

#main_menu  li ul li {
	display: block;
	height: auto;
	text-align: center;
	float:none;
}

#main_menu  li ul li:first-child {
	padding-top:5px;
}

#main_menu  li ul li:last-child {
	padding-bottom:15px;
}

#main_menu li ul li a {
	display: block;	
	width: 128px;
	height: auto;
	vertical-align: middle;
	padding: 0px 0px 5px 0px;
	margin: 0 auto;
		
	text-align: center;
	font-size: 14px;
	font-family:"Eurostile","Jura", sans-serif;
	color:#FFF;
}

#main_menu  li ul li a:hover
{
	color:#cccccc;
}




/*----- Banner -----*/
#top_container
{
	width:100%;	
	background-color:#2A658E;	
	background-image:url(../images/banner_back.png);
	min-height:120px;
}

#top_container h1.title
{
	color:#FFF;
	position:absolute;
	right:20px;
	top:45px;
	font-size:52px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#banner
{
    height:400px;
    width:980px;
}

#banner h1
{
	font-family:"Arial","Comic Sans MS", cursive, sans-serif;
	color:#FFF;
	font-size:36px;	
	position:absolute;
	top:20px;
	left:20px;
	background-color: rgba(0,0,0,0.6);
	padding: 10px 30px;
	text-rendering: optimizelegibility;
}

#banner h2
{
	font-family:"Arial";
	color:#FFF;
	font-size:24px;	
	position:absolute;
	bottom:70px;
	right:20px;
	background-color: rgba(0,0,0,0.6);
	padding: 10px 30px;
}

#banner a
{
	border:none;
	position:absolute;
	top:0px;
	left:0px;
	height:400px;
	width:980px;
}      

.slide
{
	height:400px;
	width:980px;
	position: absolute;
	top: 0px;
	left: 0px;
	visibility:hidden;

	background-position: center top;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.slide_show
{
	visibility:visible;
}

#banner #slide_1
{
	background-image:url(../images/banner_first.jpg);	
}

#banner #slide_2
{
	background-image:url(../images/banner_second.jpg);	
}

#banner #slide_3
{
		
}

#banner_menu ul{
	display:block;
	position:absolute;
	z-index:20;
	left: 20px;
	bottom: 20px;
	margin:0;
}

#banner_menu ul li {
	float:left;
	display:inline;
	width:25px;
	height:25px;
	margin:0;
	padding-left:11px;
	text-align:center;
	vertical-align:middle;
	line-height:25px;
	background-repeat:no-repeat;
}

#banner_menu ul li a {
	float:left;
	font-family:"Arial Rounded MT Bold";
	
	text-decoration:none;
	width:25px;
	height:25px;
	color:#fff;			
	background-color:#333;
	border:1px solid #FFF;
	outline:0;
}


#banner_menu ul li a.active{
	color:#333;
	background-color:#FFF;
	border:1px solid #333;
}      




/*----- Principal -----*/
#main_content
{	
	width:100%;
	min-width:980px;
	min-height:400px;
}

#main_content_q
{	
	width:100%;
	min-width:980px;
	height:300px;
	padding-top: 100px;
}

.text_desc
{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:600;
	
	margin:30px 10px;
}

.text_desc a
{
	color:#2A658E;
}

#news
{
	margin-top:20px;
	margin-left:10px;
	margin-bottom:70px;
	padding:10px;
	width: 600px;
}

#news .see_more
{
	display:block;
	background-color:#333;
	padding: 7px 15px;
	font-size: 12px;
	color: #FFF;
	margin: -10px;
	margin-top:10px;
	cursor:pointer;
}


#news ul
{
	margin-top:20px;
}

#news ul li
{
	margin:18px 5px;
	font-size:0.9em;
}

#news ul li a
{
	transition:color ease 0.4s;
}

#news ul li a:hover
{
	color:#2A658E;
	text-decoration:underline;
}

#side_call
{
	position:absolute;
	right:10px;
	top:280px;	
	width:310px;
	height:250px;
	background-color:#DDD;
}

#side_call img
{
	width: 90px;
	position: absolute;
	top: 10px;
	padding: 10px 5px;
	left: 10px;
}

#side_call .title
{
	display:block;
	background-color:#333;
	padding: 20px 10px;
	padding-left:130px;
	font-size: 12px;
	color: #CCC;
	height: 40px;
}

#side_call p
{
	padding:10px;
	
}

#side_call a
{
	display:block;
	background-color:#333;
	padding: 7px 15px;
	position: absolute;
font-size: 12px;
color: #FFF;
bottom: 20px;
right: 20px;
}


#side_call .title .main
{
	display:block;
	font-size:"Arial Rounded MT Bold";
	font-weight:600;
	font-size:21px;
	color:#FFF;
}



.section_title
{
	font-size:2em;
	letter-spacing:-0.05em;
	font-weight:600;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	color:#555;	
	margin:-10px;
}

#pagseguro
{
	border-top:1px solid #666;
	margin-top: 30px;
	height:200px;
	background:url(../images/pagseguro.png) no-repeat;
}



/*----- Destaques -----*/
#calls 
{
	padding: 50px 0;
	height:180px;
}

#calls li
{
	display:inline-block;
	margin-right:17px;
	float:left;
	padding:20px;	
	width:275px;
	height:140px;
	position:relative;
	
	background-position-y:90px;
	background-repeat:no-repeat;
}


#calls li a
{
	display:block;
position:absolute;
top:0;
right:0;
left:0;
bottom:0;

}


#calls li:last-child
{
	margin-right:0;
}

#calls li h3
{
	color:#FFF;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:1.9em;	
	line-height: 1.1em;
	letter-spacing: -0.03em;
}


#calls #first
{	
	background-color:#2A658E;
	background-image:url(../images/call_1.jpg);	
}

#calls #second
{	
	background-color:#658E2A;
	background-image:url(../images/call_2.jpg);
}

#calls #third
{
	background-color:#8E2A65;
	background-image:url(../images/call_3.jpg);
}


#partners li:first-child
{
margin-top:40px;
}

#partners li:last-child
{
margin-bottom:70px;
border-bottom:none;
}


#partners li
{
	display:block;
	border-bottom:1px solid #CCC;
	padding:50px 30px;
}

#partners li img
{
	display:inline-block;
	width:200px;
	vertical-align:middle;
}

#partners li p
{
	display:inline-block;
	width:550px;
	font-size:12px;
	margin:0 30px;
	vertical-align:middle;
}

#partners li p b
{
	font-size:12px;
}

#partners li a
{
	color:#06F;
}




#cases{
	margin-left:45px;
	margin-top:40px;
	margin-bottom:30px;

}


#cases  li
{
	display:block;
	border-bottom:1px solid #CCC;
	padding:50px 30px;
}

#cases  h1
{
	font-size: 20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:20px;
	margin-bottom:20px;
}


#cases img
{
	display:inline-block;
	width:150px;
	vertical-align:middle;
	margin-right:60px;
}

#cases li p
{
	display:inline-block;
	width:550px;
	font-size:12px;
	margin:0 30px;
	vertical-align:middle;
}

#cases  li p b
{
	font-size:12px;
}

#cases li a
{
	color:#06F;
}


/*----- Footer -----*/
footer
{
	padding-top:40px;
	background-color:#333;
	height:320px;	
	width:100%;
	min-width:980px;
}

#sitemap
{
	margin:20px 10px;
}

#sitemap li
{
	display:inline-block;
	width:130px;
	vertical-align:top;
	
	font-weight:600;
	color:#FFF;
}

#sitemap li ul
{
	padding-top:20px;	
}

#sitemap li ul li a
{
	font-size:12px;
	font-weight:400;
	color:#FFF;
	display:block;
	height:20px;		
}


#legal
{
	color:#FFF;
	font-size:12px;
	
	position: absolute;
	bottom: -137px;
	right: 10px;
}

#legal a
{
	color:#FFF;
}

#copyright
{
	font-size:12px;
	color:#FFF;

	width:980px;
	border-top:1px solid #FFF;
	padding-top:10px;
	padding-left:10px;
	
	position: absolute;
	bottom: -140px;
	left:0px;	
}

#language a
{
	display:block;
	width: 28px;
	height: 17px;	
	
	background-image:url(../images/flags.jpg);
	background-repeat:no-repeat;
	
	position: absolute;
	bottom: -75px;
	right: 10px;
}

#social
{
	position:absolute;
	left:100px;
	top:120px;
	width: 980px;
}

#social a
{
	display:line;
	width: 300px;
	height: 60px;
	padding-left:35px;
		
	/*background-image:url(../images/socials.png);
	background-repeat:no-repeat;*/
	
	line-height:25px;
	text-align:left;
	font-weight:600;
	font-size:12px;
	color:#FFF;
}

#portuguese
{
	background-position:top;	
}

#english
{	
	background-position:bottom;	
}

#facebook
{	
	background-position-y:-25px;	
}

#phone
{	
	background-position-y:-50px;
	width: 200px;	
}


#newsletter
{
	background-position-y:0px;	
}

#total_access
{
	color:#333;
	font-size:10px;
	position:absolute;
	bottom: -115px;
	right: 0;	
	
		-webkit-touch-callout: initial;
	-webkit-user-select: initial;
	-khtml-user-select: initial;
	-moz-user-select: initial;
	-ms-user-select: initial;
	user-select: initial;
}

#total_access:hover
{
	color:#FFF;
}

/*----- Formulários -----*/
form {
  margin: 50px;
}

.input_text, .input_select
{
		position:absolute;
		right:0;		
}

.input_ddd
{
		position:absolute;
		right:200px;
		width: 50px;		
}

.field
{
	display:block;
	margin:20px 10px;
	width:500px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;	
	position:relative;
}

.btn_send
{
	cursor:pointer;
	margin:20px 10px;
	background-color:#2A658E;	
	border:none;
	color:#FFF;
	
	font-weight:600;
	padding:5px 20px;
}

.btn_clear
{
	cursor:pointer;
	margin:20px 10px;
	background-color:#2A658E;	
	border:none;
	color:#FFF;
	
	font-weight:600;
	padding:5px 20px;
}

.field input, .field select
{
	height:25px;
	border:1px solid #CCC;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;	
}


.field input
{
		padding:2px 10px;
}

.label
{
	display:inline-block;
	width:225px;
	height:100px;
	vertical-align:top;
}

.textarea
{
	height:100px;
	padding:2px 10px;
	border:1px solid #CCC;
	width:270px;	
}

.observation
{
	display:block;
	margin:0 0 50px 10px;
	font-size:12px;	
	color:red;
}

/*----- Produtos -----*/
#side_bar
{
	width:200px;
	min-height:400px;
	display:inline-block;
	vertical-align:top;
	
	margin: 20px 20px 20px 10px;
}

#side_bar #product_logo
{
	height:90px;
	margin: 10px 10px 30px 10px;
}

#side_bar .contact
{
	display:block;
	margin-bottom:10px;
	font-size:12px;
}

#side_bar a.contact:hover
{
	color:#CCC;
}

#side_bar .img_contact
{
	vertical-align:bottom;
}


#side_bar li
{
	position:relative;
	cursor:pointer;
	padding:15px 10px;

	white-space:nowrap;
	
	font-family:Verdana, Geneva, sans-serif;
	font-weight:600;
	color:#333;
	
	display:block;
	width:0px;


	text-align:right;		
	
	overflow:visible;
	transition:width ease 0.5s; 
}


#side_bar li:hover 
{
	width:210px;	
	background-color:#DDDDDD;	
}

#side_bar .topic
{
	width:230px;
	height: 50px;	
	display:block;
	position:absolute;
	top:0;
	left:0;
}

#side_bar  li.selected:hover
{
	width:210px;	
	background-color:#2A658E;		
}

#side_bar  li.selected
{
	background-color:#2A658E;	
	color:#FFF;
	width:210px;
}


#side_content
{
	width: 700px;
	min-height: 800px;
	margin: 10px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: top;
	border-left: 1px solid #CCC;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 0;
	padding-top: 20px;
}

#side_content h1
{
	font-size:24px;
	color:#2A658E;
	font-family:Verdana, Geneva, sans-serif;
}

#side_content h2
{
	font-size:16px;
	color:#555;
	margin:20px 10px;
	margin-top:40px;
}


#side_content p
{
	margin:10px;
	font-size:12px;
	line-height:140%;
}

#side_content img
{
	width:250px;
	display:inline-block;
	vertical-align:middle;	
}

#side_content .left_text
{
	display:inline-block;
	width:430px;
	vertical-align:middle;	
}

#side_content .right_text
{
	display:inline-block;
	width:430px;
	vertical-align:middle;	
	float: right;
}

#side_bar .side_item
{
	border-top:1px solid #CCC;
	margin: 0px -30px 20px 0;
	padding:20px 10px;
	padding-top:40px;
		
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}

.side_item .title
{	
	
	font-weight:600;
	color:#333;
	margin-bottom:20px;
	display:block;
	
	display:block;
}

#content_footer 
{
	position:relative;
	border-top:1px solid #CCC;
	margin-top:30px;
	margin-left:-10px;
	height:100px;
}


#content_header
{
	position:relative;
	border-bottom:1px solid #CCC;
	margin-bottom:40px;
	padding: 0px 10px 50px 30px;
	margin-left:-10px;
	height: 50px;
}



#content_footer a
{
	color:#2A658E;
		
}

.content_top
{
	
	position:absolute;
	top:10px;
	left:300px;
	color:#2A658E;
	font-weight:600;
}

.content_home
{
	
	position:absolute;
	top:10px;
	left:30px;
	color:#2A658E;
	font-weight:600;
}


.content_next
{	
	position:absolute;
	top:10px;
	right:10px;
	color:#2A658E;
	font-weight:600;
}

.content_features
{	
	color:#2A658E;
}

.content_demo
{
	
	position:absolute;
	bottom:10px;
	right:95px;
	background-color:#2A658E;
	color:#FFF;
	font-size:12px;
	font-weight:600;
	
	display:block;
	padding:5px 10px;
}


.content_buy
{	
	position:absolute;
	bottom:10px;
	right:10px;
	background-color:#FF0000;
	color:#FFF;
	font-size:12px;
	font-weight:600;
	
	display:block;
	padding:5px 10px;
}

#faq
{
	margin-top:60px;
	height:500px;
}

.faq_question
{
	margin:0 20px 0 20px;
	border-top:1px solid #CCC;
	padding:20px 200px 20px 20px;
	overflow:hidden;
	height:0px;
	font-size:12px;
	cursor:pointer;
	
	transition:height 0.5s ease;
	
	
	color:#333;
}


.faq_question:hover
{
	height:120px;
}

.faq_question h2
{
	margin:-10px -10px 20px -10px;
	font-size:14px;
	color:#2A658E;
	cursor:pointer;
}

.tab_nav
{
	display:block;
	width:100%;
	height:37px;
	
	border-bottom:5px solid #2A658E;
}


.tab_nav li:hover
{
	background:#DDD;
}

.tab_nav li.selected
{
	background:#2A658E;
	color:#FFF;
}

.tab_nav li
{
	
	font-color:#333;
	display:inline-block;
	cursor:pointer;
	float:left;
	
	padding:10px 20px;
}

.tab
{
	display:none;
	padding:30px;	
	border: 1px solid #CCC;	
	margin-bottom:70px;
	
	border-top:none;	
	font-size:12px;
	
}

.tab.show
{
	display:block;
}


table
{
	margin:40px 30px 80px 30px;
	width:92%;
}

table td
{
	text-align:left;
	padding:20px;
	font-size:12px;
	border-right: 1px solid #CCC;
}

table td:last-child
{

	border-right: none;
}

 table td b
 {
	 font-size:12px;
	}

table th
{
	text-align:center;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:20px 20px;
}

table th:last-child
{
	border-right: none;
}

table a
{
	text-align:center;
	color:#06F;
	font-size:12px;
	display: block;
}


table tr.gray
{
	background:#DEDEDE;	
}

.important, .important b
{
	color:#F00;
	font-size:12px;
}

.text_right
{
	display:inline-block;
	width:670px;
	margin-left:30px;
	vertical-align:middle;
}

 table td .logo
{
	width:150px;
}

.app_logo
{
	display:inline-block;
	vertical-align:middle;	
}

.sells_img
{
	position:absolute;
	right:50px;
	bottom:90px;	
}

.support_img
{
	position:absolute;
	width:250px;
	right:50px;
	bottom:30px;	
}

.info_image
{
	width:150px;
	display: inline-block;
vertical-align: middle;
margin: 10px 0;
margin-top:50px;
}

.error_message
{
display: inline-block;
background-color:#DEDEDE;
vertical-align: middle;
font-size: 16px;
font-weight:600;
height:auto;
padding:20px;
margin-right:10px;
margin-top:50px;
margin-bottom:20px;
margin-left:20px;
}
.contato
{
vertical-align: middle;
height:auto;
padding:20px;
margin-bottom:50px;
margin-left:20px;
line-height:150%;
}


.lnk_btn
{
	padding:10px 10px;
	display:block;
	font-size:14px;
	font-weight:600;
	width:150px;
	margin-left:20px;
	background-color:#2A658E;
	color:#FFF;
	text-align:center;
	
}

.little_obs
{
	font-size:10px;
	display:block;
}

/*----- Tabela - Matriz de Características -----*/
#matriz
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 700px;
	border-spacing: 1px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 20px;
}
#matriz td, #matriz th 
{
font-size:0.9em;
border:1px solid #A5A5A5;
height: 28px;

}
#matriz th 
{
font-size:1em;
text-align:center;
padding-top:4px;
padding-bottom:4px;
padding-left:0px;
padding-right:0px;
background-color:#3A5364;
color:#ffffff;

}
.x
{
width:548px;
text-align:left;
font-weight:bold;
padding: 2px 0 2px 5px;

}

.y
{
width:37px;
text-align:center;
color:green;
font-weight:bold;
padding: 0 0 0 0;
}
.z
{
width:548px;
text-align:left;
font-weight:bold;
padding: 2px 0 2px 15px;
}

.w
{
width:548px;
text-align:left;
font-size:0.8em;
padding: 2px 0 2px 25px;
}


#matriz tr.alt td 
{
background-color:#E7E7E7;
}
/* ---- Tabela de Valores ---- */
#tabela{
width:680px; 
height:auto; 
margin:0 0 0 15px;
}
#valores{
padding: 0 20px 20px 20px;	
}

a.valores
{
	cursor:pointer;
	transition:opacity ease 0.5s;
	color:blue;
	line-height:130%;
}

a.valores:hover
{
	opacity:0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}
#tab h1
{
	width:691px;
	text-align:center;
}
#tab h2
{
	width:691px;
	text-align:center;
	color:#ff0000;
}
#tab h3
{
	width:691px;
	text-align:center;
}
#tab p
{
	width:676px;
	text-align:center;
	font-size:0.8em;
	margin-left:15px;
}

.aut_item{
	width:300px;
}

.aut_item:nth-child(2n+0){
	width:300px;
	margin-right:40px;
	margin-left:40px;
}
.aut_item:last-child{
	width:300px;
}

h2.aut{
	margin-top:30px;
	margin-left: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
}
p.aut{
	margin-top:10px;
	margin-left: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
}
.automacao{
	border:1px;
	border-style:solid;
	border-spacing:1px;
}
h2.rel{
	margin-top:30px;
	margin-left: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
}
h3.rel{
	margin-top:10px;
	margin-left: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
}
p.rel{
	margin-top:5px;
	margin-left: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}
#abc{
	margin-left:30px;
	margin-top: 20px;
	margin-bottom: 50px;
}
#abc p{
	margin-top:10px;
	margin-left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
}
#abc a{
	margin-left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#00F;
}
p.quem{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	padding-left:30px;
	padding-right:30px;
}
#promo{
	height: auto;
	width: 960px;
	margin-left:10px;
	margin-top:30px;
	text-align:justify;
	border-style:solid;
	border-radius: 10px;
	border-width: 2px;
	border-color:#CCC;
	padding: 20px;
}
#promo h1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#003;
	margin-bottom:10px;
}
#promo p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	line-height:150%;
}
#iframe{
	margin: 10px 150px;
}
#iframe h2{
	margin-top:10px;
	margin-bottom:10px;	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
}
#termos{
	text-align:justify !important;
}