/* ==============
		reset
	 ============== */

		* { margin:0; padding:0 }
		
		html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
		small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
		article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a
		{
			border:0;
			outline:0;
			vertical-align:baseline;
			background:transparent
		}
		
		div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
		small, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,/* tbody, tfoot, thead, tr, th, td,*/
		article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
		{ float:left }
		
		/*body { line-height:1 }*/
		article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block }
		blockquote, q { quotes:none }

		blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
		
		ins { background-color:#ff9; color:#000; text-decoration:none }
		mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold }
		del { text-decoration: line-through }
		abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help }
		table { border-collapse:collapse; border-spacing:0 }
		input, select { vertical-align:middle }

		a, input, select, textarea { outline:none; font-weight:bold }
		a { color:#6f0d11; text-decoration:none }
		a:hover { color: #000; text-decoration:none }
		a img, fieldset { border:none }
		address{ font-style:normal }
		ul, ol { list-style:none }
		q { quotes:none }
		hr { display:none }


	/* reseta forms */
	
		form input, .bt_form, textarea, select { border:none!important; background-color:transparent!important }
		input, select, textarea { color:#5f430e; font-weight:bold }
		select { -webkit-appearance:none }
		.placeholder { color:#fff!important }
		.bt_form { cursor:pointer; line-height:0px!important; text-transform:uppercase }
		textarea { resize:none; overflow:auto }

/* ==============
		agrupa 
	 ============== */
	
	/* some texto */
	
		.some, legend,
		#marca h1 a span, #menu_principal h4, #menu_principal ul li#m_mapa a, .legenda,
		#clientes_resumo p a,
		#bt_topo a, #redes_sociais h4, #redes_sociais li a, #aligator a
		{ text-indent:-999em }
		
		#marca h1 a span, #menu_principal h4, .legenda,
		#clientes_resumo p a,
		#bt_topo a, #redes_sociais h4, #redes_sociais li a, #aligator a
		{ display:block }
		
		#marca h1 a span, #menu_principal h4, .legenda, #redes_sociais h4
		{ position:absolute; top:0; left:0 }
		

	/* efeitos */
	
		/* sombra ============= */
					
			#interna #conteudo {
				-webkit-box-shadow: 0px 1px 15px rgba(50, 50, 50, 0.75);
				-moz-box-shadow:    0px 1px 15px rgba(50, 50, 50, 0.75);
				box-shadow:         0px 1px 15px rgba(50, 50, 50, 0.75);
			}
			
			#clientes_resumo ul li a, #sec_clientes ul li a {
				-webkit-box-shadow: 0px 1px 15px rgba(50, 50, 50, 0.3);
				-moz-box-shadow:    0px 1px 15px rgba(50, 50, 50, 0.3);
				box-shadow:         0px 1px 15px rgba(50, 50, 50, 0.3);
				behavior: url(PIE.htc)
			}
			
			
			#clientes_resumo ul li a:hover, #sec_clientes ul li a:hover {
				-webkit-box-shadow: 0px 1px 15px rgba(50, 50, 50, 0.6);
				-moz-box-shadow:    0px 1px 15px rgba(50, 50, 50, 0.6);
				box-shadow:         0px 1px 15px rgba(50, 50, 50, 0.6);
				behavior: url(PIE.htc)
			}
			

		/* arredonda ============= */
		
		
			#menu_principal ul li a, #clientes_resumo ul li, #sec_clientes ul li, #clientes_resumo ul li img, #sec_clientes ul li img,
			#clientes_resumo ul li a, #sec_clientes ul li a,
			#col_principal form label .campo, #col_principal form label .campo2, #col_principal form label .campo3, .bt_form, #form_msg,
			#col_lateral ul#menu_servicos
			{ border-radius: 15px; -border-radius: 15px; -webkit-border-radius: 15px; behavior: url(PIE.htc) }
			
			#menu_principal ul.mlddm li ul li a { border-radius: 0!important; -border-radius: 0!important; -webkit-border-radius: 0!important; behavior: url(PIE.htc) }
			
			#interna #conteudo, #col_lateral ul#atalho_secao
			{ border-radius: 0 0 15px 15px; -border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; behavior: url(PIE.htc) }
			
			.ilustra_secao
			{ border-radius: 15px 15px 0 0; -border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; behavior: url(PIE.htc) }
			
		
		/* gradiente =============== */
		
			.bt_form, #rodape {
				background: #01336a;
				background: -moz-linear-gradient(top, #01336a 1%, #0354ae 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#01336a), color-stop(100%,#0354ae));
				background: -webkit-linear-gradient(top, #01336a 1%,#0354ae 100%);
				background: -o-linear-gradient(top, #01336a 1%,#0354ae 100%);
				background: -ms-linear-gradient(top, #01336a 1%,#0354ae 100%);
				background: linear-gradient(to bottom, #01336a 1%,#0354ae 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01336a', endColorstr='#0354ae',GradientType=0 );
			}
			
			.bt_form:hover{
				background: #0354ae;
				background: -moz-linear-gradient(top, #0354ae 1%, #01336a 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0354ae), color-stop(100%,#01336a));
				background: -webkit-linear-gradient(top, #0354ae 1%,#01336a 100%);
				background: -o-linear-gradient(top, #0354ae 1%,#01336a 100%);
				background: -ms-linear-gradient(top, #0354ae 1%,#01336a 100%);
				background: linear-gradient(to bottom, #0354ae 1%,#01336a 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0354ae', endColorstr='#01336a',GradientType=0 );
			}
			

		/* animacao ================== */

			#clientes_resumo ul li a, #sec_clientes ul li a, 
			#clientes_resumo ul li a:hover, #sec_clientes ul li a:hover,
			.bt_form, .bt_form:hover {
				-webkit-transition: 0.5s;
				-moz-transition: 0.5s;
				-o-transition: 0.5s;
				behavior: url(PIE.htc)
			}


/* ==============
		template 
	 ============== */
	 
	 body { color:#484848; font-family:Arial, Helvetica, sans-serif; background:url(../imgs/body_bg.png) 0 0 repeat }
	 .centraliza { width:1000px; float:none!important; margin:0 auto; text-align:center }
	 header, nav, footer { width:100% }
	 
	 #telefone_matriz, #menu_principal ul li#m_mapa a,
	 #clientes_resumo, #clientes_resumo p a,
	 #col_lateral ul#atalho_secao li p,
	 #bt_topo a, #redes_sociais li a, #aligator a, #enderecos, #aligator
	 { background-image:url(../imgs/template.png); background-repeat:no-repeat }
		
		
		/* topo ================================ */
		
			#topo { height:266px; background:url(../imgs/topo_bg.png) 0 0 repeat-x }
			
			/* telefone matriz */
			
				#telefone_matriz { width: 305px; height: 74px; float:right!important; background-position: -332px 0 }
				/*#telefone_matriz p { width:100%; color:#a0c8f4; font-size:12px; font-weight:bold; padding-top:10px; border: 1px solid #fff }
				#telefone_matriz p strong { color:#fff; font-size:18px; padding-left:3px }*/

				#telefone_matriz ul { 
					margin-top: 2%;
					margin-left: 20%;
					border: 0px solid #ff0008;
					color:#fff; 
					font-size:18px; 
					width: 70%;

				}
				#telefone_matriz ul li { 
					border: 0px solid #fff;
					font-weight: bold;
					padding-bottom: 5%;
					display: inline-block ;
					vertical-align: middle;
				}

				#telefone_matriz ul li a:link,
				#telefone_matriz ul li a:visited{ 
					color: #fff;
				}
				
				#telefone_matriz ul li a:hover{
					opacity: 0.8;
				} 


			/* marca */
			
				#marca { width:100% }
				#marca h1, #marca h2 { font-size:14px; text-align:left }
				#marca h1 a { display:block; width: 283px; height: 70px }
				#marca h1 { width: 33%; border-right:#ccc 1px dashed }
				#marca h2 { width: 50%; color:#1d1d1b; padding-top:28px; padding-left:30px }
			
			/* menu principal */
			
				#menu_principal { height:82px; margin-top:40px }
				
				/* nivel 1 */
									
					#menu_principal ul.mlddm li a { border:#0456b1 2px solid; background-color:#036!important; color:#fff; font-size:14px; text-align:center; text-transform:uppercase; display:block }
					#menu_principal ul.mlddm li { position:relative }
					#menu_principal ul.mlddm li a { padding: 21px 28px; margin:12px 10px 0 10px }
					
										
					#menu_principal ul.mlddm li a:hover, #menu_principal ul.mlddm li a.ativo { background-color:#00234a!important }
					#menu_principal ul.mlddm li#m_servicos a, #col_principal form label .campo2 { background:url(../imgs/submenu.png) right center no-repeat }
					#menu_principal ul.mlddm li#m_servicos a { padding-right: 40px }
					#menu_principal ul.mlddm li#m_mapa a { width:69px; height:59px; padding:0!important; background-position: -244px -33px }
										
				/* nivel 2 */
				
					#menu_principal ul li ul { position:absolute; z-index:1000; padding:0!important; margin:0!important; display:none }
					#menu_principal ul.mlddm li ul,#menu_principal ul.mlddm li ul li{margin:0!important}
					#menu_principal ul.mlddm li ul li a { 
						padding: 15px!important; margin:0!important; text-align:left!important; background-image:none !important;
						width:140px; text-transform:capitalize!important; font-size:12px!important; border:none!important; border-bottom:#024281 1px dashed!important }

				
		
		/* conteudo ============================ */
					
			#conteudo { padding: 10px 20px; width:95%; margin-bottom: 30px }
			#interna #conteudo { margin-bottom:50px }
						
			#interna #conteudo, #clientes_resumo ul li, #sec_clientes ul li
			{ background-color:#fff }
			
			#banner, #clientes_resumo, #clientes_resumo ul, #sec_clientes, #sec_clientes ul,
			#col_principal h2, #col_principal p, #col_principal ul, #col_principal form, #col_principal form label,
			#col_lateral ul#atalho_secao, #col_lateral ul#atalho_secao li, #col_principal h3
			{ width:100%!important }
						
			
			/* secao */
			
				.secao { padding-bottom: 30px; width:100% }
				.secao h2 { color:#01336a; padding: 20px 0 15px 20px; width:98%; margin-bottom: 10px; border-bottom:#dad8d8 1px dashed; text-align:left; font-size:30px }
				
				#col_principal h3, #col_principal a { color:#004a98!important }
				#col_principal a:hover { color:#0066ff!important }
				#col_principal h3 { font-size:24px; text-align:left; margin: 20px 0 10px 0 }
				#col_principal.servico h3 { margin: 0 0 10px 0 !important }
								
				#col_lateral p, #col_lateral ul#atalho_secao li,
				#col_principal p, #col_principal ul li,
				.rotulo, form input, form textarea, form select { font-size:14px; text-align:justify }
				
				#col_principal ul.marcador li { background: url(../imgs/marcador.gif) 0 6px no-repeat; width: 96%; padding-left: 15px }
			
				/* coluna lateral */
					
					#col_lateral, #col_lateral img, #col_lateral ul#atalho_secao#menu_servicos { width:295px }
					.ilustra_secao { margin-top:25px }
					#col_lateral ul#atalho_secao { background-color:#00428b; padding-bottom: 15px }
					#col_lateral ul#atalho_secao li {  }
					#col_lateral ul#atalho_secao li img { width:294px!important }
					#col_lateral ul#atalho_secao li p { padding: 20px; background-position: -757px 0; width:86% }
					#col_lateral ul#atalho_secao li a { display:block; color:#fff!important }
					
				
				/* coluna principal */
				
					#col_principal p, #col_principal ul li { color:#333; line-height:21px; margin-bottom:10px }
					#col_principal ul { margin-bottom:20px }
					#col_principal { width:619px; margin-left:35px }
					#col_principal h2 { padding: 20px 0 15px 0 !important; margin-bottom:25px }
					
				
				/* ==============
					 secao home
					=============== */					

					/* banner */
					
						#banner { text-align:left }
						#banner, #banner #mascara, #banner #mascara ul li { height:282px }
						#banner #mascara, #banner #mascara ul li { width:954px }
						#banner #mascara ul li { position:relative }
						
						/* setas */
						
							.box_skitter .prev_button, .box_skitter .next_button { 
								position: absolute; top: 71px; z-index: 152; overflow: hidden; text-indent: -9999em; width: 48px; height: 138px;
								background-image:url(../imgs/banner_setas.png); background-repeat:no-repeat; display:block
							}
						
							.box_skitter .prev_button { left: -11px; background-position: 0 0 }
							.box_skitter .prev_button:hover { background-position: 0 -138px }
							.box_skitter .next_button { right: -11px; background-position: -48px 0 }
							.box_skitter .next_button:hover { background-position: -48px -138px }


					/* destaques */
						
						#destaques, #destaques ul, #destaques ul li .dest_tit, #destaques ul li .saiba_mais a { width:100% }
						#destaques { margin:10px 0 20px 0 }
						#destaques ul li, #destaques ul li .dest_info, #destaques ul li .saiba_mais { width:237px;font-size:14px }
						#destaques ul li h3 { width:190px; padding: 145px 20px 0 20px; color:#fff; text-transform:uppercase; text-align:center }
						#destaques ul li { position:relative }
						
						/* titulo */
						
							#destaques ul li .dest_tit { height:193px; background-repeat:no-repeat; background-position: 0 0 }
							#dest1 .dest_tit { background-image:url(../imgs/destaque_tit_1.png) }
							#dest2 .dest_tit { background-image:url(../imgs/destaque_tit_2.png) }
							#dest3 .dest_tit { background-image:url(../imgs/destaque_tit_3.png) }
							#dest4 .dest_tit { background-image:url(../imgs/destaque_tit_4.png) }
						
						/* info */
							
							#destaques ul li .dest_info { background:url(../imgs/destaque_info_bg.png) 0 0 repeat-y; height:245px }
							#destaques ul li .dest_info p { color:#4b4b4b; text-align:justify; line-height:18px; margin:10px 30px; width: 178px }
						
						/* saiba mais */
						
							#destaques ul li .saiba_mais { height: 54px; position:absolute; margin-top:-20px; bottom:0 }
							#destaques ul li .saiba_mais a { 
								color:#fff; text-transform:uppercase; text-align:center; font-size:12px; padding:27px 0 12px 0; display:block;
								background-repeat:no-repeat }
							
							
							#destaques ul li#dest1 .saiba_mais a, #destaques ul li#dest2 .saiba_mais a, #destaques ul li#dest3 .saiba_mais a, #destaques ul li#dest4 .saiba_mais a
							{ background-position: 0 0 }
							
							#destaques ul li#dest1 .saiba_mais a:hover, #destaques ul li#dest2 .saiba_mais a:hover, #destaques ul li#dest3 .saiba_mais a:hover, #destaques ul li#dest4 .saiba_mais a:hover
							{ background-position: 0 -54px }
							
							#destaques ul li#dest1 .saiba_mais a { background-image:url(../imgs/dest1_saiba_mais.png) }
							#destaques ul li#dest2 .saiba_mais a { background-image:url(../imgs/dest2_saiba_mais.png) }
							#destaques ul li#dest3 .saiba_mais a { background-image:url(../imgs/dest3_saiba_mais.png) }
							#destaques ul li#dest4 .saiba_mais a { background-image:url(../imgs/dest4_saiba_mais.png) }


				/* ================ 
					 secao servicos
					================= */
				
					/* menu lateral */
					
						#col_lateral ul#menu_servicos { background-color:#00428b; margin-top:17px; padding: 20px 0 }
						#col_lateral ul#menu_servicos li
						{ width:100%; margin-bottom:2px;  }
						
						#col_lateral ul#menu_servicos li a { 
							padding: 27px 10px 27px 101px; color:#fff; font-size:14px; text-align:left; display:block;
							border:#005ca0 1px solid; background-color:#004a98;
							background-repeat:no-repeat; background-image:url(../imgs/menu_servicos.png)
						}
						#col_lateral ul#menu_servicos li a:hover, #col_lateral ul#menu_servicos li a.ativo { 
							background-color:#002753; border:#00234a 1px solid }
							
						#col_lateral ul#menu_servicos li#s01 a{ background-position: 0 -5px }
						#col_lateral ul#menu_servicos li#s02 a{ background-position: 0 -100px }
						#col_lateral ul#menu_servicos li#s03 a{ background-position: 0 -190px }
						#col_lateral ul#menu_servicos li#s04 a{ background-position: 0 -280px }
						#col_lateral ul#menu_servicos li#s05 a{ background-position: 0 -370px }
						#col_lateral ul#menu_servicos li#s06 a{ background-position: 0 -460px }
						#col_lateral ul#menu_servicos li#s07 a{ background-position: 0 -540px }
						#col_lateral ul#menu_servicos li#s08 a{ background-position: 0 -640px }
						#col_lateral ul#menu_servicos li#s09 a{ background-position: 0 -730px }
						#col_lateral ul#menu_servicos li#s10 a{ background-position: 0 -820px }
						#col_lateral ul#menu_servicos li#s11 a{ background-position: 0 -910px }
						#col_lateral ul#menu_servicos li#s12 a{ background-position: 0 -1000px }
						#col_lateral ul#menu_servicos li#s13 a{ background-position: 0 -1090px }


				/* ==================
					 secao clientes
					=================== */

					#clientes_resumo ul li, #sec_clientes ul li, #clientes_resumo ul li a, #sec_clientes ul li a { width: 183px; height:101px  }				
					#clientes_resumo ul li a, #sec_clientes ul li a { display:block }
				
					/* home */
						
						#clientes_resumo { margin: 10px 0; background-position: 0 -196px }
						#clientes_resumo h3 { color:#01336a; font-size:18px; text-transform:uppercase; padding-top: 12px }
						#clientes_resumo p { float:right!important }
						#clientes_resumo p, #clientes_resumo p a { width: 48px; height: 48px }
						#clientes_resumo p a { background-position: -641px 0 }
						#clientes_resumo p a:hover { background-position: -689px 0 }
						#clientes_resumo ul { margin-top: 10px }
						#clientes_resumo ul li { margin: 3px }
					
					/* secao propria */
						
						#sec_clientes ul li { margin: 10px 25px }
					
				
				/* ===============
					 secao contato
					================ */
				
						#col_principal form { margin:30px 0 }
						#col_principal form label { margin-bottom:10px }
						
						#col_principal form label .rotulo, #col_principal form label .campo, #col_principal form label .campo2, #col_principal form label .campo3
						{ font-weight:bold; padding: 20px 10px }
						
						#col_principal form label .campo, #col_principal form label .campo2, #col_principal form label .campo3 { color:#fff; background-color:#00428b!important }
						#col_principal form label .campo:hover, #col_principal form label .campo2:hover, #col_principal form label .campo3:hover { background-color:#105bae!important }
						#col_principal form label .campo, #col_principal form label .campo3 { width:474px }
						
						#col_principal form label .campo2 { width:495px }
						#col_principal form label select option { margin-bottom:10px; padding-left:10px; display:block }
						
						#col_principal form label .campo3 { height:100px }
						#col_principal form label .rotulo { margin-right:10px; text-align:right; width:90px }
						
						.bt_form { color:#fff; padding: 20px 30px; margin-left:100px; font-size:12px }
						.bt_form:hover { background-color:#ccc!important }
					
						/* mensagens */
						
							p#form_msg { width:89%!important; padding: 20px 10px 20px 60px; font-weight:bold; margin-top:30px }
							#form_msg.erro { background:#fcf9b8 url(../imgs/erro.png) 10px center no-repeat }
							#form_msg.sucesso { background:#cffa94 url(../imgs/sucesso.png) 10px center no-repeat }
							
		
		/* rodape ============================== */
			
			/* bt ir para o topo */
			
				#bt_topo { margin-left: 89%; position:fixed; bottom: 157px }
				#bt_topo, #bt_topo a { width: 44px; height: 31px }
				#bt_topo a { background-position: -244px 0 }
				#bt_topo a:hover { background-position: -288px 0 }
		
			#rodape { margin-bottom:24px }
			#enderecos, #aligator { padding-left: 60px; background:url(../imgs/template.png) 0 -93px no-repeat }
		
			/* redes sociais */
			
				#redes_sociais { padding: 25px 0; width:15% }
				#redes_sociais li { margin-left: 10px }
				#redes_sociais li a { width:56px; height:53px }
				#redes_sociais li#facebook a { background-position: 0 -33px }
				#redes_sociais li#facebook a:hover { background-position: -118px -33px }
				#redes_sociais li#twitter a { background-position: -59px -33px } 
				#redes_sociais li#twitter a:hover { background-position: -177px -33px }
			
			/* enderecos */
			
				#enderecos { width:61%; height:103px }
				#enderecos .col { margin-right:1% }
				#enderecos .col h4, #enderecos .col p, #enderecos .col address { text-align:left; width:100% }
				#enderecos .col h4 { font-size:18px; color:#ccc; margin-bottom:10px; padding-top:20px }
				#enderecos .col address, #enderecos .col p { font-size:12px; color:#fff; line-height:18px }
				#enderecos #endereco1, #enderecos #endereco2 { width: 38% }
				#enderecos #telefone { width: 18%; border: 0px solid #fff}
				#enderecos #telefone p { font-weight:bold }
				
			/* credito aligator */
			
				#aligator, #aligator a { float:right!important }
				#aligator { padding: 35px 0; width:18% }
				#aligator a { width: 118px; height:33px; background-position: 0 0; margin-right:20px }
				#aligator a:hover { background-position: -122px 0 }