@charset "utf-8";

@font-face {
    font-family: 'chaletLondon';
    src: url('fonts/Chalet-LondonNineteenSixty.eot');
    src: local('Chalet-LondonNineteenSixty'), 
    url('fonts/Chalet-LondonNineteenSixty.ttf') format('truetype');
  }
    
@font-face {
    font-family: 'lubalin';
    src: url('fonts/LubalinGraphStd-Demi.eot');
    src: local('LubalinGraphStd-Demi'), 
    url('fonts/LubalinGraphStd-Demi.ttf') format('truetype');
 }

*{
	margin:0px;
	padding:0px;
	color:#666;
}

/******************************** Esquema maroto para o footer ficar no footer **********************/

body{
	height: 100%;
}
html{
	height: 100%;
}
.wrapper {
	padding:0px 22px 30px 22px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:924px;
	margin:30px auto 0px auto;
	background-color:#FFFFFF;
}
.push {
	height: 60px;
}
.rodape{
	height: 60px;
	background-color:#eeeeee;
	width:100%;
}

/*********************************/


img{
	border:none;
}

h1,a.h1:link,a.h1:visited,a.h1:active,a.h1:hover{
	font-size:48px;
	line-height:52px;
	font-weight:normal;
	color:#666666;
	font-family: "lubalin", Arial, Helvetica, Verdana, sans-serif, "Trebuchet MS";
	text-transform: uppercase;
	background-color:Transparent;
}
h2,a.h2:link,a.h2:visited,a.h2:active,a.h2:hover{
	font-size:24px;
	line-height:18px;
	font-weight:normal;
	color:#CCCCCC;
	font-family: "lubalin", Arial, Helvetica, Verdana, sans-serif, "Trebuchet MS";
	text-transform: uppercase;
	background-color:Transparent;
}
h3,a.h3:link,a.h3:visited,a.h3:active {
	font-size:24px;
	font-weight:normal;
	line-height:24px;
	font-family: chaletLondon, Arial, Helvetica, Verdana, sans-serif, "Trebuchet MS";
	color:#9a9a9a;
	text-transform: uppercase;
	margin:0px;
}

a.h3:hover{
    color:#666666;   
    background-color:Transparent;
}


h4,a.h4:link,a.h4:visited,a.h4:active {
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	font-family: chaletLondon, Arial, Helvetica, Verdana, sans-serif, "Trebuchet MS";
	color:#999999;
	text-transform: uppercase;
	margin:0px;
	padding:0px;
}
a.h4:hover{
    color:#666666;   
    background-color:Transparent;
}


p{
	font-family: Arial, Helvetica, Verdana, sans-serif, "Trebuchet MS";
	font-size:14px;
	line-height:18px;
	color:#999;
}
input{
	font-family:Arial, Helvetica, Verdana, sans-serif, "Trebuchet MS";
	font-size:11px;
	line-height:18px;
	color:#999;
}
.inputError{
	font-family:Arial, Helvetica, Verdana, sans-serif, "Trebuchet MS";
	font-size:11px;
	line-height:18px;
	color:#FFFFFF;
	background-color: #990000;
}

.inputError > option{
	font-family:Arial, Helvetica, Verdana, sans-serif, "Trebuchet MS";
	font-size:11px;
	line-height:18px;
	color:#FFFFFF;
	background-color: #990000;
}

select{
	font-family:Arial, Helvetica, Verdana, sans-serif, "Trebuchet MS";
	font-size:11px;
	line-height:18px;
	color:#999;
}
a:link {
	font-family:Arial, Helvetica, Verdana, sans-serif, "Trebuchet MS";
	font-size:14px;
	line-height:18px;
	text-decoration:none;
	color:#000;
}
a:visited {
	font-size:14px;
	line-height:18px;
	color:#000;
	text-decoration:none;
	font-family:Arial, Helvetica, Verdana, sans-serif, "Trebuchet MS";
}
a:hover {
	font-family:Arial, Helvetica, Verdana, sans-serif, "Trebuchet MS";
	font-size:14px;
	line-height:18px;
	text-decoration:none;
	color:#000;
	background-color:#fbed21;
}
a:active {
	font-size:14px;
	line-height:18px;
	color:#000;
	text-decoration:none;
	font-family:Arial, Helvetica, Verdana, sans-serif, "Trebuchet MS";
}

