@charset "utf-8";
/* CSS Document */
html,body, img, form{ margin:0; padding:0; border:0;}
p{margin-top:0; margin-bottom:0.8em;}
body{
	background:url(/br/images/bg_texture.jpg) #f7fdff left top repeat;
	font: 18px 'YanoneKaffeesatzLight', Arial, sans-serif;
	color:#3e3e3e;
}
b, strong{font-family:'YanoneKaffeesatzBold', Arial, sans-serif; font-size:1.05em; font-weight:normal}

.bg{background:url(/br/images/bg_detalhe.png) center top no-repeat;}
body#index .bg{background:url(/br/images/fundo-home.jpg) center top no-repeat; }

blockquote{font-family:'PTSerifItalic', Georgia, "Times New Roman", Times, serif; line-height:1.1em; margin:0;padding:0}

ol{font-family:'YanoneKaffeesatzBold', Arial, sans-serif;list-style-position:outside; color:#77AA00; font-size:1.1em}
ol li span{ font-family:'YanoneKaffeesatzLight', Arial, sans-serif; color:#3e3e3e; font-size: 18px;text-decoration:none!important}
ol li u{ font-family:'YanoneKaffeesatzLight', Arial, sans-serif; color:#3e3e3e; font-size: 18px; text-decoration:none!important}
a {color:#ef4747; text-decoration:none; }
a:hover{text-decoration:underline;}
a.link {color:#ef4747; text-decoration:none; background:url(/br/images/ico_link.png) center left no-repeat; padding-left:22px;}
a.link:hover{text-decoration:underline;}
a.linktwitter {color:#ef4747; text-decoration:none; background:url(/br/images/ico_twitter.png) center left no-repeat; padding-left:22px;}

h2{ color:#77aa00; font-weight:normal; font-size:40px; margin:10px 0;font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;}
h2 .low { font-size:75%; color:#494949;}
h3 {color:#494949; font-weight:normal; font-size:30px; margin-bottom:4px;font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;}
h4{color:#77aa00; font-weight:normal; font-size:28px; margin:10px 0;font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif; color:#7A0;}
h4 .low { font-size:75%; color:#494949;}

#btn_contact { position:fixed; top: 263px; right:0; height:152px; width:23px; z-index:1000; }
#btn_contact a#contato{background:url(/br/images/btn_contato.png) center no-repeat; height:92px; width:23px; display:block;}
#btn_contact a#contato:hover{background:url(/br/images/btn_contato_hover.png) center no-repeat;}

#footer{ background:url(/br/images/fundo-rodape.jpg) left top repeat-x; margin-top:10px; width:100%; height:635px; clear:both; position:relative;}

#menu{ height:80px; background: url(/br/images/topmenu_bg.png) #fff repeat-x;}
#menu .container{white-space:nowrap; height:80px;}

#menu a{ height:80px; display:block; float:left; background-image:url(/br/images/topmenu_all.png); background-repeat:no-repeat;}

/*Colunas de conteúdo*/
#colOne{ margin:40px 28px 0 28px; width:744px;}
.colLeft{ width:580px; float:left}
.colRight{ width:300px;  float:right; padding-bottom:20px;}


/* Menu */
.m_serv{ width:160px;background-position:0px -160px ;}
.m_serv:hover{ background-position:0px -80px ;}
.m_serv.on{ background-position:0px 0px ;}

.m_cases{ width:112px; background-position:-162px -160px ;}
.m_cases:hover{ background-position:-162px -80px ;}
.m_cases.on{  background-position:-162px 0px ;}

.m_metodo{ width:114px; background-position:-276px -160px ; }
.m_metodo:hover{ background-position:-276px -80px ; }
.m_metodo.on{ background-position:-276px 0px ; }

.m_empresa{ width:122px; background-position:-388px -160px ;}
.m_empresa:hover{ background-position:-388px -80px ;}
.m_empresa.on{ background-position:-388px 0px ;}

.m_equipe{ width:116px; background-position:-510px -160px ;}
.m_equipe:hover{ background-position:-510px -80px ;}
.m_equipe.on{ background-position:-510px 0px ;}

.m_clientes{ width:127px; background-position:-625px -160px ; }
.m_clientes:hover{ background-position:-625px -80px ; }
.m_clientes.on{ background-position:-625px 0px ; }

.m_trabalhe{ width:143px; background-position:-752px -160px ;}
.m_trabalhe:hover{ background-position:-752px -80px ;}
.m_trabalhe.on{ background-position:-752px 0px ;}

.m_blog{ width:72px; background-position:-895px -160px ;}
.m_blog:hover{ background-position:-895px 0px ;}
/* Fim menu */

#page_area{
	margin:0 auto; overflow:hidden; 
	position: relative;
}

/* logo */

#page_area .logo{height:80px; width:269px; right:24px; top:56px; position:absolute; z-index:9999;}
#page_area  .little_contact{ right:24px; top:176px; position:absolute; font-size:16px; line-height:1.2em; text-align:right;}
.servicos{ background:url(/br/images/ilustra_servicos.png) center 20px no-repeat;}
.servicos .header{ height:340px;}

.metodologia{ background:url(/br/images/ilustra_metodo.png) center -45px no-repeat;}
.metodologia .header{ height:330px;}

.empresa{ background:url(/br/images/ilustra_empresa.png) center -25px no-repeat;}
.empresa .header{ height:350px;}

.trabalhe{ background:url(/br/images/ilustra_trabalhe.png) center -25px no-repeat;}
.trabalhe .header{ height:350px;}
.trabalhe #colOne{ width:auto}

.equipe{ background:url(/br/images/ilustra_equipe.png) center -125px no-repeat;}
.equipe .header{ height:290px;}

.cases{ background:url(/br/images/ilustra_cases.png) center -60px no-repeat;}
.cases .header{ height:375px;}

.cases_ver{background:url(/br/images/ilustra_cases.png) center -60px no-repeat; }
.cases_ver .header{
	 height:335px;
}
.cases_ver #colOne{ width:auto}

.cases_ver .depoimento_case {margin-top:40px; }
.cases_ver .depoimento_case p{text-align:right; margin-top:5px;font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;}
.cases_ver .depoimento_case p span{color:#77aa00; }

.cases_ver .depoimento_case blockquote{ position:relative; padding-left:28px; padding-top:30px; margin-bottom:44px; background:url(/br/images/lquote.png) left top no-repeat;}
.cases_ver .depoimento_case .rquote {font-size:82px; position:absolute;  bottom:-60px; right:0;color:#a6e3e7;}



.case_page_title{ font-size:18px; font-weight:normal;  color:#3E3E3E;font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;}
.case_title{ font-weight:normal; text-transform:uppercase; margin:0px; padding:0; color:#ce0a00;color:#77aa00; font-size:48px; margin-top:-10px;font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;}
.case_title .low { font-size:22px; color:#494949; text-transform:none}
.case_description{ font-size:18px; font-weight:normal; color:#3E3E3E;border-bottom:2px solid #3e3e3e;border-top:2px solid #3e3e3e; padding:2px 0; text-align:left;font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;}
 /*
.clientes{ background:url(/br/images/ilustra_clientes.png) center 220px no-repeat;}
.clientes .header{ height:320px;}
.clientes_list img{ margin:12px 13px}
.partners_list img{ margin:12px 13px}

.clientes #colOne, .cases #colOne{ margin:40px 28px 0px 28px; width:auto;}

.depoimento {width:600px; display:block; position:absolute; left:15px; top:80px;}
.depoimento blockquote{font-size:24px;}
.depoimento p{padding-left:10px; font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;}
.depoimento p span{ color:#77aa00}
*/
.clientes{ background:url(/br/images/ilustra_clientes.png) center 70px no-repeat;}
.clientes .header{ height:240px;}
.clientes_list img{ margin:12px 13px}
.partners_list img{ margin:12px 13px}

.clientes #colOne, .cases #colOne{ margin:40px 28px 0px 28px; width:auto;}

.depoimento {display:block; position:relative}
.depoimento blockquote{font-size:18px; line-height:1.2em; background:url(/br/images/lquote.png) no-repeat top left; padding:30px 0px 30px 30px; margin:0 30px 0 30px; position:relative }
.depoimento p{ text-align:right; font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif; padding-right:30px; padding-top:10px;}
.depoimento p span{ color:#77aa00}
.depoimento .rquote { background:url(/br/images/rquote.png); height:25px; width:33px;
position:absolute; right:0; bottom:0;}

.container{width:966px; margin:0 auto; position:relative;}



.hide{visibility:hidden; display:none;}

.sharearea{ border-top: 2px solid #3d3d3d;border-bottom: 2px solid #3d3d3d; padding:0; text-align:right; clear:both; margin:40px 0;}
.sharearea *{vertical-align:middle;}
.sharearea span{margin-top:5px;}
a.linkedin{ background:url(/br/images/icos_share.png) 0px 0px ; height:35px; width:31px; display:inline-block}
a.twitter{ background:url(/br/images/icos_share.png) 31px 0px ; height:35px;width:31px;  display:inline-block}
a.facebook{ background:url(/br/images/icos_share.png) 62px 0px ; height:35px;width:31px;  display:inline-block}
a.linkedin:hover{ background:url(/br/images/icos_share.png) 0px -33px ; height:35px; width:31px; display:inline-block}
a.twitter:hover{ background:url(/br/images/icos_share.png) 31px -33px ; height:35px;width:31px;  display:inline-block}
a.facebook:hover{ background:url(/br/images/icos_share.png) 62px -33px ; height:35px;width:31px;  display:inline-block}

.dude_box_left{clear:both; overflow:hidden; padding-bottom:40px;}
.dude_box_left .dude_info{border-bottom: 2px solid #3d3d3d; padding-bottom:8px; margin-bottom:20px; overflow:hidden}
.dude_box_left .dude_info h2{width:55%;float:left;}
.dude_box_left .dude_info h2 .low{font-size:65%!important;}
.dude_box_left .dude_info blockquote{width:44%; bottom:8px;  text-align:right;  font-size:15px; float:right;padding-top:30px;}
.dude_box_left .dude_info blockquote strong{ font-family:'PTSerifBoldItalic'; font-size:15px; line-height:28px;}
.dude_box_left .dude_pic { width:300px;float:left;}
.dude_box_left .dude_bio { width:425px;float:right;}

.dude_box_right{  overflow:hidden;clear:both; padding-bottom:40px;}
.dude_box_right .dude_info{border-bottom: 2px solid #3d3d3d; padding-bottom:8px;margin-bottom:20px; overflow:hidden; }
.dude_box_right .dude_info h2{width:55%; text-align:right; float:right}
.dude_box_right .dude_info h2 .low{font-size:65%!important;}
.dude_box_right .dude_info blockquote{width:44%;text-align:left; font-size:15px; float:left;padding-top:30px;}
.dude_box_right .dude_info blockquote strong{ font-family:'PTSerifBoldItalic'; font-size:15px; line-height:28px;}
.dude_box_right .dude_pic { width:300px;float:right;}
.dude_box_right .dude_bio { width:425px;float:left;}



.clear{clear:both}
.next_page{ position:relative; height:306px; width:675px; margin:50px auto 0 auto;}
.next_page a{ display:block; height:306px; width:675px; background:url(/br/images/chamada_next_page.png) 0 0 no-repeat; }
.next_page a:hover{ display:block; height:306px; width:675px; background:url(/br/images/chamada_next_page.png) 0 -306px no-repeat; }
.next_page .text{ 
position:absolute; top:20px; left:28px; width:340px; height:115px; }
.next_page .text td{ width:340px; height:115px; color:#FFF; font-size:22px; font-family:'KomikaTextKapsRegular', Arial, sans-serif;}

#case_boxes{}
#case_boxes .case_box{width:296px; height:318px; float:left; background:#000; margin-bottom:10px; position: relative; overflow: hidden; }

/*
a.curriculo { background:url(/br/images/cadastro_curr.gif) center no-repeat; height:127px; width:200px; float:left}
a:hover.curriculo { background:url(/br/images/cadastro_curr_hover.gif) center no-repeat}
*/
a.curriculo { background:url(/br/images/cadastro_curr.png) 0 0 no-repeat; height:325px; width:200px; float:left}
a:hover.curriculo { background:url(/br/images/cadastro_curr.png) 0 -325px no-repeat}

/* Atualiza��es CSS feitas pela P4 */

#case_boxes .case_box a:hover{
    text-decoration: none;
}

#case_boxes .case_box img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	opacity: .6;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

#case_boxes .case_box img:hover{
	opacity: 1;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}

.boxcaption{
	float: left;
	position: absolute;
    border-top: 2px solid #f00;
    background: #000;
	height: 150px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.caption .boxcaption {
	top: 255px;
	left: 0;
}

p.nome_caption{
    font-weight:normal;
    font-size:30px;
    font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;
    color: #fff;
    margin: 15px 20px 0 20px;
}

p.info_caption{
    font-weight:normal;
    font-size:16px;
    font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;
    color: #fff;
    margin: 10px 20px 0 20px;
}

p.mais_caption{
    font-weight:normal;
    font-size:30px;
    font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;
    color: #fff;
    margin: 0 20px 0 20px;
    background: url(/br/images/ico_link2.png) 190px 13px no-repeat;
    padding:0;
    text-align: right;
}

#case_boxes .case_box a:hover p.mais_caption{
    color: #f00;
    background: url(/br/images/ico_link2_hover.png) 190px 13px no-repeat;
}


.cases_ver .videobox, .cases_ver .picbox{color:#77aa00;text-align:right; margin-top:30px;}
.cases_ver .videobox a, .cases_ver .picbox a{color:#77aa00; text-decoration: none;}

#conteudoHome{

    width: 410px;
    
    overflow: hidden;
    margin: 455px 0 0 225px;

    float: left;
}

#conteudoHome p{
    font-size:18px;
    font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;
    margin-bottom:1.0em;
    margin-left: 15px;
}
#conteudoHome p.esquerda{
    text-align:right;
    
}
#conteudoHome p a.link2{color:#bf0e0e; font-size: 24px; line-height:32px; text-align: right; text-decoration:none; background:url(/br/images/ico_link_home.png) center right no-repeat; padding:4px 38px 4px 0;}
#conteudoHome p a.link2:hover{text-decoration:underline;color:#ef4747; }

#caseHome{
    width: 245px;
    height: 231px;
    overflow: hidden;
    float: right;
    margin: 329px 20px 0 0;

}

#caseHome p{
    font-size:18px;
    font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;
    margin:0;
    padding: 3px 0 3px 10px;
    background: #000;
    color: #fff;
}

#caseHome p.baixo{
    font-size:20px;
    font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;
    margin:0;
    padding: 6px 0 0 10px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    display: block;
    height:30px;
    vertical-align: middle;
}

#caseHome p.baixo span{
    float: right;
    margin-top: -6px;
}

#caseHome a img.tela{
    margin: 1px 0;
}

#clientesHome{
    background: url(/br/images/clientes_100.png) top left no-repeat;
    width:966px;
    height: 225px;
    overflow: hidden;
    clear: both;
    margin:0 auto;

}

#clientesHome .listaCli{
    background: url(/br/images/fundo_clientes_home.png) top left no-repeat;
    width: 788px;
    height: 111px;
    margin: 55px auto 0 89px;
}

#clientesHome .listaCli img{    

	margin: 12px 15px 0 15px;
}

#clientesHome .listaCli img.primeira{
	margin: 12px 15px 0 53px;
}

#rodape{
    width:966px;
    height:635px;
    margin: 0 auto;
    position:relative;
}

#rodape h3{
    color:#f5f5f5;
    font-weight:normal;
    font-size:40px;
    font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;
    margin: 0;
    padding: 7px 0 0 0;
    text-align: center;
}

#rodape h3.esq{
    text-align: left;
    padding: 0;
}

#rodape h3.esq span{
    font-size: 25px;
}



#rodape #formulario, #rodape #informacoes{
    width: 365px;
    float: left;
    margin: 40px 0 0 70px;
    position:relative;
}

#rodape #formulario h4, #rodape #informacoes h4{
    color:#f5f5f5;
    font-size: 24px;

}

#rodape #formulario h4 span, #rodape #informacoes h4 span{
    font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
}

#rodape #informacoes h4 span a{
    font-size: 18px;
    color: #f5f5f5;
    text-decoration: none;
}

#rodape #informacoes h4 span a:hover{
    text-decoration: underline;
}

