@charset "utf-8";
/* CSS Document */

a{
	color:#FFF;
	text-decoration:none;
}

img{
	border:none;
}


body{
	margin:0px;
	padding:0px;
}

#header_container {
	width:100%;
	height:300px;
	margin:0px;
	padding:0px;
	background:url(../images/bg_head_container.png);
}

#header{
	width:960px;
	height:300px;
	margin:0 auto;
	background:url(../images/bg_header.png);
}

#menu_top{
	height:54px;
	background:url(../images/bg_menu_top.png);
}

#divisor{
	height:54px;
	width:2px;
	float:left;
}

#link{
	width:157px;
	height:54px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	line-height:54px;
}

#logo{
	width:220px;
	height:100px;
	float:left;
	margin-top:50px;
}

#slogan{
	width:740px;
	height:100px;
	float:right;
	margin-top:50px;
	line-height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#FF6600;
	text-align:center;
}

/* INDEX */

#container_boxes{
	width:960px;
	height:200px;
	margin:0 auto;
}

#box_esq{
	width:165px;
	height:200px;
	float:left;
	margin-left:0px;
	margin-right:17px;
}

#box_centro{
	width:165px;
	height:200px;
	float:left;
	margin-left:17px;
	margin-right:17px;
}

#box_dir{
	width:165px;
	height:200px;
	float:right;
	margin-left:16px;
	margin-right:0px;
}

#titulo_box{
	width:165px;
	height:50px;
}

#texto_box{
	width:155px;
	height:115px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:left;
}

#veja_mais{
	width:165px;
	height:25px;
}

#container_texto_index{
	width:960px;
	height:155px;
	margin:0 auto;
	margin-top:34px;
}

#container_texto_index1{
	width:960px;
	height:155px;
	margin:0 auto;
	margin-top:0px;
}

#txt_bloco_1{
	width:960px;
	height:155px;
	margin:0px;
	padding:0px;
	float:left;
}

#txt_bloco_3{
	width:480px;
	height:155px;
	margin:0px;
	padding:0px;
	float:left;
}

#txt_bloco_2{
	width:480px;
	height:155px;
	margin:0px;
	padding:0px;
	float:right;
}

#titulo_txt{
	width:480px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#F60;
	font-weight:bold;
	text-align:left;
	line-height:30px;
}
	
#texto{
	width:470px;
	height:125px;
	margin-left:5px;
	margin-right:5px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

#texto_saudacao{
	width:950px;
	height:125px;
	margin-left:5px;
	margin-right:5px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

#container_trabalhos{
	width:100%;
	height:200px;
	background:url(../images/bg_trabalhos.png);
}

#trabalhos{
	width:960px;
	height:200px;
	margin:0 auto;
}

#titulo_trabalhos{
	width:960px;
	height:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:40px;
	text-align:left;
	color:#666;
}

#galeria_trabalhos{
	width:840px;
	height:100px;
	margin-top:35px;
	margin-bottom:25px;
	float:left;
	overflow:hidden;
}

#galeria_trabalhos ul{
	list-style:none;
}

#galeria_trabalhos ul li{
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:2px;
	display:inline;
}

#btn_prev{
	width:60px;
	height:100px;
	float:left;
	margin-top:35px;
	margin-bottom:25px;
}

#btn_next{
	width:60px;
	height:100px;
	float:right;
	margin-top:35px;
	margin-bottom:25px;
}

/*E-COMMERCE*/

#header_ecommerce{
	width:960px;
	height:300px;
	margin:0 auto;
	background:url(../images/bg_header_ecommerce.png);
}

#slogan_fontecommerce{
	width:720px;
	height:100px;
	float:right;
	margin-top:50px;
	padding-left:20px;
	line-height:30px;	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#FF6600;
	text-align:left;
}

#titulo_fontecommerce{
	width:960px;
	height:30px;
	margin:0 auto;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#F60;
	font-weight:bold;
	line-height:30px;
	text-align:left;
}

#apresentacao{
	width:960px;
	height:260px;
	margin:0 auto;
}

#texto_fontecommerce{
	width:640px;
	height:260px;
	float:left;
}

.texto{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:left;
	margin-left:5px;
	line-height:12px;
}

#thumb{
	width:300px;
	height:260px;
	float:right;
}

#container_prata{
	width:960px;
	height:275px;
	margin:0 auto;
}

#tittle_container{
	width:960px;
	height:40px;
}

#box_prata_esq{
	width:240px;
	height:200px;
	float:left;
	border-right:1px solid #CCC;
}

#box_prata_dir{
	width:236px;
	height:200px;
	float:right;
}

#titulo_box_prata{
	width:auto;
	margin-left:5px;
	height:36px;
}

#lista_prata{
	width:auto;
	height:129px;
	margin-top:10px;
	margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

