/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
h2 {
  color: #ADAFAE;
  font-size: 1.8em;
  line-height: 1.5em;
}
h2 span {
  padding: 0 10px;
}
#vantagens i.icon {
  vertical-align: -20%;
  padding-right: 10px;
}
#fibra_concreto h2 {
  text-shadow: 2px 2px 2px black;
}
h1 {
  font-size: 5em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Bree Serif', serif;
}
h4 {
  color: #33B5E5;
  text-shadow: 1px 1px 0 white;
}
h5 {
  color: #E6D7CF;
  text-transform: uppercase;
}
.claro {
  background: #F5F5F5;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E6E6E6), color-stop(1, #FFF));
  background: -ms-linear-gradient(bottom, #E6E6E6, #FFF);
  background: -moz-linear-gradient(center bottom, #E6E6E6 0%, #FFF 100%);
  background: -o-linear-gradient(#FFF, #E6E6E6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#E6E6E6', GradientType=0);
}
.claro h1 {
  color: #333;
  text-shadow: 1px 1px 0 white;
}
.claro h3 {
  color: #333;
  line-height: 1.2em;
  text-shadow: 1px 1px 0 white;
}
.claro p,
.claro ul {
  color: #333;
  text-shadow: 1px 1px 0 white;
}
.claro ul strong {
  color: #33B5E5;
}
.claro ul li {
  line-height: 1.5em;
}
.escuro {
  background: #555;
}
.escuro h1 {
  color: white;
  text-shadow: 2px 2px 5px #000;
}
.escuro h1 small {
  color: white;
  text-shadow: none;
  background: #33B5E5;
  padding: 2px 10px;
}
.escuro h2 {
  color: white;
}
.escuro h2 span {
  background: #33B5E5;
}
.escuro p {
  color: #EEE;
}
.shadow-top {
  height: 29px;
  background: url("shadow-top.png") top no-repeat;
}
.shadow-bottom {
  height: 29px;
  background: url("shadow-bottom.png") top no-repeat;
}
.divisao-bege-top {
  height: 20px;
  background: url("divisao_bege_top.png") top repeat-x;
}
.divisao-bege-top-ajuste {
  height: 16px;
  background: url("divisao_bege_top_ajuste.png") top repeat-x;
}
.divisao-bege-bottom {
  height: 20px;
  background: url("divisao_bege_bottom.png") top repeat-x;
}
.divisao-bege-bottom-ajuste {
  height: 16px;
  background: url("divisao_bege_bottom_ajuste.png") top repeat-x;
}
.divisao-bege2-top {
  height: 20px;
  background: url("divisao_bege2_top.png") top repeat-x;
}
.divisao-bege2-top-ajuste {
  height: 16px;
  background: url("divisao_bege2_top_ajuste.png") top repeat-x;
}
.divisao-bege2-bottom {
  height: 20px;
  background: url("divisao_bege2_bottom.png") top repeat-x;
}
.divisao-bege2-bottom-ajuste {
  height: 16px;
  background: url("divisao_bege2_bottom_ajuste.png") top repeat-x;
}
.divisao-black-top {
  height: 20px;
  background: url("divisao_black_top.png") top repeat-x;
}
.divisao-black-top-ajuste {
  height: 30px;
  background: url("divisao_black_top_ajuste.png") top repeat-x;
}
.divisao-black-bottom {
  height: 20px;
  background: url("divisao_black_bottom.png") top repeat-x;
}
.divisao-black-bottom-ajuste {
  height: 16px;
  background: url("divisao_black_bottom_ajuste.png") top repeat-x;
}
.divisao-white-top {
  height: 20px;
  background: url("divisao_white_top.png") top repeat-x;
}
.divisao-white-bottom {
  height: 20px;
  background: url("divisao_white_bottom.png") top repeat-x;
}
.divisao1 {
  height: 20px;
  background: url("divisao1.png") top repeat-x;
}
.divisao2 {
  height: 20px;
  background: url("divisao2.png") top repeat-x;
}
.divisao3 {
  height: 20px;
  background: url("divisao3.png") top repeat-x;
}
#vantagens_fibra_concreto,
#contato_fibra_concreto {
  background: url("bg_bege.png");
}
#sobre_fibra_concreto {
  background: url("bg_fresh.png");
}
#pedido_fibra_concreto {
  background: url("bg_fresh.png");
}
#fotos {
  background: url("bg_black.png");
}
#rodape {
  color: #fff;
  font-size: 0.9em;
  background: url("bg_black.png");
  padding-bottom: 150px;
}
#rodape a {
  color: white;
}
#rodape .top {
  background: url("bg_strong.png");
  padding: 25px 0 30px 0;
  border-top: 1px solid #333;
  border-bottom: 2px solid #333;
}
#rodape .top h1 {
  margin: 0;
}
.obra h2 {
  color: #43C5F5;
  font-size: 1.5em;
}
.obra ul.fotos {
  list-style: none;
  margin: 0;
  padding: 0;
}
.obra ul.fotos li a {
  display: block;
  text-align: center;
  background: white;
  width: 160px;
  height: 220px;
  padding: 5px;
  float: left;
  margin: 0 12px 12px 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.obra ul.fotos li a img {
  width: 140px;
}
.obra ul.fotos li a .texto {
  display: block;
}
.obra ul.fotos li a .texto .titulo {
  display: block;
  font-size: 1.2em;
  font-family: 'Bree Serif', serif;
}
.obra ul.fotos li a .texto .descricao {
  display: block;
  color: #333;
  font-size: 0.9em;
  line-height: 1.15em;
}
.obra ul.fotos li a:hover {
  background: #33B5E5;
  text-decoration: none;
}
.obra ul.fotos li a:hover .descricao {
  color: white;
}
.obra ul.fotos li a:focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}