body{
	background-color: #363636;
	color: #4a4a4a;
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	text-decoration: none;
	cursor: pointer;
  outline: none !important;
	color: #EC4A07;
}

.reset{
	margin:0px !important;
	padding:0px !important;
	list-style-type:none;
	float:none;
}

a.gen_button:hover{
	background-position: 0px 0px;
	color:#a0a0a0;
}

a.gen_button{
	background-position: 0px -24px;
	background-image: url(generic.gif);
	background-repeat:no-repeat;
	height:24px;
	line-height:24px;
	font-weight: bolder;
	text-align: center;
	color: #656565;
	width:143px;
	display:block;
	position:relative;
}

#main_container{
}

.need_align {
	left: 45px;
	padding: 0px;
	margin: 0px;
}
.inner {
	padding:0px;
	margin:0px;
	text-align: left;
}

.section{
	position: relative;
	top: 30px;
	text-indent: -7337px;
	background-repeat:no-repeat;
	height: 35px;
	width:150px;
	display:block;
}
h3.sobre{
	background-image: url(tit_sobre.jpg);
	background-position: 0px -2px;
}
h3.contato{
	background-image: url(tit_contato.jpg);
}
h3.pagamentos{
	background-image: url(tit_pagamentos.jpg);
}
h3.portfolio{
	background-image: url(tit_portfolio.jpg);
	background-position: 0px -2px;
}
h3.solucoes{
	background-image: url(tit_solucoes.jpg);
	background-position: 0px -1px;
}
h3.erro{
  text-indent: 0px;
  width: 500px;
  color: #fff;
}
#veja_tambem h3{
	font-size: 10px;
	text-align: center;
	margin-bottom: 0px;
}
#veja_tambem{
	display:block;
	left: 20%;
	padding-left: 108px;
	background-repeat:no-repeat;
	background-image: url(../icons/veja_tambem.png);
	color: #676767;
	margin-top: 30px;
	vertical-align: top;
	height:128px;
}
.bubble_holder{
	display:block;
	height:55px;
}
.bubble_tip,
.bubble_middle,
.bubble_end{
	display: block;
	float:left;
	height: 55px;
}
.bubble_tip{
	background-repeat: no-repeat;
	background-image: url(bubble_tip.png);
	width: 24px;
}
.bubble_middle a{
	font-weight: bold;
	display: inline-block;
	margin-left: 14px;
	color: #676767;
}
.bubble_middle a:first-child{
	margin-left: 0px;
}
.bubble_middle{
	background-repeat: repeat-x;
	background-image: url(bubble_middle.png);
	padding-top: 18px;
	padding-left: 10px;
	height: 37px;
}
.bubble_end{
	background-repeat: no-repeat;
	background-image: url(bubble_end.png);
	width: 24px;
}
/******** NOISE BUBBLE *******/
.noise_bubble {
	position: relative;
  z-index: 1495;
	font-size: 11px;
	border-collapse: collapse;
}

.noise_bubble td.corner {
	height: 16px;
  width: 16px;
	background-repeat: no-repeat;
}

.noise_bubble td.topleft { background-image: url(noise_bubble/bubble-1.png); }
.noise_bubble td.top { background-image: url(noise_bubble/bubble-2.png); }
.noise_bubble td.topright { background-image: url(noise_bubble/bubble-3.png); }
.noise_bubble td.left { background-image: url(noise_bubble/bubble-4.png); }
.noise_bubble td.right { background-image: url(noise_bubble/bubble-5.png); }
.noise_bubble td.bottomleft { background-image: url(noise_bubble/bubble-6.png); }
.noise_bubble td.bottom { background-image: url(noise_bubble/bubble-7.png); text-align: center; background-repeat: repeat-x; }
.noise_bubble td.bottom span { background-image: url(noise_bubble/bubble-tail2.png); display: block; margin: 0 auto; height: 24px; width: 29px;  }
.noise_bubble td.bottomright { background-image: url(noise_bubble/bubble-8.png);  }

