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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color:#141414;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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


::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
	background-color:#666666;
}

::-webkit-scrollbar-thumb {
	background-color:#CCCCCC;
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
}


body{
overflow-y: scroll;
overflow-x: hidden;
}

/*----*/

#header {
width:961px;
height:75px;
margin:auto;
}

#header .logo {
padding-top:20px;
float:left;
}


#header li {
text-decoration:none;
float:right;
padding:10px;
padding-top:20px;
}

#header a{
text-decoration:none;
font-family: 'Open Sans', sans-serif; font-weight: 400;
font-size:12px;
color:#717171;
}

#header ul#bts3 .bt0{
color:#FFFFFF;
transition: opacity 0.2s linear;
float:left;
padding-bottom:-10px;
}

#header ul#bts3 .bt0:hover {
opacity: 0.5;
}

#header ul#bts3 .bt1{
margin-top:10px;
}


#header ul#bts3 .bt1 a { 
   color:#FFFFFF; 
   -webkit-transition: color 0.2s ease-in;
   -moz-transition: color 0.2s ease-in;
   -o-transition: color 0.2s ease-in;
   -ms-transition: color 0.2s ease-in;
   transition: color 0.2s ease-in;
   padding-top:10px;
} 

#header ul#bts3 .bt1 a:hover {
   color: #FFFFFF;
}

#header ul#bts3 .bt3{
margin-top:10px;
}

#header ul#bts3 .bt3 a { 
   color:#999999; 
   -webkit-transition: color 0.2s ease-in;
   -moz-transition: color 0.2s ease-in;
   -o-transition: color 0.2s ease-in;
   -ms-transition: color 0.2s ease-in;
   transition: color 0.2s ease-in;  
} 

#header ul#bts3 .bt3 a:hover {
   color: #FFFFFF;
}


#header ul#bts3 .bt4{
margin-top:10px;
}


#header ul#bts3 .bt4 a { 
   color:#999999; 
   -webkit-transition: color 0.2s ease-in;
   -moz-transition: color 0.2s ease-in;
   -o-transition: color 0.2s ease-in;
   -ms-transition: color 0.2s ease-in;
   transition: color 0.2s ease-in;
   margin-top:10px;
} 

#header ul#bts3 .bt4 a:hover {
   color: #FFFFFF;
}

#header ul#bts3 .bt5{
margin-top:10px;

}


#header ul#bts3 .bt5 a { 
   color:#FFFFFF; 
   -webkit-transition: color 0.2s ease-in;
   -moz-transition: color 0.2s ease-in;
   -o-transition: color 0.2s ease-in;
   -ms-transition: color 0.2s ease-in;
   transition: color 0.2s ease-in;
   margin-top:10px;
   font-size:10px;
} 

#header ul#bts3 a:hover {
   color: #FFFFFF;
}

#header ul#bts3 .bt6{
margin-top:10px;
}


#header ul#bts3 .bt6 a { 
   color: #999999; 
   -webkit-transition: color 0.2s ease-in;
   -moz-transition: color 0.2s ease-in;
   -o-transition: color 0.2s ease-in;
   -ms-transition: color 0.2s ease-in;
   transition: color 0.2s ease-in;
   margin-top:10px;
   font-size:10px;
} 

#header ul#bts3 a:hover {
   color: #FFFFFF;
}


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



#portfolio-menu {
background-color:#333333;
height: 120px;
box-shadow: 2px 2px 5px #000000;
}

#conteudo-menu {
width:961px;
margin:auto;
padding-top:21px;
}

#bts li{
float:right;
}

#titulo{
display:inline-block;
float:left;

}

#titulo h1{
font-size:46px;
font-family: "Lato";
font-weight: 100;
font-style: normal;
text-align:justify;
color:#FFFFFF;
}

#titulo p{
font-size:14px;
font-family: 'Open Sans', sans-serif; font-weight: 400;
text-align:justify;
color:#999999;
padding-top:10px;
}

#bts li{
padding:5px;
}

#portfolio-menu .bt1 a { 
transition: opacity 0.2s linear;
} 

#portfolio-menu .bt1 a:hover {
opacity: 0.5;
}

#portfolio-menu .bt2 a { 
transition: opacity 0.2s linear;
} 

#portfolio-menu .bt2 a:hover {
opacity: 0.5;
}

#portfolio-menu .bt3 a { 
transition: opacity 0.2s linear;
} 

#portfolio-menu .bt3 a:hover {
opacity: 0.5;
}


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

.FlexEmbed {
display: block;
overflow: hidden;
position: relative;
}

.FlexEmbed:before {
content: "";
display: block;
width: 100%;
}

.FlexEmbed--2by1:before {
padding-bottom: 50%;
}

.CoverImage {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
margin: 0 auto 1em;
max-height: 1000px;
max-width: 2600px;
}


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

#esquico{
margin:auto;
width:527px;
height:340px;
padding-top:50px;
padding-bottom:50px;
}

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


#memoria-projecto {
background-color:#333333;
height: 380px;
box-shadow: 2px 2px 5px #000000;
margin:auto;
}

#memoria-texto{
width:660px;
padding-top:65px;
text-align:center;
margin:auto;
}

#titulo-memoria h1{
font-size:46px;
font-family: "Lato";
font-weight: 100;
font-style: normal;
color:#FFFFFF;
padding-bottom:30px;

}

