/************************************************************
				GERAL / BODY /
************************************************************/

* {
	border:0;
	margin:0;
	padding:0;
	list-style:none;
}
div, span{
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
body{
	background-color: #85A3C1;
	height:100%;
	background-image:url(/img/bg.jpg);
	background-repeat:repeat-x;
}


/************************************************************
				TOP / Logo
************************************************************/
#top{
	width: 900px;
	height: 110px;
	margin:20px auto;
	background-color:#FFFFFF;	
	background-image: url(/img/bg_top.jpg);
	background-repeat:no-repeat;
	background-position: 4px 4px;
}

#top #logo{
	width: 230px;
	height: 79px;
	padding: 7px 15px;
	float: left;
}

#top #menutop{
	margin-right: 20px;
	width: 350px;
	height: 22px;
	float: right;
	background-image:url(/img/bg_menutop.jpg);	
	background-repeat:no-repeat;
	background-position: 55px;
}


#top #menutop ul{
	margin-top: 2px;
}

#top #menutop ul li{
	float:left;
	padding: 0px 10px 0px 20px;
}
#top #menutop a{	
	color: #4A6580;
	text-decoration:none;
	font-size: 10px;
}

#top #menutop a:hover{
	color: #4081B5;
	border-bottom: 1px solid #4081B5;
}

/************************************************************
				TOP / MENU PRINCIPAL
************************************************************/
#top #menu{
	width: 585px;
	height: 28px;
	float:right;
	margin-top: 30px;
	margin-right: 25px;
}
#top #menu ul li{
	display: inline;
}
#top #menu a{
	display: block;
	float: left;
	text-align:center;
	background-repeat:no-repeat;
	height: 28px;
}
#top #menu a span{
	display: none;
}
/********************************************
 especificações do menu - no CSS do idioma
*********************************************/


/************************************************************
				AREA CONCEITUAL HOME
************************************************************/
#conceitual{
	width: 900px;
	height: 222px;
	margin:-40px auto;
	*margin:-45px auto;	
	*margin-bottom:-40px;
	background-color: white;
	background-image: url(/img/conceito_bg.gif);
	background-repeat:no-repeat;
	background-position:center;
}

#conceitualContent{
	background-position:center;
	background-repeat:no-repeat;
	width: 888px;
	height: 221px;
	padding-left: 10px;
	
}
/************************************************************
				AREA CONCEITUAL INTERNA
************************************************************/
#conceitualInterna{
	width: 900px;
	height: 110px;
	margin:-40px auto;
	*margin:-45px auto;	
	*margin-bottom:-40px;
	background-color: white;
	background-image: url(/img/conceito_bg_peq.gif);
	background-repeat:no-repeat;
	background-position:center;
}

#conceitualContentInterna{
	background-position:center;
	background-repeat:no-repeat;
	width: 888px;
	height: 108px;
	padding-left: 10px;
	
}


/************************************************************
				AREA CONTEUDO / primaria
************************************************************/

#content{
	width: 900px;
	margin:40px auto;
	background-color: white;
	background-image: url(/img/bg_bottom.jpg);
	background-repeat:no-repeat;
	background-position: center bottom;
}

#content #chamadaCapa{
	background-image: url(/img/bg_home.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:850px;
	height: 226px;
	margin-left: 25px;
	padding-top: 10px;
}

#content #chamadaCapa .tituloCapa{
	padding-bottom: 8px;
}

#content #chamadaCapa #block1{
	width: 245px;
	text-align: justify;
	height: 230px;
	float: left;
	padding-left: 5px;
}

#content #chamadaCapa #block2{
	width: 260px;
	text-align: justify;
	height: 230px;
	float: left;
	margin-left: 40px;
}

#content #chamadaCapa #block2 #listaServicosCapa{

	height: 150px;
}

#content #chamadaCapa #block2 .leiamais{
	float: right;
}

#content #chamadaCapa #block2 #servicos1{
	height: 130px;
	width: 130px;
	margin-top: 0px;
	float:left;
}

#content #chamadaCapa #block2 #servicos1 span{
	display:block;
	font-size: 10px;
	line-height:100%;
	text-align:left;
	color: black;
	padding-top: 8px;
}


#content #chamadaCapa #block2 #servicos2{
	height: 130px;
	width: 110px;
	margin-top: 0px;
	float: right;
}

#content #chamadaCapa #block2 #servicos2 span{
	display:block;
	font-size: 10px;
	line-height:100%;
	text-align:left;
	color: black;
	padding-top: 8px;
}