.noise_bubble table.popup-contents {
	color: #676767;
}

.noise_bubble table.popup-contents th {
    text-align: right;
    text-transform: lowercase;
}

.noise_bubble table.popup-contents td {
   text-align: left;
}
.noise_bubble td.bubble_content {
   background:#fff;
   padding:0px;
	 background-image: url(noise_bubble/bubble-content.png);
}
/******** NOISE BUBBLE *******/

/*
 * Head
*/
#head {
	margin-top: 25px;
	height: 75px;
	width: 100%;
	left: 3px;
  z-index: 6;
}

#logo_singular{
	height:78px;
}

#menu {
	position: relative;
	width: 545px;
	top: 39px;
	left: 84px;
	white-space: nowrap;
}

#menu ul {
	list-style: none;
	list-style-image: none;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#menu ul li {
	float:left;
	display:block;
	position:relative;
	padding: 0px;
	margin: 0px;
}

#menu ul li a{
	display:block;
	position: relative;
	height: 41px;
	text-indent: -4000px;
	width:10px;
	margin-left: 8px;
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
	z-index: 10;
}

#menu ul li a.selected{
	background-position: 0px -41px;
}

/*#menu ul li a:hover{
	background-position: 0px -82px;
}*/

#menu ul li a.home span,
#menu ul li a.home{
	background-image: url(menu_home.jpg);
	width: 72px;
}

#menu ul li a.pagamentos span,
#menu ul li a.pagamentos{
	background-image: url(menu_pagamentos.jpg);
	width: 95px;
}

#menu ul li a.sobre span,
#menu ul li a.sobre{
	background-image: url(menu_sobre.jpg);
	width: 86px;
}

#menu ul li a.solucoes span,
#menu ul li a.solucoes{
	background-image: url(menu_solucoes.jpg);
	width: 82px;
}

#menu ul li a.contato span,
#menu ul li a.contato{
	background-image: url(menu_contato.jpg);
	width: 81px;
}

#menu ul li a.portfolio span,
#menu ul li a.portfolio{
	background-image: url(menu_portfolio.jpg);
	width: 81px;
}

body.noJS #menu ul li a span{
	display: none;
}
body.noJS #menu ul li a.selected:hover span{
	display: none;
}
body.noJS #menu ul li a:hover span{
	display: block;
}
#menu ul li a span{
	background-position: 0px 41px;
	position: relative;
	height: 41px;
	display: block;
	z-index:14;
}



/*
 * Content
*/
#body{
  z-index:5;
}

#body #body_top{
	background-repeat: no-repeat;
	margin-bottom: -4px;
	z-index: 4;
}

body.home #body #body_top{
	background-image: url(body_top_home.png);
	height: 296px;
}

body.interna #body #body_top{
	background-image: url(body_top_interna.png);
	height: 86px;
}

#body #destaque_position{
	position: relative;
	left: -15px;
}

#body #destaque{
	background-image: url(destaque_bg.png);
	background-repeat: repeat-y;
	z-index: 3;
	padding-top: 30px;
	padding-bottom: 30px;
}

#body #destaque_sep{
	height: 4px;
	background-image: url(destaque_separator.png);
	background-repeat: no-repeat;
}

#body #content{
	padding-top: 38px;
	background-image: url(content_bg.png);
	background-repeat: repeat-y;
	padding-bottom: 38px;
	z-index: 2;
}

#body #content_position{
	position: relative;
	left: -15px;
}

#body #round_down{
	background-image: url(round_bottom.png);
	background-repeat: no-repeat;
	clear: both;
	height: 12px;
}

/*
 * Footer
*/
#footer {
	top: 15px;
	height: 25px;
	left: 3px;
}

#footer a{
	color: #676767;
}

#footer #mini_menu{
	color: #676767;
	position: relative;
	top: -3px;
}

#footer #logo_small{
	height: 25px;
}

#footer #mini_menu ul li{
	display: inline;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}

