/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,input{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,table{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong{font-style:normal;font-weight:700;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
h2{font-size:20px; font-weight:500;}
h3{font-size:14px; font-weight:700;}
h4{font-size:12px; font-weight:700;}
p, address{line-height:1.5em;}
a{text-decoration:none; color:#fff;}
a:hover{text-decoration:underline;}
label{cursor:pointer;}
abbr{cursor:help;}
legend, hr{display:none;}
*{outline:0;}
/*end.reset*/

/*default*/
body{background:url(../x_img/bgall.jpg); font:12px Arial, "Sans Serif", Helvetica, sans-serif; color:#ccc;}
#bg{overflow:auto; background:url(../x_img/bgterra.jpg) repeat-x 0 325px;}
#bgPort{overflow:auto; background:url(../x_img/bgTop.jpg) no-repeat center top;}
#bgAg{overflow:auto; background:url(../x_img/bgTopAg.jpg) no-repeat center top;}
#bgBlog{overflow:auto; background:url(../x_img/bgTopBlog.jpg) no-repeat center top;}
#all{width:964px; margin:0 auto; text-align:left;}
#hd{width:964px; height:360px; margin:0; padding:0;}
#md{width:964px; margin:0; padding:40px 0; overflow:auto;}
#ft{width:auto; overflow:auto; padding:15px 0; background:url(../x_img/bgBox.png); border-top:1px solid #000; color:#666;}
/*end.default*/

/*hd*/
#hd h1{width:170px; height:80px; margin:7px 0 0; float:left; text-indent:-999em;}
#hd h1 a{width:170px; height:80px; display:block;}
#hd address{width:340px; height:25px; margin:20px 0 0 624px; float:right; text-indent:-999em; background:url(../x_img/tel-email.png) no-repeat right top;}
#hd ul{width:220px; height:270px; margin:37px 0 0; padding:0; float:right; background:url(../x_img/menu-pt.png);}
#hd ul li a{width:120px; height:40px; margin:10px 0 15px 75px; display:block; text-indent:-999em;}
#hd ul li .a2{margin:0 0 25px 25px;}
#hd ul li .a3{margin:0 0 0 60px;}
/*end.hd*/

/*md*/
#md #colA{width:644px; float:left; overflow:auto;}
#md #colB{width:300px; float:right; overflow:auto;}

#md #colA .search{margin:0 0 20px; padding:15px; overflow:auto; background:url(../x_img/bgBox.png);}
#md #colA .search h2{width:99px; height:18px; margin:0 0 15px; background:url(../x_img/tits.gif); text-indent:-999em;}
#md #colA .search input{width:563px; height:22px; margin:0; padding:5px; float:left; background:url(../x_img/bgIpt.gif); border:0; color:#000; font-size:18px;}
#md #colA .search .btOk{width:36px; height:32px; margin:0; padding:0; float:right; border:0; background:none;}

#md #colA .pfolio{overflow:hidden;}
#md #colA .pfolio .post{width:644px; margin:0 0 20px; padding:255px 0 15px; overflow:auto; display:block; background:url(../x_img/bgBox.png); position:relative;}
#md #colA .pfolio .post img{display:block; position:absolute; top:0; left:0;}
#md #colA .pfolio .post h2{width:629px; height:33px; padding:7px 0 0 15px; background:url(../x_img/bgBox.png); position:absolute; top:191px; left:0; font-size:24px; color:#fecb10; z-index:1;}
#md #colA .pfolio .post h2 a{color:#fecb10;}
#md #colA .pfolio .post .cont{padding:0 15px 30px;}
#md #colA .pfolio .post .cont p{width:530px; margin:0 0 15px; font-size:14px;}
#md #colA .pfolio .post .cont p a{color:#fecb10;}
#md #colA .pfolio .post .btTop{width:38px; height:7px; margin:0 15px 0; float:right; overflow:hidden; background:url(../x_img/btTop.gif); text-indent:-999em;}

#md #colA .pg{padding:12px 8px; background:url(../x_img/bgBox.png); color:#fecb10;}
#md #colA .search-erro{margin:0 0 20px; padding:10px; background:url(../x_img/bgBox.png);}
#md #colA .search-erro strong{width:380px; height:34px; display:block; background:url(../x_img/alert-erro.gif) no-repeat 0px -132px; text-indent:-999em;}

#md #colA .agency{margin:0 0 20px; padding:15px; overflow:auto; background:url(../x_img/bgBox.png);}
#md #colA .agency h2{width:614px; height:39px; margin:0 0 30px; text-indent:-999em;}
#md #colA .agency .about{width:614px; margin:20px 0 50px; _margin:20px 0 30px;}
#md #colA .agency .about p{margin:0 75px 20px 10px; font-size:14px;}
#md #colA .agency .team{width:614px; margin:0 0 50px; overflow:auto;}
#md #colA .agency .team h2{background:url(../x_img/agency-tits.png);}
#md #colA .agency .team .profile{width:614px; margin:0 0 3px; overflow:hidden;}
#md #colA .agency .team .profile h3{width:614px; height:38px; margin:0; background:#000 url(../x_img/tits-team.gif) no-repeat 10px 10px; text-indent:-999em;}
#md #colA .agency .team .profile h3.aloysio{background-position:10px -20px;}
#md #colA .agency .team .profile h3.bob{background-position:10px -108px;}
#md #colA .agency .team .profile h3.guilherme{background-position:10px -50px;}
#md #colA .agency .team .profile h3.lucio{background-position:10px -80px;}
#md #colA .agency .team .profile h3.wilker{background-position:10px -141px;}
#md #colA .agency .team .profile h3.italo{background-position:10px -173px;}
#md #colA .agency .team .profile .down{width:614px; height:38px; margin:0; display:block; background:url(../x_img/icoMore.gif) no-repeat 589px 12px;}
#md #colA .agency .team .profile .up{width:614px; height:38px; margin:0; display:block; background:url(../x_img/icoMore.gif) no-repeat 589px -23px;}
#md #colA .agency .team .profile p{width:550px; margin:15px 0 15px 15px; overflow:auto; font-size:14px;}
#md #colA .agency .team .profile p a{color:#ccc;}
#md #colA .agency .team .profile p strong{width:400px; margin:0 0 5px; display:block; font-size:18px; font-weight:normal; color:#fecb10;}
#md #colA .agency .team .profile p img{width:136px; height:176px; margin:0 20px 0 0; float:left; display:block;}
#md #colA .agency .structure{width:614px; margin:0 0 50px; overflow:auto;}
#md #colA .agency .structure h2{float:left; background:url(../x_img/agency-tits.png) 0 -59px;}
#md #colA .agency .structure a{width:150px; height:95px; margin:0 2px 2px 0; float:left; display:block; text-indent:-999em;}
#md #colA .agency .structure .a1{margin:0 2px 2px 4px; background:url(../x_img/agency-thumb1.jpg);}
#md #colA .agency .structure .a2{background:url(../x_img/agency-thumb2.jpg);}
#md #colA .agency .structure .a3{background:url(../x_img/agency-thumb3.jpg);}
#md #colA .agency .structure .a4{margin:0 0 2px; background:url(../x_img/agency-thumb4.jpg);}
#md #colA .agency .structure .a5{margin:0 2px 2px 4px; background:url(../x_img/agency-thumb5.jpg);}
#md #colA .agency .structure .a6{background:url(../x_img/agency-thumb6.jpg);}
#md #colA .agency .structure .a7{background:url(../x_img/agency-thumb7.jpg);}
#md #colA .agency .structure .a8{margin:0 0 2px; background:url(../x_img/agency-thumb1.jpg);}
#md #colA .agency .structure a:hover{background-position:0 -95px;}
#md #colA .agency .structure .a2:hover{background-position:0 -95px;}
#md #colA .agency .structure .a3:hover{background-position:0 -95px;}
#md #colA .agency .structure .a4:hover{background-position:0 -95px;}
#md #colA .agency .structure .a5:hover{background-position:0 -95px;}
#md #colA .agency .structure .a6:hover{background-position:0 -95px;}
#md #colA .agency .structure .a7:hover{background-position:0 -95px;}
#md #colA .agency .structure .a8:hover{background-position:0 -95px;}
#md #colA .agency .client{margin:0 0 50px; overflow:auto;}
#md #colA .agency .client h2{background:url(../x_img/agency-tits.png) 0 -118px;}
#md #colA .agency .client p{text-align:center;}

#md #colB .maps{margin:0 0 20px; padding:15px; overflow:auto; font-size:11px; background:url(../x_img/bgBox.png);}
#md #colB .maps h2{width:62px; height:18px; margin:0 0 10px; background:url(../x_img/tits.gif) 0 -76px; text-indent:-999em;}
#md #colB .maps img{margin:0 0 20px; display:block;}

#md #colB .contact{margin:0 0 20px; padding:15px; overflow:auto; background:url(../x_img/bgBox.png);}
#md #colB .contact h2{width:99px; height:18px; margin:0 0 30px; background:url(../x_img/tits.gif) 0 -38px; text-indent:-999em;}
#md #colB .contact label, textarea{width:70px; height:25px; float:left; margin:0 0 5px; display:block; background:url(../x_img/label.gif) no-repeat;}
#md #colB .contact .l1{background-position:0 9px; text-indent:-999em;}
#md #colB .contact .l2{background-position:0 -21px; text-indent:-999em;}
#md #colB .contact .l3{background-position:0 -51px; text-indent:-999em;}
#md #colB .contact .text-input, #md #colB .contact textarea{width:190px; height:15px; margin:0 0 5px; padding:5px; float:right; background:url(../x_img/bgIpt.gif) 0 -40px; color:#000; border:0; font:12px Arial;}
#md #colB .contact textarea{height:72px; margin:0 0 10px; background:url(../x_img/bgIpt.gif) 0 -70px;}
#md #colB .contact .btEnviar{width:58px; height:27px; margin:0 0 0 100px; padding:0; float:right; border:0; background:none;}

#md #colA .blog{overflow:hidden;}
#md #colA .blog .post{width:644px; margin:0 0 20px; padding:0 0 15px; _padding:0; overflow:auto; display:block; background:url(../x_img/bgBox.png); position:relative; _position:static;}
#md #colA .blog .post h2{margin:0; padding:12px 15px 10px; background:#000; font-size:24px; color:#fecb10; line-height:1.0em;}
#md #colA .blog .post h2 a{color:#fecb10;}
#md #colA .blog .post small{margin:0 0 20px; padding:0 15px 12px; display:block; background:#000; font-size:11px; color:#666;}
#md #colA .blog .post small a{color:#666; font-weight:700;}
#md #colA .blog .post .cont{padding:0 15px 30px;}
#md #colA .blog .post .cont p{width:530px; margin:0 0 15px; font-size:14px;}
#md #colA .blog .post .cont p a{color:#fecb10;}
#md #colA .blog .post .comment{height:14px; margin:0; padding:0 0 0 17px; background:url(../x_img/icoComment.gif) no-repeat 1px 2px;}
#md #colA .blog .post .tag{width:560px; height:auto; margin:0; padding:0 0 0 15px; float:left; font-size:11px; color:#666;}
#md #colA .blog .post .tag a{color:#666;}
#md #colA .blog .post .btTop{width:38px; height:7px; margin:5px 15px 0; float:right; overflow:hidden; background:url(../x_img/btTop.gif); text-indent:-999em;}

#md #colA .blog .bComment{width:614px; margin:0 0 20px; padding:15px; overflow:auto; display:block; background:url(../x_img/bgBox.png);}
#md #colA .blog .bComment h3{margin:0 0 20px; font-size:18px; color:#ccc; font-weight:normal;}
#md #colA .blog .bComment .avatar{display:none;}
#md #colA .blog .bComment .commentlist{margin:20px 0;}
#md #colA .blog .bComment .commentlist li{margin:0 0 10px; padding:10px; overflow:hidden; background:#000;}
#md #colA .blog .bComment .comment-author{font-size:14px; color:#fecb10; padding:0 0 0 17px; background:url(../x_img/icoComment.gif) no-repeat 1px 2px;}
#md #colA .blog .bComment .comment-author a{color:#fecb10; font-weight:normal;}
#md #colA .blog .bComment .commentmetadata{margin:0 0 10px; font-size:11px; color:#666;}
#md #colA .blog .bComment .says{display:none;}
#md #colA  .blog .bComment form li{width:614px; margin:0 0 10px; float:left;}
#md #colA  .blog .bComment label, textarea{width:73px; height:7px; margin:0 0 5px; overflow:hidden; display:block; background:url(../x_img/label.gif) no-repeat;}
#md #colA  .blog .bComment .l1{background-position:0 -88px; text-indent:-999em;}
#md #colA  .blog .bComment .l2{background-position:0 -106px; text-indent:-999em;}
#md #colA  .blog .bComment .l3{background-position:0 -123px; text-indent:-999em;}
#md #colA  .blog .bComment .l4{height:10px; background-position:0 -137px; text-indent:-999em;}
#md #colA  .blog .bComment .text-input, #md #colA  .blog .bComment textarea{width:300px; height:15px; margin:0 0 5px; padding:5px; display:block; background:url(../x_img/bgIpt.gif) 0 -162px; color:#000; border:0; font:12px Arial;}
#md #colA  .blog .bComment textarea{height:72px; margin:0; background:url(../x_img/bgIpt.gif) 0 -192px;}
#md #colA  .blog .bComment .btComment{width:58px; height:27px; margin:0 0 0 252px; padding:0; float:left; _float:none; border:0; background:none;}

#md #colA  .blog .bComment .captcha input{width:65px; height:15px; margin:0 3px 0 0; padding:5px; display:block; float:left; background:url(../x_img/bgIpt.gif) 0 -284px; color:#000; border:0; font:12px Arial;} 
#md #colA  .blog .bComment .captcha label{width:114px; height:10px; margin:7px 0 0; float:left; background-position:0 -154px; text-indent:-999em;} 

#md #colB .bCat{margin:0 0 20px; padding:15px; overflow:auto; background:url(../x_img/bgBox.png);}
#md #colB .bCat h2{width:110px; height:18px; margin:0 0 30px; background:url(../x_img/tits.gif) 0 -152px; text-indent:-999em;}
#md #colB .bCat a{color:#fecb10;}
#md #colB .bCat li{margin:0 0 3px; padding:5px 10px; background:#000;}

#md #colB .bArq{margin:0 0 20px; padding:15px; overflow:auto; background:url(../x_img/bgBox.png);}
#md #colB .bArq h2{width:90px; height:18px; margin:0 0 30px; background:url(../x_img/tits.gif) 0 -114px; text-indent:-999em;}
#md #colB .bArq a{color:#ccc;}
#md #colB .bArq li{margin:0 0 3px; padding:5px 10px; background:#000;}

#md #colB .bTag{margin:0 0 20px; padding:15px; overflow:auto; background:url(../x_img/bgBox.png);}
#md #colB .bTag h2{width:110px; height:18px; margin:0 0 25px; background:url(../x_img/tits.gif) 0 -190px; text-indent:-999em;}
#md #colB .bTag a{color:#ccc;}
#md #colB .bTag li{margin:0 0 3px; padding:5px 10px; background:#000;}

#md #colB .bLink{margin:0 0 20px; padding:15px; overflow:auto; background:url(../x_img/bgBox.png);}
#md #colB .bLink h2{width:50px; height:18px; margin:0 0 30px; background:url(../x_img/tits.gif) 0 -228px; text-indent:-999em;}
#md #colB .bLink a{color:#ccc;}
#md #colB .bLink li{margin:0 0 3px; padding:5px 10px; background:#000;}
/*end.md*/

/*ft*/
#ft address{width:964px; margin:0 auto;}
/*end.ft*/

/*scroll*/
div.scrollable{width:470px; height:176px; float:left; overflow:hidden; position:relative;}
#thumbs{width:1880px; position:absolute; clear:both;}
a.prev, a.next{margin-top:118px;}
a.prev, a.next, a.prevPage, a.nextPage{width:36px; height:84px; display:block; background:url(../x_img/agency-prev-next.png) no-repeat; cursor:pointer; text-indent:-999em;}
a.prev, a.prevPage{margin:43px 38px 0 0; float:left;}
a.next, a.nextPage{margin:43px 0 0; float:right; background-position:-54px 0;}
a.next:hover, a.nextPage:hover{background-position:-54px -87px;}
a.prev:hover, a.prevPage:hover{background-position:0 -87px;}
a.disabled{visibility:hidden !important;}
a.next, a.nextPage{background-image:url(../x_img/agency-prev-next.png); clear:right;}
/**navigator**/
div.navi{width:200px; height:20px; margin:0 0 20px 280px;}
div.navi a{width:8px; height:8px; float:left; margin:3px; background:url(../x_img/navigator.png) 0 0 no-repeat; cursor:pointer;}
div.navi a:hover{background-position:0 -8px;}
div.navi a.active{background-position:0 -16px;}
/*end.scroll*/

/*form.contact*/
#message{width:217px; height:80px; margin:15px 0 40px 28px; float:left; background:url(../x_img/alert-obrigado.gif); text-indent:-999em;}
#checkmark{display:none;}
.erro_nome{width:270px; height:34px; margin:0 0 10px; display:block; background:url(../x_img/alert-erro.gif) no-repeat; text-indent:-999em;}
.erro_email{width:270px; height:34px; margin:0 0 10px; display:block; background:url(../x_img/alert-erro.gif) no-repeat 0 -44px; text-indent:-999em;}
.erro_msg{width:270px; height:34px; margin:0 0 10px; display:block; background:url(../x_img/alert-erro.gif) no-repeat 0 -88px; text-indent:-999em;}
/*end.form.contact*/

/*lightbox*/
#lightbox{position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox img{width:auto; height:auto;}
#lightbox a img{border:none;}
#lightbox a{color:#333; font-weight:700;}
#outerImageContainer{position: relative; background-color:#fff; width: 250px; height:250px; margin:0 auto;}
#imageContainer{padding: 10px; }
#loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{outline: none;}
#prevLink, #nextLink{width:49%; height:100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block;}
#prevLink{left:0; float: left;}
#nextLink{right:0; float: right;}
#prevLink:hover, #prevLink:visited:hover{background: url(../x_img/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{background: url(../x_img/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color:#fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}
#imageData{padding:0 10px; color:#333;}
#imageData #imageDetails{width:70%; float:left; text-align:left;}
#imageData #caption{font-weight: bold;}
#imageData #numberDisplay{display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{width:20px; height:20px; margin:5px 10px 0 0; float:right; outline:none;}/*bt.close*/
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}
/*end.lightbox*/