@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/raleway/raleway-regular-webfont.eot');
    src: url('fonts/raleway/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway/raleway-regular-webfont.woff2') format('woff2'),
         url('fonts/raleway/raleway-regular-webfont.woff') format('woff'),
         url('fonts/raleway/raleway-regular-webfont.ttf') format('truetype'),
         url('fonts/raleway/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaysemibold';
    src: url('fonts/raleway/raleway-semibold-webfont.eot');
    src: url('fonts/raleway/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway/raleway-semibold-webfont.woff2') format('woff2'),
         url('fonts/raleway/raleway-semibold-webfont.woff') format('woff'),
         url('fonts/raleway/raleway-semibold-webfont.ttf') format('truetype'),
         url('fonts/raleway/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: "responsivenav";
  src:url("fonts/responsiveNav/responsivenav.eot");
  src:url("fonts/responsiveNav/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("fonts/responsiveNav/responsivenav.ttf") format("truetype"),
    url("fonts/responsiveNav/responsivenav.woff") format("woff"),
    url("fonts/responsiveNav/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}



* {
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
}

*:focus {
    outline: none;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 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, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	vertical-align: baseline; }
ul, ol {list-style:none}

section, article, aside, header, footer, nav, dialog, figure {	display:block;}


body,
h1, h2, h3 
{
	margin:0px; 
	padding:0px; 
}



body, html
{
    height: 100%;
}

body 
{ 
	padding:20px; 
} 


html
{
	font-size: 62.5%!important;
}

body,
.h1 span,
.h2 span,
.h4 span
{
	font-family: 'ralewayregular';
}

.h1,
.h2,
.highlight,
.areaSerMain h3,
.h4
{
	font-family: 'ralewaysemibold';
}

footer .developed
{
	font-family:arial;
}

footer .developed a
{
	font-weight:bold;
}



footer,
.language li a
{
	font-size:11px;
}


.hovereffect .moreInfo
{
	font-size:12px;
}

.aligJust .projAlgn p
{
	font-size:14px;
}


.h3
{
	font-size:15px;
}

body
{
	font-size:16px;
}

.highlight
{
	font-size:18px;
}

.mapInfo
{
	font-size:20px;
}

.h2
{
	font-size:22px;
}

#menu li a
{
	font-size:30px;
}

.h1
{
	font-size:40px;
}

p
{
	line-height:23px;
}

footer,
footer .developed a:hover,
.language li a,
.relatBt a,
.relatBt a:hover
{
	color:#fff;
}

body,
.h3,
.language li a:hover,
a:hover,
.relatBt a
{
	color:#242424;
}

a
{
	color:#666;   
}


.hovereffect .moreInfo
{
	color:#daa520; /* GOLD */
}

.language .active a 
{
	color:#daa520!important; /* GOLD */
}


.highlight
{
	color:#544716;   
}

footer .developed
{
	color:#c3c3c3;
}

footer .developed a
{
	color:#575757;
}


.language .active a
{
	background:#fff!important;
}

.serTut li,
.areaSerMain > div,
.language li a:hover,
.relatBt a
{
	background:#ebebeb;   /* cinzento */
}

footer
{
	background:#242424;   
}


.relatBt a:hover
{
	background:#daa520;
}


.highlight,
.h3,
.moreInfo,
.mainInfo h1,
.mainInfoSub h1,
.relatBt .h2,
.projAlgn .h4
{
	text-align:center;
}

footer .developed
{
	text-align:right;
}

.aligJust p
{
	text-align:justify;
}

.aligJust .projAlgn p
{
	text-align:left;
}



.h1,
.h2,
.h3,
.h4
{
	text-transform:uppercase;
}


a
{
	text-decoration:underline;
}

.language li a,
footer .developed a,
footer .developed a:hover,
a:hover,
.relatBt a
{
	text-decoration:none;
}


.h1 span,
footer .developed
{
	display:block;
}

.menu 
{ 
	 position:absolute; 
}


.language li a,
.language li a:hover,
footer .developed a,
footer .developed a:hover,
.relatBt a,
.relatBt a:hover
{
	transition: 0.5s ease; 
	-webkit-transition: 0.5s ease;
}





.onlyPaddingLeft {
  padding-right: 0!important;
}
.onlyPaddingRight {
  padding-left: 0!important;
}
.noPadding {
  padding: 0!important;
  margin-left: 0!important;
  margin-right: 0!important;
}
.noPaddingLeft {
  padding: 0 0 0 0!important;
  margin-left: 0!important;
  margin-right: 0!important;
}



/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}





.full-height {
	height: 100%;
}



.language {position:absolute; z-index:99; right:65px;}


.language li a
{
	padding: 8px;
}
 
.language li
{
	display:inline-block;
	margin:3px 0 0 5px;	
}

.mainInfo {
    margin-top: 40px;
    margin-bottom: 60px;
}

.mainInfoSub 
{
	margin-top: 40px;
    margin-bottom: 0px;
}

.mainInfo h1,
.mainInfoSub h1 
{
	padding-bottom:30px;
}


.mainInfo .col-sm-4,
.mainInfoSub .col-sm-4
{
	margin-bottom:40px;
}


.h4 { padding-top:40px; padding-bottom:10px; }
.h4:first-child { padding-top:0px;  padding-bottom:10px; }

.bannerInfo { background:#ebebeb; padding-top:35px; padding-bottom:35px; overflow:hidden }


.bannerInfo h3 { margin-bottom:30px; }
.bannerInfo span p { margin-top:20px;  }



.relat
{
	position:relative; margin-top:20px;
}

.relat .year 
{
	 position:absolute; top:0; left:0; font-size:32px; color:#FFFFFF; padding:20px;
}

.relat .pdf
{
	 position:absolute; bottom:5px; left:0; font-size:14px; color:#FFFFFF; padding:20px;
}

.relat span
{
	 padding-top:10px; display:block;
}


.relat {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	filter: none;
	-moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.relat:hover {
	filter: grayscale(90%);
	-webkit-filter: grayscale(90%);
	/* For Webkit browsers */
	filter: gray;
	/* For IE 6 - 9 */
	
	
	-moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
	/* Transition for Webkit browsers */
}




.projHighlight
{
	margin-top:50px;
}



footer
{
	padding:15px 0 15px 0;
	margin-bottom:50px;
}


/* OUTRO EFEITO BOTÕES */

.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
cursor:pointer;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
/* background-color:rgba(0,0,0,0.5); */
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

/*
.hovereffect .moreInfo {
	position:relative;
	filter:alpha(opacity=100);
	-ms-transform:translatex(0);
	-webkit-transform:translatex(0);
	transform:translatex(0);
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.hovereffect:hover .moreInfo
{
	-webkit-transform:translatex(20px);
	-ms-transform:translatex(20px);
	transform:translatex(20px);
	opacity:1;
}
*/




/* http://miketricking.github.io/dist/    */

/* FIM OUTRO EFEITO BOTÕES */


#all a { 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

#all:hover  a 
{
	opacity: 0.2;
}

#all:hover li:hover a:hover 
{
	opacity: 1;
}



.serTut li
{
	 margin-top:30px
}

.areaSerMain
{
	clear:both; 
	height:70px;
}

.areaSerMain > div
{
	position:absolute; right:0; left:0; height:70px; display:block; 
	padding:15px 10px 0px 10px; 
}

.areaSerMain h3 
{ margin-bottom:5px;}

.mainInfo .col-sm-4 .h4 { padding-top:25px; }
.mainInfoSub .col-sm-4 .h4 { padding-top:25px; }


footer .developed a {
	border-left:2px solid #499315;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}


.relatBt a
{
	border-radius: 10px;
    border: 1px solid #B5B8C8;
	padding-top:10px;
	padding-bottom:10px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background: #fafafa;
    width: 100%;
	display:block;
	max-width:200px;
	margin:0 auto;
}

.menu {
    right: 60px;
    width: 60px;
    z-index: 9999;
    top: 80px;
	z-index:99;
 }
 
 
 .topBar { position:fixed; top:0; left:0; right:0; background:#fff; height:20px; z-index:99}
 .bottomBar {position:fixed; bottom:0; left:0; right:0; background:#fff; padding:15px 0; z-index:99 }



/* FORM */


.formNm { margin-top:5px; }

.btn-primary { width:100%; outline:none; border:0; padding:10px 0; }

.controls button { float:right }

.has-success .form-control 
{
	border-color: #3c763d;
}

.formNm .error { display:none!important}


.formNm .has-success input { border:1px solid #3c763d}

.has-error .form-control {
	border-color: #f00;
	box-shadow:none;
}

.has-error .form-control:focus {
	outline:none;
	box-shadow:none;
}


.formNm .form-control { height:auto; line-height:none;}

.input-group input {
	color: #333;
	padding: 10px 20px;
	border: 1px solid #B5B8C8;
	background: #eaeaeb;
	width: 100%;
	margin: 0 0 20px 0;
	border-radius:0;
 }
 
 
.form-control { 
	border-radius:0;
	line-height:normal;
}



.formNm textarea {
  height: 120px;
  color: #333;
  padding: 10px 20px;
  border: 1px solid #B5B8C8;
  margin-bottom: 20px;
  background: #eaeaeb;
  width: 100%;
}

.formNm .submit {
    border-radius: 10px;
    border: 1px solid #B5B8C8;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background: #fafafa;
    width: 100%;
}

/* FIM FORM */


#map {
	clear:both; 
    height: 550px;
}


*[id]:before { 
  display: block; 
  content: " "; 
  margin-top: -30px; 
  height: 30px; 
  visibility: hidden; 
	
}


.logo { position:absolute; z-index:99; padding:50px;}



@media screen and  (max-width: 420px) {
	footer {
		padding: 15px 0 15px 0;
		margin-bottom: 90px!important;
	}
}

@media screen and  (max-width: 350px) {
	footer {
		padding: 15px 0 15px 0;
		margin-bottom: 100px!important;
	}
}


@media screen and  (max-width: 768px) {
	
	.logo { position:absolute; z-index:99; padding:50px 0 0 15px;}
	.menu {
		right: 25px;
		width: 60px;
		z-index: 9999;
		top: 80px;
		z-index: 99;
	}
	
	.language {
		position: absolute;
		z-index: 99;
		right: 25px;
	}

	
	.projHighlight
	{
		margin-top:10px;
	}
	
	.margTopPar .h2
	{
		margin-top:40px!important;
		margin-bottom:20px;
		display: inline-block;
	}
	
	.projFig img
	{
		  max-width: 80%; margin:0 auto;	
	}
	.aligJust .projAlgn p {
		text-align: center;
	}
	
	footer {
		padding: 15px 0 15px 0;
		margin-bottom: 70px;
	}
	
	footer .developed {
		margin-top:7px;
		text-align: left;
	}
		
}

@media screen and (max-width: 992px) {
	.projHighlight
	{
		margin-top:10px;
	}
	
	
}

@media screen and (max-width: 1200px) {
	.projHighlight
	{
		margin-top:20px;
	}
}