#footer #mini_menu ul li.s{
	margin-right: 3px;
	margin-left: 3px;
}

/*
 * Rest of site
 */
img.title_img {
	display: block;
	margin: 0px;
	margin-bottom: 20px;
}

.buttonish{
	font-size: 10px;
	color: #fff;
	background-color: #676767;
	text-transform: uppercase;
	padding: 5px;
}

.buttonish .orange{
	background-color: #ff8e2e;
}

#ultimos_trabalhos{
	padding:0px;
	margin:0px;
	width: 896px;
}

.home_link{
	display: inline-block;
	height: 16px;
	width: 16px;
	text-indent: -7000px;
	background-repeat: no-repeat;
	background-image: url(../icons/home.png);
	background-position: -16px 0px;
}

.home_link:hover{
	background-position: 0px 0px;
}

#ultimos_trabalhos img.image{
	display: block;
	height: 218px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 260px;
}

#ultimos_trabalhos div.container{
	padding: 0px;
	width: 260px;
	margin: 0px;
	margin-right: 38px;
}

#ultimos_trabalhos p{
	vertical-align: middle;
	margin-top: 5px;
	padding: 0px;
	/*white-space: nowrap;*/
	margin-bottom: 0px;
	line-height: 18px;
}

h3.img,
h2.img{
	text-indent: -7000px;
	background-position: 0px;
	margin: 0px;
	padding: 0px;
	display: block;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
body.noJS h2.img{
	text-indent: 0px;
}

/* DESTAQUE CODA SLIDER */
#destaque_code{
	background-image: url(destaque_code.png);
}
#destaque_pagamento{
	background-image: url(destaque_pagamento.png);
}
#destaque_flexibilidade{
	background-image: url(destaque_flexibilidade.png);
}
#destaque_design{
	background-image: url(destaque_design.png);
}
/* FIM DESTAQUE */
#orcamento a{
	display:block;
	height:94px;
	left:43px;
	position:relative;
	top:10px;
	width:77px;
}
#orcamento{
	position:relative;
	background-repeat: no-repeat;
	background-image: url(solicite_orcamento.png);
	float:left;
	display:block;
	height:136px;
	width:136px;
	left:518px;
	top:34px;
	z-index:1101;
	text-indent:-5000px;
}
a.saibamais{
	text-indent: -9000px;
	background-image:url(saiba_mais.png);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	position:relative;
	float:left;
	width:105px;
	height:26px;
}

a.saibamais:hover{
	background-position: 0px -26px;
}

#img_solucoes{
	background-image:url(../icons/solucoes.png);
	background-repeat:no-repeat;
	display:block;
	float:right;
	margin-top: -115px;
	position:relative;
	height:128px;
	width:128px;
}
ul.orange_check{
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	padding-left: 20px;
	padding-top: 20px;
}
ul.orange_check li{
	margin: 0px;
	padding-bottom: 10px;
	line-height: 16px;
	min-height: 16px;
	padding-left: 25px;
	font-size: 16px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(ico_check.png);
}

div.solucoes h5 {
	font-size: 12px;
	font-weight: bold;
}
div.solucoes {
	position: relative;
	top: 10px;
	float: none;
	padding: 0px;
	margin: 0px;
}

/******* CONTATO/ *******/
#contato_form{
	font-size:14px;
}
#contato_form input,
#contato_form textarea,
#contato_form label{
	font-size: 16px;
}
#contato_form select,
#contato_form input{
	width: 308px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*#contato_form input[type="text"]:focus{
	background-position:0px 0px;
}*/
/*#contato_form input{
	border:none;
	background-repeat:no-repeat;
	background-image:url(field_contato.jpg);
	background-position:0px -38px;
	height:30px;
	line-height:30px;
	padding-left:8px;
	padding-right:10px;
	padding-top:9px;
}*/
#contato_form textarea{
	width: 560px;
	height:240px;
}
#contato_form label{
	display:block;
}
#contato_form div.submit input{
	width:auto!important;
}
#contato_form div.submit{
	text-align:left;
	display:block;
}

