@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i');


/* -----------------------------------------------
--------------------------------------------------
--------------------------------------------------
Override Bootstrap 
-------------------------------------------------- 
--------------------------------------------------
--------------------------------------------------*/
body {
  font-family: Roboto, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  color: #333333;
  background-color: #fff;
  font-weight: 300; }

/*.navbar {
	margin-left: -10px;
	margin-right: -10px;
}*/
footer {
  padding-bottom: 100px !important;
  padding-left: 10px;
  padding-right: 10px; }

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.65); }

.navbar-dark .navbar-nav .nav-link :focus,
.navbar-dark .navbar-nav .nav-link :hover {
  color: rgba(255, 255, 255, 0.9); }

.navbar-brand {
  font-size: 1rem; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.btn-primary {
  font-weight: 300;
  line-height: 1.3; }

.btn-sm, .btn-group-sm > .btn,
.btn-group-sm > .btn,
.btn-md,
.btn-group-md > .btn,
.btn-lg,
.btn-group-lg > .btn,
.btn-group-lg > .btn {
  border-radius: 0rem; }

.btn-primary {
  background-color: #646E77;
  border-color: #FFFFFF; }

.form-control {
  border-radius: 0; }

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  margin-bottom: 0rem; }

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  bottom: 3rem; }

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 24rem;
  background-color: #777; }

.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 24rem; }

/*luis
------------------------------------------------*/
@media (max-width: 575px) {
  .carousel-caption h1 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.1; }

  .carousel-caption {
    padding-top: 60px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px; }

  .carousel-item {
    height: 20rem; }

  .carousel-item > img {
    height: 20rem; } }
@media (min-width: 576px) {
  .carousel-item h1 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.1; }

  .carousel-item p {
    font-size: 1.5rem; } }
/* altera o padding e margin "col" e "row" e "container" 
o selector geral [ ] dispensa !important
-------------------------------------------------- */
div[class^="col"] {
  padding-right: 10px;
  padding-left: 10px; }

div[class^="row"] {
  margin-right: -10px;
  margin-left: -10px; }

div[class^="container"] {
  padding-right: 10px;
  padding-left: 10px; }

/* -----------------------------------------------
--------------------------------------------------
--------------------------------------------------
FIM Override Bootstrap 
-------------------------------------------------- 
--------------------------------------------------
--------------------------------------------------*/



/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 220px; /* Margin bottom by footer height */
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 220px; /* Set the fixed height of the footer here */
}



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













/* Estilos apenas para trabalhar offline
-------------------------------------------------- */

/* ---- All elements that have a class attribute value CONTAINING "col" ----*/
[class*="col"] {
	/* [disabled]background-color: rgba(144,177,0,0.20); */
	/* [disabled]border: 1px solid rgba(193,193,0,0.62); */
}

/* ---- All <DIV> elements that have a class attribute value CONTAINING "col" 
mais específico do que o anterior, vale mais ---- */
div[class*="col"] {
	/* [disabled]background-color: rgba(255,0,0,0.20); */
	/* [disabled]border-color: rgba(255,72,72,0.62); */
	/* [disabled]border-style: solid; */
	/* [disabled]border-width: 1px; */
}

/* ---- All <DIV> elements that have a class attribute value that BEGINS with "col" ----*/
div[class^="col"] {
	/* [disabled]background-color: rgba(36,53,119,0.20); */
	/* [disabled]border-color: rgba(59,197,255,0.62); */
	/* [disabled]border-style: solid; */
	/* [disabled]border-width: 1px; */
}

/* ---- All <DIV> elements that have a class attribute value that ENDS with "xpto" ----*/
div[class$="xpto"] {
	/* [disabled]background-color: rgba(213,192,0,0.20); */
	/* [disabled]border-color: rgba(255,234,128,0.62); */
	/* [disabled]border-style: solid; */
	/* [disabled]border-width: 1px; */
}

/* -- Todos os elementos class="col-" dentro de elemento class="gutters-5"  ---- */
.gutters-5 > [class*="col"] {
	/* [disabled]padding-right: 5px; */
	/* [disabled]padding-left: 5px; */
}



/* FIM
-------------------------------------------------- */





.master  {
	padding-right: 10px;
	padding-left: 10px;
  }	

