@charset "iso-8859-1";
/* CSS Document 
   CaraNaWeb Agência Digital
   Developer: Rodrigo Dias
   15/06/2011
*/

/* reset.css */
html, *{margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body { line-height:16px; background:url(../images/bg.jpg) top center no-repeat #eef0f1; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#portfolioBg{ background:url(../images/bg-portfolio.jpg) top center no-repeat #eef0f1; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}
a:link,a:active,a:visited,a:hover{ text-decoration:none; }
/* reset.css */

/* Default */
.clear{ clear:both; }
#content{ position:relative; /*width:874px; padding:0 38px;*/ width:950px; height:auto; margin:0 auto; text-align:left; }
.grid1{ position:relative; width:874px; height:auto; margin:0 auto; margin-bottom:20px; }
#topo{ position:relative; width:874px; height:175px; margin:0 auto; margin-bottom:30px; }
#topo h1{ display:block; width:225px; height:106px; position:absolute; left:0; top:42px; }
#topo h1 span{ display:none; }
#socialLinks{ position:absolute; right:75px; top:90px; width:165px; height:auto; font-size:12px; color:#839f2b; text-align:right; }
#socialLinks a{ color:#839f2b; }
#menu{ position:absolute; right:40px; bottom:0; height:auto; }
#menu ul li{ position:relative; list-style-type:none; display:inline; }
#menu ul li span{ display:block; float:left; font-size:20px; color:#2b430d; padding:4px 10px 4px 4px; height:30px; background:url(../images/bg-menu.png) center right no-repeat; }
#menu ul li span:last{ background:none; }
#menu ul li span a{ color:#2b430d; display:block; padding:3px 2px 3px 0;  }
a#linkhome{ width:64px; text-align:right; }
a#linkagencia{ width:80px; text-align:center; }
a#linkportfolio{ width:80px; text-align:center; }
a#linkcontato{ width:85px; text-align:left; }
a#linkhome:hover, a#linkportfolio:hover, a#linkagencia:hover, a#linkcontato:hover, .active{ border-bottom:2px solid #2b430d; }

/* home */
.projetorecente{ position:relative; width:874px; height:auto; }
h3.other{ color:#86a230; font-weight:bold; font-size:14px; background:url(../images/gota.png) left center no-repeat; height:20px; padding-left:33px; margin-bottom:10px; }
.projetorecente h2{ font-size:20px; color:#76a125; margin-bottom:10px; }
.projetorecente h3 span{ font-size:12px; font-weight:normal; }
.shareContainer{ position:relative; width:874px; height:25px; padding:5px 0 0 0; border-bottom:1px dashed #969a99; margin-bottom:10px; }
.shareContainer h3{ font-size:18px; color:#292727; }
.shareOptions{ position:absolute; top:0; right:0; height:22px; }
.likefacebook{ position:absolute; top:2px; left:-62px; width:100px; height:30px; overflow:hidden; }
.projetorecente p{ font-size:12px; color:#505050; margin-bottom:10px; }
h4.tipodeservico{ display:block; margin-bottom:15px; }
h4.tipodeservico span{ display:none; }
.teladoprojeto{ position:relative; width:950px; height:auto; margin:0 auto; margin-bottom:10px; }
.teladoprojeto h3.other{ margin-left:38px; }
.videodoprojeto{ position:relative; width:549px; max-width:864px; height:auto; border:5px solid #fff; margin:0 auto; }

/*.clientes{ position:relative; width:950px; height:auto; margin:0 auto; }*/
/*.grid2 .clientes{ position:relative; width:950px; height:auto; margin:0 auto; }*/
.grid1 .clientes{ position:relative; width:874px; height:auto; margin:0 auto; }
/*.grid2 .clientesLine{ position:relative; width:950px; height:auto; margin:0 auto; }*/
.grid1 .clientesLine{ position:relative; width:874px; height:auto; margin:0 auto; }
/*.grid2 .clientes h3{ display:block; width:160px; height:56px; float:left; margin-bottom:20px; margin-right:27px; }*/
.grid1 .clientes h3{ display:block; width:160px; height:56px; float:left; margin-bottom:20px; margin-right:18px; }
.clientes h3 span{ display:none; }
.clientes h2{ font-size:25px; color:#292727; margin-bottom:10px; }

#containerfooter{ position:relative; width:100%; height:auto; background:url(../images/line-footer.png) center top no-repeat; padding:37px 0 0 0; text-align:left; }
#footer{ position:relative; margin:0 auto; width:874px; height:145px; padding:0 38px; }
#footer a{ color:#383838; }
#leftFooter{ position:absolute; top:30px; left:38px; }
#leftFooter h2, #leftFooter h3, #leftFooter h4{ font-size:12px; color:#383838; margin-bottom:2px; }
#leftFooter p{ font-size:16px; color:#010101; margin-bottom:15px; }
#leftFooter p a{ color:#010101; }
#leftFooter h4{ background:url(../images/telefone-footer.gif) left center no-repeat; padding-left:25px; }

#rightFooter{ position:relative; float:right; width:145px; height:120px; background:url(../images/bg-siganos.png) right top no-repeat; }
#social1{ position:absolute; right:5px; top:33px; }
#social2{ position:absolute; right:29px; top:33px; }
#logoFooter{ position:absolute; right:0; bottom:0; }

/* Agência */
#sobre{ position:relative; width:415px; height:390px; padding:0 0 0 535px; margin:0 auto; margin-bottom:20px; background:url(../images/mesa-agencia.png) center top no-repeat; }
#sobre2{ position:relative; width:515px; height:300px; padding:0 0 0 435px; margin:0 auto; margin-bottom:20px; background:url(../images/mesa-home.png) left top no-repeat; }
#sobre p, #sobre2 p{ margin-bottom:10px; font-size:12px; color:#454544; }
#sobre h2, #sobre2 h2{ font-size:20px; color:#010101; font-weight:normal; margin-bottom:10px; }

.boxServicos{ position:relative; float:left; width:256px; height:auto; padding:0 2px; margin:0 47px 30px 0; background:url(../images/bg-box-servicos.png) top center repeat-y; }
.servico{ position:relative; width:226px; height:180px; padding:15px 15px 0 15px; border-top:2px solid #cce2d5; }
#cadeira{ height:430px; }
#cadeira h2{ font-size:24px; color:#848484; margin-bottom:10px; }
#cadeira h2 span{ font-size:30px; color:#010101; }
#cadeira h3 span{ display:none; }
#cadeira h3{ margin:10px 0 10px -30px; }
#cadeira p{ font-size:12px; color:#636464; margin-bottom:10px; }
img#imgCadeira{ position:absolute; right:-70px; bottom:0; z-index:2; }
.servico h2, .servico2 h2{ color:#8aa896; font-size:18px; margin-bottom:10px; }
.servico p, .servico2 p{ font-size:12px; color:#777773; }

.boxServicos2{ position:relative; float:left; width:296px; height:auto; padding:0 2px; margin:0 47px 20px 0; background:url(../images/bg-box-servicos2.png) top center repeat-y; }
.servico2{ position:relative; width:266px; height:170px; padding:15px 15px 0 15px; border-top:2px solid #cce2d5; }

.boxServicos span , .boxServicos2 span{ position:relative; display:block; width:100%; height:5px; background:url(../images/sombra.png) center no-repeat; }

/* Portfolio */
.slideProjetos{ position:relative; width:874px; height:277px; overflow:hidden; }
.portfolios{ position:relative; width:874px; height:196px; overflow:hidden; margin:0 auto; }
.portfolios div{ position:relative; float:left; }
.portLeft{ width:289px; margin-right:23px; }
.portCenter{ width:249px; margin-right:23px; }
.portRight{ width:289px; }

.videodoprojeto{ position:relative; margin:0 auto; width:549px; height:auto; border:5px solid #fff; }
.videodoprojeto2{ position:relative; float:left; width:406px; height:auto; border:5px solid #fff; margin-right:40px; }
.banner{ position:relative; float:left; width:268px; height:220px; margin-right:35px; }
/*.banner2{ position:relative; float:left; width:279px; height:220px; margin-right:18px; }*/
.emailmkt{ position:relative; float:left; width:281px; height:369px; margin-right:15px; margin-bottom:20px; }
#offline{ width:874px; height:auto; }
#offline img{ margin-right:18px; }
.cenografia{ position:relative; width:874px; }
.cenografia img{ margin-right:6px; }

/* Contato */
#leftContato{ position:relative; float:left; width:395px; height:500px; }
#leftContato h2{ font-size:24px; color:#202121; margin-bottom:10px; }
#leftContato h2 span{ color:#818281; }
#leftContato p{ font-size:12px; color:#000; margin-bottom:4px; }
#leftContato p a{ color:#000; }


#rightContato{ position:relative; float:left; width:479px; height:auto; }
#rightContato table{ width:455px; font-size:14px; color:#000; position:relative; }
#rightContato table tr td{ text-align:right; padding-bottom:8px; position:relative; }

input.inputDefault{ background:url(../images/bg-input.png) center top no-repeat; width:327px; height:24px; padding:2px 4px; }
textarea.textareaDefault{ background:url(../images/bg-textarea.png) center top no-repeat; width:329px; height:110px; padding:4px; overflow:auto; }
input.btnSend{ background:url(../images/btn-send.png) center no-repeat; width:30px; height:30px; position:absolute; bottom:2px; right:0; }
#btn{ width:30px; padding:0 5px; height:118px; position:relative; }

.listaProjeto{ position:relative; width:100%; height:auto; }

#listaportfolio{ position:relative; width:874px; height:auto; }
#listaportfolio h2{ font-size:24px; color:#292727; font-weight:normal; margin-bottom:20px; }
#listaportfolio img{ margin:0 0 20px 0; float:left; }