/******* /CONTATO *******/

/******* PAGAMENTOS/ *******/

/******* /PAGAMENTOS *******/

/******* PORTFOLIO/ *******/
#logo_gallery img{
	float:left;
	display:block;
	width:281px;
	height:218px;
	margin-right:40px;
	margin-bottom:40px;
	background-position: 5px 5px;
}
.lista{
	list-style-type:none;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: -2px;
	padding-top:10px;
	z-index: 1;
	width: 221px;
	background-color: #f1f1f1;
	background-repeat:no-repeat;
}
.lista li a:hover  {
	background-image: url(portfolio_hover.png);
}
.lista li a{
	color: #4a4a4a;
	display:block;
	line-height: 31px;
	padding-left: 33px !important;
	background-repeat: no-repeat;
	background-image: none;
}
.lista li{
	margin: 0px !important;
	display:block;
	height:31px;
	position:relative;
	width: 221px;
	line-height: 31px;
	color: #4a4a4a;
	background-repeat: no-repeat;
	background-image: url(lista_image.jpg);
}
.lista li.fim{
	height:6px;
  background-color: #FFFFFF;
	background-position: 0% 100%;
	background-image: url(lista_fim.jpg);
}
#design_gallery div.item a{
	width:609px;
	height:226px;
	display:block;
	background-repeat:no-repeat;
	background-position: 9px 9px;
}
#design_gallery div.item{
	display:block;
	margin-bottom:32px;
}
#design_gallery div.item p{
	position:relative;
	left: 5px;
}
body.noJS #design_gallery a:hover span.lupa,
body.noJS #design_gallery a:hover span.bullets{
	display:block;
}

#design_gallery span.bullets{
}

#design_gallery span.border{
	background-image: url(design_border.gif);
	z-index:1001;
}

#design_gallery span.hover{
	background-image: url(design_border_hover.gif);
	z-index:1002;
}

#design_gallery span.border,
#design_gallery span.hover{
	background-repeat: no-repeat;
	position: absolute;
	display:block;
	width: 609px;
	height: 226px;
}

#design_gallery span.lupa{
	background-image: url(lupa.gif);
	background-repeat: no-repeat;
	display:none;
	position:absolute;
	float:left;
	margin-left:290px;
	margin-top:90px;
	width: 29px;
	height: 29px;
	z-index:1003;
}

#design_gallery div.item a.url{
	text-indent: -9080px;
	position:relative;
	height:auto;
	width: auto;
}
/******* /PORTFOLIO *******/

/******* SOLUCOES/ *******/
#servicos_marca img,
#servicos_webdesign img,
#servicos_grafico img{
	margin-left:50px;
	margin-right:20px;
}

#servicos_marca h3,
#servicos_webdesign h3,
#servicos_grafico h3{
	color: #f58220;
	font-weight: bolder;
}
#solucoes_menu li{
	padding:0px;
	margin:0px;
	margin-bottom: 22px;
}
#solucoes_menu{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#solucoes_menu a.selectable{
	text-indent: -6723px;
	display:block;
	height:32px;
	width:221px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(botoes.jpg);
}
/*           MARCA                  */
#solucoes_menu a.marca:hover{
	background-position: -442px -33px;
}
#solucoes_menu a.marca{
	background-position: -442px 0px;
}
#solucoes_menu a.marca.selected_solucoes{
	background-position: -442px -33px;
}
#solucoes_menu a.marca.selected{
	background-position: -442px -66px;
}
/*           MARCA                  */

/*           WEBDESIGN              */
#solucoes_menu a.webdesign:hover{
	background-position: 0px -33px;
}
#solucoes_menu a.webdesign{
	background-position: 0px 0px;
}
#solucoes_menu a.webdesign.selected_solucoes{
	background-position: 0px -33px;
}
#solucoes_menu a.webdesign.selected{
	background-position: 0px -66px;
}
/*           WEBDESIGN              */