.bg-design {
	background-image: url(../files/pattern-6.gif);
	background-repeat: repeat;
	background-position: left top;
}
.bg-black {	background-color: #000000;}
.bg-grey {	background-color: #F4F4F4;	}
.bg-white {	background-color: #FFF;}
.bg-red {	background-color: #FF0004;}
.bg-blue {	background-color: #56A4F7;}

.bg_pattern-escuro {
	BACKGROUND-COLOR: #191919;
	background-image: url(pattern-5.gif);
	background-repeat: repeat;
	background-attachment: fixed;
}

.aspas {	font-family: Arial;}

.aspas-esq-margin-neg {
	margin-left: -10px;
	font-family: Arial;
}


hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
}


.img-fluid-up {
  width: 100%;
  height: auto;
}

.gallery-box {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.gallery-box p {
	margin-bottom: 0.5rem;	
}

.gallery-box img {
	border: 1px solid #EBEBEB;
	margin-bottom: 10px;
}

.gallery-box img:hover {
	color: #CCC;
	border: 1px solid #F60;
}


.foto-grande  {
	border: 1px solid #EBEBEB;
	width: 100%;
	height: auto;
	padding-bottom: 0px;
}



.border-imglink img {
	border: 1px solid #EBEBEB;
}

.border-imglink img:hover {
	border: 1px solid #007CFF;
}


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

a.goLeftButton:link, a.goLeftButton:visited    {
	color: rgb(102,102,102);
	display: block;
	text-decoration: none;
	border: 1px solid #CCC;
	font-size: 15px;
	padding-left: 26px;
	background-image: url(ArrowLeft-orange.png);
	background-repeat: no-repeat;
	background-position: left 50%;
}
a.goLeftButton:hover {
	background-color: #333333;
	background-image: url(ArrowLeft-orange.png);
	background-repeat: no-repeat;
	background-position: left 50%;
	color: #FFF;
	text-decoration: none;
}
a.goLeftButton span {
	display: block;
	line-height: 14px;
	padding: 12px;
}
a.goLeftButton span:hover {	/*	color: rgb(255, 102, 9);*/

}



/* estilos de texto
-----------------------------------------------  */


.text-color-white {
	color:#FFFFFF	
}

.text-color-lightgrey {
	color: #7F7F7F
}

.text-color-grey {
	color: #666666
}

.text-color-black {
	color: #000000
}
a.projects-navigation  {
	font-size: 17px;
	font-weight: 300;
	color: #000;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F60;
	text-decoration: none;
}


a.mais {
	color: #FF6E00 !important;
}
 
.master.favoritos {
	background-color: #FFF9AE;
}
 
.favoritos p  {
	font-size: 1.1rem;
	border-bottom: 1px solid #666;
	margin: 0px;
	font-weight: normal;
	
}

.favoritos p a:link, 
.favoritos p a:visited {
	text-decoration: none;
	display: block;
	color: #FF5700;
	padding-bottom: 5px;
	padding-top: 5px;
}

 .favoritos p a:hover,  .favoritos p a:focus {
	text-decoration: underline;
}
 .favoritos a img:hover, .favoritos a img:focus {
	-webkit-filter: brightness(60%); 
    filter: brightness(60%);
	transition: all 0.35s ease-in-out;
}


.opacity50 {
	-webkit-filter: opacity(50%);
    filter: opacity(50%);
}
.opacity50:hover, .opacity50:focus  {
	-webkit-filter: opacity(100%);
    filter: opacity(100%);
}

 .brightness60 {
	-webkit-filter: brightness(60%); 
    filter: brightness(60%);
}

.transition-all {
  transition: all 0.35s ease-in-out;
}


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


.emailform p {	margin-bottom: 0px;}

.emailform .button {
	width: 140px;
	font-size: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.emailform .hand {	cursor: pointer;}






@media (min-width: 576px) {

	
.master  {
	margin-left: auto;
	margin-right: auto;
	padding-right: 10px;
	padding-left: 10px;
	max-width: 1160px;
  }	

}

@media (min-width: 768px) {

.aspas-esq-margin-neg {	margin-left: -10px;}}

@media (min-width: 992px) {

a.projects-navigation  {	font-size: 24px;}
		
}