* {margin:0; padding:0;}
img {border:none;}
a{outline:none}
a{text-decoration:none; color:#333333;}
a:hover{text-decoration:underline; color:#333333;}
html, body{ 
margin:0; 
padding:0; 
text-align:center; 
} 
body {
background: #DBEAA2 url(f-1.jpg) repeat-x left top;
font: 12px "trebuchet MS", Arial;
color:#666666;
} 
#pagewidth{
width:998px;
text-align:left;
margin:0 auto;
background: url(f-2.png) repeat-y center top;
} 

#header{
position:relative;
height:250px;
width:990px;
margin:0 auto;
background-color:#000000;
color:#CCCCCC;
*margin-left:4px;
} 

#maincol{
background-color: #FFFFFF;  
float:right; 
display:inline; 
position:relative; 
width:990px;
margin-right:4px;
}

#footer{
width:990px;
height:68px;
margin:0 auto;
clear:both;
background: url(f-foot.jpg) repeat-x left top;
*margin-left:4px;
}
/* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 

div#coluna-principal{
width:771px;
float:left;
padding:14px 0 0 0;
}
div#coluna-secundaria{
width:219px;
float:right;
padding:14px 0 0 0;
}
div#conteudo-principal{
width:756px;
margin:0 auto;
*margin-left:5px;
}
div.box-bem-vindo{
width:756px;
background: url(f-box-bem-vindo.png) repeat-y center top;
margin:0 0 14px 0;
}
div.box-bem-vindo-top{
width:756px;
height:40px;
margin:0 0 0 0;
background: url(box-bem-vindo-top.png) no-repeat center 0px;
}
div.box-bem-vindo-top-2{
width:756px;
height:40px;
margin:0 0 0 0;
background: url(f-box-bem-vindo-top.jpg) repeat-x left top;
}
img.box-bem-vindo-top-e{
float:left;
}
img.box-bem-vindo-top-d{
float:right;
}
div.box-bem-vindo-dentro{
padding:14px 15px 10px 15px;
}
div.box-bem-vindo-dentro-2{
padding:14px 15px 0 15px;
}
p.txt-box-1{
line-height:20px;
color:#666666;
}
h1.tit-box-1{
color:#0066CC;
font-size:18px;
font-weight:bold;
margin:0 0 9px 0;
}
div.box-bem-vindo-fim{
width:756px;
height:7px;
margin:0 0 0 0;
background: url(box-bem-vindo.png) no-repeat center -7px;
}
div.box-noticias-top{
width:756px;
height:40px;
margin:0 0 0 0;
background: url(f-box-noticia-top.jpg) repeat-x left top;
}
div.box-depoimentos-top{
width:756px;
height:40px;
margin:0 0 0 0;
background: url(f-box-depoimento-top.jpg) repeat-x left top;
}



img.clear{display:none;}
span.span-titulo-box, span.em-branco{display:none;}


/*p.titulo-box-bem-vindo{
width:215px;
height:21px;
margin:0;
padding:11px 0 0 5px;
float:left
}*/
div.img-1, div.img-2{
width:225px;
height:155px;
background: url(f-img-1.jpg) no-repeat left top;
float:left;
margin:0 18px 5px 0;
}
div.img-2{
margin:12px 18px 5px 0;
}
div.img-1 img, div.img-2 img{
width:222px;
height:150px;
margin:2px 0 0 0;
}
div.btn-ver-mais-1{
float:right;
}
div.btn-ver-mais-1 a{
width:74px;
height:19px;
margin:7px 0 0 26px;
display:block;
}
div.btn-ver-mais-noticias, div.btn-ver-mais-depoimentos{
width:105px;
height:32px;
padding:5px 0 0 0;
background: url(f-btn-mais-noticias.jpg) no-repeat right 5px;
}
div.btn-ver-mais-depoimentos{
background: url(f-btn-mais-depoimentos.jpg) no-repeat right 5px;
}
div.fundo-noticia{
width:710px;
margin:0 auto;
margin-bottom:14px;
padding:9px 8px 9px 8px;
background: #FFFFFF url(f-corpo-noticia-home.jpg) repeat-x left bottom;
overflow: auto;
}
p.txt-box-2{
color:#333333;
line-height:18px;
}
h1.tit-box-noticia{
color:#333333;
font-size:16px;
padding:0;
margin:0 0 10px 0;
}
div.img-noticia, div.img-case{
background-color:#FFFFFF;
border:1px solid #CCCCCC;
padding:3px;
margin:0 10px 0 0;
float:left;
}
div.img-case{
padding:5px;
margin:0 15px 0 0;
}
div.fundo-depoimento{
width:710px;
margin:0 auto;
margin-bottom:14px;
padding:9px 8px 9px 8px;
background: #FFFFFF url(f-corpo-depoimento.jpg) repeat-x left bottom;
overflow: auto;
}
p.txt-box-depoimento{
color:#333333;
line-height:18px;
font-size:13px;
font-style: italic;
padding:8px 0 0 0;
}
/* coluna secundaria */