.floatLeft{
	float:left;
}

.floatRight{
	float:right;
}

.clear{
	clear:both;
}
.menu{
	height:90px;
	width:924px;
}
.divImgMenu{
	width:924px;
	height:242px;
}
.divTitulo{
	padding:26px 0px 32px 21px;
}
.content{
	padding:20px 0px 0px 0px;
}
.hr{
	width:924px;
	height:7px;
	background-color:#eeeeee;
}
.boxDstq{
	width:188px;
	height:248px;
	background-color:#eeeeee;
	margin-right:4px;
	padding:20px;
	float:left;
}
#boxLast{
	margin-right:-4px;
}
.boxDstqTopo{
	width:188px;
	height:46px;
	background-color:#fbed21;
	margin:-20px -20px 20px -20px;
	padding:15px 20px 20px 20px;
}
.dstqlinks{
	height:18px;
	margin:0px -20px 0px -20px;
	padding:0px 20px 0px 20px;
}
.dstqlinks:hover {
	background-color:#fbed21;
	margin:0px -20px 0px -20px;
	padding:0px 20px 0px 20px;
}
.destaque {
	background-color:#fbed21;
}
.data{
	font-family:Arial, Helvetica, Verdana, sans-serif, "Trebuchet MS";
	font-size:11px;
	line-height:18px;
	color:#666666;
}
.postBlog{
	margin-bottom:17px;
}
.postBlog:hover{
	background-color:#fbed21;
	margin:0px -20px 15px -20px;
	padding:0px 20px 2px 20px;
}
.icon{
font-size:11px;
	float:left;
	padding-top:1px;
	margin-right:10px;
}
.newsletter{
	height:43px;
	background-color:#eeeeee;
	margin-top:20px;
	width:924px;
}
.newsletterTit{
	width:208px;
	height:34px;
	background-color:#fbed21;
	padding:9px 0px 0px 20px;
	float:left;
}
.inputsMarotos{
	float:left;
	padding:12px 0px 0px 12px;
}
.btnEnviar{
	float:right;
	padding-left:21px;
	margin-top:-12px;
    text-align:right;
}
.centralizaFooter{
	width:924px;
	margin:0px auto;
	padding:7px 0px 0px 0px;
}
.divFooterLink{
	padding:0px 5px;
	float:left;
}
.divFooterLink a:link{
	font-size:11px;
	color:#666666;
}
.divFooterLink a:visited{
	font-size:11px;
	color:#666666;
}
.divFooterLink a:hover{
	font-size:11px;
	color:#000;
}
.divFooterLink a:active{
	font-size:11px;
	color:#eeeeee;
}
.boxLinksFooter{
	margin-bottom:7px;
}
#primaryFL{
	margin-left:-8px;
}
.divFooterLink p{
	font-size:11px;
	margin:-1px 0px 0px 5px;
	background-color:#eeeeee;
	float:left;
}
#divFooterApadiPad{
    margin-left:100px;
}
.divFooterApadi Img{
    padding:4px 0px 0px 5px;
    float:left;
}
#cases{
    background: url(../img/bgDivCase.jpg) repeat-y;
    background-color:#eeeeee;
    height:100%;
    padding:0px;
    margin-bottom:20px;
}
.caseLeft{
    float:left;
    width:420px;
    padding:20px;
}
li {
	list-style-position: inside;
	list-style-image: url(../img/li.jpg);
}
.caseRight{
    float:left;
    width:420px;
    height:100%;
    padding:20px;
}
.boxContentImgs{
    width:430px;
    margin-top:28px;
}
.boxImagens{
    width:138px;
    height:104px;
    float:left;
    padding-right:5px;
}
.boxCases{
    width:924px;
    height:100px;
}
.boxCases:hover{
    width:924px;
    height:100px;
    background-color:#fbed21;
}
.caseImg{
    padding:20px 0px 20px 20px;
    width:228px;
    height:59px;
    float:left;
}
.caseDesc{
    padding:27px 0px 0px 20px;
    float:left;
}
.h2:link{
	font-size:24px;
	line-height:24px;
	color:#999;
	font-family:Arial, Helvetica, Verdana, sans-serif, "Trebuchet MS";
	text-transform: uppercase;
	margin:0px;
}
.h3:link{
	font-size:24px;
	line-height:24px;
	font-family:Arial, Helvetica, Verdana, sans-serif, "Trebuchet MS";
	color:#8ca0ac;
	text-transform: uppercase;
	margin:0px;
}
.boxFlickr{
    height:85px;
    padding-top:30px;
}
.boxFlickr:hover{
    height:85px;
    padding-top:30px;	
    background-color:#fbed21;
}
.boxiconFlickr{
    margin:0px 60px 61px 175px;
    float:left;
}
#agencia{
    margin-top:60px;
}
.boxperfil{
    width:304px;
    margin:0px 4px 0px 0px;
    float:left;
}
.boxperfilTxt{
    padding:40px 10px;
}
.competenciasTit{
    float:left;
	width: 180px;
    margin-left:20px;
}
.competenciasTxt{
	float: left;
	width: 650px;
}
.setaGnd{
    float:left;
    margin:0px 20px 0px 82px;
}
#competencias{
    padding-top:20px;
    margin:0px;
    height:70px;
}
#competencias:hover{
    padding-top:20px;
    margin:0px;
    height:70px;
    background-color:#FFFFFF;
}
#compet {
    margin-bottom:0px;
}
.boxBulletBottom{
    width:226px;
    float:left;
    padding:0px 20px 10px 0px;
}