#rodape #formulario form input, #rodape #formulario form textarea{
    font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;
    width: 350px;
    background: url(/br/images/fundo-input.png) top left no-repeat;
    font-size: 18px;
    font-weight: normal;
    color: #4f4f4f;
    padding: 0 7px 0 7px;
    margin-bottom: 10px;
    display:block;
    border: none;
    height: 28px;
    resize: none;
}

#rodape #formulario form textarea{
    background: url(/br/images/fundo-textarea.png) top left no-repeat;
    height: 165px;
    padding: 7px 7px 0 7px;
    margin-bottom: 0;
    resize: none;
}

#rodape #formulario form button{
    width: 99px;
    height: 29px;
    background: url(/br/images/bt-enviar.png) top left no-repeat;
    border:none;
    text-indent:-9000em;
    overflow:hidden;
    cursor:pointer;
    float: right;
    margin: 5px 3px 0 0;
}

#rodape #formulario form button:hover{
    background: url(/br/images/bt-enviar-on.png) top left no-repeat;
}

#rodape #formulario #error{
    font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #f5f5f5;
    margin-top:6px;
}

#rodape #informacoes ul#social{
    margin: 30px 0 0 0;
    height:54px;
    padding: 0;
}

#rodape #informacoes ul#social li{
    list-style: none;
    width: 55px;
    height: 54px;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

