@import url("bootstrap.min.css");

body {
	background-color: rgba(209, 209, 209,1.0);
	margin-top: 101px;
}

h1{
	color: rgba(155, 155, 155,1.0);
	margin-top: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
}


/*  --------------------  NAV BAR --------------------- */

.container-fluid{
	background-size: 100%;
	padding: 0px 0px 0px 0px;
}

/*  ---------------  ALTERAÇÕES BOOTSTRAP --------------- */

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: rgb(255,255,255);
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
    cursor: default;
    background-color: #497a6e;
    border: 2px solid #497a6e;
    border-bottom-color: transparent;
}

.nav-tabs>li>a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 2px solid transparent;
    border-radius: 4px 4px 0 0;
}

a {
    color: #497a6e;
    text-decoration: none;
}

.nav-tabs {
    border-bottom: 2px solid #497a6e;
}

.navbar, .navbar-min{
	background-image: url(../imagens/nav-bar/menu_fixo.jpg);
	background-color: transparent;
	border-color: transparent;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: #74A59A;	
}

.navbar-brand{
	margin-top: -3px;
	margin-right: 25px;
	margin-bottom: 50px;
	margin-left: 10px;
}

.home-btn, .logos-btn, .tresd-btn, .ilustracoes-btn, .imp-btn, .web-btn, .equipe-btn{
	margin-left: 1px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 0px;
	border-radius: 5px;	
}

.home-btn:hover, .logos-btn:hover, .tresd-btn:hover, .ilustracoes-btn:hover, .imp-btn:hover, .web-btn:hover, .equipe-btn:hover{
	/*background-image: url(../imagens/nav-bar/home_b.png) no-repeat center center;*/
	background-image: url(../imagens/nav-bar/transp.png);	
}

.nav navbar-nav .a{
	padding: 60px;
}

.artigo1{
	background-color: rgba(236, 240, 241,1.0);
}

.color1{
	background-color: rgba(241, 196, 15,1.0);
}

.color2{
	background-color: rgba(52, 152, 219,1.0);
}


/*  ---------------------- POSTS ---------------------- */

.main {
	margin-top: 20px;
	margin-bottom: 20px;
	align-self: center;
}

.post {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #9999;
}



/*  --------------------- PADRÃO DOS JUMBOTRONS -------------------- */

.jumbotron-logos, .jumbotron-equipe, .jumbotron-tresd, .jumbotron-impressos, .jumbotron-ilustra, .jumbotron-web{
	margin-top: 5%;
	padding-top: 0px;
	border-top: rgba(199, 199, 199,1.0) solid 3px;
	/* background-image: url(../imagens/malha_jumbotron.jpg); */
}

.jumbotron-logos{
	/* background-image: url(../imagens/tarja_horizontal.jpg); */
	background-image: url(../imagens/texturas/chapa_vertical.jpg);
}

.jumbotron-tresd{
	/* background-image: url(../imagens/favo_celula.jpg); */
	background-image: url(../imagens/texturas/muro.jpg);
}

.jumbotron-impressos{
	background-image: url(../imagens/texturas/quadrados.jpg);

}

.jumbotron-ilustra{
	background-image: url(../imagens/texturas/chapa_bronze.jpg);

}

.jumbotron-web{
	background-image: url(../imagens/texturas/painel_zinco.jpg);

}

.jumbotron-equipe{
	background-image: url(../imagens/tarja_vertical.jpg);

}

.logos-titulo, .equipe-titulo, .tres-d-titulo, .impressos-titulo, .ilustra-titulo, .web-titulo{
	color: rgba(73,122,110,1.0);
	margin-top: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
}


/*  -------------------- CONTATO ----------------------  */

.jumbotron-contato, .jumbotron-redirect{
	margin-top: 5%;
	padding-top: 15px;
	border-top: rgba(199, 199, 199,1.0) solid 3px;
	background-image: url(../imagens/contato/contato.jpg);
	width:100%;
	
}

.jumbotron-redirect h2{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 26px;

}

.jumbotron-contato h3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;

}

.jumbotron-contato a{
	display: block;
	align-self: center;
	
}

.logo-contato {
	margin-top: 50%;
	/* margin-left: 25%; */
	width:100%;
}

