/**
colors:
    1. titulo verde: #78800E, #B0B510
    2. titulo azul: #44B2FF, #007BD2
    3. link azul: #0096FF
    4. link verde: #78800E
    5. texto preto: #333, #707070, #191919 
*/
body {
  font-size: 75%;
  color: #333;
  background: #fff;
  
  font-family: Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
  letter-spacing:0.03em;
  line-height:1.25em;
  
  background: url('../imagens/index-mudificado_01.jpg') no-repeat;
  background-position: 50% 0;
}

a, a:visited { color:#78800E; }
a:focus, a:hover { color:#0096FF; }

input[type=text], textarea { background:#B0B510; border:2px solid #B59810; padding:4px; color:#fff; margin-bottom:7px; }
input[type=submit] { /*TODO:fazer outter-bevel para estado ativo do botao */ 
    background:#0096FF;
    color:#fff;
    font-weight:bold;
    font-size:0.9em;
    padding:2px;
    
    
    border:4px solid;
    border-top-color:#5fbdff;
    border-right-color:#0069b2;
    border-bottom-color:#004d83;
    border-left-color:#31aaff;
}
input[type=submit]:active { 
    border-bottom-color:#5fbdff;
    border-left-color:#0069b2;
    border-top-color:#004d83;
    border-right-color:#31aaff;
}

#page { width:950px; margin: 0 auto; }
/*
->HEADER*/
#header-wrapper { height:218px; }
#header {  }

#header #header-logo { float:left; margin-left:30px; }
#header #header-contato { padding-top:7px; height:25px; }
#header #header-contato address { font-family:'BellGothicBlkBTBlack', 'Verdana'; color:#78800E; font-size:110%; font-style:normal; float:right; }
#header #header-contato address span { margin:0 20px; }

#header #header-menu { margin-top:125px; height:45px; }
#header #header-menu ul { list-style-type:none; margin:0; float:right; margin:15px 30px; }
#header #header-menu li { 
    float:left;
    margin:0 20px;
    font-family:'BellGothicBlkBTBlack', 'Verdana';
    font-weight:bold;
    font-size:140%;
    letter-spacing:0.02em;
    color:#78800E;
}
#header #header-menu ul a { color:#78800E; text-decoration:none; }
#header #header-menu ul a:hover { color:#0096FF; }

#header #header-portfolio {
    width:900px;
    margin:0 auto;
    position: relative;
}
#header #header-portfolio #portfolio-nav-prev { position:absolute; left:-40px;  top:165px; z-index:3; cursor:pointer; }
#header #header-portfolio #portfolio-nav-next { position:absolute; right:-40px; top:165px; z-index:3; cursor:pointer; float:right; }
#header #header-portfolio #portfolio-imagens { width:900px; height:100%; overflow:hidden; }
#header #header-portfolio #portfolio-imagens img { position:absolute; top:0; left:0; z-index:2; }

/*
->FOOTER */
#footer-wrapper {
    border-top:10px solid #ABAF12;
    background: url('../imagens/fundo-padrao.png') repeat-y;
    background-position: 50% 0;
    height:220px;
}
#footer { width:950px; margin:0 auto; }
#footer #footer-twitter { width:550px; margin:35px auto 0; /* margin-left:12px; */ }
#footer #footer-twitter h3 { margin:0 10px; }
#footer #twitter-posts {
    background:url('../imagens/fundo-twitter-box.png') no-repeat;
    width:371px;
    height:114px;
    overflow:hidden;
    float:left;
}
#footer #twitter-posts .twitter-post { padding:27px 55px 33px 35px; text-align:center; }
#footer #twitter-bird { margin-top:-48px; margin-left:10px; float:left; }

#footer #footer-blog { padding-top:30px; float:right; }
#footer #footer-blog h3 { color:#78800E; margin:0; }
#footer .box-excerpt { float:left; width:257px; margin:20px 20px 0; }

/*
->CONTENT */
#content { padding:0 40px 20px; }
.storycontent { padding-left:15px; }
.storycontent h2 { font-size:1.5em; line-height:1.12em; color:#007BD2; margin-left:-15px; }
.storycontent h2:first-letter { font-size:1.2em; }
.storycontent h2 a { color:#007BD2; text-decoration:none; }
.storycontent ul { list-style-type:square; padding-left:30px; }
.storycontent ul li { margin:6px 0; }

/*
->HOME*/
.home #content { width:910px; padding:150px 20px 20px; }
.home #content-home { margin:0 auto; }
.home #header-wrapper { height:418px; }
.home .box-excerpt { float:left; width:257px; margin:20px 20px 0; }

/*
->SERVICOS*/
.sidebar #servicos-fazemos {
    background:url('../imagens/servicos-fazemos.jpg') no-repeat;
    background-position: left top;
}
.sidebar #servicos-duvida {
    background:url('../imagens/servicos-duvida.jpg') no-repeat;
    background-position: left top;
}
#servicos-duvida input[type=text], #servicos-duvida textarea { width:200px; }
#servicos-duvida input[type=submit] { float:right; margin-right:5px; }
#servicos-duvida textarea { height:60px; }
#servicos-duvida img.ajax-loader { float:right; margin:8px 4px 0; }
#servicos-duvida .wpcf7-response-output { margin-top:40px; border-color:#ff7f26; } 
#servicos-contato { padding:0 12px; margin-top:8px; }

/*
->CONTATO*/
.page-contato .column-2 { margin-left:255px; } /*lado direito*/
.page-contato .sidebar { width:250px; float:left; margin-top:40px; text-align:center; }
.page-contato .wpcf7-form { width:350px; margin:0 auto; padding:10px 0; }
.page-contato .wpcf7-form p { margin-bottom:1em; }
.page-contato .wpcf7-form label { width:100px; text-align:right; display:block; float:left; margin-right:1em; padding-top:5px; }
.page-contato .wpcf7-form input[type=text] { width:200px; }
.page-contato .wpcf7-form textarea { width:225px; height:100px; }
.page-contato .wpcf7-form input[type=submit] { float:right; }
.page-contato img.ajax-loader { float:right; margin:8px 4px 0; }
.page-contato .wpcf7-response-output { margin-top:55px; border-color:#ff7f26; } 

/*
->CLIENTES*/
.clientes-item { width:400px; float:left; margin-right:40px; }
.page-clientes .clientes-item .title-wrap { height:auto; }
.page-clientes .clientes-item .title-wrap h2 { font-size:1.5em; color:#007BD2; font-weight:bold; padding-top:4px; }
.page-clientes .clientes-item .title-wrap a { color:#78800E; }
.page-clientes .clientes-item .title-wrap small { font-size:inherit; color:#707070; }
.clientes-item.last { margin-right:0; }
.clientes-item .post { padding:0px 15px; background:url('../imagens/clientes-02.png'); }
.clientes-item .content-title .wp-post-image { float:left; margin-right:2px; }
.page-clientes .clientes-item .content-wrap { padding:10px 10px 0; margin-bottom:0; }