@charset "utf-8";
/* CSS Document */
body{background:url(images/bg.jpg) no-repeat center top #000000; margin:0; padding:0; text-align:center; color:#5e5e5e; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
p{margin:0 0 15px 0;}
form{padding:0; margin:0;}
form span{float:left; display:block; width:52px; padding-bottom:5px;}
input{margin:0 0 10px 0; width:200px; height:15px; background:#181818; border:0; font-size:11px; color:#999;}
textarea{margin:0 0 3px 0; width:200px; height:40px; background:#181818; border:0; font-size:11px; color:#999;}
#content{width:990px; margin:0 auto; text-align:center;}
#header{padding:30px 0 15px 0; margin: 0 15px; border-bottom:solid 1px #2f2f2f;text-align:left;}
#nav-top{color:#999999; float:right; margin-bottom:20px; margin-right:-10px;}
#nav-top a{color:#999999; padding:0 10px 0 10px; text-decoration:none}
#nav-top a:hover{color:#fff; text-decoration:none}
#logo{width:350px; float:left; padding-top:18px;}
#logo img{float:left; margin-right:10px; margin-top:-18px;}
#most-recent{float:right; background:#181818; padding:5px; width:582px; }
#most-recent .image{width:582px; height:223px; border: solid 1px #181818;}
#most-recent a:hover .image {border: solid 1px #CCC;}
#most-recent img{margin-bottom:10px; border:none}
#about-project{float:right; width:370px; text-align:right}
#about-project a{color:#999; text-decoration:none;}
#about-project a:hover{color:#00708c; text-decoration:none;}
#meio{padding-top:15px; margin:0 0 0 15px; text-align:left;}
#nav-categoria{margin:0 0 25px 0; padding:0;}
#nav-categoria li{ list-style:none; margin:0; padding:0; display:inline; font-size:13px; margin-right:30px; color:#999999; font-weight:bold;}
#nav-categoria li a{color:#5e5e5e; text-decoration:none; font-weight:normal;}
#nav-categoria li a:hover{color:#00708c;}
#all #nav-categoria li.all #active{font-weight:bold; color:#999;}
#web #nav-categoria li.web #active{font-weight:bold; color:#999;}
#grafic #nav-categoria li.grafic #active{font-weight:bold; color:#999;}
#brand #nav-categoria li.brand #active{font-weight:bold; color:#999;}	
#experimental #nav-categoria li.experimental #active{font-weight:bold; color:#999;}
#project{margin:30px 0 20px 0;} 
#project img{margin-top:15px;} 
#nav-pag{margin:5px 15px 10px 15px; border-bottom:solid 1px #2f2f2f; padding:5px 0 10px 0;}
#nav-pag ul{margin:0; padding:0;}
#nav-pag li{list-style:none; margin:0; padding:0; display:inline; color:#00708c; font-size:9px; margin:0 10px; padding:0;}
#nav-pag li a{color:#5e5e5e; text-decoration:none;}
#nav-pag li a img {padding:1.5px; background:#181818; border:solid 1px #181818;}
#nav-pag li a:hover img {border:solid 1px #999; padding:1.5px;}
#nav-thumb li a:hover{color:#00708c;}
#nav-thumb{margin:5px 15px 10px 15px; border-bottom:solid 1px #2f2f2f; padding:5px 0 5px 0; border-top:solid 1px #2f2f2f; float:left}
#nav-thumb ul{margin:0; padding:0; float:left}
#nav-thumb li{list-style:none; margin:0; padding:0; color:#00708c; font-size:9px; margin:0 10px; padding:0; float:left}
#nav-thumb li a img {padding:1.5px; background:#181818; border:solid 1px #181818; float:left; float:left}
#nav-thumb li a:hover img {border:solid 1px #999; padding:1.5px;}
#about-footer{text-align:left; margin:20px 15px 30px 15px;}
#about-footer a{color:#999; text-decoration:none;}
#about-footer a:hover{color:#00708c; text-decoration:none;}
#about-footer .box{float:left; width:43%;}
#about-footer .box2{float:left; width:14%; text-align:right}
.thumb-project{ float:left; background:#181818; padding:5px; width:167px; margin:0 1.63em 15px 0}
.thumb-project img{ border: solid 1px #181818; margin-bottom:10px;}
.thumb-project a:hover img {border: solid 1px #CCC;}
.clear{clear:both;}
.titulo{font-family:Arial, Helvetica, sans-serif; font-size:53px; letter-spacing:-4px; font-weight:bold; color:#00708c; line-height:35px;}
.titulo{font-family:Arial, Helvetica, sans-serif; font-size:53px; letter-spacing:-4px; font-weight:bold; color:#00708c; line-height:35px;}
.titulo2{font-family:Arial, Helvetica, sans-serif; font-size:30px; letter-spacing:-2px; font-weight:bold; color:#00708c;}
.about{clear:both; padding-top:20px;}
.about a:link{color:#999; text-decoration:none;}
.about a:visited{color:#999; text-decoration:none;}
.about a:hover{color:#00708c; text-decoration:none;}
.titulo-projeto{color:#00708c;}
.titulo-categoria{font-size:9px;}
.titulo-most-recent{color:#999;}
.copy{margin: 0 15px 5px 15px; text-align:center; font-size:9px;} 
.salvar{ text-align:center; }
.salvar a{color:#999; text-decoration:none; display:block; width:50px; padding:10px 15px; margin-bottom:15px; background:#181818;}
.salvar a:visited{color:#999; text-decoration:none;}
.salvar a:hover{background:#5e5e5e; color:#181818;}
.aviso{color:#00708c;}

.carousel-component { 
    padding:5px 0;
    margin:5px auto;
	position:relative;
	background:#181818;
	overflow:hidden;
	display:none; 
}
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
}
.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
}
.carousel-component .carousel-prev { 
    position:absolute;
    top:0;
    z-index:3;
    left:0; 
}
.carousel-component .carousel-next { 
    position:absolute;
    top:0;
    z-index:3;
    right:0; 
}
.carousel-component .carousel-clip-region { 
	overflow:hidden; 
	margin:0px auto;
	position:relative;
}
.carousel-component .carousel-list li a { 
    display:block;
    outline:none;
}

.carousel-component .carousel-list li img { 
    border:1px solid #999;
    display:block; 
}