#lista_prata li{
	margin-left:10px;
}

#footer_planos{
	width:960px;
	height:35px;
	float:left;
}

#btn_saibamais{
	width:230px;
	height:25px;
	margin:0 auto;
	text-align:center;
}

#container_ouro{
	width:960px;
	height:290px;
	margin:0 auto;
	margin-top:20px;
}

#box_esq_ouro{
	width:320px;
	height:215px;
	float:left;
	border-right:1px solid #CCC;
}
#box_dir_ouro{
	width:318px;
	height:215px;
	float:right;
}

#titulo_box_ouro{
	width:310px;
	height:36px;
	margin-left:5px;
}

#lista_ouro{
	width:auto;
	height:144px;
	margin-top:10px;
	margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

#lista_ouro li{
	margin-left:10px;
}

#container_diamante{
	width:960px;
	height:300px;
	margin:0 auto;
	margin-top:20px;
}

#titulo_diamante{
	width:960px;
	height:36px;
}

#btn_diamante_consulte{
	width:960px;
	height:25px;
	text-align:center;
	float:left;
	margin-top:10px;
}

#texto_diamante_esq{
	width:480px;
	height:120px;
	float:left;
	border-right: 1px solid #CCC;
}

#texto_diamante_dir{
	width:478px;
	height:120px;
	float:right;
}

#lista_diamante{
	width:auto;
	height:110px;
	margin-top:10px;
	margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

#lista_diamante li{
	margin-left:10px;
}

/*PÁGINA DOS PLANOS*/

#titulo_planos{
	width:960px;
	height:36px;
	margin:0 auto;
	margin-top:20px;
}

#id_plano{
	width:300px;
	height:36px;
	float:left;
}

#btn_voltar{
	width:150px;
	height:36px;
	float:right;
	line-height:36px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#F60;
	font-weight:bold;
	text-align:center;
}

#btn_voltar a{
	color:#F60;
}

#container_texto_planos{
	width:960px;
	height:auto;
	min-height:120px;
	margin:0 auto;
	margin-top:20px;
}

#texto_planos_esq{
	width:480px;
	height:auto;
	float:left;
	border-right: 1px solid #CCC;
}

#texto_planos_dir{
	width:478px;
	height:120px;
	float:right;
}

#lista_planos{
	width:auto;
	height:auto;
	margin-top:10px;
	margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

#lista_planos li{
	margin-left:10px;
}

#atendimento_planos{
	width:960px;
	height:480px;
	margin:0 auto;
	margin-top:20px;
}

/*SOLUÇÕES*/

#header_solucoes{
	width:960px;
	height:300px;
	margin:0 auto;
	background:url(../images/bg_header_solucoes.png);
}

#titulo_laranja{
	width:960px;
	height:40px;
	margin-top:30px;
	padding-top:10px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:30px;
	color:#F60;
	font-weight:bold;
	text-align:left;
}

#titulo_cinza{
	width:960px;
	height:40px;
	margin-top:30px;
	padding-top:10px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:30px;
	color:#666;
	font-weight:bold;
	text-align:left;
}

#texto_corpo{
	width:960px;
	height:auto;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:left;
}

/*DESENVOLVIMENTO*/

#header_desenvolvimento{
	width:960px;
	height:300px;
	margin:0 auto;
	background:url(../images/bg_header_desenvolvimento.png);
}

/*AGENCIA*/

#header_agencia{
	width:960px;
	height:300px;
	margin:0 auto;
	background:url(../images/bg_header_agencia.png);
}

#slogan_agencia{
	width:720px;
	height:100px;
	float:right;
	margin-top:50px;
	line-height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#FF6600;
	text-align:left;
	margin-left:20px;
}

/*REPRESENTAÇÃO*/

#header_representacao{
	width:960px;
	height:300px;
	margin:0 auto;
	background:url(../images/bg_header_representacao.png);
}

/*CONTATO*/

#header_contato{
	width:960px;
	height:300px;
	margin:0 auto;
	background:url(../images/bg_header_contato.png);
}



/*RODAPÉ*/

#footer_container{
	width:100%;
	height:200px;
	background:url(../images/bg_footer_container.png);
}

#footer{
	width:960px;
	height:200px;
	margin:0 auto;
	background:url(../images/bg_footer.png);
}

#copyright{
	width:380px;
	height:50px;
	margin-top:100px;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	font-weight:bold;
	text-align:left;
	line-height:50px;
	float:left;
}

#siga{
	width:150px;
	height:50px;
	margin-top:100px;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	font-weight:bold;
	text-align:right;
	line-height:50px;
	float:right;
}

#twitter{
	width:170px;
	height:50px;
	margin-top:100px;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	font-weight:bold;
	text-align:left;
	line-height:50px;
	float:right;
}