#content #chamadaCapa #block3{
	width: 245px;
	text-align: justify;
	height: 230px;
	float: left;
	margin-left: 40px;
}


/************************************************************
				AREA CONTEUDO / Secundária
************************************************************/

#content #inferiorCapa{
	width: 855px;
	height: 260px;
	margin: 0 auto;
	background-image: url(/img/inferior_capa.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#content #inferiorCapa #inferiorBlock1{
	width: 245px;
	text-align: justify;
	float: left;
	padding-left: 5px;
}

#content #inferiorCapa #inferiorBlock2{
	background-image: url(/img/testimonial_aspas.gif);
	background-repeat:no-repeat;
	background-position:0px;
	width: 275px;
	text-align: justify;
	float: left;
	margin-left: 40px;
}

#content #inferiorCapa #inferiorBlock3{
	width: 235px;
	text-align: justify;
	float: left;
	margin-left: 35px;
}

#content #inferiorCapa .tituloInferiorCapa{
	text-align:center;
	padding: 0px;
	*padding: 6px 0 5px 0;

}

#content #inferiorCapa #moduloNoticias{
	padding-bottom: 5px;
	width: 240px;
	height: 215px;
}
#content #inferiorCapa #moduloNoticias .noticiaData{
	font-size: 9px;
	color: #CCCCCC;
	display:block;
}

#content #inferiorCapa #moduloNoticias .noticiaTitulo{
	color: #333333;
	font-size: 11px;
	font-weight:bold;
}

#content #inferiorCapa #moduloNoticias .noticiaSeparador{
	background-image: url(/img/separador_news.gif);
	background-repeat:no-repeat;
	height: 5px;
	display: block;
	margin-top: 25px;
}

#content #inferiorCapa #testimonialCapa{
	font-size: 12px;
	line-height:180%;
	width: 165px;
	margin: 0 auto;
}
#content #inferiorCapa #testimonialAssinatura{
	font-size: 10px;
	width: 165px;
	margin: 0 auto;
	text-align: right;
	border-top: 1px solid #4380AC;
	color: black;
}
#content #inferiorCapa #testimonialAssinatura a {
	font-size: 10px;
}

#content #inferiorCapa #marcaCliente{
	width: 230px;
	height: 90px;
	margin-top: 40px;
	text-align:center;
	display: block;

}

#content #inferiorCapa #tituloCliente{
	font-weight: bold;
	color:#4380AC;
	margin-top: 30px;
	text-align:center;
	
}




/************************************************************
				RODAPE
************************************************************/

#rodape{
	background-image: url(/img/bg_rodape.jpg);
	background-repeat: no-repeat;
	width: 900px;
	background-color: white;
	height: 33px;
	margin: -25px auto 10px;
}

#rodape #fd{
	float: right;
	margin: 10px 10px;
}

#rodapeAssinatura{
	font-size: 10px; 
	color:#4380AC;
	text-align:center;
	line-height:120%;
	padding-top: 5px;
}


/************************************************************
				FORMATACOES DIVERSAS
************************************************************/


a{
	color: #3E7BA7;
	text-decoration: underline;
}

.leiamais{
	float: right;
}
.leiamais a{
	font-size: 10px;
	background-image:url(/img/seta.gif);
	background-repeat:no-repeat;
	background-position: right 4px;
	padding-right: 7px;
	text-align:right;
}

.color{
	color:#4380AC;
}

.spacing{
	line-height: 160%;
}


#areaTitle, .areaTitle{
	background-color: #E7F2F8;
	padding: 5px;
}

#areaTitle h2, .areaTitle h2{
	color: #4A6580;
	font-size: 16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}

#areaContent{
	padding: 10px;
	text-align:justify;
	line-height: 200%;
	color:#444444;
	font-size: 12px;
}

#breadcrumb{
	width: 860px;
	height: 15px;
	margin: 0px auto;
	font-size: 10px;
}

#breadcrumb li{
	display: inline;
}

#breadcrumb a{
	background-image: url(/img/seta_bread.gif);
	background-position:right;
	background-repeat: no-repeat;
	padding-right: 12px;
}

.mini{
	font-size: 10px;	
}

#paginacao{
	font-size: 10px;
	text-align:center;
	margin-top: 20px;
	background-color:#EAF7FF;
	color: #CCC;
}

.hidden{
	display: none;
	font-size:inherit;
}

.visible{
	display: inline;
	font-size:inherit;
	color: inherit;
}


/************************************************************
				EMPRESA
************************************************************/
#company{
	width: 860px;
	height: auto;
	margin: 0px auto;
	padding: 20px;
}

