@charset "utf-8";
/*!
 * CSS3
 * FRAMEBASE v1 (http://www.dudacaletti.com.br)
 * Copyright 2014
 * No Licensed
 * Developer: Eduardo Petry Caletti
 * E-mail: contato@dudacaletti.com.br
 */

 
/* ==========================================================================
   //// OBSERVAÇÕES GERAIS
   
   - OBS 1: #000 será a cor padrão para todos os seletores.
   - OBS 2: O posicionamento padrão dos objetos será left.
   - OBS 3: Esse CSS será derivado para templates.
   
   
   //// OBSERVAÇÕES HTML 5 E CSS3
      
   - HEADER: define o cabeçalho.
   
   - NAV: define o menu ou a navegação do site.
   
   - ARTICLE: define uma parte da página que tem uma composição de formulários, 
   textos etc. Por exemplo, pode ser um post de forum, blog, comentários etc.
   
   - SECTION: define uma seção do layout em um determinado element. Ele pode
   conter um header e também um footer se preciso.
   
   - ASIDE: consiste em envolver informações que tem algo a ver com o conteúdo
   principal do site. Pode ser um menu lateral, um sidebar padrão com menu, 
   banner, busca etc.
   
   - FOOTER: define o rodapé do elemento ou do layout.
   ========================================================================== */


/* ==========================================================================
   *
   ========================================================================== */
	*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* ==========================================================================
   end *
   ========================================================================== */





   
/* ==========================================================================
   HTML
   ========================================================================== */
	html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
/* ==========================================================================
   end HTML
   ========================================================================== */






/* ==========================================================================
   BODY
   ========================================================================== */
	body { margin: 0; padding: 0; font: Arial; }
	html, body { height:100%; }
/* ==========================================================================
   end BODY
   ========================================================================== */