#rodape #informacoes ul#menuBaixo{
     margin: 0;
    padding:40px 0 0 0;
    display:block;  height:60px; width: 365px;
}

#rodape #informacoes ul#menuBaixo li{

    list-style: none;
    display: inline;
    
    margin: 0 7px 0 0;
    font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #f5f5f5;
}

#rodape #informacoes ul#menuBaixo li a{
    font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #f5f5f5;
    padding-right: 7px;
}

#rodape img.mapa1{
    position: absolute;
    top: 115px;
    right: 60px;
}

#rodape img.logo1{
    position: absolute;
    bottom: 15px;
    left: 60px;
}


#rodape h4.sonhe{
    clear: both;
    font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;
    font-size: 22px;
    font-weight: normal;
    color: #e5e5e5;
    position: absolute;
    bottom: 15px;
    right: 10px;
}
#rodape h4.sonhe span{
    font-size: 18px;
    color: #fff;
}

#rodape_nav_cases{
     width: 910px;
     height: 124px;
     background: #CE0A00;
     clear: both;
     margin-bottom: 10px;
     overflow: hidden;
}

#rodape_nav_cases #esqFrase{
    float: left;
    border-right: 3px solid #fff;
    width: 412px;
    height: 124px;

}

#rodape_nav_cases #esqFrase h3{
    color: #fff;
    font-size: 24px;
    padding: 30px 0 0 50px;
    margin: 0;
}

