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

html {
	overflow-y:scroll;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	word-spacing:5;
}

#wrapper {
	width:885px;
	min-height:507px;
	margin:21px auto;
	position:relative;
/*	background:#d3d3d3;*/
}

.home {
	background:url(../images/amostra.png) no-repeat center top;
}

object.youtube {
	width:348px;
	height:198px;
	display:block;
	position:relative;
	top:87px;
	left:538px;
	margin-bottom:155px;
}

div.clique {
	position:relative;
	background:url(../images/clique.png) no-repeat center top;
	width:885px;
	height:15px;
}

div.clique a{
	text-indent:-9999px;
	display:block;
	width:95px;
	height:15px;
	float:right;
}

div#trabalhos_head {
	background:url(../images/trabalhos_head.png) no-repeat center top;
	width:587px;
	height:11px;
	margin:50px auto 20px;
}

ul#trabalhos_head_links {
	width:153px;
	float:right;
}

ul#trabalhos_head_links li{
	float:left;
}

ul#trabalhos_head_links a.youtube_small{
	width:60px;
	display:block;
	text-indent:-9999px;
}

ul#trabalhos_head_links a.flickr_small{
	width:50px;
	display:block;
	margin-left:42px;
	text-indent:-9999px;
}

ul#grade_trabalhos {
	margin-bottom:20px;
}

ul#grade_trabalhos li {
	float:left;
}


a#youtube_ramuaii_link {
	background:url(../images/youtube_ramuaii.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#youtube_previdencia_link {
	background:url(../images/youtube_previdencia.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#youtube_fusquinha_link {
	background:url(../images/youtube_fusquinha.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#youtube_sinfonia-2_link {
	background:url(../images/youtube_sinfonia-2.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#youtube_oscar_link {
	background:url(../images/youtube_oscar.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}


a#youtube_rio_bolinha_link {
	background:url(../images/youtube_rio_bolinha.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#youtube_rio_coco_link {
	background:url(../images/youtube_rio_coco.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#youtube_rio_cigarro_link {
	background:url(../images/youtube_rio_cigarro.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}
	
a#youtube_colegioqi_link {
	background:url(../images/youtube_colegioqi.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}
	
	
	
a#youtube_nao-compre_link {
	background:url(../images/youtube_nao-compre.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#youtube_fanfarrao_link {
	background:url(../images/youtube_fanfarrao.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#youtube_cafezinho_link {
	background:url(../images/youtube_cafezinho.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#youtube_vampiro_link {
	background:url(../images/youtube_vampiro.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#youtube_fumo_link {
	background:url(../images/youtube_fumo.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#youtube_vale-tudo_link {
	background:url(../images/youtube_vale-tudo.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#youtube_magico_link {
	background:url(../images/youtube_magico.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#youtube_pedido_link {
	background:url(../images/youtube_pedido.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#youtube_copia_link {
	background:url(../images/youtube_copia.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}


a#youtube_filmemaquina_link {
	background:url(../images/youtube_filmemaquina.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#youtube_comunicado_link {
	background:url(../images/youtube_comunicado.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#youtube_arraia_link {
	background:url(../images/youtube_arraia.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#youtube_primeiravez_link {
	background:url(../images/youtube_primeiravez.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#youtube_terceiravez_link {
	background:url(../images/youtube_terceiravez.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#youtube_familia_link {
	background:url(../images/youtube_familia.jpg) no-repeat center top;
	width:280px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

a#img_Qi_link {
	background:url(../images/thumb_busdoor_Qi.jpg) no-repeat center center;
	width:183px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:18px;
}

a#flickr_recreio1_link {
	background:url(../images/flickr_recreio1.jpg) no-repeat center center;
	width:139px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:35px;
}

a#flickr_pizzahut_link {
	background:url(../images/flickr_pizzahut.jpg) no-repeat center center;
	width:108px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:35px;
}

a#flickr_recreio2_link {
	background:url(../images/flickr_recreio2.jpg) no-repeat center center;
	width:138px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:35px;
}

a#flickr_recreio3_link {
	background:url(../images/flickr_recreio3.jpg) no-repeat center center;
	width:138px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:35px;
}

a#flickr_lavando_link {
	background:url(../images/flickr_lavando.jpg) no-repeat center center;
	width:134px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:35px;
}

a#flickr_recreio4_link {
	background:url(../images/flickr_recreio4.jpg) no-repeat center center;
	width:138px;
	height:210px;
	display:block;
	text-indent:-9999px;
	margin-right:35px;
}

a#flickr_ago01_link {
	background:url(../images/thumb_ago01.jpg) no-repeat center center;
	width:140px;
	height:185px;
	display:block;
	text-indent:-9999px;
	margin-right:35px;
}

a#flickr_ago02_link {
	background:url(../images/thumb_ago02.jpg) no-repeat center center;
	width:140px;
	height:185px;
	display:block;
	text-indent:-9999px;
	margin-right:35px;
}

a#flickr_qi_link {
	background:url(../images/thumb_qi.jpg) no-repeat center center;
	width:140px;
	height:185px;
	display:block;
	text-indent:-9999px;
	margin-right:35px;
}


p {
	line-height:28px;

}

.paragrafo {
	padding:50px 48px 0;
}

.paragrafo_2 {
	padding:110px 48px 0;
	font-size:12px;
}

.legenda {
	clear:both;
	padding:10px 48px 0;
	font-size:12px;
}

#nav {
	height:13px;
	position:relative;
}

#nav li {
	float:left;
	zoom: 1;
}

#nav li a {
	text-indent:-9999px;
	display:block;
	color: #999; 
}

#nav li.hover,
#nav li:hover { 
	background: #efefef; 
	position: relative; 
}

#nav li a.home {
	background:url(../images/menu_sprites.png) no-repeat 0 -17px;
	width:249px;
}

#nav li a.cases {
	background:url(../images/menu_sprites.png) no-repeat -249px -17px;
	width:63px;
}

#nav li a.agencia {
	background:url(../images/menu_sprites.png) no-repeat -312px -17px;
	width:79px;
}

#nav li a.plan {
	background:url(../images/menu_sprites.png) no-repeat -391px -17px;
	width:122px;
}

#nav li a.youtube {
	background:url(../images/menu_sprites.png) no-repeat -513px -17px;
	width:79px;
}