#titulo-memoria p{
font-size:16px;
font-family: 'Open Sans', sans-serif; font-weight: 300;
color:#999999;
padding-top:20px;
line-height:20px;
}


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


#iframe{
margin:auto;
width:962px;
height:541px;
}

#iframe h1{
font-size:46px;
font-family: "Lato";
font-weight: 100;
font-style: normal;
color:#FFFFFF;
text-align:center;
padding-bottom:50px;
padding-top:150px;
}


#plantas-bts a{
text-decoration:none;
font-family: 'Open Sans', sans-serif; font-weight: 400;
font-size:18px;
color:#CCCCCC;
}


#plantas-bts{
width:500px;
height:35px;
margin:auto;
padding-top:280px;
text-align:center;
}

#plantas-bts ul{
list-style:none;
position:relative;
width: 70%;
margin: auto;
}

#plantas-bts li{
margin:auto;
float:left;
position:relative;
padding:10px;
}


#plantas-bts a{
   color: #999999; 
   -webkit-transition: color 0.2s ease-in;
   -moz-transition: color 0.2s ease-in;
   -o-transition: color 0.2s ease-in;
   -ms-transition: color 0.2s ease-in;
   transition: color 0.2s ease-in;
}


#plantas-bts a:hover {
   color: #FFFFFF;
}

#plantas-bts a.active {
   color: #FFFFFF;
}

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

#video{
margin:auto;
width:962px;
height:541px;
margin-bottom:200px;
}


#video h1{
font-size:46px;
font-family: "Lato";
font-weight: 100;
font-style: normal;
color:#FFFFFF;
text-align:center;
padding-bottom:60px;
padding-top:100px;
}

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



#galeria{
overflow:visible;
}



#slider1_container{
margin:auto;
box-shadow: 2px 2px 5px #000000;
}

#galeria-titulo h1{
font-size:46px;
font-family: "Lato";
font-weight: 100;
font-style: normal;
color:#FFFFFF;
text-align:center;
padding-bottom:60px;
padding-top:160px;
}


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



#detalhes{
background-color:#333333;
height: 660px;
box-shadow: 2px 2px 5px #000000;
margin:auto;
margin-top:150px;
}

#detalhes h1{
width:660px;
padding-top:70px;
text-align:center;
margin:auto;
font-family: 'Open Sans', sans-serif; font-weight: 400;
font-size:20px;
color:#FFFFFF;
}

#detalhes ul{
width:660px;
padding-top:45px;
text-align:center;
margin:auto;
line-height:20px;
}


#detalhes .titulo{
text-align:center;
font-family: 'Open Sans', sans-serif; font-weight: 300;
font-size:16px;
color:#FFFFFF;
padding-top:15px;
}

#detalhes .nome{
text-align:center;
font-family: 'Open Sans', sans-serif; font-weight: 300;
font-size:16px;
color:#999999;
}




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


#links{
height: 215px;
margin:auto;

}


#bts2{
margin:auto;
width:305px;
padding-top:100px;
}

#bts2 li{
display:inline-block;
padding:3px;
margin:auto;
}


#bts2 .bt1 a { 
transition: opacity 0.2s linear;
} 

#bts2 .bt1 a:hover {
opacity: 0.5;
}

#bts2 .bt2 a { 
transition: opacity 0.2s linear;
} 

#bts2 .bt2 a:hover {
opacity: 0.5;
}

#bts2 .bt3 a { 
transition: opacity 0.2s linear;
} 

#bts2 .bt3 a:hover {
opacity: 0.5;
}


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



#link p{
font-size:18px;
font-family: 'Open Sans', sans-serif; font-weight: 300;
text-align:center;
padding-bottom:30px;
padding-top:60px;
color:#CCCCCC;
}


#link {
height: 220px;
background-color:#333333;
vertical-align:middle;
text-align: center;
margin-top:74px;
box-shadow: 2px 2px 5px #000000;
}

#link .linkimg {
display: inline-block;
}

#link .imglink {
transition: opacity 0.2s linear;
}

#link .imglink:hover {
opacity: 0.5;
}

#link .imglink{
width:153px;
height:49px;
margin:auto;
}


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

#footer {
width:961px;
height:75px;
margin:auto;
}

#footer p {
color:#999999;
font-size:12px;
font-family: 'Open Sans', sans-serif; font-weight: 400;
float:left;
}

#footer a{
color:#EBEBEB;
font-size:12px;
font-family: 'Open Sans', sans-serif; font-weight: 400;
text-decoration:none;
}

#footer ul#direitos-ul li{
padding:5px;
float:left;
padding-top:30px;
}

#footer ul#social li{
padding:5px;
float:right;
padding-top:25px;
}



#footer .bt1{
color:#EBEBEB;
transition: opacity 0.2s linear;
}

#footer .bt1:hover {
opacity: 0.5;
}

#footer .bt2{
color:#FFFFFF;
transition: opacity 0.2s linear;
}

#footer .bt2:hover {
opacity: 0.5;
}

#footer .bt3{
color:#FFFFFF;
transition: opacity 0.2s linear;
}

#footer .bt3:hover {
opacity: 0.5;
}

#footer .bt4{
color:#FFFFFF;
transition: opacity 0.2s linear;
}

#footer .bt4:hover {
opacity: 0.5;
}


/*----*/
.hidden{
	opacity: 0;
}

.visible{
	opacity: 1;
}