/* ==========================================================================
   SELETORES
   ========================================================================== */

    h1, h2, h3, h4, h5, h6, p, span { margin: 0; padding: 0; font-weight: normal; }  
   
	/* === CABEÇALHO H1 === */
	h1			{ color: #000; }
	h1.amarelo 	{ color: #FC0; }
	h1.azul		{ color: #09C; }
	h1.branco	{ color: #FFF; }
	h1.laranja	{ color: #F90; }
	h1.roxo		{ color: #936; }
	h1.verde	{ color: #690; }
	h1.vermelho	{ color: #C00; }
	/* === end CABEÇALHO H1 === */


	/* === CABEÇALHO H2 === */
	h2			{ color: #000; }
	h2.amarelo 	{ color: #FC0; }
	h2.azul		{ color: #09C; }
	h2.branco	{ color: #FFF; }
	h2.laranja	{ color: #F90; }
	h2.roxo		{ color: #936; }
	h2.verde	{ color: #690; }
	h2.vermelho	{ color: #C00; }
	/* === end CABEÇALHO H2 === */


	/* === CABEÇALHO H3 === */
	h3			{ color: #000; }
	h3.amarelo 	{ color: #FC0; }
	h3.azul		{ color: #09C; }
	h3.branco	{ color: #FFF; }
	h3.laranja	{ color: #F90; }
	h3.roxo		{ color: #936; }
	h3.verde	{ color: #690; }
	h3.vermelho	{ color: #C00; }
	/* === end CABEÇALHO H3 === */


	/* === CABEÇALHO H4 === */
	h4			{ color: #000; }
	h4.amarelo 	{ color: #FC0; }
	h4.azul		{ color: #09C; }
	h4.branco	{ color: #FFF; }
	h4.laranja	{ color: #F90; }
	h4.roxo		{ color: #936; }
	h4.verde	{ color: #690; }
	h4.vermelho	{ color: #C00; }
	/* === end CABEÇALHO H4 === */


	/* === CABEÇALHO H5 === */
	h5			{ color: #000; }
	h5.amarelo 	{ color: #FC0; }
	h5.azul		{ color: #09C; }
	h5.branco	{ color: #FFF; }
	h5.laranja	{ color: #F90; }
	h5.roxo		{ color: #936; }
	h5.verde	{ color: #690; }
	h5.vermelho	{ color: #C00; }
	/* === end CABEÇALHO H5 === */


	/* === CABEÇALHO H6 === */
	h6			{ color: #000; }
	h6.amarelo 	{ color: #FC0; }
	h6.azul		{ color: #09C; }
	h6.branco	{ color: #FFF; }
	h6.laranja	{ color: #F90; }
	h6.roxo		{ color: #936; }
	h6.verde	{ color: #690; }
	h6.vermelho	{ color: #C00; }
	/* === end CABEÇALHO H6 === */


	/* === SPAN === */
	span		{ color: #000; }
	span.amarelo { color: #FC0; }
	span.azul	{ color: #09C; }
	span.branco	{ color: #FFF; }
	span.laranja{ color: #F90; }
	span.roxo	{ color: #936; }
	span.verde	{ color: #690; }
	span.vermelho{ color: #fff; }
	/* === end SPAN === */


	/* === PARÁGRAFO === */
	p			{ color: #000; }
	p.amarelo 	{ color: #FC0; }
	p.azul		{ color: #09C; }
	p.branco	{ color: #FFF; }
	p.laranja	{ color: #F90; }
	p.roxo		{ color: #936; }
	p.verde		{ color: #690; }
	p.vermelho	{ color: #C00; }
	/* === end PARÁGRAFO === */


	/* === SELETOR DE TIPO === */
	i			{ color: #000; }
	i.amarelo 	{ color: #FC0; }
	i.azul		{ color: #09C; }
	i.branco		{ color: #FFF; }
	i.laranja	{ color: #F90; }
	i.roxo		{ color: #936; }
	i.verde		{ color: #690; }
	i.vermelho	{ color: #C00; }
	/* === end SELETOR DE TIPO === */


	/* === NEGRITO === */
	strong { font-weight: bold; }
	/* === end NEGRITO === */

	/* === MARCADOR === */
	mark { color: #000; background: #ff0; }
	/* === end MARCADOR === */

	/* === SMALL === */
	small { font-size: 80%; }
	/* === end SMALL === */

	/* === HR === */
	hr { color: #ccc; height: 0; -moz-box-sizing: content-box; box-sizing: content-box; }
	/* === end HR === */

	/* === TABLE === */
	table { border-spacing: 0; border-collapse: collapse; }
	/* === end TABLE === */

	/* === DESTACAR TEXTO === */
	blockquote { color: #fff; background-color: #000; padding: 5px; margin: 10px 0 10px 0; } 
	/* === end DESTACAR TEXTO === */

	/* === ADDRESS === */
	address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } 
	/* === end ADDRESS === */

	.link-url 	{ color: #fff; font-family: 'Open Sans', sans-serif;  font-size: 0.85em; text-decoration: none; transition: all ease 0.5s; }
	.link-url:hover 	{ color: #fdba31; }	

	.link-footer 	{ color: #fff; text-decoration: none; transition: all ease 0.5s; }
	.link-footer:hover 	{ color: #fdba31; }	

	.curriculo-lates 	{ color: #000; font-family: 'Open Sans', sans-serif;  font-size: 0.85em; text-decoration: none; transition: all ease 0.5s; border: 3px solid #000; padding: 10px; }
	.curriculo-lates:hover 	{ color: #fdba31; }	

	
/* ==========================================================================
   end SELETORES
   ========================================================================== */





   
/* ==========================================================================
   NAV MENU
   ========================================================================== */
   .menu-footer ul { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif;   font-size: 0.85em; text-align: left; font-weight: normal; }
   .menu-footer ul li { display: block; }
   .menu-footer ul li a { color: #fff; text-decoration: none; transition: all ease 0.5s; -webkit-transition: all ease 0.5s;  }
   .menu-footer ul li a:hover { color: #fdba31; text-decoration: none; }
   .menu-footer .current a { color:#fdba31; }
   
   
   .menu-servicos ul { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif;   font-size: 0.85em; text-align: left; font-weight: normal; }
   .menu-servicos ul li { display: block; width: 33.33%; float: left; border-top: 1px dotted #ccc; padding: 5px 0 5px 0; }
   .menu-servicos ul li a { color: #666; text-decoration: none; transition: all ease 0.5s; -webkit-transition: all ease 0.5s;  }
   .menu-servicos ul li a:hover { color: #061b3d; text-decoration: none; }
   .menu-servicos .current a { color:#061b3d; }
   
   .bread ul { margin: 0; padding: 0; font-family: 'Oswald', sans-serif;  font-size: 0.85em; text-align: left; font-weight: normal;  }
   .bread ul li { display: inline-block; text-transform: uppercase; }
   .bread ul li a { color: #666; text-decoration: none; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; padding: 10px; background-color:#fff; }
   .bread ul li a:hover { color: #fff; -webkit-transition: all ease 0.5s; background-color:#061b3d; padding: 10px }
   .bread li.active { color:#fff; background-color:#061b3d; padding: 10px  }    
   
/* ==========================================================================
   end NAV MENU
   ========================================================================== */ 
   


   
   

/* ==========================================================================
   IMG
   ========================================================================== */
   
  	img 				{ max-width: 100%; border: 0; }
 
   
	img.logo		{ height: 160px; margin: 10px 0 10px 0; position: absolute; z-index: 8888; background-color:#fff; padding: 20px; margin: 0 0 0 80px;border-radius: 0 0 15px 15px; }	
	img.seta-menu { height: 7px; float: right; margin: 8px 0 0 5px; }

	img.circle		{ border-radius: 50%; }
	img.padrao		{ margin: 0 0 20px 0; }
	img.flutuante	{ max-width: 100%; margin: 0 20px 20px 0; float: left; }
	
	img.logorodape	{ margin: 0 0 15px 0; width: 180px; }
	img.imagem-flutuante	{ margin: 0 10px 0 0; width: 180px; float: left; }
	
	img.yes	{ margin: 0 5px 0 0; height: 7px;}
	img.mais	{ margin: 8px 10px 0 0; height: 7px; float: left; }
	
	img.icon-redes-sociais		{ width: 35px; height: 35px; margin: 0 0 5px 5px; background-color:#fff; border-radius: 100px; padding: 4px; transition: all ease 0.5s; }
	img.icon-redes-sociais:hover	{ background-color:#cbccce; transition: all ease 0.5s; }		
	
	img.bannerinterno {width: 100%;}
	img.caparevista {width: 100%; margin: 0 0 10px 0; }
	img.servico-flutuante { width: 180px; float: left; margin: 0 10px 0 0; max-height: 250px; }
	
	.box-logorodape { width: 100%; height: auto; position: relative; float: left;	text-align: center; }
	
	img.imagem-galeria { width: 150px; float: left; margin: 0 10px 0 0; min-height: 40%; max-height: 40%; }
	
	img.imagem-miniatura { width: 120px; float: left; margin: 0 10px 0 0; }
	img.imagem-flutuante-destaque	{ margin: 0 10px 0 0; width: 280px; float: left; }
	img.imagem-flutuante-destaque-interna	{ margin: 0 10px 0 0; width: 180px; float: left; }
	img.imagem-flutuante-destaque-conteudo	{ margin: 0 20px 5px 0; width: 350px; float: left; position: relative; }
	img.icon-fone { height: 30px; float: left; margin: 0 10px 0 0; }
	
	img.certificados { height: 100px; }
	img.play-video { height: 30px; }
	img.iconunidades { height: 50px; float: left; margin: 0 15px 0 0;  }
	img.timeline-flutuante { height: 120px; float: left; margin: 0 15px 0 0;  }
	
	img.icontimeline { height: 30px; float: left; margin: 0 10px 0 0;  }
	img.imagemequipe { width: 100px; float: left; margin: 0 10px 0 0;  }
	img.imagem-post { width: 250px; float: left; margin: 0 20px 0 0; }
	img.imagem-post-interno { width: 350px; float: left; margin: 0 20px 0 0; }
	
/* ==========================================================================
   end IMG
   ========================================================================== */



     .box-whats { display: none; }


/* ==========================================================================
   FORMULÁRIOS PADRÃO
   ========================================================================== */
   .camponews { width: 49.2%; padding: 10px; margin: 10px 0  0; border: 1px solid #fff; background-color:#fff; font-size: 0.85em; font-family: 'Open Sans', sans-serif; outline: 0;  }
   .botaonews { width: 100%; padding: 10px; border: 1px solid #4c4d77; margin: 5px 0 0 0; background-color:#4c4d77; font-size: 0.9em; font-family: 'Oswald', sans-serif; outline: 0; color:#fff; letter-spacing: 1px; cursor: pointer;}
 

 
   .campoinput50 { width: 49.7%; padding: 15px; margin: 0 0 5px 0; border: 1px solid #ededec; background-color:#fff; font-size: 0.85em; font-family: 'Open Sans', sans-serif; outline: 0; color:#777; }
   .campoinput33 { width: 32.9%; padding: 15px; margin: 0 0 5px 0; border: 1px solid #ededec; background-color:#fff; font-size: 0.85em; font-family: 'Open Sans', sans-serif; outline: 0; color:#777; }
   .campoinput100 { width: 100%; padding: 15px; margin: 0 0 5px 0; border: 1px solid #ededec; background-color:#fff; font-size: 0.85em; font-family: 'Open Sans', sans-serif; outline: 0; color:#777; }

	.box-form { width: 100%; height: auto; float: left; position: relative; text-align: center; margin: 10px 0 0 0; }
    .botaoform1 { width: auto; padding: 15px; border: 1px solid #0b3d40; background-color:#0b3d40; font-size: 0.9em; font-family: 'Oswald', sans-serif; color:#fff; outline: 0; cursor: pointer; }	

  
   .camporota { width: 43.75%; margin: 0 0 0 0; border: 1px solid #ededec; background-color:#fff; font-size: 0.85em; font-family: 'Open Sans', sans-serif; padding: 15px; color:#777; outline: 0; color: #777;}
    .botaoform { width: auto; padding: 15px; border: 4px solid #191b50; background-color:#fff; font-size: 0.9em; font-family: 'Oswald', sans-serif; color:#191b50; margin: 0 0 0 0; outline: 0; letter-spacing: 1px; cursor: pointer; }   
 
  	input { color:#777; }
	::-webkit-input-placeholder { color: #777; }
	:-moz-placeholder { color: #777; }
	::-moz-placeholder { color: #777; }
	:-ms-input-placeholder { color: #777; }		
 
 
/* ==========================================================================
   end FORMULÁRIOS PADRÃO
   ========================================================================== */







/* ==========================================================================
   DIVS ID e CLASSES ESTRUTURAIS HTML5
   ========================================================================== */
	#main, #top, #header, #menu, #slide, #conteudo, #breadcrumb, #breadcrumb1, #banner-interno, #content, #servicos, #extras, #rodape, #videos, #footer, #copyright { width: 100%; height: auto; position: relative; float: left;	}
	#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9, #box10, #box11, #box12, #box13, #box14, #box15 { width: 100%; height: auto; position: relative; float: left;	}
	.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9, .box10, .box11, .box12, .box13, .box14, .box15 { width: 100%; height: auto; position: relative; float: left;	}
	header, content, footer { width: 100%; height: auto; position: relative; float: left;	}
	
	
	.text-left { text-align: left; }
	.text-right { text-align: right; }
	.text-center { text-align: center; }
	
	header { background-color:#061b3d;  }
	.conteudo { width: 100%; height: auto; float: left; position: relative; padding-top: 20px; padding-left: 0; padding-right: 15px; padding-bottom: 20px; }
	
	
	
	content#home { width: 100%; height: auto; float: left; position: relative; padding: 40px 0 40px 0; }

	footer { clear: both; background-color:#061b3d; padding: 60px 0 60px 0;  }
	#copyright { padding: 20px 0 20px 0; background-color:#df7160; }
	#extras { padding: 20px 0 20px 0; background-color:#df7160; }
	#servicos { padding: 30px 0 30px 0; background-color:#f4f4f4; }
	#videos { padding: 30px 0 30px 0; background-color:#fff; }
	content.mapa { width: 100%; height: auto; float: left; position: relative;  }
	
	.box-redes { width: auto; height: auto; position: relative; float: left; margin: 0 20px 0 0;	}

	#breadcrumb { padding: 0 0 3px 0; margin: 0 0 0 0; border-bottom: 5px solid #061b3d; }
	
	.box-lates { width: 100%; height: auto; float: left; position: relative; margin: 20px 0 0 0; border: 1px dashed #ccc; padding: 10px; text-transform: uppercase; text-align: center; transition: all ease 0.5s; color:#666; }
	.box-unidades h5	{ font-family: 'Oswald', sans-serif; font-size: 1em; transition: all ease 0.5s; color:#666;  }
	.box-lates:hover { color:#061b3d; border: 1px dashed #061b3d; transition: all ease 0.5s; }
	
	.box-unidades { width: 100%; height: auto; float: left; position: relative; }
	.box-unidades h1	{ font-family: 'Oswald', sans-serif; font-size: 1.2em; transition: all ease 0.5s; color:#061b3d; text-transform: uppercase; }
	.box-unidades h2	{ color: #666; font-family: 'Oswald', sans-serif; font-size: 1em; transition: all ease 0.5s; border-bottom: 1px dashed #ccc; margin: 0 0 10px 0; padding: 0 0 10px 0; text-transform: uppercase;  }	
	.box-unidades p	{ font-family: 'Open Sans', sans-serif; color:#666; font-size: 0.85em; }

	.box-equipe { width: 100%; height: auto; float: left; position: relative; text-align: center; }
	.box-equipe h1	{ font-family: 'Oswald', sans-serif; font-size: 1em; transition: all ease 0.5s; color:#000; text-transform: uppercase; }
	.box-equipe h2	{ color: #666; font-family: 'Open Sans', sans-serif; font-size: 0.85em; transition: all ease 0.5s; }	
	.box-equipe:hover h1 { color:#061b3d; transition: all ease 0.5s; }
	.box-equipe:hover h2 { color:#061b3d; transition: all ease 0.5s; }

	
	.box-equipe-modal { width: 500px; height: auto; float: left; position: relative; }
	.box-equipe-modal h1	{ font-family: 'Oswald', sans-serif; font-size: 1.5em; transition: all ease 0.5s; color:#061b3d; text-transform: uppercase; }
	.box-equipe-modal h2	{ color: #666; font-family: 'Open Sans', sans-serif; font-size: 1.2em; transition: all ease 0.5s; border-bottom: 1px dashed #ccc; padding: 0 0 15px 0; margin: 0 0 15px 0; }	
	.box-equipe-modal p	{ font-family: 'Open Sans', sans-serif; color:#666; font-size: 0.85em; }
	
	
	.image-galeria-album { width: 100%; float: left; overflow: hidden; height: 250px; z-index: 1; margin: 0 0 10px 0; }
	.image-galeria-album img { width: 100%; clip:rect(550px,550px,550px,550px); min-height: 250px; transition: all ease 0.5s; }
	
	.box-id-home { width: 100%; height: auto; position: relative; float: left;	}
	.box-id-home h1 { font-family: 'Oswald', sans-serif; color:#061b3d; font-size: 1.3em; margin: 0 0 10px 0; }
	.box-id-home p	{ font-family: 'Open Sans', sans-serif; color:#222; font-size: 0.95em; }
	.margem-rodape-site { width: 100%; height: auto; float: left; position: relative; margin-bottom: 40px; }

	.box-subtitulo { width: 100%; height: auto; position: relative; float: left;	}
	.box-subtitulo h1 { font-family: 'Oswald', sans-serif; font-size: 1.1em; color:#061b3d; padding: 10px 0 10px 0; margin: 25px 0 0 0; border-top: 1px dashed #ccc; text-align: center; }
	
	.box-conteudo-home { width: 100%; height: auto; position: relative; float: left;	}
	.box-conteudo-home h1 { font-family: arial; color:#000; font-size: 1.4em; border-left: 5px solid #000; padding: 0 0 0 10px; margin: 0 0 10px 0; }
	.box-conteudo-home h2 { font-family: 'Open Sans', sans-serif;  color:#222; font-size: 1em; font-weight:bold; }
	.box-conteudo-home h3 { font-family: 'Open Sans', sans-serif; color:#222; font-size: 0.9em; margin: 0 0 5px 0; }

	.box-revista { width: 100%; height: auto; position: relative; float: left;	}
	.box-revista h1 { font-family: 'Oswald', sans-serif; color:#666; font-size: 1.1em; margin: 15px 0 0 0; transition: all ease 0.5s; }
	.box-revista h2 { font-family: 'Open Sans', sans-serif; color:#666; font-size: 0.85em; transition: all ease 0.5s;  }
	.box-revista:hover h1 { color:#061b3d; transition: all ease 0.5s; }
	.box-revista:hover h2 { color:#061b3d; transition: all ease 0.5s; }

	.box-play-video { width: 100%; height: auto; float: left; position: relative; z-index: 2222; margin: -50px 0 0 10px; }

	
	.margem-conteudo-site { float: left; margin-bottom: 35px; }

	.compartilhe { width: 50%; height: auto; float: left; position: relative; margin: 15px 0 0 0;  }
	.compartilhe h5 { color: #666; font-family: 'Oswald', sans-serif; font-size: 0.9em; float: left; margin: 7px 10px 0 0; }	
	
	
	.box-galeria-post { width: 100%; height: auto; float: left; position: relative; margin: 30px 0 0 0;  }

	
	.box-margem-post-interno { width: 100%; height: auto; position: relative; float: left; margin: 0 0 0 0;}
	.box-conteudo-post-interno { width: 100%; height: auto; position: relative; float: left;	}
	.box-conteudo-post-interno h1 { font-family: 'Oswald', sans-serif; color:#061b3d; font-size: 1.5em; margin: 0 0 10px 0; line-height: 40px; }
	.box-conteudo-post-interno h2 { font-family: 'Oswald', sans-serif;   color:#6666; font-size: 1em; }
	.box-conteudo-post-interno h3 { font-family: 'Oswald', sans-serif; color:#666; font-size: 0.9em; margin: 10px 0 10px 0; padding: 10px 0 10px 0; border-top: 1px solid #ededec; border-bottom: 1px solid #ededec; }	
	.box-conteudo-post-interno p { font-family: 'Open Sans', sans-serif;  color:#666; font-size: 0.85em; }



	.box-mais-post { width: 100%; height: auto; position: relative; float: left; margin: 0 0 0 0; text-align: center; }
	.box-mais-post  h1 { font-family: 'Oswald', sans-serif; color:#000; font-size: 1.2em; margin: 30px 0 30px 0; padding: 10px 0 10px 0; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; }



	
	.box-conteudo-site { width: 100%; height: auto; position: relative; float: left;	}
	.box-conteudo-site h1 { font-family: 'Oswald', sans-serif; color:#061b3d; font-size: 1.2em; margin: 0 0 10px 0; }
	.box-conteudo-site h2 { font-family: 'Oswald', sans-serif;   color:#061b3d; font-size: 1em; margin: 0 0 10px 0; }
	.box-conteudo-site h3 { font-family: 'Oswald', sans-serif; color:#666; font-size: 0.9em; margin: 10px 0 10px 0; padding: 10px 0 10px 0; border-top: 1px solid #ededec; border-bottom: 1px solid #ededec; }	
	.box-conteudo-site p { font-family: 'Open Sans', sans-serif;  color:#666; font-size: 0.85em; }
	
	.image-galeria-album { width: 100%; float: left; overflow: hidden; height: 250px; z-index: 1; margin: 0 0 10px 0;  }
	.image-galeria-album img { width: 100%; clip:rect(550px,550px,550px,550px); min-height: 250px; transition: all ease 0.5s; }		
	
	.box-biblioteca { width: 100%; height: auto; float: left; position: relative; text-align: left; border-bottom: 1px dashed #ccc; margin-bottom: 15px; padding-bottom: 15px; }
	.box-biblioteca h1 { color: #000; font-family: 'Oswald', sans-serif; font-size: 1.1em; transition: all ease 0.5s; margin-bottom: 5px; }
	.box-biblioteca h2 { color: #666; font-family: 'Open Sans', sans-serif; font-size: 1em; transition: all ease 0.5s; font-style: italic; }
	.box-biblioteca p { color: #666; font-family: 'Open Sans', sans-serif; font-size: 0.85em; transition: all ease 0.5s; }	
	.box-biblioteca:hover h1 { color: #fdba31; transition: all ease 0.5s; }
	.box-biblioteca:hover h2 { color: #fdba31; transition: all ease 0.5s; }
	.box-biblioteca:hover h3 { color: #fdba31; transition: all ease 0.5s; }		
	.box-biblioteca:hover p { color: #fdba31; transition: all ease 0.5s; }	
	
	.album-home-site { width: 100%; height: auto; float: left; position: relative; text-align: center; padding: 5px;  }
	.album-home-site h1 { color: #000; font-family: 'Oswald', sans-serif; font-size: 0.95em; text-transform: uppercase; transition: all ease 0.5s; }
	.album-home-site h2 { color: #666; font-family: 'Open Sans', sans-serif;font-size: 0.85em; transition: all ease 0.5s; }
	.album-home-site h3 { color: #666; font-family: 'Open Sans', sans-serif; font-size: 0.85em; transition: all ease 0.5s; }
	.album-home-site:hover h1 { color: #fdba31; transition: all ease 0.5s; }
	.album-home-site:hover h2 { color: #fdba31; transition: all ease 0.5s; }
	.album-home-site:hover h3 { color: #fdba31; transition: all ease 0.5s; }	
	
	.box-footer { width: 100%; height: auto; position: relative; float: left; margin: 0 0 10px 0;	}	
	.box-footer h1 { font-family: 'Oswald', sans-serif;  color:#fff; font-size: 1em; margin-bottom: 5px; }
	.box-footer p { font-family: 'Open Sans', sans-serif;  color:#fff; font-size: 0.85em; }
	.box-footer h2 { font-family: 'Oswald', sans-serif;  color:#fff; font-size: 1em; margin: 5px 0 0 0; }
	
	
	.box-copy { width: 100%; height: auto; position: relative; float: left; margin-top: -90px; z-index: 3333; text-align: right; }	
	.box-copy p { font-family: 'Open Sans', sans-serif;  color:#fff; font-size: 0.85em; }
	
	
	.box-conteudo { width: 100%; height: auto; position: relative; float: left; }	
	.box-conteudo h1 { font-family: 'Oswald', sans-serif;  color:#191b50; font-size: 1.2em; margin-bottom: 15px; text-align: center; }
	.box-conteudo p { font-family: 'Open Sans', sans-serif;  color:#666; font-size: 0.85em; transition: all ease 0.5s; }

	.margem-conteudo-post { width: 100%; height: auto; position: relative; float: left; margin: 0 0 50px 0; }	

	
	
	.box-conteudo-post { width: 100%; height: auto; position: relative; float: left;  }	
	.box-conteudo-post h1 { font-family: 'Oswald', sans-serif;  color:#000; font-size: 1.2em; margin-bottom: 5px; transition: all ease 0.5s; }
	.box-conteudo-post h2 { font-family: 'Oswald', sans-serif;  color:#666; font-size: 1em; margin: 0; transition: all ease 0.5s; }
	.box-conteudo-post h3 { font-family: 'Oswald', sans-serif;  color:#666; font-size: 1em; margin: 5px 0 0 0; transition: all ease 0.5s; }
	.box-conteudo-post p { font-family: 'Open Sans', sans-serif;  color:#666; font-size: 0.85em; transition: all ease 0.5s; transition: all ease 0.5s; }
	.box-conteudo-post:hover h1 { color:#061b3d; transition: all ease 0.5s; }
	.box-conteudo-post:hover h2 { color:#061b3d; transition: all ease 0.5s; }
	.box-conteudo-post:hover h3 { color:#061b3d; transition: all ease 0.5s; }
	
	.box-servico-destacado { width: 100%; height: auto; position: relative; float: left; margin: 0 0 30px 0; }	
	.box-servico-destacado h1 { font-family: 'Oswald', sans-serif;  color:#061b3d; font-size: 1.1em; margin-bottom: 5px; }
	.box-servico-destacado p { 	font-family: 'Open Sans', sans-serif; font-size: 0.85em; color:#666; }

	
	.box-link { width: 100%; height: auto; position: relative; float: left; margin-bottom: 15px; }	
	.box-link h1 { font-family: 'Open Sans', sans-serif;  color:#666; font-size: 0.85em; font-weight: bold; transition: all ease 0.5s; }
	.box-link h2 { font-family: 'Open Sans', sans-serif;  color:#666; font-size: 0.80em; margin-bottom: 3px; }
	.box-link:hover h1 { font-family: 'Open Sans', sans-serif;  color:#061b3d; font-size: 0.85em; font-weight: bold; transition: all ease 0.5s; }
	
	
	.image-box { width: 100%; float: left; overflow: hidden; height: 200px; z-index: 1; margin: 0 0 10px 0; }
	.image-box img { width: 100%; clip:rect(550px,550px,550px,550px); min-height: 200px; transition: all ease 0.5s; }	
	
	.image-box-1 { width: 100%; float: left; overflow: hidden; height: 130px; z-index: 1; margin: 0 0 10px 0;  }
	.image-box-1 img { width: 100%; clip:rect(550px,550px,550px,550px); min-height: 130px; transition: all ease 0.5s; }	

	.imagem-post-destaque { width: 100%; float: left; overflow: hidden; height: 250px; z-index: 1; margin: 0 0 10px 0;  }
	.imagem-post-destaque img { width: 100%; clip:rect(550px,550px,550px,550px); min-height: 250px; transition: all ease 0.5s;  }

	
	.box-video { width: 100%; height: auto; float: left; position: relative; }
	.box-video h1	{  font-family: 'Open Sans', sans-serif;  color:#666; font-size: 0.85em; transition: all ease 0.5s; }
	

	.box-news { width: 100%; height: auto; position: relative; float: left; margin: 15px 0 0 0; }	
	.box-news h1 { font-family: 'Oswald', sans-serif;  color:#061b3d; font-size: 1.2em; margin-bottom: 10px; }
	.box-news p { font-family: 'Open Sans', sans-serif;  color:#666; font-size: 0.85em; transition: all ease 0.5s; }

	.saiba-mais { width: 100%; height: auto; position: relative; float: left; margin: 15px 0 0 0; }	
	.saiba-mais h1 { font-family: 'Open Sans', sans-serif;  color:#666; font-size: 0.85em; transition: all ease 0.5s; }
	.saiba-mais:hover h1 { font-family: 'Open Sans', sans-serif;  color:#061b3d; font-size: 0.85em; transition: all ease 0.5s; }

	.saiba-mais1 { width: 100%; height: auto; position: relative; float: left; margin: 5px 0 0 0; }	
	.saiba-mais1 h1 { font-family: 'Open Sans', sans-serif;  color:#666; font-size: 0.85em; transition: all ease 0.5s; }
	.saiba-mais1:hover h1 { font-family: 'Open Sans', sans-serif;  color:#061b3d; font-size: 0.85em; transition: all ease 0.5s; }

	
	.saiba-mais2 { width: 100%; height: auto; position: relative; float: left; margin: -25px 0 0 0; }	
	.saiba-mais2 h1 { font-family: 'Open Sans', sans-serif;  color:#666; font-size: 0.85em; transition: all ease 0.5s; }
	.saiba-mais2:hover h1 { font-family: 'Open Sans', sans-serif;  color:#061b3d; font-size: 0.85em; transition: all ease 0.5s; }	
	
	.box-conteudo-footer { width: 100%; height: auto; position: relative; float: left; margin: 15px 0 0 0; text-align: right; }	
	.box-conteudo-footer p { font-family: 'Open Sans', sans-serif;  color:#fff; font-size: 0.85em; }
	
	.album-home { width: 100%; height: auto; float: left; position: relative; padding: 0; margin: 0 0 -10px 0;  }
	.album-home h1 { color:#666; font-family: 'Open Sans', sans-serif; font-size: 0.85em; font-weight: bold; text-transform: uppercase; transition: all ease 0.5s; margin: 0 0 5px 0; }
	.album-home h2 { color:#666; font-family: 'Open Sans', sans-serif; font-size: 0.85em; transition: all ease 0.5s; }
	.album-home h3 { color:#666; font-family: 'Open Sans', sans-serif; font-size: 0.85em; transition: all ease 0.5s; }

	.image-galeria { width: 200px; float: left; overflow: hidden; height: 184px; z-index: 1; margin: 0 10px 0 0;  }
	.image-galeria img { width: 200px; clip:rect(0,200,0,0); min-height: 184px; transition: all ease 0.5s; }	
	
	.box-margem-galeria { width: 100%; height: auto; position: relative; float: left; margin: 0 0 15px 0; }	
	
	.image-capa-revista { width: 100%; float: left; overflow: hidden; height: 406px; z-index: 1; margin: 0 -20px 0 0;  }
	.image-capa-revista img { width: 100%; clip:rect(200,200,200,200); min-height: 406px; transition: all ease 0.5s; }	
	
	.image-capa-revista-interna { width: 100%; float: left; overflow: hidden; height: 455px; z-index: 1; margin: 0 0 5px 0;  }
	.image-capa-revista-interna img { width: 100%; clip:rect(200,200,200,200); min-height: 455px; transition: all ease 0.5s; }		
	
	.margem-revista { float: left; margin: 0 0 20px 0; }
	
	.imagem-galeria-box { width: 25%; height: auto; float: left; position: relative; text-align: center; }
	.imagem-galeria-certificados { width: 24.75%; height: auto; float: left; position: relative; text-align: center; border: 1px dashed #ccc; margin: 1px; }	
	
	.image-galeria-site { width: 100%; float: left; overflow: hidden; height: 180px; z-index: 1; padding:1px; }
	.image-galeria-site img { width: 100%; clip:rect(550px,550px,550px,550px); min-height: 180px; transition: all ease 0.5s; }	
	
	.box-titulo-bread { width: auto; height: auto; float: left; position: relative; z-index: 1; margin: 0 0 0 0; }	
	

	.box-timeline { width: 100%; height: auto; float: left; position: relative; }
	.box-timeline h1 { width: 100%; color: #191b50; font-family: 'Oswald', sans-serif; font-size: 1.2em; text-transform: uppercase; transition: all ease 0.5s; margin-bottom: -5px; }
	.box-timeline h2 { width: 100%; height: auto; float: left; position: relative; color: #191b50; font-family: 'Oswald', sans-serif; font-size: 1.2em; border-bottom: 1px dashed #ccc; margin: 0 0 10px 0; padding: 0 0 10px 0; }
	.box-timeline p	{ font-family: 'Open Sans', sans-serif; color:#666; font-size: 0.85em; }
	.margem-rodape-equipe { width: 100%; height: auto; float: left; position: relative; margin: 0 0 20px 0; }

	
/* ==========================================================================
   end DIVS ID e CLASSES ESTRUTURAIS
   ========================================================================== */




#paging-table {
width: 260px; height: auto; position: relative;
text-align:center;font-family: 'Roboto Condensed', sans-serif;margin: 0 auto;
margin:
}
.paging-table-estrutura {
font-family: 'Roboto Condensed', sans-serif;
margin: 25px 0 0 0;
}
.page-far-left	{
	display: block;
	float: left;
	height: 35px;
	margin: 0 4px 0 0;
	width: 35px;
	background-color:#191b50;
	border-radius: 100px;
	transition: all ease 0.5s; -webkit-transition: all ease 0.5s;
	padding: 7px;
	}
.page-far-left:hover	{
	display: block;
	float: left;
	height: 35px;
	margin: 0 4px 0 0;
	width: 35px;
	background-color:#c15762;
	border-radius: 100px;
	padding: 7px;
	}
.page-far-left-1	{
	display: block;
	float: left;
	height: 35px;
	margin: 0 4px 0 0;
	width: 35px;
	background-color:#191b50;
	border-radius: 100px;
	transition: all ease 0.5s; -webkit-transition: all ease 0.5s;
	padding: 7px;
	}
.page-far-left-1:hover	{
	display: block;
	float: left;
	height: 35px;
	margin: 0 4px 0 0;
	width: 35px;
	background-color:#c15762;
	border-radius: 100px;
	padding: 7px;
	}
.page-left	{
	display: block;
	float: left;
	height: 35px;
	width: 35px;
	}
.page-far-right	{
	display: block;
	float: left;
	height: 35px;
	margin: 0 4px 0 4px;
	width: 35px;
	background-color:#191b50;
	border-radius: 100px;
	transition: all ease 0.5s; -webkit-transition: all ease 0.5s;
	padding: 7px;
	}
.page-far-right:hover	{
	display: block;
	float: left;
	height: 35px;
	margin: 0 4px 0 4px;
	width: 35px;
	background-color:#c15762;
	border-radius: 100px;
	padding: 7px;
	}
.page-far-right-1	{
	display: block;
	float: left;
	height: 35px;
	margin: 0 4px 0 4px;
	width: 35px;
	background-color:#191b50;
	border-radius: 100px;
	transition: all ease 0.5s; -webkit-transition: all ease 0.5s;
	padding: 7px;
	}
.page-far-right-1:hover	{
	display: block;
	float: left;
	height: 35px;
	margin: 0 4px 0 4px;
	width: 35px;
	background-color:#c15762;
	border-radius: 100px;
	padding: 7px;
	}
.page-right	{
	display: block;
	float: left;
	height: 35px;
	width: 35px;
	}
#page-info	{
	float: left;
	line-height: 16px;
	padding: 3px 12px 0 12px;
	color:#666;
	text-align: center;
	margin: 7px 0 0 0;
	}


/* ==========================================================================
   GRID SYSTEM
   ========================================================================== */
	[class*='col-'] { float: left; padding-right: 20px; }
	[class*='col-']:last-of-type { padding-right: 0px; }
	.grid { width: 100%; max-width: 1250px; min-width: 755px; margin: 0 auto; }
	.grid:after { content: ""; display: table; clear: both; }
	.grid-pad { padding: 0 0 0 20px; }
	.grid-pad-interna { padding: 0 200px 0 200px; }
	.grid-pad > [class*='col-']:last-of-type { padding-right: 20px; }
	.grid-pad-interna > [class*='col-']:last-of-type { padding-right: 20px; }

	.push-right { float: right; }
/* ==========================================================================
   end GRID SYSTEM
   ========================================================================== */


	



/* ==========================================================================
   CONTENT COLUNAS
   ========================================================================== */
	.col-1-1				{ width: 100%; }
	.col-2-3, .col-8-12		{ width: 66.66%; }
	.col-1-2, .col-6-12		{ width: 50%; }
	.col-1-3, .col-4-12		{ width: 33.33%; z-index: 1; }
	.col-1-4, .col-3-12		{ width: 25%; }
	.col-1-5				{ width: 20%; }
	.col-1-6, .col-2-12		{ width: 16.667%; }
	.col-1-7				{ width: 14.28%; }
	.col-1-8				{ width: 12.5%; }
	.col-1-9				{ width: 11.1%; }
	.col-1-10				{ width: 10%; }
	.col-1-11				{ width: 9.09%; }
	.col-1-12				{ width: 8.33%; }
/* ==========================================================================
   end CONTENT COLUNAS
   ========================================================================== */






/* ==========================================================================
   LAYOUT COLUNAS
   ========================================================================== */
	.col-11-12		{ width: 91.66%; }
	.col-10-12		{ width: 83.333%; }
	.col-9-12		{ width: 75%; }
	.col-5-12		{ width: 41.66%; }
	.col-7-12		{ width: 58.33%; }
	.col-40		{ width: 40%; }
	.col-60		{ width: 60%; }

/* ==========================================================================
   end LAYOUT COLUNAS
   ========================================================================== */


   



   
/* ==========================================================================
   MEDIA QUERIES 767px
   ========================================================================== */
	@media handheld, only screen and (max-width: 767px) {
	.grid { width: 100%; min-width: 0; margin:0; }
	[class*='col-'] { float: left; padding-right: 0; }

	footer {padding-right: 20px;}

	[class*='col-'] { width: auto; float: none; margin: 0; }

	.box-whats { width: auto; height: auto; position: fixed; z-index: 1111; bottom: 20px; right: 20px; display: block; }
	.box-whats img { width: 50px; }		
	
	.text-left { text-align: center; }
	.text-right { text-align: center; }
	.text-center { text-align: center; }			
	
	.box-conteudo-post-interno h1 { font-family: 'Oswald', sans-serif; color:#061b3d; font-size: 1em; margin: 0 0 10px 0; line-height: 20px; }

	.margem-rodape { float: left; margin: 0 0 25px 0; }
	
	.box-copy { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; z-index: 3333; text-align: center; }	
   .menu-servicos ul li { display: block; width: 100%; float: left; border-top: 1px dotted #ccc; padding: 5px 0 5px 0; }
	header { padding: 10px 0 10px 0; }

	.box-logo { width: 100%; height: auto; float: left; position: relative; }
	.box-menu{ width: 100%; height: auto; float: left; position: relative; }
	.box-site { width: 100%; float: left; position: relative; text-align: center; margin: 0 0 0 0; padding: 10px; background-color:#fff;  }

	img.logo		{ height: 130px; margin: 0 0 0 0; position: relative; z-index: 8888; background-color:#fff; padding: 0; margin: 0 0 0 0; }	

	.mapa { width: 100%; height: auto; float: left; position: relative; padding: 0 ; }
	
   .camporota { width: 100%; margin: 0 0 5px 0; border: 1px solid #ededec; background-color:#fff; font-size: 0.9em; font-family: 'Open Sans', sans-serif; padding: 15px; color:#777; outline: 0; color: #666;}
	img.caparevista {width: 100%; float: left; margin: 0 0 10px 0; }
	img.imagem-flutuante-destaque	{ margin: 0 0 10px 0; width: 100%; float: left; }

	img.imagem-flutuante-destaque-conteudo	{ margin: 0 0 5px 0; width: 100%; float: left; position: relative; }

   .campoinput50 { width: 100%; padding: 15px; margin: 0 0 5px 0; border: 1px solid #ededec; background-color:#fff; font-size: 0.85em; font-family: 'Open Sans', sans-serif; outline: 0; color:#777; }
   .campoinput33 { width: 100%; padding: 15px; margin: 0 0 5px 0; border: 1px solid #ededec; background-color:#fff; font-size: 0.85em; font-family: 'Open Sans', sans-serif; outline: 0; color:#777; }	
   
   
     .botaoform { width: 100%; padding: 15px; border: 2px solid #191b50; background-color:#fff; font-size: 0.9em; font-family: 'Oswald', sans-serif; color:#191b50; margin: 0 0 0 0; outline: 0; letter-spacing: 1px; }   
  
  	.imagem-galeria-certificados { width: 100%; height: auto; float: left; position: relative; text-align: center; border: 1px dashed #ccc; margin: 0; margin-bottom: 5px; }
 	.imagem-galeria-box { width: 100%; height: auto; float: left; position: relative; text-align: center; }
 	.margem-conteudo-site { { width: 100%; height: auto; float: left; position: relative; margin-bottom: 35px; }
 	.margem-revista { width: 100%; height: auto; float: left; position: relative; margin: 0 0 20px 0; }

	
	.margem-rodape-site { width: 100%; height: auto; float: left; position: relative; margin: 0 0 40px 0; }
		img.timeline-flutuante { width: auto; height: auto; float: none; position: relative; margin: 0 0 0 0;  }
	
	.box-equipe-modal { width: 100%; height: auto; float: left; position: relative; }
	
	.margem-rodape-equipe { width: 100%; height: auto; float: left; position: relative; margin: 0 0 20px 0; }

	.image-capa-revista-interna { width: 100%; float: left; overflow: hidden; height: 355px; z-index: 1; margin: 0 0 5px 0;  }
	.image-capa-revista-interna img { width: 100%; clip:rect(200,200,200,200); min-height: 355px; transition: all ease 0.5s; }		



	}
/* ==========================================================================
   end MEDIA QUERIES 767px
   ========================================================================== */