div.coluna-secundaria-dentro{
width:203px;
margin:0 auto;
}
div#box-search, div.box-publicidade{
width:203px;
background: #EBEBEB url(f-top-box-search.jpg) no-repeat center top;
margin-bottom:7px;
}
div.box-publicidade{
margin:15px 0 0 0;
text-align:center;
}
p.publicidade{
padding:60px 0 60px 0;
}
div#box-search-fim, , div.box-publicidade-fim{
width:203px;
height:2px;
background: #EBEBEB url(f-fim-box-search.jpg) no-repeat center top;
clear:both;
}
div#box-search-dentro{
padding:11px 11px 9px 11px;
}
div#search-field-holder{
width:180px;
height:27px;
background: url(f-search-field.jpg) no-repeat left top;
}
input.search-input{
width: 150px;
height: 16px;
background: none;
border: none;
color: #999999;
font-size:11px;
margin-top: 5px;
margin-left: 3px;
padding:2px 0 0 2px;
float:left;
}
input.search-btn{
width: 24px;
height: 27px;
border: none;
margin:0;
padding:0;
float:right;
outline:none;
}
div.coluna-sec-box{
width:203px;
background: #EBEBEB url(f-box-sec-dentro.jpg) repeat-y left top;
margin:15px 0 0 0;
clear:both;
}
div.coluna-sec-fim{
width:203px;
height:2px;
background: #EBEBEB url(f-box-sec-dentro-fim.jpg) no-repeat left bottom;
clear:both;
}
div.tit-box-sec{
width:203px;
height:39px;
background: url(f-tit-box-sec.jpg) repeat-x left top;
}
/*p.tit-box-secundario{
width:182px;
height:19px;
margin:11px 0 0 5px;
float:left;
}*/
div.coluna-sec-fim-ver{
height:38px;
background: url(f-box-sec-ver-mais.jpg) repeat-x left top;
margin:0;
padding:0;
clear:both;
}
p.ver-mais{
width:94px;
height:19px;
margin:11px 0 0 7px;
float:left;
}
div.box-sec-dentro{
width:189px;
margin:0 auto;
margin-top:7px;
margin-bottom:7px;
}
div.img-cases-home{
width:187px;
border:1px solid #FFFFFF;
margin-bottom:7px;
}
p.cases-home{
font-size:11px;
margin:0 0 7px 4px;
padding:0 0 8px 0;
line-height:normal;
border-bottom:1px solid #CCCCCC;
}
div.corpo-case-home{
margin-bottom:12px;
}
p.txt-footer{
color:#CFDF99;
font-size:12px;
padding:15px 0 0 17px;
line-height:24px;
}
p.txt-footer a{
color:#DFE9BA;
font-weight:bold;
text-decoration:none;
}
p.txt-footer a:hover{
color:#DFE9BA;
text-decoration:underline;
}

div#coluna-menu{
width:212px;
float:left;
}
div#coluna-menu-holder{
width:203px;
margin:0 0 0 1px;
background: url(f-col-menu.jpg) repeat-y right top;
}
div#menu-1{
width:203px;
background: url(f-col-menu-top.jpg) no-repeat left top;
}
div#menu-1-fim{
width:203px;
height:37px;
background: url(f-col-menu-fim.jpg) no-repeat left top;
}
ul.menu-1{
padding:3px 0 0 0;
}
ul.menu-1 li{
width:203px;
height:37px;
display: block;
list-style:none;
}
ul.menu-1{
width:203px;
display: block;
list-style:none;
}
ul.menu-1 li a{
width:193px;
height:37px;
padding:0 0 0 10px;
display: block;
background: url(f-menu-2.jpg) no-repeat left top;
line-height:37px;
color:#666666;
text-decoration:none;
font-size:13px;
}
ul.menu-1 li a:hover{
background: url(f-menu-2.jpg) no-repeat left bottom;
color:#333333;
text-decoration:none;
}