.post-texto {
	padding: 0px 0px 0px 0px;
	margin-top: 5%;
	color: rgba(255, 255, 255,1.0);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.post .contenedor-botones {
	width: 100%;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}



/*  --------------------  GALERIA DE IMAGENS  ------------------- */

.galeria, .galeria-web {
	width: 100%;
	margin: auto;
	list-style: none;
	padding: 0px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.galeria li {
	margin: 12px;
}

.galeria-web li {
	margin: 20px;
}

.galeria img {
	width: 180px;
	height: 180px;
	/* border: 3px solid rgba(147,193,176,1.0); */
	border-top: 3px solid rgba(185,185,185,1.0);
	border-bottom: 3px solid rgba(185,185,185,1.0);
	/* border-radius: 0px 0px 0px 20px; */
	/* padding: 3px 0px 3px 0px; */
	/* border-radius: 5px 5px 5px 5px; */
}

.galeria-web img {
	width: 200px;
	height: 200px;
	/* border: 3px solid rgba(147,193,176,1.0); */
	border-top: 3px solid rgba(155,155,155,1.0);
	border-bottom: 3px solid rgba(155,155,155,1.0);
	/* border-radius: 0px 0px 0px 20px; */
	/* padding: 3px 0px 3px 0px; */
	/* border-radius: 5px 5px 5px 5px; */
}

.galeria img:hover {
	transform: scale(1.06);
	transition: all .3s;
	border-top: 7px solid rgba(30,150,130,1.0);
	border-bottom: 7px solid rgba(30,150,130,1.0);
	border-radius: 0px 0px 0px 0px;
	background: url(../imagens/nav-bar/loopa.png) no-repeat center center;
}

.galeria-web img:hover {
	transform: scale(1.06);
	transition: all .3s;
	border-radius: 0px 0px 0px 0px;
	background: url(../imagens/nav-bar/loopa.png) no-repeat center center;
}

/*  --------------------  NOSSA EQUIPE -------------------- */

.quadro-equipe {
	width: 100%;
	margin: auto;
	list-style: none;
	padding: 0px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.quadro-equipe li {
	margin: 20px;
	text-align: center;
	border-bottom: 3px solid rgba(205,205,205,1.0);
}

.quadro-equipe h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: rgba(30,150,130,1.0);
}

.quadro-equipe img {
	width: 200px;
	height: 200px;
	border-top: 3px solid rgba(205,205,205,1.0);
	border-bottom: 3px solid rgba(205,205,205,1.0);
	cursor: pointer;
}

.quadro-equipe img:hover {
	transform: scale(1.4);
	transition: all .4s;
	border-top: 7px solid rgba(30,150,130,1.0);
	border-bottom: 7px solid rgba(30,150,130,1.0);
	background: url(../imagens/nav-bar/loopa.png) no-repeat;
}



/*  --------------------  ANCORAGEM -------------------- */

#ancora_home {
	position: absolute;
	margin-top: -105px;
}

#ancora_logos {
	position: absolute;
	margin-top: -140px;
}

#ancora_tresd {
	position: absolute;
	margin-top: -140px;
}

#ancora_impressos {
	position: absolute;
	margin-top: -140px;
}

#ancora_ilustra {
	position: absolute;
	margin-top: -140px;
}

#ancora_web {
	position: absolute;
	margin-top: -140px;
}

#ancora_equipe {
	position: absolute;
	margin-top: -140px;
}

#ancora_contato {
	position: absolute;
	margin-top: -40px;
}


@media (min-width:480px) {
	.galeriacolorbox {
		width: 48%;		
	}
}

@media (min-width:768px) {
	.galeriacolorbox {
		width: 33%;
	}
}

@media (min-width:1024px) {
	.galeriacolorbox {
		width: 20%;
	}
}


/* BACK TO TOP */

.back-to-top{
	width: 41px;
	height: 41px;
	display: block;
	background: url(../imagens/nav-bar/back-to-top.png) no-repeat;
	position: fixed;
	bottom: 40px;
	right: 20px;
}

.back-to-top:hover{
	cursor: pointer;
	background-position: 0 -41px;
}