/*!
 * MAIN CSS
 * Desenvolvido/Developed by Carolina Cidrão
 * mariacarolcidrao@gmail.com
 */



/* ----------------------------------------------------------------------- */


/* --------- Body e Básicos --------- */

body, html {
	font-family: 'Open Sans', Arial;
	margin: 0px 0;
width: 100%; height: 100;
}


/* Tipografia
*****************************/

h1, h2, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	font-size: 60px;
}

h2 {
	font-size: 40px;
}


h3 {
	font-size: 24px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 26px;
}

h6 { 
	font-size: 30px;
	padding-bottom: 20px;
}

p {
	color: #777;
	font-weight: normal;
}

a {
	color: #4985a0;
	text-decoration: none;

	/* CSS3 Transition */
	-webkit-transition: color .5s;
	-moz-transition: color .5s;
	-ms-transition: color .5s;
	-o-transition: color .5s;
	transition: color .5s;
}

a:hover {
	color: #16313e;
	text-decoration: none;
}

strong {
	font-weight:bold;
}


/* Botões 
*****************************/

.btn {
	border-radius: 30px;
	background-color: #7cc576;
	padding: 15px 25px;
	color: #fff;
	display: inline-block;
}

.btn:hover {
	background-color: #86d080;
}

/* Blockquotes
*****************************/

blockquote {
	background-color: #f1f1f1;
	font-size: 16px;
	color: #777;
	line-height: 28px;
	padding: 40px;
}

/* Outros
*****************************/


/* Opacidade Imagem */
a.linkopacity img { 
	opacity:1;
	filter:alpha(opacity=100); 
}

a.linkopacity:hover img { 
	opacity:0.4;
	filter:alpha(opacity=40); 
}

/* Nunito Font
*****************************/

.font-title {
	font-family: 'Nunito', sans-serif;
}


/* --------------------------- Estilo --------------------------- */

/* --------- Header --------- */

header {
	margin: 0px 0;
}

header nav ul {
	padding-top: 0px;
}

header nav ul li {
	display: inline-block;
	padding-left: 00px;
}

header nav ul li a {
	color: #777;
	text-transform: uppercase;
}





/* --------- Bootstrap Navbar --------- */

/* NAVBAR
*****************************/

.navbar-fixed-top .container {
/* Uncomment to make nav expand full width */
 /*	width: auto; */
 /*	height: auto; */
}

.navbar-inverse .navbar-inner {
	background-repeat: repeat;
	background-color: #ffffff;
	border-color: #ffffff;
}

.navbar-inner {

}

.navbar-wrapper {;
	overflow:hidden;/* No fixed height, will break collapsible nav */
}

.navbar {
	background-color: #fff;
	margin-top: 0px;
	margin-bottom: 00px;
	border: none;
}

.nav.navbar-nav {
	padding-top: 05px;
	padding-right: 05px;
	padding-bottom: 0px;

}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #000;
}

/* Styling for navbar toggle that appears on small mobile devices */
.navbar-default .navbar-toggle {
	border-color: #000;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #eeefee;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #000;
}

.navbar img {
	padding: 0px 0;
}




/* Media fix for bootstrap navigation bar in medium screen sizes */
@media (max-width: 1050px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: none;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-collapse.collapse.in { 
    	display: block !important; 
    }
}


/* --------- Introdução do Site --------- */
.header1 {
width: auto; height: auto; background-color: none; float: left; text-align: left;}

.header2 {
width: auto, height: auto; background-color: none; margin-left: auto; margin-right: auto; text-align: right;}




#intro{
	padding:90px 0;
	padding-top: 00px;
	padding-right: 5px;
	min-height:500px;

}

.intro {
	background: #fff url(../img/splash.jpg) fixed center center no-repeat;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	text-align: center;
	color: #fff;
	padding: 190px 0;


}

.intro h1 {
	padding-bottom: 05px;
}	

.intro .btn {
	padding-left: 05px;
	padding-right: 05px;
	text-transform: uppercase;
	font-weight: normal;
	text-shadow: 2px 2px  #42aa3f;
}

.intro a.btn:hover {
	color: #fff;
}

.span5 {
	text-align:right;
	width: 100%;
	height: 100%;
	background:  url(../img/nome.png) right no-repeat;
	position: relative;
	float: right;
	padding: 0px 0px 0px 50px;	
}

.span4 {
	text-align:right;
	background:  url(../img/mini.png) left no-repeat;
	width: 100%;
	height: 250px;
	position: relative;
	float: left;
	padding: 0px 0px 0px 00px;
}