/*
div#coluna-menu{
width:212px;
float:left;
}
div#coluna-menu-holder{
width:203px;
margin:0 0 0 1px;
background: url(f-col-menu.jpg) repeat-y right top;
}
div#menu-1{
width:203px;
background: url(f-col-menu-top.jpg) no-repeat left top;
}
div#menu-1-fim{
width:203px;
height:37px;
background: url(f-col-menu-fim.jpg) no-repeat left top;
}
ul.menu-1{
padding:3px 0 0 0;
}
ul.menu-1 li{
width:203px;
height:37px;
display: block;
list-style:none;
text-indent:-9999px
}
ul.menu-1 li.oportunidade{
width:203px;
height:52px;
display: block;
list-style:none;
text-indent:-9999px
}
a.l-menu-1-home{
width:203px;
height:37px;
background: url(b-programacao.jpg) no-repeat left top;
display:block;
}
a.l-menu-1-home:hover{
width:203px;
height:37px;
background: url(b-programacao.jpg) no-repeat left bottom;
display:block;
}
a.l-menu-1-historico{
width:203px;
height:37px;
background: url(b-historico.jpg) no-repeat left top;
display:block;
}
a.l-menu-1-historico:hover{
width:203px;
height:37px;
background: url(b-historico.jpg) no-repeat left bottom;
display:block;
}
a.l-menu-1-historico-sel{
width:203px;
height:37px;
background: url(b-historico-sel.jpg) no-repeat left top;
display:block;
}
a.l-menu-1-cases{
width:203px;
height:37px;
background: url(b-cases.jpg) no-repeat left top;
display:block;
}
a.l-menu-1-cases:hover{
width:203px;
height:37px;
background: url(b-cases.jpg) no-repeat left bottom;
display:block;
}
a.l-menu-1-cases-sel{
width:203px;
height:37px;
background: url(b-cases-sel.jpg) no-repeat left top;
display:block;
}
a.l-menu-1-workshop{
width:203px;
height:37px;
background: url(b-workshop.jpg) no-repeat left top;
display:block;
}
a.l-menu-1-workshop:hover{
width:203px;
height:37px;
background: url(b-workshop.jpg) no-repeat left bottom;
display:block;
}
a.l-menu-1-workshop-sel{
width:203px;
height:37px;
background: url(b-workshop-sel.jpg) no-repeat left top;
display:block;
}
a.l-menu-1-oportunidade{
width:203px;
height:52px;
background: url(b-oportunidade.jpg) no-repeat left top;
display:block;
}
a.l-menu-1-oportunidade:hover{
width:203px;
height:52px;
background: url(b-oportunidade.jpg) no-repeat left bottom;
display:block;
}
a.l-menu-1-oportunidade-sel{
width:203px;
height:52px;
background: url(b-oportunidade-sel.jpg) no-repeat left top;
display:block;
}
a.l-menu-1-head-hunters{
width:203px;
height:37px;
background: url(b-head-hunters.jpg) no-repeat left top;
display:block;
}
a.l-menu-1-head-hunters:hover{
width:203px;
height:37px;
background: url(b-head-hunters.jpg) no-repeat left bottom;
display:block;
}
a.l-menu-1-head-hunters-sel{
width:203px;
height:37px;
background: url(b-head-hunters-sel.jpg) no-repeat left top;
display:block;
}
a.l-menu-1-vitrine{
width:203px;
height:37px;
background: url(b-vitrine.jpg) no-repeat left top;
display:block;
}
a.l-menu-1-vitrine:hover{
width:203px;
height:37px;
background: url(b-vitrine.jpg) no-repeat left bottom;
display:block;
}
a.l-menu-1-vitrine-sel{
width:203px;
height:37px;
background: url(b-vitrine-sel.jpg) no-repeat left top;
display:block;
}
a.l-menu-1-downloads{
width:203px;
height:37px;
background: url(b-downloads.jpg) no-repeat left top;
display:block;
}
a.l-menu-1-downloads:hover{
width:203px;
height:37px;
background: url(b-downloads.jpg) no-repeat left bottom;
display:block;
}
a.l-menu-1-downloads-sel{
width:203px;
height:37px;
background: url(b-downloads-sel.jpg) no-repeat left top;
display:block;
}
*/
div#coluna-central{
width:536px;
float:right;
margin-left:8px;
}
div.box-2{
width:536px;
background: url(f-box-2.jpg) repeat-y center top;
margin:0 0 14px 0;
}
div.box-2-top{
width:536px;
height:40px;
background: url(f-box-bem-vindo-top.jpg) repeat-x left top;
}
div.box-2-fim{
width:536px;
height:39px;
background: url(f-box-2-fim.jpg) repeat-x center top;
clear:both;
}
div.box-2-dentro{
padding:4px 15px 6px 15px;
}
p.txt-box-2{
line-height:20px;
color:#666666;
margin:15px 0 5px 0;
}
div.fundo-case, div.fundo-case-2{
width:96%;
/*height:161px;*/
height:70px;
float:left;
margin:0 auto;
margin-top:10px;
padding:9px;
background: #FFFFFF url(f-cases.jpg) repeat-x left top;
overflow:auto;
}
div.fundo-case-2{
width:97%;
float:none;
margin-bottom:5px;
}
div.img-3{
background-color:#FFFFFF;
border:1px;
}
h1.tit-case{
font-size:16px;
color:#333333;
margin:0 0 8px 0;
}

