@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);
}



/*----*/

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

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


#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#bts .bt0{
color:#FFFFFF;
transition: opacity 0.2s linear;
float:left;
padding-bottom:-10px;
}

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

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


#header ul#bts .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#bts .bt1 a:hover {
   color: #FFFFFF;
}

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

#header ul#bts .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#bts .bt3 a:hover {
   color: #FFFFFF;
}


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


#header ul#bts .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#bts .bt4 a:hover {
   color: #FFFFFF;
}

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

}


#header ul#bts .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 .bt5 a:hover {
   color: #FFFFFF;
}

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


#header ul#bts .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 .bt6 a:hover {
   color: #FFFFFF;
}


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


#portfolio-menu {
background-color:#333333;
height: 120px;
text-align:center;
margin-bottom:59px;
box-shadow: 2px 2px 5px #000000;
}


#portfolio-bts ul li {
display:inline;
padding:80px;

}

#portfolio-bts a{
font-family: 'Open Sans', sans-serif; font-weight: 300;
font-size:16px;
color:#717171;
text-decoration:none;
}

#portfolio-bts{
padding-top:50px;
}


#portfolio-menu #portfolio-bts .bt1 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;
padding-top:10px;
} 

#portfolio-menu #portfolio-bts .bt1 a:hover {
color: #FFFFFF;
}

#portfolio-menu #portfolio-bts .bt2 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;
padding-top:10px;
} 

#portfolio-menu #portfolio-bts .bt2 a:hover {
color:#FFFFFF;
}

#portfolio-menu #portfolio-bts .bt3 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;
} 

#portfolio-menu #portfolio-bts .bt3 a:hover {
   color: #FFFFFF;
}


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

#projs{
margin:auto;
width:961px;
}

#proj{
height:428px;
position:relative;
padding-top:35px;

}

#proj .img{
box-shadow: 2px 2px 5px #000000;
}

#proj .titulo1{
position:absolute;
top:360px;
left:30px;
font-family: 'Open Sans', sans-serif; font-weight: 400;
font-size:16px;
color:#999999;
}


#proj .titulo2{
position:absolute;
top:386px;
left:30px;
font-family: 'Lato', sans-serif; font-weight: 100;
font-size:46px;
color:#FFFFFF;
width:600px;
}

#proj .bt{
position:absolute;
top:377px;
left:775px;
}

#proj .bt {
transition: opacity 0.2s linear;
}

#proj .bt:hover {
opacity: 0.5;
}


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


#ancora{
padding-top:80px;
width:40px;
margin:auto;
}




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



#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:104px;
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;
}