@import url("geral.css");
@import url("font-face.css");
@import url("form.css");
@import url("paginacao.css");
@import url("secoes.css");

/* TOPO */
#topo					{ height: 100px; background: url(../imagens/bg_container_topo.jpg) repeat-x center top #08869F; }
#conteudo_topo			{ background: url(../imagens/bg_topo.jpg) center top no-repeat; height: 84px; padding-top: 16px; }
#box_logomarca			{ width: 348px; float: left; }
#logomarca				{ width: 160px; display: block; float: left; }
#slogan					{ margin: 34px 0 0 10px; float: left; opacity:0.14; filter:alpha(opacity=14); }
#box_menu				{ width: 606px; float: right; }
#box_telefone				{ float: right; font-size: 32px; }
ul#menu 				{ margin-top: 13px; }
ul#menu li				{ list-style: none; float: left; }
ul#menu li a			{ font-size: 18px; color: #FFFFFF; padding: 0 12px; }

/* SUBMENU */
.marcador_submenu		{ width: 12px; height: 6px; background: url(../imagens/marcador_submenu.png) center center no-repeat; position: absolute; }
#submenu 				{ height: 0; margin: 0 auto; background: url(../imagens/bg_submenu.gif) center top #3F4143; width: 100%; }
#submenu ul li 			{ list-style: none; float: left; }
#submenu ul li a		{ display: block; border-bottom: 1px solid #928F92; padding: 10px 8px; color: #FFF; }
#submenu ul li a:hover	{ background-color: #5F6263; }
#conteudo_submenu		{ background: url(../imagens/bg_container_submenu.jpg) center top no-repeat;  }
.sub_menu_container		{ padding: 20px 0; display:none; height: 190px; }
#ilustracao_sobre		{ width: 300px; height: 130px; float: left; margin-right: 10px; }
#sobre ul				{ width: 412px; float: left; }
#sobre ul li a			{ width: 160px; margin-left: 30px; }

#solucoes #servicos		{ width: 94px; float: left; height: 35px; background: url(../imagens/ico_servicos.png) top left no-repeat; 
						  padding: 15px 0 0 50px; }
#solucoes #produtos		{ width: 104px; float: right; height: 35px; background: url(../imagens/ico_produtos.png) top left no-repeat; 
						  padding: 15px 0 0 56px; margin-right: 266px; }
ul#menu_servicos		{ width: 498px; float: left; margin: -4px 0 0 40px; }
ul#menu_produtos		{ width: 332px; float: right; margin: -4px 46px 0 0; }
ul#menu_servicos li a, 
ul#menu_produtos li a	{ width: 130px; margin: 0 10px; }

#portfolio ul 			{ width: 648px; margin: -4px 0 0 20px; float: left; }
#portfolio ul li a		{ width: 170px; margin-left: 30px;}
#portfolio #categorias	{ width: 124px; float: left; height: 35px; background: url(../imagens/ico_servicos.png) top left no-repeat; 
						  padding: 15px 0 0 50px; margin-right: 266px; }
#qntd_projetos			{ width: 64px; height: 76px; float: left; background: url(../imagens/bg_qntd_projetos.png) center center no-repeat;
						  margin: -50px 0 0 80px; padding: 40px; }		

#clientes ul 			{ width: 648px; margin: -4px 0 0 24px; float: left; }
#clientes ul li a		{ width: 170px; margin-left: 30px; }
#mapa_clientes			{ width: 150px; height: 150px; float: left; background: url(../imagens/mapa_clientes.png) center center no-repeat; 
						  margin: -44px 0 0 50px; }
#clientes_servicos		{ width: 262px; float: left; height: 35px; background: url(../imagens/ico_clientes.png) top left no-repeat; 
						  padding: 15px 0 0 52px;  }
						  
#suporte #ajuda			{ width: 114px; float: left; height: 35px; background: url(../imagens/ico_ajuda.png) top left no-repeat; 
						  padding: 13px 0 0 50px;  }
#suporte #central		{ width: 450px; float: left; height: 35px; background: url(../imagens/ico_central_do_cliente.png) top left no-repeat; 
						  padding: 13px 0 0 50px; margin-left: 110px; }
#suporte ul				{ width: 180px; margin: -4px 0 0 46px; float: left; }						  
#suporte ul li a		{ width: 180px; }
#atendimento			{ width: 122px; float: left; display: block; margin: -44px 0 0 80px; }				  
#atendimento_contato	{ width: 122px; float: right; display: block; margin: -44px 80px 0 0 ; }				  

#contato #fale_conosco	{ width: 100%; float: left; height: 35px; background: url(../imagens/ico_fale_conosco.png) top left no-repeat; 
						  padding: 12px 0 0 50px; }
#contato ul				{ width: 180px; margin: -4px 0 0 50px; float: left; }						  
#contato ul li a		{ width: 180px; }
#bg_contato				{ background: url(../imagens/bg_submenu_contato.jpg) 180px bottom no-repeat; height: 170px; padding-top: 20px; margin-top:-20px;}

.bt_fechar				{ width: 32px; height: 32px; background: url(../imagens/bt_fechar_submenu.png) center center no-repeat; display: block; 
						  position: relative; margin: 120px 0 0 942px; }
	
/* CONTEÚDO */
#prev 					{ position: absolute; width: 50px; height: 60px; margin-top: 118px; left: 0; cursor: pointer; opacity: 0.8; 
						  filter: alpha(opacity=80); z-index: 10;}
#prev:hover				{ opacity: 1; filter: alpha(opacity=100); }
#next 					{ position: absolute; width: 50px; height: 60px; margin-top: -197px; right: 0; cursor: pointer; opacity: 0.8; 
						  filter: alpha(opacity=80); }