#rodape_nav_cases #esqFrase h3 a{color:#fff; font-size: 24px; text-decoration:none; background:url(/br/images/ico_link3.png) left 5px no-repeat; padding-left:22px;}
#rodape_nav_cases #esqFrase h3 a:hover{text-decoration:underline; }

#rodape_nav_cases #miniCases{
    float: right;
    width: 495px;
    height: 124px;
}

#rodape_nav_cases #miniCases #frase{
    height: 35px;
    border-bottom: 3px solid #fff;
     overflow: hidden;
}

#rodape_nav_cases #miniCases #frase h4{
    color: #fff;
    background:url(/br/images/ico_link3.png) left 8px no-repeat;
    font-size: 19px;
    padding: 8px 0 0 27px;
    margin: 0 0 0 7px;
}


#rodape_nav_cases #miniCases #miniaturas .case_box{width:80px; height:86px; float:left; background:#000; margin-right:3px; position: relative; overflow: hidden; }


#rodape_nav_cases #miniCases #miniaturas .case_box img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	opacity: .6;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

#rodape_nav_cases #miniCases #miniaturas .case_box img:hover{
	opacity: 1;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}

 .boxcaption1{
	float: left;
	position: absolute;
    border-top: 1px solid #f00;
    background: #000;
	height: 21px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}


.caption1 .boxcaption1 {
	top: 65px;
	left: 0;
}

p.nome_caption1{
    font-weight:normal;
    font-size:13px;
    font-family: 'YanoneKaffeesatzRegular', Arial, sans-serif;
    color: #fff;
    margin: 2px 0 0 7px;

}
#preloadImages{
	height:0; display:inline; position:absolute; left:-9999px;
}
#preloadImages img{
	height:0; display:inline; visibility:hidden;
}

/* bandeiras */

#btn_contact ul{
margin: 0;
padding: 10px 0 0 0;
width: 23px;
height: 40px;



}

#btn_contact ul li{
	list-style: none;
	display: block;
	float: left;
	margin: 0 0 10px 3px;
	padding: 0;
}

#btn_contact ul li a{
	display: block;
	margin: 0;
	padding: 0;
}