/*-------------------------------------------------------------*/

p.titulo-box-bem-vindo{
width:215px;
height:21px;
padding:11px 0 0 5px;
float:left;
font-size:18px;
line-height:20px;
}

p.tit-box-secundario{
height:19px;
margin:11px 0 0 3px;
float:left;
font-size:18px;
line-height:18px;
}
p.icon-home{
height:21px;
background: url(icon-home.jpg) no-repeat 2px 14px;
padding-left:22px
}
p.icon-seta{
height:21px;
background: url(icon-seta.jpg) no-repeat 2px 12px;
padding-left:28px
}
p.icon-cases{
height:19px;
background: url(icon-cases.jpg) no-repeat left top;
padding-left:22px;
}
p.icon-patrocinadores{
height:19px;
background: url(icon-patrocinadores.jpg) no-repeat left 1px;
padding-left:22px;
}
p.icon-parceiros{
height:19px;
background: url(icon-parceiros.jpg) no-repeat left top;
padding-left:19px;
}
p.icon-noticias{
height:21px;
background: url(icon-noticias.jpg) no-repeat 2px 14px;
padding-left:22px
}
p.icon-depoimentos{
height:21px;
background: url(icon-depoimentos.jpg) no-repeat 2px 14px;
padding-left:22px
}

/* buscas*/

.resultado-busca{
color:#666666;
text-decoration:underline;
}
.corpo-resultado-busca{
padding:10px 0 7px 10px;
border-bottom:1px solid #CCCCCC;
}
a.link-resultado-busca{
color:#0066CC;
text-decoration:underline;
font-size:13px;
}
a:hover.link-resultado-busca{
text-decoration:none;
}
p.txt-resultado-busca{
line-height:normal;
color:#333333;
margin:7px 0 0 0;
}
p.url-resultado-busca{
line-height:normal;
color: #009900;
margin:0 0 3px 0;
font-size:11px;
}
.top-resultado-busca{
color:#0066CC;
font-size:16px;
font-weight:bold;
margin:0 0 9px 0;
padding:7px;
}

/* paginação */

div.paginacao, div.paginacao-2{
margin:10px 0 5px 0;
height:24px;
clear:both;
}
div.paginacao-2{
margin:15px 0 0 0;
}
#pagination-flickr{border:0; margin:0; padding:0;}
#pagination-flickr li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
display: inline;
}
#pagination-flickr a{
border:solid 1px #DDDDDD;
margin-right:2px;
background-color:#FFFFFF
}
#pagination-flickr .previous-off,
#pagination-flickr .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
#pagination-flickr .next a,
#pagination-flickr .previous a {
font-weight:bold;
border:solid 1px #CCCCCC;
background-color: #FFFFFF
}
#pagination-flickr .active{
color:#ff0084;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-flickr a:link,
#pagination-flickr a:visited {
color:#0063e3;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-flickr a:hover{
border:solid 1px #666666;
}

/* contato */

form.form-1 {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:11px verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 700px;
  max-width: 725px;
  width: 725px; 
}
form.form-1 p{margin-bottom:10px;}
form.form-1 fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */

  border:solid 1px #CCCCCC;
  border:solid 1px #CCCCCC;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
  background: #E0E0E0 url(f-cases.jpg) repeat-x left top;
}
form.form-1 fieldset legend {
   display:none;
}
form.form-1 label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 120px; 
	padding: 0; 
	margin: 7px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
form.form-1 input, form.form-1 textarea, form.form-1 select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:4px 0 0 5px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
    border:1px solid #CCCCCC;
	padding:1px;
}
form.form-1 input#reset { margin-left:0px; /* set margin-left back to zero on reset button (set above) */}
form.form-1 textarea { overflow: auto; }
form.form-1 .required{ font-weight:bold;} /* uses class instead of div, more efficient */
form.form-1 br { clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */}