/* base */

	* { margin:0; padding:0 }
	body, #teste { background:#dc880b url(../imgs/body_bg.gif) 0 0 repeat; font-family:Arial, Helvetica, sans-serif }
	div, p, span, #topo h1, #topo h2, h3, h4, h5, h6, ul, ol, li, form, fieldset, input, select, textarea, label, q, address
	{ float:left }
	
	.centraliza { float:none!important; margin:0 auto; text-align:center }
	
	a, input, select { outline:none; font-weight:bold }
	
	a { text-decoration:none }
	a img, fieldset { border:none }
	address{ font-style:normal }
	ul, ol { list-style:none }
	q { quotes:none }
	hr { display:none }
	
	/* some */
	
		#topo h1, #topo h2, #formas_contato h4, #bt_atalho_orcamento a, 
		a.bx-prev, a.bx-next, #banner h4, #depoimentos_home h3, #clientes_home h3, #orcamento h3, .bt_mais a, legend,
		.bt_form, #rodape #selo_google_adwords, #rodape #siga-nos li a, #rodape #credito, #conteudo.secao .agrupa_colunas .col_principal h2
		{ text-indent: -999em }
		
		#topo h2, #formas_contato h4,#banner h4, legend
		{ height:0px }

	/* reseta forms */
	
		form input, .bt_form, textarea, select { border:none!important; background-color:transparent!important }
		input, select, textarea, label { text-align:left }
		input, select, textarea { color:#fff; font-weight:bold }
		.bt_form { cursor:pointer; line-height:0px!important }
		textarea { resize:none; overflow:auto }

	#menu_barra ul li a, #topo h1, 
	#banner ul li, a.bx-prev, a.bx-next, #banner ul li p.saiba_mais a,
	#depoimentos_home h3, #clientes_home h3, #orcamento h3, #depoimentos_home q, .bt_mais_depoimentos a, .bt_mais a, 
	.bt_form, #rodape #siga-nos li a, #rodape #credito, #conteudo.secao .agrupa_colunas .col_principal h2
	{ background-repeat:no-repeat }
	
	#menu_barra ul li a, #topo h1 a, #bt_atalho_orcamento a, #banner h4, a.bx-prev, a.bx-next, #banner ul li p.saiba_mais a,
	#depoimentos_home h3, #clientes_home h3, #orcamento h3, .bt_mais_depoimentos a, .bt_mais a, legend, .bt_form,
	#rodape #siga-nos li a, #rodape #credito, #conteudo.secao .agrupa_colunas .col_principal h2
	{ display:block }

/* template */

	.centraliza, #conteudo .agrupa_colunas { width:960px }
	#menu_barra, #topo, #conteudo, #rodape { width:100% }
	
	#menu_barra, #bt_atalho_orcamento a, #orcamento h3, form .campo1, form .campo2, form .campo3,
	#bt_orcar, #rodape, #rodape #selo_google_adwords, #rodape #siga-nos li a, #rodape #credito, #bt_contato
	{ background-image:url(../imgs/template.png)}
	
	#depoimentos_home h3, #clientes_home h3, #depoimentos_home q, .bt_mais_depoimentos a, .bt_mais a
	{ background-image:url(../imgs/etc.png)}

	/* menu */
	
		#menu_barra { height:84px; background-repeat:repeat-x; position:fixed; z-index:1000 }
		#menu_barra ul li a { color:#fff; font-size:12px; text-align:center; background-image:url(../imgs/menu.png) }
		
		.tabs li, .tabs li a { width:149px }
		.tabs { margin-top:15px }
		.tabs li { height: 56px; padding: 0 5px }
		.tabs li a { text-transform:uppercase; padding:21px 0; background-position: 0 0 }
		.tabs li.hasmore a { background-position: 0 -61px }
		.tabs li.hasmore a:hover, .tabs li.hasmore a.ativo { background-position: 0 -182px }
		.tabs li a:hover, .tabs li a.ativo { color:#144592; background-position: 0 -121px; color:#294d94!important }
		
		/* submenu */
		
			.dropdown { display:none; background:url(../imgs/submenu.png) center bottom no-repeat; padding-bottom: 25px }
			.dropdown li, .dropdown li a { width: 140px!important; height:auto!important }
			.dropdown li a { text-transform: capitalize; background-color:#144692; background-image:none!important }
			.dropdown li.zebra a { background-color:#1e7ac4 }
			.dropdown li a:hover, .dropdown li.zebra a:hover, .dropdown li a.ativo, .dropdown li.zebra a.ativo
			{ background-color:#f60; color:#fff!important }
	
	/* topo */
	
		#topo { background:url(../imgs/topo_bg.jpg) center top repeat-x; margin-top:84px }
		#topo, #topo .col1, #topo .col1 h1, #topo .col1 h1 a, #topo .col2, #formas_contato { height:180px }
		
		/* logotipo */
			#topo .col1, #topo .col1 h1, #topo .col1 h1 a { width:315px }
			#topo .col1 h1 a { background:url(../imgs/logo_aligator.png) 0 0 no-repeat }
		
		/* atalho orcamento */
			#topo .col2 { width: 645px }
			#formas_contato { margin-left:165px; width:478px; background:url(../imgs/formas_contato_bg.png) 0 0 no-repeat }
			
			#bt_atalho_orcamento, #bt_atalho_orcamento a { width: 251px; height: 56px }
			#bt_atalho_orcamento { margin-top:45px; margin-left:125px}
			#bt_atalho_orcamento a { background-position: 0 -85px }
			#bt_atalho_orcamento a:hover { background-position: -251px -85px }
			
			#formas_contato ul li, #formas_contato ul li a { color:#fff!important; font-weight:bold }
			#formas_contato ul { margin-top:15px; margin-left:20px }
			#formas_contato ul li{ font-size:21px; text-align:left; padding-left:55px; margin-right:10px }
	
	/* conteudo */
	
		#conteudo { background:#556c2f url(../imgs/conteudo_bg.jpg) center top repeat-x }
		#conteudo .agrupa_colunas { padding: 30px 0 }
		#conteudo .agrupa_colunas .col_principal, #conteudo .agrupa_colunas .col_lateral { margin-left:20px }
		
		#conteudo .agrupa_colunas .col_principal, #conteudo.secao .agrupa_colunas .col_principal h2,
		#depoimentos_home, #clientes_home, 
		#depoimentos_home h3, #clientes_home h3
		{ width:560px }
		
		#conteudo .col_lateral, #orcamento, #orcamento h3 { width: 360px }
		#depoimentos_home h3, #clientes_home h3, #orcamento h3 { height: 67px }
		#depoimentos_home q, #depoimentos_home .agrupa, #orcamento form { background-color:#617a37 }

		/* elementos reutilizaveis */
		
			/* listas simples (1 item por linha) e duplas (2 itens por linha) */
				.lista_simples li, .lista_dupla li { 
					padding-left: 15px; margin-left:10px; background-image:url(../imgs/marcador.png); background-repeat:no-repeat }
								
				.lista_simples li, .lista_simples li p { width:420px!important }
				.lista_simples li { background-position: 0 6px }
				.lista_simples li p { margin-left:0!important}
				.lista_simples li img { margin-bottom:20px!important }
				
				
				.lista_dupla li{ width: 200px; border-bottom:#ccc 1px dashed; padding-top:7px; background-position: 0 12px }

			/* paginacao */
						
				#paginacao { width: 500px; margin-left:30px }
				#paginacao ul { float:right!important }
				#paginacao ul li { margin-left:5px}
				#paginacao ul li a { display:block; padding:5px 10px; color:#fff!important; background-color:#039}
				#paginacao ul li a.ativo, #paginacao ul li a:hover { background-color:#f90; color:#039!important }
			
			/* facebook box */
			
				#facebook_box
				{ width:301px; height:290px; padding:20px; background-color:#617a37; margin-top:25px; margin-left:20px }
				
				.fb-like-box { background-color:#fff }
		
		/* paginas internas */		
		
			#conteudo.secao .agrupa_colunas .col_principal
			{ padding-bottom:134px; background: url(../imgs/fim_secao.png) left bottom no-repeat }
			
			#conteudo.secao .agrupa_colunas .col_principal a { color:#039 }
			#conteudo.secao .agrupa_colunas .col_principal a:hover { color:#f60 }
			
			#conteudo.secao .agrupa_colunas .col_principal h2 { height: 181px; margin-bottom:30px }
			
			#conteudo.secao .agrupa_colunas .col_principal h3
			{ color:#039; text-align:left; margin: 20px 0 10px 60px; width:450px; font-size:30px }
									
			#conteudo.secao .agrupa_colunas .col_lateral { margin-top:361px }
			
			#sec_depoimentos, #sec_portfolio, #sec_servicos { min-height:1130px }
			
			/* paginas agencia e servicos */
			
				#sec_agencia p, #sec_agencia ul, #sec_agencia ol,
				#sec_servicos p, #sec_servicos ul, #sec_servicos ol, 
				#sec_contato p, #sec_contato ul, #sec_contato ol, #sec_contato form { 
				margin-left: 60px; font-size:14px; color:#333; line-height: 21px }				
				
				#sec_agencia p, #sec_agencia ul, #sec_agencia ol,
				#sec_servicos p, #sec_servicos ul, #sec_servicos ol, 
				#sec_contato p, #sec_contato ul, #sec_contato ol
				{ text-align: justify; width:450px }
				
				#sec_contato form { text-align:left }
				
				
				#sec_agencia p, #sec_agencia ul, #sec_agencia ol, 
				#sec_servicos p, #sec_servicos ul, #sec_servicos ol,
				#sec_contato p, #sec_contato ol, #sec_contato form
				{ padding-bottom:15px }
				
				#sec_agencia ul li, #sec_agencia ol li, #sec_servicos ul li, #sec_servicos ol li,
				#sec_contato ul li, #sec_contato ol li
				{ padding-bottom: 10px }
				
				#sec_agencia h3, #sec_servicos h3, #sec_contato h3 { font-size:18px!important; margin-bottom:20px!important }
				
				
				/* A agencia */
				
					#sec_agencia h2 { background:url(../imgs/tit_agencia.jpg) 0 0 no-repeat }
								
				/* servicos */
				
					#sec_servicos img { margin:20px 0 40px 0}
				
					#sec_servicos h2 { background-position: 0 0; background-repeat:no-repeat }
					#sec_servicos h2.serv_otimizacao { background-image:url(../imgs/tit_otimizacao.jpg)}
					#sec_servicos h2.serv_sites { background-image:url(../imgs/tit_sites.jpg)}
					#sec_servicos h2.serv_email { background-image:url(../imgs/tit_email.jpg)}
					#sec_servicos h2.serv_loja { background-image:url(../imgs/tit_loja.jpg)}
					#sec_servicos h2.serv_id { background-image:url(../imgs/tit_id.jpg)}
					#sec_servicos h2.serv_busca { background-image:url(../imgs/tit_busca.jpg)}
					#sec_servicos h2.serv_google_caffeine { background-image:url(../imgs/tit_google_caffeine.jpg)}
					#sec_servicos h2.serv_links_patrocinados { background-image:url(../imgs/tit_links_patrocinados.jpg)}
					#sec_servicos h2.serv_analytics { background-image:url(../imgs/tit_analytics.jpg)}
					
			
			/* portfolio */
			
				#sec_portfolio h2 { background:url(../imgs/tit_portfolio.jpg) 0 0 no-repeat }
				
				/* lista portfolio */
				
					#lista_portfolio { width:495px; margin-left:40px }
					#lista_portfolio li { padding-bottom:20px; border-bottom:#ccc 1px dashed; margin-bottom:20px }
					
					#lista_portfolio .foto, .zoom { width:237px; height:128px }
					#lista_portfolio .foto a { border: 3px #f90 solid; display:block }
					#lista_portfolio .foto img, #lista_portfolio .foto a img { width:231px; height:122px }
					
					#lista_portfolio .dados, #lista_portfolio .dados p, #lista_portfolio .dados h3 { width:230px!important }
					#lista_portfolio .dados p, #lista_portfolio .dados h3 { text-align: justify }
					#lista_portfolio .dados { margin-left:20px }
					#lista_portfolio .dados p { font-size:12px }
					#lista_portfolio .dados h3
					{ font-size:15px!important; margin:0!important; margin-bottom:10px!important; color:#333!important }
					
					#lista_portfolio .dados p.descricao strong { color:#063 }
					#lista_portfolio .dados p.link, #lista_portfolio p.tipo { font-weight:bold }
					#lista_portfolio .dados p.link { margin-top:10px; color:#999 }
					#lista_portfolio p.tipo { 
						width:auto!important; padding: 3px 6px; background-color:#f90; color:#fff; margin-bottom:10px;
						font-size:11px!important }
					
					/* efeito zoom */					
					
						.zoom { 
							display:block; position:relative; overflow:hidden; 
							background:#fff url(../imgs/loader.gif) no-repeat center }
						
						.zoom img { display:none }
						
						.zoomOverlay { 
							position:absolute; top:0; left:0; bottom:0; right:0; display:none;
							background:url(../imgs/zoom.png) center center no-repeat; z-index:100 }
						
						#lista_portfolio .foto p.ie a:hover { border: 3px #039 solid; display:block }
						
			/* depoimentos */
							
				#sec_depoimentos h2 { background:url(../imgs/tit_depoimentos.jpg) 0 0 no-repeat }
				
				#lista_depoimentos { margin-left:40px }
				#lista_depoimentos, #lista_depoimentos li, #lista_depoimentos li p { width:485px }
				#lista_depoimentos li { padding-bottom:20px; border-bottom:#ccc 1px dashed; margin-bottom:20px }
				#lista_depoimentos li q, #lista_depoimentos li p { text-align:justify; font-size:14px; line-height:18px }
				#lista_depoimentos li strong.autor { font-size:18px; color:#039 }
				#lista_depoimentos li q
				{ width:415px; padding-left: 70px; background:url(../imgs/aspas.gif) 0 0 no-repeat; margin-top:20px }
			
			/* clientes */
				
				#sec_clientes, #sec_contato { min-height:800px }
				#sec_clientes h2 { background:url(../imgs/tit_clientes.jpg) 0 0 no-repeat }
				#sec_clientes ul#lista_clientes { margin-left:58px; width:483px; margin-bottom:20px }
				#sec_clientes ul#lista_clientes li, #sec_clientes ul#lista_clientes li img, #sec_clientes ul#lista_clientes li a
				{ width:149px; height:91px }
				
				#sec_clientes ul#lista_clientes li a { display:block; border: 1px #e9e4e0 solid }
				#sec_clientes ul#lista_clientes li a:hover { border: 1px #f90 solid}
				
				#sec_clientes ul#lista_clientes li { margin: 5px }
			
			/* contato */
			
				#sec_contato h2 { background:url(../imgs/tit_contato.jpg) 0 0 no-repeat }
				#sec_contato ul { margin-bottom:30px }
				
		/* home */
		
			#conteudo.home .agrupa_colunas .col_principal { background-image:none!important }
		
			/* banner */
				#banner, #banner ul li { width:560px; height:312px }
				#banner { margin-left:27px; margin-top:20px }
				#banner ul li, a.bx-prev, a.bx-next, #banner ul li p.saiba_mais a { background-image:url(../imgs/banner_home.png)}
			
					#banner_item1 { background-position: 0 -96px }
					#banner_item2 { background-position: 0 -430px }
					#banner_item3 { background-position: 0 -764px }
					#banner_item4 { background-position: 0 -1098px }
					#banner_item5 { background-position: 0 -1432px }
				
				#banner ul li h3, #banner ul li p.resumo { width: 363px; text-align:left; color:#039 }
				#banner ul li h3, #banner ul li p { margin-left:187px; padding-bottom:15px }
				#banner ul li h3 { font-size:40px; line-height: 40px; padding-top:48px }
				#banner ul li p { font-weight:bold }
				#banner ul li p.saiba_mais { width:166px; height:49px; margin-top:10px }
				#banner ul li p.saiba_mais a { padding:15px 0; color:#fff; background-position: -304px 0 }
				#banner ul li p.saiba_mais a:hover { background-position: -481px 0 }
				
				/* setas */			
					a.bx-prev, a.bx-next { position:absolute; z-index:10; width: 63px; height: 65px; margin-top:145px }
					a.bx-prev { background-position: 0 0 }
					a.bx-next { background-position: -74px 0; margin-left: 570px }
					a:hover.bx-prev { background-position: -154px 0 }
					a:hover.bx-next { background-position: -228px 0 }
		
			/* depoimentos na home */
			
				#depoimentos_home { text-align:left }
				#depoimentos_home h3 { background-position: 0 -51px }
				#depoimentos_home .agrupa { width:562px }
				
				#depoimentos_home q { 
					padding: 30px 45px 20px 65px; width: 452px; font-size:12px; font-size:14px;
					color:#fff; line-height:21px; background-position: 0 -185px }
					
				#depoimentos_home .col1, #depoimentos_home .col1 p { width:370px }
				#depoimentos_home .col1, #depoimentos_home .col2 { padding-bottom:20px }
				#depoimentos_home .col1 p { width: 305px; padding-left: 65px; color:#fff; padding-bottom:5px; font-size:12px }
				#depoimentos_home p strong { color:#ff9 }
				#depoimentos_home p.autor { padding-top:10px}
				#depoimentos_home p.empresa { font-weight:bold }
				
				#depoimentos_home .col2 { width:190px  }
				.bt_mais_depoimentos { height: 40px; width:149px; padding-left:20px }
				.bt_mais_depoimentos a { 
					width:149px; color:#fff; background-position: 0 0; font-size:12px; text-align:center; padding:17px 0 }
				.bt_mais_depoimentos a:hover { background-position: -149px 0 }
				
			
			/* clientes na home */
				
				#clientes_home { margin-top:20px }
				#clientes_home h3 { background-position: 0 -118px }
				#clientes_home .agrupa { background-color:#339; padding: 10px; width:542px }
				#clientes_home ul li { width:149px; height: 91px; padding: 5px }
				
				.bt_mais, .bt_mais a { width: 39px; height: 49px }
				.bt_mais { margin-top:30px; margin-left: 15px}
				.bt_mais a { background-position: -303px 0 }
				.bt_mais a:hover { background-position: -349px 0 }

		/* coluna lateral */
		
			#orcamento h3 { background-position: 0 -275px; margin-bottom:10px; margin-top:20px }			
						
		/* forms */
			
			form label, form input, form textarea, form select, form .campo2 a span
			{ font-size:12px; color:#fff!important; font-weight:bold }
		
			form input, form textarea, form select, form .campo2 a span { text-align:left }
			form .campo2 a span { padding-top:3px }
			
			form .campo1 input, form .campo2 input, form .campo3 input, form textarea, form select
			{ width: 160px; margin-top:3px }
			
			form select {background-color:#2a5099!important}
			
			form textarea { height: 85px }	
			form .campo1, form .campo2 { height:22px }
			form .campo1, form .campo2, form .campo3 { background-repeat:no-repeat }
			form .campo1 { background-position: 0 -158px }
			form .campo1:hover { background-position: -194px -158px }
			form .campo2 { background-position: 0 -208px }
			form .campo2:hover { background-position: -194px -208px }
			form .campo2 label { padding:2px 10px; margin:0!important; text-align:left!important }
			form .campo2 label input{ padding:10px!important; margin:0!important; text-align:left; width:20px!important}
			form .campo3 { height:111px; background-position: -390px -158px }
			form .campo3:hover { background-position: -584px -158px }
			
			form .campo1, form .campo2, form .campo3, form .campo2 label
			{ width:167px!important; padding: 10px; margin-bottom: 5px }
					
			#bt_orcar, #bt_contato { width:187px; height: 37px; background-position: 0 -357px }
			#bt_orcar { margin-left:129px }
			#bt_orcar:hover, #bt_contato:hover { background-position: -197px -357px }
			
			/* orcamento */
			
				#orcamento form { width: 340px; margin-left:20px; padding: 20px 0 40px 0 }
				#orcamento form label { width: 95px; margin-left:19px; margin-right: 15px; padding-top:14px; text-align:right }
			
				#orcamento form .campo2 .multiSelectOptions {
					width:165px; margin-left:-170px; margin-top:13px; background-color:#2a5099; height:auto!important; 
					padding: 2px 0!important; border:#254589 2px solid }

				#orcamento .multiSelectOptions LABEL { display: block; white-space: nowrap; cursor:pointer }
			
			/* contato */
				
				#sec_contato form, #resultado_contato{ width: 460px }
				#sec_contato form { border:#ccc 1px dashed; background-color:#f7f7f7; margin-top:15px; padding: 20px 0 }
				#sec_contato form .campo1, #sec_contato form .campo2, #sec_contato form .campo3 { margin-left:10px!important }				
				#sec_contato form .campo2 select {width:168px}
				#sec_contato form .campo2 select label { font-weight:bold }
				#sec_contato form label{ width: 150px; color:#333!important; padding-top:10px; text-align:right!important }
				#bt_contato { margin-left:160px }
				#resultado_contato, #resultado_orc { background-repeat:no-repeat }
				#resultado_contato { margin-left: 60px; background-position: 15px center }
				
				#resultado_contato p, #resultado_orc p
				{ text-align:left; font-size:12px; font-weight:bold; padding: 10px; line-height:18px!important }
					
				#resultado_contato p { width: 400px; padding-left:0px }
				
				#resultado_orc { background-repeat:no-repeat; background-position: 15px center; margin-left: 20px }
				#resultado_orc p { width: 268px; padding-left: 60px }
				
				#resultado_contato.erro, #resultado_orc.erro
				{ background-color:#f9f8d8; border:#ccc 1px dashed; background-image:url(../imgs/erro.png) }
				
				#resultado_contato.sucesso, #resultado_orc.sucesso{ background-image:url(../imgs/sucesso.png); margin-top:15px }
				#resultado_contato.sucesso { background-color:#e8fcc5; border:#ccc 1px dashed }
				#resultado_orc.sucesso { background-color:#718b44; border:#617a37 1px dashed }
				#resultado_orc.sucesso p { color:#dff1c1!important }


	/* rodape */
	
		#rodape { padding:49px 0 20px 0; background-position: 0 -405px; background-repeat:repeat-x }		
		
		/* siga-nos */
		
			#rodape .col1 { width:321px }
			#rodape #selo_google_adwords { width:206px; height:52px; margin-top:10px; display:block; background-position: -733px -93px }
			#rodape #siga-nos { width:86px; margin-left: 20px; border:#ccc 1px dashed; border-bottom:none; border-top:none }
			#rodape #siga-nos li { padding: 5px 10px }
			#rodape #siga-nos li, #rodape #siga-nos li a { width:66px; height:63px }
			#rodape #siga-nos li#siga_facebook a { background-position: -586px -89px }
			#rodape #siga-nos li#siga_facebook a:hover { background-position: -657px -89px }
		
		/* endereco */
		
			#rodape .col2 { margin-left: 20px; margin-top:5px }
			#rodape .col2, #rodape .col2 p, #rodape .col2 address { width:439px; text-align:left; font-size:12px; color:#121212; line-height: 18px }
			#rodape .col2 p { margin-bottom:5px }
		
		/* credito */
					
			#rodape .col3, #rodape #credito { width:180px }
			#rodape .col3 { margin-top:10px }
			#rodape #credito { height: 47px; background-position: -587px -350px }

/* Google Chrome - Fix bugs */

	@media screen and (-webkit-min-device-pixel-ratio:0){
		*:focus { outline: none }
		#orcamento form .campo2 .multiSelectOptions { margin-left:0; margin-top:23px }
	}
	
	.sites500 { color: #F00 }