@import url(estilos_forms.css);
@import url(estilos_popups.css);


/* ==== HTML ==== */
html{}
body{background-color:#000000;}
#interna #bghtml{width:100%;height:100%;background:#000000 url(../imagens/bg_site_int.gif) center top no-repeat;min-width:980px;border-top:1px solid #fff;}
#home #bghtml{width:100%;height:100%;background:#000000 url(../imagens/bg_site.gif) center top no-repeat;min-width:980px;border-top:1px solid #fff;}
*{margin:0;padding:0;font:12px Arial, Helvetica, sans-serif;color:#666;}
strong{font-weight:bold;}
em{font-weight:bold;}
img{border:none;}
.last{background-image:none !important;}

ul{list-style-type:none;}


/* ==== ESTRUTURA ==== */
#general{margin:0 auto;width:980px;}
#header{}
	h1#marca{margin:20px 10px 0 5px;}
#content{clear:both;}	

#contentMain{clear:both;padding:20px 0 0 2px;}	
#navigation{height:5px;}
	#navigation ul{position:absolute;margin:-45px 0 0 455px;width:535px;padding:0 0 0 85px;}
	#navigation li{float:left;padding:10px;}
	#navigation a{float:left;}
#linearNavigation{}
		#linearNavigation ul li{float:left;margin:10px 10px 5px 0;}
#footer{background:transparent url(../imagens/bg_rodape.gif) 0 0 repeat-x;clear:both;height:90px;}
	#footer p{color:#999;font-size:10px;margin:0 0 0 853px;padding:20px 2px 15px 2px;}
	#listRss{}
	#listRss li{float:left;}
	#footer a{background:transparent url(../imagens/bts/rss_icon.gif) 0 0 no-repeat;color:#999;font-size:10px;padding:0 15px;text-decoration:none;}
	#footer a:hover{background-position:0 -12px;color:#993300;text-decoration:underline;}


/* ==== BLOCOS ==== */

/* - divs - */
div{}
/* home */
#layerSite{position:absolute;z-index:99;margin-top:60px;margin-left:300px;}
#bannerArea{height:305px;}
#bannerArea div{position:absolute;}
#boxLastJobs{background:transparent url(../imagens/bg_boxes_home.jpg) left bottom repeat-x;border-bottom:1px solid #2e2c2c;float:left;padding:0 0 15px 0;width:560px;}
	#boxLastJobs h4{text-indent:-5000px;overflow:hidden;}
	#boxLastJobs li{float:left;margin:0 17px 0 0;}
	#boxLastJobs .last{margin:0 !important;}
	#boxLastJobs li a{background:#323031 url(../imagens/seta_portfolio.gif) 162px 75px no-repeat;color:#b5b5b5;display:block;text-decoration:none;}
	#boxLastJobs li a:hover{background-color:#4b4949;background-position:162px 55px;color:#fff;display:block;text-decoration:none;}
	#boxLastJobs li a span{display:block;color:#b5b5b5;font-size:12px;padding:4px 10px;}
	#boxLastJobs li p{background-color:#1F1F1F;color:#6e6d6d;font-size:12px;padding:3px 10px;}
#boxAbout{background:transparent url(../imagens/bg_boxes_home.jpg) left bottom repeat-x;border-bottom:1px solid #2e2c2c;float:left;margin-left:15px;padding:30px 25px 10px 15px;width:340px;}
	#boxAbout h4{}
	#boxAbout p{font-size:11px;color:#999;padding:4px 0;}
#boxBlog{background:transparent url(../imagens/bg_blog.jpg) 0 top no-repeat;float:left;padding:5px 0 0 160px;width:400px;height:85px;}
	#boxBlog h4{text-indent:-5000px;overflow:hidden;}
	#boxBlog p{float:left; margin:3px 0 0 20px;width:235px;height:55px;}
				.txtTit{margin:3px 0 0 0px !important;width:130px !important;}
				.imgBlog{margin-top:6px;}
				.redesSociais li{display:inline-block;float:left;color:#d8a681;padding-left:35px;margin-left:30px;height:30px;padding-top:15px;}				.redesSociais li a{color:#d8a681;text-decoration:none;}
				.redesSociais li a:hover{text-decoration:underline;}
					.BT_twitter{background:transparent url(../imagens/iconTwitter.jpg) 0 8px no-repeat;padding-right:20px;}
					.BT_facebook{background:transparent url(../imagens/iconFacebook.jpg) 0 8px no-repeat;}
	#boxBlog .dataPost{color:#d3d3d3;font-weight:bold;}
	#boxBlog .titPost a{font-size:11px;color:#999;text-decoration:none;}
	#boxBlog .titPost a:hover{color:#909090;text-decoration:underline;}
	#boxBlog .linkBlog{font-size:11px;/*background:transparent url(../imagens/seta.gif) 80px 1px no-repeat;*/color:#732B13;clear:both;display:block;font-size:12px;margin:53px 0 0 -80px;padding:0 10px 0 0;text-decoration:none;width:85px;height:15px;position:absolute;}
	#boxBlog .linkBlog:hover{background-position:80px -19px;color:#9c8180;}
#boxNews{background:transparent url(../imagens/bg_box_newsletter.jpg) 0 0 no-repeat;float:left;margin:0 0 0 15px;padding:0 0 0 0px;width:383px;height:90px;}
	#boxNews h4{text-indent:-5000px;overflow:hidden;width:110px;height:20px;}
	a#btNews{overflow:hidden;display:block;margin:20px 0 0 0;width:110px;height:50px;text-decoration:none;}
	a#btNews:hover{}
	#boxNews p{color:#D8A681;padding:5px 0 5px 130px;}
	#boxNews a{margin:-5px 0 0 0;padding:0 5px;position:absolute;}
	
/* navegacao por tipo de trabalho e area */
#boxFiltro{width:420px;}
#boxFiltro ul{background-color:#797979;margin:2px 0;width:370px;height:20px;}
#boxFiltro ul li{float:left;margin:3px 5px 0 4px;}
#boxVisualizar{clear:both;margin:-50px 0 0 805px;position:absolute;}
#boxVisualizar h5{text-align:right;}
#boxVisualizar ul{background-color:#797979;margin:2px 0;width:170px;height:20px;}
#boxVisualizar ul li{background:transparent url(../imagens/div_menu_visualizar.gif) right bottom no-repeat;float:left;margin:3px 0 0 0;padding:0 20px 0 15px;}
#boxVisualizar .last{padding:0 0 0 15px;}
#boxVisualizar .filtroClienteDesc{position:absolute;margin:20px 0 0 0;}
#boxVisualizar .filtroClienteDesc a{color:#fff;text-decoration:none;}

/* paginacao */
#pageNavigation{margin:0 0 0 10px !important;position:absolute;text-align:right;width:900px !important;height:35px;}
	#pageNavigation ul{position:absolute;top:0px;right:0px;bottom:0px;text-align:right;}
	#pageNavigation ul .control{float:left;margin:10px 0;background-image:none;}
	#pageNavigation ul li{background:transparent url(../imagens/div_paginacao.gif) right center no-repeat;float:left;margin:10px 2px 3px 0;padding:0 8px 0 0;}
	#pageNavigation ul li .up{color:#fff;font-weight:bold;text-decoration:none;}
	#pageNavigation ul li a{color:#a4a4a4;text-decoration:none;}
	#pageNavigation ul li a:hover{color:#fff;text-decoration:underline;}

/* lista de thumb dos jobs + nome da peca + cliente */
#listJobs li{float:left;margin:0 25px 20px 0;}
	#listJobs .last{margin:0 0px 20px 0 !important;}
	#listJobs li a{background:#323031 url(../imagens/seta_portfolio.gif) 162px 75px no-repeat;color:#b5b5b5;display:block;text-decoration:none;width:175px;}
	#listJobs li a:hover{background-color:#4b4949;background-position:162px 55px;color:#fff;display:block;text-decoration:none;}
	#listJobs li a span{display:block;color:#b5b5b5;font-size:12px;padding:4px 10px;}
	#listJobs li p{background-color:#1F1F1F;color:#6e6d6d;font-size:12px;padding:3px 10px;}

/* lista de informacoes do job, img zoom e textos */
#infoJob, #infoPage{float:left;width:760px;}
#infoJob li{padding:0 0 20px 0;}
#infoJob li img{border:4px solid #686868;}
#infoJob li p{color:#B0B0B0;margin:10px 0px;width:450px;}

.content404{}
.content404 p{font:normal 20px Arial, Helvetica, sans-serif;}
.content404 ul{margin:30px 0 20px 50px;}
.content404 li{padding:0 0 5px 0;margin:0;height:15px;}
.content404 li a{font:normal 20px Arial, Helvetica, sans-serif;color:#404040;text-decoration:none;}
.content404 li a:hover{color:#808080;}

/* cases */
.textFull{float:left;margin:35px 26px 35px 0;width:700px;}
.textBlock{float:left;margin:35px 26px 35px 0;width:170px;}
.second{margin:50px 26px 35px 0;}
.secondLast{margin:50px 0px 35px 0;}
.last{margin:35px 0px 40px 0;}
.textFull p{margin:5px 0 !important;}
.textBlock p{margin:5px 0 !important;width:170px !important;}
.textBlock img{border:none !important;}

/* layer de zoom */
#contentLayerMain{clear:both;padding:20px 0 0 2px;}
#contentLayer{background-color:#1E1C1D;border:4px solid #686868;padding:16px;position:relative;width:922px;height:432px;}
#contentLayer #contentMain{padding:20px 0 5px 2px;}
#contentLayer #boxVisualizar{margin:-50px 0 0 750px;position:absolute;}
#contentLayer #listJobs{height:260px;}
#contentLayer #listJobs li{float:left;margin:0 10px 0 0;padding:0;}
#contentLayer #listJobs li p{margin:0;}
#contentLayer #pageNavigation{margin:0 0 0 575px;position:relative;text-align:right;width:350px;height:35px;}
#bgOverlayZoom{position:absolute;display:none;background:#000;width:100%;height:100%;top:0;left:0;z-index:50;}
#infoOverlayZoom{position:absolute;display:none;width:970px;height:480px;overflow:auto;top:10px;left:0;z-index:51;}
	#infoZoomImg{margin:0px;width:970px;/*background-color:#333;*/}
	#infoZoomImg img{}
#btFecharLayer{position:absolute;top:10px;right:10px;}

/* lista clientes */
.clientList{}
.clientList #boxFiltro{display:none;}
.clientList #boxVisualizar{display:none;}


/* navegacao do jobs, fica a direita dos zoom */
#pageNavMenu{float:left;margin:0 0 0 35px;width:175px;}
#jobNav{float:left;margin:0 0 0 35px;width:175px;}
#jobNav li{float:left;}
#listThumbsJobs{margin:0px 0px 0px 5px;padding:0;}
#listThumbsJobs li{float:left;width:73px; height:35px;padding:0 0 5px 5px;}
#listThumbsJobs li a{border:2px solid #000;float:left;width:73px; height:30px;}
#listThumbsJobs li a:hover{border:2px solid #666363;}

.linkNavJobs{float:left;display:block;width:10px;}
.navigator{width:152px;height:35px;float:left;}
.navConteiner{position:absolute;width:152px;height:35px;overflow:hidden;}
.navContent{position:absolute;top:0;left:0;}
	.navContent ul{list-style-type:none;width:0px;}
	.navContent li{float:left;width:76px;}
	.navContent li a{width:76px;height:30px;display:block;}

/* box das news mensais */
.boxNews{background-color:#323030;border:1px solid #545252;margin:5px 0 25px 0;padding:20px;width:720px;}
.boxNews p{font-size:12px;line-height:16px;margin:0 0 15px 0;}

/* agencia */
#infoAg li{clear:both;margin:3px 0;padding-top:18px;padding-bottom:25px;}
#infoAg p{clear:both;line-height:16px;padding:0 0 8px 0;width:330px;}
#agIntro{background:transparent url(../imagens/agencia/bg_areas.gif) 830px 0px no-repeat;height:240px;}
	#agIntro div{float:left;width:350px;}
#agPlanejamento{background:#141414 url(../imagens/agencia/arte_planejamento.gif) 25px 25px no-repeat;padding:0px 0px 0px 350px;}
#agPropraganda{background:#0e0e0e url(../imagens/agencia/arte_propaganda.gif) 25px 25px no-repeat;padding:0px 0px 0px 350px;}
#agDesign{background:#141414 url(../imagens/agencia/arte_design-grafico.gif) 25px 25px no-repeat;padding:0px 0px 0px 350px;}
#agDigital{background:#0e0e0e url(../imagens/agencia/arte_com-digital.gif) 25px 25px no-repeat;padding:0px 0px 0px 350px;}

/* somente para os forms de Contato e Trabalhe */
fieldset{background-color:#323030;border:1px solid #545252;margin:0px auto 15px auto;padding:30px;width:500px;}
fieldset table{margin:0 auto;}
fieldset table table{margin:0 0 0 0;}
fieldset table i, fieldset table td{color:#8a8787;}
div#txtAgradecimentoForm{}
div#txtAgradecimentoForm p{color:#B0B0B0;font-size:12px;font-weight:bold;text-align:center;}


/* - table - */
table{}
th{}

/* ==== TEXTO ==== */

/* - titulos - */
h1{}
 h1.titPage{margin:30px 0 0 390px;height:35px;text-align:center;width:200px;}/* com margin porque o ie reserva 20px para scroll e o ffox não */
 h1.titPageG{margin:20px 0 0 390px;height:35px;text-align:center;width:200px;}/* com margin porque o ie reserva 20px para scroll e o ffox não */
 #contentLayer h1.titJob{color:#5E5C5D;font-size:35px;margin:0px 0 15px 0px !important;}
 h1.titJob{color:#5E5C5D;font-size:35px;margin:3px 0 23px 0px;}
 h1.titJob span{color:#A4A4A4;font-size:35px;}
h2{}
 h2.titPage{margin:30px 0 0 390px;height:35px;text-align:center;width:200px;}/* com margin porque o ie reserva 20px para scroll e o ffox não */
h3{}
	.titEdicao{border-bottom:1px solid #323030;color:#605e5e;font-size:34px;padding-bottom:7px;}
	.titTrabalhoNews{color:#a4a4a4;font-size:24px;margin:10px 0 5px 0;}
	#infoAg h3{margin:0 0 2px 0;}
h4{}
	#infoAg h4{margin:0 0 12px 0;}
	#agIntro h4{margin:100px 0 0 0;}
h5{color:#a4a4a4;font-size:14px;font-weight:bold;margin:10px 0 5px 0;}
h6{background-color:#4F4F4F;color:#999;font-weight:bold;margin:5px 0;padding:2px 5px;}


p{color:#B0B0B0;}
.recuo{margin:10px 0 20px 100px;}
.destaque strong{color:#ccc;}
.destaque{color:#ccc;}

/* - links - */
a:link{}
a:visited{}
a:hover{}
.btNewsED{background:#323030 url(../imagens/bts/seta_news_menu.gif) 155px 3px no-repeat;color:#a4a4a4;display:block;font-size:12px;margin:0 0 2px 0;padding:5px 0 0 10px;text-decoration:none;width:165px;height:21px;}
.btNewsED:hover{background:#524f4f url(../imagens/bts/seta_news_menu.gif) 155px -27px no-repeat;}

.btZoomNews{width:98px;height:98px;background:transparent url(../imagens/news/bgImg_news.gif) 0 0 no-repeat;display:block;float:right;padding:16px 0 0 16px;margin-left:20px;}
.btZoomNews:hover{background-image:url(../imagens/news/bgImg_news_ov.gif);}

.linkVeja{text-decoration:none;}

.linkVeja:hover{color:#fff;}
.linkVeja img{border-width:0 !important;vertical-align:middle;}

span.iconSeta a{display:block;height:25px;padding-left:20px;background:#000 url(../imagens/iconSeta.jpg) 0 0 no-repeat;font-weight:bold;color:#a4a4a4;margin-top:50px;text-decoration:none;}
.noborderIMG{border:0 !important;}
.listaImagens li{display:inline;float:left;}