/*           GRAFICO                */
#solucoes_menu a.grafico:hover{
	background-position: -221px -33px;
}
#solucoes_menu a.grafico{
	background-position: -221px 0px;
}
#solucoes_menu a.grafico.selected{
	background-position: -221px -66px;
}
#solucoes_menu a.grafico.selected_solucoes{
	background-position: -221px -33px;
}
/*           GRAFICO                */

#solucoes_home li{
	float:left;
	font-size:10px;
	width: 115px;
	margin-right: 10px;
}
#solucoes_home .trigger{
	margin-bottom: 15px;
}
.oferecidos ul.orange_check li{
	font-size:11px;
}
.oferecidos strong{
	display:block;
	margin-bottom:11px;
	text-align:center;
}
.oferecidos{
	float: right;
	position: relative;
	width: 198px;
}
ul.solucoes{
	text-align: left;
}
/******* /SOLUCOES *******/

/******* /PAGAMENTOS *******/
ul.pagamentos li{
	font-size: 12px;
}
#cartao h3{
	text-align: center;
	padding-top: 15px;
	font-size:11px;
}
#cartao{
	background-image: url(cartao_de_credito.jpg);
	background-repeat: no-repeat;
	left: 80px;
	height:296px;
	width:189px;
}
#cartao li{
	font-size:10px;
}
/******* /PAGAMENTOS *******/
div.visitar_site a{
	background-image: url(visitar_site.jpg);
	background-repeat: no-repeat !important;
	background-position: 0px 0px !important;
	text-indent: -9999px;
	display: block;
	height: 24px !important;
	width: 103px !important;
}
div.visitar_site a:hover{
	background-position: 0px -24px !important;
}
div.visitar_site,
div.site_desc{
	display: inline-block;
	position:relative;
	float: left;
	line-height: 24px;
}
div.site_desc{
	width: 503px;
}
div.visitar_site{
	width: 103px;
}
div.site_info{
	display:block;
	height: 24px;
}

body.pagamentos #veja_tambem{
	left: 25px;
}
body.sobre h3.quem_somos,
body.sobre h3.vantagem,
body.pagamentos h3.meios,
body.solucoes h3.solucoes_empresas,
body.pagamentos h3.sistema{
	text-indent: -3300px;
	display:block;
	height: 21px;
	background-repeat: no-repeat;
	margin:10px 0px 10px 0px;
}
body.pagamentos h3.meios{
	background-image: url(subtitulo_meios_pagamento.jpg);
}
body.sobre h3.vantagem{
	background-image: url(subtitulo_nossa_vantagem.jpg);
}
body.sobre h3.quem_somos{
	background-image: url(subtitulo_quem_somos.jpg);
}
body.pagamentos h3.sistema{
	background-image: url(subtitulo_sistema_100.jpg);
}
body.solucoes h3.solucoes_empresas{
	height:44px;
	width:378px;
	background-image: url(subtitulo_solucoes.jpg);
}
body.solucoes div.tv{
	width: 252px;
	display: block;
	overflow: hidden;
	position: absolute;
	height: 145px;
	padding: 4px;
}
body.solucoes span.border{
	background: transparent url(solucoes_border.gif);
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	height: 153px;
	width: 260px;
	z-index: 10;
}
body.contato form label{
  display: block;
  clear:both;
  margin-top: 5px;
  margin-bottom: 5px;
}
body.contato input[type="text"],
body.contato select,
body.contato textarea{
  border: none;
  margin: 7px;
  display: block;
  width: auto !important;
  min-width: 300px;
  background: transparent;
}
body.contato select{
  background: #fff;
}
body.contato div.rowElem{
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  float: left;
  display: block;
  clear:both;
  border-radius: 8px;
  -moz-box-shadow: 3px 3px 8px #ddd;
  -webkit-box-shadow: 3px 3px 8px #ddd;
  box-shadow: 3px 3px 8px #ddd;
  border: solid #bbb 1px;
  margin-bottom: 10px;
}