#next:hover				{ opacity: 1; filter: alpha(opacity=100); }
#container_bg_slide		{ background: url(../imagens/bg_container_slide.jpg) center top repeat-x #26B3C4; height: 300px; }
#container_bg_slide .img_bg { background-position: center top; }

#conteudo				{ background: url(../imagens/bg_base_conteudo.jpg) center bottom no-repeat; padding-bottom: 70px; }
#sobre_a_lince			{ background: url(../imagens/bg_topo_conteudo.jpg) top left no-repeat; padding: 100px 0 20px 0; }
#sobre_a_lince span		{ width: 656px; float: left; }
ul#fotos_empresa 		{ float: right; }
ul#fotos_empresa li		{ list-style: none; float: left; }
ul#fotos_empresa li	a	{ display: block; margin-left: 14px; }
.barra_cinza			{ width: 300px; height: 4px; background-color: #E2E2E2; }
ul#servicos				{ margin-top: 40px; }
ul#servicos	li			{ list-style: none; float: left; margin-bottom: 40px; width: 300px; height: 254px; }
.box_servicos_front		{ width: 258px; height: 128px; background: url(../imagens/bg_box_servicos.jpg) repeat-x center top; border: 1px solid #E2E2E2;
						  display: block; border-bottom: 5px solid #E2E2E2; text-align: center; padding: 60px 20px; }
.box_servicos_back		{ width: 218px !important; height: 218px !important; color: #FFF; padding: 30px 40px 0 40px !important; 
						  background: url(../imagens/bg_box_servicos_hover.jpg) repeat-x center top !important; 
						  border: 1px solid #42BFCE !important; border-bottom: 5px solid #42BFCE !important;  }						  

.flip 					{ width: 300px; height: 254px; position: absolute; z-index: 10000; background-color: #FFF; opacity:0; filter:alpha(opacity=0); }
.content_flip 			{ text-align: center; }
.flip_front, .flip_back { display: none; }

#registre_seu_dominio	{ padding: 30px 0; height: 56px; }
#info_registro			{ width: 300px; float: left; }	
#box_clientes			{ padding-top: 60px; border-top: 1px solid #E2E2E2; margin-top: 30px; }
#logo_clientes			{ width: 228px; height: 120px; float: left; background: url(../imagens/bg_logo_clientes.jpg) center center no-repeat; 
						  padding: 90px 38px; }
#info_box_clientes		{ width: 434px; float: left; margin-left: 40px; }
#info_box_clientes img	{ position: absolute; margin: 6px 0 0 -194px; }
#info_box_clientes span	{ margin-top: 160px; display: block; }
#mascote_2				{ width: 192px; float: right; }

/* RODAPÉ */
#container_rodape		{ background: url(../imagens/bg_container_rodape.gif) center top repeat-x; height: 300px; }
#rodape					{ background: url(../imagens/bg_rodape.jpg) center top no-repeat; height: 260px; padding-top: 40px; }
#base_rodape			{ background: url(../imagens/bg_base_rodape.gif) center top repeat-x; height: 20px; }
#box_depoimentos		{ width: 256px;  border-bottom: 2px solid #3F4143; background: url(../imagens/aspas_depoimetos.png) top left no-repeat; 
						  float: left; padding-left: 44px; height: 196px; margin-right: 40px; }
.depoimento				{ margin-top: 14px; line-height: 17px; width: 250px!important; text-align: justify; margin-right: 10px; }						  
#box_twitter			{ width: 256px; float: left; background: url(../imagens/twitter.png) left top no-repeat; padding-left: 44px; height: 184px; 		
						  line-height: 17px; margin: 12px 40px 0 0; border-bottom: 2px solid #3F4143; }
#box_twitter ul li		{ list-style: none; margin-bottom: 24px; }
#mapa_localizacao		{ width: 300px; float: left; height: 144px; background: url(../imagens/mapa_rodape.png) center center no-repeat; }
#box_endereco			{ width: 200px; float: left; margin: 20px 10px 0 10px; color: #DFDFDF; line-height: 17px; }
#redes_sociais			{ width: 70px; float: left; margin-top: 30px; }
#redes_sociais a		{ width: 32px; float: left; display: block; opacity: 0.6; filter: alpha(opacity=60); }
#redes_sociais a:hover	{ opacity: 1; filter: alpha(opacity=100); }
#copyright				{ width: 300px; float: left; font-size: 11px; color: #DFDFDF; margin-top: 14px; }
#marcador_localizacao	{ width: 70px; height: 144px; float: left; }
#marcador				{ width: 28px; height: 40px; background: url(../imagens/marcador_localizacao.png) center center no-repeat; 
						  margin: 72px 0 0 92px; display: block; }
#marcador:hover			{ margin-top: 68px;}
#logo_abradi 			{ width: 125px; height: 30px; margin: 0; margin-left: 340px; position: absolute; margin-top: 210px; }
					  
/* ELEMENTOS */
.brd_bottom				{ border-bottom: 1px solid #E2E2E2; }

ul#logos_cliente li		{ list-style: none; float: left; width: 258px; height: 128px; background: url(../imagens/bg_box_servicos.jpg) repeat-x center top; border: 1px solid #E2E2E2; display: block; border-bottom: 5px solid #E2E2E2; padding: 60px 20px; margin-bottom: 40px; }
ul#logos_cliente li a	{ width: 230px; display: block; height: 126px; margin: auto; }

.erro_dominio			{ font-size: 14px !important;  margin: 30px !important; }
label.error 					{ display: none; }

/* Modificações 10/02/2016 */
#servicos { border-bottom: medium none; }
#registre_seu_dominio { display: none; }
#box_clientes { border-top: medium none; }