.span6 {
	text-align:right;
	width: 100%;
	height: 100%;
	background:  url(../img/projeto1.png) right no-repeat;
	position: relative;
	float: right;
	padding: 0px 0px 0px 50px;	
}

		
@media screen and (max-width: 1000px) {
	.span4 {
		position: relative;
		float: left;
		background:  none;
	}
}

@media screen and (max-width: 1000px) {
	.span5 {
		background:  url(../img/nome2.png) center no-repeat;
		position: relative;
	}
}

@media screen and (max-width: 1000px) {
	.span6 {
		background:  url(../img/projeto2.png) center no-repeat;
		position: relative;
	}
}




@media screen and (max-width: 1325px) {
	.intro {

		/* It will take the whole width in small screen sizes */
		background: url(../img/splash.jpg) center right no-repeat;

		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		padding: 100px 0px 190px 20px;

	}
}





/* --------- Laboratorio Styling --------- */

.lab {
	padding: 100px 0;
	text-align: center;
	background: #e9e9e9 url(../img/splash2.jpg)  fixed center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}
.lab .lab-features-col {
	margin-bottom: 0px;
}



/* Laboratorio Titulos e Textos 
*******************************/

.lab-title{
	padding-bottom: 0px;
	width: 60%;
	text-align: justify;
	line-height: 24px;
	margin: 0 auto;
}

.lab-title h2 {
	padding-bottom: 10px;
}


.lab-title h3 {
	padding-bottom: 20px;
}

.lab-title h4 {
	padding-top: 10px;
	padding-bottom: 5px;
}

.labs-title p {
	font-size: 20px;
	font-weight: normal;
}

.lab-title img {
	float: left;
	padding-right: 15px;
	padding-bottom: 0px;
}


/* Lab Subcategorias
***************************/

.lab-sub{
	padding-bottom: 0px;
	width: 60%;
	text-align: justify;
	line-height: 24px;
	margin: 0 auto;
	
	}
.lab-sub h2 {
	padding-bottom: 10px;
	}

.lab-sub h3 {
	padding-bottom: 20px;
	}

.lab-sub h4 {
	padding-bottom: 10px;
	}

.lab-sub h5 {
	padding-top: 30px;
	padding-bottom: 10px;
	}

.lab-sub p {
	font-size: 14px;
	text-align: justify;
	}





/* --------- Quemsomos Styling --------- */
.quemsomos {
	padding: 90px 0;
	text-align: center;
}

.quemsomos .quemsomos-features-col {
	margin-bottom: 30px;
}



/* Quemsomos Titulos e Descricao 
**********************************/

.quemsomos-title{
	padding-bottom: 10px;
	width: 60%;
	text-align: justify;
	line-height: 24px;
	margin: 0 auto;
}

.quemsomos-title-text{
	padding-bottom: 80px;
	width: 60%;
	text-align: justify;
	line-height: 24px;
	margin: 0 auto;
	height: 290px;
	overflow:auto;
	clear: none;
	padding-right: 20px;
}

.quemsomos-title h2 {
	padding-bottom: 10px;
}

.quemsomos-title h3 {
	padding-bottom: 20px;
}

.quemsomos-title h4 {
	padding-top: 10px;
	padding-bottom: 5px;
}

.quemsomoss-title p {
	font-size: 20px;
	text-align: justify;
}

.quemsomos-title img {
	float: left;
	padding-right: 15px;
	padding-bottom: 0px;
}


/* Quemsomos Subcategorias
***************************/

.quemsomos-sub{
	padding-bottom: 0px;
	width: 60%;
	text-align: justify;
	line-height: 24px;
	margin: 0 auto;
	
	}
.quemsomos-sub h2 {

	padding-bottom: 10px;
	}

.quemsomos-sub h3 {

	padding-bottom: 20px;
	}

.quemsomos-sub h5 {
	padding: 20px 0;
	}

.quemsomos-sub p {
	font-size: 14px;
	text-align: justify;
	}








/* --------- Projetos e Pesquisas --------- */

.projetos {
	background-color: #e9e9e9;
p
}

.projetos-gear-bg {
	/* Background do Logo a Esquerda */
	/* It will disappear in small screen sizes */ 
	background: #e9e9e9 url(../img/gear.png) 20% 50% no-repeat;

}

.projetos .col-lg-9 {
	/* Background dos Projetos */
	/* It will take the whole width in small screen sizes */
	background: url(../img/splash-relax.jpg)  fixed center center no-repeat;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 100px 50px;
}

.projetos h2 {
	color: #fff;
	text-transform: uppercase;
	padding-bottom: 35px;
	line-height: 50px;
}

.projetos .amp {
	color: #d5d4e4;
}

.projetos p {
	line-height: 24px;
	color: #ccc;
	padding-bottom: 30px;
}

.projetos ul li {
	background: url(../img/check-icon.png) left center no-repeat;
	color: #ccc;
	padding: 10px 0 10px 50px;
	margin-bottom: 20px;
}

.projetos ul li:last-child {
	margin-bottom: 0;
}

.projetos .btn {
	margin-top: 40px;
	background-color: #484760;
	border: 1px solid #fff;
	border-radius: 4px;
}

.projetos a.btn:hover {
	color: #fff;
	background-color: #2d2d45;
}


@media (max-width: 1200px){
	.projetos-gear-bg {
		/* Styling for the small gear icon background */
		background: #e9e9e9;
		background-image: none;
	}
}

@media (max-width: 768px){
	.projetos-gear-bg {
		/* Styling for the small gear icon background */
		background: none;
	}
}








/* --------- Artigos Styling --------- */

.artigos {
	padding: 90px 0;
	text-align: center;
	background: #fff;
}


.artigos .artigos-features-col {
	margin-bottom: 30px;
}



/* Artigos Titulo e Descricao 
********************************/
.artigos-title {
	padding-bottom: 10px;
	width: 60%;
	text-align: justify;
	line-height: 24px;
	margin: 0 auto;
}

.artigos-title h2 {
	padding-bottom: 10px;
}


.artigos-title h3 {
	padding-bottom: 15px;
	font-size: 16px;
}

.artigos-title h4 {
	padding-top: 10px;
	padding-bottom: 5px;
}

.artigos-title-text h6 {
	padding: 20px 0;
}

.artigoss-title p {
	font-size: 20px;
	text-align: justify;
}

.artigos-title img {
	float: left;
	padding-right: 15px;
	padding-bottom: 0px;
}



/* Artigos Box 
********************************/

.artigos-title-text {
	padding-bottom: 80px;
	width: 60%;
	text-align: justify;
	line-height: 24px;
	margin: 0 auto;
	height: 290px;
	overflow:auto;
	clear: none;
	padding-right: 20px;
	font-size: 14px;
}

.artigos-title-text li {
	background: none;
	color: #ccc;
	padding: 00px 20px 00px 50px;

}


.artigos-title-text p {
	background: none;
	color: #ccc;
	padding: 00px 20px 00px 50px;

}

.artigos-title-text h4 {
	padding: 10px 0;
	color: #777;
}

.artigos-title-text h6 a, a:hover {
	color: black;
}

.artigos-title-text2{
	text-align: right;
	position: relative;
	float: right;
}


/* Artigos Sub */

.artigos-sub{
	padding-bottom: 0px;
	width: 60%;
	text-align: justify;
	line-height: 24px;
	margin: 0 auto;
	
	}
.artigos-sub h2 {

	padding-bottom: 10px;
	}

.artigos-sub h3 {

	padding-bottom: 20px;
	}

.artigos-sub h5 {
	padding: 20px 0;
	}

.artigos-sub p {
	font-size: 14px;
	text-align: justify;
	}



/* Artigos Features */
.artigos-features {
	padding-top: 25px;
	}

.artigos-features img {
	padding-bottom: 25px;
	}


.artigos-features h3 {
	padding-bottom: 15px;
	}

.artigos-features p {
	width: 60%;
	text-align: center;
	line-height: 20px;
	margin: 0 auto;
font-size: 14px;
	}








/* --------- Faca Parte da Equipe --------- */
.inscricao {
	padding: 70px 0;
	background-color: #dbdbe4;
	text-align: center;
}

.inscricao h1 {
	color: #fff;
	font-size: 50px;
	text-transform: uppercase;
	padding-bottom: 25px;
}

.inscricao a.inscricao-btn {
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #d5d5e0;
	color: #fff;
	padding: 15px 30px;
	border: 3px solid #fff;
	border-radius: 4px;
}

.inscricao a.inscricao-btn:hover {
	background-color: #ceced8;
}




/* --------- Apoio --------- */
.apoio {
	padding: 90px 0;
	text-align: center;
}

.apoio .apoio-features-col {
	margin-bottom: 30px;
}


/* Apoio Titulo e Descricao 
***************************/

.apoio-title{
	padding-bottom: 20px;
	width: 60%;
	text-align: justify;
	line-height: 24px;
	margin: 0 auto;
	}

.apoio-title h2 {
	padding-bottom: 10px;
}


.apoio-title p {
	font-size: 20px;
}

/* Conteudo do Apoio */

.apoio-features {
	text-align: center;
	width: 60%;
	height: 100%;
	position: relative;
	display: inline-block;
	word-break:break-all;
}

.apoio-features img {
	padding-bottom: 25px;
}

.apoio-features h3 {
	padding-bottom: 15px;
}

.apoio-features p {
	width: 80%;
	text-align: center;
	line-height: 24px;
	margin: 0 auto;
}





/* --------- Parceiros Styling --------- */

.parceiros {
	padding: 100px 0;
	text-align: center;
	background: #e9e9e9 url(../img/splash2.jpg)  fixed center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}
.parceiros .parceiros-features-col {
	margin-bottom: 0px;
}



/* Parceiros Titulos e Textos 
*******************************/

.parceiros-title{
	padding-bottom: 0px;
	width: 60%;
	text-align: justify;
	line-height: 24px;
	margin: 0 auto;
}

.parceiros-title h2 {
	padding-bottom: 10px;
}


.parceiros-title h3 {
	padding-bottom: 20px;
}

.parceiros-title h4 {
	padding-top: 10px;
	padding-bottom: 5px;
}

.parceiros-title p {
	font-size: 20px;
	font-weight: normal;
}

.parceiros-title img {
	float: left;
	padding-right: 15px;
	padding-bottom: 0px;
}

.parceiros1 {
	width: 33%; 
	height: auto; 
	background-color: none; 
	float: left; 
	text-align: left;
}

.parceiros2 {
	width: 33%; 
	height: auto; 
	background-color: none; 
	margin-left: auto;
	margin-right: auto; 
	text-align: left;
}

.parceiros3 {
	width: 33%; 
	height: auto; 
	background-color: none;
	float: right;
	text-align: left;
}






/* --------- DEP Styling --------- */

.dep {
	padding: 100px 0;
	text-align: center;
	background: #e9e9e9 url(../img/splash2.jpg)  fixed center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}
.dep .dep-features-col {
	margin-bottom: 0px;
}



/* DEP Titulos e Textos 
*******************************/

.dep-title{
	padding-bottom: 0px;
	width: 60%;
	text-align: justify;
	line-height: 24px;
	margin: 0 auto;
}

.dep-title h2 {
	padding-bottom: 10px;
}


.dep-title h3 {
	padding-bottom: 20px;
}

.dep-title h4 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.deps-title p {
	font-size: 20px;
	font-weight: normal;
}

.dep-title img {
	float: left;
	padding-right: 15px;
	padding-bottom: 0px;
}

/* DEP Subcategorias
***************************/

.dep-sub{
	padding-bottom: 0px;
	width: 60%;
	text-align: justify;
	line-height: 24px;
	margin: 0 auto;
	
	}
.dep-sub h2 {
	padding-bottom: 10px;
	}

.dep-sub h3 {
	padding-bottom: 20px;
	}

.dep-sub h4 {
	padding-bottom: 10px;
	}

.dep-sub h5 {
	padding-top: 30px;
	padding-bottom: 10px;
	}

.dep-sub p {
	font-size: 14px;
	text-align: justify;
	}




/* --------- Pegadas Styling --------- */
.pegada {
	padding: 90px 0;
	text-align: center;

}

.pegada .pegada-features-col {
	margin-bottom: 30px;
}

.coluna1 {
	width: 33%; 
	height: auto; 
	background-color: none; 
	float: left; 
	text-align: left;
}

.coluna2 {
	width: 33%; 
	height: auto; 
	background-color: none; 
	margin-left: auto;
	margin-right: auto; 
	text-align: left;
}

.coluna3 {
	width: 33%; 
	height: auto; 
	background-color: none;
	float: right;
	text-align: left;
}



/* Pegadas Titulos e Descricao 
**********************************/

.pegada-title{
	padding-bottom: 10px;
	width: 60%;
	text-align: justify;
	line-height: 24px;
	margin: 0 auto;
}

.pegada-title-text{
	padding-bottom: 0px;
	width: 60%;
	text-align: justify;
	line-height: 24px;
	margin: 0 auto;
}

.pegada-title h2 {
	padding-bottom: 10px;
	padding-top: 20px;

}

.pegada-title h3 {
	padding-bottom: 20px;
}

.pegada-title h4 {
	padding-top: 10px;
	padding-bottom: 5px;
}

.pegadas-title p {
	font-size: 20px;
	text-align: justify;
}

.pegada-title img {
	float: left;
	padding-right: 15px;
	padding-bottom: 0px;
}




/* Pegadas Subcategorias
***************************/

.pegada-sub{
	padding-bottom: 20px;
	width: 60%;
	text-align: justify;
	line-height: 24px;
	margin: 0 auto;
	
	}
.pegada-sub h2 {

	padding-bottom: 10px;
	}

.pegada-sub h3 {
	padding-top: 20px;
	padding-bottom: 20px;
	}

.pegada-sub h5 {
	padding-top: 20px;
	padding-bottom: 5px;
	}

.pegada-sub h4 {
	padding-bottom: 10px;
	}

.pegada-sub p {
	font-size: 14px;
	text-align: justify;
	}



/* --------- Rede Styling --------- */

.rede {
	padding: 100px 0;
	text-align: center;
	background: #e9e9e9 url(../img/splash3.jpg)  fixed center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}
.rede .rede-features-col {
	margin-bottom: 0px;
}



/* Rede Titulos e Textos 
*******************************/

.rede-title{
	padding-bottom: 0px;
	width: 60%;
	text-align: justify;
	line-height: 24px;
	margin: 0 auto;
}

.rede-title h2 {
	padding-bottom: 10px;
}


.rede-title h3 {
	padding-bottom: 20px;
}

.rede-title h4 {
	padding-top: 10px;
	padding-bottom: 5px;
}

.redes-title p {
	font-size: 20px;
	font-weight: normal;
}

.rede-title img {
	float: left;
	padding-right: 15px;
	padding-bottom: 0px;
}




/* --------- Entorno Styling --------- */

.entorno {
	padding: 100px 0;
	text-align: center;
	background: #fff;
}
.entorno .entorno-features-col {
	margin-bottom: 0px;
}



/* Entorno Titulos e Textos 
*******************************/

.entorno-title{
	padding-bottom: 0px;
	width: 60%;
	text-align: justify;
	line-height: 24px;
	margin: 0 auto;
}

.entorno-title h2 {
	padding-bottom: 10px;
}


.entorno-title h3 {
	padding-bottom: 20px;
}

.entorno-title h4 {
	padding-top: 10px;
	padding-bottom: 5px;
}

.entornos-title p {
	font-size: 20px;
	font-weight: normal;
}

.entorno-title img {
	float: left;
	padding-right: 15px;
	padding-bottom: 0px;
}





/* --------- Footer Estilos --------- */

footer {
	background-color: #222;
	padding: 100px 0 50px 0;
	color: #fff;
	text-align: center;
}

footer h3 {
	padding-bottom: 25px;
}

footer a { 
	color: #a0cce0; 
}

footer a:hover { 
	color: #fff; 
}



.contact-col,
.latest-col,
.tweets-col {
	margin-bottom: 50px;
}

/* Coluna de Contato 
********************/

footer .contact-col {
text-align: left;
}


footer .contact-col img {
	float: left;
	padding-right: 10px;
}

.location-info,
.phone-info,
.email-info,
.skype-info,
.media-info {
	margin-bottom: 20px;
}

footer .contact-col p { 
	font-size: 12px;
	color: #d0cece;
}

footer .contact-col img {
	float: left;
	padding-right: 15px;
}


/* Coluna de Como Chegar 
************************/

footer .latest-col {
text-align: left;
}


footer .latest-col li {
	margin-bottom: 15px;
}

footer .latest-col img {
	float: left;
	padding-right: 12px;
}

footer .latest-col a {
	color: #fff;
}

footer .latest-col a:hover {
	color: #7cc576;
	text-decoration: underline;
}

/* Coluna de Tweets 

*******************/
footer .tweets-col {
text-align: left;
}


footer .tweets-col li {
	margin-bottom: 15px;
}

footer .tweets-col li a {
	color: #fff;
	line-height: 24px;
}

footer .tweets-col li .hashtag {
	font-weight: bold;
}


/* --------- TopoCircle e Copyright --------- */
.copy {
	padding: 10px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	background: #e9e9e9 url(../img/splash4.jpg)  fixed center center no-repeat;
}



.copy-code {
	width: 20%; 
	float: right; 
	text-align: left;
	padding: 0px 0px;


}
.copy-code2 {
	width: 70%; 
	float: left; 
	text-align: left;


}


.copy-code p {

	text-align: right;
	font-size: 8px;

}

.circle-div
{
	width: 10%; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: left;
}


.circle
{
 	height: 70px;
	width: 70px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	background: black;
	color: #fff;

	/* CSS3 Transition */
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;	
}

.circle:hover
{
	height: 70px;
	width: 70px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	background: #4c5b67;
	color: #fff;

	/* CSS3 Transition */
	-o-transition:.5s;
 	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;  
}