#nav li a.flickr {
	background:url(../images/menu_sprites.png) no-repeat -592px -17px;
	width:71px;
}

#nav li a.blog {
	background:url(../images/menu_sprites.png) no-repeat -663px -17px;
	width:55px;
}

#nav li a.face {
	background:url(../images/menu_sprites.png) no-repeat -718px -17px;
	width:88px;
}

#nav li a.twitter {
	background:url(../images/menu_sprites.png) no-repeat -806px -17px;
	width:78px;
}

#nav li a.home:hover {
	background-position:0 0;
}

#nav li a.cases:hover {
	background-position:-249px 0;
}

#nav li a.agencia:hover {
	background-position:-312px 0;
}

#nav li a.plan:hover {
	background-position:-391px 0;
}

#nav li a.youtube:hover {
	background-position:-513px 0;
}

#nav li a.flickr:hover {
	background-position:-592px 0;
}

#nav li a.blog:hover {
	background-position:-663px 0;
}

#nav li a.face:hover {
	background-position:-718px 0;
}

#nav li a.twitter:hover {
	background-position:-806px 0;
}

#nav li a.home-select {
	background:url(../images/menu_sprites.png) no-repeat 0 -34px;
	width:249px;
}

#nav li a.cases-select {
	background:url(../images/menu_sprites.png) no-repeat -249px -34px;
	width:63px;
}

#nav li a.agencia-select {
	background:url(../images/menu_sprites.png) no-repeat -312px -34px;
	width:79px;
}

#nav li a.plan-select {
	background:url(../images/menu_sprites.png) no-repeat -391px -34px;
	width:122px;
}

#nav li a.youtube-select {
	background:url(../images/menu_sprites.png) no-repeat -513px -34px;
	width:79px;
}

#nav li a.flickr-select {
	background:url(../images/menu_sprites.png) no-repeat -592px -34px;
	width:71px;
}

#nav li a.blog-select {
	background:url(../images/menu_sprites.png) no-repeat -663px -34px;
	width:55px;
}

#nav li a.face-select {
	background:url(../images/menu_sprites.png) no-repeat -718px -34px;
	width:88px;
}

#nav li a.twitter-select {
	background:url(../images/menu_sprites.png) no-repeat -806px -34px;
	width:78px;
}

#nav li a.home-select:hover {
	background:url(../images/menu_sprites.png) no-repeat 0 -51px;
	width:249px;
}

#nav li a.cases-select:hover {
	background:url(../images/menu_sprites.png) no-repeat -249px -51px;
	width:63px;
}

#nav li a.agencia-select:hover {
	background:url(../images/menu_sprites.png) no-repeat -312px -51px;
	width:79px;
}

#nav li a.plan-select:hover {
	background:url(../images/menu_sprites.png) no-repeat -391px -51px;
	width:122px;
}

#nav li a.youtube-select:hover {
	background:url(../images/menu_sprites.png) no-repeat -513px -51px;
	width:79px;
}

#nav li a.flickr-select:hover {
	background:url(../images/menu_sprites.png) no-repeat -592px -51px;
	width:71px;
}

#nav li a.blog-select:hover {
	background:url(../images/menu_sprites.png) no-repeat -663px -51px;
	width:55px;
}

#nav li a.face-select:hover {
	background:url(../images/menu_sprites.png) no-repeat -718px -51px;
	width:88px;
}

#nav li a.twitter-select:hover {
	background:url(../images/menu_sprites.png) no-repeat -806px -51px;
	width:78px;
}

/* 
	LEVEL TWO
*/
ul#nav ul { 
	width: 90px; 
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 0; 
}

ul#nav ul li { 
	font-weight: normal; 
	background: #fff; 
	border-bottom: 1px solid #ccc; 
	float: none; 
}
                                    /* IE 6 & 7 Needs Inline Block */
ul#nav ul li a { 
	border-right: none; 
	width: 100%; 
	display: inline-block;
	text-indent:0;
	font-size:11px;
	text-decoration:none;
	color:#999;
	padding:3px;
} 


/* Lightbox */

span.photo {
	position: absolute;  /* Set the absolute positioning base coordinate */
	width: 130px;
	height: 90px;
	padding: 5px;
	margin-left:10px;
}

span.photo img {
	width: 120px; height: 80px; /* Set the small thumbnail size */
	border: 1px solid #ddd;
	padding: 3px;
	background: #fff;
}

.cases_thumb {
	position:relative;
	margin:35px auto 0;
	width:789px;
}

.cases_thumb li {
	float:left;
	margin:0 10px 0 0;
}




/* Fim Lightbox */



p.footer {
	text-indent:-9999px;
	background:#fff url('../images/bg_footer.png') no-repeat center;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	line-height:30px;
}