.boxBulletBottom > .floatRight{
    margin-top:5px;
}

.divClientes{
    width:224px;
    height:148px;
    float:left;
    background-color:#ffffff;
}
.divClientesOver{
    margin-right: -224px;
    padding:10px;
    width:204px;
    height:128px;
    float:left;
    background-color:#fbed21;
}
.divClientesOver:hover{
    margin-right: -224px;
    padding:10px;
    width:204px;
    height:128px;
    float:left;
    background-color:#fbed21;
}
.divClienteContainer{
    float:left;
    margin:5px 9px 0px 0px;
}
.dvContainerTextos{
    height:20px;
}
.imgCliente{
    width:228px;
    height:138px;
    background-color:White;
}
.titClient{
    margin-bottom:15px;
}
.bulletDescClient{
    margin:4px 5px 0px 0px;
    padding-top:2px;
    float:left;
}
.boxContato{
    width:696px;
    float:left;
}
.divContato{
    margin-bottom:28px;
}
.inputContato{
    width:417px;
    height:18px;
    margin-bottom:5px;
    padding:10px 0px 10px 10px;
    background-color:#eeeeee;
}
.inputContato input{
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
    text-transform: uppercase;
    color:#999;
    border:none;
    background-color:#eeeeee;
    width:417px;
    margin:0px;
}
.inputContato textarea{
    font-size:14px;
    line-height:16px;
    font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
    color:#999;
    border:none;
    background-color:#eeeeee;
    width:417px;
    padding-left:10px;
    margin:0px 0px 4px -10px;
}


/*******************  MAPA DO SITE ************************/


.titMapa{
    background-color:#e4e9ec;
    height:30px;
    padding:10px;
}
.txtMapa{
    padding-left:20px;
    margin:10px 0px 30px 0px;
}
.txtMapa p a:link{
    color:#999;
}
.txtMapa a:hover{
    color:#000;
}
.txtMapa li{
    padding-left:10px;
	font-family:Arial, Helvetica, Verdana, sans-serif, "Trebuchet MS";
	font-size:14px;
	line-height:18px;
	color:#999;
}

#facebox .b {
  background:url(../img/b.png);
}

#facebox .tl {
 background:url(../img/tl.png);
}

#facebox .tr {
  background:url(../img/tr.png);
}

#facebox .bl {
  background:url(../img/bl.png);
}

#facebox .br {
  background:url(../img/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#overLayDarkFacebox{
    width:100%;
    height:100%;
    background-color:Black;
    position:absolute;
    top:0px;
    left:0px;
    opacity:0.6;
    filter: alpha(opacity=60); 
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  background-color:Black;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}