#company #areaContent P{
	padding-top: 15px;
}

#company .companyPerfis b{
	margin-left: 6px;
}


/************************************************************
				PARCEIROS
************************************************************/
#partners{
	width: 860px;
	height: auto;
	margin: 0px auto;
	padding: 20px;
}

#partners #areaContent P{
	padding-top: 15px;
}

#partners .companyPerfis b{
	margin-left: 6px;
}

#partners .partnerTitle{
	color: #3E7BA7;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: -15px;
	margin-top: 10px;
	clear:left;
	padding-top: 25px;
}

#partners .partnerLogo{
	float:left;	
	margin-top: 15px;
	padding-right: 15px;
}

#partners .partnerText{

}

#partners .blackTitle{
	font-size: 16px;
	display: block;
	text-align:left;
	margin-bottom: -35px;
	margin-top: 15px;
	border-bottom: 1px solid #F0F0F0;
}

/************************************************************
				SERVICES
************************************************************/

#submenuContent{
	float:left;
	margin-left: 10px;
	padding-top: 10px;
}

.submenu{
	width: 260px;
	border: 1px solid #C8E3EE;
	background-image: url(/img/bg_submenu.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	padding-bottom: 15px;
}

.submenuTitulo{
	width: 260px;
	height: 33px;
	background-image:url(/img/top_submenu.gif);
	background-repeat:no-repeat;
	background-position:top;
	border-top:1px solid #E7F2F8;
}

.submenuTitulo h3{
	color: #4A6580;
	font-size: 16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	margin: 10px 0 0 15px;
}

.submenu h4{
	color: black;
	font-size: 11px;
	background-image: url(/img/seta_black.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:12px;
	margin: 10px 0 0 20px;
}

.submenu ul{
	margin-left: 33px;	
	line-height: 170%;
}

.submenu ul li{
	background-image: url(/img/seta.gif);
	background-position:left 6px;
	background-repeat:no-repeat;
	padding-left: 10px;
}

.submenu ul li a{
	font-size: 10px;
}

.submenuBox{
	width: 260px;
	border: 1px solid #C8E3EE;
	background-image: url(/img/bg_submenu.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	padding-bottom: 15px;
	margin-top: 15px;
}

.submenuBox #conteudoSubmenuBox{
	font-size: 10px;
	display: block;
	width: 240px;
	margin: 5px auto;
	line-height: 170%;
	text-align:justify;
}

#separadorServices{
	border-bottom: 1px solid #E7F2F8;
	width:230px;
	margin-left: 10px;
	margin-top: 10px;
}

#services{
	width: 580px;
	height: auto;
	padding: 10px 5px 20px 5px;
	margin-left: 290px;
}

#servicesCapa{
	width: 850px;
	height: auto;
	padding: 10px 5px 20px 5px;
	margin-left: 20px;
}

#chamadaServices{
	width: 850px;
	height: 270px;
	background-image:url(/img/bg_content_services.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

#chamadaServices #chamadaBuyer{
	margin-top: 0px;
	width: 400px;
	height: 50px;
	float: left;
}

#chamadaServices #chamadaDeveloper{
	margin-top: 0px;
	height: 50px;
	width: 400px;
	float: right;
}
.chamadaServicesContent{
	display: block;
	width: 350px;
	margin-top: 5px;
	margin-left: 15px;
	font-size: 10px;
	line-height:170%;
}

.blackTitle{
	color: black;
	font-size: 13px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
}

.blackTitleBig{
	color: black;
	font-size: 18px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
}


.linkMarcado{
	display:block;
	float: left;
	border-left: 10px solid #3E7BA7;
	width:5px;
	height: 25px;
}

.boxTeste{
	width: 550px;
	border: 1px solid #ECF6F9;
	padding: 1px;
	background-color: #F1F8FB;
}

.boxTeste #testeTitle{
	padding-left: 5px;
	background-color: #4380AC;
	color: white;
	font-weight:bold;
	display: block;
	width: 545px;
	height: 22px;
	font-size: 13px;
}
.boxTeste #testeContent{
	display: block;
	padding: 10px;
	line-height: 160%;
	color: #333333;
}

.boxTeste #testeFechar{
	float: right;
	display:block;
	margin-top: 0px;
	margin-right: 5px;
	font-weight:bold;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
}
.boxTeste #testeFechar a{
	color: white;
	text-decoration:none;
}

.boxTeste #testeFechar a:hover{
	color: #AAEAFD;

}

.separador{
	width: 550px;
	height: 15px;
	border-bottom: 1px solid #4380AC;
	margin-bottom: 20px;
}

/************************************************************
				TESTIMONIALS
************************************************************/

#testimonial{
	width: 850px;
	height: auto;
	margin: 0px auto;
	padding: 20px;
}

#assinaturaTestimonial{
	color: black;
	line-height:120%;
	padding: 5px 0 5px 10px;
	margin: 10px 0 15px 10px;
	width: 300px;
	font-size: 10px;
	border-left: 4px solid #4380AC;
	
}


/************************************************************
				METODOLOGIA
************************************************************/
#methodology{
	width: 860px;
	height: auto;
	margin: 0px auto;
	padding: 20px;
}

#methodology #areaContent P{
	padding-top: 15px;
}

#imgMetodologia{
	padding-left: 35px;
	float:right;
	
}

/************************************************************
					CASES
************************************************************/

#areaContent .case{
	padding: 15px 0 30px 0;
	border-bottom: 1px solid #4380AC;
}

#areaContent .case img{
	float: right;
	padding-left:20px;

}

#areaContent .case h3{
	display: inline;
}

#areaContent .case #url{
	font-size: 10px;
	display: inline;
	font-weight: normal;
	margin-left: 10px;

}

#areaContent .case p{
	display: inline;
}

#areaContent .case li{
	background-image: url(/img/seta.gif);
	background-repeat:no-repeat;
	background-position:left 8px;
	padding-left: 10px;
}

/************************************************************
				NEWS
************************************************************/

#newsarea{
	width: 860px;
	height: auto;
	margin: 0px auto;
	padding: 20px;
}

#areaContent .noticiaData{
	color: #999999;
}

#areaContent .noticiaTitulo{
	font-size: 14px;
	color: black;
	font-weight: bold;
}

#areaContent .noticia{
	padding: 15px 0 30px 0;
	border-bottom: 1px solid #4380AC;
}

#areaContent .noticia h3{
	display: inline;
}

#areaContent .noticia p{
	border-left: 5px solid #F0F0F0;
	padding-left: 10px;
}

#areaContent .noticia img{
	margin-right: 10px;
	border: 3px solid #F0F0F0;
	margin-bottom: 10px;
}

#newsImage{
	margin-right: 10px;
	border: 3px solid #F0F0F0;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#newsarea #areaContentNews{
	padding: 10px;
	text-align:justify;
	line-height: 200%;
	color:#444444;
	font-size: 12px;
}

#newsarea #areaContentNews *{
	text-align:justify;
	line-height: 200%;
	color:#444444;
	font-size: 12px;
}

#newsInternaData{
	padding:5px 5px 10px 5px;
	color: #999;
}

.back{
	width: 100%;
	height: 20px;
	background-color:#EAF7FF;
	margin-top: 30px;
	padding-left: 5px;
	padding-bottom: 3px;
}

.back a{
	color: red;
	font-size: 10px;
}

/************************************************************
				CONTACT
************************************************************/

#contact{
	width: 860px;
	height: auto;
	margin: 0px auto;
	padding: 20px;
}

#contact #areaContent{
	height: 470px;
}

#areaContent #contactLeft{
	width: 500px;
	height: 480px;
	float: left;
}

#areaContent #contactRight{
	width: 300px;
	height: 480px;
	float: left;
	margin-left: 30px;
	color: black;
	line-height:130%;
}

#areaContent #contactRight #imgmail, #areaContent #contactRight #imgphone, #areaContent #contactRight #imgmap{
	margin-bottom: -5px;
}

#areaContent #contactRight #phone{
	color: #3E7BA7;
	font-weight: bold;
	font-size: 14px;
	display: block;
	margin-left: 17px;
	margin-top: -13px;
	*margin-top: -17px;
	line-height:180%;
}

.formPadrao{
	border: 1px solid #B3C1D0;
	padding-top: 4px;
	height: 19px;
	background-image:url(/img/bg_form.jpg);
	background-repeat:repeat-x;
}

#contactLabel{
	font-size: 11px;
	color: black;
	font-weight:bold;
}

#btnEnviar{
	width:103px;
	height: 21px;
	background-image:url(/img/btn_enviar.gif);
	background-repeat: no-repeat;
	float: right;
	margin: 10px 50px 0 0;
	*margin: 10px 10px 0 0;
}

#btnEnviar span{
	margin-left: 40px;
	color: black;
	margin-top:-2px;
	width: 100%;
	height: 100%;
	display: block;
	cursor:pointer;
	text-decoration:none;
}

#contactEnviado{
	padding-top: 30px;
	padding-left: 20px;
	color: #1179B5;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
}